maz-ui 5.0.0-beta.44 → 5.0.0-beta.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/MazAccordion.CJIsaWhq.css +1 -0
- package/dist/assets/MazCheckbox.DbnOKpmV.css +2 -0
- package/dist/assets/{MazDropdown.CU84bnks.css → MazDropdown.B9DdmPwR.css} +1 -1
- package/dist/assets/MazInput.Be2song2.css +2 -0
- package/dist/assets/{MazInputCode.DtKCV7B4.css → MazInputCode.D0HncmUz.css} +1 -1
- package/dist/assets/MazInputNumber.C81WCieN.css +2 -0
- package/dist/assets/{MazInputPhoneNumber.Ci35XR6x.css → MazInputPhoneNumber.DuQhIbfb.css} +1 -1
- package/dist/assets/MazPopover.Bw2qRz0m.css +2 -0
- package/dist/assets/{MazRadio.NphNs0wy.css → MazRadio.kMJv1SlW.css} +1 -1
- package/dist/assets/MazRadioButtons.BwcGXL6G.css +2 -0
- package/dist/assets/{MazSelect.D0R4j1XV.css → MazSelect.CggIrBAE.css} +1 -1
- package/dist/assets/MazSlider.C3Uj_Kcw.css +1 -0
- package/dist/assets/{MazSwitch.5vskv5NP.css → MazSwitch.C2t-xI-l.css} +1 -1
- package/dist/assets/MazTextarea.DUNs3VA1.css +2 -0
- package/dist/assets/toast.9XdXzQV5.css +1 -0
- package/dist/chunks/{MazAccordion.C8e-O8Hl.js → MazAccordion.DIpXbZ5l.js} +1 -1
- package/dist/chunks/MazCheckbox.CULqxEnL.js +1 -0
- package/dist/chunks/{MazChecklist.DeStUHwf.js → MazChecklist.BsLODLyB.js} +1 -1
- package/dist/chunks/{MazDatePicker.bRDttjni.js → MazDatePicker.C8lEIJPz.js} +1 -1
- package/dist/chunks/MazDropdown.DzHaVV8h.js +1 -0
- package/dist/chunks/MazInput.hspcVaIu.js +1 -0
- package/dist/chunks/MazInputCode.DwCH7JnL.js +1 -0
- package/dist/chunks/MazInputNumber.CBTn7_Qf.js +1 -0
- package/dist/chunks/MazInputPhoneNumber.z3O4pes5.js +1 -0
- package/dist/chunks/{MazInputPrice.C44W882u.js → MazInputPrice.CfpvFSN4.js} +1 -1
- package/dist/chunks/{MazInputTags.G9rtry-8.js → MazInputTags.iy0QuZFc.js} +1 -1
- package/dist/chunks/{MazMarkdownEditor.BeAIM2oc.js → MazMarkdownEditor.DDF2USwG.js} +1 -1
- package/dist/chunks/{MazPopover.DilXIrUe.js → MazPopover.BpdSsZzk.js} +1 -1
- package/dist/chunks/MazRadio.Wnd69SYp.js +1 -0
- package/dist/chunks/MazRadioButtons.BjouSe8B.js +1 -0
- package/dist/chunks/MazSelect.BC5FFlmq.js +1 -0
- package/dist/chunks/MazSelectCountry.DkNuJvXY.js +1 -0
- package/dist/chunks/MazSlider.Bb8o-YaB.js +1 -0
- package/dist/chunks/MazSwitch.BuinL_hM.js +1 -0
- package/dist/chunks/MazTextarea.BjwcTKex.js +1 -0
- package/dist/chunks/{PhoneInput.C-V-2Ops.js → PhoneInput.CgN7iJZk.js} +1 -1
- package/dist/chunks/constants.CSgbG6ca.js +1 -0
- package/dist/chunks/toast.cDbyfKBA.js +1 -0
- package/dist/components/MazAccordion.js +1 -1
- package/dist/components/MazCheckbox.js +1 -1
- package/dist/components/MazChecklist.js +1 -1
- package/dist/components/MazDatePicker.js +1 -1
- package/dist/components/MazDropdown.js +1 -1
- package/dist/components/MazInput.js +1 -1
- package/dist/components/MazInputCode.js +1 -1
- package/dist/components/MazInputNumber.js +1 -1
- package/dist/components/MazInputPhoneNumber/PhoneInput.js +1 -1
- package/dist/components/MazInputPhoneNumber.js +1 -1
- package/dist/components/MazInputPrice.js +1 -1
- package/dist/components/MazInputTags.js +1 -1
- package/dist/components/MazMarkdownEditor.js +1 -1
- package/dist/components/MazPopover.js +1 -1
- package/dist/components/MazRadio.js +1 -1
- package/dist/components/MazRadioButtons.js +1 -1
- package/dist/components/MazSelect.js +1 -1
- package/dist/components/MazSelect.vue.d.ts +6 -0
- package/dist/components/MazSelectCountry.js +1 -1
- package/dist/components/MazSlider.js +1 -1
- package/dist/components/MazSwitch.js +1 -1
- package/dist/components/MazTabsBar.vue.d.ts +1 -1
- package/dist/components/MazTextarea.js +1 -1
- package/dist/components/constants.d.ts +10 -0
- package/dist/components/index.js +1 -1
- package/dist/components/types.d.ts +2 -2
- package/dist/directives/vTooltip.js +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +0 -0
- package/dist/plugins/index.js +1 -1
- package/dist/plugins/toast.js +1 -1
- package/package.json +14 -13
- package/bin/maz.mjs +0 -2
- package/dist/assets/MazAccordion.Rq57PLAP.css +0 -1
- package/dist/assets/MazCheckbox.Cw4akbb-.css +0 -2
- package/dist/assets/MazInput.rFC4D8KW.css +0 -2
- package/dist/assets/MazInputNumber.Cs1_ywsI.css +0 -2
- package/dist/assets/MazPopover.Bj8giCk_.css +0 -2
- package/dist/assets/MazRadioButtons.CzZpwDTi.css +0 -2
- package/dist/assets/MazSlider.BbG8pKUD.css +0 -1
- package/dist/assets/MazTextarea.DdXG-LuA.css +0 -2
- package/dist/assets/toast.C9scaAOT.css +0 -1
- package/dist/chunks/MazCheckbox.BinQzTzX.js +0 -1
- package/dist/chunks/MazDropdown.B8M8Dhqo.js +0 -1
- package/dist/chunks/MazInput.aNi2esKT.js +0 -1
- package/dist/chunks/MazInputCode.DUCWKsy3.js +0 -1
- package/dist/chunks/MazInputNumber.BRqDoArf.js +0 -1
- package/dist/chunks/MazInputPhoneNumber.KrmA1vIf.js +0 -1
- package/dist/chunks/MazRadio.D3s-Tlv5.js +0 -1
- package/dist/chunks/MazRadioButtons.DbfEtIiG.js +0 -1
- package/dist/chunks/MazSelect.DqIJCvQ4.js +0 -1
- package/dist/chunks/MazSelectCountry.Cfkdyfya.js +0 -1
- package/dist/chunks/MazSlider.DhYRqEn-.js +0 -1
- package/dist/chunks/MazSwitch.rfjDzCnM.js +0 -1
- package/dist/chunks/MazTextarea.YeSZRtNd.js +0 -1
- package/dist/chunks/toast.DtMQFNHX.js +0 -1
- package/dist/components/constantes.d.ts +0 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-accordion__header .header-icon.--rotate[data-v-793f7abd]{transform:rotate(135deg)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-2f21f250],[data-v-2f21f250]:before,[data-v-2f21f250]:after{--tw-border-style:solid;--tw-duration:initial;--tw-ease:initial}[data-v-2f21f250]::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-ease:initial}}}.m-checkbox .check-icon[data-v-2f21f250] path{stroke-width:2.5px}.m-checkbox>span[data-v-2f21f250]{border-radius:var(--maz-rounded-sm);border-style:var(--tw-border-style);border-width:var(--maz-border-width);border-color:var(--maz-color-divider,var(--maz-divider));transition-property:all;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal));--tw-duration:.3s;--tw-ease:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));justify-content:center;align-items:center;display:flex;position:relative}.m-checkbox>span[data-v-2f21f250]:where(.dark,.dark *){border-color:var(--maz-color-divider-400,oklch(from var(--maz-divider) clamp(0, calc(l + .06), 1) c h))}.m-checkbox input[data-v-2f21f250]{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.m-checkbox input:not(:checked)~span[data-v-2f21f250]{background-color:var(--maz-input-bg,var(--maz-surface))}.m-checkbox input:checked~span[data-v-2f21f250]{border-color:var(--checkbox-selected-color);background-color:var(--checkbox-selected-color)}.m-checkbox input:disabled~span[data-v-2f21f250]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-checkbox input:disabled~span[data-v-2f21f250]:where(.dark,.dark *){background-color:var(--maz-color-surface-300,oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h))}.m-checkbox:has(input:disabled) svg[data-v-2f21f250]{color:var(--maz-color-muted,var(--maz-muted))!important}.m-checkbox:has(input:disabled) input:checked~span[data-v-2f21f250]{border-color:var(--maz-color-divider,var(--maz-divider))}.m-checkbox:has(input:disabled) input:checked~span .check-icon[data-v-2f21f250]{color:var(--maz-color-muted,var(--maz-muted))}:is(.m-checkbox:not(:has(input:disabled)):hover>span[data-v-2f21f250],.m-checkbox:not(:has(input:disabled)):focus-within>span[data-v-2f21f250],.m-checkbox:not(:has(input:disabled)).--error>span[data-v-2f21f250],.m-checkbox:not(:has(input:disabled)).--warning>span[data-v-2f21f250],.m-checkbox:not(:has(input:disabled)).--success>span[data-v-2f21f250]){box-shadow:0 0 0 .125rem var(--checkbox-box-shadow-color)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-3949798e],[data-v-3949798e]:before,[data-v-3949798e]:after{--tw-duration:initial;--tw-ease:initial}[data-v-3949798e]::backdrop{--tw-duration:initial;--tw-ease:initial}}}.m-dropdown__icon[data-v-3949798e]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal));--tw-duration:.2s;--tw-ease:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1))}.m-dropdown__icon.--open[data-v-3949798e]{rotate:180deg}.m-dropdown__menu .menuitem[data-v-3949798e]{text-align:start;white-space:nowrap}.m-dropdown__menu .menuitem[data-v-3949798e]:not(.menuitem--hoverable){cursor:default}.m-dropdown__menu .menuitem[data-v-3949798e]:not(.menuitem--hoverable):hover{background-color:#0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.m-input[data-v-68f19c27]{--maz-input-color:oklch(from var(--m-input-tint-bg) clamp(0, calc(l + .32), 1) calc(c * .35) h)}.m-input-wrapper-input.--xl[data-v-68f19c27]{block-size:calc(4rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--lg[data-v-68f19c27]{block-size:calc(3.5rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--md[data-v-68f19c27]{block-size:calc(3rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--sm[data-v-68f19c27]{block-size:calc(2.5rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--xs[data-v-68f19c27]{block-size:calc(2rem - (var(--maz-border-width) * 2))}.m-input-wrapper-input.--mini[data-v-68f19c27]{block-size:calc(1.5rem - (var(--maz-border-width) * 2))}.m-input-input[data-v-68f19c27]{transition:padding .2s cubic-bezier(0,0,.2,1)}.m-input-input[data-v-68f19c27]::placeholder{color:var(--maz-color-muted,var(--maz-muted))}.m-input-label[data-v-68f19c27]{transition:transform .2s cubic-bezier(0,0,.2,1)}.m-input.--always-up .m-input-label[data-v-68f19c27],.m-input.--has-placeholder .m-input-label[data-v-68f19c27],.m-input .m-input-input:not(:placeholder-shown)~.m-input-label[data-v-68f19c27]{font-size:var(--maz-text-xs,.75rem);line-height:var(--tw-leading,var(--maz-text-xs--line-height,calc(1 / .75)));transform:translateY(-1em)}.m-input .m-input-input:-webkit-autofill~.m-input-label[data-v-68f19c27]{font-size:var(--maz-text-xs,.75rem);line-height:var(--tw-leading,var(--maz-text-xs--line-height,calc(1 / .75)));transform:translateY(-1em)}.m-input.--always-up .m-input-input[data-v-68f19c27],.m-input.--has-placeholder.--has-label .m-input-input[data-v-68f19c27],.m-input.--has-label .m-input-input[data-v-68f19c27]:not(:placeholder-shown){padding-top:calc(var(--maz-space) * 4)}.m-input.--has-label .m-input-input[data-v-68f19c27]:-webkit-autofill{padding-top:calc(var(--maz-space) * 4)}.m-input:not(.--has-state) .m-input-wrapper[data-v-68f19c27]{color:var(--maz-color-muted,var(--maz-muted))}.m-input.--has-z-2 .m-input-wrapper[data-v-68f19c27]{z-index:2}.m-input.--is-readonly .m-input-input[data-v-68f19c27]{cursor:default}.m-input:has(input:disabled) .m-input-wrapper[data-v-68f19c27]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));color:var(--maz-color-muted,var(--maz-muted))}.m-input:has(input:disabled) .m-input-wrapper[data-v-68f19c27]:where(.dark,.dark *){background-color:var(--maz-color-surface-300,oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h))}.m-input:has(input:disabled) .m-input-input[data-v-68f19c27]{cursor:var(--maz-disabled-cursor);color:var(--maz-color-muted,var(--maz-muted))}.m-input .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--border-active .m-input-wrapper[data-v-68f19c27]{z-index:3}.m-input.--primary .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--primary.--border-active .m-input-wrapper[data-v-68f19c27]{border-color:var(--maz-color-primary,var(--maz-primary))}.m-input.--secondary .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--secondary.--border-active .m-input-wrapper[data-v-68f19c27]{border-color:var(--maz-color-secondary,var(--maz-secondary))}.m-input.--accent .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--accent.--border-active .m-input-wrapper[data-v-68f19c27]{border-color:var(--maz-color-accent,var(--maz-accent))}.m-input.--info .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--info.--border-active .m-input-wrapper[data-v-68f19c27]{border-color:var(--maz-color-info,var(--maz-info))}.m-input.--success .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--success.--border-active .m-input-wrapper[data-v-68f19c27]{border-color:var(--maz-color-success,var(--maz-success))}.m-input.--warning .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--warning.--border-active .m-input-wrapper[data-v-68f19c27]{border-color:var(--maz-color-warning,var(--maz-warning))}.m-input.--destructive .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--destructive.--border-active .m-input-wrapper[data-v-68f19c27]{border-color:var(--maz-color-destructive,var(--maz-destructive))}.m-input.--contrast .m-input-wrapper[data-v-68f19c27]:focus-within,.m-input.--contrast.--border-active .m-input-wrapper[data-v-68f19c27]{border-color:var(--maz-color-contrast,var(--maz-contrast))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.m-input-code.--mini[data-v-
|
|
2
|
+
.m-input-code.--mini[data-v-ce860f15]{line-height:1rem}.m-input-code .input-wrapper[data-v-ce860f15]:focus-within{border-color:var(--input-border-color)}.m-input-code .input-wrapper input[data-v-ce860f15]{text-align:center;width:100%;height:100%;font-family:var(--maz-font-mono-stack);--tw-outline-style:none;background-color:#0000;outline-style:none;font-size:1.5em}@media (forced-colors:active){.m-input-code .input-wrapper input[data-v-ce860f15]{outline-offset:2px;outline:2px solid #0000}}.m-input-code .input-wrapper[data-v-ce860f15]:has(input:disabled){background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));color:var(--maz-color-muted,var(--maz-muted))}.m-input-code .input-wrapper[data-v-ce860f15]:has(input:disabled):where(.dark,.dark *){background-color:var(--maz-color-surface-300,oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h))}.m-input-code .input-wrapper:has(input:disabled) input[data-v-ce860f15]{cursor:var(--maz-disabled-cursor);color:var(--maz-color-muted,var(--maz-muted))}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-415b7313],[data-v-415b7313]:before,[data-v-415b7313]:after{--tw-border-style:solid}[data-v-415b7313]::backdrop{--tw-border-style:solid}}}.m-input-number__button.m-btn[data-v-415b7313]:before{content:none!important}.m-input-number__button.m-btn[data-v-415b7313]:first-child,.m-input-number__button.m-btn[data-v-415b7313]:last-child{border-style:var(--tw-border-style);border-width:var(--maz-border-width);border-color:var(--maz-color-divider,var(--maz-divider));padding-inline:calc(var(--maz-space) * 3);padding-block:0}.m-input-number__button.m-btn[data-v-415b7313]:first-child{margin-inline-end:-2px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.m-input-number__button.m-btn[data-v-415b7313]:last-child{margin-inline-start:-2px;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.m-input-number__input[data-v-415b7313]:not(.--no-buttons) .m-input-wrapper{z-index:1;border-radius:0!important}.m-input-number__input.--text-center[data-v-415b7313] input{text-align:center;padding:0}.m-input-number__input.--text-center[data-v-415b7313] .m-input-label{text-align:center!important;width:100%!important;padding:0!important;inset-inline-start:0!important}.m-input-number__input.--text-center.--should-up[data-v-415b7313] .m-input-label{width:125%!important}:is(){appearance:none;margin:0}.m-input-number__input[data-v-415b7313] input[type=number]{appearance:textfield}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.m-input-phone-number .--col .m-input-phone-number__country-select[data-v-
|
|
2
|
+
.m-input-phone-number .--col .m-input-phone-number__country-select[data-v-bcabceea],.m-input-phone-number .--col .m-input-phone-number__country-select[data-v-bcabceea] .m-select-country__select{min-width:100%}.m-input-phone-number .--col .m-input-phone-number__country-select[data-v-bcabceea] .m-select-country__select .m-input-wrapper{border-top-right-radius:var(--maz-rounded-md);border-bottom-right-radius:0;border-bottom-left-radius:0}.m-input-phone-number .--row .m-input-phone-number__country-select[data-v-bcabceea] .m-select-country__select .m-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.m-input-phone-number .--responsive .m-input-phone-number__country-select[data-v-bcabceea]{min-width:100%}@media (min-width:576px){.m-input-phone-number .--responsive .m-input-phone-number__country-select[data-v-bcabceea]{min-width:inherit}}.m-input-phone-number .--responsive .m-input-phone-number__country-select[data-v-bcabceea] .m-select-country__select{min-width:100%}@media (min-width:576px){.m-input-phone-number .--responsive .m-input-phone-number__country-select[data-v-bcabceea] .m-select-country__select{min-width:inherit}}.m-input-phone-number .--responsive .m-input-phone-number__country-select[data-v-bcabceea] .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width:576px){.m-input-phone-number .--responsive .m-input-phone-number__country-select[data-v-bcabceea] .m-input-wrapper{border-top-right-radius:0;border-bottom-left-radius:var(--maz-rounded-md)}}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-adcd2cde],[data-v-adcd2cde]:before,[data-v-adcd2cde]:after{--tw-border-style:solid}[data-v-adcd2cde]::backdrop{--tw-border-style:solid}}}.m-popover-panel[data-v-adcd2cde]{will-change:transform, opacity;contain:layout style paint;backface-visibility:hidden}.m-popover-panel.--surface[data-v-adcd2cde]{background-color:var(--maz-container-bg,var(--maz-surface))}.m-popover-panel.--surface[data-v-adcd2cde]:where(.dark,.dark *){border-style:var(--tw-border-style);border-width:var(--maz-border-width);border-color:var(--maz-color-divider,var(--maz-divider))}.m-popover-panel.--primary[data-v-adcd2cde]{border-color:var(--maz-color-primary-600,oklch(from var(--maz-primary) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-primary,var(--maz-primary));color:var(--maz-color-primary-foreground,var(--maz-primary-foreground))}.m-popover-panel.--secondary[data-v-adcd2cde]{border-color:var(--maz-color-secondary-600,oklch(from var(--maz-secondary) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-secondary,var(--maz-secondary));color:var(--maz-color-secondary-foreground,var(--maz-secondary-foreground))}.m-popover-panel.--success[data-v-adcd2cde]{border-color:var(--maz-color-success-600,oklch(from var(--maz-success) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-success,var(--maz-success));color:var(--maz-color-success-foreground,var(--maz-success-foreground))}.m-popover-panel.--warning[data-v-adcd2cde]{border-color:var(--maz-color-warning-600,oklch(from var(--maz-warning) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-warning,var(--maz-warning));color:var(--maz-color-warning-foreground,var(--maz-warning-foreground))}.m-popover-panel.--destructive[data-v-adcd2cde]{border-color:var(--maz-color-destructive-600,oklch(from var(--maz-destructive) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-destructive,var(--maz-destructive));color:var(--maz-color-destructive-foreground,var(--maz-destructive-foreground))}.m-popover-panel.--info[data-v-adcd2cde]{border-color:var(--maz-color-info-600,oklch(from var(--maz-info) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-info,var(--maz-info));color:var(--maz-color-info-foreground,var(--maz-info-foreground))}.m-popover-panel.--accent[data-v-adcd2cde]{border-color:var(--maz-color-accent-600,oklch(from var(--maz-accent) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-accent,var(--maz-accent));color:var(--maz-color-accent-foreground,var(--maz-accent-foreground))}.m-popover-panel.--contrast[data-v-adcd2cde]{border-color:var(--maz-color-contrast-600,oklch(from var(--maz-contrast) clamp(0, calc(l - .05), 1) c h));background-color:var(--maz-color-contrast,var(--maz-contrast));color:var(--maz-color-contrast-foreground,var(--maz-contrast-foreground))}.maz-scale-fade-enter-active[data-v-adcd2cde],.maz-scale-pop-enter-active[data-v-adcd2cde]{transition:opacity .15s ease-out,transform .15s ease-out}.maz-scale-fade-leave-active[data-v-adcd2cde],.maz-scale-pop-leave-active[data-v-adcd2cde],.maz-scale-pop-leave-active[data-v-adcd2cde]{transition:opacity .15s ease-in,transform .15s ease-in}.m-popover-panel.--position-bottom.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-bottom.maz-scale-fade-leave-to[data-v-adcd2cde],.m-popover-panel.--position-bottom-start.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-bottom-start.maz-scale-fade-leave-to[data-v-adcd2cde],.m-popover-panel.--position-bottom-end.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-bottom-end.maz-scale-fade-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:top;transform:scaleY(.5)}.m-popover-panel.--position-bottom.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-bottom.maz-scale-pop-leave-to[data-v-adcd2cde],.m-popover-panel.--position-bottom-start.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-bottom-start.maz-scale-pop-leave-to[data-v-adcd2cde],.m-popover-panel.--position-bottom-end.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-bottom-end.maz-scale-pop-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:top;transform:scale(.2)translateY(-4px)}.m-popover-panel.--position-top.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-top.maz-scale-fade-leave-to[data-v-adcd2cde],.m-popover-panel.--position-top-start.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-top-start.maz-scale-fade-leave-to[data-v-adcd2cde],.m-popover-panel.--position-top-end.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-top-end.maz-scale-fade-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:bottom;transform:scaleY(.5)}.m-popover-panel.--position-top.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-top.maz-scale-pop-leave-to[data-v-adcd2cde],.m-popover-panel.--position-top-start.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-top-start.maz-scale-pop-leave-to[data-v-adcd2cde],.m-popover-panel.--position-top-end.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-top-end.maz-scale-pop-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:bottom;transform:scale(.2)translateY(4px)}.m-popover-panel.--position-right.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-right.maz-scale-fade-leave-to[data-v-adcd2cde],.m-popover-panel.--position-right-start.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-right-start.maz-scale-fade-leave-to[data-v-adcd2cde],.m-popover-panel.--position-right-end.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-right-end.maz-scale-fade-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:0;transform:scaleX(.5)}.m-popover-panel.--position-right.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-right.maz-scale-pop-leave-to[data-v-adcd2cde],.m-popover-panel.--position-right-start.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-right-start.maz-scale-pop-leave-to[data-v-adcd2cde],.m-popover-panel.--position-right-end.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-right-end.maz-scale-pop-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:0;transform:scale(.2)translate(-4px)}.m-popover-panel.--position-left.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-left.maz-scale-fade-leave-to[data-v-adcd2cde],.m-popover-panel.--position-left-start.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-left-start.maz-scale-fade-leave-to[data-v-adcd2cde],.m-popover-panel.--position-left-end.maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel.--position-left-end.maz-scale-fade-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:100%;transform:scaleX(.5)}.m-popover-panel.--position-left.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-left.maz-scale-pop-leave-to[data-v-adcd2cde],.m-popover-panel.--position-left-start.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-left-start.maz-scale-pop-leave-to[data-v-adcd2cde],.m-popover-panel.--position-left-end.maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel.--position-left-end.maz-scale-pop-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:100%;transform:scale(.2)translate(4px)}.m-popover-panel:not([class*=--position-]).maz-scale-pop-enter-from[data-v-adcd2cde],.m-popover-panel:not([class*=--position-]).maz-scale-pop-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:50%;transform:scale(.2)}.m-popover-panel:not([class*=--position-]).maz-scale-fade-enter-from[data-v-adcd2cde],.m-popover-panel:not([class*=--position-]).maz-scale-fade-leave-to[data-v-adcd2cde]{opacity:0;transform-origin:50%;transform:scale(.5)translateY(-4px)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-5519c91c],[data-v-5519c91c]:before,[data-v-5519c91c]:after{--tw-border-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}[data-v-5519c91c]::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.m-radio>span[data-v-5519c91c]{border-style:var(--tw-border-style);border-width:var(--maz-border-width);border-color:var(--maz-color-divider,var(--maz-divider));transition-property:all;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal));--tw-duration:.3s;--tw-ease:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));border-radius:2147483647px;justify-content:center;align-items:center;display:flex;position:relative}.m-radio>span[data-v-5519c91c]:where(.dark,.dark *){border-color:var(--maz-color-divider-400,oklch(from var(--maz-divider) clamp(0, calc(l + .06), 1) c h))}.m-radio>span[data-v-5519c91c]{inline-size:var(--radio-size);block-size:var(--radio-size)}.m-radio>span .round[data-v-5519c91c]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;width:50%;height:50%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal));--tw-duration:.3s;--tw-ease:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));background-color:var(--radio-selected-color);border-radius:2147483647px}.m-radio:not(.--selected)>span[data-v-5519c91c]{background-color:var(--maz-input-bg,var(--maz-surface))}.m-radio.--selected>span[data-v-5519c91c]{border-color:var(--radio-selected-color)}.m-radio.--selected>span .round[data-v-5519c91c]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.m-radio:has(input:disabled)>span[data-v-5519c91c]{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-radio:has(input:disabled)>span[data-v-5519c91c]:where(.dark,.dark *){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-radio:has(input:disabled).--selected>span[data-v-5519c91c]{border-color:var(--maz-color-divider,var(--maz-divider))}.m-radio:has(input:disabled).--selected>span .round[data-v-5519c91c]{background-color:var(--maz-color-muted,var(--maz-muted))}.m-radio.--error>span[data-v-5519c91c],.m-radio.--warning>span[data-v-5519c91c],.m-radio.--success>span[data-v-5519c91c]{box-shadow:0 0 0 .125rem var(--radio-box-shadow)}.m-radio:not(:has(input:disabled),.--selected):hover>span[data-v-5519c91c]{box-shadow:0 0 0 .125rem var(--radio-box-shadow)}.m-radio:not(:has(input:disabled),.--selected):focus-within>span[data-v-5519c91c]{box-shadow:0 0 0 .125rem var(--radio-box-shadow)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.m-radio-buttons__items__checkbox span[data-v-5cc648f1]{transition:border-color}.m-radio-buttons__items__checkbox span.--is-selected[data-v-5cc648f1]{border-color:#0000}@media (hover:hover){.m-radio-buttons__items__checkbox span[data-v-5cc648f1]:not(.--is-selected):is(:where(.maz\:group):hover *){background-color:var(--maz-color-surface,var(--maz-surface))}}.m-radio-buttons__items.--equal-size[data-v-5cc648f1]{flex:1}@media (hover:hover){.m-radio-buttons__items[data-v-5cc648f1]:not(.--is-selected):hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-radio-buttons__items[data-v-5cc648f1]:not(.--is-selected):where(.dark,.dark *):hover{background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}}.m-radio-buttons__items[data-v-5cc648f1]:has(input:focus-visible){outline:var(--maz-border-width) solid var(--maz-primary);outline-offset:2px}.maz-radio-buttons-scale-enter-active[data-v-5cc648f1],.maz-radio-buttons-scale-leave-active[data-v-5cc648f1]{opacity:1;z-index:1;transition:all .3s cubic-bezier(.4,.52,.26,.9)}.maz-radio-buttons-scale-enter-from[data-v-5cc648f1],.maz-radio-buttons-scale-leave-to[data-v-5cc648f1]{opacity:.4;z-index:1;transform:scale(0)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-c39af8c9],[data-v-c39af8c9]:before,[data-v-c39af8c9]:after{--tw-duration:initial;--tw-ease:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-border-style:solid}[data-v-c39af8c9]::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-border-style:solid}}}.m-select.--disabled .m-select-input[data-v-c39af8c9]{cursor:var(--maz-disabled-cursor)}.m-select-input[data-v-c39af8c9]{cursor:pointer;width:100%;height:100%}.m-select-input__toggle-button[data-v-c39af8c9]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-inline-start:0;display:flex}.m-select-input[data-v-c39af8c9] input{caret-color:#0000}.m-select[data-v-c39af8c9]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-c39af8c9]{color:var(--maz-color-muted,var(--maz-muted));transition-property:all;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal));--tw-duration:.3s;--tw-ease:var(--maz-easing-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--maz-easing-out,cubic-bezier(.4, 0, .2, 1));font-size:1.2em}.m-select.--is-open .m-select-chevron[data-v-c39af8c9]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-c39af8c9]{cursor:pointer;appearance:none;--tw-border-style:none;border-style:none}.m-select button.maz-custom[data-v-c39af8c9]:disabled{cursor:var(--maz-disabled-cursor)}.m-select-list[data-v-c39af8c9]{z-index:1050;gap:var(--maz-space);border-radius:var(--maz-rounded-md);background-color:var(--maz-container-bg,var(--maz-surface));--tw-shadow:var(--maz-shadow-style-elevation);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--maz-drop-shadow-md,0 3px 3px #0000001f));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);flex-direction:column;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-c39af8c9]{padding:calc(var(--maz-space) * .5);text-align:start;color:var(--maz-color-muted,var(--maz-muted));flex:none;font-size:.875em}.m-select-list[data-v-c39af8c9]{min-inline-size:3.5rem}.m-select-list__search-wrapper[data-v-c39af8c9]{padding-inline:calc(var(--maz-space) * 2);padding-top:calc(var(--maz-space) * 2)}.m-select-list__scroll-wrapper[data-v-c39af8c9]{gap:var(--maz-space);padding:calc(var(--maz-space) * 2);flex-direction:column;flex:1;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-c39af8c9]::-webkit-scrollbar{inline-size:.1875rem}.m-select-list__scroll-wrapper[data-v-c39af8c9]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-c39af8c9]::-webkit-scrollbar-thumb{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-select-list__scroll-wrapper[data-v-c39af8c9]::-webkit-scrollbar-thumb:where(){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-select-list__scroll-wrapper[data-v-c39af8c9]::-webkit-scrollbar-thumb{border-radius:1000px}.m-select-list__scroll-wrapper[data-v-c39af8c9]{scrollbar-width:thin;--tw-scrollbar-thumb:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));--tw-scrollbar-track:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.m-select-list__no-results[data-v-c39af8c9]{padding:calc(var(--maz-space) * 4);justify-content:center;align-items:center;display:flex}.m-select-list-item[data-v-c39af8c9]{cursor:pointer;align-items:center;gap:calc(var(--maz-space) * 3);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-rounded-md);border-style:var(--tw-border-style);border-width:var(--maz-border-width);--tw-border-style:solid;width:100%;padding-inline:calc(var(--maz-space) * 3);padding-block:calc(var(--maz-space) * 2);text-align:start;--tw-outline-style:none;background-color:#0000;border-style:solid;border-color:#0000;outline-style:none;display:flex;overflow:hidden}@media (forced-colors:active){.m-select-list-item[data-v-c39af8c9]{outline-offset:2px;outline:2px solid #0000}}.m-select-list-item[data-v-c39af8c9]{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--ease-out));transition-duration:var(--tw-duration,var(--duration-normal));--tw-duration:.3s;--tw-ease:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--maz-easing-in-out,cubic-bezier(.4, 0, .2, 1))}.m-select-list-item[data-v-c39af8c9]:focus-within{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}@media (hover:hover){.m-select-list-item[data-v-c39af8c9]:hover{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}}.m-select-list-item[data-v-c39af8c9]:where(.dark,.dark *):focus-within{background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}@media (hover:hover){.m-select-list-item[data-v-c39af8c9]:where(.dark,.dark *):hover{background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}}.m-select-list-item span[data-v-c39af8c9]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-c39af8c9]{color:var(--maz-color-muted,var(--maz-muted))}.m-select-list-item.--is-selected[data-v-c39af8c9]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-c39af8c9]:focus-within{outline:var(--selected-text-color) solid var(--maz-border-width);outline-offset:2px}.m-select-list-item.--is-selected.--transparent[data-v-c39af8c9]{background-color:var(--maz-color-surface,var(--maz-surface))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scrollbar-thumb{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-scrollbar-track{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-slider[data-v-722eb11d]{padding-block:1em;padding-inline:1.5rem}.m-slider__bar[data-v-722eb11d]{background-color:var(--m-slider-color);block-size:.5em}.m-slider__divider[data-v-722eb11d]{border-radius:2em;block-size:100%;position:absolute}.m-slider__btn[data-v-722eb11d]{cursor:pointer;z-index:1;-webkit-user-select:none;user-select:none;outline:none;padding-block:.25em;padding-inline:.5em;font-size:.8em;font-weight:700;line-height:1;transition:box-shadow .3s ease-in-out,inline-size .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out;position:absolute}.m-slider__btn span[data-v-722eb11d]{margin-inline:.25em}.m-slider__btn.active-cursor[data-v-722eb11d]{border-color:var(--m-slider-color);transform:scale(1.3)}.m-slider__btn[data-v-722eb11d]:before{content:attr(data-label);color:var(--maz-foreground);font-size:.8em;font-weight:500;position:absolute;inset-block-start:-1.5em}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}::backdrop{--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.m-switch__input{inset-inline-start:-9999px}.m-switch__toggle:before{content:"";top:calc(var(--maz-space) * .5);height:calc(var(--maz-space) * 6);width:calc(var(--maz-space) * 12);border-style:var(--tw-border-style);border-width:var(--maz-border-width);--tw-border-style:solid;border-style:solid;border-color:var(--maz-color-divider,var(--maz-divider));background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));border-radius:2147483647px;transition:all .2s ease-in-out;display:block;position:relative;left:0}.m-switch__toggle:before:where(){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-switch__toggle:after{content:"";top:var(--maz-space);left:calc(var(--maz-space) * .5);height:calc(var(--maz-space) * 5);width:calc(var(--maz-space) * 5);background-color:var(--maz-input-bg,var(--maz-surface));border-radius:2147483647px;transition:all .2s ease-in-out;display:block;position:absolute;box-shadow:0 0 4px #0003}.m-switch__input:checked+.m-switch__toggle:after{--tw-translate-x:calc(var(--maz-space) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.m-switch__input:checked+.m-switch__toggle:before{background-color:var(--switch-color)}.m-switch__input:disabled+.m-switch__toggle:before{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-switch__input:disabled+.m-switch__toggle:before:where(){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-switch__input:disabled+.m-switch__toggle:after{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}.m-switch__input:disabled+.m-switch__toggle:after:where(){background-color:var(--maz-color-surface-300,oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h))}.m-switch__input:disabled+.m-switch__toggle:after{box-shadow:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}::backdrop{--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.m-switch__input{inset-inline-start:-9999px}.m-switch__toggle:before{content:"";top:calc(var(--maz-space) * .5);height:calc(var(--maz-space) * 6);width:calc(var(--maz-space) * 12);border-style:var(--tw-border-style);border-width:var(--maz-border-width);--tw-border-style:solid;border-style:solid;border-color:var(--maz-color-divider,var(--maz-divider));background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h));border-radius:2147483647px;transition:all .2s ease-in-out;display:block;position:relative;left:0}.m-switch__toggle:before:where(){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-switch__toggle:after{content:"";top:var(--maz-space);left:calc(var(--maz-space) * .5);height:calc(var(--maz-space) * 5);width:calc(var(--maz-space) * 5);background-color:var(--maz-input-bg,var(--maz-surface));border-radius:2147483647px;transition:all .2s ease-in-out;display:block;position:absolute;box-shadow:0 0 4px #0003}.m-switch__input:checked+.m-switch__toggle:after{--tw-translate-x:calc(var(--maz-space) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.m-switch__input:checked+.m-switch__toggle:before{background-color:var(--switch-color)}.m-switch__input:focus-visible+.m-switch__toggle:before{outline:var(--maz-border-width) solid var(--switch-color);outline-offset:2px}.m-switch__input:disabled+.m-switch__toggle:before{background-color:var(--maz-color-surface-600,oklch(from var(--maz-surface) clamp(0, calc(l - .05), 1) c h))}.m-switch__input:disabled+.m-switch__toggle:before:where(){background-color:var(--maz-color-surface-400,oklch(from var(--maz-surface) clamp(0, calc(l + .06), 1) c h))}.m-switch__input:disabled+.m-switch__toggle:after{background-color:var(--maz-color-surface-700,oklch(from var(--maz-surface) clamp(0, calc(l - .1), 1) c h))}.m-switch__input:disabled+.m-switch__toggle:after:where(){background-color:var(--maz-color-surface-300,oklch(from var(--maz-surface) clamp(0, calc(l + .13), 1) c h))}.m-switch__input:disabled+.m-switch__toggle:after{box-shadow:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.m-textarea[data-v-d87715a2]{--mt-padding-block:calc((var(--mt-height,3rem) - var(--mt-line-height,1.5rem) - (var(--maz-border-width) * 2)) / 2)}.m-textarea.--padding[data-v-d87715a2]{padding-inline:var(--mt-padding-inline,1rem);padding-block:var(--mt-padding-block)}.m-textarea.--has-placeholder.--has-label textarea[data-v-d87715a2]{padding-block-start:calc(var(--mt-line-height,1.5rem) * .6)}.m-textarea.--has-label:has(textarea:not(:placeholder-shown)) textarea[data-v-d87715a2]{padding-block-start:calc(var(--mt-line-height,1.5rem) * .6)}.m-textarea.--has-label:has(textarea:-webkit-autofill) textarea[data-v-d87715a2]{padding-block-start:calc(var(--mt-line-height,1.5rem) * .6)}.m-textarea__append[data-v-d87715a2]{justify-content:var(--append-justify)}.m-textarea textarea[data-v-d87715a2]{--tw-outline-style:none;background-color:#0000;outline-style:none;width:100%}@media (forced-colors:active){.m-textarea textarea[data-v-d87715a2]{outline-offset:2px;outline:2px solid #0000}}.m-textarea textarea[data-v-d87715a2]{line-height:var(--mt-line-height,1.5rem);transition:padding .2s cubic-bezier(0,0,.2,1)}.m-textarea textarea.--has-append[data-v-d87715a2]{padding-bottom:calc(var(--maz-space) * 4)}.m-textarea.--is-disabled[data-v-d87715a2] *{cursor:var(--maz-disabled-cursor);color:var(--maz-color-muted,var(--maz-muted))}.m-textarea.--is-disabled>label[data-v-d87715a2]{color:var(--maz-color-gray-300,#d1d5dc)}@supports (color:lab(0% 0 0)){.m-textarea.--is-disabled>label[data-v-d87715a2]{color:var(--maz-color-gray-300,lab(85.1236% -.612259 -3.7138))}}.m-textarea.--is-disabled>label[data-v-d87715a2]:where(.dark,.dark *){color:var(--maz-color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.m-textarea.--is-disabled>label[data-v-d87715a2]:where(.dark,.dark *){color:var(--maz-color-gray-600,lab(35.6337% -1.58697 -10.8425))}}.m-textarea__label[data-v-d87715a2]{pointer-events:none;transform-origin:0 0;text-overflow:ellipsis;white-space:nowrap;width:max-content;line-height:var(--mt-line-height,1.5rem);justify-content:center;align-items:center;transition:transform .2s cubic-bezier(0,0,.2,1);display:flex;position:absolute;inset-block-start:var(--mt-padding-block);inset-inline-start:var(--mt-padding-inline,1rem);overflow:hidden}.m-textarea__label[data-v-d87715a2]:not(.--has-state){color:var(--maz-color-muted,var(--maz-muted))}.m-textarea.--has-placeholder .m-textarea__label[data-v-d87715a2]{transform:scale(.8) translateY(calc(-1 * var(--mt-padding-block)))}.m-textarea:has(textarea:not(:placeholder-shown)) .m-textarea__label[data-v-d87715a2]{transform:scale(.8) translateY(calc(-1 * var(--mt-padding-block)))}.m-textarea:has(textarea:-webkit-autofill) .m-textarea__label[data-v-d87715a2]{transform:scale(.8) translateY(calc(-1 * var(--mt-padding-block)))}.m-textarea.--primary[data-v-d87715a2]:focus-within{border-color:var(--maz-color-primary,var(--maz-primary))}.m-textarea.--secondary[data-v-d87715a2]:focus-within{border-color:var(--maz-color-secondary,var(--maz-secondary))}.m-textarea.--accent[data-v-d87715a2]:focus-within{border-color:var(--maz-color-accent,var(--maz-accent))}.m-textarea.--info[data-v-d87715a2]:focus-within{border-color:var(--maz-color-info,var(--maz-info))}.m-textarea.--success[data-v-d87715a2]:focus-within{border-color:var(--maz-color-success,var(--maz-success))}.m-textarea.--warning[data-v-d87715a2]:focus-within{border-color:var(--maz-color-warning,var(--maz-warning))}.m-textarea.--destructive[data-v-d87715a2]:focus-within{border-color:var(--maz-color-destructive,var(--maz-destructive))}.m-textarea.--contrast[data-v-d87715a2]:focus-within{border-color:var(--maz-color-contrast,var(--maz-contrast))}.m-textarea.--autogrow textarea[data-v-d87715a2]{resize:none;field-sizing:content;min-block-size:calc(var(--maz-textarea-min-rows,3) * 1lh)}.m-textarea:not(.--autogrow) textarea[data-v-d87715a2]{resize:vertical}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-toast-container{z-index:1051}@media (min-width:768px){.m-toast-container.--center{transform:translate(-50%)}}.m-toast[data-v-f54cf16b],.m-toast[data-v-f54cf16b] *{box-sizing:border-box}.m-toast .m-toast__progress-bar[data-v-f54cf16b]{block-size:max(var(--maz-border-width), .125rem);inset-block-end:max(var(--maz-border-width), 1px)}.m-slide-top-enter-active[data-v-f54cf16b],.m-slide-top-leave-active[data-v-f54cf16b]{opacity:1;transition:all .3s;transform:scale(1)translateY(0)}.m-slide-top-enter-from[data-v-f54cf16b],.m-slide-top-leave-to[data-v-f54cf16b]{opacity:0;transform:scale(.6)translateY(-100%)}.m-slide-bottom-enter-active[data-v-f54cf16b],.m-slide-bottom-leave-active[data-v-f54cf16b]{opacity:1;transition:all .3s;transform:scale(1)translateY(0)}.m-slide-bottom-enter-from[data-v-f54cf16b],.m-slide-bottom-leave-to[data-v-f54cf16b]{opacity:0;transform:scale(.6)translateY(100%)}.m-slide-right-enter-active[data-v-f54cf16b],.m-slide-right-leave-active[data-v-f54cf16b]{opacity:1;transition:all .3s;transform:scale(1)translate(0)}.m-slide-right-enter-from[data-v-f54cf16b],.m-slide-right-leave-to[data-v-f54cf16b]{opacity:0;transform:scale(.6)translate(100%)}.m-slide-left-enter-active[data-v-f54cf16b],.m-slide-left-leave-active[data-v-f54cf16b]{opacity:1;transition:all .3s;transform:scale(1)translate(0)}.m-slide-left-enter-from[data-v-f54cf16b],.m-slide-left-leave-to[data-v-f54cf16b]{opacity:0;z-index:0;transform:scale(.6)translate(-200%)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{t as MazIcon_default}from"./MazIcon.1g5ITIJG.js";import{t as MazExpandAnimation_default}from"./MazExpandAnimation.DUySsydA.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.C8hIvl76.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,renderSlot,unref,useSlots,withCtx}from"vue";import{MazPlus}from"@maz-ui/icons/raw/MazPlus";import '../assets/MazAccordion.
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{t as MazIcon_default}from"./MazIcon.1g5ITIJG.js";import{t as MazExpandAnimation_default}from"./MazExpandAnimation.DUySsydA.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.C8hIvl76.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,renderSlot,unref,useSlots,withCtx}from"vue";import{MazPlus}from"@maz-ui/icons/raw/MazPlus";import '../assets/MazAccordion.CJIsaWhq.css';var _hoisted_1={class:`m-accordion m-reset-css maz:relative maz:inline-flex maz:flex-col maz:gap-4 maz:align-top`,role:`presentation`};var _hoisted_2=[`id`,`aria-controls`,`aria-expanded`,`onClick`];var MazAccordion_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({__name:`MazAccordion`,props:{id:{default:()=>void 0},modelValue:{default:0},contentClass:{type:[Boolean,null,String,Object,Array],default:()=>void 0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazAccordion`,providedId:__props.id});let slots=useSlots();let stepCount=computed(()=>Object.keys(slots).filter(slot=>slot.startsWith(`title-`)).length);let localModelValue=ref(__props.modelValue);let currentStep=computed({get:()=>__props.modelValue||localModelValue.value,set:value=>{localModelValue.value=value,emits(`update:model-value`,value)}});function isStepOpen(index){return currentStep.value===index}function selectStep(index){currentStep.value===index?(localModelValue.value=0,emits(`update:model-value`,0)):(localModelValue.value=index,emits(`update:model-value`,index))}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(stepCount.value,step=>(openBlock(),createBlock(MazCardSpotlight_default,{key:step,class:`m-accordion__spotlight maz:w-full`,padding:!1},{default:withCtx(()=>[createElementVNode(`button`,{id:`${unref(instanceId)}-header-${step}`,class:`m-accordion__header maz:inline-flex maz:w-full maz:items-center maz:justify-between maz:gap-4 maz:p-4 maz:text-start maz:transition-colors maz:duration-300 maz:ease-in-out`,"aria-controls":`${unref(instanceId)}-panel-${step}`,"aria-expanded":isStepOpen(step),onClick:$event=>selectStep(step)},[renderSlot(_ctx.$slots,`title-${step}`,{isOpen:isStepOpen(step)},void 0,!0),createVNode(MazIcon_default,{icon:unref(MazPlus),class:normalizeClass([`header-icon maz:transition-transform maz:duration-300 maz:ease-in-out`,{"--rotate":isStepOpen(step)}])},null,8,[`icon`,`class`])],8,_hoisted_2),createVNode(MazExpandAnimation_default,{id:`${unref(instanceId)}-panel-${step}`,"animation-duration":`300ms`,"model-value":isStepOpen(step),"aria-labelledby":`${unref(instanceId)}-header-${step}`},{default:withCtx(()=>[createElementVNode(`div`,{class:normalizeClass([`m-accordion__content maz:p-4`,__props.contentClass])},[renderSlot(_ctx.$slots,`content`,{isOpen:isStepOpen(step)},void 0,!0),renderSlot(_ctx.$slots,`content-${step}`,{isOpen:isStepOpen(step)},void 0,!0)],2)]),_:2},1032,[`id`,`model-value`,`aria-labelledby`])]),_:2},1024))),128))]))}}),[[`__scopeId`,`data-v-793f7abd`]]);export{MazAccordion_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as hasSlotContent}from"./hasSlotContent.1H4Rzcc4.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazIcon_default}from"./MazIcon.1g5ITIJG.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderSlot,toDisplayString,unref}from"vue";import{MazCheck}from"@maz-ui/icons/raw/MazCheck";import '../assets/MazCheckbox.DbnOKpmV.css';var _hoisted_1=[`for`];var _hoisted_2=[`id`,`checked`,`disabled`,`name`];var _hoisted_3={key:0,class:`m-checkbox__text maz:flex maz:flex-col maz:gap-0`};var MazCheckbox_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({inheritAttrs:!1,__name:`MazCheckbox`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},id:{},color:{default:`primary`},value:{type:[String,Number,Boolean]},name:{default:`m-checkbox`},size:{},label:{},disabled:{type:Boolean},error:{type:Boolean},success:{type:Boolean},warning:{type:Boolean},hint:{}},emits:[`update:model-value`,`change`,`blur`,`focus`],setup(__props,{emit:__emit}){let emits=__emit;let{size}=useGlobalConfig(`MazCheckbox`,{size:`md`});let instanceId=useInstanceUniqId({componentName:`MazCheckbox`,providedId:__props.id});let isFocused=ref(!1);let isChecked=computed(()=>typeof __props.value!=`boolean`&&Array.isArray(__props.modelValue)?__props.modelValue.includes(__props.value):typeof __props.modelValue==`boolean`&&__props.modelValue);let checkboxSize=computed(()=>{switch(size.value){case`xl`:return`2rem`;case`lg`:return`1.75rem`;case`sm`:return`1.25rem`;case`xs`:return`1rem`;case`mini`:return`0.75rem`;default:return`1.5rem`}});let checkIconSize=computed(()=>{switch(size.value){case`xl`:return`maz:text-2xl`;case`lg`:return`maz:text-xl`;case`sm`:return`maz:text-base`;case`xs`:return`maz:text-sm`;case`mini`:return`maz:text-xs`;default:return`maz:text-lg`}});let checkIconColor=computed(()=>__props.color===`contrast`?`var(--maz-surface)`:`var(--maz-${__props.color}-foreground)`);let checkboxSelectedColor=computed(()=>__props.color===`contrast`?`var(--maz-contrast)`:`var(--maz-${__props.color})`);let checkboxBoxShadow=computed(()=>__props.error&&!isFocused.value?`var(--maz-destructive)`:__props.warning&&!isFocused.value?`var(--maz-warning)`:__props.success&&!isFocused.value?`var(--maz-success)`:[`transparent`,`contrast`].includes(__props.color)?`var(--maz-muted)`:`color-mix(in srgb, var(--maz-${__props.color}) 60%, transparent)`);function getNewValue(newValue){return typeof newValue==`boolean`&&(typeof __props.modelValue==`boolean`||__props.modelValue===void 0||__props.modelValue===null)?!__props.modelValue:Array.isArray(__props.modelValue)&&typeof newValue!=`boolean`?__props.modelValue.includes(newValue)?__props.modelValue.filter(v=>v!==newValue):[...__props.modelValue,newValue]:[newValue]}function emitValue(value){let newValue=getNewValue(value);emits(`update:model-value`,newValue),emits(`change`,newValue)}function onBlur(event){isFocused.value=!1,emits(`blur`,event)}function onFocus(event){isFocused.value=!0,emits(`focus`,event)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{for:unref(instanceId),class:normalizeClass([`m-checkbox m-reset-css maz:relative maz:inline-flex maz:items-center maz:gap-2 maz:align-top maz:outline-hidden`,[{"--error":__props.error,"--warning":__props.warning,"--success":__props.success,"maz:disabled-cursor maz:text-muted":__props.disabled,"maz:cursor-pointer":!__props.disabled},__props.class]]),style:normalizeStyle([__props.style,{"--checkbox-selected-color":checkboxSelectedColor.value,"--checkbox-box-shadow-color":checkboxBoxShadow.value}])},[createElementVNode(`input`,mergeProps({id:unref(instanceId),checked:isChecked.value},_ctx.$attrs,{disabled:__props.disabled,name:__props.name,type:`checkbox`,onChange:_cache[0]||=$event=>emitValue(__props.value??$event?.target?.checked),onBlur,onFocus}),null,16,_hoisted_2),createElementVNode(`span`,{style:normalizeStyle({width:checkboxSize.value,height:checkboxSize.value})},[createVNode(MazIcon_default,{icon:unref(MazCheck),class:normalizeClass([`check-icon maz:transition-transform maz:duration-300 maz:ease-in-out`,[isChecked.value?`maz:scale-100`:`maz:scale-0`,checkIconSize.value]]),style:normalizeStyle({color:checkIconColor.value})},null,8,[`icon`,`class`,`style`])],4),__props.label||unref(hasSlotContent)(_ctx.$slots.default)||__props.hint?(openBlock(),createElementBlock(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`default`,{value:__props.value},()=>[createTextVNode(toDisplayString(__props.label),1)],!0),__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-checkbox__hint maz:text-sm`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning,"maz:text-destructive-600":__props.error,"maz:text-success-600":__props.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!__props.error&&!__props.success&&!__props.warning}])},toDisplayString(__props.hint),3)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-2f21f250`]]);export{MazCheckbox_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as hasSlotContent}from"./hasSlotContent.1H4Rzcc4.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.C8hIvl76.js";import{t as MazCheckbox_default}from"./MazCheckbox.
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as hasSlotContent}from"./hasSlotContent.1H4Rzcc4.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.C8hIvl76.js";import{t as MazCheckbox_default}from"./MazCheckbox.CULqxEnL.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,openBlock,ref,renderList,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{MazNoSymbol}from"@maz-ui/icons/lazy/MazNoSymbol";import '../assets/MazChecklist.BqeT4vSK.css';var _hoisted_1={class:`m-checklist m-reset-css maz:flex maz:flex-col maz:gap-4`};var _hoisted_2=[`for`];var _hoisted_3={key:0,class:`title maz:flex-none maz:truncate`};var _hoisted_4={key:0,class:`no-results maz:flex maz:h-full maz:flex-center`};var _hoisted_5={class:`no-results-content maz:flex maz:h-full maz:flex-col maz:flex-center maz:gap-3 maz:py-8`};var _hoisted_6={class:`no-results-text maz:text-muted`};var _hoisted_7=[`for`];var _hoisted_8={class:`item-label maz:cap-f`};var MazChecklist_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({__name:`MazChecklist`,props:{modelValue:{},query:{},items:{},title:{},elevation:{type:Boolean,default:!1},search:{type:[Boolean,Object]},searchOptions:{},searchFunction:{type:Function},color:{default:`primary`},translations:{}},emits:[`update:query`,`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let id=useInstanceUniqId({componentName:`MazChecklist`});let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let internalQuery=ref(__props.query);watch(()=>__props.query,value=>{internalQuery.value=value});let{t}=useTranslations();let messages=computed(()=>({noResultsFound:__props.translations?.noResultsFound??t(`checklist.noResultsFound`),searchInput:{placeholder:__props.translations?.searchInput?.placeholder??t(`checklist.searchInput.placeholder`)}}));let filteredItems=computed(()=>{if(!internalQuery.value||!__props.search)return __props.items;let normalizedQuery=normalizeString(internalQuery.value,__props.searchOptions);return __props.searchFunction?__props.searchFunction(normalizedQuery,__props.items??[]):getFilteredOptionWithQuery(normalizedQuery)});function searchInValue(value,query){return query&&value&&normalizeString(value).includes(normalizeString(query))}function getFilteredOptionWithQuery(query){return __props.items?.filter(({label,value})=>{let threshold=__props.searchOptions?.threshold;let normalizedQuery=normalizeString(query,__props.searchOptions);let searchLabel=normalizeString(label,__props.searchOptions);let searchValue=normalizeString(value,__props.searchOptions);return searchInValue(searchLabel,normalizedQuery)||searchInValue(searchValue,normalizedQuery)||typeof searchLabel==`string`&&useStringMatching(searchLabel,normalizedQuery,threshold).isMatching.value||typeof searchValue==`string`&&useStringMatching(searchValue,normalizedQuery,threshold).isMatching.value})}function updateQuery(value){internalQuery.value=value,emits(`update:query`,value)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`label`,{for:__props.search?`${unref(id)}-query`:void 0,class:`search-label maz:flex maz:items-center maz:justify-between maz:gap-4`},[unref(hasSlotContent)(_ctx.$slots.title)||__props.title?(openBlock(),createElementBlock(`span`,_hoisted_3,[renderSlot(_ctx.$slots,`title`,{},()=>[createTextVNode(toDisplayString(__props.title),1)],!0)])):createCommentVNode(``,!0),__props.search?(openBlock(),createBlock(unref(MazInput),mergeProps({key:1,id:`${unref(id)}-query`,"model-value":internalQuery.value},typeof __props.search==`object`?__props.search:{},{color:typeof __props.search==`object`&&__props.search.color?__props.search.color:__props.color,"start-icon":typeof __props.search==`object`?__props.search.startIcon??unref(MazMagnifyingGlass):void 0,debounce:typeof __props.search==`object`?__props.search.debounce??300:void 0,name:typeof __props.search==`object`?__props.search.name??`search`:void 0,placeholder:typeof __props.search==`object`&&__props.search.placeholder?__props.search.placeholder:messages.value.searchInput.placeholder,"onUpdate:modelValue":_cache[0]||=event=>updateQuery(event)}),null,16,[`id`,`model-value`,`color`,`start-icon`,`debounce`,`name`,`placeholder`])):createCommentVNode(``,!0)],8,_hoisted_2),createVNode(MazCardSpotlight_default,{color:__props.color,elevation:__props.elevation,padding:!1,"content-class":`card-content`},{default:withCtx(()=>[filteredItems.value?.length===0?(openBlock(),createElementBlock(`div`,_hoisted_4,[renderSlot(_ctx.$slots,`no-results`,{},()=>[createElementVNode(`div`,_hoisted_5,[createVNode(unref(MazNoSymbol),{class:`no-results-icon maz:text-3xl maz:text-muted`}),createElementVNode(`span`,_hoisted_6,[renderSlot(_ctx.$slots,`no-results-text`,{},()=>[createTextVNode(toDisplayString(messages.value.noResultsFound),1)],!0)])])],!0)])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(filteredItems.value,item=>(openBlock(),createElementBlock(`label`,{key:item.value,for:`${unref(id)}-checklist-item-${item.value}`,class:`m-checklist-item m-reset-css maz:flex maz:w-full maz:cursor-pointer maz:items-center maz:gap-4 maz:rounded-md maz:px-3 maz:py-2 maz:text-start maz:hover:bg-surface-600`},[createVNode(MazCheckbox_default,{id:`${unref(id)}-checklist-item-${item.value}`,"model-value":__props.modelValue,value:item.value,color:__props.color,"onUpdate:modelValue":_cache[1]||=event=>emits(`update:model-value`,event)},null,8,[`id`,`model-value`,`value`,`color`]),renderSlot(_ctx.$slots,`item`,{selectedValues:__props.modelValue,item},()=>[createElementVNode(`span`,_hoisted_8,toDisplayString(item.label),1)],!0)],8,_hoisted_7))),128))]),_:3},8,[`color`,`elevation`])]))}}),[[`__scopeId`,`data-v-0a8979e3`]]);export{MazChecklist_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as MazPopover_default}from"./MazPopover.DilXIrUe.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{t as MazIcon_default}from"./MazIcon.1g5ITIJG.js";import{t as MazPickerContainer_default}from"./MazPickerContainer.-6Xc2Z9_.js";import{a as getDefaultsShortcuts,c as getISODate,d as isRangeValue,g as isValueDisabledWeekly,h as isValueDisabledDate,l as getRangeFormattedDate,s as getFormattedDate,t as checkValueWithMinMaxDates,u as getRangeISODate}from"./utils.B9Jm5CyG.js";import{computed,createBlock,createCommentVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderSlot,unref,useModel,useTemplateRef,vShow,watch,withCtx,withDirectives}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazChevronDown}from"@maz-ui/icons/raw/MazChevronDown";import{MazCalendar}from"@maz-ui/icons/lazy/MazCalendar";import{MazClock}from"@maz-ui/icons/lazy/MazClock";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";import customParseFormat from"dayjs/esm/plugin/customParseFormat";import isBetween from"dayjs/esm/plugin/isBetween";import '../assets/MazDatePicker.DZ-G3kKj.css';var MazDatePicker_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({inheritAttrs:!1,__name:`MazDatePicker`,props:/*@__PURE__*/ mergeModels({id:{},style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},inputProps:{},modelValue:{},format:{default:`YYYY-MM-DD`},open:{type:Boolean},label:{},placeholder:{},inputDateFormat:{default:()=>({dateStyle:`medium`,timeStyle:`short`})},inputDateTransformer:{type:Function},locale:{},hideHeader:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},firstDayOfWeek:{default:0},autoClose:{type:Boolean,default:!1},customElementSelector:{},double:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},color:{default:`primary`},pickerPosition:{default:`auto`},pickerPreferPosition:{default:`bottom-start`},pickerFallbackPosition:{default:`top-start`},time:{type:Boolean,default:!1},onlyTime:{type:Boolean,default:!1},minuteInterval:{default:5},useBrowserLocale:{type:Boolean},fetchLocal:{type:Boolean},shortcuts:{type:[Array,Boolean],default:!0},shortcut:{},minDate:{},maxDate:{},minMaxAuto:{type:Boolean,default:!0},disabledWeekly:{default:()=>[]},disabledDates:{default:()=>[]},disabledHours:{default:()=>[]},block:{type:Boolean},range:{type:Boolean,default:!1},transition:{default:`scale-fade`}},{locale:{default:``},localeModifiers:{},open:{default:!1},openModifiers:{}}),emits:/*@__PURE__*/ mergeModels([`update:model-value`,`close`],[`update:locale`,`update:open`]),setup(__props,{emit:__emit}){let emits=__emit;let{t,locale}=useTranslations();dayjs.extend(customParseFormat),dayjs.extend(isBetween);let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let instanceId=useInstanceUniqId({componentName:`MazDatePicker`,providedId:__props.id});function isRangeModelValue(value){return typeof value==`object`&&!!value}let currentValue=computed({get:()=>isRangeModelValue(__props.modelValue)||__props.range?{start:isRangeModelValue(__props.modelValue)&&__props.modelValue.start?dayjs(__props.modelValue.start,__props.format).format():void 0,end:isRangeModelValue(__props.modelValue)&&__props.modelValue.end?dayjs(__props.modelValue.end,__props.format).format():void 0}:typeof __props.modelValue==`string`&&__props.modelValue?dayjs(__props.modelValue,__props.format).format():void 0,set:value=>{if(__props.disabled)return;emitValue(__props.range&&!isRangeValue(value)?{start:value,end:void 0}:value);let isRangeMode=isRangeModelValue(value)||__props.range;__props.autoClose&&(!isRangeMode||isRangeMode&&isRangeModelValue(value)&&value.end)&&closeCalendar()}});let hasTime=computed(()=>__props.time||__props.onlyTime);let hasDouble=computed(()=>__props.double&&!__props.onlyTime);let hasDate=computed(()=>!__props.onlyTime);let isRangeMode=computed(()=>isRangeModelValue(currentValue.value)||__props.range);let internalShortcuts=computed(()=>!isRangeMode.value||__props.shortcuts===!1?!1:__props.shortcuts&&Array.isArray(__props.shortcuts)?__props.shortcuts:getDefaultsShortcuts({lastSevenDays:t(`datePicker.shortcuts.lastSevenDays`),lastThirtyDays:t(`datePicker.shortcuts.lastThirtyDays`),thisWeek:t(`datePicker.shortcuts.thisWeek`),lastWeek:t(`datePicker.shortcuts.lastWeek`),thisMonth:t(`datePicker.shortcuts.thisMonth`),thisYear:t(`datePicker.shortcuts.thisYear`),lastYear:t(`datePicker.shortcuts.lastYear`)}));let localeModel=useModel(__props,`locale`);localeModel.value=__props.locale||locale.value;let containerUniqueId=computed(()=>`MazDatePickerContainer-${instanceId.value}`);let popoverRef=useTemplateRef(`popover`);onBeforeMount(()=>{isRangeMode.value&&hasTime.value&&console.error(`[maz-ui](MazDatePicker) You can't use time picker with range picker`),hasTime.value&&!(__props.format.includes(`h`)||__props.format.includes(`H`))&&console.error(`[maz-ui](MazDatePicker) When you use the time picker, you must provided a format with time - Ex: "YYYY-MM-DD HH:mm"`),__props.format.includes(`h`)&&!(__props.format.includes(`a`)||__props.format.includes(`A`))&&console.error(`[maz-ui](MazDatePicker) if you use the 12 format "h" or "hh", you must add "a" or "A" at the end of the format - Ex: "YYYY-MM-DD hh:mm a"`)});function getCalendarDate(value){let baseDate=(isRangeModelValue(value)?value.start:value)??dayjs().format();return __props.minDate&&dayjs(baseDate).isBefore(__props.minDate)?__props.minDate:__props.maxDate&&dayjs(baseDate).isAfter(__props.maxDate)?__props.minDate??__props.maxDate:baseDate}let calendarDate=ref(getCalendarDate(currentValue.value));let isHour12=computed(()=>__props.format.includes(`a`)||__props.format.includes(`A`)||__props.format.includes(`h`));let formatterOptions=computed(()=>({...__props.inputDateFormat,timeStyle:hasTime.value?__props.inputDateFormat.timeStyle??`short`:void 0,hour12:hasTime.value?__props.inputDateFormat.hour12??isHour12.value:void 0}));let inputValue=computed(()=>{if(!currentValue.value)return;let formattedDate;return __props.onlyTime&&typeof currentValue.value==`string`&¤tValue.value?formattedDate=currentValue.value?formatDate(dayjs(currentValue.value).format(),localeModel.value,{timeStyle:formatterOptions.value.timeStyle,hour12:formatterOptions.value.hour12}):void 0:isRangeMode.value&&isRangeValue(currentValue.value)?formattedDate=getRangeFormattedDate({value:currentValue.value,locale:localeModel.value,options:formatterOptions.value}):typeof currentValue.value==`string`&¤tValue.value&&(formattedDate=getFormattedDate({value:dayjs(currentValue.value).format(),locale:localeModel.value,options:formatterOptions.value})),__props.inputDateTransformer&&formattedDate?__props.inputDateTransformer({formattedDate,value:__props.modelValue,locale:localeModel.value}):formattedDate});let hasPickerOpen=useModel(__props,`open`);function closeCalendar(){popoverRef.value?.close(),emits(`close`)}function checkMinMaxValues(value){if(__props.minDate||__props.maxDate){if(!isRangeMode.value&&(typeof value==`string`&&value||!value)){let{newValue,newCurrentDate}=checkValueWithMinMaxDates({value,minDate:__props.minDate,maxDate:__props.maxDate,format:__props.format,minMaxAuto:__props.minMaxAuto});newValue&&emitValue(newValue),newCurrentDate&&setCalendarDate(newCurrentDate)}else if(isRangeMode.value&&isRangeValue(value)){let newStartValue=value.start;let newEndValue=value.end;if(value.start){let{newValue,newCurrentDate}=checkValueWithMinMaxDates({value:value.start,minDate:__props.minDate,maxDate:__props.maxDate,format:__props.format,minMaxAuto:__props.minMaxAuto});newValue&&(newStartValue=newValue),newCurrentDate&&setCalendarDate(newCurrentDate)}if(value.end){let{newValue}=checkValueWithMinMaxDates({value:value.end,minDate:__props.minDate,maxDate:__props.maxDate,format:__props.format,minMaxAuto:__props.minMaxAuto});newValue&&(newEndValue=newValue)}emitValue({start:newStartValue,end:newEndValue})}}}function setCalendarDate(value){value&&!dayjs(calendarDate.value).isSame(value,`month`)&&(calendarDate.value=value)}function emitValue(value){if(isRangeMode.value&&(isRangeModelValue(value)||value===void 0)){let newValue=getRangeISODate(value,__props.format)??{start:void 0,end:void 0};emits(`update:model-value`,newValue),newValue.start&&setCalendarDate(newValue.start)}else(typeof value==`string`&&value||value===void 0)&&emits(`update:model-value`,getISODate(value,__props.format))}return watch(()=>[currentValue.value,__props.minDate,__props.maxDate],(values,oldValues)=>{let value=values[0];let oldValue=oldValues?.[0];isRangeModelValue(value)&&(value.start||value.end)?(!oldValue||isRangeModelValue(oldValue)&&(oldValue.start!==value.start||oldValue.end!==value.end))&&(emitValue(value),checkMinMaxValues(value)):typeof value==`string`&&value&&value!==oldValue&&(emitValue(value),checkMinMaxValues(value))},{immediate:!0}),watch(()=>[currentValue.value,__props.disabledWeekly,__props.disabledDates],values=>{let value=values[0];let disabledWeekly=values[1];let disabledDates=values[2];isRangeModelValue(value)&&(value.start||value.end)?((value.start&&isValueDisabledWeekly({value:value.start,disabledWeekly})||value.start&&isValueDisabledDate({value:value.start,disabledDates})||value.end&&isValueDisabledWeekly({value:value.end,disabledWeekly})||value.end&&isValueDisabledDate({value:value.end,disabledDates}))&&(currentValue.value={start:void 0,end:void 0}),(value.end&&isValueDisabledWeekly({value:value.end,disabledWeekly})||value.end&&isValueDisabledDate({value:value.end,disabledDates}))&&(currentValue.value={start:value.start,end:void 0})):typeof value==`string`&&value&&(isValueDisabledWeekly({value,disabledWeekly})||isValueDisabledDate({value,disabledDates}))&&(currentValue.value=void 0)},{immediate:!0}),(_ctx,_cache)=>__props.inline?(openBlock(),createBlock(MazPickerContainer_default,{key:1,id:containerUniqueId.value,modelValue:currentValue.value,"onUpdate:modelValue":_cache[3]||=$event=>currentValue.value=$event,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[4]||=$event=>calendarDate.value=$event,color:__props.color,locale:localeModel.value,"has-date":hasDate.value,double:hasDouble.value,"has-time":hasTime.value,"formatter-options":formatterOptions.value,"hide-header":__props.hideHeader,"min-date":__props.minDate,format:__props.format,"is-hour12":isHour12.value,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,shortcuts:internalShortcuts.value,shortcut:__props.shortcut,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"disabled-dates":__props.disabledDates,"minute-interval":__props.minuteInterval,range:isRangeMode.value,onClose:closeCalendar},null,8,[`id`,`modelValue`,`calendar-date`,`color`,`locale`,`has-date`,`double`,`has-time`,`formatter-options`,`hide-header`,`min-date`,`format`,`is-hour12`,`max-date`,`disabled-weekly`,`inline`,`first-day-of-week`,`shortcuts`,`shortcut`,`disabled`,`disabled-hours`,`disabled-dates`,`minute-interval`,`range`])):(openBlock(),createBlock(MazPopover_default,{key:0,id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:hasPickerOpen.value,"onUpdate:modelValue":_cache[2]||=$event=>hasPickerOpen.value=$event,class:normalizeClass([`m-date-picker m-reset-css maz:relative maz:inline-block`,[`m-date-picker--${__props.color}`,{"--is-open":hasPickerOpen.value,"--is-disabled":__props.disabled},__props.class]]),style:normalizeStyle(__props.style),offset:0,trigger:`click`,transition:__props.transition,disabled:__props.disabled,block:__props.block,position:__props.pickerPosition,"prefer-position":__props.pickerPreferPosition,"fallback-position":__props.pickerFallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`},{trigger:withCtx(({isOpen,close,open:openPicker,toggle:togglePicker})=>[renderSlot(_ctx.$slots,`trigger`,{isOpen,close,open:openPicker,toggle:togglePicker},()=>[withDirectives(createVNode(unref(MazInput),mergeProps({id:unref(instanceId),"model-value":inputValue.value,readonly:``},{...__props.inputProps,..._ctx.$attrs},{block:``,autocomplete:`off`,class:`m-date-picker__input maz:size-full`,label:__props.label,disabled:__props.disabled,placeholder:__props.placeholder,color:__props.color}),{"start-icon":withCtx(()=>[hasDate.value?(openBlock(),createBlock(unref(MazCalendar),{key:0,class:`maz:text-xl`})):hasTime.value?(openBlock(),createBlock(unref(MazClock),{key:1,class:`maz:text-xl`})):createCommentVNode(``,!0)]),"end-icon":withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronDown),class:`m-date-picker__button__chevron maz:text-lg`},null,8,[`icon`])]),_:1},16,[`id`,`model-value`,`label`,`disabled`,`placeholder`,`color`]),[[vShow,!__props.customElementSelector&&!__props.inline]])],!0)]),default:withCtx(()=>[createVNode(MazPickerContainer_default,{id:containerUniqueId.value,modelValue:currentValue.value,"onUpdate:modelValue":_cache[0]||=$event=>currentValue.value=$event,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[1]||=$event=>calendarDate.value=$event,color:__props.color,locale:localeModel.value,"has-date":hasDate.value,double:hasDouble.value,"has-time":hasTime.value,"formatter-options":formatterOptions.value,"hide-header":__props.hideHeader,"min-date":__props.minDate,format:__props.format,"is-hour12":isHour12.value,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,shortcuts:internalShortcuts.value,shortcut:__props.shortcut,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"disabled-dates":__props.disabledDates,"minute-interval":__props.minuteInterval,range:isRangeMode.value,onClose:closeCalendar},null,8,[`id`,`modelValue`,`calendar-date`,`color`,`locale`,`has-date`,`double`,`has-time`,`formatter-options`,`hide-header`,`min-date`,`format`,`is-hour12`,`max-date`,`disabled-weekly`,`inline`,`first-day-of-week`,`shortcuts`,`shortcut`,`disabled`,`disabled-hours`,`disabled-dates`,`minute-interval`,`range`])]),_:3},8,[`id`,`modelValue`,`style`,`class`,`transition`,`disabled`,`block`,`position`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-73e971b0`]]);export{MazDatePicker_default as t};
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as MazPopover_default}from"./MazPopover.BpdSsZzk.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{t as MazIcon_default}from"./MazIcon.1g5ITIJG.js";import{t as MazPickerContainer_default}from"./MazPickerContainer.-6Xc2Z9_.js";import{a as getDefaultsShortcuts,c as getISODate,d as isRangeValue,g as isValueDisabledWeekly,h as isValueDisabledDate,l as getRangeFormattedDate,s as getFormattedDate,t as checkValueWithMinMaxDates,u as getRangeISODate}from"./utils.B9Jm5CyG.js";import{computed,createBlock,createCommentVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderSlot,unref,useModel,useTemplateRef,vShow,watch,withCtx,withDirectives}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazChevronDown}from"@maz-ui/icons/raw/MazChevronDown";import{MazCalendar}from"@maz-ui/icons/lazy/MazCalendar";import{MazClock}from"@maz-ui/icons/lazy/MazClock";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";import customParseFormat from"dayjs/esm/plugin/customParseFormat";import isBetween from"dayjs/esm/plugin/isBetween";import '../assets/MazDatePicker.DZ-G3kKj.css';var MazDatePicker_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({inheritAttrs:!1,__name:`MazDatePicker`,props:/*@__PURE__*/ mergeModels({id:{},style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},inputProps:{},modelValue:{},format:{default:`YYYY-MM-DD`},open:{type:Boolean},label:{},placeholder:{},inputDateFormat:{default:()=>({dateStyle:`medium`,timeStyle:`short`})},inputDateTransformer:{type:Function},locale:{},hideHeader:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},firstDayOfWeek:{default:0},autoClose:{type:Boolean,default:!1},customElementSelector:{},double:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},color:{default:`primary`},pickerPosition:{default:`auto`},pickerPreferPosition:{default:`bottom-start`},pickerFallbackPosition:{default:`top-start`},time:{type:Boolean,default:!1},onlyTime:{type:Boolean,default:!1},minuteInterval:{default:5},useBrowserLocale:{type:Boolean},fetchLocal:{type:Boolean},shortcuts:{type:[Array,Boolean],default:!0},shortcut:{},minDate:{},maxDate:{},minMaxAuto:{type:Boolean,default:!0},disabledWeekly:{default:()=>[]},disabledDates:{default:()=>[]},disabledHours:{default:()=>[]},block:{type:Boolean},range:{type:Boolean,default:!1},transition:{default:`scale-fade`}},{locale:{default:``},localeModifiers:{},open:{default:!1},openModifiers:{}}),emits:/*@__PURE__*/ mergeModels([`update:model-value`,`close`],[`update:locale`,`update:open`]),setup(__props,{emit:__emit}){let emits=__emit;let{t,locale}=useTranslations();dayjs.extend(customParseFormat),dayjs.extend(isBetween);let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let instanceId=useInstanceUniqId({componentName:`MazDatePicker`,providedId:__props.id});function isRangeModelValue(value){return typeof value==`object`&&!!value}let currentValue=computed({get:()=>isRangeModelValue(__props.modelValue)||__props.range?{start:isRangeModelValue(__props.modelValue)&&__props.modelValue.start?dayjs(__props.modelValue.start,__props.format).format():void 0,end:isRangeModelValue(__props.modelValue)&&__props.modelValue.end?dayjs(__props.modelValue.end,__props.format).format():void 0}:typeof __props.modelValue==`string`&&__props.modelValue?dayjs(__props.modelValue,__props.format).format():void 0,set:value=>{if(__props.disabled)return;emitValue(__props.range&&!isRangeValue(value)?{start:value,end:void 0}:value);let isRangeMode=isRangeModelValue(value)||__props.range;__props.autoClose&&(!isRangeMode||isRangeMode&&isRangeModelValue(value)&&value.end)&&closeCalendar()}});let hasTime=computed(()=>__props.time||__props.onlyTime);let hasDouble=computed(()=>__props.double&&!__props.onlyTime);let hasDate=computed(()=>!__props.onlyTime);let isRangeMode=computed(()=>isRangeModelValue(currentValue.value)||__props.range);let internalShortcuts=computed(()=>!isRangeMode.value||__props.shortcuts===!1?!1:__props.shortcuts&&Array.isArray(__props.shortcuts)?__props.shortcuts:getDefaultsShortcuts({lastSevenDays:t(`datePicker.shortcuts.lastSevenDays`),lastThirtyDays:t(`datePicker.shortcuts.lastThirtyDays`),thisWeek:t(`datePicker.shortcuts.thisWeek`),lastWeek:t(`datePicker.shortcuts.lastWeek`),thisMonth:t(`datePicker.shortcuts.thisMonth`),thisYear:t(`datePicker.shortcuts.thisYear`),lastYear:t(`datePicker.shortcuts.lastYear`)}));let localeModel=useModel(__props,`locale`);localeModel.value=__props.locale||locale.value;let containerUniqueId=computed(()=>`MazDatePickerContainer-${instanceId.value}`);let popoverRef=useTemplateRef(`popover`);onBeforeMount(()=>{isRangeMode.value&&hasTime.value&&console.error(`[maz-ui](MazDatePicker) You can't use time picker with range picker`),hasTime.value&&!(__props.format.includes(`h`)||__props.format.includes(`H`))&&console.error(`[maz-ui](MazDatePicker) When you use the time picker, you must provided a format with time - Ex: "YYYY-MM-DD HH:mm"`),__props.format.includes(`h`)&&!(__props.format.includes(`a`)||__props.format.includes(`A`))&&console.error(`[maz-ui](MazDatePicker) if you use the 12 format "h" or "hh", you must add "a" or "A" at the end of the format - Ex: "YYYY-MM-DD hh:mm a"`)});function getCalendarDate(value){let baseDate=(isRangeModelValue(value)?value.start:value)??dayjs().format();return __props.minDate&&dayjs(baseDate).isBefore(__props.minDate)?__props.minDate:__props.maxDate&&dayjs(baseDate).isAfter(__props.maxDate)?__props.minDate??__props.maxDate:baseDate}let calendarDate=ref(getCalendarDate(currentValue.value));let isHour12=computed(()=>__props.format.includes(`a`)||__props.format.includes(`A`)||__props.format.includes(`h`));let formatterOptions=computed(()=>({...__props.inputDateFormat,timeStyle:hasTime.value?__props.inputDateFormat.timeStyle??`short`:void 0,hour12:hasTime.value?__props.inputDateFormat.hour12??isHour12.value:void 0}));let inputValue=computed(()=>{if(!currentValue.value)return;let formattedDate;return __props.onlyTime&&typeof currentValue.value==`string`&¤tValue.value?formattedDate=currentValue.value?formatDate(dayjs(currentValue.value).format(),localeModel.value,{timeStyle:formatterOptions.value.timeStyle,hour12:formatterOptions.value.hour12}):void 0:isRangeMode.value&&isRangeValue(currentValue.value)?formattedDate=getRangeFormattedDate({value:currentValue.value,locale:localeModel.value,options:formatterOptions.value}):typeof currentValue.value==`string`&¤tValue.value&&(formattedDate=getFormattedDate({value:dayjs(currentValue.value).format(),locale:localeModel.value,options:formatterOptions.value})),__props.inputDateTransformer&&formattedDate?__props.inputDateTransformer({formattedDate,value:__props.modelValue,locale:localeModel.value}):formattedDate});let hasPickerOpen=useModel(__props,`open`);function closeCalendar(){popoverRef.value?.close(),emits(`close`)}function checkMinMaxValues(value){if(__props.minDate||__props.maxDate){if(!isRangeMode.value&&(typeof value==`string`&&value||!value)){let{newValue,newCurrentDate}=checkValueWithMinMaxDates({value,minDate:__props.minDate,maxDate:__props.maxDate,format:__props.format,minMaxAuto:__props.minMaxAuto});newValue&&emitValue(newValue),newCurrentDate&&setCalendarDate(newCurrentDate)}else if(isRangeMode.value&&isRangeValue(value)){let newStartValue=value.start;let newEndValue=value.end;if(value.start){let{newValue,newCurrentDate}=checkValueWithMinMaxDates({value:value.start,minDate:__props.minDate,maxDate:__props.maxDate,format:__props.format,minMaxAuto:__props.minMaxAuto});newValue&&(newStartValue=newValue),newCurrentDate&&setCalendarDate(newCurrentDate)}if(value.end){let{newValue}=checkValueWithMinMaxDates({value:value.end,minDate:__props.minDate,maxDate:__props.maxDate,format:__props.format,minMaxAuto:__props.minMaxAuto});newValue&&(newEndValue=newValue)}emitValue({start:newStartValue,end:newEndValue})}}}function setCalendarDate(value){value&&!dayjs(calendarDate.value).isSame(value,`month`)&&(calendarDate.value=value)}function emitValue(value){if(isRangeMode.value&&(isRangeModelValue(value)||value===void 0)){let newValue=getRangeISODate(value,__props.format)??{start:void 0,end:void 0};emits(`update:model-value`,newValue),newValue.start&&setCalendarDate(newValue.start)}else(typeof value==`string`&&value||value===void 0)&&emits(`update:model-value`,getISODate(value,__props.format))}return watch(()=>[currentValue.value,__props.minDate,__props.maxDate],(values,oldValues)=>{let value=values[0];let oldValue=oldValues?.[0];isRangeModelValue(value)&&(value.start||value.end)?(!oldValue||isRangeModelValue(oldValue)&&(oldValue.start!==value.start||oldValue.end!==value.end))&&(emitValue(value),checkMinMaxValues(value)):typeof value==`string`&&value&&value!==oldValue&&(emitValue(value),checkMinMaxValues(value))},{immediate:!0}),watch(()=>[currentValue.value,__props.disabledWeekly,__props.disabledDates],values=>{let value=values[0];let disabledWeekly=values[1];let disabledDates=values[2];isRangeModelValue(value)&&(value.start||value.end)?((value.start&&isValueDisabledWeekly({value:value.start,disabledWeekly})||value.start&&isValueDisabledDate({value:value.start,disabledDates})||value.end&&isValueDisabledWeekly({value:value.end,disabledWeekly})||value.end&&isValueDisabledDate({value:value.end,disabledDates}))&&(currentValue.value={start:void 0,end:void 0}),(value.end&&isValueDisabledWeekly({value:value.end,disabledWeekly})||value.end&&isValueDisabledDate({value:value.end,disabledDates}))&&(currentValue.value={start:value.start,end:void 0})):typeof value==`string`&&value&&(isValueDisabledWeekly({value,disabledWeekly})||isValueDisabledDate({value,disabledDates}))&&(currentValue.value=void 0)},{immediate:!0}),(_ctx,_cache)=>__props.inline?(openBlock(),createBlock(MazPickerContainer_default,{key:1,id:containerUniqueId.value,modelValue:currentValue.value,"onUpdate:modelValue":_cache[3]||=$event=>currentValue.value=$event,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[4]||=$event=>calendarDate.value=$event,color:__props.color,locale:localeModel.value,"has-date":hasDate.value,double:hasDouble.value,"has-time":hasTime.value,"formatter-options":formatterOptions.value,"hide-header":__props.hideHeader,"min-date":__props.minDate,format:__props.format,"is-hour12":isHour12.value,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,shortcuts:internalShortcuts.value,shortcut:__props.shortcut,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"disabled-dates":__props.disabledDates,"minute-interval":__props.minuteInterval,range:isRangeMode.value,onClose:closeCalendar},null,8,[`id`,`modelValue`,`calendar-date`,`color`,`locale`,`has-date`,`double`,`has-time`,`formatter-options`,`hide-header`,`min-date`,`format`,`is-hour12`,`max-date`,`disabled-weekly`,`inline`,`first-day-of-week`,`shortcuts`,`shortcut`,`disabled`,`disabled-hours`,`disabled-dates`,`minute-interval`,`range`])):(openBlock(),createBlock(MazPopover_default,{key:0,id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:hasPickerOpen.value,"onUpdate:modelValue":_cache[2]||=$event=>hasPickerOpen.value=$event,class:normalizeClass([`m-date-picker m-reset-css maz:relative maz:inline-block`,[`m-date-picker--${__props.color}`,{"--is-open":hasPickerOpen.value,"--is-disabled":__props.disabled},__props.class]]),style:normalizeStyle(__props.style),offset:0,trigger:`click`,transition:__props.transition,disabled:__props.disabled,block:__props.block,position:__props.pickerPosition,"prefer-position":__props.pickerPreferPosition,"fallback-position":__props.pickerFallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`},{trigger:withCtx(({isOpen,close,open:openPicker,toggle:togglePicker})=>[renderSlot(_ctx.$slots,`trigger`,{isOpen,close,open:openPicker,toggle:togglePicker},()=>[withDirectives(createVNode(unref(MazInput),mergeProps({id:unref(instanceId),"model-value":inputValue.value,readonly:``},{...__props.inputProps,..._ctx.$attrs},{block:``,autocomplete:`off`,class:`m-date-picker__input maz:size-full`,label:__props.label,disabled:__props.disabled,placeholder:__props.placeholder,color:__props.color}),{"start-icon":withCtx(()=>[hasDate.value?(openBlock(),createBlock(unref(MazCalendar),{key:0,class:`maz:text-xl`})):hasTime.value?(openBlock(),createBlock(unref(MazClock),{key:1,class:`maz:text-xl`})):createCommentVNode(``,!0)]),"end-icon":withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronDown),class:`m-date-picker__button__chevron maz:text-lg`},null,8,[`icon`])]),_:1},16,[`id`,`model-value`,`label`,`disabled`,`placeholder`,`color`]),[[vShow,!__props.customElementSelector&&!__props.inline]])],!0)]),default:withCtx(()=>[createVNode(MazPickerContainer_default,{id:containerUniqueId.value,modelValue:currentValue.value,"onUpdate:modelValue":_cache[0]||=$event=>currentValue.value=$event,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[1]||=$event=>calendarDate.value=$event,color:__props.color,locale:localeModel.value,"has-date":hasDate.value,double:hasDouble.value,"has-time":hasTime.value,"formatter-options":formatterOptions.value,"hide-header":__props.hideHeader,"min-date":__props.minDate,format:__props.format,"is-hour12":isHour12.value,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,shortcuts:internalShortcuts.value,shortcut:__props.shortcut,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"disabled-dates":__props.disabledDates,"minute-interval":__props.minuteInterval,range:isRangeMode.value,onClose:closeCalendar},null,8,[`id`,`modelValue`,`calendar-date`,`color`,`locale`,`has-date`,`double`,`has-time`,`formatter-options`,`hide-header`,`min-date`,`format`,`is-hour12`,`max-date`,`disabled-weekly`,`inline`,`first-day-of-week`,`shortcuts`,`shortcut`,`disabled`,`disabled-hours`,`disabled-dates`,`minute-interval`,`range`])]),_:3},8,[`id`,`modelValue`,`style`,`class`,`transition`,`disabled`,`block`,`position`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-73e971b0`]]);export{MazDatePicker_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as hasSlotContent}from"./hasSlotContent.1H4Rzcc4.js";import{t as MazPopover_default}from"./MazPopover.BpdSsZzk.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createSlots,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,openBlock,renderList,renderSlot,toDisplayString,unref,useModel,useTemplateRef,watch,withCtx,withKeys,withModifiers}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{isClient}from"@maz-ui/utils/helpers/isClient";import{MazChevronDown}from"@maz-ui/icons/raw/MazChevronDown";import '../assets/MazDropdown.B9DdmPwR.css';var _hoisted_1=[`id`];var _hoisted_2=[`id`];var _hoisted_3=[`id`,`aria-labelledby`];var MazDropdown_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({inheritAttrs:!1,__name:`MazDropdown`,props:/*@__PURE__*/ mergeModels({modelValue:{type:Boolean},style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},items:{default:()=>[]},itemsSize:{},id:{},trigger:{default:`adaptive`},color:{default:`transparent`},position:{default:`auto`},closeOnClick:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},chevron:{type:Boolean,default:!0},screenReaderDescription:{},menuPanelClass:{type:[Boolean,null,String,Object,Array]},menuPanelStyle:{type:[Boolean,null,String,Object,Array]},block:{type:Boolean},dropdownIcon:{type:[String,Function,Object]},dropdownIconAnimation:{type:Boolean,default:!0},size:{},transition:{default:`scale-pop`},preferPosition:{default:`bottom-start`},fallbackPosition:{},ariaLabel:{},announceChanges:{type:Boolean},offset:{},delay:{},hoverDelay:{},teleportTo:{},overlayClass:{type:[Boolean,null,String,Object,Array]},panelClass:{type:[Boolean,null,String,Object,Array]},panelStyle:{type:[Boolean,null,String,Object,Array]},closeOnClickOutside:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},persistent:{type:Boolean},ariaLabelledby:{},ariaDescribedby:{},trapFocus:{type:Boolean,default:!0},keepOpenOnHover:{type:Boolean},positionReference:{}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:/*@__PURE__*/ mergeModels([`menuitem-clicked`,`update:model-value`],[`update:modelValue`]),setup(__props,{emit:__emit}){let emits=__emit;let{size}=useGlobalConfig(`MazDropdown`,{size:`md`});let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let{iconProps:dropdownIconProps}=useMazIconProps(()=>__props.dropdownIcon??MazChevronDown);let instanceId=useInstanceUniqId({componentName:`MazDropdown`,providedId:__props.id});let{t}=useTranslations();let isOpen=useModel(__props,`modelValue`);let iconClassSize=computed(()=>size.value===`xl`?`maz:text-lg`:size.value===`lg`||size.value===`md`||size.value===`sm`?`maz:text-base`:size.value===`xs`||size.value===`mini`?`maz:text-sm`:`maz:text-lg`);function setDropdown(value){__props.disabled||(isOpen.value=value)}function isLinkItem(item){return`href`in item||`to`in item}function hasLinkOrAction(item){return isLinkItem(item)||`onClick`in item}async function runAction(item,event){emits(`menuitem-clicked`,event),await item.onClick?.(),closeDropdown()}function closeDropdown(){__props.closeOnClick&&setDropdown(!1)}function keydownHandler(event){[`ArrowDown`,`ArrowUp`].includes(event.key)?arrowHandler(event):event.key===`Enter`&&(event.preventDefault(),document.activeElement?.click(),closeDropdown())}function arrowHandler(event){event.preventDefault();let code=event.key;let currentElement=document.activeElement;let itemsElements=Array.from(document.querySelectorAll(`#${instanceId.value}-menu .menuitem`)).filter(el=>el.getAttribute(`tabindex`)!==`-1`);let count=itemsElements.length;if(!count)return;let currentIndex=itemsElements.indexOf(currentElement);if(currentIndex===-1){itemsElements[0]?.focus();return}itemsElements[code===`ArrowDown`?(currentIndex+1)%count:(currentIndex-1+count)%count]?.focus()}let mazPopoverElement=useTemplateRef(`mazPopoverRef`);function onBlurTrigger(event){event.preventDefault(),!(mazPopoverElement.value?.panelRef)?.contains(event.relatedTarget)&&setDropdown(!1)}return watch(isOpen,value=>{isClient()&&(value?document.addEventListener(`keydown`,keydownHandler):document.removeEventListener(`keydown`,keydownHandler))}),(_ctx,_cache)=>(openBlock(),createBlock(MazPopover_default,{ref:`mazPopoverRef`,trigger:__props.trigger,"model-value":isOpen.value,class:normalizeClass([`m-dropdown m-reset-css`,[__props.class]]),role:`menu`,style:normalizeStyle(__props.style),"prefer-position":__props.preferPosition,color:`surface`,position:__props.position,transition:__props.transition,disabled:__props.disabled,offset:__props.offset,delay:__props.delay,"fallback-position":__props.fallbackPosition,persistent:__props.persistent,"hover-delay":__props.hoverDelay,"panel-class":__props.panelClass,"panel-style":__props.panelStyle,"close-on-escape":__props.closeOnEscape,"close-on-click":__props.closeOnClick,"teleport-to":__props.teleportTo,"trap-focus":__props.trapFocus,"overlay-class":__props.overlayClass,"close-on-click-outside":__props.closeOnClickOutside,"aria-describedby":__props.ariaDescribedby,"announce-changes":__props.announceChanges,"aria-label":__props.ariaLabel,"aria-labelledby":__props.ariaLabelledby,"position-reference":__props.positionReference,"keep-open-on-hover":__props.trigger===`hover`||__props.trigger===`adaptive`,block:__props.block,"onUpdate:modelValue":setDropdown},{trigger:withCtx(({toggle,close,open})=>[createElementVNode(`div`,{id:unref(instanceId),tabindex:`-1`,class:`m-dropdown__wrapper maz:size-full maz:rounded-md maz:outline-hidden maz:focus:bg-surface-600 maz:dark:focus:bg-surface-400`},[createElementVNode(`span`,{id:`${unref(instanceId)}-labelspan`,class:`maz:sr-only`},[renderSlot(_ctx.$slots,`screen-reader-description`,{},()=>[createTextVNode(toDisplayString(__props.screenReaderDescription||unref(t)(`dropdown.screenReaderDescription`)),1)],!0)],8,_hoisted_2),renderSlot(_ctx.$slots,`trigger`,{isOpen:isOpen.value,toggle,close,open},()=>[createVNode(unref(MazBtn),mergeProps({"aria-labelledby":`${unref(instanceId)}-labelspan`,color:__props.color,disabled:__props.disabled},_ctx.$attrs,{block:__props.block,size:unref(size),onKeydown:[withKeys(withModifiers(toggle,[`stop`,`prevent`]),[`enter`]),withKeys(withModifiers(toggle,[`stop`,`prevent`]),[`space`]),withKeys(withModifiers(close,[`stop`,`prevent`]),[`escape`])],onBlur:withModifiers(onBlurTrigger,[`stop`,`prevent`])}),createSlots({default:withCtx(()=>[renderSlot(_ctx.$slots,`default`,{},void 0,!0)]),_:2},[__props.chevron||unref(hasSlotContent)(_ctx.$slots[`dropdown-icon`])?{name:`end-icon`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`dropdown-icon`,{isOpen:isOpen.value,toggle,close,open},()=>[unref(dropdownIconProps)?(openBlock(),createBlock(unref(MazIcon),mergeProps({key:0},unref(dropdownIconProps),{class:[[{"--open":isOpen.value&&__props.dropdownIconAnimation},iconClassSize.value],`m-dropdown__icon`]}),null,16,[`class`])):createCommentVNode(``,!0)],!0)]),key:`0`}:void 0]),1040,[`aria-labelledby`,`color`,`disabled`,`block`,`size`,`onKeydown`])],!0)],8,_hoisted_1)]),default:withCtx(({open,close,toggle})=>[createElementVNode(`div`,{id:`${unref(instanceId)}-menu`,role:`menu`,"aria-labelledby":`${unref(instanceId)}-labelspan`,class:normalizeClass([`m-dropdown__menu maz:flex maz:min-h-max maz:min-w-max maz:flex-col maz:gap-1 maz:overflow-auto maz:p-2`,__props.menuPanelClass]),tabindex:`-1`,style:normalizeStyle(__props.menuPanelStyle)},[renderSlot(_ctx.$slots,`dropdown`,{items:__props.items,open,close,isOpen:isOpen.value,toggle},()=>[renderSlot(_ctx.$slots,`prepend-menu`,{isOpen:isOpen.value,open,close,toggle},void 0,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.items,(item,index)=>renderSlot(_ctx.$slots,`menuitem`,{item,open,close,isOpen:isOpen.value,toggle},()=>[createVNode(unref(MazBtn),mergeProps({ref_for:!0},{...item,onClick:void 0,label:void 0},{role:`menuitem`,target:isLinkItem(item)?item.target??`_self`:void 0,to:isLinkItem(item)?item.to:void 0,href:isLinkItem(item)?item.href:void 0,class:[`menuitem`,[{"menuitem--hoverable":hasLinkOrAction(item)},item.class,isLinkItem(item)?`menuitem__link`:`menuitem__button`,`menuitem--${item.color}`]],justify:item.justify??`start`,color:item.color??`transparent`,size:__props.itemsSize??item.size??unref(size),disabled:item.disabled??!1,tabindex:hasLinkOrAction(item)?0:-1,onClick:withModifiers($event=>runAction(item,$event),[`stop`]),onKeypress:withKeys(withModifiers($event=>runAction(item,$event),[`stop`,`prevent`]),[`enter`])}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`menuitem-label`,{item,open,close,isOpen:isOpen.value,toggle},()=>[createTextVNode(toDisplayString(item.label),1)],!0)]),_:2},1040,[`target`,`to`,`href`,`class`,`justify`,`color`,`size`,`disabled`,`tabindex`,`onClick`,`onKeypress`])],!0,index)),128)),renderSlot(_ctx.$slots,`append-menu`,{isOpen:isOpen.value,open,close,toggle},void 0,!0)],!0)],14,_hoisted_3)]),_:3},8,/* @__PURE__ */ `trigger.model-value.style.prefer-position.position.transition.disabled.offset.delay.fallback-position.persistent.hover-delay.panel-class.panel-style.close-on-escape.close-on-click.teleport-to.trap-focus.overlay-class.close-on-click-outside.aria-describedby.announce-changes.aria-label.aria-labelledby.position-reference.keep-open-on-hover.class.block`.split(`.`)))}}),[[`__scopeId`,`data-v-3949798e`]]);export{MazDropdown_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as hasSlotContent}from"./hasSlotContent.1H4Rzcc4.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{n as readInitialAutofillValue,t as onAutofillSync}from"./autofillSync.CbP9_N2N.js";import{t as SIZE_TEXT_CLASS}from"./constants.CSgbG6ca.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot,toDisplayString,toHandlers,unref,useSlots,vModelDynamic,withCtx,withDirectives,withModifiers}from"vue";import{debounce}from"@maz-ui/utils/helpers/debounce";import{MazEye}from"@maz-ui/icons/lazy/MazEye";import{MazEyeSlash}from"@maz-ui/icons/lazy/MazEyeSlash";import '../assets/MazInput.Be2song2.css';var _hoisted_1=[`for`];var _hoisted_2={key:0,class:`m-input-wrapper-start maz:relative maz:z-1 maz:flex maz:flex-center maz:space-x-1 maz:py-1 maz:ps-2`};var _hoisted_3=[`id`,`placeholder`,`aria-label`,`type`,`inputmode`,`name`,`autocomplete`,`disabled`,`readonly`,`required`];var _hoisted_4={key:1,class:`m-input-wrapper-end maz:relative maz:z-1 maz:flex maz:flex-center maz:space-x-1 maz:py-1 maz:pe-2`};var MazInput_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({inheritAttrs:!1,__name:`MazInput`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},placeholder:{},label:{},topLabel:{},assistiveText:{},color:{default:`primary`},type:{default:`text`},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean},id:{},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{},inputClasses:{},border:{type:Boolean,default:!0},inputmode:{default:`text`},size:{},debounce:{type:[Boolean,Number],default:!1},autoFocus:{type:Boolean,default:!1},borderActive:{type:Boolean,default:!1},startIcon:{type:[String,Function,Object]},endIcon:{type:[String,Function,Object]},roundedSize:{},block:{type:Boolean},name:{},autocomplete:{},loading:{type:Boolean,default:!1}},emits:[`update:model-value`,`focus`,`blur`,`click`,`change`,`input`],setup(__props,{emit:__emit}){let emits=__emit;let{size,roundedSize}=useGlobalConfig(`MazInput`,{size:`md`,roundedSize:`md`});let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let{iconProps:startIconProps}=useMazIconProps(()=>__props.startIcon);let{iconProps:endIconProps}=useMazIconProps(()=>__props.endIcon);let hasPasswordVisible=ref(!1);let input=ref();let instanceId=useInstanceUniqId({componentName:`MazInput`,providedId:__props.id});let initialAutofillValue=readInitialAutofillValue(instanceId.value);let autofillCleanup;onMounted(()=>{__props.autoFocus&&input.value?.focus(),input.value&&(initialAutofillValue&&input.value.value!==initialAutofillValue&&(input.value.value=initialAutofillValue,initialAutofillValue!==__props.modelValue&&emits(`update:model-value`,initialAutofillValue)),autofillCleanup=onAutofillSync(input.value,value=>{value!==__props.modelValue&&emits(`update:model-value`,value)}))}),onBeforeUnmount(()=>{autofillCleanup?.()});let isPasswordType=computed(()=>__props.type===`password`);let inputType=computed(()=>hasPasswordVisible.value?`text`:__props.type);let borderStyle=computed(()=>{if(__props.border)return __props.error?`maz:border-destructive`:__props.success?`maz:border-success`:__props.warning?`maz:border-warning`:`--default-border maz:border-divider maz:dark:border-divider-400`});let slots=useSlots();let debounceEmitValue=debounce(value=>{emits(`update:model-value`,value)},typeof __props.debounce==`number`?__props.debounce:500);function emitValue(value){if(__props.debounce)return debounceEmitValue(value);emits(`update:model-value`,value)}let model=computed({get:()=>__props.modelValue,set:value=>emitValue(value)});let hasLabel=computed(()=>!!__props.label||!!__props.hint);let alwaysUp=computed(()=>[`date`,`month`,`week`].includes(__props.type));function hasEndPart(){return hasSlotContent(slots[`end-icon`])||isPasswordType.value||!!__props.endIcon||__props.loading}function hasStartPart(){return hasSlotContent(slots[`start-icon`])||!!__props.startIcon}function focus(event){emits(`focus`,event)}function blur(event){emits(`blur`,event)}function change(event){return emits(`change`,event)}function emitInputEvent(event){return emits(`input`,event)}let stateColor=computed(()=>{if(__props.error)return`maz:text-destructive-600!`;if(__props.success)return`maz:text-success-600!`;if(__props.warning)return`maz:text-warning-600!`});let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-input m-reset-css maz:inline-flex maz:h-fit maz:flex-col maz:items-start maz:align-top maz:text-foreground`,[{"--border-active":__props.borderActive,"--always-up":alwaysUp.value,"--has-placeholder":!!__props.placeholder,"--has-label":hasLabel.value,"--is-readonly":__props.readonly,"--has-z-2":__props.error||__props.warning||__props.success,"--has-state":__props.error||__props.warning||__props.success,"--block":__props.block,"maz:w-full":__props.block},__props.class,`--${__props.color}`,unref(SIZE_TEXT_CLASS)[unref(size)]]]),style:normalizeStyle([__props.style,{"--m-input-tint-bg":`var(--maz-${__props.color})`}])},[__props.topLabel?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-input-top-label maz:mb-2`,stateColor.value]),style:{fontWeight:`var(--maz-input-top-label-font-weight, 600)`}},toDisplayString(__props.topLabel),11,_hoisted_1)):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-input-wrapper maz:relative maz:z-1 maz:flex maz:size-full maz:flex-1 maz:overflow-hidden maz:bg-input maz:transition-colors maz:duration-300`,[__props.inputClasses,borderStyle.value,ROUNDED_CLASS[unref(roundedSize)],`--rounded-${unref(roundedSize)}`,{"--block":__props.block,"--border":__props.border,"maz:w-full":__props.block,"maz:border maz:border-solid":__props.border}]])},[hasStartPart()?(openBlock(),createElementBlock(`div`,_hoisted_2,[unref(hasSlotContent)(unref(slots)[`start-icon`])||__props.startIcon?renderSlot(_ctx.$slots,`start-icon`,{},()=>[unref(startIconProps)?(openBlock(),createBlock(unref(MazIcon),mergeProps({key:0},unref(startIconProps),{class:[`maz:text-xl`,stateColor.value||`maz:text-muted`]}),null,16,[`class`])):createCommentVNode(``,!0)],!0,0):createCommentVNode(``,!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-input-wrapper-input maz:relative maz:flex maz:w-full maz:max-w-full maz:flex-1 maz:items-center`,[`--${unref(size)}`,{"--top-label":!!__props.topLabel,"--has-start-icon":hasStartPart(),"--has-end-icon":hasEndPart()}]])},[withDirectives(createElementVNode(`input`,mergeProps({id:unref(instanceId)},_ctx.$attrs,{ref_key:`input`,ref:input,"onUpdate:modelValue":_cache[0]||=$event=>model.value=$event,placeholder:__props.placeholder||` `,"aria-label":__props.label||__props.placeholder,type:inputType.value,inputmode:__props.inputmode,name:__props.name,autocomplete:__props.autocomplete,disabled:__props.disabled,readonly:__props.readonly,required:__props.required,class:[`m-input-input maz:m-0 maz:size-full maz:appearance-none maz:truncate maz:border-none maz:bg-transparent maz:px-4 maz:py-0 maz:text-foreground maz:shadow-none maz:outline-hidden`,[{"maz:ps-2!":hasStartPart(),"maz:pe-2!":hasEndPart()}]]},toHandlers({blur,focus,change,input:emitInputEvent},!0),{onClick:_cache[1]||=$event=>_ctx.$emit(`click`,$event)}),null,16,_hoisted_3),[[vModelDynamic,model.value]]),__props.label||__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-input-label maz:pointer-events-none maz:absolute maz:inset-s-4 maz:w-full maz:origin-top-left maz:items-center maz:truncate maz:overflow-hidden maz:text-start maz:leading-6 maz:whitespace-nowrap`,[stateColor.value,{"maz:inset-s-2!":hasStartPart(),"maz:pe-3!":hasLabel.value}]])},toDisplayString(__props.hint||__props.label),3)):createCommentVNode(``,!0)],2),hasEndPart()?(openBlock(),createElementBlock(`div`,_hoisted_4,[unref(hasSlotContent)(unref(slots)[`end-icon`])||__props.endIcon?renderSlot(_ctx.$slots,`end-icon`,{},()=>[unref(endIconProps)?(openBlock(),createBlock(unref(MazIcon),mergeProps({key:0},unref(endIconProps),{class:[`maz:text-xl`,stateColor.value||`maz:text-muted`]}),null,16,[`class`])):createCommentVNode(``,!0)],!0,0):createCommentVNode(``,!0),isPasswordType.value?(openBlock(),createBlock(unref(MazBtn),{key:1,color:`transparent`,tabindex:`-1`,size:`mini`,onClick:_cache[2]||=withModifiers($event=>hasPasswordVisible.value=!hasPasswordVisible.value,[`stop`])},{default:withCtx(()=>[hasPasswordVisible.value?(openBlock(),createBlock(unref(MazEyeSlash),{key:0,class:`maz:text-xl maz:text-muted`})):(openBlock(),createBlock(unref(MazEye),{key:1,class:`maz:text-xl maz:text-muted`}))]),_:1})):createCommentVNode(``,!0),__props.loading?renderSlot(_ctx.$slots,`loader`,{},()=>[createVNode(unref(MazSpinner),{color:__props.color},null,8,[`color`])],!0,2):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],2),__props.assistiveText?(openBlock(),createElementBlock(`div`,{key:1,class:normalizeClass([`m-input-bottom-text maz:mt-1 maz:text-sm`,[{"maz:text-destructive-600":__props.error,"maz:text-success-600":__props.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!__props.error&&!__props.success&&!__props.warning}]])},toDisplayString(__props.assistiveText),3)):createCommentVNode(``,!0)],6))}}),[[`__scopeId`,`data-v-68f19c27`]]);export{MazInput_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{t as SIZE_TEXT_CLASS}from"./constants.CSgbG6ca.js";import{Fragment,computed,createElementBlock,createElementVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderList,toDisplayString,unref,watch}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import '../assets/MazInputCode.D0HncmUz.css';var _hoisted_1=[`disabled`];var _hoisted_2={class:`m-input-code__wrapper maz:inline-flex maz:gap-[1em]`};var _hoisted_3=[`id`,`name`,`aria-label`,`inputmode`,`pattern`,`required`,`value`,`onInput`,`onKeydown`,`onClick`];var MazInputCode_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({inheritAttrs:!1,__name:`MazInputCode`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},codeLength:{default:4},type:{default:`text`},acceptAlpha:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},size:{default:`md`},color:{default:`primary`},hint:{}},emits:[`update:model-value`,`completed`],setup(__props,{emit:__emit}){let emits=__emit;let{t}=useTranslations();let inputList=ref([]);let localMap=ref(/* @__PURE__ */ new Map);watch(()=>__props.modelValue,(value,oldValue)=>{value!==oldValue&&(localMap.value=getMapValues())},{immediate:!0});let inputValues=computed({get:()=>localMap.value,set:value=>{let emittedValue=getEmittedValue(value);emits(`update:model-value`,emittedValue),emittedValue?.toString().length===__props.codeLength&&emits(`completed`)}});function getMapValues(value=__props.modelValue){let map=/* @__PURE__ */ new Map;for(let item of Array.from({length:__props.codeLength},(_,i)=>i))if(value===void 0)map.set(item+1,void 0);else{let values=[...value.toString()];map.set(item+1,values[item])}return map}function handleNewValue(event,item){let newValue=getValueSanitized(event.target?.value);inputValues.value=localMap.value.set(item,newValue),newValue&&focusAndSelectInputByIndex(item)}function getEmittedValue(map){let stringValue=[...map.values()].join(``);return __props.type===`text`?stringValue:stringValue&&!Number.isNaN(Number(stringValue))?Number(stringValue):void 0}let isLetterOrNumberRegex=/^[\w.]$/;let isNumberRegex=/\d+/g;function getValueSanitized(value){return value.match(__props.acceptAlpha?isLetterOrNumberRegex:isNumberRegex)?.toString()}function handleKeydown(event,inputIndex){let currentInputValue=localMap.value.get(inputIndex);if(event.key===`ArrowRight`&&focusAndSelectInputByIndex(inputIndex),event.key===`ArrowLeft`&&focusAndSelectInputByIndex(inputIndex-2),event.key===`Backspace`&&!currentInputValue){let previousInputIndexToFocus=inputIndex-1<0?0:inputIndex-1;inputValues.value=localMap.value.set(previousInputIndexToFocus,void 0),focusAndSelectInputByIndex(previousInputIndexToFocus-1)}}function setValueOnPaste(event){let pasteData=event.clipboardData?.getData(`text`);if(!pasteData)return;let indexInputsFromPastePlace=Array.from({length:__props.codeLength},(_,i)=>({index:i+1,value:[...pasteData.toString()][i]??void 0}));for(let{index,value}of indexInputsFromPastePlace){let sanitizedValue=value?getValueSanitized(value):void 0;sanitizedValue&&localMap.value.set(index,sanitizedValue)}setTimeout(()=>{let lastInputWithoutValueIndex=getLastInputWithoutValueIndex();focusAndSelectInputByIndex(lastInputWithoutValueIndex>=__props.codeLength?__props.codeLength-1:lastInputWithoutValueIndex,!1)},0)}function getLastInputWithoutValueIndex(){return[...localMap.value.values()].filter(Boolean).length}function focusAndSelectInputByIndex(index,selectValue=!0){setTimeout(()=>{let input=inputList.value[index];index+1>__props.codeLength||!input||(input.focus(),selectValue&&selectInputByIndex(index))},0)}function selectInputByIndex(index){let input=inputList.value[index];index+1>__props.codeLength||!input||input.select()}let borderColorState=computed(()=>{if(__props.error)return`maz:border-destructive!`;if(__props.success)return`maz:border-success!`;if(__props.warning)return`maz:border-warning!`});return(_ctx,_cache)=>(openBlock(),createElementBlock(`fieldset`,{class:normalizeClass([`m-input-code m-reset-css maz:inline-flex maz:flex-col maz:gap-[0.5em] maz:align-top`,[__props.size?`--${__props.size}`:void 0,unref(SIZE_TEXT_CLASS)[__props.size],__props.class]]),disabled:__props.disabled,style:normalizeStyle([__props.style,{"--input-border-color":`var(--maz-${__props.color})`}])},[createElementVNode(`div`,_hoisted_2,[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.codeLength,item=>(openBlock(),createElementBlock(`div`,{key:item,class:normalizeClass([`input-wrapper maz:relative maz:size-[4em] maz:overflow-hidden maz:rounded-md maz:border maz:border-solid maz:border-divider maz:transition-colors maz:duration-200 maz:ease-in-out maz:dark:border-divider-400 maz:dark:bg-input`,borderColorState.value])},[createElementVNode(`input`,mergeProps({id:`m-input-code-${item}`,ref_for:!0,ref:el=>{inputList.value[item-1]=el},type:`text`,name:`m-input-code-${item}`,"aria-label":`${unref(t)(`aria.character`)} ${item}`,minlength:`1`,maxlength:`1`,inputmode:__props.acceptAlpha?`text`:`numeric`,pattern:__props.acceptAlpha?`[a-zA-Z0-9]{1}`:`[0-9]{1}`,autocomplete:`off`,required:__props.required},{ref_for:!0},_ctx.$attrs,{value:inputValues.value.get(item),onInput:$event=>handleNewValue($event,item),onKeydown:$event=>handleKeydown($event,item),onClick:$event=>selectInputByIndex(item-1),onPaste:setValueOnPaste}),null,16,_hoisted_3)],2))),128))]),createElementVNode(`span`,{class:normalizeClass([`m-input-code__hint maz:text-sm`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning,"maz:text-destructive-600":__props.error,"maz:text-success-600":__props.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!__props.error&&!__props.success&&!__props.warning}])},toDisplayString(__props.hint),3)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-ce860f15`]]);export{MazInputCode_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as SIZE_TEXT_CLASS}from"./constants.CSgbG6ca.js";import{t as MazIcon_default}from"./MazIcon.1g5ITIJG.js";import{t as MazInput_default}from"./MazInput.hspcVaIu.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,toDisplayString,unref,withCtx,withKeys,withModifiers}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{throttle}from"@maz-ui/utils/helpers/throttle";import{MazMinus}from"@maz-ui/icons/raw/MazMinus";import{MazPlus}from"@maz-ui/icons/raw/MazPlus";import '../assets/MazInputNumber.C81WCieN.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-input-number__wrapper maz:flex maz:items-center maz:align-top`};var MazInputNumber_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({inheritAttrs:!1,__name:`MazInputNumber`,props:{id:{default:()=>void 0},style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},class:{type:[Boolean,null,String,Object,Array],default:()=>void 0},modelValue:{default:()=>void 0},disabled:{type:Boolean,default:!1},max:{default:()=>1/0},min:{default:()=>-1/0},step:{default:1},size:{},hideButtons:{type:Boolean},textCenter:{type:Boolean,default:!0},inputmode:{default:`numeric`},block:{type:Boolean},error:{type:Boolean,default:!1},hint:{},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},inputProps:{},topLabel:{default:()=>void 0}},emits:[`update:model-value`,`focus`,`blur`,`click`,`change`],setup(__props,{emit:__emit}){let emits=__emit;let{size}=useGlobalConfig(`MazInputNumber`,{size:`md`});let{t}=useTranslations();let instanceId=useInstanceUniqId({componentName:`MazInput`,providedId:__props.id});let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let currentValue=computed({get:()=>__props.modelValue,set:value=>emitValue(value)});function findClosestStep(number){return Math.round(number/__props.step)*__props.step}function checkValue(value){if(typeof value==`number`)return value<=__props.min?__props.min:value>=__props.max?__props.max:findClosestStep(value)}let emitThrottled=throttle(value=>emitValue(value),300);function emitValue(newValue){newValue=checkValue(newValue),currentValue.value!==newValue&&emits(`update:model-value`,newValue)}emitValue(currentValue.value);let incrementDisabled=computed(()=>__props.modelValue&&__props.modelValue>=__props.max);let decrementDisabled=computed(()=>__props.modelValue&&__props.modelValue<=__props.min);function increment(){if(!(__props.disabled||incrementDisabled.value)){if((currentValue.value===void 0||currentValue.value===null)&&Number.isFinite(__props.min)){currentValue.value=__props.min;return}currentValue.value=(currentValue.value??0)+1*__props.step}}function decrement(){if(!(__props.disabled||decrementDisabled.value)){if((currentValue.value===void 0||currentValue.value===null)&&Number.isFinite(__props.min)){currentValue.value=__props.min;return}currentValue.value=(currentValue.value??0)-1*__props.step}}let stateColor=computed(()=>{if(__props.error)return`maz:text-destructive-600!`;if(__props.success)return`maz:text-success-600!`;if(__props.warning)return`maz:text-warning-600!`});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-input-number m-reset-css maz:inline-flex maz:flex-col maz:gap-2`,[`m-input-number--${unref(size)}`,unref(SIZE_TEXT_CLASS)[unref(size)],__props.class,{"--block":__props.block,"maz:w-full":__props.block}]]),style:normalizeStyle(__props.style)},[__props.topLabel?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-input-number__top-label`,stateColor.value]),style:{fontWeight:`var(--maz-input-top-label-font-weight, 600)`}},toDisplayString(__props.topLabel),11,_hoisted_1)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[__props.hideButtons?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazBtn),{key:0,color:`transparent`,size:unref(size),"aria-label":unref(t)(`aria.decrement`),class:`m-input-number__button m-input-number__decrement-button`,disabled:decrementDisabled.value||__props.disabled,onClick:decrement},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazMinus),class:`m-input-number__button__icon maz:text-base`},null,8,[`icon`])]),_:1},8,[`size`,`aria-label`,`disabled`])),createVNode(MazInput_default,mergeProps({..._ctx.$attrs,...__props.inputProps},{id:unref(instanceId),"model-value":currentValue.value,type:`number`,class:[`m-input-number__input`,{"--no-buttons":__props.hideButtons,"--text-center":__props.textCenter}],disabled:__props.disabled,min:__props.min,max:__props.max,step:__props.step,error:__props.error,success:__props.success,warning:__props.warning,hint:__props.hint,inputmode:__props.inputmode,size:unref(size),block:``,onKeydown:[withKeys(withModifiers(increment,[`prevent`]),[`up`]),withKeys(withModifiers(decrement,[`prevent`]),[`down`])],onFocus:_cache[0]||=$event=>_ctx.$emit(`focus`,$event),onChange:_cache[1]||=$event=>_ctx.$emit(`change`,$event),onBlur:_cache[2]||=$event=>_ctx.$emit(`blur`,$event),onClick:_cache[3]||=$event=>_ctx.$emit(`click`,$event),"onUpdate:modelValue":_cache[4]||=$event=>unref(emitThrottled)($event)}),null,16,[`id`,`model-value`,`class`,`disabled`,`min`,`max`,`step`,`error`,`success`,`warning`,`hint`,`inputmode`,`size`,`onKeydown`]),__props.hideButtons?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazBtn),{key:1,color:`transparent`,size:unref(size),"aria-label":unref(t)(`aria.increment`),class:`m-input-number__button m-input-number__increment-button`,disabled:incrementDisabled.value||__props.disabled,onClick:increment},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazPlus),class:`m-input-number__button__icon maz:text-base`},null,8,[`icon`])]),_:1},8,[`size`,`aria-label`,`disabled`]))])],6))}}),[[`__scopeId`,`data-v-415b7313`]]);export{MazInputNumber_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as SIZE_TEXT_CLASS}from"./constants.CSgbG6ca.js";import{t as MazSelectCountry_default}from"./MazSelectCountry.DkNuJvXY.js";import{n as useMazInputPhoneNumber,r as useLibphonenumber,t as PhoneInput_default}from"./PhoneInput.CgN7iJZk.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineComponent,mergeProps,nextTick,normalizeClass,normalizeStyle,onBeforeMount,onMounted,openBlock,provide,ref,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import '../assets/MazInputPhoneNumber.DuQhIbfb.css';var _hoisted_1=[`id`];var _hoisted_2=[`for`];var _hoisted_3={class:`m-input-phone-number__country-list-code maz:min-w-8 maz:text-center maz:text-muted`};var MazInputPhoneNumber_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({name:`MazInputPhoneNumber`,inheritAttrs:!1,__name:`MazInputPhoneNumber`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{default:()=>void 0},countryCode:{default:()=>void 0},id:{default:()=>void 0},placeholder:{default:()=>void 0},topLabel:{},label:{},preferredCountries:{default:()=>void 0},ignoredCountries:{default:()=>void 0},onlyCountries:{default:()=>void 0},translations:{default:()=>void 0},listPosition:{default:`bottom-start`},color:{default:`primary`},size:{},hideFlags:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},example:{type:Boolean,default:!0},search:{type:Boolean,default:!0},searchThreshold:{default:.75},useBrowserLocale:{type:Boolean,default:!0},fetchCountry:{type:Boolean,default:()=>void 0},hideCountrySelect:{type:Boolean,default:!1},showCodeInList:{type:Boolean,default:!1},customCountriesList:{default:()=>void 0},autoFormat:{type:[String,Boolean],default:`blur`},countryLocale:{default:()=>void 0},validationError:{type:Boolean,default:!0},validationSuccess:{type:Boolean,default:!0},success:{type:Boolean,default:!1},error:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},displayCountryName:{type:Boolean,default:!1},block:{type:Boolean,default:!1},orientation:{default:`responsive`},countrySelectAttributes:{default:()=>({name:`country`,autocomplete:`off`,style:{width:`14rem`}})},phoneInputAttributes:{default:()=>({name:`phone`,autocomplete:`tel`,inputmode:`tel`})},assistiveText:{default:()=>void 0},hint:{default:()=>void 0}},emits:[`update:model-value`,`country-code`,`update:country-code`,`data`],setup(__props,{emit:__emit}){let emits=__emit;let{fetchCountryCode,getBrowserLocale,getCountryList}=useMazInputPhoneNumber();let{isCountryAvailable,getPhoneNumberResults}=useLibphonenumber();let instanceId=useInstanceUniqId({componentName:`MazInputPhoneNumber`,providedId:__props.id});let{size}=useGlobalConfig(`MazInputPhoneNumber`,{size:`md`});let phoneNumber=ref();let selectedCountry=ref();let{t}=useTranslations();let messages=computed(()=>({countrySelect:{error:__props.translations?.countrySelect?.error||t(`inputPhoneNumber.countrySelect.error`),placeholder:__props.translations?.countrySelect?.placeholder||t(`inputPhoneNumber.countrySelect.placeholder`),searchPlaceholder:__props.translations?.countrySelect?.searchPlaceholder||t(`inputPhoneNumber.countrySelect.searchPlaceholder`)},phoneInput:{placeholder:__props.translations?.phoneInput?.placeholder||t(`inputPhoneNumber.phoneInput.placeholder`),example:__props.translations?.phoneInput?.example}}));let isPhoneNumberInternalUpdate=ref(!1);let isCountryInternalUpdate=ref(!1);let results=ref({isValid:!1,countryCode:__props.countryCode,phoneNumber:__props.modelValue});let PhoneInputRef=ref();onBeforeMount(async()=>{if(__props.countryCode&&!selectedCountry.value&&onCountryChanged({countryCode:__props.countryCode}),__props.fetchCountry&&!selectedCountry.value){let{data:countryCode,error}=await fetchCountryCode();if(error){console.error(`[MazInputPhoneNumber](onBeforeMount) Error while fetching country code - ${error.message}`);return}onCountryChanged({countryCode})}}),onMounted(()=>{if(!selectedCountry.value&&__props.useBrowserLocale){let countryCode=getBrowserLocale()?.locale;countryCode&&isCountryAvailable(countryCode)&&onCountryChanged({countryCode})}});function updateTheResults({phone=phoneNumber.value||__props.modelValue,countryCode=selectedCountry.value,checkCountryCode=!1}){results.value=getPhoneNumberResults({phoneNumber:phone,countryCode,checkCountryCode})}async function selectPhoneNumberInput(){await nextTick(),setTimeout(()=>{PhoneInputRef.value?.focus()},100)}function setSelectedCountry(countryCode){if(countryCode){if(!isCountryAvailable(countryCode)){console.warn(`[MazInputPhoneNumber] Country code not available: "${countryCode}"`),selectedCountry.value=void 0;return}selectedCountry.value=countryCode}}let isLetterRegex=/\D/g;function onPhoneNumberChanged({newPhoneNumber}){updateTheResults({phone:newPhoneNumber}),results.value.parsedCountryCode&&results.value.parsedCountryCode!==selectedCountry.value&&onCountryChanged({countryCode:results.value.parsedCountryCode,updateResults:!1}),results.value.isValid&&(__props.autoFormat===`blur`||__props.autoFormat===`typing`)?phoneNumber.value=results.value.formatNational?.trim().replaceAll(isLetterRegex,``):phoneNumber.value=newPhoneNumber,isPhoneNumberInternalUpdate.value=!0,results.value.e164?emits(`update:model-value`,results.value.e164):emits(`update:model-value`,results.value.phoneNumber),setTimeout(()=>{isPhoneNumberInternalUpdate.value=!1},0)}function onCountryChanged({countryCode,updateResults=!0,selectPhoneNumber=!1}){if(!countryCode){selectedCountry.value=void 0;return}isCountryInternalUpdate.value=!0,countryCode!==selectedCountry.value&&setSelectedCountry(countryCode),updateResults&&updateTheResults({countryCode:selectedCountry.value,checkCountryCode:!0});let code=selectedCountry.value;emits(`country-code`,code),emits(`update:country-code`,code),selectPhoneNumber&&!results.value.isValid&&selectPhoneNumberInput(),setTimeout(()=>{isCountryInternalUpdate.value=!1},0)}let countriesList=computed(()=>{let list=getCountryList(__props.countryLocale,__props.customCountriesList);return __props.onlyCountries&&(list=list?.filter(country=>__props.onlyCountries?.includes(country.code))),__props.ignoredCountries&&(list=list?.filter(country=>!__props.ignoredCountries?.includes(country.code))),__props.preferredCountries&&(list=list?.sort((a,b)=>{let indexA=__props.preferredCountries?.indexOf(a.code)??-1;let indexB=__props.preferredCountries?.indexOf(b.code)??-1;return indexA>=0&&indexB>=0?indexA-indexB:indexA>=0?-1:+(indexB>=0)})),list??[]});watch(()=>__props.modelValue,(value,oldValue)=>{!isPhoneNumberInternalUpdate.value&&value!==oldValue&&value!==phoneNumber.value&&onPhoneNumberChanged({newPhoneNumber:value})},{immediate:!0}),watch(()=>__props.countryCode,(value,oldValue)=>{!isCountryInternalUpdate.value&&value&&value!==oldValue&&value!==selectedCountry.value&&onCountryChanged({countryCode:value})},{immediate:!0}),watch(results,value=>emits(`data`,value),{immediate:!0});let countryState=computed(()=>({error:__props.error||(__props.validationError?!!phoneNumber.value&&!selectedCountry.value:!1),success:__props.success||(__props.validationSuccess?results.value?.isValid:!1)}));let phoneState=computed(()=>({error:__props.error||(__props.validationError?!!phoneNumber.value&&!results.value?.isValid:!1),success:__props.success||(__props.validationSuccess?results.value.isValid:!1)}));let stateLabelColor=computed(()=>[{"maz:text-destructive-600":countryState.value.error||phoneState.value.error,"maz:text-success-600":countryState.value.success&&phoneState.value.success,"maz:text-warning-600":__props.warning}]);let assistiveTextStateColor=computed(()=>[{"maz:text-destructive-600":countryState.value.error||phoneState.value.error,"maz:text-success-600":countryState.value.success&&phoneState.value.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!(countryState.value.error||phoneState.value.error)&&!(countryState.value.success&&phoneState.value.success)&&!__props.warning}]);return provide(`mazInputPhoneNumberData`,{selectedCountry,phoneNumber,results}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{id:unref(instanceId),class:normalizeClass([`m-input-phone-number m-reset-css maz:relative maz:inline-flex maz:flex-col`,[__props.class,unref(SIZE_TEXT_CLASS)[unref(size)],{"maz:w-full":__props.block}]]),style:normalizeStyle(__props.style)},[__props.topLabel?(openBlock(),createElementBlock(`label`,{key:0,for:`${unref(instanceId)}-phone`,class:normalizeClass([`m-input-phone-number__top-label maz:mb-2`,stateLabelColor.value]),style:{fontWeight:`var(--maz-input-top-label-font-weight, 600)`}},toDisplayString(__props.topLabel),11,_hoisted_2)):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`maz:flex maz:items-center maz:align-top`,[__props.orientation&&`--${__props.orientation}`,__props.orientation===`col`?`maz:flex-col`:__props.orientation===`row`?`maz:flex-row`:`maz:flex-col maz:mob-l:flex-row`]])},[__props.hideCountrySelect?createCommentVNode(``,!0):(openBlock(),createBlock(MazSelectCountry_default,mergeProps({key:0,id:`${unref(instanceId)}-country`,class:`m-input-phone-number__country-select`},__props.countrySelectAttributes,{"model-value":selectedCountry.value,"option-input-value-key":__props.displayCountryName?`name`:`dialCode`,color:__props.color,size:unref(size),locale:__props.countryLocale,"countries-list":__props.customCountriesList,"list-position":__props.listPosition,"hide-flags":__props.hideFlags,search:__props.search,block:__props.block,error:__props.error||(__props.validationError?!!phoneNumber.value&&!selectedCountry.value:!1),success:__props.success||(__props.validationSuccess?results.value?.isValid:!1),translations:messages.value.countrySelect,hint:phoneNumber.value&&!selectedCountry.value?messages.value.countrySelect.error:void 0,options:countriesList.value,disabled:__props.disabled,warning:__props.warning,required:__props.required,"search-threshold":__props.searchThreshold,"format-input-value":__props.displayCountryName||!selectedCountry.value?void 0:value=>`+${value}`,"show-code-in-list":__props.showCodeInList,label:messages.value.countrySelect.placeholder,"onUpdate:modelValue":_cache[0]||=$event=>onCountryChanged({countryCode:$event,selectPhoneNumber:!0})}),{"no-results":withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},void 0,!0)]),"selector-flag":withCtx(({countryCode:codeCountry})=>[renderSlot(_ctx.$slots,`selector-flag`,{countryCode:codeCountry},void 0,!0)]),"country-list-flag":withCtx(({isSelected,option})=>[renderSlot(_ctx.$slots,`country-list-flag`,{countryCode:option.code,option,isSelected},void 0,!0)]),"country-list-code":withCtx(({option})=>[createElementVNode(`span`,_hoisted_3,` +`+toDisplayString(option.dialCode),1)]),_:3},16,[`id`,`model-value`,`option-input-value-key`,`color`,`size`,`locale`,`countries-list`,`list-position`,`hide-flags`,`search`,`block`,`error`,`success`,`translations`,`hint`,`options`,`disabled`,`warning`,`required`,`search-threshold`,`format-input-value`,`show-code-in-list`,`label`])),createVNode(PhoneInput_default,mergeProps({id:`${unref(instanceId)}-phone`,ref_key:`PhoneInputRef`,ref:PhoneInputRef,class:`m-input-phone-number__phone-input`,"model-value":phoneNumber.value},{..._ctx.$attrs,...__props.phoneInputAttributes},{color:__props.color,size:unref(size),"auto-format":__props.autoFormat,example:__props.example,block:``,disabled:__props.disabled,required:__props.required,warning:__props.warning,hint:__props.hint,name:__props.phoneInputAttributes.name,"has-radius":!__props.hideCountrySelect,success:__props.success||(__props.validationSuccess?results.value.isValid:!1),error:__props.error||(__props.validationError?!!phoneNumber.value&&!results.value.isValid:!1),locales:messages.value.phoneInput,label:__props.label,placeholder:__props.placeholder,"onUpdate:modelValue":_cache[1]||=$event=>onPhoneNumberChanged({newPhoneNumber:$event})}),null,16,[`id`,`model-value`,`color`,`size`,`auto-format`,`example`,`disabled`,`required`,`warning`,`hint`,`name`,`has-radius`,`success`,`error`,`locales`,`label`,`placeholder`])],2),__props.assistiveText?(openBlock(),createElementBlock(`div`,{key:1,class:normalizeClass([`m-input-phone-number__bottom-text maz:mt-1 maz:text-sm`,assistiveTextStateColor.value])},toDisplayString(__props.assistiveText),3)):createCommentVNode(``,!0)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-bcabceea`]]);export{MazInputPhoneNumber_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazInput_default}from"./MazInput.
|
|
1
|
+
import{t as MazInput_default}from"./MazInput.hspcVaIu.js";import{computed,createBlock,defineComponent,nextTick,onMounted,openBlock,ref,unref,watch,withKeys}from"vue";import{MazBanknotes}from"@maz-ui/icons/lazy/MazBanknotes";import{formatCurrency}from"@maz-ui/utils/helpers/formatCurrency";var MazInputPrice_default=/* @__PURE__ */ defineComponent({__name:`MazInputPrice`,props:{modelValue:{},currency:{default:`EUR`},locale:{default:`fr-FR`},min:{default:()=>-1/0},max:{default:()=>1/0},noIcon:{type:Boolean,default:!1},block:{type:Boolean},error:{type:Boolean},hint:{},success:{type:Boolean},warning:{type:Boolean},currencyOptions:{}},emits:[`update:model-value`,`input`,`formatted`,`blur`,`focus`],setup(__props,{emit:__emit}){let emits=__emit;let internalValue=ref(getAdjustedPrice(__props.modelValue));watch(()=>__props.modelValue,updateInternalValue);let isActive=ref(!1);let valueString=computed(()=>__props.modelValue?.toString());let valueNumber=computed(()=>__props.modelValue);let priceFormatted=computed(()=>typeof valueNumber.value==`number`?formatCurrency(valueNumber.value,__props.locale,{...__props.currencyOptions,currency:__props.currency}):void 0);let isLetterRegex=/[^\d.]/g;function getAdjustedPrice(value){let isNegative=typeof value==`string`&&value.startsWith(`-`);let newValue=typeof value==`string`?Number.parseFloat(value.replace(`,`,`.`).replaceAll(isLetterRegex,``)):value;return newValue=isNegative&&newValue?-newValue:newValue,(typeof newValue!=`number`||Number.isNaN(newValue))&&(newValue=void 0),newValue&&newValue<__props.min&&(newValue=__props.min),newValue&&newValue>__props.max&&(newValue=__props.max),newValue}let displayPrice=computed(()=>{if(isActive.value)return valueString.value;if(typeof __props.modelValue==`number`)return priceFormatted.value});async function emitValues(newValue){let adjustedPrice=getAdjustedPrice(newValue);emits(`update:model-value`,adjustedPrice),await nextTick(),emits(`formatted`,priceFormatted.value)}onMounted(()=>{emitValues(__props.modelValue)});function onBlur(event){isActive.value=!1,emitValues(internalValue.value),emits(`blur`,event)}function onFocus(event){isActive.value=!0,emits(`focus`,event)}function onInput(){emits(`input`,internalValue.value),emitValues(internalValue.value)}function updateInternalValue(value){internalValue.value=getAdjustedPrice(value)}return(_ctx,_cache)=>(openBlock(),createBlock(MazInput_default,{"model-value":displayPrice.value,class:`maz:input-price m-reset-css`,block:__props.block,error:__props.error,success:__props.success,warning:__props.warning,hint:__props.hint,"start-icon":__props.noIcon?void 0:unref(MazBanknotes),onFocus,onBlur,onInput,onKeydown:_cache[0]||=withKeys($event=>emitValues(internalValue.value),[`enter`]),"onUpdate:modelValue":_cache[1]||=$event=>updateInternalValue($event)},null,8,[`model-value`,`block`,`error`,`success`,`warning`,`hint`,`start-icon`]))}});export{MazInputPrice_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.D5OaAzu4.js";import{t as MazInput_default}from"./MazInput.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as MazBtn_default}from"./MazBtn.D5OaAzu4.js";import{t as MazInput_default}from"./MazInput.hspcVaIu.js";import{Fragment,TransitionGroup,computed,createElementBlock,createTextVNode,createVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderList,toDisplayString,unref,withCtx,withKeys,withModifiers}from"vue";import{truthyFilter}from"@maz-ui/utils/helpers/truthyFilter";import{MazTrash}from"@maz-ui/icons/raw/MazTrash";import '../assets/MazInputTags.Db_HfOFP.css';var MazInputTags_default=/*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({inheritAttrs:!1,__name:`MazInputTags`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},placeholder:{},label:{},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},size:{},color:{default:`primary`},block:{type:Boolean},addTagsOnBlur:{type:Boolean,default:!0},hint:{}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let{size}=useGlobalConfig(`MazInputTags`,{size:`md`});let isFocused=ref(!1);let inputValue=ref();let tagsHoveredId=ref();let lastIdToDelete=ref();let currentDeleteTimeout=ref();let tags=computed(()=>__props.modelValue?.map(tag=>({tag,id:`${Date.now()}-${Math.random().toString(36).slice(2)}`})));function addTags(event){if(inputValue.value){lastIdToDelete.value=void 0,event.preventDefault();let newValues=inputValue.value.trim().split(`,`).map(value=>value.trim()===`,`?void 0:value.trim()).filter(truthyFilter).filter(value=>!__props.modelValue?.filter(truthyFilter)?.includes(value));emits(`update:model-value`,__props.modelValue?[...__props.modelValue,...newValues]:[...newValues]),inputValue.value=void 0}}let borderStyle=computed(()=>{if(__props.error)return`maz:border-destructive`;if(__props.success)return`maz:border-success`;if(__props.warning)return`maz:border-warning`;if(isFocused.value){if(__props.color===`primary`)return`maz:border-primary`;if(__props.color===`secondary`)return`maz:border-secondary`;if(__props.color===`info`)return`maz:border-info`;if(__props.color===`destructive`)return`maz:border-destructive`;if(__props.color===`success`)return`maz:border-success`;if(__props.color===`warning`)return`maz:border-warning`}return``});function removeLastTag(){inputValue.value||tags.value&&tags.value?.length===0||(currentDeleteTimeout.value&&clearTimeout(currentDeleteTimeout.value),lastIdToDelete.value?(removeTag(lastIdToDelete.value),lastIdToDelete.value=void 0):(lastIdToDelete.value=tags.value?.at(-1)?.id,currentDeleteTimeout.value=setTimeout(()=>{lastIdToDelete.value=void 0},2e3)))}function removeTag(id){let tagsArray=tags.value?.filter(tag=>tag.id!==id).map(tag=>tag.tag);emits(`update:model-value`,tagsArray)}let SIZE_CLASS={xl:`maz:min-h-16`,lg:`maz:min-h-14`,md:`maz:min-h-12`,sm:`maz:min-h-10`,xs:`maz:min-h-8`,mini:`maz:min-h-6`};let buttonSize=computed(()=>size.value===`mini`||size.value===`xs`?`mini`:size.value===`sm`?`xs`:size.value===`md`?`sm`:size.value===`lg`?`md`:size.value===`xl`?`lg`:size.value);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-input-tags m-reset-css maz:relative maz:inline-flex maz:flex-wrap maz:gap-1 maz:overflow-hidden maz:rounded-md maz:border maz:border-divider maz:bg-input maz:px-[0.5em] maz:py-[0.25em] maz:align-top maz:transition-colors maz:duration-200 maz:ease-in-out maz:dark:border-divider-400`,[borderStyle.value,`--${__props.color}`,`--${unref(size)}`,SIZE_CLASS[unref(size)],__props.class,{"--block":__props.block,"maz:w-full":__props.block}]]),style:normalizeStyle(__props.style),onFocusCapture:_cache[4]||=$event=>isFocused.value=!0,onBlurCapture:_cache[5]||=$event=>isFocused.value=!1},[createVNode(TransitionGroup,{name:`maz-tags`},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(tags.value,({tag,id},i)=>(openBlock(),createElementBlock(`div`,{key:`tag-${i}`,class:`m-input-tags__wrapper maz:inline-flex maz:h-auto maz:flex-none! maz:flex-center`},[createVNode(MazBtn_default,{class:`m-input-tags__tag`,disabled:__props.disabled,size:buttonSize.value,color:tagsHoveredId.value===id||lastIdToDelete.value===id?`destructive`:__props.color,"end-icon":tagsHoveredId.value===id||lastIdToDelete.value===id?unref(MazTrash):void 0,onClick:withModifiers($event=>removeTag(id),[`stop`]),onMouseenter:$event=>tagsHoveredId.value=__props.disabled?void 0:id,onFocus:$event=>tagsHoveredId.value=__props.disabled?void 0:id,onMouseleave:_cache[0]||=$event=>tagsHoveredId.value=void 0,onBlur:_cache[1]||=$event=>tagsHoveredId.value=void 0},{default:withCtx(()=>[createTextVNode(toDisplayString(tag),1)]),_:2},1032,[`disabled`,`size`,`color`,`end-icon`,`onClick`,`onMouseenter`,`onFocus`])]))),128))]),_:1}),createVNode(MazInput_default,mergeProps({key:`input-tags`,modelValue:inputValue.value,"onUpdate:modelValue":_cache[2]||=$event=>inputValue.value=$event},_ctx.$attrs,{placeholder:__props.placeholder,label:__props.label,"aria-label":__props.label||__props.placeholder,error:__props.error,hint:__props.hint,success:__props.success,warning:__props.warning,disabled:__props.disabled,"top-label":void 0,"assistive-text":void 0,color:__props.color,block:__props.block,size:unref(size),"input-classes":`maz:w-full`,border:!1,class:`m-input-tags__input maz:h-auto! maz:flex-1`,onKeydown:[withKeys(addTags,[`enter`]),withKeys(removeLastTag,[`delete`])],onBlur:_cache[3]||=$event=>__props.addTagsOnBlur?addTags($event):void 0}),null,16,[`modelValue`,`placeholder`,`label`,`aria-label`,`error`,`hint`,`success`,`warning`,`disabled`,`color`,`block`,`size`])],38))}}),[[`__scopeId`,`data-v-7b221b88`]]);export{MazInputTags_default as t};
|