@kernel4632/kima 0.9.2 → 0.9.4
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/components/core/notification.ce.vue_vue_type_style_index_0_scoped_1c6f5605_lang.css +1 -0
- package/dist/components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_75bf46e7_lang.css +1 -0
- package/dist/components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_b575c982_lang.css +1 -0
- package/dist/kima-elements-core.js +5242 -5227
- package/dist/kima-elements.js +12707 -12621
- package/dist/style.css +3 -3
- package/dist/styles/core.css +1 -1
- package/dist/styles/notification-queue.css +2 -2
- package/dist/styles/notification.css +1 -1
- package/dist/styles/tag-group.css +1 -1
- package/dist/vue/components/core/notification.ce.js +7 -4
- package/dist/vue/components/utility/notification-queue.ce.js +67 -56
- package/dist/vue/components/utility/tag-group.ce.js +52 -48
- package/dist/vue/utils/motion.js +122 -53
- package/package.json +1 -1
- package/dist/components/core/notification.ce.vue_vue_type_style_index_0_scoped_1cfa12e4_lang.css +0 -1
- package/dist/components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_8ff80bbb_lang.css +0 -1
- package/dist/components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_892954ad_lang.css +0 -1
package/dist/style.css
CHANGED
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
/*$vite$:1*/
|
|
59
59
|
@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-shell-menu__popup{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;z-index:60;width:min(360px,100vw - 24px);max-height:min(70vh, var(--reka-popper-available-height,70vh));padding:var(--kima-space-4);border-radius:var(--kima-radius-l);width:min(260px,100vw - 24px);padding:var(--kima-space-2);border:0;outline:none;line-height:1.5;overflow:auto}[data-v-597751c9] .kima-shell-menu__item:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}[data-v-597751c9] .kima-shell-menu__item:disabled,[data-v-597751c9] .kima-shell-menu__item[aria-disabled=true]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}[data-v-597751c9] .kima-shell-menu__item{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:48px;padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);background:var(--kima-color-transparent);color:var(--kima-color-on-surface);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);border:0;display:flex}[data-v-597751c9] .kima-shell-menu__item:hover:not([aria-disabled=true]):not([data-disabled]),[data-v-597751c9] .kima-shell-menu__item[data-highlighted],[data-v-597751c9] .kima-shell-menu__item[data-active=true]{background:var(--kima-color-layer-3)}[data-v-597751c9] .kima-shell-menu__item[aria-selected=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-597751c9] .kima-shell-menu__item[aria-selected=true]:hover,[data-v-597751c9] .kima-shell-menu__item[aria-selected=true][data-active=true]{background:var(--kima-color-primary-container-hover)}[data-v-597751c9] .kima-shell-menu__item[data-disabled]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}[data-v-597751c9] .kima-shell-menu__item[aria-checked=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-597751c9] .kima-shell-menu__item[aria-checked=true]:hover,[data-v-597751c9] .kima-shell-menu__item[aria-checked=true][data-highlighted]{background:var(--kima-color-primary-container-hover)}[data-v-597751c9] .kima-shell-menu__copy{gap:var(--kima-space-1);display:grid}[data-v-597751c9] .kima-shell-menu__item small{font-size:var(--kima-font-size-sm);opacity:.8}[data-v-597751c9] .kima-shell-menu__separator{height:1px;margin-block:var(--kima-space-2);background:var(--kima-color-outline-variant)}@media (prefers-reduced-motion:reduce){.kima-shell-menu__item[data-v-597751c9]{transition:none}}.kima-menu[data-v-597751c9]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);min-width:180px;line-height:1.5;display:inline-flex;position:relative}.kima-menu--open[data-v-597751c9]{z-index:60}.kima-menu--icon[data-v-597751c9]{min-width:0}.kima-menu__trigger[data-v-597751c9]{position:relative}.kima-menu__trigger[data-v-597751c9]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-menu__trigger[data-v-597751c9]>*{z-index:2;position:relative}.kima-menu__trigger[data-v-597751c9]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-menu__trigger[data-v-597751c9]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-menu__trigger[data-v-597751c9]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-menu__trigger[data-v-597751c9]{position:relative;overflow:hidden}.kima-menu__trigger[data-v-597751c9] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-597751c9 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-menu__trigger[data-v-597751c9]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-menu__trigger[data-v-597751c9]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:56px;padding:0 var(--kima-space-4);border-radius:var(--kima-radius-m);color:var(--kima-color-on-surface);background:var(--kima-color-layer-2);font:inherit;cursor:pointer;border:0;display:flex}.kima-menu__trigger[data-v-597751c9]:disabled{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-menu--small .kima-menu__trigger[data-v-597751c9]{min-height:40px;padding-inline:var(--kima-space-3)}.kima-menu--icon .kima-menu__trigger[data-v-597751c9]{width:var(--kima-touch-target);min-width:var(--kima-touch-target);aspect-ratio:1;justify-content:center;padding:0}.kima-menu__popup{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;z-index:60;width:min(360px,100vw - 24px);max-height:min(70vh, var(--reka-popper-available-height,70vh));padding:var(--kima-space-4);border-radius:var(--kima-radius-l);width:max(220px, var(--reka-dropdown-menu-trigger-width));padding:var(--kima-space-2);border:0;outline:none;line-height:1.5;overflow:auto}.kima-menu__search-wrap[data-v-597751c9]{align-items:center;gap:var(--kima-space-2);display:flex}.kima-menu__search[data-v-597751c9]{box-sizing:border-box;width:100%;min-height:48px;margin-bottom:var(--kima-space-2);padding:var(--kima-space-3);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);color:var(--kima-color-on-surface);font:inherit;border:0}.kima-menu__search[data-v-597751c9]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}
|
|
60
60
|
/*$vite$:1*/
|
|
61
|
-
@keyframes kima-ripple-glow-
|
|
61
|
+
@keyframes kima-ripple-glow-1c6f5605{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-1c6f5605]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-leave-active[data-v-1c6f5605]{pointer-events:none;transition:opacity var(--kima-duration-fast) var(--kima-curve-standard), transform var(--kima-duration-fast) var(--kima-curve-standard)}.kima-notification-enter-from[data-v-1c6f5605],.kima-notification-leave-to[data-v-1c6f5605]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--top-right.kima-notification-leave-to[data-v-1c6f5605],.kima-notification--bottom-right.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--bottom-right.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--top-left.kima-notification-leave-to[data-v-1c6f5605],.kima-notification--bottom-left.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--bottom-left.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-right.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--slide-right.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(calc(100% + 24px))}.kima-notification--slide-left.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--slide-left.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-up.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--slide-up.kima-notification-leave-to[data-v-1c6f5605]{transform:translateY(calc(-100% - 24px))}.kima-notification--slide-down.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--slide-down.kima-notification-leave-to[data-v-1c6f5605]{transform:translateY(calc(100% + 24px))}.kima-notification--top.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--top-center.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--top.kima-notification-leave-to[data-v-1c6f5605],.kima-notification--top-center.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--bottom-center.kima-notification-enter-from[data-v-1c6f5605],.kima-notification--bottom.kima-notification-leave-to[data-v-1c6f5605],.kima-notification--bottom-center.kima-notification-leave-to[data-v-1c6f5605]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-1c6f5605]{box-sizing:border-box;z-index:1100;align-items:flex-start;gap:var(--kima-space-3);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--kima-space-4);border-radius:var(--kima-radius-l);color:var(--kima-color-on-surface);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-4);font-family:var(--kima-font-family);border:0;display:flex;position:fixed;overflow:auto}.kima-notification--stacked[data-v-1c6f5605]{pointer-events:auto;width:100%;position:relative;inset:auto}.kima-notification__icon[data-v-1c6f5605]{width:24px;height:calc(var(--kima-font-size-md) * 1.3);opacity:.9;flex:none;justify-content:center;align-items:center;display:inline-flex}.kima-notification--top[data-v-1c6f5605],.kima-notification--top-center[data-v-1c6f5605],.kima-notification--top-left[data-v-1c6f5605],.kima-notification--top-right[data-v-1c6f5605]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-1c6f5605],.kima-notification--bottom-center[data-v-1c6f5605],.kima-notification--bottom-left[data-v-1c6f5605],.kima-notification--bottom-right[data-v-1c6f5605]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-1c6f5605],.kima-notification--bottom[data-v-1c6f5605],.kima-notification--top-center[data-v-1c6f5605],.kima-notification--bottom-center[data-v-1c6f5605]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-1c6f5605],.kima-notification--bottom-left[data-v-1c6f5605]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-1c6f5605],.kima-notification--bottom-right[data-v-1c6f5605]{right:var(--kima-space-4)}.kima-notification--info[data-v-1c6f5605]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-1c6f5605]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-1c6f5605]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-1c6f5605]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-1c6f5605]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-1c6f5605]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-1c6f5605]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-1c6f5605]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-1c6f5605]:empty{display:none}.kima-notification__close[data-v-1c6f5605]{width:32px;height:32px;margin:calc((var(--kima-font-size-md) * 1.3 - 32px) / 2) calc(var(--kima-space-1) * -1) 0 0;border-radius:var(--kima-radius-full);color:inherit;background:var(--kima-color-transparent);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.kima-notification__close[data-v-1c6f5605]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-1c6f5605]>*{z-index:2;position:relative}.kima-notification__close[data-v-1c6f5605]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-1c6f5605]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-1c6f5605]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-1c6f5605]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-notification__close[data-v-1c6f5605]{position:relative;overflow:hidden}.kima-notification__close[data-v-1c6f5605] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-1c6f5605 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-1c6f5605]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-1c6f5605]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-1c6f5605]{transition:none}.kima-notification-enter-active[data-v-1c6f5605],.kima-notification-leave-active[data-v-1c6f5605]{transition-duration:1ms}.kima-notification-enter-from[data-v-1c6f5605],.kima-notification-leave-to[data-v-1c6f5605]{transform:none}.kima-notification--top[data-v-1c6f5605],.kima-notification--top-center[data-v-1c6f5605],.kima-notification--bottom[data-v-1c6f5605],.kima-notification--bottom-center[data-v-1c6f5605]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-1c6f5605],.kima-notification--top-left[data-v-1c6f5605],.kima-notification--top-center[data-v-1c6f5605],.kima-notification--top-right[data-v-1c6f5605]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-1c6f5605],.kima-notification--bottom-left[data-v-1c6f5605],.kima-notification--bottom-center[data-v-1c6f5605],.kima-notification--bottom-right[data-v-1c6f5605]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-1c6f5605],.kima-notification--bottom-left[data-v-1c6f5605]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-1c6f5605],.kima-notification--bottom-right[data-v-1c6f5605]{right:var(--kima-space-3)}}
|
|
62
62
|
/*$vite$:1*/
|
|
63
63
|
@keyframes kima-ripple-glow-d62e7dea{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-pagination[data-v-d62e7dea]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-md);justify-content:center;display:flex}.kima-pagination__list[data-v-d62e7dea]{justify-content:center;align-items:center;gap:var(--kima-space-1);max-width:100%;padding:var(--kima-space-1);display:flex;overflow-x:auto}.kima-pagination__button[data-v-d62e7dea]{min-width:40px;min-height:40px;padding:0 var(--kima-space-2);border-radius:var(--kima-radius-sm);box-sizing:border-box;color:var(--kima-color-on-surface);background:var(--kima-color-transparent);font:inherit;cursor:pointer;border:0;flex:0 0 40px;justify-content:center;align-items:center;display:inline-flex;position:relative}.kima-pagination__button[data-v-d62e7dea]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-pagination__button[data-v-d62e7dea]>*{z-index:2;position:relative}.kima-pagination__button[data-v-d62e7dea]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-pagination__button[data-v-d62e7dea]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-pagination__button[data-v-d62e7dea]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-pagination__button[data-v-d62e7dea]{position:relative;overflow:hidden}.kima-pagination__button[data-v-d62e7dea] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-d62e7dea var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-pagination__button[data-v-d62e7dea]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard)}.kima-pagination__button[data-v-d62e7dea]:hover:not(:disabled),.kima-pagination__button[data-v-d62e7dea]:focus-visible{background:var(--kima-color-layer-3)}.kima-pagination__button[data-v-d62e7dea]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:1px}.kima-pagination__button[aria-current=page][data-v-d62e7dea]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container);font-weight:var(--kima-font-weight-bold)}.kima-pagination__button[aria-current=page][data-v-d62e7dea]:hover:not(:disabled),.kima-pagination__button[aria-current=page][data-v-d62e7dea]:focus-visible{background:var(--kima-color-primary-container-hover)}.kima-pagination__button[data-v-d62e7dea]:disabled{color:var(--kima-color-on-surface-variant);cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-pagination__button[data-v-d62e7dea]:is(.kima-list-enter-active,.kima-list-leave-active){transition:opacity var(--kima-duration-medium) var(--kima-curve-standard), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-pagination__button.kima-list-move[data-v-d62e7dea]{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}.kima-pagination__button--direction[data-v-d62e7dea]{color:var(--kima-color-primary)}.kima-pagination__ellipsis[data-v-d62e7dea]{min-width:24px;min-height:40px;color:var(--kima-color-on-surface-variant);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.kima-pagination--compact .kima-pagination__button[data-v-d62e7dea]{flex-basis:32px;min-width:32px;min-height:32px}.kima-pagination--compact .kima-pagination__ellipsis[data-v-d62e7dea]{min-height:32px}@media (width<=480px){.kima-pagination__list[data-v-d62e7dea]{justify-content:flex-start}}
|
|
64
64
|
/*$vite$:1*/
|
|
@@ -258,13 +258,13 @@ kima-affix{display:contents}.kima-affix[data-v-f21e108b]{z-index:10;color:var(--
|
|
|
258
258
|
/*$vite$:1*/
|
|
259
259
|
@keyframes kima-ripple-glow-f5be4658{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-log-viewer[data-v-f5be4658]{background:var(--kima-color-layer-1);color:var(--kima-color-on-surface);font-family:var(--kima-font-family);padding:var(--kima-space-4);border-radius:var(--kima-radius-m);border:0}.kima-log-viewer__tools[data-v-f5be4658]{align-items:center;gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-log-viewer__tools input[data-v-f5be4658]{box-sizing:border-box;width:100%;min-height:48px;margin-bottom:var(--kima-space-2);padding:var(--kima-space-3);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);color:var(--kima-color-on-surface);font:inherit;border:0}.kima-log-viewer__tools input[data-v-f5be4658]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}.kima-log-viewer__tools input[data-v-f5be4658]{width:min(100%,240px)}.kima-log-viewer__follow-status[data-v-f5be4658]{font-size:var(--kima-font-size-label-small);color:var(--kima-color-on-surface-variant)}.kima-log-viewer__viewport[data-v-f5be4658]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-log-viewer__viewport[data-v-f5be4658]{overflow-anchor:none;height:260px;overflow:auto}.kima-log-viewer__line[data-v-f5be4658]{white-space:pre-wrap;overflow-wrap:anywhere;min-height:28px}
|
|
260
260
|
/*$vite$:1*/
|
|
261
|
-
.kima-notification-queue[data-v-
|
|
261
|
+
.kima-notification-queue[data-v-75bf46e7]{z-index:1100;pointer-events:none;width:min(420px,100vw - 32px);font-family:var(--kima-font-family);position:fixed}.kima-notification-queue--top[data-v-75bf46e7],.kima-notification-queue--top-center[data-v-75bf46e7],.kima-notification-queue--top-left[data-v-75bf46e7],.kima-notification-queue--top-right[data-v-75bf46e7]{top:var(--kima-space-4)}.kima-notification-queue--bottom[data-v-75bf46e7],.kima-notification-queue--bottom-center[data-v-75bf46e7],.kima-notification-queue--bottom-left[data-v-75bf46e7],.kima-notification-queue--bottom-right[data-v-75bf46e7]{bottom:var(--kima-space-4)}.kima-notification-queue--top[data-v-75bf46e7],.kima-notification-queue--bottom[data-v-75bf46e7],.kima-notification-queue--top-center[data-v-75bf46e7],.kima-notification-queue--bottom-center[data-v-75bf46e7]{left:50%;transform:translate(-50%)}.kima-notification-queue--top-left[data-v-75bf46e7],.kima-notification-queue--bottom-left[data-v-75bf46e7]{left:var(--kima-space-4)}.kima-notification-queue--top-right[data-v-75bf46e7],.kima-notification-queue--bottom-right[data-v-75bf46e7]{right:var(--kima-space-4)}.kima-notification-queue--slide-right .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue--slide-right .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:translate(calc(100% + 24px))}.kima-notification-queue--slide-left .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue--slide-left .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:translate(calc(-100% - 24px))}.kima-notification-queue--slide-up .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue--slide-up .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:translateY(calc(-100% - 24px))}.kima-notification-queue--slide-down .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue--slide-down .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:translateY(calc(100% + 24px))}.kima-notification-queue__stack[data-v-75bf46e7]{gap:var(--kima-space-3);pointer-events:none;display:grid;position:relative}.kima-notification-queue__item[data-v-75bf46e7]{min-width:0}.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-75bf46e7],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-75bf46e7]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-queue-move[data-v-75bf46e7]{transition:transform var(--kima-duration-slower) var(--kima-curve-emphasized)}.kima-notification-queue-leave-active[data-v-75bf46e7]{pointer-events:none}.kima-notification-queue__item.kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue__item.kima-notification-queue-leave-to[data-v-75bf46e7]{opacity:0}@media (prefers-reduced-motion:reduce){.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-75bf46e7],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-75bf46e7],.kima-notification-queue__item.kima-notification-queue-move[data-v-75bf46e7]{transition-duration:1ms}.kima-notification-queue .kima-notification-queue-enter-from[data-v-75bf46e7],.kima-notification-queue .kima-notification-queue-leave-to[data-v-75bf46e7]{transform:none}}
|
|
262
262
|
/*$vite$:1*/
|
|
263
263
|
.kima-progress-group[data-v-d4453504]{color:var(--kima-color-on-surface);font-family:var(--kima-font-family)}.kima-progress-group ul[data-v-d4453504]{gap:var(--kima-space-4);padding:0;list-style:none;display:grid}.kima-progress-group li[data-v-d4453504]{gap:var(--kima-space-2);display:grid}
|
|
264
264
|
/*$vite$:1*/
|
|
265
265
|
.kima-qr-code[data-v-3ef776fe]{max-width:100%;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);display:inline-block}.kima-qr-code svg[data-v-3ef776fe]{max-width:100%;height:auto;fill:var(--kima-color-on-surface);display:block}.kima-qr-code__paper[data-v-3ef776fe]{fill:var(--kima-color-surface)}
|
|
266
266
|
/*$vite$:1*/
|
|
267
|
-
.kima-tag-group[data-v-
|
|
267
|
+
.kima-tag-group[data-v-b575c982]{color:var(--kima-color-on-surface);font-family:var(--kima-font-family)}.kima-tag-group__items[data-v-b575c982]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex;position:relative}
|
|
268
268
|
/*$vite$:1*/
|
|
269
269
|
@keyframes kima-ripple-glow-b5823fc3{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-tour[data-v-b5823fc3]{font-family:var(--kima-font-family);color:var(--kima-color-on-surface)}.kima-tour__dialog[data-v-b5823fc3]{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:var(--kima-color-transparent);transition:opacity var(--kima-duration-medium), display var(--kima-duration-medium) allow-discrete, overlay var(--kima-duration-medium) allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:0}.kima-tour__dialog[data-v-b5823fc3]::backdrop{background:var(--kima-color-transparent)}.kima-tour__dialog[data-v-b5823fc3]:not([open]){opacity:0}@starting-style{.kima-tour__dialog[open][data-v-b5823fc3]{opacity:0}}.kima-tour__mask[data-v-b5823fc3]{background:color-mix(in srgb, var(--kima-color-scrim) var(--kima-scrim-opacity), transparent);-webkit-backdrop-filter:blur(var(--kima-backdrop-blur));backdrop-filter:blur(var(--kima-backdrop-blur));pointer-events:auto;position:fixed}.kima-tour__spotlight[data-v-b5823fc3]{outline:3px solid var(--kima-color-primary);border-radius:var(--kima-radius-s);pointer-events:none;transition:top var(--kima-duration-medium) var(--kima-curve-emphasized), left var(--kima-duration-medium) var(--kima-curve-emphasized), width var(--kima-duration-medium), height var(--kima-duration-medium);position:fixed}.kima-tour__panel[data-v-b5823fc3]{background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;max-height:calc(100vh - 32px);padding:var(--kima-space-5);border-radius:var(--kima-radius-xl);border:0;position:fixed;overflow:auto}.kima-tour__panel h2[data-v-b5823fc3]{margin:var(--kima-space-2) 0}.kima-tour__actions[data-v-b5823fc3]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.kima-tour__dialog[data-v-b5823fc3],.kima-tour__spotlight[data-v-b5823fc3]{transition:none}}
|
|
270
270
|
/*$vite$:1*/
|
package/dist/styles/core.css
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
@import "../components/foundation/grid.ce.vue_vue_type_style_index_0_scoped_c1ea1f88_lang.css";
|
|
24
24
|
@import "../components/core/icon-button.ce.vue_vue_type_style_index_0_scoped_a18b4478_lang.css";
|
|
25
25
|
@import "../components/core/menu.ce.vue_vue_type_style_index_0_scoped_597751c9_lang.css";
|
|
26
|
-
@import "../components/core/notification.ce.
|
|
26
|
+
@import "../components/core/notification.ce.vue_vue_type_style_index_0_scoped_1c6f5605_lang.css";
|
|
27
27
|
@import "../components/input/number-field.ce.vue_vue_type_style_index_0_scoped_9eb508b4_lang.css";
|
|
28
28
|
@import "../components/core/pagination.ce.vue_vue_type_style_index_0_scoped_d62e7dea_lang.css";
|
|
29
29
|
@import "../components/interaction/popover.ce.vue_vue_type_style_index_0_scoped_be7411d6_lang.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
-
@import "../components/core/notification.ce.
|
|
4
|
-
@import "../components/utility/notification-queue.ce.
|
|
3
|
+
@import "../components/core/notification.ce.vue_vue_type_style_index_0_scoped_1c6f5605_lang.css";
|
|
4
|
+
@import "../components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_75bf46e7_lang.css";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
-
@import "../components/core/notification.ce.
|
|
3
|
+
@import "../components/core/notification.ce.vue_vue_type_style_index_0_scoped_1c6f5605_lang.css";
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
4
4
|
@import "../components/core/icon-button.ce.vue_vue_type_style_index_0_scoped_a18b4478_lang.css";
|
|
5
5
|
@import "../components/interaction/chip.ce.vue_vue_type_style_index_0_scoped_541c9ed1_lang.css";
|
|
6
|
-
@import "../components/utility/tag-group.ce.
|
|
6
|
+
@import "../components/utility/tag-group.ce.vue_vue_type_style_index_0_scoped_b575c982_lang.css";
|
|
@@ -117,8 +117,11 @@ var S = [
|
|
|
117
117
|
I = !0, L = G.value, X();
|
|
118
118
|
}), l(() => {
|
|
119
119
|
I = !1, J();
|
|
120
|
-
}), (r, s) => (d(), te(n, c({
|
|
121
|
-
|
|
120
|
+
}), (r, s) => (d(), te(n, c({
|
|
121
|
+
name: "kima-notification",
|
|
122
|
+
css: !e.stacked
|
|
123
|
+
}, h(ee)), {
|
|
124
|
+
default: y(() => [e.stacked || j.value ? (d(), a("div", c({ key: 0 }, {
|
|
122
125
|
...h(k),
|
|
123
126
|
id: h(A) ? void 0 : h(k).id,
|
|
124
127
|
title: void 0
|
|
@@ -169,7 +172,7 @@ var S = [
|
|
|
169
172
|
}, null, 8, ["icon"])])) : i("", !0)
|
|
170
173
|
], 16, S)) : i("", !0)]),
|
|
171
174
|
_: 3
|
|
172
|
-
}, 16));
|
|
175
|
+
}, 16, ["css"]));
|
|
173
176
|
}
|
|
174
|
-
}), [["__scopeId", "data-v-
|
|
177
|
+
}), [["__scopeId", "data-v-1c6f5605"]]);
|
|
175
178
|
export { E as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import { createNotifications as
|
|
2
|
+
import { freezeLeaveLayout as t, presenceTransition as n, restoreLeaveLayout as r } from "../../utils/motion.js";
|
|
3
|
+
import i from "../core/notification.ce.js";
|
|
4
|
+
import { createNotifications as a } from "../../utils/notifications.js";
|
|
5
5
|
/* empty css */
|
|
6
|
-
import { Fragment as
|
|
7
|
-
var
|
|
6
|
+
import { Fragment as o, TransitionGroup as s, computed as c, createElementBlock as l, createVNode as u, getCurrentInstance as d, mergeProps as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as g, toRaw as _, unref as v, useAttrs as y, useHost as b, watch as x, withCtx as S } from "vue";
|
|
7
|
+
var C = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
8
8
|
__name: "notification-queue.ce",
|
|
9
9
|
props: {
|
|
10
10
|
items: {
|
|
@@ -33,79 +33,90 @@ var b = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
|
33
33
|
"dismiss",
|
|
34
34
|
"close"
|
|
35
35
|
],
|
|
36
|
-
setup(e, { expose:
|
|
37
|
-
let
|
|
38
|
-
function
|
|
39
|
-
return
|
|
40
|
-
|
|
41
|
-
})),
|
|
36
|
+
setup(e, { expose: C, emit: w }) {
|
|
37
|
+
let T = e, E = w, D = y(), O = d()?.ce ? b() : null, k = h([]), A = a({ capacity: T.capacity }), j = h(!1);
|
|
38
|
+
function M() {
|
|
39
|
+
return T.service ? T.service : (j.value || (j.value = !0, R?.(), R = A.subscribe((e) => {
|
|
40
|
+
k.value = L(e);
|
|
41
|
+
})), A);
|
|
42
42
|
}
|
|
43
|
-
|
|
44
|
-
push: (e) =>
|
|
45
|
-
update: (e, t) =>
|
|
46
|
-
dismiss: (e) =>
|
|
47
|
-
clear: () =>
|
|
43
|
+
C({
|
|
44
|
+
push: (e) => M().push(e),
|
|
45
|
+
update: (e, t) => M().update(e, t),
|
|
46
|
+
dismiss: (e) => M().dismiss(e),
|
|
47
|
+
clear: () => M().clear()
|
|
48
48
|
});
|
|
49
|
-
let
|
|
50
|
-
...
|
|
49
|
+
let N = c(() => O ? {
|
|
50
|
+
...D,
|
|
51
51
|
id: void 0
|
|
52
|
-
} :
|
|
53
|
-
function
|
|
54
|
-
|
|
52
|
+
} : D), P = /* @__PURE__ */ new WeakMap(), F = 0;
|
|
53
|
+
function I(e) {
|
|
54
|
+
let t = e && typeof e == "object" ? e[T.dedupeKey] ?? e.id ?? e.key : e;
|
|
55
|
+
if (t != null) return t;
|
|
56
|
+
if (typeof e != "object" || !e) return `${typeof e}:${String(e)}`;
|
|
57
|
+
let n = _(e);
|
|
58
|
+
return P.has(n) || P.set(n, Symbol(`notice-${++F}`)), P.get(n);
|
|
55
59
|
}
|
|
56
|
-
function
|
|
57
|
-
let t = Math.max(0, Math.floor(Number(
|
|
60
|
+
function L(e) {
|
|
61
|
+
let t = Math.max(0, Math.floor(Number(T.capacity) || 0));
|
|
58
62
|
if (!t) return [];
|
|
59
63
|
let n = /* @__PURE__ */ new Set();
|
|
60
|
-
return e.filter((e
|
|
61
|
-
|
|
62
|
-
|
|
64
|
+
return e.filter((e) => {
|
|
65
|
+
if (e == null || typeof e == "object" && e.open === !1) return !1;
|
|
66
|
+
let t = I(e);
|
|
67
|
+
return !n.has(t) && (n.add(t), !0);
|
|
63
68
|
}).slice(-t);
|
|
64
69
|
}
|
|
65
|
-
let
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
let t = e || (
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}), t || (
|
|
72
|
-
}, { immediate: !0 }),
|
|
73
|
-
|
|
70
|
+
let R;
|
|
71
|
+
x(() => T.service, (e) => {
|
|
72
|
+
R?.();
|
|
73
|
+
let t = e || (j.value ? A : null);
|
|
74
|
+
R = t?.subscribe?.((e) => {
|
|
75
|
+
k.value = L(e);
|
|
76
|
+
}), t || (k.value = L(T.items));
|
|
77
|
+
}, { immediate: !0 }), x(() => [T.items, T.capacity], () => {
|
|
78
|
+
A.setCapacity(T.capacity), k.value = L(T.service?.snapshot?.() || (j.value ? A.snapshot() : T.items));
|
|
74
79
|
}, {
|
|
75
80
|
immediate: !0,
|
|
76
81
|
deep: !0
|
|
77
|
-
}),
|
|
78
|
-
let
|
|
79
|
-
function
|
|
80
|
-
let n =
|
|
81
|
-
(
|
|
82
|
-
let r =
|
|
83
|
-
|
|
82
|
+
}), p(() => R?.());
|
|
83
|
+
let z = c(() => k.value);
|
|
84
|
+
function B(e, t = "close") {
|
|
85
|
+
let n = I(e);
|
|
86
|
+
(T.service || (j.value ? A : null))?.dismiss?.(e.id);
|
|
87
|
+
let r = k.value.filter((e) => I(e) !== n);
|
|
88
|
+
k.value = r, E("update:items", r), E("dismiss", e, t), E("close", e, t);
|
|
84
89
|
}
|
|
85
|
-
function
|
|
86
|
-
let { id: t, key: n, open: r, ...i } = e
|
|
90
|
+
function V(e) {
|
|
91
|
+
let { id: t, key: n, open: r, ...i } = e && typeof e == "object" ? e : { message: String(e ?? "") };
|
|
87
92
|
return {
|
|
88
93
|
...i,
|
|
89
|
-
position:
|
|
94
|
+
position: T.position,
|
|
90
95
|
open: !0,
|
|
91
96
|
stacked: !0
|
|
92
97
|
};
|
|
93
98
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
+
function H(e) {
|
|
100
|
+
let n = e.getBoundingClientRect(), r = e.parentElement.getBoundingClientRect();
|
|
101
|
+
t(e), T.position.startsWith("bottom") && (e.style.top = "auto", e.style.bottom = `${r.bottom - n.bottom}px`);
|
|
102
|
+
}
|
|
103
|
+
let U = c(() => T.position.includes("right") ? "right" : T.position.includes("left") ? "left" : T.position.startsWith("bottom") ? "down" : "up");
|
|
104
|
+
return (t, a) => (m(), l("div", f(N.value, { class: ["kima-notification-queue", [`kima-notification-queue--${e.position}`, `kima-notification-queue--slide-${U.value}`]] }), [u(s, f({
|
|
99
105
|
name: "kima-notification-queue",
|
|
100
106
|
tag: "div",
|
|
101
107
|
class: "kima-notification-queue__stack"
|
|
102
|
-
},
|
|
103
|
-
|
|
104
|
-
|
|
108
|
+
}, {
|
|
109
|
+
...v(n),
|
|
110
|
+
onBeforeLeave: H,
|
|
111
|
+
onBeforeEnter: v(r),
|
|
112
|
+
onLeaveCancelled: v(r)
|
|
113
|
+
}), {
|
|
114
|
+
default: S(() => [(m(!0), l(o, null, g(z.value, (e) => (m(), l("div", {
|
|
115
|
+
key: I(e),
|
|
105
116
|
class: "kima-notification-queue__item"
|
|
106
|
-
}, [
|
|
117
|
+
}, [u(i, f({ ref_for: !0 }, V(e), { onClose: (t) => B(e, t) }), null, 16, ["onClose"])]))), 128))]),
|
|
107
118
|
_: 1
|
|
108
119
|
}, 16)], 16));
|
|
109
120
|
}
|
|
110
|
-
}), [["__scopeId", "data-v-
|
|
111
|
-
export {
|
|
121
|
+
}), [["__scopeId", "data-v-75bf46e7"]]);
|
|
122
|
+
export { C as default };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
-
import { freezeLeaveLayout as t, presenceTransition as n } from "../../utils/motion.js";
|
|
3
|
-
import { useInteractionModel as
|
|
4
|
-
import { useContentMotion as
|
|
5
|
-
import
|
|
2
|
+
import { freezeLeaveLayout as t, presenceTransition as n, useLayoutFlip as r } from "../../utils/motion.js";
|
|
3
|
+
import { useInteractionModel as i, useInteractionReset as a, useInteractionRoot as o } from "../../utils/interaction.js";
|
|
4
|
+
import { useContentMotion as s } from "../../utils/content-motion.js";
|
|
5
|
+
import c from "../interaction/chip.ce.js";
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { Fragment as
|
|
7
|
+
import { Fragment as l, TransitionGroup as u, computed as d, createBlock as f, createElementBlock as p, createVNode as m, mergeProps as h, nextTick as g, onMounted as _, openBlock as v, ref as y, renderList as b, unref as x, watch as S, withCtx as C } from "vue";
|
|
8
8
|
// src/components/utility/tag-group.ce.vue
|
|
9
|
-
var
|
|
9
|
+
var w = ["aria-label"], T = [
|
|
10
10
|
"name",
|
|
11
11
|
"value",
|
|
12
12
|
"disabled"
|
|
13
|
-
],
|
|
13
|
+
], E = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
14
14
|
__name: "tag-group.ce",
|
|
15
15
|
props: {
|
|
16
16
|
items: {
|
|
@@ -36,77 +36,81 @@ var C = ["aria-label"], w = [
|
|
|
36
36
|
"change",
|
|
37
37
|
"remove"
|
|
38
38
|
],
|
|
39
|
-
setup(e, { emit:
|
|
40
|
-
let
|
|
39
|
+
setup(e, { emit: E }) {
|
|
40
|
+
let D = e, O = E, { root: k, forwardedAttrs: A } = o(), [j, M] = i(D, "items", O), [N, P] = i(D, "modelValue", O), F = y(0), I = d(() => j.value.map((e) => typeof e == "object" ? e : {
|
|
41
41
|
value: e,
|
|
42
42
|
label: String(e)
|
|
43
43
|
}));
|
|
44
|
-
|
|
45
|
-
let
|
|
46
|
-
function
|
|
47
|
-
|
|
44
|
+
s(k, () => I.value);
|
|
45
|
+
let L = y(null), R = r(L, "[data-kima-flip-key]"), z = (e) => N.value.includes(e.value);
|
|
46
|
+
function B(e) {
|
|
47
|
+
D.disabled || e.disabled || (P(z(e) ? N.value.filter((t) => t !== e.value) : [...N.value, e.value]), O("change", N.value));
|
|
48
48
|
}
|
|
49
|
-
function
|
|
50
|
-
return [...
|
|
49
|
+
function V() {
|
|
50
|
+
return [...k.value?.querySelectorAll("button:not(:disabled)") || []].filter((e) => !e.closest("[inert]"));
|
|
51
51
|
}
|
|
52
|
-
async function
|
|
53
|
-
await
|
|
54
|
-
let t =
|
|
55
|
-
|
|
56
|
-
e.tabIndex = t ===
|
|
57
|
-
}), e && t[
|
|
52
|
+
async function H(e = !1) {
|
|
53
|
+
await g();
|
|
54
|
+
let t = V();
|
|
55
|
+
F.value = Math.max(0, Math.min(F.value, t.length - 1)), t.forEach((e, t) => {
|
|
56
|
+
e.tabIndex = t === F.value ? 0 : -1;
|
|
57
|
+
}), e && t[F.value]?.focus();
|
|
58
58
|
}
|
|
59
|
-
function
|
|
60
|
-
|
|
59
|
+
function U(e) {
|
|
60
|
+
D.disabled || e.disabled || (R.capture(), M(j.value.filter((t) => (typeof t == "object" ? t.value : t) !== e.value)), P(N.value.filter((t) => t !== e.value)), O("remove", e), R.play(), H(!0));
|
|
61
61
|
}
|
|
62
|
-
function
|
|
63
|
-
let t =
|
|
62
|
+
function W(e) {
|
|
63
|
+
let t = V(), n = t.indexOf(e.target);
|
|
64
64
|
if (!(n < 0) && ([
|
|
65
65
|
"ArrowRight",
|
|
66
66
|
"ArrowLeft",
|
|
67
67
|
"Home",
|
|
68
68
|
"End"
|
|
69
|
-
].includes(e.key) && (e.preventDefault(),
|
|
69
|
+
].includes(e.key) && (e.preventDefault(), F.value = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowLeft" ? -1 : 1) + t.length) % t.length, H(!0)), ["Delete", "Backspace"].includes(e.key) && D.removable)) {
|
|
70
70
|
let t = e.target.closest("[data-tag-index]")?.dataset.tagIndex;
|
|
71
|
-
t != null && (e.preventDefault(),
|
|
71
|
+
t != null && (e.preventDefault(), U(I.value[Number(t)]));
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
return
|
|
75
|
-
|
|
76
|
-
() =>
|
|
77
|
-
() =>
|
|
78
|
-
() =>
|
|
79
|
-
], () =>
|
|
74
|
+
return S([
|
|
75
|
+
I,
|
|
76
|
+
() => D.disabled,
|
|
77
|
+
() => D.selectable,
|
|
78
|
+
() => D.removable
|
|
79
|
+
], () => H(), {
|
|
80
80
|
immediate: !0,
|
|
81
81
|
flush: "post"
|
|
82
|
-
}),
|
|
82
|
+
}), _(() => H()), a(k, N, P), a(k, j, M), (r, i) => (v(), p("div", h({
|
|
83
83
|
ref_key: "root",
|
|
84
|
-
ref:
|
|
85
|
-
},
|
|
84
|
+
ref: k
|
|
85
|
+
}, x(A), {
|
|
86
86
|
class: "kima-tag-group",
|
|
87
87
|
role: "group",
|
|
88
88
|
"aria-label": e.label,
|
|
89
|
-
onKeydown:
|
|
90
|
-
}), [
|
|
89
|
+
onKeydown: W
|
|
90
|
+
}), [m(u, h({
|
|
91
|
+
ref_key: "flipRoot",
|
|
92
|
+
ref: L,
|
|
91
93
|
name: "kima-list",
|
|
92
94
|
tag: "div",
|
|
93
95
|
class: "kima-tag-group__items"
|
|
94
96
|
}, {
|
|
95
|
-
...
|
|
96
|
-
onBeforeLeave:
|
|
97
|
+
...x(n),
|
|
98
|
+
onBeforeLeave: x(t)
|
|
97
99
|
}), {
|
|
98
|
-
default:
|
|
100
|
+
default: C(() => [(v(!0), p(l, null, b(I.value, (t, n) => (v(), f(c, {
|
|
99
101
|
key: t.value,
|
|
102
|
+
"data-kima-flip-key": t.value,
|
|
100
103
|
"data-tag-index": n,
|
|
101
104
|
label: t.label,
|
|
102
105
|
value: t.value,
|
|
103
106
|
selectable: e.selectable,
|
|
104
107
|
removable: e.removable,
|
|
105
108
|
disabled: e.disabled || t.disabled,
|
|
106
|
-
"model-value":
|
|
107
|
-
onChange: (e) =>
|
|
108
|
-
onRemove: (e) =>
|
|
109
|
+
"model-value": z(t),
|
|
110
|
+
onChange: (e) => B(t),
|
|
111
|
+
onRemove: (e) => U(t)
|
|
109
112
|
}, null, 8, [
|
|
113
|
+
"data-kima-flip-key",
|
|
110
114
|
"data-tag-index",
|
|
111
115
|
"label",
|
|
112
116
|
"value",
|
|
@@ -118,13 +122,13 @@ var C = ["aria-label"], w = [
|
|
|
118
122
|
"onRemove"
|
|
119
123
|
]))), 128))]),
|
|
120
124
|
_: 1
|
|
121
|
-
}, 16), (
|
|
125
|
+
}, 16), (v(!0), p(l, null, b(x(N), (t) => (v(), p("input", {
|
|
122
126
|
key: t,
|
|
123
127
|
type: "hidden",
|
|
124
128
|
name: e.name,
|
|
125
129
|
value: t,
|
|
126
130
|
disabled: e.disabled
|
|
127
|
-
}, null, 8,
|
|
131
|
+
}, null, 8, T))), 128))], 16, w));
|
|
128
132
|
}
|
|
129
|
-
}), [["__scopeId", "data-v-
|
|
130
|
-
export {
|
|
133
|
+
}), [["__scopeId", "data-v-b575c982"]]);
|
|
134
|
+
export { E as default };
|