@defaultusr/dai-ui 1.2.7 → 1.2.8
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 -0
- package/dist/assets/btn2.css +1 -0
- package/dist/assets/checkbox.css +1 -0
- package/dist/assets/combobox.css +1 -0
- package/dist/assets/comboboxButton.css +1 -0
- package/dist/assets/comboboxOption.css +1 -0
- package/dist/assets/comboboxOptions.css +1 -0
- package/dist/assets/formControl.css +1 -0
- package/dist/assets/formControl2.css +1 -0
- package/dist/assets/hint.css +1 -0
- package/dist/assets/input.css +1 -0
- package/dist/assets/inputGroup.css +1 -0
- package/dist/assets/label.css +1 -0
- package/dist/assets/menuItem.css +1 -0
- package/dist/assets/menuItems.css +1 -0
- package/dist/assets/modal.css +1 -0
- package/dist/assets/notification.css +1 -0
- package/dist/assets/notificationQueue.css +1 -0
- package/dist/assets/offcanvas.css +1 -0
- package/dist/assets/popoverDialog.css +1 -0
- package/dist/assets/progressbar.css +1 -0
- package/dist/assets/radio.css +1 -0
- package/dist/assets/select.css +1 -0
- package/dist/assets/styles.css +1 -0
- package/dist/assets/switch.css +1 -0
- package/dist/assets/tab.css +1 -0
- package/dist/assets/tabList.css +1 -0
- package/dist/assets/textarea.css +1 -0
- package/dist/assets/theme.css +0 -0
- package/dist/btn.js +4 -0
- package/dist/btn2.js +21 -0
- package/dist/checkbox.js +4 -0
- package/dist/chunks/btn.vue_vue_type_style_index_0_lang.5BQwBY73.js +86 -0
- package/dist/chunks/checkbox.vue_vue_type_style_index_0_lang.B_oNe5jU.js +90 -0
- package/dist/chunks/combobox.vue_vue_type_style_index_0_lang.BlQL2V7j.js +66 -0
- package/dist/chunks/comboboxButton.vue_vue_type_style_index_0_lang.B2_SbS8t.js +47 -0
- package/dist/chunks/comboboxInput.vue_vue_type_script_setup_true_lang.r8_P3SHy.js +16 -0
- package/dist/chunks/comboboxOption.vue_vue_type_style_index_0_lang.BY-JfDPY.js +38 -0
- package/dist/chunks/comboboxOptions.vue_vue_type_style_index_0_lang.OHgMyOoq.js +24 -0
- package/dist/chunks/formControl.vue_vue_type_style_index_0_lang.BDPmQzJj.js +82 -0
- package/dist/chunks/hint.vue_vue_type_style_index_0_lang.SPjr3dc1.js +17 -0
- package/dist/chunks/input.vue_vue_type_style_index_0_lang.D3fu8I8W.js +169 -0
- package/dist/chunks/inputGroup.vue_vue_type_style_index_0_lang.DSVR29CT.js +42 -0
- package/dist/chunks/label.vue_vue_type_style_index_0_lang.CwYm9LGb.js +17 -0
- package/dist/chunks/menuItem.vue_vue_type_style_index_0_lang._R8jj8CJ.js +30 -0
- package/dist/chunks/menuItems.vue_vue_type_style_index_0_lang.7SUAn0w9.js +24 -0
- package/dist/chunks/modal.vue_vue_type_style_index_0_lang.D0DMfpMl.js +52 -0
- package/dist/chunks/notification.vue_vue_type_style_index_0_lang.RHzcHM7o.js +102 -0
- package/dist/chunks/notificationQueue.vue_vue_type_style_index_0_lang.CewiEx4A.js +72 -0
- package/dist/chunks/offcanvas.vue_vue_type_style_index_0_lang.klTcX-xU.js +65 -0
- package/dist/chunks/popoverDialog.vue_vue_type_style_index_0_lang.C9Gy_hn0.js +24 -0
- package/dist/chunks/progressbar.vue_vue_type_style_index_0_lang.orj5zxpX.js +43 -0
- package/dist/chunks/radio.vue_vue_type_style_index_0_lang.Cb2ovoqT.js +62 -0
- package/dist/chunks/select.vue_vue_type_style_index_0_lang.B6lvc8dR.js +82 -0
- package/dist/chunks/selectbox.vue_vue_type_script_setup_true_lang.CGBGE61U.js +66 -0
- package/dist/chunks/switch.vue_vue_type_style_index_0_lang.B5M6C42g.js +58 -0
- package/dist/chunks/tab.vue_vue_type_style_index_0_lang.O7L_ECaN.js +26 -0
- package/dist/chunks/tabList.vue_vue_type_style_index_0_lang.iu2mVb2k.js +39 -0
- package/dist/chunks/textarea.vue_vue_type_style_index_0_lang.hsJmfBbY.js +56 -0
- package/dist/classList.js +23 -0
- package/dist/combobox.js +4 -0
- package/dist/comboboxButton.js +4 -0
- package/dist/comboboxInput.js +4 -0
- package/dist/comboboxOption.js +4 -0
- package/dist/comboboxOptions.js +4 -0
- package/dist/formControl.js +4 -0
- package/dist/formControl2.js +80 -0
- package/dist/hint.js +4 -0
- package/dist/index.js +30 -0
- package/dist/index2.js +6 -0
- package/dist/index3.js +12 -0
- package/dist/input.js +4 -0
- package/dist/inputGroup.js +4 -0
- package/dist/label.js +4 -0
- package/dist/main.js +57 -1394
- package/dist/menuItem.js +4 -0
- package/dist/menuItems.js +4 -0
- package/dist/modal.js +4 -0
- package/dist/notification.js +4 -0
- package/dist/notificationQueue.js +4 -0
- package/dist/offcanvas.js +4 -0
- package/dist/popoverDialog.js +4 -0
- package/dist/progressbar.js +4 -0
- package/dist/radio.js +4 -0
- package/dist/select.js +4 -0
- package/dist/selectbox.js +4 -0
- package/dist/switch.js +4 -0
- package/dist/tab.js +4 -0
- package/dist/tabList.js +4 -0
- package/dist/textarea.js +4 -0
- package/package.json +1 -1
- package/dist/assets/main.css +0 -1
|
@@ -0,0 +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 (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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-form-control__input-group__addon--btn{background-color:transparent;color:#90a1b9}.dai-form-control__input-group__addon--btn:focus{outline:none}.dai-form-control__input-group__addon--btn:hover,.dark .dai-form-control__input-group__addon--btn{color:#62748e}.dark .dai-form-control__input-group__addon--btn:hover{color:#90a1b9}.dai-form-control__input-group__addon--btn svg{width:1.25rem;height:1.25rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-checkbox-control{display:grid;grid-template-columns:min-content;align-items:center;column-gap:.75rem;row-gap:.25rem}.dai-checkbox-control .dai-checkbox{appearance:none;width:1.125rem;height:1.125rem;border-radius:.25rem;border:1px solid oklch(86.9% .022 252.894);background-color:#fff;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dai-checkbox-control .dai-checkbox:hover{background-color:#f8fafc}.dai-checkbox-control .dai-checkbox:checked{border-color:transparent!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.dai-checkbox-control .dai-checkbox:focus-visible{outline:2px solid oklch(58.5% .233 277.117);outline-offset:2px}.dai-checkbox-control .dai-checkbox--invalid{border-color:#fb2c36}.dai-checkbox-control .dai-checkbox--invalid:focus-visible{outline-color:#fb2c36}.dai-checkbox-control .dai-checkbox--primary:checked{background-color:#6260ff!important;background-color:oklch(58.5% .233 277.117)!important}.dai-checkbox-control .dai-checkbox--primary:checked:hover{background-color:#4f39f6!important}.dai-checkbox-control .dai-checkbox--primary:focus-visible{outline-color:#6260ff;outline-color:oklch(58.5% .233 277.117)}.dai-checkbox-control .dai-checkbox--success:checked{background-color:#00c65a!important;background-color:oklch(72.3% .219 149.579)!important}.dai-checkbox-control .dai-checkbox--success:checked:hover{background-color:#00a447!important;background-color:oklch(62.7% .194 149.214)!important}.dai-checkbox-control .dai-checkbox--success:focus-visible{outline-color:#00c65a;outline-color:oklch(72.3% .219 149.579)}.dai-checkbox-control .dai-checkbox--info:checked{background-color:#00a5ea!important;background-color:oklch(68.5% .169 237.323)!important}.dai-checkbox-control .dai-checkbox--info:checked:hover{background-color:#0084c7!important;background-color:oklch(58.8% .158 241.966)!important}.dai-checkbox-control .dai-checkbox--info:focus-visible{outline-color:#00a5ea;outline-color:oklch(68.5% .169 237.323)}.dai-checkbox-control .dai-checkbox--warning:checked{background-color:#f69e00!important;background-color:oklch(76.9% .188 70.08)!important}.dai-checkbox-control .dai-checkbox--warning:checked:hover{background-color:#da7700!important;background-color:oklch(66.6% .179 58.318)!important}.dai-checkbox-control .dai-checkbox--warning:focus-visible{outline-color:#f69e00;outline-color:oklch(76.9% .188 70.08)}.dai-checkbox-control .dai-checkbox--danger:checked{background-color:#fb2c36!important}.dai-checkbox-control .dai-checkbox--danger:checked:hover{background-color:#e40014!important;background-color:oklch(57.7% .245 27.325)!important}.dai-checkbox-control .dai-checkbox--danger:focus-visible{outline-color:#fb2c36}.dai-checkbox-control .dai-checkbox--secondary:checked{background-color:#62748e!important}.dai-checkbox-control .dai-checkbox--secondary:checked:hover{background-color:#45556c!important}.dai-checkbox-control .dai-checkbox--secondary:focus-visible{outline-color:#62748e}.dark .dai-checkbox-control .dai-checkbox{background-color:#314158;border-color:#45556c}.dark .dai-checkbox-control .dai-checkbox:hover{background-color:#45556c}.dai-checkbox-control .dai-checkbox--md{width:1.5rem;height:1.5rem}.dai-checkbox-control .dai-checkbox--lg{width:2rem;height:2rem;border-radius:.375rem}.dai-checkbox-control__label-container{grid-column-start:2;grid-row-start:1}.dai-checkbox-control__label{display:inline}.dai-checkbox-control__hint{grid-column-start:2;grid-row-start:2}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-combobox__stab-input{position:absolute;height:1px;width:1px;bottom:0;left:50%;opacity:0;padding:0;margin:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-combobox-btn{display:flex;gap:.25rem;align-items:center}.dai-combobox-btn__chevron{width:1.25rem;height:1.25rem;margin-left:auto;flex-shrink:0;color:#90a1b9}.dark .dai-combobox-btn__chevron{color:#62748e}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-combobox-option{display:flex;align-items:center;gap:1rem;min-width:min-content;padding-inline:.75rem;padding-block:.5rem;border-radius:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-combobox-option[data-active=true]:not([aria-selected=true]){background-color:#f1f5f9}.dark .dai-combobox-option[data-active=true]:not([aria-selected=true]){background-color:#45556c}.dai-combobox-option[aria-selected=true]{background-color:#eef2ff;color:#6260ff;color:oklch(58.5% .233 277.117)}.dark .dai-combobox-option[aria-selected=true]{background-color:#62748e;color:#fff}.dai-combobox-option[aria-disabled=true]{pointer-events:none;color:#62748e}.dark .dai-combobox-option[aria-disabled=true]{color:#90a1b9}.dai-combobox-option__check{flex-shrink:0;margin-left:auto;width:1.25rem;height:1.25rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-combobox-options{z-index:50;margin-block:.5rem;padding:.25rem;overflow:hidden;min-width:min-content;background:#fff;border-radius:.375rem;--dai-shadow-color: rgb(0 0 0 / .1);--dai-ring-color: rgb(0 0 0 / .1);--dai-ring-shadow: 0 0 0 1px var(--dai-ring-color);--dai-shadow: 0 20px 25px -5px var(--dai-shadow-color), 0 8px 10px -6px var(--dai-shadow-color);box-shadow:var(--dai-ring-shadow),var(--dai-shadow);transition-property:scale,opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-combobox-options:focus{outline:none}.dark .dai-combobox-options{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-combobox-options>:not(:last-child){margin-block-end:.25rem}.dai-combobox-options--anim{opacity:0%;scale:95%}
|
|
@@ -0,0 +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 (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}
|
|
@@ -0,0 +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 (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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-hint{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:.875rem;line-height:1.25rem;color:#62748e}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-form-control__input::-webkit-datetime-edit{line-height:1;padding:0;margin-bottom:-2px}.dai-form-control__input[type=color]{min-height:2.25rem;padding:.25rem .5rem}
|
|
@@ -0,0 +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 (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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#314158;cursor:pointer;-webkit-user-select:none;user-select:none}.dark .dai-label{color:#90a1b9}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-menu-item{display:flex;align-items:center;gap:1rem;padding-inline:.75rem;padding-block:.5rem;border-radius:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-menu-item[data-active=true]:not([aria-checked=true]){background-color:#f1f5f9}.dark .dai-menu-item[data-active=true]:not([aria-checked=true]){background-color:#45556c}.dai-menu-item[aria-checked=true]{background-color:#eef2ff;color:#6260ff;color:oklch(58.5% .233 277.117)}.dark .dai-menu-item[aria-checked=true]{background-color:#62748e;color:#fff}.dai-menu-item[aria-disabled=true]{pointer-events:none;color:#62748e}.dark .dai-menu-item[aria-disabled=true]{color:#90a1b9}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-menu-items{z-index:50;padding:.25rem;margin-block:.5rem;overflow:hidden;background:#fff;border-radius:.375rem;--dai-shadow-color: rgb(0 0 0 / .1);--dai-ring-color: rgb(0 0 0 / .1);--dai-ring-shadow: 0 0 0 1px var(--dai-ring-color);--dai-shadow: 0 20px 25px -5px var(--dai-shadow-color), 0 8px 10px -6px var(--dai-shadow-color);box-shadow:var(--dai-ring-shadow),var(--dai-shadow);transition-property:scale,opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dai-menu-items:focus{outline:none}.dark .dai-menu-items{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-menu-items>:not(:last-child){margin-block-end:.25rem}.dai-menu-items--anim{opacity:0%;scale:95%}
|
|
@@ -0,0 +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 (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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-notification{display:flex;align-items:flex-start;padding:1rem .75rem;border-radius:.375rem;box-shadow:0 0 0 1px #0000001a,0 25px 50px -12px #00000040;font-size:.875rem;line-height:1.25rem;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;opacity:.95}.dai-notification:hover{opacity:1}.dai-notification--primary{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.dai-notification--success{background-color:#00c65a;background-color:oklch(72.3% .219 149.579)}.dai-notification--info{background-color:#00a5ea;background-color:oklch(68.5% .169 237.323)}.dai-notification--warning{background-color:#f69e00;background-color:oklch(76.9% .188 70.08)}.dai-notification--danger{background-color:#fb2c36}.dai-notification--secondary{background-color:#62748e}.dai-notification__icon{margin-inline:auto;flex-shrink:0;padding-right:1rem}.dai-notification__icon--primary{color:#7d87ff;color:oklch(67.3% .182 276.935)}.dai-notification__icon--success{color:#05df72}.dai-notification__icon--info{color:#00bbfd;color:oklch(74.6% .16 232.661)}.dai-notification__icon--warning{color:#fabc00;color:oklch(82.8% .189 84.429)}.dai-notification__icon--danger{color:#ff6568;color:oklch(70.4% .191 22.216)}.dai-notification__icon--secondary{color:#90a1b9}.dai-notification__icon svg{width:1.5rem;height:1.5rem}.dai-notification__content{flex-grow:1;padding-top:.125rem}.dai-notification__content__message{color:#ffffffe6}.dai-notification__content__message--bold{font-weight:500}.dai-notification__content__detail{color:#fffc;margin-top:.25rem}.dai-notification__dismiss{flex-shrink:0;margin-left:1rem;color:#fffc;cursor:pointer}.dai-notification__dismiss:hover{color:#fff}.dai-notification__dismiss svg{width:1.25rem;height:1.25rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-notification-queue{z-index:100;width:24rem;max-width:100%;display:flex;gap:.5rem}.dai-notification-queue--fixed{position:fixed}.dai-notification-queue--absolute{position:absolute}.dai-notification-queue--x-left{left:1rem}.dai-notification-queue--x-center{left:50%;transform:translate(-50%)}.dai-notification-queue--x-right{right:1rem}.dai-notification-queue--y-top{top:1rem;flex-direction:column-reverse}.dai-notification-queue--y-bottom{bottom:1rem;flex-direction:column}.dai-notification-queue__item{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dai-notification-queue__item--anim{opacity:0}.dai-notification-queue__item--anim-x-left{transform:translate(-20rem)}.dai-notification-queue__item--anim-x-right{transform:translate(20rem)}.dai-notification-queue__item--anim-y-top{transform:translateY(-5rem)}.dai-notification-queue__item--anim-y-bottom{transform:translateY(5rem)}.dai-notification-queue__item--anim-in{transition-timing-function:ease-out}.dai-notification-queue__item--anim-out{transition-timing-function:ease-in}
|
|
@@ -0,0 +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 (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}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-popover-dialog{z-index:50;border-radius:.375rem;overflow:hidden;background-color:#fff;outline:none!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 -4px 30px -10px #1c1b7e26;transition-property:opacity,scale;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.1s}.dark .dai-popover-dialog{background-color:#314158;--dai-ring-color: --utils.color("dark.600")}.dai-popover-dialog--anim{opacity:0%;scale:95%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.progress-infinite{animation-name:progress-infinite;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes progress-infinite{0%{width:0}50%{width:100%;left:0}to{width:0;left:100%}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.radio{-webkit-appearance:none;appearance:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 4.5);width:calc(var(--spacing) * 4.5);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));border-width:1px;border-color:color-mix(in srgb,var(--colors-secondary-300) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio{border-color:color-mix(in oklab,var(--colors-secondary-300) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}.dark .radio{border-color:color-mix(in srgb,var(--colors-dark-600) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-dark-700) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.dark .radio{border-color:color-mix(in oklab,var(--colors-dark-600) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-dark-700) var(--un-bg-opacity),transparent)}}.radio:hover{background-color:color-mix(in srgb,var(--colors-secondary-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio:hover{background-color:color-mix(in oklab,var(--colors-secondary-50) var(--un-bg-opacity),transparent)}}.dark .radio:hover{background-color:color-mix(in srgb,var(--colors-dark-600) var(--un-bg-opacity),transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.dark .radio:hover{background-color:color-mix(in oklab,var(--colors-dark-600) var(--un-bg-opacity),transparent)}}.radio:checked{border-color:transparent;background-color:currentColor!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}.radio:focus-visible{outline-width:2px;outline-offset:2px;outline-style:var(--un-outline-style);outline-width:1px}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;syntax:"*";inherits:false;initial-value:solid;}.radio--invalid{border-color:color-mix(in srgb,var(--colors-danger-500) var(--un-border-opacity),transparent)!important}.radio--invalid:focus-visible{outline-color:color-mix(in srgb,var(--colors-danger-500) var(--un-outline-opacity),transparent)!important}@supports (color: color-mix(in lab,red,red)){.radio--invalid:focus-visible{outline-color:color-mix(in oklab,var(--colors-danger-500) var(--un-outline-opacity),transparent)!important}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--invalid{border-color:color-mix(in oklab,var(--colors-danger-500) var(--un-border-opacity),transparent)!important}}.radio--primary{color:color-mix(in srgb,var(--colors-primary-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary{color:color-mix(in oklab,var(--colors-primary-500) var(--un-text-opacity),transparent)}}.radio--primary:hover:checked{color:color-mix(in srgb,var(--colors-primary-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary:hover:checked{color:color-mix(in oklab,var(--colors-primary-600) var(--un-text-opacity),transparent)}}.radio--primary:focus-visible{outline-color:color-mix(in srgb,var(--colors-primary-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--primary:focus-visible{outline-color:color-mix(in oklab,var(--colors-primary-500) var(--un-outline-opacity),transparent)}}.radio--success{color:color-mix(in srgb,var(--colors-success-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success{color:color-mix(in oklab,var(--colors-success-500) var(--un-text-opacity),transparent)}}.radio--success:hover:checked{color:color-mix(in srgb,var(--colors-success-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success:hover:checked{color:color-mix(in oklab,var(--colors-success-600) var(--un-text-opacity),transparent)}}.radio--success:focus-visible{outline-color:color-mix(in srgb,var(--colors-success-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--success:focus-visible{outline-color:color-mix(in oklab,var(--colors-success-500) var(--un-outline-opacity),transparent)}}.radio--info{color:color-mix(in srgb,var(--colors-info-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info{color:color-mix(in oklab,var(--colors-info-500) var(--un-text-opacity),transparent)}}.radio--info:hover:checked{color:color-mix(in srgb,var(--colors-info-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info:hover:checked{color:color-mix(in oklab,var(--colors-info-600) var(--un-text-opacity),transparent)}}.radio--info:focus-visible{outline-color:color-mix(in srgb,var(--colors-info-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--info:focus-visible{outline-color:color-mix(in oklab,var(--colors-info-500) var(--un-outline-opacity),transparent)}}.radio--warning{color:color-mix(in srgb,var(--colors-warning-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning{color:color-mix(in oklab,var(--colors-warning-500) var(--un-text-opacity),transparent)}}.radio--warning:hover:checked{color:color-mix(in srgb,var(--colors-warning-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning:hover:checked{color:color-mix(in oklab,var(--colors-warning-600) var(--un-text-opacity),transparent)}}.radio--warning:focus-visible{outline-color:color-mix(in srgb,var(--colors-warning-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--warning:focus-visible{outline-color:color-mix(in oklab,var(--colors-warning-500) var(--un-outline-opacity),transparent)}}.radio--danger{color:color-mix(in srgb,var(--colors-danger-500) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger{color:color-mix(in oklab,var(--colors-danger-500) var(--un-text-opacity),transparent)}}.radio--danger:hover:checked{color:color-mix(in srgb,var(--colors-danger-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger:hover:checked{color:color-mix(in oklab,var(--colors-danger-600) var(--un-text-opacity),transparent)}}.radio--danger:focus-visible{outline-color:color-mix(in srgb,var(--colors-danger-500) var(--un-outline-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--danger:focus-visible{outline-color:color-mix(in oklab,var(--colors-danger-500) var(--un-outline-opacity),transparent)}}.radio--secondary{color:color-mix(in srgb,var(--colors-secondary-500) var(--un-text-opacity),transparent)}@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)){.radio--secondary{color:color-mix(in oklab,var(--colors-secondary-500) var(--un-text-opacity),transparent)}}.radio--secondary:hover:checked{color:color-mix(in srgb,var(--colors-secondary-600) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.radio--secondary:hover:checked{color:color-mix(in oklab,var(--colors-secondary-600) var(--un-text-opacity),transparent)}}.radio--secondary:focus-visible{outline-color:color-mix(in srgb,var(--colors-secondary-500) var(--un-outline-opacity),transparent)}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.radio--secondary:focus-visible{outline-color:color-mix(in oklab,var(--colors-secondary-500) var(--un-outline-opacity),transparent)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-select{cursor:pointer}.dai-select__chevron{position:absolute;top:50%;right:.5rem;translate:0 -50%;width:1.25rem;height:1.25rem;pointer-events:none;color:#90a1b9}.dark .dai-select__chevron{color:#62748e}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--color-primary-50: oklch(.962 .018 272.314);--color-primary-100: oklch(.93 .034 272.788);--color-primary-200: oklch(.87 .065 274.039);--color-primary-300: oklch(.785 .115 274.713);--color-primary-400: oklch(.673 .182 276.935);--color-primary-500: oklch(.585 .233 277.117);--color-primary-600: oklch(.511 .262 276.966);--color-primary-700: oklch(.457 .24 277.023);--color-primary-800: oklch(.398 .195 277.366);--color-primary-900: oklch(.359 .144 278.697);--color-primary-950: oklch(.257 .09 281.288);--color-secondary-50: oklch(.984 .003 247.858);--color-secondary-100: oklch(.968 .007 247.896);--color-secondary-200: oklch(.929 .013 255.508);--color-secondary-300: oklch(.869 .022 252.894);--color-secondary-400: oklch(.704 .04 256.788);--color-secondary-500: oklch(.554 .046 257.417);--color-secondary-600: oklch(.446 .043 257.281);--color-secondary-700: oklch(.372 .044 257.287);--color-secondary-800: oklch(.279 .041 260.031);--color-secondary-900: oklch(.208 .042 265.755);--color-secondary-950: oklch(.129 .042 264.695);--color-success-50: oklch(.982 .018 155.826);--color-success-100: oklch(.962 .044 156.743);--color-success-200: oklch(.925 .084 155.995);--color-success-300: oklch(.871 .15 154.449);--color-success-400: oklch(.792 .209 151.711);--color-success-500: oklch(.723 .219 149.579);--color-success-600: oklch(.627 .194 149.214);--color-success-700: oklch(.527 .154 150.069);--color-success-800: oklch(.448 .119 151.328);--color-success-900: oklch(.393 .095 152.535);--color-success-950: oklch(.266 .065 152.934);--color-info-50: oklch(.977 .013 236.62);--color-info-100: oklch(.951 .026 236.824);--color-info-200: oklch(.901 .058 230.902);--color-info-300: oklch(.828 .111 230.318);--color-info-400: oklch(.746 .16 232.661);--color-info-500: oklch(.685 .169 237.323);--color-info-600: oklch(.588 .158 241.966);--color-info-700: oklch(.5 .134 242.749);--color-info-800: oklch(.443 .11 240.79);--color-info-900: oklch(.391 .09 240.876);--color-info-950: oklch(.293 .066 243.157);--color-warning-50: oklch(.987 .022 95.277);--color-warning-100: oklch(.962 .059 95.617);--color-warning-200: oklch(.924 .12 95.746);--color-warning-300: oklch(.879 .169 91.605);--color-warning-400: oklch(.828 .189 84.429);--color-warning-500: oklch(.769 .188 70.08);--color-warning-600: oklch(.666 .179 58.318);--color-warning-700: oklch(.555 .163 48.998);--color-warning-800: oklch(.473 .137 46.201);--color-warning-900: oklch(.414 .112 45.904);--color-warning-950: oklch(.279 .077 45.635);--color-danger-50: oklch(.971 .013 17.38);--color-danger-100: oklch(.936 .032 17.717);--color-danger-200: oklch(.885 .062 18.334);--color-danger-300: oklch(.808 .114 19.571);--color-danger-400: oklch(.704 .191 22.216);--color-danger-500: oklch(.637 .237 25.331);--color-danger-600: oklch(.577 .245 27.325);--color-danger-700: oklch(.505 .213 27.518);--color-danger-800: oklch(.444 .177 26.899);--color-danger-900: oklch(.396 .141 25.723);--color-danger-950: oklch(.258 .092 26.042);--color-dark-50: oklch(.984 .003 247.858);--color-dark-100: oklch(.968 .007 247.896);--color-dark-200: oklch(.929 .013 255.508);--color-dark-300: oklch(.869 .022 252.894);--color-dark-400: oklch(.704 .04 256.788);--color-dark-500: oklch(.554 .046 257.417);--color-dark-600: oklch(.446 .043 257.281);--color-dark-700: oklch(.372 .044 257.287);--color-dark-800: oklch(.279 .041 260.031);--color-dark-900: oklch(.208 .042 265.755);--color-dark-950: oklch(.129 .042 264.695)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-switch-control{display:grid;grid-template-columns:min-content auto;align-items:center;column-gap:.75rem;row-gap:.25rem}.dai-switch-control .dai-switch{display:inline-block;position:relative;width:2.5rem;height:1.5rem;padding:.125rem;-webkit-appearance:none;appearance:none;flex-shrink:0;border-radius:calc(infinity * 1px);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dai-switch-control .dai-switch:focus-visible{outline:2px solid oklch(58.5% .233 277.117);outline-offset:2px}.dai-switch-control .dai-switch__thumb{position:relative;background-color:#fff;width:1.25rem;height:1.25rem;border-radius:calc(infinity * 1px);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition-property:left,translate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dark .dai-switch-control .dai-switch__thumb{background-color:#1d293d}.dai-switch-control .dai-switch--on{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.dai-switch-control .dai-switch--on .dai-switch__thumb{left:100%;translate:-100% 0}.dai-switch-control .dai-switch--off{background-color:#cad5e2}.dark .dai-switch-control .dai-switch--off{background-color:#90a1b9}.dai-switch-control .dai-switch--off .dai-switch__thumb{left:0}.dai-switch-control__hint{grid-column-start:2;grid-row-start:2}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-tab{appearance:none;cursor:pointer;padding:.75rem;background:transparent;font-weight:500;color:#62748e;transition:color .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.dark .dai-tab{color:#90a1b9}.dai-tab[aria-selected=false]:hover{color:#0f172b}.dark .dai-tab[aria-selected=false]:hover{color:#cad5e2}.dai-tab[aria-selected=true]{color:#6260ff!important;color:oklch(58.5% .233 277.117)!important}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dai-tab-list{position:relative;display:flex;overflow-x:auto}.dai-tab-list:focus{outline:none}.dai-tab-list::-webkit-scrollbar{display:none}.dai-tab-list{scrollbar-width:none}.dai-tab-list__slider{position:absolute;height:.15rem;bottom:0;background-color:#6260ff;background-color:oklch(58.5% .233 277.117);transition-timing-function:ease-out}
|
|
@@ -0,0 +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(calc(var(--spacing) * 3) * -1);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)}
|
|
File without changes
|
package/dist/btn.js
ADDED
package/dist/btn2.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { createElementBlock as c, openBlock as _, renderSlot as a } from "vue";
|
|
2
|
+
import './assets/btn2.css';const d = (t, o) => {
|
|
3
|
+
const n = t.__vccOpts || t;
|
|
4
|
+
for (const [r, e] of o)
|
|
5
|
+
n[r] = e;
|
|
6
|
+
return n;
|
|
7
|
+
}, s = {}, l = {
|
|
8
|
+
type: "button",
|
|
9
|
+
class: "dai-form-control__input-group__addon dai-form-control__input-group__addon--btn",
|
|
10
|
+
tabindex: "-1",
|
|
11
|
+
"aria-hidden": "true"
|
|
12
|
+
};
|
|
13
|
+
function u(t, o) {
|
|
14
|
+
return _(), c("button", l, [
|
|
15
|
+
a(t.$slots, "default")
|
|
16
|
+
]);
|
|
17
|
+
}
|
|
18
|
+
const f = /* @__PURE__ */ d(s, [["render", u]]);
|
|
19
|
+
export {
|
|
20
|
+
f as default
|
|
21
|
+
};
|
package/dist/checkbox.js
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { defineComponent as f, computed as i, createBlock as b, openBlock as o, resolveDynamicComponent as y, normalizeClass as l, withCtx as v, createElementBlock as r, createCommentVNode as d, createElementVNode as a, renderSlot as B } from "vue";
|
|
2
|
+
import '../assets/btn.css';const g = {
|
|
3
|
+
key: 0,
|
|
4
|
+
class: "dai-btn__spinner"
|
|
5
|
+
}, h = { class: "dai-btn__caption" }, p = /* @__PURE__ */ f({
|
|
6
|
+
__name: "btn",
|
|
7
|
+
props: {
|
|
8
|
+
submit: { type: [Boolean, String] },
|
|
9
|
+
reset: { type: Boolean },
|
|
10
|
+
href: {},
|
|
11
|
+
icon: {},
|
|
12
|
+
iconAfter: {},
|
|
13
|
+
color: { default: "primary" },
|
|
14
|
+
variant: {},
|
|
15
|
+
plain: { type: Boolean },
|
|
16
|
+
muted: { type: Boolean },
|
|
17
|
+
outlined: { type: Boolean },
|
|
18
|
+
size: {},
|
|
19
|
+
sm: { type: Boolean },
|
|
20
|
+
lg: { type: Boolean },
|
|
21
|
+
loading: { type: Boolean },
|
|
22
|
+
block: { type: Boolean },
|
|
23
|
+
rounded: { type: Boolean },
|
|
24
|
+
condensed: { type: Boolean }
|
|
25
|
+
},
|
|
26
|
+
setup(e) {
|
|
27
|
+
const t = e, s = i(() => t.submit ? "submit" : t.reset ? "reset" : "button"), n = i(() => t.variant ? t.variant : t.plain ? "plain" : t.muted ? "muted" : t.outlined ? "outlined" : "flat"), u = i(() => t.size ? t.size : t.sm ? "small" : t.lg ? "large" : "medium");
|
|
28
|
+
return (m, c) => (o(), b(y(e.href ? "a" : "button"), {
|
|
29
|
+
type: e.href ? void 0 : s.value,
|
|
30
|
+
form: typeof e.submit == "string" ? e.submit : void 0,
|
|
31
|
+
href: e.href,
|
|
32
|
+
class: l(["dai-btn", {
|
|
33
|
+
[`dai-btn--${e.color}`]: e.color,
|
|
34
|
+
"dai-btn--flat": n.value === "flat",
|
|
35
|
+
"dai-btn--plain": n.value === "plain",
|
|
36
|
+
"dai-btn--muted": n.value === "muted",
|
|
37
|
+
"dai-btn--outlined": n.value === "outlined",
|
|
38
|
+
"dai-btn--sm": u.value === "small",
|
|
39
|
+
"dai-btn--lg": u.value === "large",
|
|
40
|
+
"dai-btn--loading": e.loading,
|
|
41
|
+
"dai-btn--block": e.block,
|
|
42
|
+
"dai-btn--rounded": e.rounded,
|
|
43
|
+
"dai-btn--condensed": e.condensed
|
|
44
|
+
}])
|
|
45
|
+
}, {
|
|
46
|
+
default: v(() => [
|
|
47
|
+
e.loading ? (o(), r("span", g, [...c[0] || (c[0] = [
|
|
48
|
+
a("svg", {
|
|
49
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
50
|
+
fill: "none",
|
|
51
|
+
viewBox: "0 0 24 24"
|
|
52
|
+
}, [
|
|
53
|
+
a("circle", {
|
|
54
|
+
opacity: "0.25",
|
|
55
|
+
cx: "12",
|
|
56
|
+
cy: "12",
|
|
57
|
+
r: "10",
|
|
58
|
+
stroke: "currentColor",
|
|
59
|
+
"stroke-width": "4"
|
|
60
|
+
}),
|
|
61
|
+
a("path", {
|
|
62
|
+
opacity: "0.75",
|
|
63
|
+
fill: "currentColor",
|
|
64
|
+
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
65
|
+
})
|
|
66
|
+
], -1)
|
|
67
|
+
])])) : d("", !0),
|
|
68
|
+
a("span", h, [
|
|
69
|
+
e.icon ? (o(), r("div", {
|
|
70
|
+
key: 0,
|
|
71
|
+
class: l([e.icon, "dai-btn__icon"])
|
|
72
|
+
}, null, 2)) : d("", !0),
|
|
73
|
+
B(m.$slots, "default"),
|
|
74
|
+
e.iconAfter ? (o(), r("div", {
|
|
75
|
+
key: 1,
|
|
76
|
+
class: l([e.iconAfter, "dai-btn__icon"])
|
|
77
|
+
}, null, 2)) : d("", !0)
|
|
78
|
+
])
|
|
79
|
+
]),
|
|
80
|
+
_: 3
|
|
81
|
+
}, 8, ["type", "form", "href", "class"]));
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
export {
|
|
85
|
+
p as _
|
|
86
|
+
};
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { defineComponent as g, mergeModels as $, useId as C, useModel as E, useTemplateRef as p, computed as A, createElementBlock as u, openBlock as c, normalizeClass as B, createElementVNode as z, createCommentVNode as m, createBlock as N, mergeProps as w, unref as i, createVNode as M, withCtx as f, renderSlot as h, createTextVNode as k, toDisplayString as v } from "vue";
|
|
2
|
+
import { useFormControl as S } from "vue-composable-ui";
|
|
3
|
+
import { _ as T } from "./label.vue_vue_type_style_index_0_lang.CwYm9LGb.js";
|
|
4
|
+
import { _ } from "./hint.vue_vue_type_style_index_0_lang.SPjr3dc1.js";
|
|
5
|
+
import '../assets/checkbox.css';const D = ["checked", "id"], F = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "dai-checkbox-control__label-container"
|
|
8
|
+
}, j = /* @__PURE__ */ g({
|
|
9
|
+
inheritAttrs: !1,
|
|
10
|
+
__name: "checkbox",
|
|
11
|
+
props: /* @__PURE__ */ $({
|
|
12
|
+
id: {},
|
|
13
|
+
value: {},
|
|
14
|
+
color: { default: "primary" },
|
|
15
|
+
size: { default: "small" },
|
|
16
|
+
validators: {},
|
|
17
|
+
showValidationError: { type: Boolean, default: !0 },
|
|
18
|
+
label: {},
|
|
19
|
+
hint: {}
|
|
20
|
+
}, {
|
|
21
|
+
modelValue: { type: [Boolean, Array] },
|
|
22
|
+
modelModifiers: {}
|
|
23
|
+
}),
|
|
24
|
+
emits: ["update:modelValue"],
|
|
25
|
+
setup(e) {
|
|
26
|
+
const a = e, l = a.id || C(), r = a.value || l, o = E(e, "modelValue"), s = p("formElement"), { isValid: b } = S(
|
|
27
|
+
s,
|
|
28
|
+
a.validators,
|
|
29
|
+
a.showValidationError
|
|
30
|
+
), y = A(() => Array.isArray(o.value) ? o.value.includes(r) : o.value);
|
|
31
|
+
function x(t) {
|
|
32
|
+
const n = t.target.checked;
|
|
33
|
+
if (Array.isArray(o.value))
|
|
34
|
+
if (n)
|
|
35
|
+
o.value.push(r);
|
|
36
|
+
else {
|
|
37
|
+
const d = o.value.indexOf(r);
|
|
38
|
+
d > -1 && o.value.splice(d, 1);
|
|
39
|
+
}
|
|
40
|
+
else
|
|
41
|
+
o.value = n;
|
|
42
|
+
}
|
|
43
|
+
return (t, V) => (c(), u("div", {
|
|
44
|
+
class: B(["dai-checkbox-control", t.$attrs.class])
|
|
45
|
+
}, [
|
|
46
|
+
z("input", w({
|
|
47
|
+
ref_key: "formElement",
|
|
48
|
+
ref: s
|
|
49
|
+
}, { ...t.$attrs, class: "" }, {
|
|
50
|
+
checked: y.value,
|
|
51
|
+
onChange: x,
|
|
52
|
+
id: i(l),
|
|
53
|
+
type: "checkbox",
|
|
54
|
+
class: ["dai-checkbox", {
|
|
55
|
+
[`dai-checkbox--${e.color}`]: e.color,
|
|
56
|
+
"dai-checkbox--invalid": !i(b),
|
|
57
|
+
"dai-checkbox--md": e.size === "medium",
|
|
58
|
+
"dai-checkbox--lg": e.size === "large"
|
|
59
|
+
}]
|
|
60
|
+
}), null, 16, D),
|
|
61
|
+
e.label || t.$slots.default ? (c(), u("div", F, [
|
|
62
|
+
M(T, {
|
|
63
|
+
for: i(l),
|
|
64
|
+
class: "dai-checkbox-control__label"
|
|
65
|
+
}, {
|
|
66
|
+
default: f(() => [
|
|
67
|
+
h(t.$slots, "default", {}, () => [
|
|
68
|
+
k(v(e.label), 1)
|
|
69
|
+
])
|
|
70
|
+
]),
|
|
71
|
+
_: 3
|
|
72
|
+
}, 8, ["for"])
|
|
73
|
+
])) : m("", !0),
|
|
74
|
+
e.hint || t.$slots.hint ? (c(), N(_, {
|
|
75
|
+
key: 1,
|
|
76
|
+
class: "dai-checkbox-control__hint"
|
|
77
|
+
}, {
|
|
78
|
+
default: f(() => [
|
|
79
|
+
h(t.$slots, "hint", {}, () => [
|
|
80
|
+
k(v(e.hint), 1)
|
|
81
|
+
])
|
|
82
|
+
]),
|
|
83
|
+
_: 3
|
|
84
|
+
})) : m("", !0)
|
|
85
|
+
], 2));
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
export {
|
|
89
|
+
j as _
|
|
90
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { defineComponent as v, mergeModels as c, useModel as b, useId as V, useTemplateRef as y, watch as B, createBlock as h, openBlock as g, mergeProps as s, unref as e, withCtx as n, createVNode as E, createElementVNode as M, renderSlot as _ } from "vue";
|
|
2
|
+
import { useFormControl as w, Combobox as $ } from "vue-composable-ui";
|
|
3
|
+
import { _ as C } from "./formControl.vue_vue_type_style_index_0_lang.BDPmQzJj.js";
|
|
4
|
+
import '../assets/combobox.css';const F = ["value"], N = /* @__PURE__ */ v({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "combobox",
|
|
7
|
+
props: /* @__PURE__ */ c({
|
|
8
|
+
id: {},
|
|
9
|
+
validators: { default: () => [] },
|
|
10
|
+
showValidationError: { type: Boolean, default: !1 },
|
|
11
|
+
labelPosition: {},
|
|
12
|
+
hint: {},
|
|
13
|
+
validationMessage: {},
|
|
14
|
+
lg: { type: Boolean },
|
|
15
|
+
sm: { type: Boolean },
|
|
16
|
+
outlined: { type: Boolean },
|
|
17
|
+
muted: { type: Boolean },
|
|
18
|
+
label: {},
|
|
19
|
+
labelFor: {},
|
|
20
|
+
size: {},
|
|
21
|
+
variant: {},
|
|
22
|
+
rounded: { type: Boolean },
|
|
23
|
+
disabled: { type: Boolean },
|
|
24
|
+
invalid: { type: Boolean }
|
|
25
|
+
}, {
|
|
26
|
+
modelValue: {},
|
|
27
|
+
modelModifiers: {}
|
|
28
|
+
}),
|
|
29
|
+
emits: ["update:modelValue"],
|
|
30
|
+
setup(t) {
|
|
31
|
+
const o = t, a = b(t, "modelValue"), i = o.id || V(), d = y("formElement"), { isValid: m, validationMessage: u, validate: p } = w(
|
|
32
|
+
d,
|
|
33
|
+
o.validators,
|
|
34
|
+
o.showValidationError
|
|
35
|
+
);
|
|
36
|
+
return B(a, () => p(), { flush: "post" }), (l, r) => (g(), h(C, s(o, {
|
|
37
|
+
labelFor: e(i),
|
|
38
|
+
validationMessage: t.showValidationError ? "" : e(u),
|
|
39
|
+
invalid: !e(m),
|
|
40
|
+
class: l.$attrs.class
|
|
41
|
+
}), {
|
|
42
|
+
default: n(() => [
|
|
43
|
+
E(e($), s({ ...l.$attrs, class: void 0, required: void 0 }, {
|
|
44
|
+
id: e(i),
|
|
45
|
+
modelValue: a.value,
|
|
46
|
+
"onUpdate:modelValue": r[0] || (r[0] = (f) => a.value = f)
|
|
47
|
+
}), {
|
|
48
|
+
default: n(() => [
|
|
49
|
+
M("input", s({
|
|
50
|
+
ref_key: "formElement",
|
|
51
|
+
ref: d,
|
|
52
|
+
type: "text",
|
|
53
|
+
value: a.value
|
|
54
|
+
}, { required: l.$attrs.required }, { class: "dai-combobox__stab-input" }), null, 16, F),
|
|
55
|
+
_(l.$slots, "default")
|
|
56
|
+
]),
|
|
57
|
+
_: 3
|
|
58
|
+
}, 16, ["id", "modelValue"])
|
|
59
|
+
]),
|
|
60
|
+
_: 3
|
|
61
|
+
}, 16, ["labelFor", "validationMessage", "invalid", "class"]));
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
export {
|
|
65
|
+
N as _
|
|
66
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { defineComponent as u, inject as d, createElementBlock as n, openBlock as l, mergeProps as m, unref as t, renderSlot as b, createElementVNode as r, toDisplayString as a, Fragment as f, createTextVNode as _ } from "vue";
|
|
2
|
+
import { injectCombobox as v } from "vue-composable-ui";
|
|
3
|
+
import '../assets/comboboxButton.css';const x = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "dai-form-control__input-group__control__placeholder"
|
|
6
|
+
}, y = /* @__PURE__ */ u({
|
|
7
|
+
__name: "comboboxButton",
|
|
8
|
+
props: {
|
|
9
|
+
placeholder: {}
|
|
10
|
+
},
|
|
11
|
+
setup(s) {
|
|
12
|
+
const o = d(v);
|
|
13
|
+
if (!o)
|
|
14
|
+
throw new Error("Combobox injectable context is not provided");
|
|
15
|
+
function c() {
|
|
16
|
+
o.isOpen.value ? o.close({ focus: !0 }) : o.open({ focus: !1 });
|
|
17
|
+
}
|
|
18
|
+
return (i, e) => (l(), n("button", m(t(o).activatorAttrs.value, {
|
|
19
|
+
onKeydown: e[0] || (e[0] = (p) => t(o).activatorOnKeyDown(p)),
|
|
20
|
+
onClick: c,
|
|
21
|
+
type: "button",
|
|
22
|
+
class: "dai-form-control__input-group__control dai-combobox-btn"
|
|
23
|
+
}), [
|
|
24
|
+
b(i.$slots, "default", {}, () => [
|
|
25
|
+
t(o).displayValue.value ? (l(), n(f, { key: 1 }, [
|
|
26
|
+
_(a(t(o).displayValue), 1)
|
|
27
|
+
], 64)) : (l(), n("span", x, a(s.placeholder || "Select..."), 1)),
|
|
28
|
+
e[1] || (e[1] = r("svg", {
|
|
29
|
+
class: "dai-combobox-btn__chevron",
|
|
30
|
+
role: "presentation",
|
|
31
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
32
|
+
viewBox: "0 0 16 16"
|
|
33
|
+
}, [
|
|
34
|
+
r("path", {
|
|
35
|
+
fill: "currentColor",
|
|
36
|
+
"fill-rule": "evenodd",
|
|
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",
|
|
38
|
+
"clip-rule": "evenodd"
|
|
39
|
+
})
|
|
40
|
+
], -1))
|
|
41
|
+
])
|
|
42
|
+
], 16));
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
export {
|
|
46
|
+
y as _
|
|
47
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { defineComponent as t, createBlock as r, openBlock as e, unref as n, withCtx as _, renderSlot as p } from "vue";
|
|
2
|
+
import { ComboboxInput as c } from "vue-composable-ui";
|
|
3
|
+
const s = /* @__PURE__ */ t({
|
|
4
|
+
__name: "comboboxInput",
|
|
5
|
+
setup(m) {
|
|
6
|
+
return (o, u) => (e(), r(n(c), { class: "dai-form-control__input-group__control" }, {
|
|
7
|
+
default: _(() => [
|
|
8
|
+
p(o.$slots, "default")
|
|
9
|
+
]),
|
|
10
|
+
_: 3
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
export {
|
|
15
|
+
s as _
|
|
16
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { defineComponent as a, createBlock as c, openBlock as t, unref as m, withCtx as i, renderSlot as p, createElementBlock as s, createCommentVNode as u, createElementVNode as d } from "vue";
|
|
2
|
+
import { ComboboxOption as f } from "vue-composable-ui";
|
|
3
|
+
import '../assets/comboboxOption.css';const v = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "dai-combobox-option__check",
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 16 16"
|
|
8
|
+
}, x = /* @__PURE__ */ a({
|
|
9
|
+
__name: "comboboxOption",
|
|
10
|
+
props: {
|
|
11
|
+
value: {}
|
|
12
|
+
},
|
|
13
|
+
setup(l) {
|
|
14
|
+
return (n, o) => (t(), c(m(f), {
|
|
15
|
+
value: l.value,
|
|
16
|
+
class: "dai-combobox-option"
|
|
17
|
+
}, {
|
|
18
|
+
default: i(({ isActive: r, isSelected: e }) => [
|
|
19
|
+
p(n.$slots, "default", {
|
|
20
|
+
isActive: r,
|
|
21
|
+
isSelected: e
|
|
22
|
+
}),
|
|
23
|
+
e ? (t(), s("svg", v, [...o[0] || (o[0] = [
|
|
24
|
+
d("path", {
|
|
25
|
+
fill: "currentColor",
|
|
26
|
+
"fill-rule": "evenodd",
|
|
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
|
+
"clip-rule": "evenodd"
|
|
29
|
+
}, null, -1)
|
|
30
|
+
])])) : u("", !0)
|
|
31
|
+
]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 8, ["value"]));
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
export {
|
|
37
|
+
x as _
|
|
38
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { defineComponent as t, createBlock as n, openBlock as a, Transition as s, withCtx as o, createVNode as r, unref as i, renderSlot as c } from "vue";
|
|
2
|
+
import { ComboboxOptions as m } from "vue-composable-ui";
|
|
3
|
+
import '../assets/comboboxOptions.css';const d = /* @__PURE__ */ t({
|
|
4
|
+
__name: "comboboxOptions",
|
|
5
|
+
setup(p) {
|
|
6
|
+
return (e, l) => (a(), n(s, {
|
|
7
|
+
"enter-from-class": "dai-combobox-options--anim",
|
|
8
|
+
"leave-to-class": "dai-combobox-options--anim"
|
|
9
|
+
}, {
|
|
10
|
+
default: o(() => [
|
|
11
|
+
r(i(m), { class: "dai-combobox-options" }, {
|
|
12
|
+
default: o(() => [
|
|
13
|
+
c(e.$slots, "default")
|
|
14
|
+
]),
|
|
15
|
+
_: 3
|
|
16
|
+
})
|
|
17
|
+
]),
|
|
18
|
+
_: 3
|
|
19
|
+
}));
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
export {
|
|
23
|
+
d as _
|
|
24
|
+
};
|