@kernel4632/kima 0.8.8 → 0.9.1
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_1cfa12e4_lang.css +1 -0
- package/dist/components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_8ff80bbb_lang.css +1 -0
- package/dist/kima-elements-core.js +41 -24
- package/dist/kima-elements.js +48 -29
- package/dist/style.css +2 -2
- package/dist/styles/core.css +1 -1
- package/dist/styles/notification-queue.css +2 -2
- package/dist/styles/notification.css +1 -1
- package/dist/vue/components/core/notification.ce.js +58 -41
- package/dist/vue/components/utility/notification-queue.ce.js +7 -5
- package/package.json +1 -1
- package/dist/components/core/notification.ce.vue_vue_type_style_index_0_scoped_8f69e04e_lang.css +0 -1
- package/dist/components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_577f9716_lang.css +0 -1
package/dist/components/core/notification.ce.vue_vue_type_style_index_0_scoped_1cfa12e4_lang.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes kima-ripple-glow-1cfa12e4{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-1cfa12e4]{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-1cfa12e4]{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-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-right.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-left.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--slide-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-up.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-up.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(-100% - 24px))}.kima-notification--slide-down.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-down.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(100% + 24px))}.kima-notification--top.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-1cfa12e4]{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;overflow:auto}.kima-notification--stacked[data-v-1cfa12e4]{pointer-events:auto;width:100%;position:relative;inset:auto}.kima-notification__icon[data-v-1cfa12e4]{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-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-4)}.kima-notification--info[data-v-1cfa12e4]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-1cfa12e4]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-1cfa12e4]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-1cfa12e4]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-1cfa12e4]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-1cfa12e4]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-1cfa12e4]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-1cfa12e4]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-1cfa12e4]:empty{display:none}.kima-notification__close[data-v-1cfa12e4]{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-1cfa12e4]: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-1cfa12e4]>*{z-index:2;position:relative}.kima-notification__close[data-v-1cfa12e4]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-1cfa12e4]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-1cfa12e4]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-1cfa12e4]: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-1cfa12e4]{position:relative;overflow:hidden}.kima-notification__close[data-v-1cfa12e4] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-1cfa12e4 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-1cfa12e4]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-1cfa12e4]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-1cfa12e4]{transition:none}.kima-notification-enter-active[data-v-1cfa12e4],.kima-notification-leave-active[data-v-1cfa12e4]{transition-duration:1ms}.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{transform:none}.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-3)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.kima-notification-queue[data-v-8ff80bbb]{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-8ff80bbb],.kima-notification-queue--top-center[data-v-8ff80bbb],.kima-notification-queue--top-left[data-v-8ff80bbb],.kima-notification-queue--top-right[data-v-8ff80bbb]{top:var(--kima-space-4)}.kima-notification-queue--bottom[data-v-8ff80bbb],.kima-notification-queue--bottom-center[data-v-8ff80bbb],.kima-notification-queue--bottom-left[data-v-8ff80bbb],.kima-notification-queue--bottom-right[data-v-8ff80bbb]{bottom:var(--kima-space-4)}.kima-notification-queue--top[data-v-8ff80bbb],.kima-notification-queue--bottom[data-v-8ff80bbb],.kima-notification-queue--top-center[data-v-8ff80bbb],.kima-notification-queue--bottom-center[data-v-8ff80bbb]{left:50%;transform:translate(-50%)}.kima-notification-queue--top-left[data-v-8ff80bbb],.kima-notification-queue--bottom-left[data-v-8ff80bbb]{left:var(--kima-space-4)}.kima-notification-queue--top-right[data-v-8ff80bbb],.kima-notification-queue--bottom-right[data-v-8ff80bbb]{right:var(--kima-space-4)}.kima-notification-queue--slide-right .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-right .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translate(calc(100% + 24px))}.kima-notification-queue--slide-left .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-left .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translate(calc(-100% - 24px))}.kima-notification-queue--slide-up .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-up .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translateY(calc(-100% - 24px))}.kima-notification-queue--slide-down .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-down .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translateY(calc(100% + 24px))}.kima-notification-queue__stack[data-v-8ff80bbb]{gap:var(--kima-space-3);pointer-events:none;display:grid}.kima-notification-queue__item[data-v-8ff80bbb]{min-width:0}.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb]{pointer-events:none;position:absolute;inset-inline:0}.kima-notification-queue__item.kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-to[data-v-8ff80bbb]{opacity:0}@media (prefers-reduced-motion:reduce){.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-move[data-v-8ff80bbb]{transition-duration:1ms}}
|
|
@@ -50291,7 +50291,7 @@ var fW = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
50291
50291
|
_: 3
|
|
50292
50292
|
}, 8, ["open"])], 16));
|
|
50293
50293
|
}
|
|
50294
|
-
}), [["styles", [fW]], ["__scopeId", "data-v-597751c9"]]), vW = "@keyframes kima-ripple-glow-
|
|
50294
|
+
}), [["styles", [fW]], ["__scopeId", "data-v-597751c9"]]), vW = "@keyframes kima-ripple-glow-1cfa12e4{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-1cfa12e4]{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-1cfa12e4]{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-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-right.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-left.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--slide-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-up.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-up.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(-100% - 24px))}.kima-notification--slide-down.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-down.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(100% + 24px))}.kima-notification--top.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-1cfa12e4]{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;overflow:auto}.kima-notification--stacked[data-v-1cfa12e4]{pointer-events:auto;width:100%;position:relative;inset:auto}.kima-notification__icon[data-v-1cfa12e4]{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-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-4)}.kima-notification--info[data-v-1cfa12e4]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-1cfa12e4]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-1cfa12e4]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-1cfa12e4]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-1cfa12e4]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-1cfa12e4]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-1cfa12e4]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-1cfa12e4]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-1cfa12e4]:empty{display:none}.kima-notification__close[data-v-1cfa12e4]{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-1cfa12e4]: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-1cfa12e4]>*{z-index:2;position:relative}.kima-notification__close[data-v-1cfa12e4]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-1cfa12e4]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-1cfa12e4]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-1cfa12e4]: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-1cfa12e4]{position:relative;overflow:hidden}.kima-notification__close[data-v-1cfa12e4] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-1cfa12e4 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-1cfa12e4]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-1cfa12e4]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-1cfa12e4]{transition:none}.kima-notification-enter-active[data-v-1cfa12e4],.kima-notification-leave-active[data-v-1cfa12e4]{transition-duration:1ms}.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{transform:none}.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-3)}}", yW = [
|
|
50295
50295
|
"role",
|
|
50296
50296
|
"aria-live",
|
|
50297
50297
|
"aria-labelledby",
|
|
@@ -50337,6 +50337,14 @@ var fW = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
50337
50337
|
icon: {
|
|
50338
50338
|
type: [Object, Array],
|
|
50339
50339
|
default: null
|
|
50340
|
+
},
|
|
50341
|
+
stacked: {
|
|
50342
|
+
type: Boolean,
|
|
50343
|
+
default: !1
|
|
50344
|
+
},
|
|
50345
|
+
slide: {
|
|
50346
|
+
type: String,
|
|
50347
|
+
default: ""
|
|
50340
50348
|
}
|
|
50341
50349
|
},
|
|
50342
50350
|
emits: ["update:open", "close"],
|
|
@@ -50361,51 +50369,60 @@ var fW = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
50361
50369
|
success: Pu,
|
|
50362
50370
|
warning: Tu,
|
|
50363
50371
|
danger: Eu
|
|
50364
|
-
}, S = X(() => n.icon ?? x[g.value] ?? null)
|
|
50365
|
-
|
|
50372
|
+
}, S = X(() => n.icon ?? x[g.value] ?? null), C = X(() => [
|
|
50373
|
+
"right",
|
|
50374
|
+
"left",
|
|
50375
|
+
"up",
|
|
50376
|
+
"down"
|
|
50377
|
+
].includes(n.slide) ? n.slide : _.value.includes("right") ? "right" : _.value.includes("left") ? "left" : _.value.startsWith("bottom") ? "down" : "up");
|
|
50378
|
+
function w() {
|
|
50366
50379
|
u !== null && (clearTimeout(u), u = null);
|
|
50367
50380
|
}
|
|
50368
|
-
function
|
|
50369
|
-
o.value && (
|
|
50370
|
-
}
|
|
50371
|
-
function T() {
|
|
50372
|
-
C(), d && o.value && b.value !== 0 && !m && !h && (p = Date.now(), u = setTimeout(() => {
|
|
50373
|
-
u = null, w("timeout");
|
|
50374
|
-
}, f));
|
|
50381
|
+
function T(e = "close") {
|
|
50382
|
+
o.value && (w(), o.value = !1, r("update:open", !1), r("close", e));
|
|
50375
50383
|
}
|
|
50376
50384
|
function E() {
|
|
50377
|
-
|
|
50385
|
+
w(), d && o.value && b.value !== 0 && !m && !h && (p = Date.now(), u = setTimeout(() => {
|
|
50386
|
+
u = null, T("timeout");
|
|
50387
|
+
}, f));
|
|
50378
50388
|
}
|
|
50379
|
-
function D(
|
|
50380
|
-
|
|
50389
|
+
function D() {
|
|
50390
|
+
u !== null && (f = Math.max(0, f - (Date.now() - p)), w());
|
|
50381
50391
|
}
|
|
50382
50392
|
function O(e) {
|
|
50383
|
-
|
|
50393
|
+
m = e, e ? D() : E();
|
|
50394
|
+
}
|
|
50395
|
+
function k(e) {
|
|
50396
|
+
h = e.type === "focusin" || e.currentTarget.contains(e.relatedTarget), h ? D() : E();
|
|
50384
50397
|
}
|
|
50385
50398
|
return z(() => n.open, (e) => {
|
|
50386
50399
|
o.value = e;
|
|
50387
50400
|
}), z([o, b], ([e]) => {
|
|
50388
|
-
f = b.value, e ?
|
|
50401
|
+
f = b.value, e ? E() : (w(), m = !1, h = !1);
|
|
50389
50402
|
}, { immediate: !0 }), Ji(() => {
|
|
50390
|
-
d = !0, f = b.value,
|
|
50403
|
+
d = !0, f = b.value, E();
|
|
50391
50404
|
}), Zi(() => {
|
|
50392
|
-
d = !1,
|
|
50405
|
+
d = !1, w();
|
|
50393
50406
|
}), (t, n) => (H(), W(bc, Y({ name: "kima-notification" }, I(yd)), {
|
|
50394
50407
|
default: R(() => [o.value ? (H(), U("div", Y({ key: 0 }, {
|
|
50395
50408
|
...I(i),
|
|
50396
50409
|
id: I(a) ? void 0 : I(i).id,
|
|
50397
50410
|
title: void 0
|
|
50398
50411
|
}, {
|
|
50399
|
-
class: ["kima-notification", [
|
|
50412
|
+
class: ["kima-notification", [
|
|
50413
|
+
`kima-notification--${g.value}`,
|
|
50414
|
+
{ "kima-notification--stacked": e.stacked },
|
|
50415
|
+
e.stacked ? `kima-notification--slide-${C.value}` : `kima-notification--${_.value}`
|
|
50416
|
+
]],
|
|
50400
50417
|
role: v.value,
|
|
50401
50418
|
"aria-live": y.value,
|
|
50402
50419
|
"aria-atomic": "true",
|
|
50403
50420
|
"aria-labelledby": e.heading || I(i).title ? c : void 0,
|
|
50404
50421
|
"aria-describedby": e.message ? l : void 0,
|
|
50405
|
-
onMouseenter: n[1] ||= (e) =>
|
|
50406
|
-
onMouseleave: n[2] ||= (e) =>
|
|
50407
|
-
onFocusin:
|
|
50408
|
-
onFocusout:
|
|
50422
|
+
onMouseenter: n[1] ||= (e) => O(!0),
|
|
50423
|
+
onMouseleave: n[2] ||= (e) => O(!1),
|
|
50424
|
+
onFocusin: k,
|
|
50425
|
+
onFocusout: k
|
|
50409
50426
|
}), [
|
|
50410
50427
|
S.value ? (H(), U("span", bW, [K(td, {
|
|
50411
50428
|
icon: S.value,
|
|
@@ -50430,7 +50447,7 @@ var fW = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
50430
50447
|
type: "button",
|
|
50431
50448
|
"aria-label": "关闭通知",
|
|
50432
50449
|
title: "关闭通知",
|
|
50433
|
-
onClick: n[0] ||= (e) =>
|
|
50450
|
+
onClick: n[0] ||= (e) => T("button")
|
|
50434
50451
|
}, [K(td, {
|
|
50435
50452
|
icon: I(Nu),
|
|
50436
50453
|
size: 18,
|
|
@@ -50440,7 +50457,7 @@ var fW = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to{
|
|
|
50440
50457
|
_: 3
|
|
50441
50458
|
}, 16));
|
|
50442
50459
|
}
|
|
50443
|
-
}), [["styles", [vW]], ["__scopeId", "data-v-
|
|
50460
|
+
}), [["styles", [vW]], ["__scopeId", "data-v-1cfa12e4"]]), wW = "@keyframes kima-ripple-glow-9eb508b4{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-number-field[data-v-9eb508b4]{box-sizing:border-box;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-large);font-weight:var(--kima-font-weight-semi-bold)}.kima-number-field[aria-disabled=true][data-v-9eb508b4]{opacity:var(--kima-opacity-disabled)}.kima-number-field[data-v-9eb508b4]{background:var(--kima-color-layer-2);border:0;position:relative}.kima-number-field[data-v-9eb508b4]: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-number-field[data-v-9eb508b4]>*{z-index:2;position:relative}.kima-number-field[data-v-9eb508b4]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-number-field[data-v-9eb508b4]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-number-field[data-v-9eb508b4]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-number-field[data-v-9eb508b4]{position:relative;overflow:hidden}.kima-number-field[data-v-9eb508b4] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-9eb508b4 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-number-field[data-v-9eb508b4]{border-radius:var(--kima-radius-m);transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard)}.kima-number-field[data-v-9eb508b4]:focus-within{background:var(--kima-color-layer-3);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-number-field[data-v-9eb508b4]{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);align-items:center;gap:var(--kima-space-1);padding:0 var(--kima-space-1);display:flex}.kima-number-field input[data-v-9eb508b4]{box-sizing:border-box;min-width:0;min-height:var(--kima-field-height);padding:var(--kima-space-3) var(--kima-field-padding);border-radius:inherit;color:inherit;background:var(--kima-color-transparent);font:inherit;border:0;outline:0}.kima-number-field input[data-v-9eb508b4]::placeholder{color:var(--kima-color-on-surface-variant)}.kima-number-field input[data-v-9eb508b4]:disabled{cursor:not-allowed}.kima-number-field input[data-v-9eb508b4]{text-align:center;appearance:textfield;flex:1;width:100%}.kima-number-field input[data-v-9eb508b4]::-webkit-inner-spin-button{appearance:none}", TW = ["aria-disabled"], EW = [
|
|
50444
50461
|
"aria-label",
|
|
50445
50462
|
"name",
|
|
50446
50463
|
"value",
|
package/dist/kima-elements.js
CHANGED
|
@@ -110952,7 +110952,7 @@ var Hje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
110952
110952
|
_: 3
|
|
110953
110953
|
}, 8, ["open"])], 16));
|
|
110954
110954
|
}
|
|
110955
|
-
}), [["styles", [Hje]], ["__scopeId", "data-v-597751c9"]]), Jje = "@keyframes kima-ripple-glow-
|
|
110955
|
+
}), [["styles", [Hje]], ["__scopeId", "data-v-597751c9"]]), Jje = "@keyframes kima-ripple-glow-1cfa12e4{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-1cfa12e4]{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-1cfa12e4]{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-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-right.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-left.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--slide-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-up.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-up.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(-100% - 24px))}.kima-notification--slide-down.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-down.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(100% + 24px))}.kima-notification--top.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-1cfa12e4]{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;overflow:auto}.kima-notification--stacked[data-v-1cfa12e4]{pointer-events:auto;width:100%;position:relative;inset:auto}.kima-notification__icon[data-v-1cfa12e4]{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-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-4)}.kima-notification--info[data-v-1cfa12e4]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-1cfa12e4]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-1cfa12e4]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-1cfa12e4]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-1cfa12e4]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-1cfa12e4]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-1cfa12e4]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-1cfa12e4]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-1cfa12e4]:empty{display:none}.kima-notification__close[data-v-1cfa12e4]{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-1cfa12e4]: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-1cfa12e4]>*{z-index:2;position:relative}.kima-notification__close[data-v-1cfa12e4]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-1cfa12e4]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-1cfa12e4]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-1cfa12e4]: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-1cfa12e4]{position:relative;overflow:hidden}.kima-notification__close[data-v-1cfa12e4] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-1cfa12e4 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-1cfa12e4]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-1cfa12e4]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-1cfa12e4]{transition:none}.kima-notification-enter-active[data-v-1cfa12e4],.kima-notification-leave-active[data-v-1cfa12e4]{transition-duration:1ms}.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{transform:none}.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-3)}}", Yje = [
|
|
110956
110956
|
"role",
|
|
110957
110957
|
"aria-live",
|
|
110958
110958
|
"aria-labelledby",
|
|
@@ -110998,6 +110998,14 @@ var Hje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
110998
110998
|
icon: {
|
|
110999
110999
|
type: [Object, Array],
|
|
111000
111000
|
default: null
|
|
111001
|
+
},
|
|
111002
|
+
stacked: {
|
|
111003
|
+
type: Boolean,
|
|
111004
|
+
default: !1
|
|
111005
|
+
},
|
|
111006
|
+
slide: {
|
|
111007
|
+
type: String,
|
|
111008
|
+
default: ""
|
|
111001
111009
|
}
|
|
111002
111010
|
},
|
|
111003
111011
|
emits: ["update:open", "close"],
|
|
@@ -111022,51 +111030,60 @@ var Hje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
111022
111030
|
success: _w,
|
|
111023
111031
|
warning: cw,
|
|
111024
111032
|
danger: lw
|
|
111025
|
-
}, S = U(() => n.icon ?? x[g.value] ?? null)
|
|
111026
|
-
|
|
111033
|
+
}, S = U(() => n.icon ?? x[g.value] ?? null), C = U(() => [
|
|
111034
|
+
"right",
|
|
111035
|
+
"left",
|
|
111036
|
+
"up",
|
|
111037
|
+
"down"
|
|
111038
|
+
].includes(n.slide) ? n.slide : _.value.includes("right") ? "right" : _.value.includes("left") ? "left" : _.value.startsWith("bottom") ? "down" : "up");
|
|
111039
|
+
function w() {
|
|
111027
111040
|
u !== null && (clearTimeout(u), u = null);
|
|
111028
111041
|
}
|
|
111029
|
-
function
|
|
111030
|
-
o.value && (
|
|
111031
|
-
}
|
|
111032
|
-
function T() {
|
|
111033
|
-
C(), d && o.value && b.value !== 0 && !m && !h && (p = Date.now(), u = setTimeout(() => {
|
|
111034
|
-
u = null, w("timeout");
|
|
111035
|
-
}, f));
|
|
111042
|
+
function T(e = "close") {
|
|
111043
|
+
o.value && (w(), o.value = !1, r("update:open", !1), r("close", e));
|
|
111036
111044
|
}
|
|
111037
111045
|
function E() {
|
|
111038
|
-
|
|
111046
|
+
w(), d && o.value && b.value !== 0 && !m && !h && (p = Date.now(), u = setTimeout(() => {
|
|
111047
|
+
u = null, T("timeout");
|
|
111048
|
+
}, f));
|
|
111039
111049
|
}
|
|
111040
|
-
function D(
|
|
111041
|
-
|
|
111050
|
+
function D() {
|
|
111051
|
+
u !== null && (f = Math.max(0, f - (Date.now() - p)), w());
|
|
111042
111052
|
}
|
|
111043
111053
|
function ee(e) {
|
|
111044
|
-
|
|
111054
|
+
m = e, e ? D() : E();
|
|
111055
|
+
}
|
|
111056
|
+
function O(e) {
|
|
111057
|
+
h = e.type === "focusin" || e.currentTarget.contains(e.relatedTarget), h ? D() : E();
|
|
111045
111058
|
}
|
|
111046
111059
|
return N(() => n.open, (e) => {
|
|
111047
111060
|
o.value = e;
|
|
111048
111061
|
}), N([o, b], ([e]) => {
|
|
111049
|
-
f = b.value, e ?
|
|
111062
|
+
f = b.value, e ? E() : (w(), m = !1, h = !1);
|
|
111050
111063
|
}, { immediate: !0 }), yi(() => {
|
|
111051
|
-
d = !0, f = b.value,
|
|
111064
|
+
d = !0, f = b.value, E();
|
|
111052
111065
|
}), Si(() => {
|
|
111053
|
-
d = !1,
|
|
111066
|
+
d = !1, w();
|
|
111054
111067
|
}), (t, n) => (I(), R(ds, H({ name: "kima-notification" }, j(nl)), {
|
|
111055
111068
|
default: M(() => [o.value ? (I(), L("div", H({ key: 0 }, {
|
|
111056
111069
|
...j(i),
|
|
111057
111070
|
id: j(a) ? void 0 : j(i).id,
|
|
111058
111071
|
title: void 0
|
|
111059
111072
|
}, {
|
|
111060
|
-
class: ["kima-notification", [
|
|
111073
|
+
class: ["kima-notification", [
|
|
111074
|
+
`kima-notification--${g.value}`,
|
|
111075
|
+
{ "kima-notification--stacked": e.stacked },
|
|
111076
|
+
e.stacked ? `kima-notification--slide-${C.value}` : `kima-notification--${_.value}`
|
|
111077
|
+
]],
|
|
111061
111078
|
role: v.value,
|
|
111062
111079
|
"aria-live": y.value,
|
|
111063
111080
|
"aria-atomic": "true",
|
|
111064
111081
|
"aria-labelledby": e.heading || j(i).title ? c : void 0,
|
|
111065
111082
|
"aria-describedby": e.message ? l : void 0,
|
|
111066
|
-
onMouseenter: n[1] ||= (e) =>
|
|
111067
|
-
onMouseleave: n[2] ||= (e) =>
|
|
111068
|
-
onFocusin:
|
|
111069
|
-
onFocusout:
|
|
111083
|
+
onMouseenter: n[1] ||= (e) => ee(!0),
|
|
111084
|
+
onMouseleave: n[2] ||= (e) => ee(!1),
|
|
111085
|
+
onFocusin: O,
|
|
111086
|
+
onFocusout: O
|
|
111070
111087
|
}), [
|
|
111071
111088
|
S.value ? (I(), L("span", Xje, [B(ow, {
|
|
111072
111089
|
icon: S.value,
|
|
@@ -111091,7 +111108,7 @@ var Hje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
111091
111108
|
type: "button",
|
|
111092
111109
|
"aria-label": "关闭通知",
|
|
111093
111110
|
title: "关闭通知",
|
|
111094
|
-
onClick: n[0] ||= (e) =>
|
|
111111
|
+
onClick: n[0] ||= (e) => T("button")
|
|
111095
111112
|
}, [B(ow, {
|
|
111096
111113
|
icon: j(gw),
|
|
111097
111114
|
size: 18,
|
|
@@ -111101,7 +111118,7 @@ var Hje = "@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to
|
|
|
111101
111118
|
_: 3
|
|
111102
111119
|
}, 16));
|
|
111103
111120
|
}
|
|
111104
|
-
}), [["styles", [Jje]], ["__scopeId", "data-v-
|
|
111121
|
+
}), [["styles", [Jje]], ["__scopeId", "data-v-1cfa12e4"]]), $je = "@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}}", eMe = ["aria-label", "aria-disabled"], tMe = { class: "kima-pagination__list" }, nMe = ["tabindex", "disabled"], rMe = [
|
|
111105
111122
|
"tabindex",
|
|
111106
111123
|
"aria-label",
|
|
111107
111124
|
"data-page",
|
|
@@ -124063,25 +124080,27 @@ var aUe = /*#__PURE__*/ dl(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
|
124063
124080
|
return {
|
|
124064
124081
|
...a,
|
|
124065
124082
|
position: r.position,
|
|
124066
|
-
open: !0
|
|
124083
|
+
open: !0,
|
|
124084
|
+
stacked: !0
|
|
124067
124085
|
};
|
|
124068
124086
|
}
|
|
124087
|
+
let v = U(() => r.position.includes("right") ? "right" : r.position.includes("left") ? "left" : r.position.startsWith("bottom") ? "down" : "up");
|
|
124069
124088
|
return (t, n) => (I(), L("div", H(d.value, {
|
|
124070
|
-
class: ["kima-notification-queue", `kima-notification-queue--${e.position}`],
|
|
124089
|
+
class: ["kima-notification-queue", [`kima-notification-queue--${e.position}`, `kima-notification-queue--slide-${v.value}`]],
|
|
124071
124090
|
"aria-live": "polite"
|
|
124072
124091
|
}), [B(sc, H({
|
|
124073
|
-
name: "kima-
|
|
124092
|
+
name: "kima-notification-queue",
|
|
124074
124093
|
tag: "div",
|
|
124075
124094
|
class: "kima-notification-queue__stack"
|
|
124076
124095
|
}, j(nl)), {
|
|
124077
124096
|
default: M(() => [(I(!0), L(ro, null, Pi(h.value, (e, t) => (I(), L("div", {
|
|
124078
|
-
key: f(e, t),
|
|
124097
|
+
key: e.id ?? f(e, t),
|
|
124079
124098
|
class: "kima-notification-queue__item"
|
|
124080
124099
|
}, [B(M7, H({ ref_for: !0 }, _(e), { onClose: (t) => g(e, t) }), null, 16, ["onClose"])]))), 128))]),
|
|
124081
124100
|
_: 1
|
|
124082
124101
|
}, 16)], 16));
|
|
124083
124102
|
}
|
|
124084
|
-
}), [["styles", [".kima-notification-queue[data-v-
|
|
124103
|
+
}), [["styles", [".kima-notification-queue[data-v-8ff80bbb]{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-8ff80bbb],.kima-notification-queue--top-center[data-v-8ff80bbb],.kima-notification-queue--top-left[data-v-8ff80bbb],.kima-notification-queue--top-right[data-v-8ff80bbb]{top:var(--kima-space-4)}.kima-notification-queue--bottom[data-v-8ff80bbb],.kima-notification-queue--bottom-center[data-v-8ff80bbb],.kima-notification-queue--bottom-left[data-v-8ff80bbb],.kima-notification-queue--bottom-right[data-v-8ff80bbb]{bottom:var(--kima-space-4)}.kima-notification-queue--top[data-v-8ff80bbb],.kima-notification-queue--bottom[data-v-8ff80bbb],.kima-notification-queue--top-center[data-v-8ff80bbb],.kima-notification-queue--bottom-center[data-v-8ff80bbb]{left:50%;transform:translate(-50%)}.kima-notification-queue--top-left[data-v-8ff80bbb],.kima-notification-queue--bottom-left[data-v-8ff80bbb]{left:var(--kima-space-4)}.kima-notification-queue--top-right[data-v-8ff80bbb],.kima-notification-queue--bottom-right[data-v-8ff80bbb]{right:var(--kima-space-4)}.kima-notification-queue--slide-right .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-right .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translate(calc(100% + 24px))}.kima-notification-queue--slide-left .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-left .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translate(calc(-100% - 24px))}.kima-notification-queue--slide-up .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-up .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translateY(calc(-100% - 24px))}.kima-notification-queue--slide-down .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-down .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translateY(calc(100% + 24px))}.kima-notification-queue__stack[data-v-8ff80bbb]{gap:var(--kima-space-3);pointer-events:none;display:grid}.kima-notification-queue__item[data-v-8ff80bbb]{min-width:0}.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb]{pointer-events:none;position:absolute;inset-inline:0}.kima-notification-queue__item.kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-to[data-v-8ff80bbb]{opacity:0}@media (prefers-reduced-motion:reduce){.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-move[data-v-8ff80bbb]{transition-duration:1ms}}"]], ["__scopeId", "data-v-8ff80bbb"]]), oUe = ".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}", sUe = ["aria-label"], cUe = /*#__PURE__*/ dl(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
124085
124104
|
__name: "progress-group.ce",
|
|
124086
124105
|
props: {
|
|
124087
124106
|
tasks: {
|
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-1cfa12e4{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-1cfa12e4]{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-1cfa12e4]{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-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-right.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-left.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-right.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-right.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(100% + 24px))}.kima-notification--slide-left.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-left.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(calc(-100% - 24px))}.kima-notification--slide-up.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-up.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(-100% - 24px))}.kima-notification--slide-down.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--slide-down.kima-notification-leave-to[data-v-1cfa12e4]{transform:translateY(calc(100% + 24px))}.kima-notification--top.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--top.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--top-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification--bottom.kima-notification-leave-to[data-v-1cfa12e4],.kima-notification--bottom-center.kima-notification-leave-to[data-v-1cfa12e4]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-1cfa12e4]{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;overflow:auto}.kima-notification--stacked[data-v-1cfa12e4]{pointer-events:auto;width:100%;position:relative;inset:auto}.kima-notification__icon[data-v-1cfa12e4]{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-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{right:var(--kima-space-4)}.kima-notification--info[data-v-1cfa12e4]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-1cfa12e4]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-1cfa12e4]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-1cfa12e4]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-1cfa12e4]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-1cfa12e4]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-1cfa12e4]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-1cfa12e4]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-1cfa12e4]:empty{display:none}.kima-notification__close[data-v-1cfa12e4]{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-1cfa12e4]: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-1cfa12e4]>*{z-index:2;position:relative}.kima-notification__close[data-v-1cfa12e4]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-1cfa12e4]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-1cfa12e4]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-1cfa12e4]: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-1cfa12e4]{position:relative;overflow:hidden}.kima-notification__close[data-v-1cfa12e4] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-1cfa12e4 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-1cfa12e4]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-1cfa12e4]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-1cfa12e4]{transition:none}.kima-notification-enter-active[data-v-1cfa12e4],.kima-notification-leave-active[data-v-1cfa12e4]{transition-duration:1ms}.kima-notification-enter-from[data-v-1cfa12e4],.kima-notification-leave-to[data-v-1cfa12e4]{transform:none}.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-1cfa12e4],.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--top-center[data-v-1cfa12e4],.kima-notification--top-right[data-v-1cfa12e4]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4],.kima-notification--bottom-center[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-1cfa12e4],.kima-notification--bottom-left[data-v-1cfa12e4]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-1cfa12e4],.kima-notification--bottom-right[data-v-1cfa12e4]{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,7 +258,7 @@ 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-8ff80bbb]{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-8ff80bbb],.kima-notification-queue--top-center[data-v-8ff80bbb],.kima-notification-queue--top-left[data-v-8ff80bbb],.kima-notification-queue--top-right[data-v-8ff80bbb]{top:var(--kima-space-4)}.kima-notification-queue--bottom[data-v-8ff80bbb],.kima-notification-queue--bottom-center[data-v-8ff80bbb],.kima-notification-queue--bottom-left[data-v-8ff80bbb],.kima-notification-queue--bottom-right[data-v-8ff80bbb]{bottom:var(--kima-space-4)}.kima-notification-queue--top[data-v-8ff80bbb],.kima-notification-queue--bottom[data-v-8ff80bbb],.kima-notification-queue--top-center[data-v-8ff80bbb],.kima-notification-queue--bottom-center[data-v-8ff80bbb]{left:50%;transform:translate(-50%)}.kima-notification-queue--top-left[data-v-8ff80bbb],.kima-notification-queue--bottom-left[data-v-8ff80bbb]{left:var(--kima-space-4)}.kima-notification-queue--top-right[data-v-8ff80bbb],.kima-notification-queue--bottom-right[data-v-8ff80bbb]{right:var(--kima-space-4)}.kima-notification-queue--slide-right .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-right .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translate(calc(100% + 24px))}.kima-notification-queue--slide-left .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-left .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translate(calc(-100% - 24px))}.kima-notification-queue--slide-up .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-up .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translateY(calc(-100% - 24px))}.kima-notification-queue--slide-down .kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue--slide-down .kima-notification-queue-leave-to[data-v-8ff80bbb]{transform:translateY(calc(100% + 24px))}.kima-notification-queue__stack[data-v-8ff80bbb]{gap:var(--kima-space-3);pointer-events:none;display:grid}.kima-notification-queue__item[data-v-8ff80bbb]{min-width:0}.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb]{pointer-events:none;position:absolute;inset-inline:0}.kima-notification-queue__item.kima-notification-queue-enter-from[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-to[data-v-8ff80bbb]{opacity:0}@media (prefers-reduced-motion:reduce){.kima-notification-queue__item.kima-notification-queue-enter-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-leave-active[data-v-8ff80bbb],.kima-notification-queue__item.kima-notification-queue-move[data-v-8ff80bbb]{transition-duration:1ms}}
|
|
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*/
|
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_1cfa12e4_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_1cfa12e4_lang.css";
|
|
4
|
+
@import "../components/utility/notification-queue.ce.vue_vue_type_style_index_0_scoped_8ff80bbb_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_1cfa12e4_lang.css";
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
2
2
|
import t from "./icon.ce.js";
|
|
3
|
-
import { presenceTransition as
|
|
3
|
+
import { presenceTransition as ee } from "../../utils/motion.js";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import { Transition as
|
|
6
|
-
import { Alert02Icon as
|
|
5
|
+
import { Transition as n, computed as r, createBlock as te, createCommentVNode as i, createElementBlock as a, createElementVNode as ne, createVNode as o, getCurrentInstance as s, mergeProps as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useHost as _, useId as re, watch as v, withCtx as y } from "vue";
|
|
6
|
+
import { Alert02Icon as ie, AlertCircleIcon as ae, Cancel01Icon as oe, CheckmarkCircle02Icon as b, InformationCircleIcon as x } from "@hugeicons/core-free-icons";
|
|
7
7
|
// src/components/core/notification.ce.vue
|
|
8
|
-
var
|
|
8
|
+
var S = [
|
|
9
9
|
"role",
|
|
10
10
|
"aria-live",
|
|
11
11
|
"aria-labelledby",
|
|
12
12
|
"aria-describedby"
|
|
13
|
-
],
|
|
13
|
+
], C = {
|
|
14
14
|
key: 0,
|
|
15
15
|
class: "kima-notification__icon",
|
|
16
16
|
"aria-hidden": "true"
|
|
17
|
-
},
|
|
17
|
+
}, w = { class: "kima-notification__copy" }, T = {
|
|
18
18
|
key: 2,
|
|
19
19
|
class: "kima-notification__action"
|
|
20
20
|
}, E = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
@@ -51,17 +51,25 @@ var w = [
|
|
|
51
51
|
icon: {
|
|
52
52
|
type: [Object, Array],
|
|
53
53
|
default: null
|
|
54
|
+
},
|
|
55
|
+
stacked: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
default: !1
|
|
58
|
+
},
|
|
59
|
+
slide: {
|
|
60
|
+
type: String,
|
|
61
|
+
default: ""
|
|
54
62
|
}
|
|
55
63
|
},
|
|
56
64
|
emits: ["update:open", "close"],
|
|
57
65
|
setup(e, { emit: E }) {
|
|
58
|
-
let D = e, O = E, k =
|
|
66
|
+
let D = e, O = E, k = g(), A = s().ce ? _() : null, j = f(D.open), M = re(), N = `kima-notification-${M}-title`, P = `kima-notification-${M}-message`, F = null, I = !1, L = 0, R = 0, z = !1, B = !1, V = r(() => [
|
|
59
67
|
"neutral",
|
|
60
68
|
"info",
|
|
61
69
|
"success",
|
|
62
70
|
"warning",
|
|
63
71
|
"danger"
|
|
64
|
-
].includes(D.variant) ? D.variant : "neutral"), H =
|
|
72
|
+
].includes(D.variant) ? D.variant : "neutral"), H = r(() => [
|
|
65
73
|
"top",
|
|
66
74
|
"top-left",
|
|
67
75
|
"top-center",
|
|
@@ -70,12 +78,17 @@ var w = [
|
|
|
70
78
|
"bottom-left",
|
|
71
79
|
"bottom-center",
|
|
72
80
|
"bottom-right"
|
|
73
|
-
].includes(D.position) ? D.position : "top-right"), U =
|
|
74
|
-
info:
|
|
75
|
-
success:
|
|
76
|
-
warning:
|
|
77
|
-
danger:
|
|
78
|
-
}, q =
|
|
81
|
+
].includes(D.position) ? D.position : "top-right"), U = r(() => ["warning", "danger"].includes(V.value) ? "alert" : "status"), W = r(() => U.value === "alert" ? "assertive" : "polite"), G = r(() => Number.isFinite(D.duration) ? Math.max(0, D.duration) : 0), K = {
|
|
82
|
+
info: x,
|
|
83
|
+
success: b,
|
|
84
|
+
warning: ie,
|
|
85
|
+
danger: ae
|
|
86
|
+
}, q = r(() => D.icon ?? K[V.value] ?? null), se = r(() => [
|
|
87
|
+
"right",
|
|
88
|
+
"left",
|
|
89
|
+
"up",
|
|
90
|
+
"down"
|
|
91
|
+
].includes(D.slide) ? D.slide : H.value.includes("right") ? "right" : H.value.includes("left") ? "left" : H.value.startsWith("bottom") ? "down" : "up");
|
|
79
92
|
function J() {
|
|
80
93
|
F !== null && (clearTimeout(F), F = null);
|
|
81
94
|
}
|
|
@@ -96,63 +109,67 @@ var w = [
|
|
|
96
109
|
function $(e) {
|
|
97
110
|
B = e.type === "focusin" || e.currentTarget.contains(e.relatedTarget), B ? Z() : X();
|
|
98
111
|
}
|
|
99
|
-
return
|
|
112
|
+
return v(() => D.open, (e) => {
|
|
100
113
|
j.value = e;
|
|
101
|
-
}),
|
|
114
|
+
}), v([j, G], ([e]) => {
|
|
102
115
|
L = G.value, e ? X() : (J(), z = !1, B = !1);
|
|
103
|
-
}, { immediate: !0 }),
|
|
116
|
+
}, { immediate: !0 }), u(() => {
|
|
104
117
|
I = !0, L = G.value, X();
|
|
105
|
-
}),
|
|
118
|
+
}), l(() => {
|
|
106
119
|
I = !1, J();
|
|
107
|
-
}), (
|
|
108
|
-
default:
|
|
109
|
-
...
|
|
110
|
-
id:
|
|
120
|
+
}), (r, s) => (d(), te(n, c({ name: "kima-notification" }, h(ee)), {
|
|
121
|
+
default: y(() => [j.value ? (d(), a("div", c({ key: 0 }, {
|
|
122
|
+
...h(k),
|
|
123
|
+
id: h(A) ? void 0 : h(k).id,
|
|
111
124
|
title: void 0
|
|
112
125
|
}, {
|
|
113
|
-
class: ["kima-notification", [
|
|
126
|
+
class: ["kima-notification", [
|
|
127
|
+
`kima-notification--${V.value}`,
|
|
128
|
+
{ "kima-notification--stacked": e.stacked },
|
|
129
|
+
e.stacked ? `kima-notification--slide-${se.value}` : `kima-notification--${H.value}`
|
|
130
|
+
]],
|
|
114
131
|
role: U.value,
|
|
115
132
|
"aria-live": W.value,
|
|
116
133
|
"aria-atomic": "true",
|
|
117
|
-
"aria-labelledby": e.heading ||
|
|
134
|
+
"aria-labelledby": e.heading || h(k).title ? N : void 0,
|
|
118
135
|
"aria-describedby": e.message ? P : void 0,
|
|
119
|
-
onMouseenter:
|
|
120
|
-
onMouseleave:
|
|
136
|
+
onMouseenter: s[1] ||= (e) => Q(!0),
|
|
137
|
+
onMouseleave: s[2] ||= (e) => Q(!1),
|
|
121
138
|
onFocusin: $,
|
|
122
139
|
onFocusout: $
|
|
123
140
|
}), [
|
|
124
|
-
q.value ? (d(),
|
|
141
|
+
q.value ? (d(), a("span", C, [o(t, {
|
|
125
142
|
icon: q.value,
|
|
126
143
|
size: 22
|
|
127
|
-
}, null, 8, ["icon"])])) :
|
|
128
|
-
|
|
129
|
-
e.heading ||
|
|
144
|
+
}, null, 8, ["icon"])])) : i("", !0),
|
|
145
|
+
ne("div", w, [
|
|
146
|
+
e.heading || h(k).title ? (d(), a("strong", {
|
|
130
147
|
key: 0,
|
|
131
148
|
id: N,
|
|
132
149
|
class: "kima-notification__title"
|
|
133
|
-
},
|
|
134
|
-
e.message ? (d(),
|
|
150
|
+
}, m(e.heading || h(k).title), 1)) : i("", !0),
|
|
151
|
+
e.message ? (d(), a("span", {
|
|
135
152
|
key: 1,
|
|
136
153
|
id: P,
|
|
137
154
|
class: "kima-notification__message"
|
|
138
|
-
},
|
|
139
|
-
|
|
155
|
+
}, m(e.message), 1)) : i("", !0),
|
|
156
|
+
r.$slots.action || h(A) ? (d(), a("div", T, [p(r.$slots, "action", {}, void 0, !0)])) : i("", !0)
|
|
140
157
|
]),
|
|
141
|
-
e.closable ? (d(),
|
|
158
|
+
e.closable ? (d(), a("button", {
|
|
142
159
|
key: 1,
|
|
143
160
|
class: "kima-notification__close",
|
|
144
161
|
type: "button",
|
|
145
162
|
"aria-label": "关闭通知",
|
|
146
163
|
title: "关闭通知",
|
|
147
|
-
onClick:
|
|
148
|
-
}, [
|
|
149
|
-
icon:
|
|
164
|
+
onClick: s[0] ||= (e) => Y("button")
|
|
165
|
+
}, [o(t, {
|
|
166
|
+
icon: h(oe),
|
|
150
167
|
size: 18,
|
|
151
168
|
"aria-hidden": "true"
|
|
152
|
-
}, null, 8, ["icon"])])) :
|
|
153
|
-
], 16,
|
|
169
|
+
}, null, 8, ["icon"])])) : i("", !0)
|
|
170
|
+
], 16, S)) : i("", !0)]),
|
|
154
171
|
_: 3
|
|
155
172
|
}, 16));
|
|
156
173
|
}
|
|
157
|
-
}), [["__scopeId", "data-v-
|
|
174
|
+
}), [["__scopeId", "data-v-1cfa12e4"]]);
|
|
158
175
|
export { E as default };
|
|
@@ -87,23 +87,25 @@ var b = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
|
87
87
|
return {
|
|
88
88
|
...i,
|
|
89
89
|
position: S.position,
|
|
90
|
-
open: !0
|
|
90
|
+
open: !0,
|
|
91
|
+
stacked: !0
|
|
91
92
|
};
|
|
92
93
|
}
|
|
94
|
+
let L = o(() => S.position.includes("right") ? "right" : S.position.includes("left") ? "left" : S.position.startsWith("bottom") ? "down" : "up");
|
|
93
95
|
return (r, o) => (f(), s("div", u(A.value, {
|
|
94
|
-
class: ["kima-notification-queue", `kima-notification-queue--${e.position}`],
|
|
96
|
+
class: ["kima-notification-queue", [`kima-notification-queue--${e.position}`, `kima-notification-queue--slide-${L.value}`]],
|
|
95
97
|
"aria-live": "polite"
|
|
96
98
|
}), [c(a, u({
|
|
97
|
-
name: "kima-
|
|
99
|
+
name: "kima-notification-queue",
|
|
98
100
|
tag: "div",
|
|
99
101
|
class: "kima-notification-queue__stack"
|
|
100
102
|
}, h(t)), {
|
|
101
103
|
default: y(() => [(f(!0), s(i, null, m(P.value, (e, t) => (f(), s("div", {
|
|
102
|
-
key: j(e, t),
|
|
104
|
+
key: e.id ?? j(e, t),
|
|
103
105
|
class: "kima-notification-queue__item"
|
|
104
106
|
}, [c(n, u({ ref_for: !0 }, I(e), { onClose: (t) => F(e, t) }), null, 16, ["onClose"])]))), 128))]),
|
|
105
107
|
_: 1
|
|
106
108
|
}, 16)], 16));
|
|
107
109
|
}
|
|
108
|
-
}), [["__scopeId", "data-v-
|
|
110
|
+
}), [["__scopeId", "data-v-8ff80bbb"]]);
|
|
109
111
|
export { b as default };
|
package/package.json
CHANGED
package/dist/components/core/notification.ce.vue_vue_type_style_index_0_scoped_8f69e04e_lang.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes kima-ripple-glow-8f69e04e{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-8f69e04e]{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-8f69e04e]{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-8f69e04e],.kima-notification-leave-to[data-v-8f69e04e]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--top-right.kima-notification-leave-to[data-v-8f69e04e],.kima-notification--bottom-right.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--bottom-right.kima-notification-leave-to[data-v-8f69e04e]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--top-left.kima-notification-leave-to[data-v-8f69e04e],.kima-notification--bottom-left.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--bottom-left.kima-notification-leave-to[data-v-8f69e04e]{transform:translate(calc(-100% - 24px))}.kima-notification--top.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--top-center.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--top.kima-notification-leave-to[data-v-8f69e04e],.kima-notification--top-center.kima-notification-leave-to[data-v-8f69e04e]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--bottom-center.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--bottom.kima-notification-leave-to[data-v-8f69e04e],.kima-notification--bottom-center.kima-notification-leave-to[data-v-8f69e04e]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-8f69e04e]{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__icon[data-v-8f69e04e]{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-8f69e04e],.kima-notification--top-center[data-v-8f69e04e],.kima-notification--top-left[data-v-8f69e04e],.kima-notification--top-right[data-v-8f69e04e]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-8f69e04e],.kima-notification--bottom-center[data-v-8f69e04e],.kima-notification--bottom-left[data-v-8f69e04e],.kima-notification--bottom-right[data-v-8f69e04e]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-8f69e04e],.kima-notification--bottom[data-v-8f69e04e],.kima-notification--top-center[data-v-8f69e04e],.kima-notification--bottom-center[data-v-8f69e04e]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-8f69e04e],.kima-notification--bottom-left[data-v-8f69e04e]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-8f69e04e],.kima-notification--bottom-right[data-v-8f69e04e]{right:var(--kima-space-4)}.kima-notification--info[data-v-8f69e04e]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-8f69e04e]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-8f69e04e]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-8f69e04e]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-8f69e04e]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-8f69e04e]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-8f69e04e]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-8f69e04e]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-8f69e04e]:empty{display:none}.kima-notification__close[data-v-8f69e04e]{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-8f69e04e]: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-8f69e04e]>*{z-index:2;position:relative}.kima-notification__close[data-v-8f69e04e]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-8f69e04e]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-8f69e04e]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-8f69e04e]: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-8f69e04e]{position:relative;overflow:hidden}.kima-notification__close[data-v-8f69e04e] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-8f69e04e var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-8f69e04e]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-8f69e04e]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-8f69e04e]{transition:none}.kima-notification-enter-active[data-v-8f69e04e],.kima-notification-leave-active[data-v-8f69e04e]{transition-duration:1ms}.kima-notification-enter-from[data-v-8f69e04e],.kima-notification-leave-to[data-v-8f69e04e]{transform:none}.kima-notification--top[data-v-8f69e04e],.kima-notification--top-center[data-v-8f69e04e],.kima-notification--bottom[data-v-8f69e04e],.kima-notification--bottom-center[data-v-8f69e04e]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-8f69e04e],.kima-notification--top-left[data-v-8f69e04e],.kima-notification--top-center[data-v-8f69e04e],.kima-notification--top-right[data-v-8f69e04e]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-8f69e04e],.kima-notification--bottom-left[data-v-8f69e04e],.kima-notification--bottom-center[data-v-8f69e04e],.kima-notification--bottom-right[data-v-8f69e04e]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-8f69e04e],.kima-notification--bottom-left[data-v-8f69e04e]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-8f69e04e],.kima-notification--bottom-right[data-v-8f69e04e]{right:var(--kima-space-3)}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.kima-notification-queue[data-v-577f9716]{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-577f9716],.kima-notification-queue--top-center[data-v-577f9716],.kima-notification-queue--top-left[data-v-577f9716],.kima-notification-queue--top-right[data-v-577f9716]{top:var(--kima-space-4)}.kima-notification-queue--bottom[data-v-577f9716],.kima-notification-queue--bottom-center[data-v-577f9716],.kima-notification-queue--bottom-left[data-v-577f9716],.kima-notification-queue--bottom-right[data-v-577f9716]{bottom:var(--kima-space-4)}.kima-notification-queue--top[data-v-577f9716],.kima-notification-queue--bottom[data-v-577f9716],.kima-notification-queue--top-center[data-v-577f9716],.kima-notification-queue--bottom-center[data-v-577f9716]{left:50%;transform:translate(-50%)}.kima-notification-queue--top-left[data-v-577f9716],.kima-notification-queue--bottom-left[data-v-577f9716]{left:var(--kima-space-4)}.kima-notification-queue--top-right[data-v-577f9716],.kima-notification-queue--bottom-right[data-v-577f9716]{right:var(--kima-space-4)}.kima-notification-queue__stack[data-v-577f9716]{gap:var(--kima-space-3);pointer-events:none;display:grid}.kima-notification-queue__item[data-v-577f9716]{min-width:0}.kima-notification-queue__item[inert][data-v-577f9716],.kima-notification-queue__item[inert][data-v-577f9716] .kima-notification{pointer-events:none}.kima-notification-queue[data-v-577f9716] .kima-notification{pointer-events:auto;width:100%;max-width:100%;position:relative;inset:auto;transform:none!important}@media (prefers-reduced-motion:reduce){.kima-notification-queue[data-v-577f9716]{transition:none}}
|