@kupola/kupola 2.0.0-alpha.1 → 2.0.0-beta.1

package/README.md

@@ -51,16 +51,18 @@ Or use the programmatic API:
 
 ## Installation
 
+> **Current version**: `2.0.0-alpha.1` (pre-release). Use `@next` tag to install:
+
 ```bash
-npm install @kupola/kupola              # Full package
+npm install @kupola/kupola@next              # Full package
 # Or core engine only
-npm install @kupola/kupola/core          # signal + template + render + SSR
+npm install @kupola/kupola/core@next          # signal + template + render + SSR
 ```
 
 ```bash
 # CDN
-https://cdn.jsdelivr.net/npm/@kupola/kupola/dist/kupola-core.esm.js
-https://cdn.jsdelivr.net/npm/@kupola/kupola/dist/kupola-core.cjs.js
+https://cdn.jsdelivr.net/npm/@kupola/kupola@next/dist/kupola-core.esm.js
+https://cdn.jsdelivr.net/npm/@kupola/kupola@next/dist/kupola-core.cjs.js
 ```
 
 ---

package/README.zh-CN.md

@@ -51,16 +51,18 @@
 
 ## 安装
 
+> **当前版本**：`2.0.0-alpha.1`（预发布版）。请使用 `@next` 标签安装：
+
 ```bash
-npm install @kupola/kupola              # 完整包
+npm install @kupola/kupola@next              # 完整包
 # 或仅核心引擎
-npm install @kupola/kupola/core          # signal + template + render + SSR
+npm install @kupola/kupola/core@next          # signal + template + render + SSR
 ```
 
 ```bash
 # CDN
-https://cdn.jsdelivr.net/npm/@kupola/kupola/dist/kupola-core.esm.js
-https://cdn.jsdelivr.net/npm/@kupola/kupola/dist/kupola-core.cjs.js
+https://cdn.jsdelivr.net/npm/@kupola/kupola@next/dist/kupola-core.esm.js
+https://cdn.jsdelivr.net/npm/@kupola/kupola@next/dist/kupola-core.cjs.js
 ```
 
 ---

package/dist/css/components.css

@@ -0,0 +1,273 @@
+/**
+ * Kupola Component Styles
+ * Core ds-* class definitions using design tokens.
+ */
+
+/* ── Reset ────────────────────────────────────────────────── */
+*, *::before, *::after { box-sizing: border-box; }
+
+/* ── Base ─────────────────────────────────────────────────── */
+body {
+  margin: 0;
+  background: var(--color-background);
+  color: var(--color-foreground);
+  font-family: var(--font-family-default);
+  font-size: var(--body-base-font-size);
+  line-height: var(--body-base-line-height);
+}
+
+/* ── Button ───────────────────────────────────────────────── */
+.ds-btn {
+  display: inline-flex; align-items: center; justify-content: center;
+  gap: var(--spacer-6); padding: 0 var(--spacer-12); height: 28px;
+  border-radius: var(--radius-4); border: 1px solid transparent;
+  cursor: pointer; user-select: none; white-space: nowrap;
+  font-size: var(--body-sm-font-size); font-weight: var(--font-weight-medium);
+  transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
+}
+.ds-btn--sm { height: 24px; padding: 0 var(--spacer-8); font-size: var(--body-xs-font-size); }
+.ds-btn--lg { height: 32px; padding: 0 var(--spacer-16); font-size: var(--body-base-font-size); }
+.ds-btn--primary { background: var(--bg-brand); color: var(--text-onbrand); border-color: var(--bg-brand); }
+.ds-btn--primary:hover { background: var(--bg-brand-hover); }
+.ds-btn--secondary { background: var(--bg-overlay-l2); color: var(--text-default); border-color: var(--border-neutral-l1); }
+.ds-btn--secondary:hover { background: var(--bg-overlay-l3); }
+.ds-btn--tertiary { background: transparent; color: var(--text-default); }
+.ds-btn--tertiary:hover { background: var(--bg-overlay-l2); }
+.ds-btn--danger { background: var(--status-error-default); color: #fff; }
+.ds-btn[disabled] { opacity: 0.5; cursor: not-allowed; }
+
+/* ── Input ────────────────────────────────────────────────── */
+.ds-input {
+  display: flex; align-items: center; gap: var(--spacer-8);
+  padding: 0 var(--spacer-12); height: 28px;
+  background: var(--bg-overlay-l1); border: 1px solid var(--border-neutral-l1);
+  border-radius: var(--radius-4); color: var(--text-default); width: 100%;
+  font-size: var(--body-sm-font-size);
+}
+.ds-input:focus-within { border-color: var(--bg-brand); }
+.ds-input input { flex: 1; background: transparent; border: none; outline: none; color: inherit; font: inherit; }
+.ds-input input::placeholder { color: var(--text-tertiary); }
+.ds-input.is-error { border-color: var(--status-error-default); }
+
+/* ── Modal ────────────────────────────────────────────────── */
+.ds-modal-mask {
+  position: fixed; inset: 0; z-index: var(--z-index-modal);
+  background: rgba(0, 0, 0, 0.5);
+  display: none; align-items: center; justify-content: center;
+}
+.ds-modal-mask.is-visible { display: flex; }
+.ds-modal {
+  background: var(--bg-base-secondary); border: 1px solid var(--border-neutral-l1);
+  border-radius: var(--radius-8); width: 100%; max-width: 480px;
+  outline: none;
+}
+.ds-modal__header {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--spacer-16) var(--spacer-24);
+  border-bottom: 1px solid var(--border-neutral-l1);
+}
+.ds-modal__title { font-size: var(--heading-sm-font-size); font-weight: var(--font-weight-strong); }
+.ds-modal__close {
+  width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;
+  background: transparent; border: none; color: var(--icon-secondary);
+  cursor: pointer; border-radius: var(--radius-4);
+}
+.ds-modal__close:hover { background: var(--bg-overlay-l2); }
+.ds-modal__body { padding: var(--spacer-16) var(--spacer-24); }
+.ds-modal__footer {
+  display: flex; justify-content: flex-end; gap: var(--spacer-8);
+  padding: var(--spacer-12) var(--spacer-24);
+  border-top: 1px solid var(--border-neutral-l1);
+}
+
+/* ── Drawer ───────────────────────────────────────────────── */
+.ds-drawer-mask {
+  position: fixed; inset: 0; z-index: var(--z-index-drawer);
+  background: rgba(0, 0, 0, 0.5); display: none;
+}
+.ds-drawer-mask.is-visible { display: block; }
+.ds-drawer {
+  position: fixed; top: 0; right: 0; bottom: 0; z-index: var(--z-index-drawer);
+  width: 360px; max-width: 100vw;
+  background: var(--bg-base-secondary); border-left: 1px solid var(--border-neutral-l1);
+  display: flex; flex-direction: column;
+  transform: translateX(100%); transition: transform var(--transition-slow);
+}
+.ds-drawer.is-visible { transform: translateX(0); }
+.ds-drawer__header {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--spacer-16) var(--spacer-24);
+  border-bottom: 1px solid var(--border-neutral-l1);
+}
+.ds-drawer__body { padding: var(--spacer-16) var(--spacer-24); flex: 1; overflow-y: auto; }
+
+/* ── Dropdown ─────────────────────────────────────────────── */
+.ds-dropdown { position: relative; display: inline-block; }
+.ds-dropdown__menu {
+  position: absolute; top: calc(100% + 4px); left: 0; min-width: 160px;
+  background: var(--bg-base-secondary); border: 1px solid var(--border-neutral-l2);
+  border-radius: var(--radius-4); box-shadow: 0 4px 16px rgba(0,0,0,0.2);
+  z-index: var(--z-index-dropdown); display: none; padding: var(--spacer-4);
+}
+.ds-dropdown__menu.is-open { display: block; }
+.ds-dropdown__item {
+  display: flex; align-items: center; padding: var(--spacer-6) var(--spacer-8);
+  border-radius: var(--radius-2); color: var(--text-default);
+  font-size: var(--body-sm-font-size); cursor: pointer;
+}
+.ds-dropdown__item:hover { background: var(--bg-overlay-l1); }
+
+/* ── Tooltip ──────────────────────────────────────────────── */
+.ds-tooltip {
+  position: fixed; z-index: var(--z-index-tooltip);
+  padding: var(--spacer-4) var(--spacer-8);
+  background: var(--bg-base-tertiary); border: 1px solid var(--border-neutral-l1);
+  border-radius: var(--radius-4); font-size: var(--body-xs-font-size);
+  color: var(--text-default); pointer-events: none;
+  max-width: 280px; white-space: pre-wrap;
+}
+
+/* ── Table ────────────────────────────────────────────────── */
+.ds-table { width: 100%; border-collapse: collapse; }
+.ds-table th, .ds-table td {
+  text-align: left; padding: var(--spacer-12) var(--spacer-8);
+  border-bottom: 1px solid var(--border-neutral-l1);
+  font-size: var(--body-sm-font-size);
+}
+.ds-table th { color: var(--text-tertiary); font-weight: var(--font-weight-default); font-size: var(--body-xs-font-size); text-transform: uppercase; letter-spacing: 0.04em; }
+.ds-table td { color: var(--text-default); }
+.ds-table--striped tbody tr:nth-child(even) { background: var(--bg-base-secondary); }
+.ds-table--hover tbody tr:hover { background: var(--bg-overlay-l1); }
+
+/* ── Form ─────────────────────────────────────────────────── */
+.ds-form { display: flex; flex-direction: column; gap: var(--spacer-16); }
+.ds-form__group { display: flex; flex-direction: column; gap: var(--spacer-6); }
+.ds-form__label { font-size: var(--body-sm-font-size); font-weight: var(--font-weight-medium); color: var(--text-default); }
+.ds-form__error { font-size: var(--body-xs-font-size); color: var(--status-error-default); }
+.ds-form__actions { display: flex; justify-content: flex-end; gap: var(--spacer-8); margin-top: var(--spacer-16); }
+
+/* ── Alert ────────────────────────────────────────────────── */
+.ds-alert {
+  display: flex; gap: var(--spacer-12);
+  padding: var(--spacer-12) var(--spacer-16);
+  background: var(--bg-base-secondary); border: 1px solid var(--border-neutral-l1);
+  border-radius: var(--radius-4); color: var(--text-default);
+}
+.ds-alert--success { background: var(--status-success-surface-l1); border-color: var(--status-success-default); }
+.ds-alert--warning { background: var(--status-warning-surface-l1); border-color: var(--status-warning-default); }
+.ds-alert--error   { background: var(--status-error-surface-l1);   border-color: var(--status-error-default); }
+.ds-alert--info    { background: var(--status-info-surface-l1);    border-color: var(--status-info-default); }
+
+/* ── Tag / Badge ──────────────────────────────────────────── */
+.ds-tag {
+  display: inline-flex; align-items: center;
+  padding: 0 var(--spacer-6); height: 18px;
+  border-radius: var(--radius-2); font-size: var(--body-xs-font-size);
+  background: var(--bg-overlay-l2); color: var(--text-secondary);
+  border: 1px solid var(--border-neutral-l1);
+}
+.ds-tag--success { background: var(--status-success-surface-l1); color: var(--status-success-default); }
+.ds-tag--warning { background: var(--status-warning-surface-l1); color: var(--status-warning-default); }
+.ds-tag--error   { background: var(--status-error-surface-l1);   color: var(--status-error-default); }
+
+/* ── Tabs ─────────────────────────────────────────────────── */
+.ds-tabs { display: flex; gap: var(--spacer-24); border-bottom: 1px solid var(--border-neutral-l1); }
+.ds-tab {
+  padding: var(--spacer-12) 0; background: transparent; border: none;
+  color: var(--text-tertiary); cursor: pointer; font: inherit;
+  font-size: var(--body-sm-font-size); position: relative;
+}
+.ds-tab:hover { color: var(--text-default); }
+.ds-tab.is-active { color: var(--text-default); }
+.ds-tab.is-active::after {
+  content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
+  background: var(--icon-default);
+}
+
+/* ── Message / Notification ───────────────────────────────── */
+.ds-message {
+  position: fixed; top: var(--spacer-24); left: 50%; transform: translateX(-50%);
+  z-index: var(--z-index-notification);
+  padding: var(--spacer-8) var(--spacer-16);
+  background: var(--bg-base-secondary); border: 1px solid var(--border-neutral-l1);
+  border-radius: var(--radius-4); box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  font-size: var(--body-sm-font-size); color: var(--text-default);
+}
+
+/* ── Progress ─────────────────────────────────────────────── */
+.ds-progress { width: 100%; height: 4px; background: var(--bg-overlay-l2); border-radius: var(--radius-full); overflow: hidden; }
+.ds-progress__bar { height: 100%; background: var(--bg-brand); border-radius: var(--radius-full); transition: width var(--transition-normal); }
+
+/* ── Switch ───────────────────────────────────────────────── */
+.ds-switch {
+  position: relative; width: 36px; height: 20px;
+  background: var(--bg-overlay-l3); border-radius: var(--radius-full);
+  cursor: pointer; transition: background var(--transition-fast);
+}
+.ds-switch.is-active { background: var(--bg-brand); }
+.ds-switch::after {
+  content: ''; position: absolute; top: 2px; left: 2px;
+  width: 16px; height: 16px; border-radius: 50%;
+  background: #fff; transition: transform var(--transition-fast);
+}
+.ds-switch.is-active::after { transform: translateX(16px); }
+
+/* ── Card ─────────────────────────────────────────────────── */
+.ds-card {
+  background: var(--bg-base-secondary); border: 1px solid var(--border-neutral-l1);
+  border-radius: var(--radius-4); padding: var(--spacer-24);
+}
+
+/* ── Skeleton ─────────────────────────────────────────────── */
+.ds-skeleton {
+  background: var(--bg-overlay-l2); border-radius: var(--radius-4);
+  animation: ds-skeleton-pulse 1.5s ease-in-out infinite;
+}
+@keyframes ds-skeleton-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+
+/* ── Empty ────────────────────────────────────────────────── */
+.ds-empty {
+  display: flex; flex-direction: column; align-items: center; justify-content: center;
+  padding: var(--spacer-40); color: var(--text-tertiary);
+  font-size: var(--body-sm-font-size);
+}
+
+/* ── Divider ──────────────────────────────────────────────── */
+.ds-divider { height: 1px; background: var(--border-neutral-l1); }
+
+/* ── Avatar ───────────────────────────────────────────────── */
+.ds-avatar {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 32px; height: 32px; border-radius: 50%;
+  background: var(--bg-overlay-l3); color: var(--text-default);
+  font-size: var(--body-sm-font-size); font-weight: var(--font-weight-strong);
+}
+
+/* ── Badge ────────────────────────────────────────────────── */
+.ds-badge {
+  display: inline-flex; align-items: center; justify-content: center;
+  min-width: 18px; height: 18px; padding: 0 var(--spacer-4);
+  border-radius: var(--radius-full); font-size: 11px; font-weight: 600;
+  background: var(--status-error-default); color: #fff;
+}
+
+/* ── Collapse ─────────────────────────────────────────────── */
+.ds-collapse__header {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--spacer-12) var(--spacer-16);
+  cursor: pointer; color: var(--text-default); font-weight: var(--font-weight-medium);
+}
+.ds-collapse__body { padding: 0 var(--spacer-16) var(--spacer-16); }
+
+/* ── Spin / Loading ───────────────────────────────────────── */
+.ds-spin {
+  display: inline-block; width: 24px; height: 24px;
+  border: 2px solid var(--bg-overlay-l3); border-top-color: var(--bg-brand);
+  border-radius: 50%; animation: ds-spin-rotate 0.8s linear infinite;
+}
+@keyframes ds-spin-rotate {
+  to { transform: rotate(360deg); }
+}

package/dist/css/index.css

@@ -0,0 +1,13 @@
+/**
+ * Kupola CSS — Full stylesheet bundle.
+ *
+ * @module @kupola/kupola/css
+ *
+ * Usage:
+ *   <link rel="stylesheet" href="node_modules/@kupola/kupola/dist/kupola.css">
+ *   // or in JS:
+ *   import '@kupola/kupola/css';
+ */
+
+@import './tokens.css';
+@import './components.css';

package/dist/css/tokens.css

@@ -0,0 +1,182 @@
+/**
+ * Kupola Design Tokens
+ * Primitives + semantic aliases for dark/light themes.
+ *
+ * Usage:
+ *   import '@kupola/kupola/css';              // full bundle
+ *   import '@kupola/kupola/css/tokens.css';   // tokens only
+ */
+
+:root {
+  /* ── Primitives: Radius ─────────────────────────────────── */
+  --radius-2: 2px;
+  --radius-4: 4px;
+  --radius-6: 6px;
+  --radius-8: 8px;
+  --radius-10: 10px;
+  --radius-full: 9999px;
+
+  /* ── Primitives: Spacing ────────────────────────────────── */
+  --spacer-0: 0px;
+  --spacer-4: 4px;
+  --spacer-6: 6px;
+  --spacer-8: 8px;
+  --spacer-12: 12px;
+  --spacer-16: 16px;
+  --spacer-24: 24px;
+  --spacer-32: 32px;
+  --spacer-40: 40px;
+
+  /* ── Typography: Font families ──────────────────────────── */
+  --font-family-default: system-ui, -apple-system, 'Segoe UI', sans-serif;
+  --font-family-heading: system-ui, -apple-system, 'Segoe UI', sans-serif;
+  --font-family-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
+
+  /* ── Typography: Body ───────────────────────────────────── */
+  --body-xs-font-size: 11px;
+  --body-xs-line-height: 16px;
+  --body-sm-font-size: 12px;
+  --body-sm-line-height: 18px;
+  --body-base-font-size: 13px;
+  --body-base-line-height: 20px;
+
+  /* ── Typography: Heading ────────────────────────────────── */
+  --heading-xs-font-size: 13px;
+  --heading-xs-line-height: 18px;
+  --heading-sm-font-size: 14px;
+  --heading-sm-line-height: 20px;
+  --heading-base-font-size: 16px;
+  --heading-base-line-height: 22px;
+  --heading-md-font-size: 18px;
+  --heading-md-line-height: 28px;
+  --heading-lg-font-size: 24px;
+  --heading-lg-line-height: 32px;
+  --heading-xl-font-size: 28px;
+  --heading-xl-line-height: 36px;
+
+  /* ── Typography: Code ───────────────────────────────────── */
+  --code-editor-font-family: var(--font-family-mono);
+  --code-editor-font-size: 13px;
+  --code-editor-line-height: 20px;
+
+  /* ── Font weights ───────────────────────────────────────── */
+  --font-weight-default: 400;
+  --font-weight-medium: 500;
+  --font-weight-strong: 600;
+
+  /* ── Z-index layers ─────────────────────────────────────── */
+  --z-index-dropdown: 2000;
+  --z-index-modal: 3000;
+  --z-index-drawer: 2500;
+  --z-index-tooltip: 4000;
+  --z-index-notification: 3500;
+
+  /* ── Transitions ────────────────────────────────────────── */
+  --transition-fast: 0.12s ease;
+  --transition-normal: 0.2s ease;
+  --transition-slow: 0.3s ease;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Dark theme (default)
+   ═══════════════════════════════════════════════════════════ */
+:root,
+[data-theme="dark"] {
+  color-scheme: dark;
+
+  /* Backgrounds */
+  --bg-base-default: #0C0C0D;
+  --bg-base-secondary: #1A1B1D;
+  --bg-base-tertiary: #222427;
+  --bg-overlay-l1: rgba(255, 255, 255, 0.04);
+  --bg-overlay-l2: rgba(255, 255, 255, 0.06);
+  --bg-overlay-l3: rgba(255, 255, 255, 0.08);
+  --bg-overlay-l4: rgba(255, 255, 255, 0.12);
+
+  /* Text */
+  --text-default: #E5E7EB;
+  --text-secondary: #B8BDCA;
+  --text-tertiary: #9CA3AF;
+  --text-disabled: #8B93A1;
+  --text-onbrand: #FFFFFF;
+
+  /* Icons */
+  --icon-default: #E5E7EB;
+  --icon-secondary: #B8BDCA;
+  --icon-tertiary: #9CA3AF;
+  --icon-disabled: #8B93A1;
+
+  /* Borders */
+  --border-neutral-l1: rgba(255, 255, 255, 0.12);
+  --border-neutral-l2: rgba(255, 255, 255, 0.18);
+  --border-neutral-l3: rgba(255, 255, 255, 0.25);
+
+  /* Brand */
+  --bg-brand: #32F08C;
+  --bg-brand-hover: #53F4A2;
+  --bg-brand-disabled: rgba(50, 240, 140, 0.3);
+
+  /* Status */
+  --status-success-default: #32F08C;
+  --status-warning-default: #FFAD5B;
+  --status-error-default: #FF9CA8;
+  --status-info-default: #79B8FF;
+  --status-success-surface-l1: rgba(50, 240, 140, 0.12);
+  --status-warning-surface-l1: rgba(255, 173, 91, 0.12);
+  --status-error-surface-l1: rgba(255, 156, 168, 0.12);
+  --status-info-surface-l1: rgba(121, 184, 255, 0.12);
+
+  /* Semantic aliases */
+  --color-background: var(--bg-base-default);
+  --color-surface: var(--bg-base-secondary);
+  --color-foreground: var(--text-default);
+  --color-border: var(--border-neutral-l1);
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Light theme
+   ═══════════════════════════════════════════════════════════ */
+[data-theme="light"] {
+  color-scheme: light;
+
+  --bg-base-default: #FFFFFF;
+  --bg-base-secondary: #F5F6F8;
+  --bg-base-tertiary: #EDF0F5;
+  --bg-overlay-l1: rgba(0, 0, 0, 0.04);
+  --bg-overlay-l2: rgba(0, 0, 0, 0.06);
+  --bg-overlay-l3: rgba(0, 0, 0, 0.08);
+  --bg-overlay-l4: rgba(0, 0, 0, 0.12);
+
+  --text-default: #0F1117;
+  --text-secondary: #4B5563;
+  --text-tertiary: #5B6370;
+  --text-disabled: #525A68;
+  --text-onbrand: #FFFFFF;
+
+  --icon-default: #0F1117;
+  --icon-secondary: #4B5563;
+  --icon-tertiary: #5B6370;
+  --icon-disabled: #525A68;
+
+  --border-neutral-l1: rgba(0, 0, 0, 0.12);
+  --border-neutral-l2: rgba(0, 0, 0, 0.18);
+  --border-neutral-l3: rgba(0, 0, 0, 0.25);
+
+  --bg-brand: #22C55E;
+  --bg-brand-hover: #16A34A;
+  --bg-brand-disabled: rgba(34, 197, 94, 0.3);
+
+  --status-success-default: #16A34A;
+  --status-warning-default: #CA8A04;
+  --status-error-default: #DC2626;
+  --status-info-default: #2E69FF;
+  --status-success-surface-l1: rgba(22, 163, 74, 0.08);
+  --status-warning-surface-l1: rgba(202, 138, 4, 0.08);
+  --status-error-surface-l1: rgba(220, 38, 38, 0.08);
+  --status-info-surface-l1: rgba(46, 105, 255, 0.08);
+
+  --color-background: var(--bg-base-default);
+  --color-surface: var(--bg-base-secondary);
+  --color-foreground: var(--text-default);
+  --color-border: var(--border-neutral-l1);
+}

package/dist/kupola-core-badge.cjs.js

@@ -1,3 +1,3 @@
 "use strict";class t{constructor(t,n){this.strings=t,this.values=n}}function n(n,...s){return new t(n,s)}function s(t){const n={t:t,i:new Set,o:null,u:!1};return n.o=()=>{n.u||i(n)},i(n),()=>function(t){if(t.u)return;t.u=!0,o(t)}(n)}function i(t){o(t);try{t.t()}finally{}}function o(t){for(const n of t.i)n.h.delete(t);t.i.clear()}function e(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function c(t){if(null==t||"object"!=typeof t)return!1;const n=Object.getOwnPropertyDescriptor(t,"value");if(n&&"function"==typeof n.get)return!0;const s=Object.getPrototypeOf(t);if(s){const t=Object.getOwnPropertyDescriptor(s,"value");if(t&&"function"==typeof t.get)return!0}return!1}const r=t=>`຿${t}຿`;function u(n){const s=[];for(let i=0;i<n.strings.length;i++)if(s.push(n.strings[i]),i<n.values.length){const o=n.values[i];o instanceof t?s.push(u(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?s.push(o.map(u).join("")):c(o)?s.push(e(o.value)):"function"!=typeof o&&s.push(e(o??""))}return s.join("")}function f(t,n){const s=t.indexOf(n);if(-1===s)return{type:"text"};const i=t.substring(0,s).lastIndexOf("<");if(-1===i)return{type:"text"};if(t.substring(i,s).includes(">"))return{type:"text"};const o=t.substring(i+1,s).match(/([\w\-@:.]+)\s*=\s*(?:"[^"]*|'[^']*|[^\s>]*?)$/);if(!o)return{type:"text"};const e=o[1];return e.startsWith("on")&&e.length>2?{type:"event",attrName:e}:{type:"attr",attrName:e}}class h{constructor(t,n){this.container=t,this.rawValue=n,this.node=null,this.l=null}mount(){const n=document.createTextNode("");if(this.p?this.container.insertBefore(n,this.p):this.container.appendChild(n),this.node=n,c(this.rawValue)){const t=this.rawValue;this.l=s(()=>{this.node.textContent=null!=t.value?String(t.value):""})}else this.rawValue instanceof t?this.node.textContent=u(this.rawValue):this.node.textContent=null!=this.rawValue?String(this.rawValue):""}destroy(){this.l?.(),this.node?.remove()}}class l{constructor(t,n,s){this.element=t,this.attrName=n,this.rawValue=s,this.l=null}mount(){if(c(this.rawValue)){const t=this.rawValue;this.l=s(()=>{const n=t.value;null==n||!1===n?this.element.removeAttribute(this.attrName):this.element.setAttribute(this.attrName,String(n))})}else null!=this.rawValue&&!1!==this.rawValue&&this.element.setAttribute(this.attrName,String(this.rawValue))}destroy(){this.l?.()}}class a{constructor(t,n,s){this.element=t,this.eventName=n.slice(2).toLowerCase(),this.handler=s,this.m=null}mount(){"function"==typeof this.handler&&(this.m=t=>this.handler(t),this.element.addEventListener(this.eventName,this.m))}destroy(){this.m&&(this.element.removeEventListener(this.eventName,this.m),this.m=null)}}class d{constructor(){this.parts=[],this.fragment=null}destroy(){for(const t of this.parts)t.destroy();this.parts.length=0}}function p(n,s){const i=new d,o=function(n){const s=[];for(let i=0;i<n.strings.length;i++)if(s.push(n.strings[i]),i<n.values.length){const o=n.values[i];o instanceof t?s.push(u(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?s.push(o.map(u).join("")):"function"==typeof o||c(o)?s.push(r(i)):s.push(e(o??""))}return s.join("")}(n),f=function(t){const n=document.createElement("template");return n.innerHTML=t,n.content}(o);i.fragment=f,y(f,n.values,o,i);for(const t of i.parts)t.mount();return s.appendChild(f),i}function y(t,n,s,i){const o=[...t.childNodes];for(const e of o)3===e.nodeType?g(e,n,s,i,t):1===e.nodeType&&m(e,n,s,i)}function g(t,n,s,i,o){const e=t.textContent||"";for(let c=0;c<n.length;c++){const u=r(c),l=e.indexOf(u);if(-1===l)continue;if("text"!==f(s,u).type)continue;const a=e.substring(0,l),d=e.substring(l+u.length);a&&o.insertBefore(document.createTextNode(a),t);const p=new h(o,n[c]);i.parts.push(p);let y=t;return d&&(y=document.createTextNode(d),o.insertBefore(y,t)),o.removeChild(t),p.p=y!==t?y:null,void(d&&g(y,n,s,i,o))}}function m(t,n,s,i){const o=[...t.attributes];for(const e of o)for(let o=0;o<n.length;o++){const c=r(o);if(!e.value.includes(c))continue;const u=f(s,c);if("event"===u.type&&u.attrName===e.name){t.removeAttribute(e.name);const s=new a(t,e.name,n[o]);i.parts.push(s)}else if("attr"===u.type&&u.attrName===e.name){const s=e.value.replace(c,"");s?t.setAttribute(e.name,s):t.removeAttribute(e.name);const r=new l(t,e.name,n[o]);i.parts.push(r)}}y(t,n,s,i)}exports.Badge=function(t={}){const{value:s="",max:i=99,type:o="",dot:e=!1,pulse:c=!1}=t;let r=s;const u=n`
     <span class="ds-badge${o?` ds-badge--${o}`:""}${e?" ds-badge--dot":""}${c?" ds-badge--pulse":""}">${e?"":String(""!==r?function(){const t=Number(r);return!isNaN(t)&&t>i?i+"+":String(r)}():"")}</span>
-  `,f=document.createDocumentFragment(),h=p(u,f),l=f.querySelector(".ds-badge");return{get element(){return f},setValue:function(t){r=t,function(){if(!l)return;e||(l.textContent=function(){if(e)return"";const t=Number(r);return!isNaN(t)&&t>i?i+"+":String(r)}())}()},getValue:function(){return r},destroy:function(){h.destroy()}}};
+  `,f=document.createDocumentFragment(),h=p(u,f),l=f.querySelector(".ds-badge");return{get element(){return f},setValue:function(t){r=t,function(){if(!l)return;e||(l.textContent=function(){if(e)return"";const t=Number(r);if(!isNaN(t)&&t>i)return i+"+";return String(r)}())}()},getValue:function(){return r},destroy:function(){h.destroy()}}};

package/dist/kupola-core-badge.esm.js

@@ -1,3 +1,3 @@
 class t{constructor(t,n){this.strings=t,this.values=n}}function n(n,...s){return new t(n,s)}function s(t){const n={t:t,i:new Set,o:null,u:!1};return n.o=()=>{n.u||i(n)},i(n),()=>function(t){if(t.u)return;t.u=!0,o(t)}(n)}function i(t){o(t);try{t.t()}finally{}}function o(t){for(const n of t.i)n.h.delete(t);t.i.clear()}function e(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function c(t){if(null==t||"object"!=typeof t)return!1;const n=Object.getOwnPropertyDescriptor(t,"value");if(n&&"function"==typeof n.get)return!0;const s=Object.getPrototypeOf(t);if(s){const t=Object.getOwnPropertyDescriptor(s,"value");if(t&&"function"==typeof t.get)return!0}return!1}const r=t=>`຿${t}຿`;function u(n){const s=[];for(let i=0;i<n.strings.length;i++)if(s.push(n.strings[i]),i<n.values.length){const o=n.values[i];o instanceof t?s.push(u(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?s.push(o.map(u).join("")):c(o)?s.push(e(o.value)):"function"!=typeof o&&s.push(e(o??""))}return s.join("")}function f(t,n){const s=t.indexOf(n);if(-1===s)return{type:"text"};const i=t.substring(0,s).lastIndexOf("<");if(-1===i)return{type:"text"};if(t.substring(i,s).includes(">"))return{type:"text"};const o=t.substring(i+1,s).match(/([\w\-@:.]+)\s*=\s*(?:"[^"]*|'[^']*|[^\s>]*?)$/);if(!o)return{type:"text"};const e=o[1];return e.startsWith("on")&&e.length>2?{type:"event",attrName:e}:{type:"attr",attrName:e}}class h{constructor(t,n){this.container=t,this.rawValue=n,this.node=null,this.l=null}mount(){const n=document.createTextNode("");if(this.p?this.container.insertBefore(n,this.p):this.container.appendChild(n),this.node=n,c(this.rawValue)){const t=this.rawValue;this.l=s(()=>{this.node.textContent=null!=t.value?String(t.value):""})}else this.rawValue instanceof t?this.node.textContent=u(this.rawValue):this.node.textContent=null!=this.rawValue?String(this.rawValue):""}destroy(){this.l?.(),this.node?.remove()}}class l{constructor(t,n,s){this.element=t,this.attrName=n,this.rawValue=s,this.l=null}mount(){if(c(this.rawValue)){const t=this.rawValue;this.l=s(()=>{const n=t.value;null==n||!1===n?this.element.removeAttribute(this.attrName):this.element.setAttribute(this.attrName,String(n))})}else null!=this.rawValue&&!1!==this.rawValue&&this.element.setAttribute(this.attrName,String(this.rawValue))}destroy(){this.l?.()}}class a{constructor(t,n,s){this.element=t,this.eventName=n.slice(2).toLowerCase(),this.handler=s,this.m=null}mount(){"function"==typeof this.handler&&(this.m=t=>this.handler(t),this.element.addEventListener(this.eventName,this.m))}destroy(){this.m&&(this.element.removeEventListener(this.eventName,this.m),this.m=null)}}class d{constructor(){this.parts=[],this.fragment=null}destroy(){for(const t of this.parts)t.destroy();this.parts.length=0}}function p(n,s){const i=new d,o=function(n){const s=[];for(let i=0;i<n.strings.length;i++)if(s.push(n.strings[i]),i<n.values.length){const o=n.values[i];o instanceof t?s.push(u(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?s.push(o.map(u).join("")):"function"==typeof o||c(o)?s.push(r(i)):s.push(e(o??""))}return s.join("")}(n),f=function(t){const n=document.createElement("template");return n.innerHTML=t,n.content}(o);i.fragment=f,y(f,n.values,o,i);for(const t of i.parts)t.mount();return s.appendChild(f),i}function y(t,n,s,i){const o=[...t.childNodes];for(const e of o)3===e.nodeType?g(e,n,s,i,t):1===e.nodeType&&m(e,n,s,i)}function g(t,n,s,i,o){const e=t.textContent||"";for(let c=0;c<n.length;c++){const u=r(c),l=e.indexOf(u);if(-1===l)continue;if("text"!==f(s,u).type)continue;const a=e.substring(0,l),d=e.substring(l+u.length);a&&o.insertBefore(document.createTextNode(a),t);const p=new h(o,n[c]);i.parts.push(p);let y=t;return d&&(y=document.createTextNode(d),o.insertBefore(y,t)),o.removeChild(t),p.p=y!==t?y:null,void(d&&g(y,n,s,i,o))}}function m(t,n,s,i){const o=[...t.attributes];for(const e of o)for(let o=0;o<n.length;o++){const c=r(o);if(!e.value.includes(c))continue;const u=f(s,c);if("event"===u.type&&u.attrName===e.name){t.removeAttribute(e.name);const s=new a(t,e.name,n[o]);i.parts.push(s)}else if("attr"===u.type&&u.attrName===e.name){const s=e.value.replace(c,"");s?t.setAttribute(e.name,s):t.removeAttribute(e.name);const r=new l(t,e.name,n[o]);i.parts.push(r)}}y(t,n,s,i)}function b(t={}){const{value:s="",max:i=99,type:o="",dot:e=!1,pulse:c=!1}=t;let r=s;const u=n`
     <span class="ds-badge${o?` ds-badge--${o}`:""}${e?" ds-badge--dot":""}${c?" ds-badge--pulse":""}">${e?"":String(""!==r?function(){const t=Number(r);return!isNaN(t)&&t>i?i+"+":String(r)}():"")}</span>
-  `,f=document.createDocumentFragment(),h=p(u,f),l=f.querySelector(".ds-badge");return{get element(){return f},setValue:function(t){r=t,function(){if(!l)return;e||(l.textContent=function(){if(e)return"";const t=Number(r);return!isNaN(t)&&t>i?i+"+":String(r)}())}()},getValue:function(){return r},destroy:function(){h.destroy()}}}export{b as Badge};
+  `,f=document.createDocumentFragment(),h=p(u,f),l=f.querySelector(".ds-badge");return{get element(){return f},setValue:function(t){r=t,function(){if(!l)return;e||(l.textContent=function(){if(e)return"";const t=Number(r);if(!isNaN(t)&&t>i)return i+"+";return String(r)}())}()},getValue:function(){return r},destroy:function(){h.destroy()}}}export{b as Badge};

package/dist/kupola-core-dialog.cjs.js

@@ -1,4 +1,4 @@
-"use strict";class t{constructor(t,n){this.strings=t,this.values=n}}function n(n,...s){return new t(n,s)}function s(t){const n={t:t,i:new Set,o:null,l:!1};return n.o=()=>{n.l||i(n)},i(n),()=>function(t){if(t.l)return;t.l=!0,o(t)}(n)}function i(t){o(t);try{t.t()}finally{}}function o(t){for(const n of t.i)n.u.delete(t);t.i.clear()}function e(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function c(t){if(null==t||"object"!=typeof t)return!1;const n=Object.getOwnPropertyDescriptor(t,"value");if(n&&"function"==typeof n.get)return!0;const s=Object.getPrototypeOf(t);if(s){const t=Object.getOwnPropertyDescriptor(s,"value");if(t&&"function"==typeof t.get)return!0}return!1}const r=t=>`຿${t}຿`;function l(n){const s=[];for(let i=0;i<n.strings.length;i++)if(s.push(n.strings[i]),i<n.values.length){const o=n.values[i];o instanceof t?s.push(l(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?s.push(o.map(l).join("")):c(o)?s.push(e(o.value)):"function"!=typeof o&&s.push(e(o??""))}return s.join("")}function u(t,n){const s=t.indexOf(n);if(-1===s)return{type:"text"};const i=t.substring(0,s).lastIndexOf("<");if(-1===i)return{type:"text"};if(t.substring(i,s).includes(">"))return{type:"text"};const o=t.substring(i+1,s).match(/([\w\-@:.]+)\s*=\s*(?:"[^"]*|'[^']*|[^\s>]*?)$/);if(!o)return{type:"text"};const e=o[1];return e.startsWith("on")&&e.length>2?{type:"event",attrName:e}:{type:"attr",attrName:e}}class h{constructor(t,n){this.container=t,this.rawValue=n,this.node=null,this.h=null}mount(){const n=document.createTextNode("");if(this.v?this.container.insertBefore(n,this.v):this.container.appendChild(n),this.node=n,c(this.rawValue)){const t=this.rawValue;this.h=s(()=>{this.node.textContent=null!=t.value?String(t.value):""})}else this.rawValue instanceof t?this.node.textContent=l(this.rawValue):this.node.textContent=null!=this.rawValue?String(this.rawValue):""}destroy(){this.h?.(),this.node?.remove()}}class f{constructor(t,n,s){this.element=t,this.attrName=n,this.rawValue=s,this.h=null}mount(){if(c(this.rawValue)){const t=this.rawValue;this.h=s(()=>{const n=t.value;null==n||!1===n?this.element.removeAttribute(this.attrName):this.element.setAttribute(this.attrName,String(n))})}else null!=this.rawValue&&!1!==this.rawValue&&this.element.setAttribute(this.attrName,String(this.rawValue))}destroy(){this.h?.()}}class a{constructor(t,n,s){this.element=t,this.eventName=n.slice(2).toLowerCase(),this.handler=s,this.m=null}mount(){"function"==typeof this.handler&&(this.m=t=>this.handler(t),this.element.addEventListener(this.eventName,this.m))}destroy(){this.m&&(this.element.removeEventListener(this.eventName,this.m),this.m=null)}}class d{constructor(){this.parts=[],this.fragment=null}destroy(){for(const t of this.parts)t.destroy();this.parts.length=0}}function y(n,s){const i=new d,o=function(n){const s=[];for(let i=0;i<n.strings.length;i++)if(s.push(n.strings[i]),i<n.values.length){const o=n.values[i];o instanceof t?s.push(l(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?s.push(o.map(l).join("")):"function"==typeof o||c(o)?s.push(r(i)):s.push(e(o??""))}return s.join("")}(n),u=function(t){const n=document.createElement("template");return n.innerHTML=t,n.content}(o);i.fragment=u,v(u,n.values,o,i);for(const t of i.parts)t.mount();return s.appendChild(u),i}function v(t,n,s,i){const o=[...t.childNodes];for(const e of o)3===e.nodeType?g(e,n,s,i,t):1===e.nodeType&&m(e,n,s,i)}function g(t,n,s,i,o){const e=t.textContent||"";for(let c=0;c<n.length;c++){const l=r(c),f=e.indexOf(l);if(-1===f)continue;if("text"!==u(s,l).type)continue;const a=e.substring(0,f),d=e.substring(f+l.length);a&&o.insertBefore(document.createTextNode(a),t);const y=new h(o,n[c]);i.parts.push(y);let v=t;return d&&(v=document.createTextNode(d),o.insertBefore(v,t)),o.removeChild(t),y.v=v!==t?v:null,void(d&&g(v,n,s,i,o))}}function m(t,n,s,i){const o=[...t.attributes];for(const e of o)for(let o=0;o<n.length;o++){const c=r(o);if(!e.value.includes(c))continue;const l=u(s,c);if("event"===l.type&&l.attrName===e.name){t.removeAttribute(e.name);const s=new a(t,e.name,n[o]);i.parts.push(s)}else if("attr"===l.type&&l.attrName===e.name){const s=e.value.replace(c,"");s?t.setAttribute(e.name,s):t.removeAttribute(e.name);const r=new f(t,e.name,n[o]);i.parts.push(r)}}v(t,n,s,i)}const x={success:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>',warning:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>',error:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>',info:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>',normal:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>'};function w(t={}){const{title:s="",content:i="",type:o="normal",confirmText:e="OK",cancelText:c="Cancel",showCancel:r=!0}=t;return new Promise(t=>{const l=()=>{w(),t(!0)},u=()=>{w(),t(!1)},h=t=>{"Escape"===t.key&&u(),"Enter"===t.key&&l()},f=n`
+"use strict";class t{constructor(t,n){this.strings=t,this.values=n}}function n(n,...s){return new t(n,s)}function s(t){const n={t:t,i:new Set,o:null,l:!1};return n.o=()=>{n.l||i(n)},i(n),()=>function(t){if(t.l)return;t.l=!0,o(t)}(n)}function i(t){o(t);try{t.t()}finally{}}function o(t){for(const n of t.i)n.u.delete(t);t.i.clear()}function e(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function c(t){if(null==t||"object"!=typeof t)return!1;const n=Object.getOwnPropertyDescriptor(t,"value");if(n&&"function"==typeof n.get)return!0;const s=Object.getPrototypeOf(t);if(s){const t=Object.getOwnPropertyDescriptor(s,"value");if(t&&"function"==typeof t.get)return!0}return!1}const r=t=>`຿${t}຿`;function l(n){const s=[];for(let i=0;i<n.strings.length;i++)if(s.push(n.strings[i]),i<n.values.length){const o=n.values[i];o instanceof t?s.push(l(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?s.push(o.map(l).join("")):c(o)?s.push(e(o.value)):"function"!=typeof o&&s.push(e(o??""))}return s.join("")}function u(t,n){const s=t.indexOf(n);if(-1===s)return{type:"text"};const i=t.substring(0,s).lastIndexOf("<");if(-1===i)return{type:"text"};if(t.substring(i,s).includes(">"))return{type:"text"};const o=t.substring(i+1,s).match(/([\w\-@:.]+)\s*=\s*(?:"[^"]*|'[^']*|[^\s>]*?)$/);if(!o)return{type:"text"};const e=o[1];return e.startsWith("on")&&e.length>2?{type:"event",attrName:e}:{type:"attr",attrName:e}}class h{constructor(t,n){this.container=t,this.rawValue=n,this.node=null,this.h=null}mount(){const n=document.createTextNode("");if(this.v?this.container.insertBefore(n,this.v):this.container.appendChild(n),this.node=n,c(this.rawValue)){const t=this.rawValue;this.h=s(()=>{this.node.textContent=null!=t.value?String(t.value):""})}else this.rawValue instanceof t?this.node.textContent=l(this.rawValue):this.node.textContent=null!=this.rawValue?String(this.rawValue):""}destroy(){this.h?.(),this.node?.remove()}}class f{constructor(t,n,s){this.element=t,this.attrName=n,this.rawValue=s,this.h=null}mount(){if(c(this.rawValue)){const t=this.rawValue;this.h=s(()=>{const n=t.value;null==n||!1===n?this.element.removeAttribute(this.attrName):this.element.setAttribute(this.attrName,String(n))})}else null!=this.rawValue&&!1!==this.rawValue&&this.element.setAttribute(this.attrName,String(this.rawValue))}destroy(){this.h?.()}}class a{constructor(t,n,s){this.element=t,this.eventName=n.slice(2).toLowerCase(),this.handler=s,this.m=null}mount(){"function"==typeof this.handler&&(this.m=t=>this.handler(t),this.element.addEventListener(this.eventName,this.m))}destroy(){this.m&&(this.element.removeEventListener(this.eventName,this.m),this.m=null)}}class d{constructor(){this.parts=[],this.fragment=null}destroy(){for(const t of this.parts)t.destroy();this.parts.length=0}}function y(n,s){const i=new d,o=function(n){const s=[];for(let i=0;i<n.strings.length;i++)if(s.push(n.strings[i]),i<n.values.length){const o=n.values[i];o instanceof t?s.push(l(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?s.push(o.map(l).join("")):"function"==typeof o||c(o)?s.push(r(i)):s.push(e(o??""))}return s.join("")}(n),u=function(t){const n=document.createElement("template");return n.innerHTML=t,n.content}(o);i.fragment=u,v(u,n.values,o,i);for(const t of i.parts)t.mount();return s.appendChild(u),i}function v(t,n,s,i){const o=[...t.childNodes];for(const e of o)3===e.nodeType?g(e,n,s,i,t):1===e.nodeType&&m(e,n,s,i)}function g(t,n,s,i,o){const e=t.textContent||"";for(let c=0;c<n.length;c++){const l=r(c),f=e.indexOf(l);if(-1===f)continue;if("text"!==u(s,l).type)continue;const a=e.substring(0,f),d=e.substring(f+l.length);a&&o.insertBefore(document.createTextNode(a),t);const y=new h(o,n[c]);i.parts.push(y);let v=t;return d&&(v=document.createTextNode(d),o.insertBefore(v,t)),o.removeChild(t),y.v=v!==t?v:null,void(d&&g(v,n,s,i,o))}}function m(t,n,s,i){const o=[...t.attributes];for(const e of o)for(let o=0;o<n.length;o++){const c=r(o);if(!e.value.includes(c))continue;const l=u(s,c);if("event"===l.type&&l.attrName===e.name){t.removeAttribute(e.name);const s=new a(t,e.name,n[o]);i.parts.push(s)}else if("attr"===l.type&&l.attrName===e.name){const s=e.value.replace(c,"");s?t.setAttribute(e.name,s):t.removeAttribute(e.name);const r=new f(t,e.name,n[o]);i.parts.push(r)}}v(t,n,s,i)}const x={success:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>',warning:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>',error:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>',info:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>',normal:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>'};function w(t={}){const{title:s="",content:i="",type:o="normal",confirmText:e="OK",cancelText:c="Cancel",showCancel:r=!0}=t;return new Promise(t=>{const l=()=>{p(),t(!0)},u=()=>{p(),t(!1)},h=t=>{t.target===t.currentTarget&&u()},f=t=>{"Escape"===t.key&&u(),"Enter"===t.key&&l()},a=n`
       <div class="ds-modal-mask">
         <div class="ds-dialog">
           <div class="ds-dialog__icon ds-dialog__icon--${o}">${x[o]||x.normal}</div>
@@ -10,4 +10,4 @@
           </div>
         </div>
       </div>
-    `,a=document.createDocumentFragment(),d=y(f,a);document.body.appendChild(a);const v=document.body.querySelector(".ds-modal-mask:last-of-type")||document.body.lastElementChild;v&&v.classList.add("is-visible"),document.body.style.overflow="hidden";const g=v.querySelector('[data-action="confirm"]'),m=v.querySelector('[data-action="cancel"]');function w(){document.removeEventListener("keydown",h),document.body.style.overflow="",v&&v.classList.remove("is-visible"),setTimeout(()=>{d.destroy(),v&&v.parentNode&&v.parentNode.removeChild(v)},50)}g&&g.addEventListener("click",l),m&&m.addEventListener("click",u),v&&v.addEventListener("click",t=>{t.target===t.currentTarget&&u()}),document.addEventListener("keydown",h)})}const p={confirm:w,alert:function(t={}){return w({...t,showCancel:!1}).then(()=>{})}};exports.Dialog=p;
+    `,d=document.createDocumentFragment(),v=y(a,d);document.body.appendChild(d);const g=document.body.querySelector(".ds-modal-mask:last-of-type")||document.body.lastElementChild;g&&g.classList.add("is-visible"),document.body.style.overflow="hidden";const m=g.querySelector('[data-action="confirm"]'),w=g.querySelector('[data-action="cancel"]');function p(){document.removeEventListener("keydown",f),document.body.style.overflow="",g&&g.classList.remove("is-visible"),setTimeout(()=>{v.destroy(),g&&g.parentNode&&g.parentNode.removeChild(g)},50)}m&&m.addEventListener("click",l),w&&w.addEventListener("click",u),g&&g.addEventListener("click",h),document.addEventListener("keydown",f)})}const p={confirm:w,alert:function(t={}){return w({...t,showCancel:!1}).then(()=>{})}};exports.Dialog=p;

package/dist/kupola-core-dialog.esm.js

@@ -1,4 +1,4 @@
-class t{constructor(t,n){this.strings=t,this.values=n}}function n(n,...i){return new t(n,i)}function i(t){const n={t:t,i:new Set,o:null,l:!1};return n.o=()=>{n.l||s(n)},s(n),()=>function(t){if(t.l)return;t.l=!0,o(t)}(n)}function s(t){o(t);try{t.t()}finally{}}function o(t){for(const n of t.i)n.u.delete(t);t.i.clear()}function e(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function c(t){if(null==t||"object"!=typeof t)return!1;const n=Object.getOwnPropertyDescriptor(t,"value");if(n&&"function"==typeof n.get)return!0;const i=Object.getPrototypeOf(t);if(i){const t=Object.getOwnPropertyDescriptor(i,"value");if(t&&"function"==typeof t.get)return!0}return!1}const r=t=>`຿${t}຿`;function l(n){const i=[];for(let s=0;s<n.strings.length;s++)if(i.push(n.strings[s]),s<n.values.length){const o=n.values[s];o instanceof t?i.push(l(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?i.push(o.map(l).join("")):c(o)?i.push(e(o.value)):"function"!=typeof o&&i.push(e(o??""))}return i.join("")}function u(t,n){const i=t.indexOf(n);if(-1===i)return{type:"text"};const s=t.substring(0,i).lastIndexOf("<");if(-1===s)return{type:"text"};if(t.substring(s,i).includes(">"))return{type:"text"};const o=t.substring(s+1,i).match(/([\w\-@:.]+)\s*=\s*(?:"[^"]*|'[^']*|[^\s>]*?)$/);if(!o)return{type:"text"};const e=o[1];return e.startsWith("on")&&e.length>2?{type:"event",attrName:e}:{type:"attr",attrName:e}}class h{constructor(t,n){this.container=t,this.rawValue=n,this.node=null,this.h=null}mount(){const n=document.createTextNode("");if(this.v?this.container.insertBefore(n,this.v):this.container.appendChild(n),this.node=n,c(this.rawValue)){const t=this.rawValue;this.h=i(()=>{this.node.textContent=null!=t.value?String(t.value):""})}else this.rawValue instanceof t?this.node.textContent=l(this.rawValue):this.node.textContent=null!=this.rawValue?String(this.rawValue):""}destroy(){this.h?.(),this.node?.remove()}}class f{constructor(t,n,i){this.element=t,this.attrName=n,this.rawValue=i,this.h=null}mount(){if(c(this.rawValue)){const t=this.rawValue;this.h=i(()=>{const n=t.value;null==n||!1===n?this.element.removeAttribute(this.attrName):this.element.setAttribute(this.attrName,String(n))})}else null!=this.rawValue&&!1!==this.rawValue&&this.element.setAttribute(this.attrName,String(this.rawValue))}destroy(){this.h?.()}}class a{constructor(t,n,i){this.element=t,this.eventName=n.slice(2).toLowerCase(),this.handler=i,this.m=null}mount(){"function"==typeof this.handler&&(this.m=t=>this.handler(t),this.element.addEventListener(this.eventName,this.m))}destroy(){this.m&&(this.element.removeEventListener(this.eventName,this.m),this.m=null)}}class d{constructor(){this.parts=[],this.fragment=null}destroy(){for(const t of this.parts)t.destroy();this.parts.length=0}}function y(n,i){const s=new d,o=function(n){const i=[];for(let s=0;s<n.strings.length;s++)if(i.push(n.strings[s]),s<n.values.length){const o=n.values[s];o instanceof t?i.push(l(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?i.push(o.map(l).join("")):"function"==typeof o||c(o)?i.push(r(s)):i.push(e(o??""))}return i.join("")}(n),u=function(t){const n=document.createElement("template");return n.innerHTML=t,n.content}(o);s.fragment=u,v(u,n.values,o,s);for(const t of s.parts)t.mount();return i.appendChild(u),s}function v(t,n,i,s){const o=[...t.childNodes];for(const e of o)3===e.nodeType?g(e,n,i,s,t):1===e.nodeType&&m(e,n,i,s)}function g(t,n,i,s,o){const e=t.textContent||"";for(let c=0;c<n.length;c++){const l=r(c),f=e.indexOf(l);if(-1===f)continue;if("text"!==u(i,l).type)continue;const a=e.substring(0,f),d=e.substring(f+l.length);a&&o.insertBefore(document.createTextNode(a),t);const y=new h(o,n[c]);s.parts.push(y);let v=t;return d&&(v=document.createTextNode(d),o.insertBefore(v,t)),o.removeChild(t),y.v=v!==t?v:null,void(d&&g(v,n,i,s,o))}}function m(t,n,i,s){const o=[...t.attributes];for(const e of o)for(let o=0;o<n.length;o++){const c=r(o);if(!e.value.includes(c))continue;const l=u(i,c);if("event"===l.type&&l.attrName===e.name){t.removeAttribute(e.name);const i=new a(t,e.name,n[o]);s.parts.push(i)}else if("attr"===l.type&&l.attrName===e.name){const i=e.value.replace(c,"");i?t.setAttribute(e.name,i):t.removeAttribute(e.name);const r=new f(t,e.name,n[o]);s.parts.push(r)}}v(t,n,i,s)}const x={success:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>',warning:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>',error:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>',info:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>',normal:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>'};function w(t={}){const{title:i="",content:s="",type:o="normal",confirmText:e="OK",cancelText:c="Cancel",showCancel:r=!0}=t;return new Promise(t=>{const l=()=>{w(),t(!0)},u=()=>{w(),t(!1)},h=t=>{"Escape"===t.key&&u(),"Enter"===t.key&&l()},f=n`
+class t{constructor(t,n){this.strings=t,this.values=n}}function n(n,...i){return new t(n,i)}function i(t){const n={t:t,i:new Set,o:null,l:!1};return n.o=()=>{n.l||s(n)},s(n),()=>function(t){if(t.l)return;t.l=!0,o(t)}(n)}function s(t){o(t);try{t.t()}finally{}}function o(t){for(const n of t.i)n.u.delete(t);t.i.clear()}function e(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function c(t){if(null==t||"object"!=typeof t)return!1;const n=Object.getOwnPropertyDescriptor(t,"value");if(n&&"function"==typeof n.get)return!0;const i=Object.getPrototypeOf(t);if(i){const t=Object.getOwnPropertyDescriptor(i,"value");if(t&&"function"==typeof t.get)return!0}return!1}const r=t=>`຿${t}຿`;function l(n){const i=[];for(let s=0;s<n.strings.length;s++)if(i.push(n.strings[s]),s<n.values.length){const o=n.values[s];o instanceof t?i.push(l(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?i.push(o.map(l).join("")):c(o)?i.push(e(o.value)):"function"!=typeof o&&i.push(e(o??""))}return i.join("")}function u(t,n){const i=t.indexOf(n);if(-1===i)return{type:"text"};const s=t.substring(0,i).lastIndexOf("<");if(-1===s)return{type:"text"};if(t.substring(s,i).includes(">"))return{type:"text"};const o=t.substring(s+1,i).match(/([\w\-@:.]+)\s*=\s*(?:"[^"]*|'[^']*|[^\s>]*?)$/);if(!o)return{type:"text"};const e=o[1];return e.startsWith("on")&&e.length>2?{type:"event",attrName:e}:{type:"attr",attrName:e}}class h{constructor(t,n){this.container=t,this.rawValue=n,this.node=null,this.h=null}mount(){const n=document.createTextNode("");if(this.v?this.container.insertBefore(n,this.v):this.container.appendChild(n),this.node=n,c(this.rawValue)){const t=this.rawValue;this.h=i(()=>{this.node.textContent=null!=t.value?String(t.value):""})}else this.rawValue instanceof t?this.node.textContent=l(this.rawValue):this.node.textContent=null!=this.rawValue?String(this.rawValue):""}destroy(){this.h?.(),this.node?.remove()}}class f{constructor(t,n,i){this.element=t,this.attrName=n,this.rawValue=i,this.h=null}mount(){if(c(this.rawValue)){const t=this.rawValue;this.h=i(()=>{const n=t.value;null==n||!1===n?this.element.removeAttribute(this.attrName):this.element.setAttribute(this.attrName,String(n))})}else null!=this.rawValue&&!1!==this.rawValue&&this.element.setAttribute(this.attrName,String(this.rawValue))}destroy(){this.h?.()}}class a{constructor(t,n,i){this.element=t,this.eventName=n.slice(2).toLowerCase(),this.handler=i,this.m=null}mount(){"function"==typeof this.handler&&(this.m=t=>this.handler(t),this.element.addEventListener(this.eventName,this.m))}destroy(){this.m&&(this.element.removeEventListener(this.eventName,this.m),this.m=null)}}class d{constructor(){this.parts=[],this.fragment=null}destroy(){for(const t of this.parts)t.destroy();this.parts.length=0}}function y(n,i){const s=new d,o=function(n){const i=[];for(let s=0;s<n.strings.length;s++)if(i.push(n.strings[s]),s<n.values.length){const o=n.values[s];o instanceof t?i.push(l(o)):Array.isArray(o)&&o.length>0&&o[0]instanceof t?i.push(o.map(l).join("")):"function"==typeof o||c(o)?i.push(r(s)):i.push(e(o??""))}return i.join("")}(n),u=function(t){const n=document.createElement("template");return n.innerHTML=t,n.content}(o);s.fragment=u,v(u,n.values,o,s);for(const t of s.parts)t.mount();return i.appendChild(u),s}function v(t,n,i,s){const o=[...t.childNodes];for(const e of o)3===e.nodeType?g(e,n,i,s,t):1===e.nodeType&&m(e,n,i,s)}function g(t,n,i,s,o){const e=t.textContent||"";for(let c=0;c<n.length;c++){const l=r(c),f=e.indexOf(l);if(-1===f)continue;if("text"!==u(i,l).type)continue;const a=e.substring(0,f),d=e.substring(f+l.length);a&&o.insertBefore(document.createTextNode(a),t);const y=new h(o,n[c]);s.parts.push(y);let v=t;return d&&(v=document.createTextNode(d),o.insertBefore(v,t)),o.removeChild(t),y.v=v!==t?v:null,void(d&&g(v,n,i,s,o))}}function m(t,n,i,s){const o=[...t.attributes];for(const e of o)for(let o=0;o<n.length;o++){const c=r(o);if(!e.value.includes(c))continue;const l=u(i,c);if("event"===l.type&&l.attrName===e.name){t.removeAttribute(e.name);const i=new a(t,e.name,n[o]);s.parts.push(i)}else if("attr"===l.type&&l.attrName===e.name){const i=e.value.replace(c,"");i?t.setAttribute(e.name,i):t.removeAttribute(e.name);const r=new f(t,e.name,n[o]);s.parts.push(r)}}v(t,n,i,s)}const x={success:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>',warning:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>',error:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>',info:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>',normal:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>'};function w(t={}){const{title:i="",content:s="",type:o="normal",confirmText:e="OK",cancelText:c="Cancel",showCancel:r=!0}=t;return new Promise(t=>{const l=()=>{p(),t(!0)},u=()=>{p(),t(!1)},h=t=>{t.target===t.currentTarget&&u()},f=t=>{"Escape"===t.key&&u(),"Enter"===t.key&&l()},a=n`
       <div class="ds-modal-mask">
         <div class="ds-dialog">
           <div class="ds-dialog__icon ds-dialog__icon--${o}">${x[o]||x.normal}</div>
@@ -10,4 +10,4 @@ class t{constructor(t,n){this.strings=t,this.values=n}}function n(n,...i){return
           </div>
         </div>
       </div>
-    `,a=document.createDocumentFragment(),d=y(f,a);document.body.appendChild(a);const v=document.body.querySelector(".ds-modal-mask:last-of-type")||document.body.lastElementChild;v&&v.classList.add("is-visible"),document.body.style.overflow="hidden";const g=v.querySelector('[data-action="confirm"]'),m=v.querySelector('[data-action="cancel"]');function w(){document.removeEventListener("keydown",h),document.body.style.overflow="",v&&v.classList.remove("is-visible"),setTimeout(()=>{d.destroy(),v&&v.parentNode&&v.parentNode.removeChild(v)},50)}g&&g.addEventListener("click",l),m&&m.addEventListener("click",u),v&&v.addEventListener("click",t=>{t.target===t.currentTarget&&u()}),document.addEventListener("keydown",h)})}const p={confirm:w,alert:function(t={}){return w({...t,showCancel:!1}).then(()=>{})}};export{p as Dialog};
+    `,d=document.createDocumentFragment(),v=y(a,d);document.body.appendChild(d);const g=document.body.querySelector(".ds-modal-mask:last-of-type")||document.body.lastElementChild;g&&g.classList.add("is-visible"),document.body.style.overflow="hidden";const m=g.querySelector('[data-action="confirm"]'),w=g.querySelector('[data-action="cancel"]');function p(){document.removeEventListener("keydown",f),document.body.style.overflow="",g&&g.classList.remove("is-visible"),setTimeout(()=>{v.destroy(),g&&g.parentNode&&g.parentNode.removeChild(g)},50)}m&&m.addEventListener("click",l),w&&w.addEventListener("click",u),g&&g.addEventListener("click",h),document.addEventListener("keydown",f)})}const p={confirm:w,alert:function(t={}){return w({...t,showCancel:!1}).then(()=>{})}};export{p as Dialog};