@defaultusr/dai-ui 1.2.8 → 1.2.10
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/btn.css +1 -1
- package/dist/assets/formControl.css +1 -1
- package/dist/assets/formControl2.css +1 -1
- package/dist/assets/inputGroup.css +1 -1
- package/dist/assets/modal.css +1 -1
- package/dist/assets/offcanvas.css +1 -1
- package/dist/assets/textarea.css +1 -1
- package/dist/btn.js +1 -1
- package/dist/btn2.js +2 -2
- package/dist/checkbox.js +1 -1
- package/dist/chunks/{btn.vue_vue_type_style_index_0_lang.5BQwBY73.js → btn.vue_vue_type_style_index_0_lang.12tGcr-X.js} +1 -1
- package/dist/chunks/{checkbox.vue_vue_type_style_index_0_lang.B_oNe5jU.js → checkbox.vue_vue_type_style_index_0_lang.GL2B1_1I.js} +18 -18
- package/dist/chunks/{combobox.vue_vue_type_style_index_0_lang.BlQL2V7j.js → combobox.vue_vue_type_style_index_0_lang.BM1fsgGg.js} +8 -8
- package/dist/chunks/{comboboxButton.vue_vue_type_style_index_0_lang.B2_SbS8t.js → comboboxButton.vue_vue_type_style_index_0_lang.BW2Z0Fou.js} +7 -7
- package/dist/chunks/{comboboxInput.vue_vue_type_script_setup_true_lang.r8_P3SHy.js → comboboxInput.vue_vue_type_script_setup_true_lang.DGuHr7IE.js} +2 -2
- package/dist/chunks/{comboboxOption.vue_vue_type_style_index_0_lang.BY-JfDPY.js → comboboxOption.vue_vue_type_style_index_0_lang.BUX-uGiu.js} +3 -3
- package/dist/chunks/{comboboxOptions.vue_vue_type_style_index_0_lang.OHgMyOoq.js → comboboxOptions.vue_vue_type_style_index_0_lang.mLedCwfy.js} +2 -2
- package/dist/chunks/{formControl.vue_vue_type_style_index_0_lang.BDPmQzJj.js → formControl.vue_vue_type_style_index_0_lang.DRmpDdyQ.js} +4 -4
- package/dist/chunks/{hint.vue_vue_type_style_index_0_lang.SPjr3dc1.js → hint.vue_vue_type_style_index_0_lang.DYrKdv83.js} +2 -2
- package/dist/chunks/{input.vue_vue_type_style_index_0_lang.D3fu8I8W.js → input.vue_vue_type_style_index_0_lang.BH1fm9ir.js} +12 -12
- package/dist/chunks/{inputGroup.vue_vue_type_style_index_0_lang.DSVR29CT.js → inputGroup.vue_vue_type_style_index_0_lang.CdANUKLU.js} +2 -2
- package/dist/chunks/{label.vue_vue_type_style_index_0_lang.CwYm9LGb.js → label.vue_vue_type_style_index_0_lang.D0NwD6yx.js} +2 -2
- package/dist/chunks/{menuItem.vue_vue_type_style_index_0_lang._R8jj8CJ.js → menuItem.vue_vue_type_style_index_0_lang.Dt6Zl5zF.js} +5 -5
- package/dist/chunks/{menuItems.vue_vue_type_style_index_0_lang.7SUAn0w9.js → menuItems.vue_vue_type_style_index_0_lang.BEJFFXeO.js} +2 -2
- package/dist/chunks/{modal.vue_vue_type_style_index_0_lang.D0DMfpMl.js → modal.vue_vue_type_style_index_0_lang.C3McFUCL.js} +4 -4
- package/dist/chunks/{notification.vue_vue_type_style_index_0_lang.RHzcHM7o.js → notification.vue_vue_type_style_index_0_lang.ouXaxuxK.js} +17 -17
- package/dist/chunks/{notificationQueue.vue_vue_type_style_index_0_lang.CewiEx4A.js → notificationQueue.vue_vue_type_style_index_0_lang.CmvIdz1d.js} +10 -10
- package/dist/chunks/{offcanvas.vue_vue_type_style_index_0_lang.klTcX-xU.js → offcanvas.vue_vue_type_style_index_0_lang.pX4AkwFX.js} +13 -13
- package/dist/chunks/{popoverDialog.vue_vue_type_style_index_0_lang.C9Gy_hn0.js → popoverDialog.vue_vue_type_style_index_0_lang.BQPgFdVd.js} +2 -2
- package/dist/chunks/{progressbar.vue_vue_type_style_index_0_lang.orj5zxpX.js → progressbar.vue_vue_type_style_index_0_lang.DZC-IpoL.js} +2 -2
- package/dist/chunks/{radio.vue_vue_type_style_index_0_lang.Cb2ovoqT.js → radio.vue_vue_type_style_index_0_lang.C_Iy9o5g.js} +11 -11
- package/dist/chunks/{select.vue_vue_type_style_index_0_lang.B6lvc8dR.js → select.vue_vue_type_style_index_0_lang.Yrvru3_T.js} +11 -11
- package/dist/chunks/{selectbox.vue_vue_type_script_setup_true_lang.CGBGE61U.js → selectbox.vue_vue_type_script_setup_true_lang.ByPbVEeF.js} +10 -10
- package/dist/chunks/switch.vue_vue_type_style_index_0_lang.DX8AF2Bu.js +58 -0
- package/dist/chunks/{tab.vue_vue_type_style_index_0_lang.O7L_ECaN.js → tab.vue_vue_type_style_index_0_lang.DhTDvv55.js} +2 -2
- package/dist/chunks/{tabList.vue_vue_type_style_index_0_lang.iu2mVb2k.js → tabList.vue_vue_type_style_index_0_lang.EtvPcPPy.js} +4 -4
- package/dist/chunks/{textarea.vue_vue_type_style_index_0_lang.hsJmfBbY.js → textarea.vue_vue_type_style_index_0_lang.DZTz49sQ.js} +8 -8
- package/dist/combobox.js +1 -1
- package/dist/comboboxButton.js +1 -1
- package/dist/comboboxInput.js +1 -1
- package/dist/comboboxOption.js +1 -1
- package/dist/comboboxOptions.js +1 -1
- package/dist/formControl.js +1 -1
- package/dist/formControl2.js +14 -14
- package/dist/hint.js +1 -1
- package/dist/index.js +10 -28
- package/dist/index2.js +2 -2
- package/dist/index3.js +28 -10
- package/dist/input.js +1 -1
- package/dist/inputGroup.js +1 -1
- package/dist/label.js +1 -1
- package/dist/main.js +25 -25
- package/dist/menuItem.js +1 -1
- package/dist/menuItems.js +1 -1
- package/dist/modal.js +1 -1
- package/dist/notification.js +1 -1
- package/dist/notificationQueue.js +1 -1
- package/dist/offcanvas.js +1 -1
- package/dist/popoverDialog.js +1 -1
- package/dist/progressbar.js +1 -1
- package/dist/radio.js +1 -1
- package/dist/select.js +1 -1
- package/dist/selectbox.js +1 -1
- package/dist/switch.js +1 -1
- package/dist/tab.js +1 -1
- package/dist/tabList.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/types/components/btn.vue.d.ts +5 -4
- package/dist/types/components/formControl.vue.d.ts +5 -3
- package/dist/types/components/input_controls/checkbox.vue.d.ts +8 -6
- package/dist/types/components/input_controls/combobox/combobox.vue.d.ts +7 -5
- package/dist/types/components/input_controls/combobox/comboboxButton.vue.d.ts +3 -2
- package/dist/types/components/input_controls/combobox/comboboxInput.vue.d.ts +5 -4
- package/dist/types/components/input_controls/combobox/comboboxOption.vue.d.ts +5 -4
- package/dist/types/components/input_controls/combobox/comboboxOptions.vue.d.ts +5 -4
- package/dist/types/components/input_controls/common/btn.vue.d.ts +3 -2
- package/dist/types/components/input_controls/common/formControl.vue.d.ts +5 -4
- package/dist/types/components/input_controls/common/hint.vue.d.ts +3 -2
- package/dist/types/components/input_controls/common/inputGroup.vue.d.ts +5 -4
- package/dist/types/components/input_controls/common/label.vue.d.ts +3 -2
- package/dist/types/components/input_controls/input/input.vue.d.ts +8 -6
- package/dist/types/components/input_controls/radio.vue.d.ts +4 -2
- package/dist/types/components/input_controls/select/select.vue.d.ts +15 -10
- package/dist/types/components/input_controls/selectbox/selectbox.stories.d.ts +30 -24
- package/dist/types/components/input_controls/selectbox/selectbox.vue.d.ts +15 -10
- package/dist/types/components/input_controls/switch.vue.d.ts +8 -6
- package/dist/types/components/input_controls/textarea.vue.d.ts +4 -2
- package/dist/types/components/menu/menuItem.vue.d.ts +5 -4
- package/dist/types/components/menu/menuItems.vue.d.ts +5 -4
- package/dist/types/components/modal.vue.d.ts +7 -6
- package/dist/types/components/notifications/notification.vue.d.ts +4 -2
- package/dist/types/components/notifications/notificationQueue.vue.d.ts +4 -2
- package/dist/types/components/offcanvas.vue.d.ts +7 -5
- package/dist/types/components/popoverDialog.vue.d.ts +5 -4
- package/dist/types/components/progressbar.vue.d.ts +2 -1
- package/dist/types/components/tabs/tab.vue.d.ts +5 -4
- package/dist/types/components/tabs/tabList.vue.d.ts +3 -2
- package/package.json +6 -6
- package/dist/chunks/switch.vue_vue_type_style_index_0_lang.B5M6C42g.js +0 -58
- /package/dist/assets/{theme.css → mixins.css} +0 -0
package/dist/assets/btn.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.dai-btn{--dai-btn-color: oklch(51.1% .262 276.966);--dai-btn-bg-lightness: 0;--dai-btn-bg-opacity: 100%;background-color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-bg-lightness)) c h/var(--dai-btn-bg-opacity));--dai-btn-text-lightness: 0;color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-text-lightness)) c h)}.dai-btn--primary{--dai-btn-color: oklch(51.1% .262 276.966)}.dai-btn--success{--dai-btn-color: oklch(62.7% .194 149.214)}.dai-btn--info{--dai-btn-color: oklch(58.8% .158 241.966)}.dai-btn--warning{--dai-btn-color: oklch(66.6% .179 58.318)}.dai-btn--danger{--dai-btn-color: oklch(57.7% .245 27.325)}.dai-btn--secondary{--dai-btn-color: oklch(44.6% .043 257.281)}.dai-btn{display:inline-block;position:relative;padding:.5rem 1rem;cursor:pointer;font-weight:500;white-space:nowrap;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-user-select:none;user-select:none;border-radius:.25rem;border-width:1px;border-color:transparent}@media
|
|
1
|
+
.dai-btn{--dai-btn-color: oklch(51.1% .262 276.966);--dai-btn-bg-lightness: 0;--dai-btn-bg-opacity: 100%;background-color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-bg-lightness)) c h/var(--dai-btn-bg-opacity));--dai-btn-text-lightness: 0;color:oklch(from var(--dai-btn-color) calc(l + var(--dai-btn-text-lightness)) c h)}.dai-btn--primary{--dai-btn-color: oklch(51.1% .262 276.966)}.dai-btn--success{--dai-btn-color: oklch(62.7% .194 149.214)}.dai-btn--info{--dai-btn-color: oklch(58.8% .158 241.966)}.dai-btn--warning{--dai-btn-color: oklch(66.6% .179 58.318)}.dai-btn--danger{--dai-btn-color: oklch(57.7% .245 27.325)}.dai-btn--secondary{--dai-btn-color: oklch(44.6% .043 257.281)}.dai-btn{display:inline-block;position:relative;padding:.5rem 1rem;cursor:pointer;font-weight:500;white-space:nowrap;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-user-select:none;user-select:none;border-radius:.25rem;border-width:1px;border-color:transparent}@media(min-width:40rem){.dai-btn{font-size:.875rem}}.dai-btn[aria-expanded=true],.dai-btn[aria-selected=true]{z-index:5}.dai-btn:disabled{cursor:not-allowed}.dai-btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dai-btn__caption{display:flex;align-items:center;justify-content:center;gap:.5rem}.dai-btn__icon{width:1.25rem;height:1.25rem;flex-shrink:0}.dai-btn__spinner{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:.5rem}.dai-btn__spinner svg{animation:spin 1s linear infinite;width:1.25rem;height:1.25rem}.dai-btn--loading,.loading .dai-btn{pointer-events:none}.dai-btn--loading[type=submit] .dai-btn__spinner,.dai-btn--loading.dai-btn--loading .dai-btn__spinner,.loading .dai-btn[type=submit] .dai-btn__spinner,.loading .dai-btn.dai-btn--loading .dai-btn__spinner{display:flex}.dai-btn--loading[type=submit] .dai-btn__caption,.dai-btn--loading.dai-btn--loading .dai-btn__caption,.loading .dai-btn[type=submit] .dai-btn__caption,.loading .dai-btn.dai-btn--loading .dai-btn__caption{visibility:hidden}.dai-btn--sm{padding:.25rem .625rem}.dai-btn--lg{padding:.75rem 1.25rem;border-radius:.375rem}@media(min-width:40rem){.dai-btn--lg{font-size:1rem}}.dai-btn--block{width:100%;display:block}.dai-btn--rounded{border-radius:calc(infinity * 1px)}.dai-btn--condensed{padding:.5rem}.dai-btn--condensed.dai-btn--sm{padding:.25rem}.dai-btn--flat{color:#fff}.dai-btn--flat:hover{--dai-btn-bg-lightness: .1}.dai-btn--flat:active{--dai-btn-bg-lightness: -.1}.dai-btn--flat[aria-expanded=true],.dai-btn--flat[aria-selected=true]{--dai-btn-bg-lightness: -.1 !important}.dai-btn--flat:disabled,.dai-btn--flat.dai-btn--loading,.loading .dai-btn--flat{--dai-btn-bg-lightness: .2}.dai-btn--plain{--dai-btn-bg-opacity: 0%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--plain:hover{--dai-btn-bg-opacity: 15%}.dai-btn--plain:active{--dai-btn-bg-opacity: 25%}.dai-btn--plain[aria-expanded=true],.dai-btn--plain[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--plain:disabled,.dai-btn--plain.dai-btn--loading,.loading .dai-btn--plain{--dai-btn-bg-opacity: 0%}.dai-btn--plain:disabled{--dai-btn-text-lightness: .3}.dai-btn--muted{--dai-btn-bg-opacity: 15%;--dai-btn-bg-lightness: .1;--dai-btn-text-lightness: .1}.dai-btn--muted:hover{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:active{--dai-btn-bg-opacity: 100%;--dai-btn-bg-lightness: -.1}.dai-btn--muted[aria-expanded=true],.dai-btn--muted[aria-selected=true]{--dai-btn-bg-opacity: 100%;color:#fff}.dai-btn--muted:disabled,.dai-btn--muted.dai-btn--loading,.loading .dai-btn--muted{--dai-btn-bg-opacity: 10%}.dai-btn--muted:disabled{--dai-btn-text-lightness: .2}.dai-btn--outlined{--dai-btn-bg-lightness: .1;--dai-btn-bg-opacity: 0%;--dai-btn-text-lightness: .1;border-color:oklch(from var(--dai-btn-color) calc(l + .1) c h)}.dai-btn--outlined:hover{--dai-btn-bg-opacity: 15%}.dai-btn--outlined:active{--dai-btn-bg-opacity: 25%}.dai-btn--outlined[aria-expanded=true],.dai-btn--outlined[aria-selected=true]{--dai-btn-bg-opacity: 20%}.dai-btn--outlined:disabled,.dai-btn--outlined.dai-btn--loading,.loading .dai-btn--outlined{border-color:oklch(from var(--dai-btn-color) calc(l + .3) c h)}.dai-btn--outlined:disabled{--dai-btn-text-lightness: .3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dai-form-control{position:relative}.dai-form-control label{display:inline-block;clear:both;margin-bottom:.25rem}.dai-form-control__hint{margin-top:.25rem}.dai-form-control .dai-form-control__validation-message{font-size:.75rem;line-height:1rem;position:absolute;display:flex;align-items:center;margin-top:.25rem;color:#e40014;color:oklch(57.7% .245 27.325);transition-property:opacity,transform;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-form-control .dai-form-control__validation-message svg{margin-right:.25rem;width:1rem;height:1rem;flex-shrink:0}.dai-form-control .dai-form-control__validation-message-transition-enter-from,.dai-form-control .dai-form-control__validation-message-transition-leave-to{opacity:0;transform:translate3d(0,-100%,0)}@media
|
|
1
|
+
.dai-form-control{position:relative}.dai-form-control label{display:inline-block;clear:both;margin-bottom:.25rem}.dai-form-control__hint{margin-top:.25rem}.dai-form-control .dai-form-control__validation-message{font-size:.75rem;line-height:1rem;position:absolute;display:flex;align-items:center;margin-top:.25rem;color:#e40014;color:oklch(57.7% .245 27.325);transition-property:opacity,transform;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-form-control .dai-form-control__validation-message svg{margin-right:.25rem;width:1rem;height:1rem;flex-shrink:0}.dai-form-control .dai-form-control__validation-message-transition-enter-from,.dai-form-control .dai-form-control__validation-message-transition-leave-to{opacity:0;transform:translate3d(0,-100%,0)}@media(min-width:48rem){.dai-form-control--label-inline{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:.75rem;align-items:center}}@media(min-width:48rem){.dai-form-control--label-inline label{grid-column:span 5/span 5}}@media(min-width:64rem){.dai-form-control--label-inline label{grid-column:span 4/span 4}}@media(min-width:48rem){.dai-form-control--label-inline .dai-form-control__container{grid-column:span 7/span 7}}@media(min-width:64rem){.dai-form-control--label-inline .dai-form-control__container{grid-column:span 8/span 8}}.dai-form-control--lg label{margin-bottom:.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.form-control{position:relative}.form-control label{font-size:.875rem;line-height:1.25rem;font-weight:500;display:inline-block;clear:both;margin-bottom:.25rem;color:#314158;cursor:pointer;-webkit-user-select:none;user-select:none}.dark .form-control label{color:#90a1b9}.form-control__input-group{position:relative;display:flex;align-items:center;gap:.5rem;width:100%;overflow:hidden;border:1px solid oklch(86.9% .022 252.894);border-radius:.375rem;background-color:#fff;color:#000;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-control__input-group:focus-within{outline-style:solid;outline-width:1px;outline-color:#6260ff;outline-color:oklch(58.5% .233 277.117);border-color:#6260ff!important;border-color:oklch(58.5% .233 277.117)!important}.dark .form-control__input-group{background-color:#314158;border-color:#45556c;color:#f1f5f9}.form-control--outlined .form-control__input-group{background-color:transparent}.form-control--muted .form-control__input-group{--dai-bg-opacity: 5%;background-color:oklch(from oklch(55.4% .046 257.417) l c h/var(--dai-bg-opacity));border-color:transparent}.form-control--muted .form-control__input-group:hover{--dai-bg-opacity: 10%}.dark .form-control--muted .form-control__input-group{background-color:rgba(255,255,255,var(--dai-bg-opacity));--dai-bg-opacity: 6%}.form-control--rounded .form-control__input-group{border-radius:calc(infinity * 1px)}.form-control .form-control__hint{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:.875rem;line-height:1.25rem;margin-top:.5rem;color:#62748e}.form-control .form-control__validation-message{font-size:.75rem;line-height:1rem;position:absolute;display:flex;align-items:center;margin-top:.25rem;color:#e40014;color:oklch(57.7% .245 27.325)}.form-control .form-control__validation-message svg{margin-right:.25rem;width:1rem;height:1rem;flex-shrink:0}@media
|
|
1
|
+
.form-control{position:relative}.form-control label{font-size:.875rem;line-height:1.25rem;font-weight:500;display:inline-block;clear:both;margin-bottom:.25rem;color:#314158;cursor:pointer;-webkit-user-select:none;user-select:none}.dark .form-control label{color:#90a1b9}.form-control__input-group{position:relative;display:flex;align-items:center;gap:.5rem;width:100%;overflow:hidden;border:1px solid oklch(86.9% .022 252.894);border-radius:.375rem;background-color:#fff;color:#000;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-control__input-group:focus-within{outline-style:solid;outline-width:1px;outline-color:#6260ff;outline-color:oklch(58.5% .233 277.117);border-color:#6260ff!important;border-color:oklch(58.5% .233 277.117)!important}.dark .form-control__input-group{background-color:#314158;border-color:#45556c;color:#f1f5f9}.form-control--outlined .form-control__input-group{background-color:transparent}.form-control--muted .form-control__input-group{--dai-bg-opacity: 5%;background-color:oklch(from oklch(55.4% .046 257.417) l c h/var(--dai-bg-opacity));border-color:transparent}.form-control--muted .form-control__input-group:hover{--dai-bg-opacity: 10%}.dark .form-control--muted .form-control__input-group{background-color:rgba(255,255,255,var(--dai-bg-opacity));--dai-bg-opacity: 6%}.form-control--rounded .form-control__input-group{border-radius:calc(infinity * 1px)}.form-control .form-control__hint{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:.875rem;line-height:1.25rem;margin-top:.5rem;color:#62748e}.form-control .form-control__validation-message{font-size:.75rem;line-height:1rem;position:absolute;display:flex;align-items:center;margin-top:.25rem;color:#e40014;color:oklch(57.7% .245 27.325)}.form-control .form-control__validation-message svg{margin-right:.25rem;width:1rem;height:1rem;flex-shrink:0}@media(min-width:48rem){.form-control--label-inline{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:.75rem;align-items:center}}@media(min-width:48rem){.form-control--label-inline label{grid-column:span 5/span 5}}@media(min-width:64rem){.form-control--label-inline label{grid-column:span 4/span 4}}@media(min-width:48rem){.form-control--label-inline .form-control__container{grid-column:span 7/span 7}}@media(min-width:64rem){.form-control--label-inline .form-control__container{grid-column:span 8/span 8}}.form-control--label-inside .form-control__input-group{padding-top:1.25rem}.form-control--label-inside label{font-size:.75rem;line-height:1rem;position:absolute;left:.75rem;top:.5rem;color:#45556c}.form-control--invalid label{color:#e40014!important;color:oklch(57.7% .245 27.325)!important}.form-control--invalid .form-control__input-group{border-color:#fb2c36;color:#fb2c36}.form-control--invalid .form-control__input-group:focus-within{border-color:#fb2c36!important;outline-color:#fb2c36}.form-control--invalid .form-control__hint{color:#e40014;color:oklch(57.7% .245 27.325)}.form-control--disabled,.form-control--loading,.loading .form-control{pointer-events:none}.form-control--disabled .form-control__input-group,.form-control--loading .form-control__input-group,.loading .form-control .form-control__input-group{background-color:#f8fafc;color:#62748e}.dark .form-control--disabled .form-control__input-group,.dark .form-control--loading .form-control__input-group,.dark .loading .form-control .form-control__input-group,.loading .dark .form-control .form-control__input-group{background-color:#1d293d;color:#62748e}.form-control--lg label{margin-bottom:.5rem}.form-control--lg .form-control__input-group{padding:.75rem 1rem}.form-control--lg .form-control__input-group>:not(:last-child){margin-inline-end:.75rem}.form-control--sm .form-control__input-group{padding:.25rem .5rem;border-radius:.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dai-form-control__input-group{position:relative;width:100%;overflow:hidden;border:1px solid oklch(86.9% .022 252.894);border-radius:.375rem;background-color:#fff;color:#000;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--dai-input-group-padding-x: .75rem ;--dai-input-group-padding-y: .5rem ;--dai-input-group-gap: .25rem ;--dai-input-group-padding-label: 0px}.dai-form-control__input-group__box{display:flex;align-items:center;gap:var(--dai-input-group-gap)}.dai-form-control__input-group__control{display:block;width:100%;flex:1 1 0%;-webkit-appearance:none;appearance:none;outline:none;background:none;border:none;box-shadow:none;padding-inline:var(--dai-input-group-padding-x);padding-block:calc(var(--dai-input-group-padding-y) + var(--dai-input-group-padding-label)) var(--dai-input-group-padding-y)}.dai-form-control__input-group__control::placeholder,.dai-form-control__input-group__control__placeholder{color:#90a1b9;opacity:1}.dark .dai-form-control__input-group__control::placeholder,.dark .dai-form-control__input-group__control__placeholder{color:#62748e}.dai-form-control__input-group__addon:first-child{margin-inline-start:var(--dai-input-group-padding-x)}.dai-form-control__input-group__addon:last-child{margin-inline-end:var(--dai-input-group-padding-x)}@media
|
|
1
|
+
.dai-form-control__input-group{position:relative;width:100%;overflow:hidden;border:1px solid oklch(86.9% .022 252.894);border-radius:.375rem;background-color:#fff;color:#000;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--dai-input-group-padding-x: .75rem ;--dai-input-group-padding-y: .5rem ;--dai-input-group-gap: .25rem ;--dai-input-group-padding-label: 0px}.dai-form-control__input-group__box{display:flex;align-items:center;gap:var(--dai-input-group-gap)}.dai-form-control__input-group__control{display:block;width:100%;flex:1 1 0%;-webkit-appearance:none;appearance:none;outline:none;background:none;border:none;box-shadow:none;padding-inline:var(--dai-input-group-padding-x);padding-block:calc(var(--dai-input-group-padding-y) + var(--dai-input-group-padding-label)) var(--dai-input-group-padding-y)}.dai-form-control__input-group__control::placeholder,.dai-form-control__input-group__control__placeholder{color:#90a1b9;opacity:1}.dark .dai-form-control__input-group__control::placeholder,.dark .dai-form-control__input-group__control__placeholder{color:#62748e}.dai-form-control__input-group__addon:first-child{margin-inline-start:var(--dai-input-group-padding-x)}.dai-form-control__input-group__addon:last-child{margin-inline-end:var(--dai-input-group-padding-x)}@media(min-width:40rem){.dai-form-control__input-group{font-size:.875rem;line-height:1.25rem}}.dai-form-control__input-group:focus-within{outline-style:solid;outline-width:1px;outline-color:#6260ff;outline-color:oklch(58.5% .233 277.117);border-color:#6260ff!important;border-color:oklch(58.5% .233 277.117)!important}.dark .dai-form-control__input-group{background-color:#314158;border-color:#45556c;color:#f1f5f9}.dai-form-control__input-group__label{font-size:.75rem;line-height:1rem;position:absolute;left:.75rem;top:.5rem;pointer-events:none;color:#45556c}.dai-form-control__input-group--labeled{--dai-input-group-padding-label: 1.25rem }.dai-form-control__input-group--invalid{border-color:#fb2c36!important}.dai-form-control__input-group--invalid:focus-within{border-color:#fb2c36!important;outline-color:#fb2c36}.dai-form-control__input-group--disabled,.loading .dai-form-control__input-group{pointer-events:none;background-color:#f8fafc;color:#62748e}.dark .dai-form-control__input-group--disabled,.dark .loading .dai-form-control__input-group,.loading .dark .dai-form-control__input-group{background-color:#1d293d;color:#62748e}.dai-form-control__input-group--outlined{background-color:transparent!important}.dai-form-control__input-group--muted{--dai-bg-opacity: 5%;background-color:oklch(from oklch(55.4% .046 257.417) l c h/var(--dai-bg-opacity));border-color:transparent!important}.dai-form-control__input-group--muted:hover{--dai-bg-opacity: 10%}.dark .dai-form-control__input-group--muted{background-color:rgba(255,255,255,var(--dai-bg-opacity));--dai-bg-opacity: 6%}.dai-form-control__input-group--rounded{border-radius:calc(infinity * 1px)}.dai-form-control__input-group--lg{--dai-input-group-padding-x: 1rem ;--dai-input-group-padding-y: .75rem ;--dai-input-group-gap: .5rem }@media(min-width:40rem){.dai-form-control__input-group--lg{font-size:1rem;line-height:1.5rem}}.dai-form-control__input-group--sm{--dai-input-group-padding-x: .5rem ;--dai-input-group-padding-y: .25rem ;border-radius:.25rem}
|
package/dist/assets/modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.dai-modal{z-index:50}.dai-modal__backdrop{position:fixed;inset:0;background-color:oklch(from oklch(96.2% .018 272.314) l c h/60%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition-property:opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.3s}.dai-modal__overlay{position:fixed;inset:0;overflow-y:auto}.dai-modal__overlay__container{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}@media
|
|
1
|
+
.dai-modal{z-index:50}.dai-modal__backdrop{position:fixed;inset:0;background-color:oklch(from oklch(96.2% .018 272.314) l c h/60%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition-property:opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.3s}.dai-modal__overlay{position:fixed;inset:0;overflow-y:auto}.dai-modal__overlay__container{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}@media(min-width:40rem){.dai-modal__overlay__container{padding:1.5rem}}.dai-modal__dialog{transition-property:opacity,scale,translate;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s}.dai-modal--anim .dai-modal__backdrop{opacity:0%;transition-duration:.2s}.dai-modal--anim .dai-modal__dialog{opacity:0%;scale:95%;translate:0 -2.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nui-offcanvas{inset-block:calc(var(--spacing) * 0);position:fixed;z-index:10;overflow-x:hidden;background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.nui-offcanvas{background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .nui-offcanvas{background-color:color-mix(in srgb,var(--colors-dark-800) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .nui-offcanvas{background-color:color-mix(in oklab,var(--colors-dark-800) var(--un-bg-opacity),transparent)}}.nui-offcanvas--left{left:calc(var(--spacing) * 0);right:auto}.nui-offcanvas--right{right:calc(var(--spacing) * 0);left:auto}.nui-offcanvas--shadow{box-shadow:-10px 5px 15px -3px #0000001a,-4px 0 6px -2px #0000000d,10px 5px 15px -3px #0000001a,4px 0 6px -2px #0000000d}.nui-offcanvas{width:100vw}@media
|
|
1
|
+
.nui-offcanvas{inset-block:calc(var(--spacing) * 0);position:fixed;z-index:10;overflow-x:hidden;background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.nui-offcanvas{background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .nui-offcanvas{background-color:color-mix(in srgb,var(--colors-dark-800) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .nui-offcanvas{background-color:color-mix(in oklab,var(--colors-dark-800) var(--un-bg-opacity),transparent)}}.nui-offcanvas--left{left:calc(var(--spacing) * 0);right:auto}.nui-offcanvas--right{right:calc(var(--spacing) * 0);left:auto}.nui-offcanvas--shadow{box-shadow:-10px 5px 15px -3px #0000001a,-4px 0 6px -2px #0000000d,10px 5px 15px -3px #0000001a,4px 0 6px -2px #0000000d}.nui-offcanvas{width:100vw}@media(min-width:48rem){.nui-offcanvas{width:50vw}}@media(min-width:64rem){.nui-offcanvas{width:45vw}}@media(min-width:80rem){.nui-offcanvas{width:35vw}}.nui-offcanvas--lg{width:100vw}@media(min-width:48rem){.nui-offcanvas--lg{width:50vw}}@media(min-width:64rem){.nui-offcanvas--lg{width:55vw}}@media(min-width:80rem){.nui-offcanvas--lg{width:60vw}}.nui-offcanvas--xl{width:100vw}@media(min-width:48rem){.nui-offcanvas--xl{width:60vw}}@media(min-width:64rem){.nui-offcanvas--xl{width:65vw}}@media(min-width:80rem){.nui-offcanvas--xl{width:70vw}}.nui-offcanvas--animate-hidden{--un-translate-x:-100%;translate:var(--un-translate-x) var(--un-translate-y)}.nui-offcanvas--animate-hidden.nui-offcanvas--right{--un-translate-x:100%;translate:var(--un-translate-x) var(--un-translate-y)}.nui-offcanvas--animate-shown{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y)}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}.nui-body-push{transition-property:margin;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s;margin-inline:calc(var(--spacing) * 0)}@media(min-width:48rem){.nui-body-push--right{margin-right:50vw}}@media(min-width:64rem){.nui-body-push--right{margin-right:45vw}}@media(min-width:80rem){.nui-body-push--right{margin-right:35vw}}@media(min-width:48rem){.nui-body-push--right--lg{margin-right:50vw}}@media(min-width:64rem){.nui-body-push--right--lg{margin-right:55vw}}@media(min-width:80rem){.nui-body-push--right--lg{margin-right:60vw}}@media(min-width:48rem){.nui-body-push--right--xl{margin-right:60vw}}@media(min-width:64rem){.nui-body-push--right--xl{margin-right:65vw}}@media(min-width:80rem){.nui-body-push--right--xl{margin-right:70vw}}@media(min-width:48rem){.nui-body-push--left{margin-left:50vw}}@media(min-width:64rem){.nui-body-push--left{margin-left:45vw}}@media(min-width:80rem){.nui-body-push--left{margin-left:35vw}}@media(min-width:48rem){.nui-body-push--left--lg{margin-left:50vw}}@media(min-width:64rem){.nui-body-push--left--lg{margin-left:55vw}}@media(min-width:80rem){.nui-body-push--left--lg{margin-left:60vw}}@media(min-width:48rem){.nui-body-push--left--xl{margin-left:60vw}}@media(min-width:64rem){.nui-body-push--left--xl{margin-left:65vw}}@media(min-width:80rem){.nui-body-push--left--xl{margin-left:70vw}}
|
package/dist/assets/textarea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.form-control__textarea{padding-block:calc(var(--spacing) * 2);flex:1 1 0%;width:100%;display:block;--un-outline-style:none;outline-style:none;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.3s;transition-duration:.3s;margin-right:calc(
|
|
1
|
+
.form-control__textarea{padding-block:calc(var(--spacing) * 2);flex:1 1 0%;width:100%;display:block;--un-outline-style:none;outline-style:none;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.3s;transition-duration:.3s;margin-right:calc(var(--spacing) * -3);padding-right:calc(var(--spacing) * 3)}@media(min-width:40rem){.form-control__textarea{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight))}}.form-control__textarea::placeholder{color:color-mix(in srgb,var(--colors-secondary-400) var(--un-text-opacity),transparent);opacity:1}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.form-control__textarea::placeholder{color:color-mix(in oklab,var(--colors-secondary-400) var(--un-text-opacity),transparent)}}.dark .form-control__textarea::placeholder{color:color-mix(in srgb,var(--colors-secondary-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .form-control__textarea::placeholder{color:color-mix(in oklab,var(--colors-secondary-500) var(--un-text-opacity),transparent)}}.form-control__textarea--autosize{box-sizing:border-box;resize:none}.form-control--lg .form-control__textarea{padding-block:calc(var(--spacing) * 3)}@media(min-width:40rem){.form-control--lg .form-control__textarea{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight))}}.form-control--sm .form-control__textarea{padding-block:calc(var(--spacing) * 1)}
|
package/dist/btn.js
CHANGED
package/dist/btn2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { openBlock as c, createElementBlock as _, renderSlot as a } from "vue";
|
|
2
2
|
import './assets/btn2.css';const d = (t, o) => {
|
|
3
3
|
const n = t.__vccOpts || t;
|
|
4
4
|
for (const [r, e] of o)
|
|
@@ -11,7 +11,7 @@ import './assets/btn2.css';const d = (t, o) => {
|
|
|
11
11
|
"aria-hidden": "true"
|
|
12
12
|
};
|
|
13
13
|
function u(t, o) {
|
|
14
|
-
return
|
|
14
|
+
return c(), _("button", l, [
|
|
15
15
|
a(t.$slots, "default")
|
|
16
16
|
]);
|
|
17
17
|
}
|
package/dist/checkbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as f, computed as i,
|
|
1
|
+
import { defineComponent as f, computed as i, openBlock as o, createBlock as b, resolveDynamicComponent as y, normalizeClass as l, withCtx as v, createElementBlock as r, createElementVNode as a, createCommentVNode as d, renderSlot as B } from "vue";
|
|
2
2
|
import '../assets/btn.css';const g = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "dai-btn__spinner"
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as g,
|
|
1
|
+
import { defineComponent as g, useId as $, useModel as C, useTemplateRef as E, computed as p, openBlock as c, createElementBlock as u, normalizeClass as A, createElementVNode as B, mergeProps as z, unref as i, createVNode as N, withCtx as m, renderSlot as f, createTextVNode as h, toDisplayString as k, createCommentVNode as v, createBlock as w, mergeModels as M } from "vue";
|
|
2
2
|
import { useFormControl as S } from "vue-composable-ui";
|
|
3
|
-
import { _ as T } from "./label.vue_vue_type_style_index_0_lang.
|
|
4
|
-
import { _ } from "./hint.vue_vue_type_style_index_0_lang.
|
|
3
|
+
import { _ as T } from "./label.vue_vue_type_style_index_0_lang.D0NwD6yx.js";
|
|
4
|
+
import { _ } from "./hint.vue_vue_type_style_index_0_lang.DYrKdv83.js";
|
|
5
5
|
import '../assets/checkbox.css';const D = ["checked", "id"], F = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "dai-checkbox-control__label-container"
|
|
8
8
|
}, j = /* @__PURE__ */ g({
|
|
9
9
|
inheritAttrs: !1,
|
|
10
10
|
__name: "checkbox",
|
|
11
|
-
props: /* @__PURE__ */
|
|
11
|
+
props: /* @__PURE__ */ M({
|
|
12
12
|
id: {},
|
|
13
13
|
value: {},
|
|
14
14
|
color: { default: "primary" },
|
|
@@ -23,11 +23,11 @@ import '../assets/checkbox.css';const D = ["checked", "id"], F = {
|
|
|
23
23
|
}),
|
|
24
24
|
emits: ["update:modelValue"],
|
|
25
25
|
setup(e) {
|
|
26
|
-
const a = e, l = a.id ||
|
|
26
|
+
const a = e, l = a.id || $(), r = a.value || l, o = C(e, "modelValue"), s = E("formElement"), { isValid: b } = S(
|
|
27
27
|
s,
|
|
28
28
|
a.validators,
|
|
29
29
|
a.showValidationError
|
|
30
|
-
), y =
|
|
30
|
+
), y = p(() => Array.isArray(o.value) ? o.value.includes(r) : o.value);
|
|
31
31
|
function x(t) {
|
|
32
32
|
const n = t.target.checked;
|
|
33
33
|
if (Array.isArray(o.value))
|
|
@@ -41,9 +41,9 @@ import '../assets/checkbox.css';const D = ["checked", "id"], F = {
|
|
|
41
41
|
o.value = n;
|
|
42
42
|
}
|
|
43
43
|
return (t, V) => (c(), u("div", {
|
|
44
|
-
class:
|
|
44
|
+
class: A(["dai-checkbox-control", t.$attrs.class])
|
|
45
45
|
}, [
|
|
46
|
-
|
|
46
|
+
B("input", z({
|
|
47
47
|
ref_key: "formElement",
|
|
48
48
|
ref: s
|
|
49
49
|
}, { ...t.$attrs, class: "" }, {
|
|
@@ -59,29 +59,29 @@ import '../assets/checkbox.css';const D = ["checked", "id"], F = {
|
|
|
59
59
|
}]
|
|
60
60
|
}), null, 16, D),
|
|
61
61
|
e.label || t.$slots.default ? (c(), u("div", F, [
|
|
62
|
-
|
|
62
|
+
N(T, {
|
|
63
63
|
for: i(l),
|
|
64
64
|
class: "dai-checkbox-control__label"
|
|
65
65
|
}, {
|
|
66
|
-
default:
|
|
67
|
-
|
|
68
|
-
k(
|
|
66
|
+
default: m(() => [
|
|
67
|
+
f(t.$slots, "default", {}, () => [
|
|
68
|
+
h(k(e.label), 1)
|
|
69
69
|
])
|
|
70
70
|
]),
|
|
71
71
|
_: 3
|
|
72
72
|
}, 8, ["for"])
|
|
73
|
-
])) :
|
|
74
|
-
e.hint || t.$slots.hint ? (c(),
|
|
73
|
+
])) : v("", !0),
|
|
74
|
+
e.hint || t.$slots.hint ? (c(), w(_, {
|
|
75
75
|
key: 1,
|
|
76
76
|
class: "dai-checkbox-control__hint"
|
|
77
77
|
}, {
|
|
78
|
-
default:
|
|
79
|
-
|
|
80
|
-
k(
|
|
78
|
+
default: m(() => [
|
|
79
|
+
f(t.$slots, "hint", {}, () => [
|
|
80
|
+
h(k(e.hint), 1)
|
|
81
81
|
])
|
|
82
82
|
]),
|
|
83
83
|
_: 3
|
|
84
|
-
})) :
|
|
84
|
+
})) : v("", !0)
|
|
85
85
|
], 2));
|
|
86
86
|
}
|
|
87
87
|
});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as v,
|
|
1
|
+
import { defineComponent as v, useModel as c, useId as b, useTemplateRef as V, watch as y, openBlock as B, createBlock as h, mergeProps as s, unref as e, withCtx as n, createVNode as g, createElementVNode as E, renderSlot as M, mergeModels as _ } from "vue";
|
|
2
2
|
import { useFormControl as w, Combobox as $ } from "vue-composable-ui";
|
|
3
|
-
import { _ as C } from "./formControl.vue_vue_type_style_index_0_lang.
|
|
3
|
+
import { _ as C } from "./formControl.vue_vue_type_style_index_0_lang.DRmpDdyQ.js";
|
|
4
4
|
import '../assets/combobox.css';const F = ["value"], N = /* @__PURE__ */ v({
|
|
5
5
|
inheritAttrs: !1,
|
|
6
6
|
__name: "combobox",
|
|
7
|
-
props: /* @__PURE__ */
|
|
7
|
+
props: /* @__PURE__ */ _({
|
|
8
8
|
id: {},
|
|
9
9
|
validators: { default: () => [] },
|
|
10
10
|
showValidationError: { type: Boolean, default: !1 },
|
|
@@ -28,31 +28,31 @@ import '../assets/combobox.css';const F = ["value"], N = /* @__PURE__ */ v({
|
|
|
28
28
|
}),
|
|
29
29
|
emits: ["update:modelValue"],
|
|
30
30
|
setup(t) {
|
|
31
|
-
const o = t, a =
|
|
31
|
+
const o = t, a = c(t, "modelValue"), i = o.id || b(), d = V("formElement"), { isValid: m, validationMessage: u, validate: p } = w(
|
|
32
32
|
d,
|
|
33
33
|
o.validators,
|
|
34
34
|
o.showValidationError
|
|
35
35
|
);
|
|
36
|
-
return
|
|
36
|
+
return y(a, () => p(), { flush: "post" }), (l, r) => (B(), h(C, s(o, {
|
|
37
37
|
labelFor: e(i),
|
|
38
38
|
validationMessage: t.showValidationError ? "" : e(u),
|
|
39
39
|
invalid: !e(m),
|
|
40
40
|
class: l.$attrs.class
|
|
41
41
|
}), {
|
|
42
42
|
default: n(() => [
|
|
43
|
-
|
|
43
|
+
g(e($), s({ ...l.$attrs, class: void 0, required: void 0 }, {
|
|
44
44
|
id: e(i),
|
|
45
45
|
modelValue: a.value,
|
|
46
46
|
"onUpdate:modelValue": r[0] || (r[0] = (f) => a.value = f)
|
|
47
47
|
}), {
|
|
48
48
|
default: n(() => [
|
|
49
|
-
|
|
49
|
+
E("input", s({
|
|
50
50
|
ref_key: "formElement",
|
|
51
51
|
ref: d,
|
|
52
52
|
type: "text",
|
|
53
53
|
value: a.value
|
|
54
54
|
}, { required: l.$attrs.required }, { class: "dai-combobox__stab-input" }), null, 16, F),
|
|
55
|
-
|
|
55
|
+
M(l.$slots, "default")
|
|
56
56
|
]),
|
|
57
57
|
_: 3
|
|
58
58
|
}, 16, ["id", "modelValue"])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as u, inject as d,
|
|
1
|
+
import { defineComponent as u, inject as d, openBlock as n, createElementBlock as l, mergeProps as m, unref as t, renderSlot as b, toDisplayString as r, Fragment as f, createTextVNode as _, createElementVNode as a } from "vue";
|
|
2
2
|
import { injectCombobox as v } from "vue-composable-ui";
|
|
3
3
|
import '../assets/comboboxButton.css';const x = {
|
|
4
4
|
key: 0,
|
|
@@ -15,23 +15,23 @@ import '../assets/comboboxButton.css';const x = {
|
|
|
15
15
|
function c() {
|
|
16
16
|
o.isOpen.value ? o.close({ focus: !0 }) : o.open({ focus: !1 });
|
|
17
17
|
}
|
|
18
|
-
return (i, e) => (
|
|
18
|
+
return (i, e) => (n(), l("button", m(t(o).activatorAttrs.value, {
|
|
19
19
|
onKeydown: e[0] || (e[0] = (p) => t(o).activatorOnKeyDown(p)),
|
|
20
20
|
onClick: c,
|
|
21
21
|
type: "button",
|
|
22
22
|
class: "dai-form-control__input-group__control dai-combobox-btn"
|
|
23
23
|
}), [
|
|
24
24
|
b(i.$slots, "default", {}, () => [
|
|
25
|
-
t(o).displayValue.value ? (
|
|
26
|
-
_(
|
|
27
|
-
], 64)) : (
|
|
28
|
-
e[1] || (e[1] =
|
|
25
|
+
t(o).displayValue.value ? (n(), l(f, { key: 1 }, [
|
|
26
|
+
_(r(t(o).displayValue), 1)
|
|
27
|
+
], 64)) : (n(), l("span", x, r(s.placeholder || "Select..."), 1)),
|
|
28
|
+
e[1] || (e[1] = a("svg", {
|
|
29
29
|
class: "dai-combobox-btn__chevron",
|
|
30
30
|
role: "presentation",
|
|
31
31
|
xmlns: "http://www.w3.org/2000/svg",
|
|
32
32
|
viewBox: "0 0 16 16"
|
|
33
33
|
}, [
|
|
34
|
-
|
|
34
|
+
a("path", {
|
|
35
35
|
fill: "currentColor",
|
|
36
36
|
"fill-rule": "evenodd",
|
|
37
37
|
d: "M5.22 10.22a.75.75 0 0 1 1.06 0L8 11.94l1.72-1.72a.75.75 0 1 1 1.06 1.06l-2.25 2.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 0 1 0-1.06m5.56-4.44a.75.75 0 0 1-1.06 0L8 4.06L6.28 5.78a.75.75 0 0 1-1.06-1.06l2.25-2.25a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1 0 1.06",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as t,
|
|
1
|
+
import { defineComponent as t, openBlock as r, createBlock as e, unref as n, withCtx as _, renderSlot as p } from "vue";
|
|
2
2
|
import { ComboboxInput as c } from "vue-composable-ui";
|
|
3
3
|
const s = /* @__PURE__ */ t({
|
|
4
4
|
__name: "comboboxInput",
|
|
5
5
|
setup(m) {
|
|
6
|
-
return (o, u) => (
|
|
6
|
+
return (o, u) => (r(), e(n(c), { class: "dai-form-control__input-group__control" }, {
|
|
7
7
|
default: _(() => [
|
|
8
8
|
p(o.$slots, "default")
|
|
9
9
|
]),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as a,
|
|
1
|
+
import { defineComponent as a, openBlock as t, createBlock as c, unref as m, withCtx as i, renderSlot as p, createElementBlock as s, createElementVNode as u, createCommentVNode as d } from "vue";
|
|
2
2
|
import { ComboboxOption as f } from "vue-composable-ui";
|
|
3
3
|
import '../assets/comboboxOption.css';const v = {
|
|
4
4
|
key: 0,
|
|
@@ -21,13 +21,13 @@ import '../assets/comboboxOption.css';const v = {
|
|
|
21
21
|
isSelected: e
|
|
22
22
|
}),
|
|
23
23
|
e ? (t(), s("svg", v, [...o[0] || (o[0] = [
|
|
24
|
-
|
|
24
|
+
u("path", {
|
|
25
25
|
fill: "currentColor",
|
|
26
26
|
"fill-rule": "evenodd",
|
|
27
27
|
d: "M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353l4.493-6.74a.75.75 0 0 1 1.04-.207",
|
|
28
28
|
"clip-rule": "evenodd"
|
|
29
29
|
}, null, -1)
|
|
30
|
-
])])) :
|
|
30
|
+
])])) : d("", !0)
|
|
31
31
|
]),
|
|
32
32
|
_: 3
|
|
33
33
|
}, 8, ["value"]));
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as t,
|
|
1
|
+
import { defineComponent as t, openBlock as n, createBlock as a, Transition as s, withCtx as o, createVNode as r, unref as i, renderSlot as c } from "vue";
|
|
2
2
|
import { ComboboxOptions as m } from "vue-composable-ui";
|
|
3
3
|
import '../assets/comboboxOptions.css';const d = /* @__PURE__ */ t({
|
|
4
4
|
__name: "comboboxOptions",
|
|
5
5
|
setup(p) {
|
|
6
|
-
return (e, l) => (
|
|
6
|
+
return (e, l) => (n(), a(s, {
|
|
7
7
|
"enter-from-class": "dai-combobox-options--anim",
|
|
8
8
|
"leave-to-class": "dai-combobox-options--anim"
|
|
9
9
|
}, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as v, computed as r,
|
|
2
|
-
import { _ as k } from "./label.vue_vue_type_style_index_0_lang.
|
|
3
|
-
import { _ as w } from "./hint.vue_vue_type_style_index_0_lang.
|
|
4
|
-
import { _ as C } from "./inputGroup.vue_vue_type_style_index_0_lang.
|
|
1
|
+
import { defineComponent as v, computed as r, openBlock as t, createElementBlock as s, normalizeClass as g, createBlock as d, createCommentVNode as o, createElementVNode as l, createVNode as m, normalizeProps as b, guardReactiveProps as y, withCtx as c, renderSlot as B, Transition as h, createTextVNode as x, toDisplayString as z } from "vue";
|
|
2
|
+
import { _ as k } from "./label.vue_vue_type_style_index_0_lang.D0NwD6yx.js";
|
|
3
|
+
import { _ as w } from "./hint.vue_vue_type_style_index_0_lang.DYrKdv83.js";
|
|
4
|
+
import { _ as C } from "./inputGroup.vue_vue_type_style_index_0_lang.CdANUKLU.js";
|
|
5
5
|
import '../assets/formControl.css';const P = { class: "dai-form-control__container" }, M = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "dai-form-control__validation-message",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as o,
|
|
1
|
+
import { defineComponent as o, openBlock as n, createElementBlock as r, renderSlot as s, createTextVNode as a, toDisplayString as c } from "vue";
|
|
2
2
|
import '../assets/hint.css';const i = { class: "dai-hint" }, _ = /* @__PURE__ */ o({
|
|
3
3
|
__name: "hint",
|
|
4
4
|
props: {
|
|
5
5
|
text: {}
|
|
6
6
|
},
|
|
7
7
|
setup(e) {
|
|
8
|
-
return (t, l) => (
|
|
8
|
+
return (t, l) => (n(), r("div", i, [
|
|
9
9
|
s(t.$slots, "default", {}, () => [
|
|
10
10
|
a(c(e.text), 1)
|
|
11
11
|
])
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as z,
|
|
1
|
+
import { defineComponent as z, useId as A, computed as i, useModel as w, useTemplateRef as F, ref as S, watch as L, onMounted as N, openBlock as u, createBlock as m, mergeProps as y, unref as a, withCtx as f, renderSlot as g, createElementVNode as r, createElementBlock as B, createCommentVNode as h, mergeModels as K } from "vue";
|
|
2
2
|
import { useFormControl as R } from "vue-composable-ui";
|
|
3
|
-
import { _ as T } from "./formControl.vue_vue_type_style_index_0_lang.
|
|
3
|
+
import { _ as T } from "./formControl.vue_vue_type_style_index_0_lang.DRmpDdyQ.js";
|
|
4
4
|
import M from "../btn2.js";
|
|
5
5
|
import '../assets/input.css';const q = ["id", "type", "pattern", "title", "autocomplete", "value"], D = {
|
|
6
6
|
key: 0,
|
|
@@ -17,7 +17,7 @@ import '../assets/input.css';const q = ["id", "type", "pattern", "title", "autoc
|
|
|
17
17
|
}, W = /* @__PURE__ */ z({
|
|
18
18
|
inheritAttrs: !1,
|
|
19
19
|
__name: "input",
|
|
20
|
-
props: /* @__PURE__ */
|
|
20
|
+
props: /* @__PURE__ */ K({
|
|
21
21
|
id: {},
|
|
22
22
|
type: { default: "text" },
|
|
23
23
|
mask: {},
|
|
@@ -49,16 +49,16 @@ import '../assets/input.css';const q = ["id", "type", "pattern", "title", "autoc
|
|
|
49
49
|
}),
|
|
50
50
|
emits: ["update:modelValue", "update:files"],
|
|
51
51
|
setup(s) {
|
|
52
|
-
const e = s, v = e.id ||
|
|
52
|
+
const e = s, v = e.id || A(), C = i(() => typeof e.autocomplete == "string" ? e.autocomplete : e.autocomplete ? "on" : "off"), l = w(s, "modelValue"), b = w(s, "files", {
|
|
53
53
|
set(t) {
|
|
54
54
|
return n.value && (n.value.files = t), t;
|
|
55
55
|
}
|
|
56
|
-
}), n =
|
|
56
|
+
}), n = F("formElement"), { isValid: c, validationMessage: V, validate: E } = R(
|
|
57
57
|
n,
|
|
58
58
|
e.validators,
|
|
59
59
|
e.showValidationError
|
|
60
|
-
), d =
|
|
61
|
-
|
|
60
|
+
), d = S(!1);
|
|
61
|
+
L(l, () => {
|
|
62
62
|
b.value = n.value?.files || null;
|
|
63
63
|
});
|
|
64
64
|
let p;
|
|
@@ -77,7 +77,7 @@ import '../assets/input.css';const q = ["id", "type", "pattern", "title", "autoc
|
|
|
77
77
|
const { value: o } = t.target;
|
|
78
78
|
l.value = o;
|
|
79
79
|
}
|
|
80
|
-
return
|
|
80
|
+
return N(() => {
|
|
81
81
|
k.value && import("imask").then((t) => {
|
|
82
82
|
p = t.default(
|
|
83
83
|
n.value,
|
|
@@ -114,14 +114,14 @@ import '../assets/input.css';const q = ["id", "type", "pattern", "title", "autoc
|
|
|
114
114
|
onClick: $
|
|
115
115
|
}, {
|
|
116
116
|
default: f(() => [
|
|
117
|
-
d.value ? (u(),
|
|
117
|
+
d.value ? (u(), B("svg", G, [...o[2] || (o[2] = [
|
|
118
118
|
r("path", {
|
|
119
119
|
"stroke-linecap": "round",
|
|
120
120
|
"stroke-linejoin": "round",
|
|
121
121
|
"stroke-width": "2",
|
|
122
122
|
d: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
|
|
123
123
|
}, null, -1)
|
|
124
|
-
])])) : (u(),
|
|
124
|
+
])])) : (u(), B("svg", D, [...o[1] || (o[1] = [
|
|
125
125
|
r("path", {
|
|
126
126
|
"stroke-linecap": "round",
|
|
127
127
|
"stroke-linejoin": "round",
|
|
@@ -137,7 +137,7 @@ import '../assets/input.css';const q = ["id", "type", "pattern", "title", "autoc
|
|
|
137
137
|
])]))
|
|
138
138
|
]),
|
|
139
139
|
_: 1
|
|
140
|
-
})) :
|
|
140
|
+
})) : h("", !0),
|
|
141
141
|
s.clearable && l.value && !e.disabled ? (u(), m(M, {
|
|
142
142
|
key: 1,
|
|
143
143
|
onClick: j
|
|
@@ -158,7 +158,7 @@ import '../assets/input.css';const q = ["id", "type", "pattern", "title", "autoc
|
|
|
158
158
|
], -1)
|
|
159
159
|
])]),
|
|
160
160
|
_: 1
|
|
161
|
-
})) :
|
|
161
|
+
})) : h("", !0)
|
|
162
162
|
]),
|
|
163
163
|
_: 3
|
|
164
164
|
}, 16, ["label-for", "validation-message", "invalid", "class"]));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as l,
|
|
2
|
-
import { _ as m } from "./label.vue_vue_type_style_index_0_lang.
|
|
1
|
+
import { defineComponent as l, openBlock as e, createElementBlock as a, normalizeClass as n, createBlock as r, createCommentVNode as i, createElementVNode as d, renderSlot as u } from "vue";
|
|
2
|
+
import { _ as m } from "./label.vue_vue_type_style_index_0_lang.D0NwD6yx.js";
|
|
3
3
|
import '../assets/inputGroup.css';const c = { class: "dai-form-control__input-group__box" }, p = /* @__PURE__ */ l({
|
|
4
4
|
inheritAttrs: !1,
|
|
5
5
|
__name: "inputGroup",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as o,
|
|
1
|
+
import { defineComponent as o, openBlock as l, createElementBlock as a, renderSlot as n, createTextVNode as r, toDisplayString as s } from "vue";
|
|
2
2
|
import '../assets/label.css';const c = { class: "dai-label" }, i = /* @__PURE__ */ o({
|
|
3
3
|
__name: "label",
|
|
4
4
|
props: {
|
|
5
5
|
text: {}
|
|
6
6
|
},
|
|
7
7
|
setup(e) {
|
|
8
|
-
return (t, p) => (
|
|
8
|
+
return (t, p) => (l(), a("label", c, [
|
|
9
9
|
n(t.$slots, "default", {}, () => [
|
|
10
10
|
r(s(e.text), 1)
|
|
11
11
|
])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as c,
|
|
1
|
+
import { defineComponent as c, openBlock as t, createBlock as s, unref as a, withCtx as l, createElementBlock as m, createElementVNode as i, normalizeClass as d, createCommentVNode as u, renderSlot as f } from "vue";
|
|
2
2
|
import { MenuItem as _ } from "vue-composable-ui";
|
|
3
3
|
import '../assets/menuItem.css';const p = {
|
|
4
4
|
key: 0,
|
|
@@ -12,11 +12,11 @@ import '../assets/menuItem.css';const p = {
|
|
|
12
12
|
return (n, h) => (t(), s(a(_), { class: "dai-menu-item" }, {
|
|
13
13
|
default: l(({ isActive: o, isSelected: r }) => [
|
|
14
14
|
e.icon ? (t(), m("div", p, [
|
|
15
|
-
|
|
16
|
-
class:
|
|
15
|
+
i("div", {
|
|
16
|
+
class: d(["h-5 w-5", e.icon])
|
|
17
17
|
}, null, 2)
|
|
18
|
-
])) :
|
|
19
|
-
|
|
18
|
+
])) : u("", !0),
|
|
19
|
+
f(n.$slots, "default", {
|
|
20
20
|
isActive: o,
|
|
21
21
|
isSelected: r
|
|
22
22
|
})
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as n,
|
|
1
|
+
import { defineComponent as n, openBlock as a, createBlock as m, Transition as s, withCtx as e, createVNode as o, unref as r, renderSlot as i } from "vue";
|
|
2
2
|
import { MenuItems as u } from "vue-composable-ui";
|
|
3
3
|
import '../assets/menuItems.css';const f = /* @__PURE__ */ n({
|
|
4
4
|
__name: "menuItems",
|
|
5
5
|
setup(c) {
|
|
6
|
-
return (t, l) => (
|
|
6
|
+
return (t, l) => (a(), m(s, {
|
|
7
7
|
"enter-from-class": "dai-menu-items--anim",
|
|
8
8
|
"leave-to-class": "dai-menu-items--anim"
|
|
9
9
|
}, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as i, useModel as r, watch as n,
|
|
1
|
+
import { defineComponent as i, useModel as r, watch as n, openBlock as d, createBlock as m, Teleport as c, createVNode as _, Transition as u, withCtx as f, createElementBlock as p, createElementVNode as e, withModifiers as v, renderSlot as y, createCommentVNode as h } from "vue";
|
|
2
2
|
import '../assets/modal.css';const k = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "dai-modal"
|
|
@@ -32,15 +32,15 @@ import '../assets/modal.css';const k = {
|
|
|
32
32
|
}, null, -1)),
|
|
33
33
|
e("div", V, [
|
|
34
34
|
e("div", {
|
|
35
|
-
onClick:
|
|
35
|
+
onClick: v(l, ["self"]),
|
|
36
36
|
class: "dai-modal__overlay__container"
|
|
37
37
|
}, [
|
|
38
38
|
e("div", w, [
|
|
39
|
-
|
|
39
|
+
y(a.$slots, "default", { close: l })
|
|
40
40
|
])
|
|
41
41
|
])
|
|
42
42
|
])
|
|
43
|
-
])) :
|
|
43
|
+
])) : h("", !0)
|
|
44
44
|
]),
|
|
45
45
|
_: 3
|
|
46
46
|
})
|