diff --git a/app/Http/Controllers/CategoryController.php b/app/Http/Controllers/CategoryController.php index 6d767ef..6e2c70e 100644 --- a/app/Http/Controllers/CategoryController.php +++ b/app/Http/Controllers/CategoryController.php @@ -4,6 +4,7 @@ namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Models\Category; +use Illuminate\Validation\Rule; class CategoryController extends Controller { @@ -17,7 +18,14 @@ class CategoryController extends Controller public function store(Request $request) { $request->validate([ - 'name' => 'required|string|unique:categories,name|max:255', + 'name' => [ + 'required', + 'string', + 'max:255', + Rule::unique('categories', 'name')->where(function ($query) { + return $query->where('deleted_at', null); + }) + ], 'description' => 'required|string|max:255', 'amount' => 'required|numeric|max:999999999|min:1' ]); diff --git a/app/Http/Controllers/ExpenseController.php b/app/Http/Controllers/ExpenseController.php index 011ea93..eb21d0d 100644 --- a/app/Http/Controllers/ExpenseController.php +++ b/app/Http/Controllers/ExpenseController.php @@ -33,10 +33,16 @@ class ExpenseController extends Controller if ($request->is_income == 0) { $budget = $transaction->category->budgets()->where('end_date', null)->first(); - $budget->update([ - 'total_used' => $budget->total_used + $request->amount, - 'remain' => ($budget->budget + $budget->rollover) - ($budget->total_used + $request->amount) - ]); + $budget->update(['total_used' => $budget->total_used + $request->amount]); + if ($request->income_type == 1) { + $budget->update([ + 'remain' => $budget->remain + $request->amount + ]); + } else { + $budget->update([ + 'remain' => $budget->remain - $request->amount + ]); + } } DB::commit(); @@ -59,10 +65,16 @@ class ExpenseController extends Controller // return when it create if ($transaction->is_income == 0) { // pasti ada $budget = $transaction->category->budgets()->where('end_date', null)->first(); - $budget->update([ - 'total_used' => $budget->total_used - $transaction->amount, - 'remain' => ($budget->budget + $budget->rollover) + ($budget->total_used - $transaction->amount) - ]); + $budget->update(['total_used' => $budget->total_used - $transaction->amount]); + if ($transaction->income_type == 1) { + $budget->update([ + 'remain' => $budget->remain - $transaction->amount + ]); + } else { + $budget->update([ + 'remain' => $budget->remain + $transaction->amount + ]); + } } $transaction->update($request->input()); @@ -70,10 +82,16 @@ class ExpenseController extends Controller // add new if ($transaction->is_income == 0) { $budget = $transaction->category->budgets()->where('end_date', null)->first(); - $budget->update([ - 'total_used' => $budget->total_used + $request->amount, - 'remain' => ($budget->budget + $budget->rollover) - ($budget->total_used + $request->amount) - ]); + $budget->update(['total_used' => $budget->total_used + $request->amount]); + if ($request->income_type == 1) { + $budget->update([ + 'remain' => $budget->remain + $request->amount + ]); + } else { + $budget->update([ + 'remain' => $budget->remain - $request->amount + ]); + } } DB::commit(); @@ -86,10 +104,16 @@ class ExpenseController extends Controller // return when it create if ($transaction->is_income == 0 && $transaction->category->deleted_at == null) { // pasti ada $budget = $transaction->category->budgets()->where('end_date', null)->first(); - $budget->update([ - 'total_used' => $budget->total_used - $transaction->amount, - 'remain' => ($budget->budget + $budget->rollover) + ($budget->total_used - $transaction->amount) - ]); + $budget->update(['total_used' => $budget->total_used - $transaction->amount]); + if ($transaction->income_type == 1) { + $budget->update([ + 'remain' => $budget->remain - $transaction->amount + ]); + } else { + $budget->update([ + 'remain' => $budget->remain + $transaction->amount + ]); + } } $transaction->delete(); diff --git a/app/Http/Controllers/SummaryController.php b/app/Http/Controllers/SummaryController.php index e1389f3..0b27ff2 100644 --- a/app/Http/Controllers/SummaryController.php +++ b/app/Http/Controllers/SummaryController.php @@ -32,7 +32,6 @@ class SummaryController extends Controller if ($request->is_rolling == 1) { foreach ($budgets as $budget) { $rollover = ($budget->budget + $budget->rollover) - ($budget->total_used); - $rollover = $rollover > 0 ? $rollover : 0; Budget::create([ 'category_id' => $budget->category_id, 'budget' => $budget->budget, diff --git a/database/database.sqlite b/database/database.sqlite index 9a96328..42efdde 100644 Binary files a/database/database.sqlite and b/database/database.sqlite differ diff --git a/public/css/app.css b/public/css/app.css index 4bd04ef..c84f9ef 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -757,8 +757,8 @@ select { } :root { - background-color: hsla(var(--b1)/var(--tw-bg-opacity,1)); - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + background-color: hsla(var(--b1) / var(--tw-bg-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity,1)); } html { @@ -1647,10 +1647,10 @@ html { display: inline-flex; align-items: center; justify-content: center; - transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: .15s; transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); height: 1.25rem; font-size: .875rem; line-height: 1.25rem; @@ -1660,17 +1660,17 @@ html { padding-left: .563rem; padding-right: .563rem; --tw-bg-opacity: 1; - background-color: hsla(var(--n)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--n) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--n)/var(--tw-border-opacity,1)); + border-color: hsla(var(--n) / var(--tw-border-opacity, 1)); border-width: 1px; --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); - border-radius: var(--rounded-badge,1.9rem); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); + border-radius: var(--rounded-badge, 1.9rem); } .btn { border-color: transparent; - border-color: hsla(var(--n)/var(--tw-border-opacity,1)); + border-color: hsla(var(--n) / var(--tw-border-opacity, 1)); cursor: pointer; display: inline-flex; flex-wrap: wrap; @@ -1682,11 +1682,11 @@ html { -moz-user-select: none; -ms-user-select: none; user-select: none; - transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: .15s; transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); - border-radius: var(--rounded-btn,.5rem); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); + border-radius: var(--rounded-btn, .5rem); height: 3rem; font-size: .875rem; line-height: 1.25rem; @@ -1696,15 +1696,15 @@ html { min-height: 3rem; font-weight: 600; text-transform: uppercase; - text-transform: var(--btn-text-case,uppercase); - border-width: var(--border-btn,1px); - -webkit-animation: button-pop var(--animation-btn,.25s) ease-out; - animation: button-pop var(--animation-btn,.25s) ease-out; + text-transform: var(--btn-text-case, uppercase); + border-width: var(--border-btn, 1px); + -webkit-animation: button-pop var(--animation-btn, .25s) ease-out; + animation: button-pop var(--animation-btn, .25s) ease-out; --tw-bg-opacity: 1; - background-color: hsla(var(--n)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--n) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); } .btn:focus { outline: 2px solid transparent; @@ -1714,11 +1714,11 @@ html { pointer-events: none; --tw-bg-opacity: 1; --tw-bg-opacity: 0.2; - background-color: hsla(var(--n)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--n) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 0; --tw-text-opacity: 1; --tw-text-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .btn.loading,.btn.loading:hover { pointer-events: none; @@ -1774,7 +1774,7 @@ html { flex-direction: column; overflow: hidden; position: relative; - border-radius: var(--rounded-box,1rem); + border-radius: var(--rounded-box, 1rem); } .card:focus { outline: 2px solid transparent; @@ -1784,7 +1784,7 @@ html { display: flex; flex-direction: column; flex: 1 1 auto; - padding: var(--padding-card,2rem); + padding: var(--padding-card, 2rem); } .card figure,.card figure>* { width: 100%; @@ -1806,10 +1806,10 @@ html { position: relative; content: ""; --tw-bg-opacity: 1; - background-color: hsla(var(--n)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--n) / var(--tw-bg-opacity, 1)); opacity: .75; z-index: 10; - border-radius: var(--rounded-box,1rem); + border-radius: var(--rounded-box, 1rem); } .card.image-full:before,.card.image-full>* { grid-column-start: 1; @@ -1823,7 +1823,7 @@ html { .card.image-full>.card-body { position: relative; --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); z-index: 20; } .checkbox:focus { @@ -1846,10 +1846,10 @@ html { } .input { flex-shrink: 1; - transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: .15s; transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); height: 3rem; font-size: .875rem; line-height: 1.25rem; @@ -1857,17 +1857,17 @@ html { padding-left: 1rem; padding-right: 1rem; --tw-bg-opacity: 1; - background-color: hsla(var(--b1)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; --tw-border-opacity: 0; - border-color: hsla(var(--bc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--bc) / var(--tw-border-opacity, 1)); border-width: 1px; - border-radius: var(--rounded-btn,.5rem); + border-radius: var(--rounded-btn, .5rem); } .input:focus { outline: 2px solid transparent; outline-offset: 2px; - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsla(var(--bc)/.2); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2); } .input-group>*,.input-group>.input { border-radius: 0; @@ -1896,10 +1896,10 @@ html { .menu :where(li)>a,.menu :where(li)>span { display: flex; align-items: center; - transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: .15s; transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .menu :where(li)>a { cursor: pointer; @@ -1926,11 +1926,11 @@ html { z-index: 999; --tw-bg-opacity: 1; --tw-bg-opacity: 0.4; - background-color: hsla(var(--nf)/var(--tw-bg-opacity,1)); - transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; + background-color: hsla(var(--nf) / var(--tw-bg-opacity, 1)); + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: .15s; transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); } @media (min-width:640px) { @@ -1943,8 +1943,8 @@ html { --tw-scale-x: .9; --tw-scale-y: .9; --tw-translate-y: 0px; - border-bottom-left-radius: var(--rounded-box,1rem); - border-bottom-right-radius: var(--rounded-box,1rem); + border-bottom-left-radius: var(--rounded-box, 1rem); + border-bottom-right-radius: var(--rounded-box, 1rem); } } .modal-open,.modal-toggle:checked+.modal,.modal:target { @@ -1977,33 +1977,36 @@ html { padding-right: 2.5rem; min-height: 3rem; --tw-bg-opacity: 1; - background-color: hsla(var(--b1)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; --tw-border-opacity: 0; - border-color: hsla(var(--bc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--bc) / var(--tw-border-opacity, 1)); border-width: 1px; font-weight: 600; - transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: .15s; transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); - border-radius: var(--rounded-btn,.5rem); - background-image: linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0); - background-position: calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%); - background-size: 4px 4px,4px 4px; + transition-timing-function: cubic-bezier(.4, 0, .2, 1); + border-radius: var(--rounded-btn, .5rem); + background-image: linear-gradient(45deg, transparent 50%, currentColor 0), + linear-gradient(135deg, currentColor 50%, transparent 0); + background-position: calc(100% - 20px) calc(1px + 50%), + calc(100% - 16px) calc(1px + 50%); + background-size: 4px 4px, + 4px 4px; background-repeat: no-repeat; } .select:focus { outline: 2px solid transparent; outline-offset: 2px; - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsla(var(--bc)/.2); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2); } .select-disabled,.select[disabled] { pointer-events: none; --tw-bg-opacity: 1; - background-color: hsla(var(--b2)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b2) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--b2)/var(--tw-border-opacity,1)); + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); cursor: not-allowed; --tw-text-opacity: 0.2; } @@ -2023,217 +2026,217 @@ html { } .btn .badge { --tw-bg-opacity: 1; - background-color: hsla(var(--b1)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); border-color: transparent; --tw-text-opacity: 1; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .btn .badge-outline { background-color: transparent; --tw-border-opacity: 1; - border-color: hsla(var(--b2)/var(--tw-border-opacity,1)); + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--b2)/var(--tw-text-opacity,1)); + color: hsla(var(--b2) / var(--tw-text-opacity, 1)); } .btn-outline .badge { --tw-border-opacity: 1; - border-color: hsla(var(--nf)/var(--tw-border-opacity,1)); + border-color: hsla(var(--nf) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-primary .badge { --tw-bg-opacity: 1; - background-color: hsla(var(--p)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-secondary .badge { --tw-bg-opacity: 1; - background-color: hsla(var(--s)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--s) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--s)/var(--tw-border-opacity,1)); + border-color: hsla(var(--s) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--sc)/var(--tw-text-opacity,1)); + color: hsla(var(--sc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-accent .badge { --tw-bg-opacity: 1; - background-color: hsla(var(--a)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--a) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--a)/var(--tw-border-opacity,1)); + border-color: hsla(var(--a) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--ac)/var(--tw-text-opacity,1)); + color: hsla(var(--ac) / var(--tw-text-opacity, 1)); } .btn-outline .badge.outline { background-color: transparent; --tw-border-opacity: 1; - border-color: hsla(var(--nf)/var(--tw-border-opacity,1)); + border-color: hsla(var(--nf) / var(--tw-border-opacity, 1)); } .btn-outline.btn-primary .badge-outline { background-color: transparent; --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--p)/var(--tw-text-opacity,1)); + color: hsla(var(--p) / var(--tw-text-opacity, 1)); } .btn-outline.btn-secondary .badge-outline { background-color: transparent; --tw-border-opacity: 1; - border-color: hsla(var(--s)/var(--tw-border-opacity,1)); + border-color: hsla(var(--s) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--s)/var(--tw-text-opacity,1)); + color: hsla(var(--s) / var(--tw-text-opacity, 1)); } .btn-outline.btn-accent .badge-outline { background-color: transparent; --tw-border-opacity: 1; - border-color: hsla(var(--a)/var(--tw-border-opacity,1)); + border-color: hsla(var(--a) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--a)/var(--tw-text-opacity,1)); + color: hsla(var(--a) / var(--tw-text-opacity, 1)); } .btn-outline:hover .badge { --tw-bg-opacity: 1; - background-color: hsla(var(--b2)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b2) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--b2)/var(--tw-border-opacity,1)); + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .btn-outline:hover .badge.outline { --tw-border-opacity: 1; - border-color: hsla(var(--b2)/var(--tw-border-opacity,1)); + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-primary:hover .badge { --tw-bg-opacity: 1; - background-color: hsla(var(--pc)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--pc) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--pc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--pc) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--p)/var(--tw-text-opacity,1)); + color: hsla(var(--p) / var(--tw-text-opacity, 1)); } .btn-outline.btn-primary:hover .badge.outline { --tw-bg-opacity: 1; - background-color: hsla(var(--pf)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--pc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--pc) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-secondary:hover .badge { --tw-bg-opacity: 1; - background-color: hsla(var(--sc)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--sc) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--sc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--sc) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--s)/var(--tw-text-opacity,1)); + color: hsla(var(--s) / var(--tw-text-opacity, 1)); } .btn-outline.btn-secondary:hover .badge.outline { --tw-bg-opacity: 1; - background-color: hsla(var(--sf)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--sf) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--sc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--sc) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--sc)/var(--tw-text-opacity,1)); + color: hsla(var(--sc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-accent:hover .badge { --tw-bg-opacity: 1; - background-color: hsla(var(--ac)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--ac) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--ac)/var(--tw-border-opacity,1)); + border-color: hsla(var(--ac) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--a)/var(--tw-text-opacity,1)); + color: hsla(var(--a) / var(--tw-text-opacity, 1)); } .btn-outline.btn-accent:hover .badge.outline { --tw-bg-opacity: 1; - background-color: hsla(var(--af)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--af) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--ac)/var(--tw-border-opacity,1)); + border-color: hsla(var(--ac) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--ac)/var(--tw-text-opacity,1)); + color: hsla(var(--ac) / var(--tw-text-opacity, 1)); } .btn:active:focus,.btn:active:hover { -webkit-animation: none; animation: none; - transform: scale(var(--btn-focus-scale,.95)); + transform: scale( var(--btn-focus-scale, .95) ); } .btn-active,.btn:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--nf)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--nf) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--nf)/var(--tw-border-opacity,1)); + border-color: hsla(var(--nf) / var(--tw-border-opacity, 1)); } .btn:focus-visible { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--nf)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--nf)); } .btn-primary { --tw-bg-opacity: 1; - background-color: hsla(var(--p)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .btn-primary.btn-active,.btn-primary:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--pf)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--pf)/var(--tw-border-opacity,1)); + border-color: hsla(var(--pf) / var(--tw-border-opacity, 1)); } .btn-primary:focus-visible { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p)); } .btn-secondary { --tw-bg-opacity: 1; - background-color: hsla(var(--s)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--s) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--s)/var(--tw-border-opacity,1)); + border-color: hsla(var(--s) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--sc)/var(--tw-text-opacity,1)); + color: hsla(var(--sc) / var(--tw-text-opacity, 1)); } .btn-secondary.btn-active,.btn-secondary:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--sf)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--sf) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--sf)/var(--tw-border-opacity,1)); + border-color: hsla(var(--sf) / var(--tw-border-opacity, 1)); } .btn-secondary:focus-visible { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--s)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s)); } .btn-warning { --tw-bg-opacity: 1; - background-color: hsla(var(--wa)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--wa) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--wa)/var(--tw-border-opacity,1)); + border-color: hsla(var(--wa) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--b2)/var(--tw-text-opacity,1)); + color: hsla(var(--b2) / var(--tw-text-opacity, 1)); } .btn-warning.btn-active,.btn-warning:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--wa)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--wa) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--wa)/var(--tw-border-opacity,1)); + border-color: hsla(var(--wa) / var(--tw-border-opacity, 1)); } .btn-warning:focus-visible { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--wa)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa)); } .btn-error { --tw-bg-opacity: 1; - background-color: hsla(var(--er)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--er) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--er)/var(--tw-border-opacity,1)); + border-color: hsla(var(--er) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--b2)/var(--tw-text-opacity,1)); + color: hsla(var(--b2) / var(--tw-text-opacity, 1)); } .btn-error.btn-active,.btn-error:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--er)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--er) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--er)/var(--tw-border-opacity,1)); + border-color: hsla(var(--er) / var(--tw-border-opacity, 1)); } .btn-error:focus-visible { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--er)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er)); } .btn.glass.btn-active,.btn.glass:hover { --glass-opacity: 25%; @@ -2246,99 +2249,99 @@ html { background-color: transparent; border-color: currentColor; --tw-text-opacity: 1; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .btn-outline:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--bc)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--bc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--bc) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--b1)/var(--tw-text-opacity,1)); + color: hsla(var(--b1) / var(--tw-text-opacity, 1)); } .btn-outline.btn-primary { --tw-text-opacity: 1; - color: hsla(var(--p)/var(--tw-text-opacity,1)); + color: hsla(var(--p) / var(--tw-text-opacity, 1)); } .btn-outline.btn-primary:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--pf)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--pf)/var(--tw-border-opacity,1)); + border-color: hsla(var(--pf) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-secondary { --tw-text-opacity: 1; - color: hsla(var(--s)/var(--tw-text-opacity,1)); + color: hsla(var(--s) / var(--tw-text-opacity, 1)); } .btn-outline.btn-secondary:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--sf)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--sf) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--sf)/var(--tw-border-opacity,1)); + border-color: hsla(var(--sf) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--sc)/var(--tw-text-opacity,1)); + color: hsla(var(--sc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-accent { --tw-text-opacity: 1; - color: hsla(var(--a)/var(--tw-text-opacity,1)); + color: hsla(var(--a) / var(--tw-text-opacity, 1)); } .btn-outline.btn-accent:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--af)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--af) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--af)/var(--tw-border-opacity,1)); + border-color: hsla(var(--af) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--ac)/var(--tw-text-opacity,1)); + color: hsla(var(--ac) / var(--tw-text-opacity, 1)); } .btn-outline.btn-success { --tw-text-opacity: 1; - color: hsla(var(--su)/var(--tw-text-opacity,1)); + color: hsla(var(--su) / var(--tw-text-opacity, 1)); } .btn-outline.btn-success:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--su)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--su) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--su)/var(--tw-border-opacity,1)); + border-color: hsla(var(--su) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-info { --tw-text-opacity: 1; - color: hsla(var(--in)/var(--tw-text-opacity,1)); + color: hsla(var(--in) / var(--tw-text-opacity, 1)); } .btn-outline.btn-info:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--in)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--in) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--in)/var(--tw-border-opacity,1)); + border-color: hsla(var(--in) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-warning { --tw-text-opacity: 1; - color: hsla(var(--wa)/var(--tw-text-opacity,1)); + color: hsla(var(--wa) / var(--tw-text-opacity, 1)); } .btn-outline.btn-warning:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--wa)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--wa) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--wa)/var(--tw-border-opacity,1)); + border-color: hsla(var(--wa) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); } .btn-outline.btn-error { --tw-text-opacity: 1; - color: hsla(var(--er)/var(--tw-text-opacity,1)); + color: hsla(var(--er) / var(--tw-text-opacity, 1)); } .btn-outline.btn-error:hover { --tw-bg-opacity: 1; - background-color: hsla(var(--er)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--er) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--er)/var(--tw-border-opacity,1)); + border-color: hsla(var(--er) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--nc)/var(--tw-text-opacity,1)); + color: hsla(var(--nc) / var(--tw-text-opacity, 1)); } .btn.loading.btn-circle:before,.btn.loading.btn-square:before { margin-right: 0; @@ -2353,14 +2356,14 @@ html { } .btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn { --tw-bg-opacity: 1; - background-color: hsla(var(--p)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p)); } .btn-group>.btn:not(:first-child) { border-top-left-radius: 0; @@ -2374,7 +2377,7 @@ html { @-webkit-keyframes button-pop { 0% { - transform: scale(var(--btn-focus-scale,.95)); + transform: scale( var(--btn-focus-scale, .95) ); } 40% { @@ -2388,7 +2391,7 @@ html { @keyframes button-pop { 0% { - transform: scale(var(--btn-focus-scale,.95)); + transform: scale( var(--btn-focus-scale, .95) ); } 40% { @@ -2404,7 +2407,7 @@ html { } .card.bordered { --tw-border-opacity: 1; - border-color: hsla(var(--b2)/var(--tw-border-opacity,1)); + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); border-width: 1px; } .card.compact .card-body { @@ -2429,48 +2432,48 @@ html { appearance: none; --tw-border-opacity: 1; --tw-border-opacity: 0.2; - border-color: hsla(var(--bc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--bc) / var(--tw-border-opacity, 1)); border-width: 1px; cursor: pointer; height: 1.5rem; width: 1.5rem; - border-radius: var(--rounded-btn,.5rem); + border-radius: var(--rounded-btn, .5rem); } .checkbox:focus-visible { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--bc)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc)); } .checkbox:checked { --tw-bg-opacity: 1; - background-color: hsla(var(--bc)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); background-repeat: no-repeat; - -webkit-animation: checkmark var(--animation-input,.2s) ease-in-out; - animation: checkmark var(--animation-input,.2s) ease-in-out; - background-image: linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 0),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 0),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 0),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 0,hsl(var(--chkfg)) 40%,transparent 0),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 0); + -webkit-animation: checkmark var(--animation-input, .2s) ease-in-out; + animation: checkmark var(--animation-input, .2s) ease-in-out; + background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 0), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 0), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 0), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 40%, transparent 0), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 0); } .checkbox-primary { --chkbg: var(--p); --chkfg: var(--pc); --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); } .checkbox-primary:hover { --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); } .checkbox-primary:focus-visible { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p)); } .checkbox-primary:checked { --tw-bg-opacity: 1; - background-color: hsla(var(--p)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .checkbox:disabled { --tw-bg-opacity: 1; - background-color: hsla(var(--bc)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); border-color: transparent; cursor: not-allowed; opacity: .2; @@ -2504,75 +2507,75 @@ html { } } .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--p)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--p)); } .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--s)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--s)); } .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-warning { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--wa)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--wa)); } .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--er)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er)); } .label-text { font-size: .875rem; line-height: 1.25rem; --tw-text-opacity: 1; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .label-text-alt { font-size: .75rem; line-height: 1rem; --tw-text-opacity: 1; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .label a:hover { --tw-text-opacity: 1; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .input-bordered { --tw-border-opacity: 0.2; } .input-error { --tw-border-opacity: 1; - border-color: hsla(var(--er)/var(--tw-border-opacity,1)); + border-color: hsla(var(--er) / var(--tw-border-opacity, 1)); } .input-error:focus { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--er)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er)); } .input-disabled,.input[disabled] { --tw-bg-opacity: 1; - background-color: hsla(var(--b2)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b2) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--b2)/var(--tw-border-opacity,1)); + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); cursor: not-allowed; --tw-text-opacity: 0.2; } .input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .input-disabled:-ms-input-placeholder,.input[disabled]:-ms-input-placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .input-disabled::-moz-placeholder, .input[disabled]::-moz-placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .input-disabled:-ms-input-placeholder, .input[disabled]:-ms-input-placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .input-disabled::placeholder,.input[disabled]::placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .link:focus { outline: 2px solid transparent; @@ -2583,12 +2586,12 @@ html { } .menu.horizontal li.bordered>a,.menu.horizontal li.bordered>span { --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); border-left-width: 0; border-bottom-width: 4px; } .menu[class*=p-] li a { - border-radius: var(--rounded-btn,.5rem); + border-radius: var(--rounded-btn, .5rem); } .menu li>a,.menu li>span { padding: .75rem 1.25rem; @@ -2597,19 +2600,19 @@ html { .menu li>a:focus,.menu li>a:hover { --tw-bg-opacity: 1; --tw-bg-opacity: 0.1; - background-color: hsla(var(--bc)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); } .menu li>a.active { --tw-bg-opacity: 1; - background-color: hsla(var(--p)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .menu li>a:active { --tw-bg-opacity: 1; - background-color: hsla(var(--pf)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .menu li.disabled>a:hover,.menu li.disabled>span:hover { background-color: transparent; @@ -2617,11 +2620,11 @@ html { .menu li.disabled>a,.menu li.disabled>span { --tw-text-opacity: 1; --tw-text-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .menu li.bordered a,.menu li.bordered span { --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); border-left-width: 4px; } .menu li.hover-bordered a { @@ -2630,7 +2633,7 @@ html { } .menu li.hover-bordered a:hover { --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); } .menu ul { padding-left: 1.5rem; @@ -2649,11 +2652,11 @@ html { padding-bottom: .25rem; --tw-text-opacity: 1; --tw-text-opacity: 0.4; - color: hsla(var(--bc)/var(--tw-text-opacity,1)); + color: hsla(var(--bc) / var(--tw-text-opacity, 1)); } .modal-box { --tw-bg-opacity: 1; - background-color: hsla(var(--b1)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); padding: 1.5rem; width: 100%; --tw-translate-x: 0; @@ -2665,13 +2668,13 @@ html { --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: .15s; transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); - border-top-left-radius: var(--rounded-box,1rem); - border-top-right-radius: var(--rounded-box,1rem); - box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); + border-top-left-radius: var(--rounded-box, 1rem); + border-top-right-radius: var(--rounded-box, 1rem); + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); } .modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box { --tw-scale-x: 1; @@ -2686,29 +2689,29 @@ html { @-webkit-keyframes radiomark { 0% { - box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset,var(--focus-shadow); + box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset, var(--focus-shadow); } 50% { - box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset,var(--focus-shadow); + box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset, var(--focus-shadow); } to { - box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset,var(--focus-shadow); + box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow); } } @keyframes radiomark { 0% { - box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset,var(--focus-shadow); + box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset, var(--focus-shadow); } 50% { - box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset,var(--focus-shadow); + box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset, var(--focus-shadow); } to { - box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset,var(--focus-shadow); + box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow); } } .select-bordered { @@ -2716,35 +2719,35 @@ html { } .select-error { --tw-border-opacity: 1; - border-color: hsla(var(--er)/var(--tw-border-opacity,1)); + border-color: hsla(var(--er) / var(--tw-border-opacity, 1)); } .select-error:focus { - box-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--er)); + box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--er)); } .select-disabled::-moz-placeholder,.select[disabled]::-moz-placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .select-disabled:-ms-input-placeholder,.select[disabled]:-ms-input-placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .select-disabled::-moz-placeholder, .select[disabled]::-moz-placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .select-disabled:-ms-input-placeholder, .select[disabled]:-ms-input-placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .select-disabled::placeholder,.select[disabled]::placeholder { --tw-placeholder-opacity: 1; --tw-placeholder-opacity: 0.2; - color: hsla(var(--bc)/var(--tw-placeholder-opacity,1)); + color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1)); } .table td,.table th { padding: 1rem; @@ -2753,20 +2756,20 @@ html { } .table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.active td,.table tr.active th { --tw-bg-opacity: 1; - background-color: hsla(var(--b3)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b3) / var(--tw-bg-opacity, 1)); } .table tr.hover:hover td,.table tr.hover:hover th,.table tr.hover:nth-child(2n):hover td,.table tr.hover:nth-child(2n):hover th { --tw-bg-opacity: 1; - background-color: hsla(var(--b3)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b3) / var(--tw-bg-opacity, 1)); } .table:not(.table-zebra) tbody tr:not(:last-child) td,.table:not(.table-zebra) tbody tr:not(:last-child) th,.table:not(.table-zebra) tfoot tr:not(:last-child) td,.table:not(.table-zebra) tfoot tr:not(:last-child) th,.table:not(.table-zebra) thead tr:not(:last-child) td,.table:not(.table-zebra) thead tr:not(:last-child) th { --tw-border-opacity: 1; - border-color: hsla(var(--b2)/var(--tw-border-opacity,1)); + border-color: hsla(var(--b2) / var(--tw-border-opacity, 1)); border-bottom-width: 1px; } .table tfoot td,.table tfoot th,.table thead td,.table thead th { --tw-bg-opacity: 1; - background-color: hsla(var(--b2)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b2) / var(--tw-bg-opacity, 1)); font-weight: 700; font-size: .75rem; line-height: 1rem; @@ -2782,7 +2785,7 @@ html { } .table tbody td,.table tbody th { --tw-bg-opacity: 1; - background-color: hsla(var(--b1)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1)); } .table-zebra tbody tr td:first-child,.table-zebra tbody tr th:first-child { border-top-left-radius: .5rem; @@ -2794,10 +2797,10 @@ html { } .table-zebra tbody tr:nth-child(2n) td,.table-zebra tbody tr:nth-child(2n) th { --tw-bg-opacity: 1; - background-color: hsla(var(--b2)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--b2) / var(--tw-bg-opacity, 1)); } .toggle { - --chkbg: hsla(var(--bc)/.2); + --chkbg: hsla(var(--bc) / .2); --focus-shadow: 0 0 0; --handleoffset: 1.5rem; -webkit-appearance: none; @@ -2805,74 +2808,74 @@ html { appearance: none; --tw-bg-opacity: 1; --tw-bg-opacity: 0.2; - background-color: hsla(var(--bc)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; --tw-border-opacity: 0.2; - border-color: hsla(var(--bc)/var(--tw-border-opacity,1)); + border-color: hsla(var(--bc) / var(--tw-border-opacity, 1)); border-width: 1px; cursor: pointer; height: 1.5rem; width: 3rem; - transition-timing-function: cubic-bezier(.4,0,.2,1); + transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; - border-radius: var(--rounded-badge,1.9rem); - transition: background,box-shadow var(--animation-input,.2s) ease-in-out; - box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset,var(--focus-shadow); + border-radius: var(--rounded-badge, 1.9rem); + transition: background,box-shadow var(--animation-input, .2s) ease-in-out; + box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow); } .toggle:focus-visible { - --focus-shadow: 0 0 0 2px hsl(var(--b1)),0 0 0 4px hsl(var(--bc)); + --focus-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc)); } .toggle:checked { --chkbg: hsl(var(--bc)); --tw-bg-opacity: 1; --tw-border-opacity: 1; - box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset,var(--focus-shadow); + box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow); } [dir=rtl] .toggle:checked { - box-shadow: calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset,var(--focus-shadow); + box-shadow: calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow); } .toggle:disabled { --tw-bg-opacity: 1; --tw-bg-opacity: 0.2; - background-color: hsla(var(--bc)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1)); border-color: transparent; cursor: not-allowed; } .badge-primary { --tw-bg-opacity: 1; - background-color: hsla(var(--p)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--p) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--p)/var(--tw-border-opacity,1)); + border-color: hsla(var(--p) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--pc)/var(--tw-text-opacity,1)); + color: hsla(var(--pc) / var(--tw-text-opacity, 1)); } .badge-secondary { --tw-bg-opacity: 1; - background-color: hsla(var(--s)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--s) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--s)/var(--tw-border-opacity,1)); + border-color: hsla(var(--s) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--sc)/var(--tw-text-opacity,1)); + color: hsla(var(--sc) / var(--tw-text-opacity, 1)); } .badge-accent { --tw-bg-opacity: 1; - background-color: hsla(var(--a)/var(--tw-bg-opacity,1)); + background-color: hsla(var(--a) / var(--tw-bg-opacity, 1)); --tw-border-opacity: 1; - border-color: hsla(var(--a)/var(--tw-border-opacity,1)); + border-color: hsla(var(--a) / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: hsla(var(--ac)/var(--tw-text-opacity,1)); + color: hsla(var(--ac) / var(--tw-text-opacity, 1)); } .badge-outline.badge-primary { --tw-text-opacity: 1; - color: hsla(var(--p)/var(--tw-text-opacity,1)); + color: hsla(var(--p) / var(--tw-text-opacity, 1)); } .badge-outline.badge-secondary { --tw-text-opacity: 1; - color: hsla(var(--s)/var(--tw-text-opacity,1)); + color: hsla(var(--s) / var(--tw-text-opacity, 1)); } .badge-outline.badge-accent { --tw-text-opacity: 1; - color: hsla(var(--a)/var(--tw-text-opacity,1)); + color: hsla(var(--a) / var(--tw-text-opacity, 1)); } .visible { visibility: visible; diff --git a/public/js/app.js b/public/js/app.js index 42aea52..d47a1b1 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -3756,7 +3756,7 @@ function Summary(props) { children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("thead", { children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("tr", { children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th", { - children: "Category" + children: "Category Name" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th", { children: "Description" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th", { @@ -3826,9 +3826,9 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var react_number_format__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-number-format */ "./node_modules/react-number-format/dist/react-number-format.es.js"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/utils */ "./resources/js/utils.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } @@ -3997,11 +3997,11 @@ function Transaction(props) { children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", { className: "card-body", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", { - className: "btn btn-outline max-w-min my-2", + className: "btn btn-secondary max-w-min my-2", onClick: function onClick() { return toggleForm(); }, - children: "Tambah" + children: "Add" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", { className: "overflow-x-auto", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("table", { @@ -4261,9 +4261,9 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); var _window$document$getE; -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } @@ -5310,6 +5310,19 @@ var bind = __webpack_require__(/*! function-bind */ "./node_modules/function-bin module.exports = bind.call(Function.call, Object.prototype.hasOwnProperty); +/***/ }), + +/***/ "./resources/css/app.css": +/*!*******************************!*\ + !*** ./resources/css/app.css ***! + \*******************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +// extracted by mini-css-extract-plugin + + /***/ }), /***/ "./node_modules/lodash.isequal/index.js": @@ -24381,19 +24394,6 @@ var __WEBPACK_AMD_DEFINE_RESULT__;/** }.call(this)); -/***/ }), - -/***/ "./resources/css/app.css": -/*!*******************************!*\ - !*** ./resources/css/app.css ***! - \*******************************/ -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - /***/ }), /***/ "./node_modules/moment/locale/af.js": @@ -46440,7 +46440,16 @@ var weakRefDeref = hasWeakRef ? WeakRef.prototype.deref : null; var booleanValueOf = Boolean.prototype.valueOf; var objectToString = Object.prototype.toString; var functionToString = Function.prototype.toString; -var match = String.prototype.match; +var $match = String.prototype.match; +var $slice = String.prototype.slice; +var $replace = String.prototype.replace; +var $toUpperCase = String.prototype.toUpperCase; +var $toLowerCase = String.prototype.toLowerCase; +var $test = RegExp.prototype.test; +var $concat = Array.prototype.concat; +var $join = Array.prototype.join; +var $arrSlice = Array.prototype.slice; +var $floor = Math.floor; var bigIntValueOf = typeof BigInt === 'function' ? BigInt.prototype.valueOf : null; var gOPS = Object.getOwnPropertySymbols; var symToString = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? Symbol.prototype.toString : null; @@ -46459,6 +46468,28 @@ var gPO = (typeof Reflect === 'function' ? Reflect.getPrototypeOf : Object.getPr : null ); +function addNumericSeparator(num, str) { + if ( + num === Infinity + || num === -Infinity + || num !== num + || (num && num > -1000 && num < 1000) + || $test.call(/e/, str) + ) { + return str; + } + var sepRegex = /[0-9](?=(?:[0-9]{3})+(?![0-9]))/g; + if (typeof num === 'number') { + var int = num < 0 ? -$floor(-num) : $floor(num); // trunc(num) + if (int !== num) { + var intStr = String(int); + var dec = $slice.call(str, intStr.length + 1); + return $replace.call(intStr, sepRegex, '$&_') + '.' + $replace.call($replace.call(dec, /([0-9]{3})/g, '$&_'), /_$/, ''); + } + } + return $replace.call(str, sepRegex, '$&_'); +} + var inspectCustom = (__webpack_require__(/*! ./util.inspect */ "?2128").custom); var inspectSymbol = inspectCustom && isSymbol(inspectCustom) ? inspectCustom : null; @@ -46487,8 +46518,12 @@ module.exports = function inspect_(obj, options, depth, seen) { && opts.indent !== '\t' && !(parseInt(opts.indent, 10) === opts.indent && opts.indent > 0) ) { - throw new TypeError('options "indent" must be "\\t", an integer > 0, or `null`'); + throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`'); } + if (has(opts, 'numericSeparator') && typeof opts.numericSeparator !== 'boolean') { + throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`'); + } + var numericSeparator = opts.numericSeparator; if (typeof obj === 'undefined') { return 'undefined'; @@ -46507,10 +46542,12 @@ module.exports = function inspect_(obj, options, depth, seen) { if (obj === 0) { return Infinity / obj > 0 ? '0' : '-0'; } - return String(obj); + var str = String(obj); + return numericSeparator ? addNumericSeparator(obj, str) : str; } if (typeof obj === 'bigint') { - return String(obj) + 'n'; + var bigIntStr = String(obj) + 'n'; + return numericSeparator ? addNumericSeparator(obj, bigIntStr) : bigIntStr; } var maxDepth = typeof opts.depth === 'undefined' ? 5 : opts.depth; @@ -46529,7 +46566,7 @@ module.exports = function inspect_(obj, options, depth, seen) { function inspect(value, from, noIndent) { if (from) { - seen = seen.slice(); + seen = $arrSlice.call(seen); seen.push(from); } if (noIndent) { @@ -46547,21 +46584,21 @@ module.exports = function inspect_(obj, options, depth, seen) { if (typeof obj === 'function') { var name = nameOf(obj); var keys = arrObjKeys(obj, inspect); - return '[Function' + (name ? ': ' + name : ' (anonymous)') + ']' + (keys.length > 0 ? ' { ' + keys.join(', ') + ' }' : ''); + return '[Function' + (name ? ': ' + name : ' (anonymous)') + ']' + (keys.length > 0 ? ' { ' + $join.call(keys, ', ') + ' }' : ''); } if (isSymbol(obj)) { - var symString = hasShammedSymbols ? String(obj).replace(/^(Symbol\(.*\))_[^)]*$/, '$1') : symToString.call(obj); + var symString = hasShammedSymbols ? $replace.call(String(obj), /^(Symbol\(.*\))_[^)]*$/, '$1') : symToString.call(obj); return typeof obj === 'object' && !hasShammedSymbols ? markBoxed(symString) : symString; } if (isElement(obj)) { - var s = '<' + String(obj.nodeName).toLowerCase(); + var s = '<' + $toLowerCase.call(String(obj.nodeName)); var attrs = obj.attributes || []; for (var i = 0; i < attrs.length; i++) { s += ' ' + attrs[i].name + '=' + wrapQuotes(quote(attrs[i].value), 'double', opts); } s += '>'; if (obj.childNodes && obj.childNodes.length) { s += '...'; } - s += ''; + s += ''; return s; } if (isArray(obj)) { @@ -46570,12 +46607,15 @@ module.exports = function inspect_(obj, options, depth, seen) { if (indent && !singleLineValues(xs)) { return '[' + indentedJoin(xs, indent) + ']'; } - return '[ ' + xs.join(', ') + ' ]'; + return '[ ' + $join.call(xs, ', ') + ' ]'; } if (isError(obj)) { var parts = arrObjKeys(obj, inspect); + if ('cause' in obj && !isEnumerable.call(obj, 'cause')) { + return '{ [' + String(obj) + '] ' + $join.call($concat.call('[cause]: ' + inspect(obj.cause), parts), ', ') + ' }'; + } if (parts.length === 0) { return '[' + String(obj) + ']'; } - return '{ [' + String(obj) + '] ' + parts.join(', ') + ' }'; + return '{ [' + String(obj) + '] ' + $join.call(parts, ', ') + ' }'; } if (typeof obj === 'object' && customInspect) { if (inspectSymbol && typeof obj[inspectSymbol] === 'function') { @@ -46623,14 +46663,14 @@ module.exports = function inspect_(obj, options, depth, seen) { var ys = arrObjKeys(obj, inspect); var isPlainObject = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object; var protoTag = obj instanceof Object ? '' : 'null prototype'; - var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? toStr(obj).slice(8, -1) : protoTag ? 'Object' : ''; + var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? 'Object' : ''; var constructorTag = isPlainObject || typeof obj.constructor !== 'function' ? '' : obj.constructor.name ? obj.constructor.name + ' ' : ''; - var tag = constructorTag + (stringTag || protoTag ? '[' + [].concat(stringTag || [], protoTag || []).join(': ') + '] ' : ''); + var tag = constructorTag + (stringTag || protoTag ? '[' + $join.call($concat.call([], stringTag || [], protoTag || []), ': ') + '] ' : ''); if (ys.length === 0) { return tag + '{}'; } if (indent) { return tag + '{' + indentedJoin(ys, indent) + '}'; } - return tag + '{ ' + ys.join(', ') + ' }'; + return tag + '{ ' + $join.call(ys, ', ') + ' }'; } return String(obj); }; @@ -46641,7 +46681,7 @@ function wrapQuotes(s, defaultStyle, opts) { } function quote(s) { - return String(s).replace(/"/g, '"'); + return $replace.call(String(s), /"/g, '"'); } function isArray(obj) { return toStr(obj) === '[object Array]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); } @@ -46692,7 +46732,7 @@ function toStr(obj) { function nameOf(f) { if (f.name) { return f.name; } - var m = match.call(functionToString.call(f), /^function\s*([\w$]+)/); + var m = $match.call(functionToString.call(f), /^function\s*([\w$]+)/); if (m) { return m[1]; } return null; } @@ -46792,10 +46832,10 @@ function inspectString(str, opts) { if (str.length > opts.maxStringLength) { var remaining = str.length - opts.maxStringLength; var trailer = '... ' + remaining + ' more character' + (remaining > 1 ? 's' : ''); - return inspectString(str.slice(0, opts.maxStringLength), opts) + trailer; + return inspectString($slice.call(str, 0, opts.maxStringLength), opts) + trailer; } // eslint-disable-next-line no-control-regex - var s = str.replace(/(['\\])/g, '\\$1').replace(/[\x00-\x1f]/g, lowbyte); + var s = $replace.call($replace.call(str, /(['\\])/g, '\\$1'), /[\x00-\x1f]/g, lowbyte); return wrapQuotes(s, 'single', opts); } @@ -46809,7 +46849,7 @@ function lowbyte(c) { 13: 'r' }[n]; if (x) { return '\\' + x; } - return '\\x' + (n < 0x10 ? '0' : '') + n.toString(16).toUpperCase(); + return '\\x' + (n < 0x10 ? '0' : '') + $toUpperCase.call(n.toString(16)); } function markBoxed(str) { @@ -46821,7 +46861,7 @@ function weakCollectionOf(type) { } function collectionOf(type, size, entries, indent) { - var joinedEntries = indent ? indentedJoin(entries, indent) : entries.join(', '); + var joinedEntries = indent ? indentedJoin(entries, indent) : $join.call(entries, ', '); return type + ' (' + size + ') {' + joinedEntries + '}'; } @@ -46839,20 +46879,20 @@ function getIndent(opts, depth) { if (opts.indent === '\t') { baseIndent = '\t'; } else if (typeof opts.indent === 'number' && opts.indent > 0) { - baseIndent = Array(opts.indent + 1).join(' '); + baseIndent = $join.call(Array(opts.indent + 1), ' '); } else { return null; } return { base: baseIndent, - prev: Array(depth + 1).join(baseIndent) + prev: $join.call(Array(depth + 1), baseIndent) }; } function indentedJoin(xs, indent) { if (xs.length === 0) { return ''; } var lineJoiner = '\n' + indent.prev + indent.base; - return lineJoiner + xs.join(',' + lineJoiner) + '\n' + indent.prev; + return lineJoiner + $join.call(xs, ',' + lineJoiner) + '\n' + indent.prev; } function arrObjKeys(obj, inspect) { @@ -46879,7 +46919,7 @@ function arrObjKeys(obj, inspect) { if (hasShammedSymbols && symMap['$' + key] instanceof Symbol) { // this is to prevent shammed Symbols, which are stored as strings, from being included in the string key section continue; // eslint-disable-line no-restricted-syntax, no-continue - } else if ((/[^\w$]/).test(key)) { + } else if ($test.call(/[^\w$]/, key)) { xs.push(inspect(key, obj) + ': ' + inspect(obj[key], obj)); } else { xs.push(key + ': ' + inspect(obj[key], obj)); @@ -82377,7 +82417,7 @@ webpackContext.id = "./resources/js/Pages sync recursive ^\\.\\/.*$"; /***/ ((module) => { "use strict"; -module.exports = JSON.parse('{"_from":"axios@^0.21","_id":"axios@0.21.4","_inBundle":false,"_integrity":"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==","_location":"/axios","_phantomChildren":{},"_requested":{"type":"range","registry":true,"raw":"axios@^0.21","name":"axios","escapedName":"axios","rawSpec":"^0.21","saveSpec":null,"fetchSpec":"^0.21"},"_requiredBy":["#DEV:/","/@inertiajs/inertia"],"_resolved":"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz","_shasum":"c67b90dc0568e5c1cf2b0b858c43ba28e2eda575","_spec":"axios@^0.21","_where":"/home/aji/fastwork/Erlan_6I5ARGMF/expense_tracker","author":{"name":"Matt Zabriskie"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"bugs":{"url":"https://github.com/axios/axios/issues"},"bundleDependencies":false,"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}],"dependencies":{"follow-redirects":"^1.14.0"},"deprecated":false,"description":"Promise based HTTP client for the browser and node.js","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"homepage":"https://axios-http.com","jsdelivr":"dist/axios.min.js","keywords":["xhr","http","ajax","promise","node"],"license":"MIT","main":"index.js","name":"axios","repository":{"type":"git","url":"git+https://github.com/axios/axios.git"},"scripts":{"build":"NODE_ENV=production grunt build","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","examples":"node ./examples/server.js","fix":"eslint --fix lib/**/*.js","postversion":"git push && git push --tags","preversion":"npm test","start":"node ./sandbox/server.js","test":"grunt test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json"},"typings":"./index.d.ts","unpkg":"dist/axios.min.js","version":"0.21.4"}'); +module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"Promise based HTTP client for the browser and node.js","main":"index.js","scripts":{"test":"grunt test","start":"node ./sandbox/server.js","build":"NODE_ENV=production grunt build","preversion":"npm test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json","postversion":"git push && git push --tags","examples":"node ./examples/server.js","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","fix":"eslint --fix lib/**/*.js"},"repository":{"type":"git","url":"https://github.com/axios/axios.git"},"keywords":["xhr","http","ajax","promise","node"],"author":"Matt Zabriskie","license":"MIT","bugs":{"url":"https://github.com/axios/axios/issues"},"homepage":"https://axios-http.com","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"jsdelivr":"dist/axios.min.js","unpkg":"dist/axios.min.js","typings":"./index.d.ts","dependencies":{"follow-redirects":"^1.14.0"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}]}'); /***/ }) diff --git a/resources/js/Pages/Summary.js b/resources/js/Pages/Summary.js index 7c8a779..c1333f0 100644 --- a/resources/js/Pages/Summary.js +++ b/resources/js/Pages/Summary.js @@ -47,7 +47,7 @@ export default function Summary(props) { - Category + Category Name Description Budget Previous Budget diff --git a/resources/js/Pages/Transaction.js b/resources/js/Pages/Transaction.js index 873750f..88e307f 100644 --- a/resources/js/Pages/Transaction.js +++ b/resources/js/Pages/Transaction.js @@ -123,7 +123,7 @@ export default function Transaction(props) {
-
toggleForm()}>Tambah
+
toggleForm()}>Add
diff --git a/webpack.mix.js b/webpack.mix.js index 6d71e6e..2ff8ea3 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -1,25 +1,27 @@ const mix = require('laravel-mix'); /* - |-------------------------------------------------------------------------- - | Mix Asset Management - |-------------------------------------------------------------------------- - | - | Mix provides a clean, fluent API for defining some Webpack build steps - | for your Laravel applications. By default, we are compiling the CSS - | file for the application as well as bundling up all the JS files. - | + |-------------------------------------------------------------------------- + | Mix Asset Management + |-------------------------------------------------------------------------- + | + | Mix provides a clean, fluent API for defining some Webpack build steps + | for your Laravel applications. By default, we are compiling the CSS + | file for the application as well as bundling up all the JS files. + | */ -mix.js('resources/js/app.js', 'public/js') - .react() - .postCss('resources/css/app.css', 'public/css', [ - require('postcss-import'), - require('tailwindcss'), - require('autoprefixer'), - ]) - .webpackConfig(require('./webpack.config')); +mix + .js('resources/js/app.js', 'public/js') + .react() + .postCss('resources/css/app.css', 'public/css', [ + require('postcss-import'), + require('tailwindcss'), + require('autoprefixer'), + ]) + .webpackConfig(require('./webpack.config')) + .disableSuccessNotifications(); if (mix.inProduction()) { - mix.version(); + mix.version(); }