npm - zignal-stencil-library - Versions diffs - 1.1.121 → 1.1.123 - Mend

zignal-stencil-library 1.1.121 → 1.1.123

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.

Files changed (391) hide show

package/dist/components/p-IOxlICcT.js ADDED Viewed

@@ -0,0 +1,163 @@
+import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DRz4sc4i.js';
+import { c as configStore } from './p-C-yg0vtE.js';
+import { u as useTranslation } from './p-GPPFvEYq.js';
+import { I as Icon } from './p-BhidTUJs.js';
+import { d as defineCustomElement$9 } from './p-BKZzQD7H.js';
+import { d as defineCustomElement$8 } from './p-BPVt9weM.js';
+import { d as defineCustomElement$7 } from './p-DAJhf69u.js';
+import { d as defineCustomElement$6 } from './p-D4EbodEB.js';
+import { d as defineCustomElement$5 } from './p-C0tV1VyH.js';
+import { d as defineCustomElement$4 } from './p-WA5K_3rK.js';
+import { d as defineCustomElement$3 } from './p-ChRpdGJd.js';
+import { d as defineCustomElement$2 } from './p-CiVfPqKY.js';
+import { d as defineCustomElement$1 } from './p-FhAWwRc3.js';
+const quickMessageModalCss = "@layer base{*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-drop-shadow-alpha:100%;--tw-border-style:solid;border:0 solid;box-sizing:border-box;margin:0;padding:0}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-x-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid;--tw-space-y-reverse:0;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:host,:root{--container-3xs:16rem;--color-yellow-500:oklch(79.5% .184 86.047);--container-sm:24rem;--container-xl:36rem;--color-yellow-300:oklch(90.5% .182 98.111);--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--container-xs:20rem;--container-md:28rem;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--color-gray-400:oklch(70.7% .022 261.325);--color-slate-500:oklch(55.4% .046 257.417);--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--color-red-700:oklch(50.5% .213 27.518);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-blue-500:oklch(62.3% .214 259.815);--color-pink-100:oklch(94.8% .028 342.258);--font-weight-semibold:600;--font-weight-bold:700;--animate-spin:spin 1s linear infinite;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:\"Kanit\",var(--default-font);--default-mono-font-family:var(--font-mono);--default-font:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--color-primary:#e02848;--color-secondary:#023761;--color-background:#fff;--color-surface:#000;--color-paper:#f3f4f6;--color-divider:#e5e7eb;--color-theme-gray:#6b7280}}@layer base{::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-meridiem-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-color:oklch(55.1% .027 264.364);border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);border-color:oklch(54.6% .245 262.881);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}select{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size=\"1\"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}[type=checkbox],[type=radio]{appearance:none;color:oklch(54.6% .245 262.881);print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-color:oklch(55.1% .027 264.364);border-width:1px;display:inline-block;flex-shrink:0;height:1rem;padding:0;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E\")}[type=radio]:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E\")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components{.dialog-backdrop{align-items:center;background-color:#0006;display:flex;inset:calc(var(--spacing)*0);justify-content:center;position:fixed;z-index:50}@supports (color:color-mix(in lab,red,red)){.dialog-backdrop{background-color:color-mix(in oklab,var(--color-black)40%,transparent);background-color:color-mix(in srgb,#00040%,transparent)}}.chat-item{border-radius:var(--radius-xl);cursor:pointer;margin-block:calc(var(--spacing)*1);margin-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);align-items:flex-start;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative}:where(.chat-item>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse))}.chat-item .chat-item-pin{position:absolute;right:calc(var(--spacing)*-3);top:calc(var(--spacing)*1)}.chat-item .chat-item-pin-icon{fill:currentColor;height:calc(var(--spacing)*3);rotate:45deg;width:calc(var(--spacing)*3)}.chat-item .chat-item-content-container{display:flex;flex-direction:row;width:100%}:where(.chat-item .chat-item-content-container>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse))}.chat-item .chat-item-avatar-wrapper{align-self:center;flex-shrink:0;position:relative}.chat-item .chat-item-avatar-badge{bottom:calc(var(--spacing)*-.5);position:absolute;right:calc(var(--spacing)*-.5)}.chat-item .chat-item-content-wrapper{min-height:calc(var(--spacing)*18);width:100%}.chat-item .chat-item-content-main{align-items:center;display:flex}:where(.chat-item .chat-item-content-main>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*1*var(--tw-space-x-reverse))}.chat-item .chat-item-content-main-image{border-radius:3.40282e+38px;height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.chat-item .chat-item-content-main-name{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.chat-item .chat-item-content-main-name,.chat-item .chat-item-content-main-time{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-main-time{color:var(--color-gray-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-left:auto}.chat-item .chat-item-content-secondary{align-items:flex-start;display:flex;flex-direction:row;width:100%}.chat-item .chat-item-content-secondary-nickname{font-size:var(--text-base);-webkit-line-clamp:1;line-height:var(--tw-leading,var(--text-base--line-height));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-secondary-message{color:var(--color-gray-600);font-size:var(--text-sm);-webkit-line-clamp:1;line-height:var(--tw-leading,var(--text-sm--line-height));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-unread{background-color:var(--color-primary);border-radius:3.40282e+38px;color:var(--color-white);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-left:auto}.chat-item .chat-item-content-unread-mark{display:inline-block;height:calc(var(--spacing)*2.5);width:calc(var(--spacing)*2.5)}.chat-item .chat-item-content-unread-count{padding-block:calc(var(--spacing)*.5);padding-inline:calc(var(--spacing)*2)}.z-icon-button{cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:3.40282e+38px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-icon-button:focus{--tw-outline-style:none;outline-style:none}.z-icon-button-primary{background-color:var(--color-primary);color:var(--color-white)}.z-icon-button-outlined{border-color:var(--color-primary);border-style:var(--tw-border-style);border-width:1px}.z-icon-button-outlined,.z-icon-button-text{color:var(--color-primary)}.z-icon-button-disabled{cursor:not-allowed;opacity:.5}.z-button{cursor:pointer;--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:3.40282e+38px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-button:focus{--tw-outline-style:none;outline-style:none}.z-button-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*2)}.z-button-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3)}.z-button-large{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4)}.z-button-primary{background-color:var(--color-primary);color:var(--color-white)}.z-button-outlined{border-color:var(--color-primary);border-style:var(--tw-border-style);border-width:1px;color:var(--color-primary)}.z-button-disabled{cursor:not-allowed;opacity:.5}.z-button-text{margin-inline:calc(var(--spacing)*2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.z-input-area-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-input-area-input,.z-input-area-label{color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.z-input-area-input{background-color:var(--color-paper);border-color:var(--color-surface);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);--tw-ring-color:var(--color-primary);border-width:1px;width:100%}.z-input-area-input:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-input-area-error{color:var(--color-red-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:calc(var(--spacing)*1)}.z-input-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-input,.z-input-label{color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.z-input{background-color:var(--color-background);border-color:var(--color-divider);border-style:var(--tw-border-style);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);--tw-ring-color:var(--color-primary);border-radius:3.40282e+38px;border-width:1px;width:100%}.z-input:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-input-error{color:var(--color-red-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:calc(var(--spacing)*1)}.z-select-input-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-tag-or-status-item{align-items:center;border-radius:var(--radius-2xl);gap:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*3);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:inline-flex}.z-tag-or-status-item .z-tag-or-status-item-name{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));max-width:calc(var(--spacing)*20)}.z-tag-or-status-item .z-tag-or-status-item-icon{border-radius:3.40282e+38px;height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.z-context-input{align-items:stretch;display:flex;flex-direction:row;margin-block:calc(var(--spacing)*1)}.z-context-input-key{background-color:var(--color-background);border-bottom-left-radius:var(--radius-3xl);border-color:var(--color-divider);border-style:var(--tw-border-style);border-top-left-radius:var(--radius-3xl);border-width:1px;color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));max-height:6.4rem;min-height:2.4rem;padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);resize:none;width:100%;--tw-ring-color:var(--color-primary);flex:1}.z-context-input-key:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-context-input-value{background-color:var(--color-background);border-bottom-right-radius:var(--radius-3xl);border-color:var(--color-primary);border-style:var(--tw-border-style);border-top-right-radius:var(--radius-3xl);border-width:1px;color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));max-height:6.4rem;min-height:2.4rem;padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);resize:none;width:100%;--tw-ring-color:var(--color-primary);flex:1}.z-context-input-value:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-text-with-link{color:var(--color-blue-600);text-decoration-line:underline}.z-button-group{display:inline-flex}.z-button-group-tab{border-radius:var(--radius-md);display:flex;gap:calc(var(--spacing)*1);padding:calc(var(--spacing)*.5)!important}.z-button-group-item{border-style:var(--tw-border-style);cursor:pointer;--tw-font-weight:var(--font-weight-medium);align-items:center;border-width:1px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-button-group-item:focus{--tw-outline-style:none;outline-style:none}.z-button-group-item-tab{align-items:center;border-radius:var(--radius-sm);border-style:var(--tw-border-style)!important;border-width:0!important;display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)*2);justify-content:center;padding:calc(var(--spacing)*1)!important}.z-button-group-item-tab-selected{background-color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.z-button-group-item-tab-selected,.z-button-group-item-tab-unselected{border-style:var(--tw-border-style)!important;border-width:0!important}.z-button-group-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*2)}.z-button-group-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3)}.z-button-group-large{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4)}.z-button-group-item-first{border-bottom-left-radius:3.40282e+38px;border-top-left-radius:3.40282e+38px}.z-button-group-item-last{border-bottom-right-radius:3.40282e+38px;border-top-right-radius:3.40282e+38px}.z-button-group-item-middle{border-radius:0}.z-button-group-item-primary-selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.z-button-group-item-primary-unselected{background-color:var(--color-white);border-color:var(--color-primary);color:var(--color-primary)}.z-button-group-item-outlined-selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.z-button-group-item-outlined-unselected{background-color:#0000;border-color:var(--color-primary);color:var(--color-primary)}.z-button-group-item-disabled{cursor:not-allowed;opacity:.5}.z-button-group-item:not(:first-child){margin-left:-1px}}@layer utilities{.hidden{display:none}.hidden\\!{display:none!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.bg-background{background-color:var(--color-background)}.bg-paper{background-color:var(--color-paper)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}[data-theme=light]{--color-primary:#e02848;--color-secondary:#023761;--color-background:#fff;--color-surface:#000;--color-paper:#f3f4f6;--color-divider:#e5e7eb;--color-theme-gray:#6b7280}[data-theme=dark]{--color-primary:#b50f30;--color-secondary:#fff;--color-background:#23292d;--color-surface:#fff;--color-paper:#374151;--color-divider:#4b5563;--color-theme-gray:#d1d5db}.scroll-container::-webkit-scrollbar{background:#0000001a;height:8px;width:8px}.scroll-container:active::-webkit-scrollbar,.scroll-container:hover::-webkit-scrollbar{background:#0003}.scroll-container:active::-webkit-scrollbar-thumb,.scroll-container:hover::-webkit-scrollbar-thumb{background:#0006;border-radius:4px}.bg-time-badge{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-time-badge{background-color:color-mix(in srgb,var(--color-surface)30%,transparent);background-color:color-mix(in srgb,#00030%,transparent)}}.placeholder-surface::placeholder{color:var(--color-text-gray)}.z-width-100{width:100%}.z-width-90{width:90%}.z-width-75{width:75%}.z-width-50{width:50%}.z-width-25{width:25%}.z-width-0{width:0}.z-animate-width{transition-duration:.5s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.z-animate-grid-template-cols{transition:grid-template-rows .5s}[type=checkbox]{background-color:var(--color-gray-300);border-color:var(--color-gray-300);border-radius:4px;cursor:pointer}[type=checkbox]:checked,[type=checkbox]:indeterminate{background-color:var(--color-primary);border-color:var(--color-primary);border-radius:4px;cursor:pointer}[type=checkbox]:focus{offset:0;outline-offset:0;--tw-ring-color:var(--color-primary);outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grid-cols-1{grid-template-columns:1fr}.grid-cols-1_3{grid-template-columns:1fr 3fr}.grid-cols-1_2_1{grid-template-columns:1fr 2fr 1fr}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{.relative{position:relative}.size-5{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.rotate-45{rotate:45deg}.text-blue-500{color:var(--color-blue-500)}.text-green-500{color:var(--color-green-500)}.text-primary{color:var(--color-primary)}.text-surface{color:var(--color-surface)}.text-theme-gray{color:var(--color-theme-gray)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.w-xl{width:var(--container-xl)}.w-xs{width:var(--container-xs)}.m-auto{margin:auto}.size-32{height:calc(var(--spacing)*32);width:calc(var(--spacing)*32)}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.col-span-2{grid-column:span 2/span 2}.my-2{margin-block:calc(var(--spacing)*2)}.container{width:100%}.bg-pink-100{background-color:var(--color-pink-100)}.text-black{color:var(--color-black)}.visible{visibility:visible}.-top-12{top:calc(var(--spacing)*-12)}.-top-24{top:calc(var(--spacing)*-24)}.mx-auto{margin-inline:auto}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.inline-block{display:inline-block}.size-18{height:calc(var(--spacing)*18);width:calc(var(--spacing)*18)}.p-4{padding:calc(var(--spacing)*4)}.px-4{padding-inline:calc(var(--spacing)*4)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.mt-1{margin-top:calc(var(--spacing)*1)}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.size-3{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.size-4{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.size-8{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.max-w-3xs{max-width:var(--container-3xs)}.max-w-sm{max-width:var(--container-sm)}.cursor-pointer{cursor:pointer}.resize{resize:both}.rounded-br-\\[0\\]{border-bottom-right-radius:0}.rounded-bl-\\[0\\]{border-bottom-left-radius:0}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-2{padding-block:calc(var(--spacing)*2)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.absolute{position:absolute}.right-full{right:100%}.-bottom-2{bottom:calc(var(--spacing)*-2)}.left-full{left:100%}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0\\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-2\\.5{margin-bottom:calc(var(--spacing)*2.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.flex{display:flex}.size-6{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.rounded-full{border-radius:3.40282e+38px}.bg-yellow-300{background-color:var(--color-yellow-300)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.size-42{height:calc(var(--spacing)*42);width:calc(var(--spacing)*42)}.h-20{height:calc(var(--spacing)*20)}.w-42{width:calc(var(--spacing)*42)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.-right-0\\.5{right:calc(var(--spacing)*-.5)}.-bottom-0\\.5{bottom:calc(var(--spacing)*-.5)}.col-span-3{grid-column:span 3/span 3}.mt-2{margin-top:calc(var(--spacing)*2)}.flex-wrap{flex-wrap:wrap}.gap-y-1{row-gap:calc(var(--spacing)*1)}.border-b-\\[0\\.5px\\]{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px}.border-divider{border-color:var(--color-divider)}.pt-2{padding-top:calc(var(--spacing)*2)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.whitespace-nowrap{white-space:nowrap}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.inset-0{inset:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-3{bottom:calc(var(--spacing)*3)}.left-3{left:calc(var(--spacing)*3)}.z-10{z-index:10}.z-80{z-index:80}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.contents{display:contents}.grid{display:grid}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-12{height:calc(var(--spacing)*12);width:calc(var(--spacing)*12)}.size-14{height:calc(var(--spacing)*14);width:calc(var(--spacing)*14)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-\\[180px\\]{height:180px}.h-\\[220px\\]{height:220px}.h-\\[280px\\]{height:280px}.h-full{height:100%}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-\\[200px\\]{width:200px}.w-\\[250px\\]{width:250px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[18px\\]{border-radius:18px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\\[1\\.5px\\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-current{border-color:currentColor}.border-red-500{border-color:var(--color-red-500)}.bg-slate-900\\/40{background-color:#0f172b66}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities;/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{@supports (color:color-mix(in lab,red,red)){.bg-slate-900\\/40{background-color:color-mix(in oklab,var(--color-slate-900)40%,transparent)}}.bg-slate-900\\/60{background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\\/60{background-color:color-mix(in oklab,var(--color-slate-900)60%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-white\\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\\/90{background-color:color-mix(in srgb,#fff90%,transparent);background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-12{padding-block:calc(var(--spacing)*12)}.pr-16{padding-right:calc(var(--spacing)*16)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\\[13px\\]{font-size:13px}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-red-500{color:var(--color-red-500)}.text-slate-700{color:var(--color-slate-700)}.placeholder-surface::placeholder{color:var(--color-surface)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.ring-primary{--tw-ring-color:var(--color-primary)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all,.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.focus\\:border-red-500:focus{border-color:var(--color-red-500)}.focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\\:ring-0:focus,.focus\\:ring-2:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\\:ring-red-200:focus{--tw-ring-color:var(--color-red-200)}.focus\\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\\:ring-slate-200:focus{--tw-ring-color:var(--color-slate-200)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}}@keyframes spin{to{transform:rotate(1turn)}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{.top-1\\/2{top:50%}.right-2{right:calc(var(--spacing)*2)}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.h-10{height:calc(var(--spacing)*10)}.min-h-0{min-height:calc(var(--spacing)*0)}.w-10{width:calc(var(--spacing)*10)}.min-w-0{min-width:calc(var(--spacing)*0)}.-translate-y-1\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.gap-2\\.5{gap:calc(var(--spacing)*2.5)}.overflow-y-auto{overflow-y:auto}.bg-primary{background-color:var(--color-primary)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.pr-9{padding-right:calc(var(--spacing)*9)}.break-words{overflow-wrap:break-word}.text-gray-400{color:var(--color-gray-400)}.focus\\:border-primary:focus{border-color:var(--color-primary)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.col-span-full{grid-column:1/-1}.h-16{height:calc(var(--spacing)*16)}.w-16{width:calc(var(--spacing)*16)}.auto-rows-auto{grid-auto-rows:auto}.content-start{align-content:flex-start}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.size-10{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.h-40{height:calc(var(--spacing)*40)}.h-\\[200px\\]{height:200px}.w-60{width:calc(var(--spacing)*60)}.shrink-0{flex-shrink:0}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.self-end{align-self:flex-end}.border-surface{border-color:var(--color-surface)}.py-1{padding-block:calc(var(--spacing)*1)}.py-10{padding-block:calc(var(--spacing)*10)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.whitespace-pre-line{white-space:pre-line}.text-slate-500{color:var(--color-slate-500)}.opacity-70{opacity:.7}.shadow-\\[0_8px_24px_rgba\\(15\\,23\\,42\\,0\\.08\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0f172a14)}.shadow-\\[0_8px_24px_rgba\\(15\\,23\\,42\\,0\\.08\\)\\],.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.text-background{color:var(--color-background)}.text-yellow-500{color:var(--color-yellow-500)}.size-16{height:calc(var(--spacing)*16);width:calc(var(--spacing)*16)}.size-\\[8px\\]{height:8px;width:8px}.size-\\[10px\\]{height:10px;width:10px}.col-span-1{grid-column:span 1/span 1}.m-2{margin:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.w-1\\/2{width:50%}.max-w-32{max-width:calc(var(--spacing)*32)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0)}.translate-y-0,.translate-y-full{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%}.bg-secondary{background-color:var(--color-secondary)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-green-700{color:var(--color-green-700)}.text-red-700{color:var(--color-red-700)}.capitalize{text-transform:capitalize}.opacity-100{opacity:1}.mb-auto{margin-bottom:auto}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer utilities{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components{.chat-item .chat-item-content-main-name,.chat-item .chat-item-content-main-time{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.z-icon-button-outlined,.z-icon-button-text{color:var(--color-primary)}.z-input,.z-input-area-input,.z-input-area-label,.z-input-label{color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.z-button-group-item-tab,.z-button-group-item-tab-selected{border-style:var(--tw-border-style)!important;border-width:0!important}}@layer utilities{.focus\\:ring-0:focus,.focus\\:ring-2:focus,.shadow,.shadow-\\[0_8px_24px_rgba\\(15\\,23\\,42\\,0\\.08\\)\\],.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.translate-y-0,.translate-y-full{translate:var(--tw-translate-x)var(--tw-translate-y)}}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}.quick-message-overlay{--quick-message-modal-base-z-index:var(--quick-message-modal-z-index,2147480000);--quick-message-overlay-padding:clamp(16px,2vh,40px);background:#00000080;box-sizing:border-box;display:grid;inset:0;padding:var(--quick-message-overlay-padding);place-items:center;position:fixed;z-index:var(--quick-message-modal-base-z-index)}.quick-message-container{height:min(850px,90vh);max-height:min(90vh,calc(100vh - var(--quick-message-overlay-padding,0px)*2));--quick-modal-surface:var(--color-background);--quick-modal-primary:var(--color-primary);--quick-modal-primary-soft:var(--quick-modal-primary);--quick-modal-primary-border:var(--quick-modal-primary);--quick-modal-primary-shadow:var(--quick-modal-primary);--quick-modal-primary-ghost:var(--quick-modal-primary);border-radius:16px;box-shadow:0 20px 45px #11182740;display:flex;flex-direction:column;width:min(960px,92vw)}@supports (color:color-mix(in lab,red,red)){.quick-message-container{--quick-modal-primary-soft:var(--quick-modal-primary);--quick-modal-primary-soft:color-mix(in srgb,var(--quick-modal-primary)14%,transparent);--quick-modal-primary-border:var(--quick-modal-primary);--quick-modal-primary-border:color-mix(in srgb,var(--quick-modal-primary)55%,transparent);--quick-modal-primary-shadow:var(--quick-modal-primary);--quick-modal-primary-shadow:color-mix(in srgb,var(--quick-modal-primary)22%,transparent);--quick-modal-primary-ghost:var(--quick-modal-primary);--quick-modal-primary-ghost:color-mix(in srgb,var(--quick-modal-primary)18%,var(--quick-modal-surface))}}.quick-message-container.theme-dark{--quick-modal-surface:var(--color-background-dark);--quick-modal-primary:var(--color-primary-dark)}.modal-header{align-items:center;border-bottom:1px solid #94a3b859;display:flex;justify-content:space-between;padding:20px 24px 12px}.modal-header h2{font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:0 0;border:none;border-radius:9999px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.tab-header{border-bottom:1px solid #94a3b859;display:flex;gap:12px;padding:12px 24px}.tab-header button{background:0 0;border:none;border-radius:9999px;color:#64748b;cursor:pointer;font-weight:600;padding:8px 16px}.tab-header button.active{background:var(--quick-modal-primary-soft);color:var(--quick-modal-primary)}.tab-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:16px 24px 24px}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@media (forced-colors:active){[type=checkbox]:checked,[type=radio]:checked{appearance:auto}[type=checkbox]:indeterminate{appearance:auto}[type=checkbox]:checked,[type=checkbox]:indeterminate,[type=radio]:checked{appearance:auto}}@media (hover:hover){.z-button-outlined:hover,.z-button-primary:hover,.z-icon-button-outlined:hover,.z-icon-button-primary:hover,.z-icon-button-text:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.z-button-group-item-tab:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.z-button-group-item-tab-unselected:hover{background-color:var(--color-white)}.z-button-group-item-primary-unselected:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.z-button-group-item-outlined-unselected:hover{background-color:#e028481a}@supports (color:color-mix(in lab,red,red)){.z-button-group-item-outlined-unselected:hover{background-color:color-mix(in oklab,var(--color-primary)10%,transparent);background-color:color-mix(in srgb,#e0284810%,transparent)}}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\\:bg-background:hover{background-color:var(--color-background)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:bg-white:hover{background-color:var(--color-white)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:opacity-100:hover{opacity:1}.z-button-outlined:hover,.z-button-primary:hover,.z-icon-button-outlined:hover,.z-icon-button-primary:hover,.z-icon-button-text:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@media screen and (min-width:0){.z-max-height{height:calc(100vh - 56px)}}@media screen and (min-width:600px){.z-max-height{height:calc(100vh - 64px)}}@media (min-width:40rem){.container{max-width:40rem}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:min-w-0{min-width:calc(var(--spacing)*0)}.sm\\:flex-row{flex-direction:row}}@media (min-width:48rem){.container{max-width:48rem}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.container{max-width:64rem}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}@media not all and (min-width:40rem){.max-sm\\:hidden{display:none}}@media (max-width:768px){.quick-message-container{max-height:92vh;width:96vw}}";
+const QuickMessageModal = /*@__PURE__*/ proxyCustomElement(class QuickMessageModal extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.close = createEvent(this, "close");
+        this.sendQuickMessageLibrary = createEvent(this, "sendQuickMessageLibrary");
+        this.sendTemplate = createEvent(this, "sendTemplate");
+    }
+    isZignal = true;
+    activeTab = 'template';
+    templates = [];
+    images = [];
+    files = [];
+    close;
+    sendQuickMessageLibrary;
+    sendTemplate;
+    handleClose = () => {
+        this.close.emit();
+    };
+    setTab(tab) {
+        this.activeTab = tab;
+    }
+    cloneTemplates(templates) {
+        return (templates || []).map(template => {
+            const rawContents = template.contents || [];
+            const normalizedContents = rawContents.map(content => {
+                const rawMenuList = content.menu_list || [];
+                const menuList = rawMenuList.map(menu => ({
+                    ...menu,
+                    buttons: (menu.buttons || []).map(button => ({ ...button })),
+                }));
+                return {
+                    ...content,
+                    buttons: (content.buttons || []).map(button => ({ ...button })),
+                    menu_list: menuList,
+                    menuList,
+                };
+            });
+            return {
+                ...template,
+                content: normalizedContents,
+            };
+        });
+    }
+    cloneLibrary(library) {
+        return (library || []).map(item => ({
+            ...item,
+            isSelected: item.isSelected ?? false,
+        }));
+    }
+    handleTemplatesChange(event) {
+        this.templates = this.cloneTemplates(event.detail || []);
+    }
+    handleImagesChange(event) {
+        this.images = this.cloneLibrary(event.detail || []);
+    }
+    handleFilesChange(event) {
+        this.files = this.cloneLibrary(event.detail || []);
+    }
+    handleTemplateSend(event) {
+        this.sendTemplate.emit(event.detail);
+    }
+    handleImageSend(event) {
+        this.sendQuickMessageLibrary.emit({ type: 'image', items: this.cloneLibrary(event.detail || []) });
+    }
+    handleFileSend(event) {
+        this.sendQuickMessageLibrary.emit({ type: 'file', items: this.cloneLibrary(event.detail || []) });
+    }
+    render() {
+        const theme = configStore.get('theme');
+        const t = useTranslation();
+        return (h(Host, { key: '80edd0200ed22da83045b20e54a3f073935a63d7', "data-theme": theme }, h("div", { key: 'e6758ab1ecd2383a8cbeb3cf565214abec8eaee8', class: "quick-message-overlay", onClick: () => this.handleClose() }, h("div", { key: 'f0af4915dd19c21df38592afe967b4d73d4437e9', class: "quick-message-container bg-background text-surface", onClick: event => event.stopPropagation() }, h("header", { key: 'aeaaa8e8c08c1c97955b16911fb13755b8e3d192', class: "modal-header" }, h("h2", { key: '7017f0544e25ece59a11715c744463044ff1bccb' }, t('quick_message.title')), h("button", { key: '5f921b3e72dd37c68723fed8acf28a9ead17bd8c', class: "close-button", type: "button", onClick: () => this.handleClose() }, h(Icon, { key: '612fb5e267473fe804b5ea72eccefa861192fca0', name: "X" }))), h("nav", { key: '97e53b53e2d36142d97f01e299d41da9b0884c25', class: "tab-header text-sm" }, h("button", { key: '2cdd152828325b8d836a87529689e841589772d9', class: this.activeTab === 'template' ? 'active' : '', type: "button", onClick: () => this.setTab('template') }, t('quick_message.tab_template')), h("button", { key: '03214a65d88cbbdbfea4dc67e3fad47e5376366b', class: this.activeTab === 'image' ? 'active' : '', type: "button", onClick: () => this.setTab('image') }, t('image')), h("button", { key: '6a0a4a7c6635fecdb21e2411e46eaca7090f3b8a', class: this.activeTab === 'file' ? 'active' : '', type: "button", onClick: () => this.setTab('file') }, t('file'))), h("section", { key: '47a049113a27a3b0774630807decf6e3d47d6127', class: "tab-content" }, this.activeTab === 'template' && (h("quick-message-template", { key: '73d93ba967b0403b2476b827490f0e8b99c6b5eb', handleClose: this.handleClose, value: this.templates, onTemplatesChange: event => this.handleTemplatesChange(event), onSendTemplate: event => this.handleTemplateSend(event), isZignal: this.isZignal })), this.activeTab === 'image' && (h("quick-message-image", { key: 'f42391b143f9573a6c60ecc329e9cebc8f7da81c', handleClose: this.handleClose, value: this.images, onImagesChange: event => this.handleImagesChange(event), onSendImages: event => this.handleImageSend(event) })), this.activeTab === 'file' && (h("quick-message-file", { key: 'f29b0dff13016dafeaa3cc533824dd3b0ece4ae0', handleClose: this.handleClose, value: this.files, onFilesChange: event => this.handleFilesChange(event), onSendFiles: event => this.handleFileSend(event) })))))));
+    }
+    static get style() { return quickMessageModalCss; }
+}, [256, "quick-message-modal", {
+        "isZignal": [4, "is-zignal"],
+        "activeTab": [32],
+        "templates": [32],
+        "images": [32],
+        "files": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["quick-message-modal", "quick-message-add-template", "quick-message-button-content", "quick-message-file", "quick-message-image", "quick-message-image-content", "quick-message-menu-list-content", "quick-message-template", "quick-message-text-content", "quick-message-video-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "quick-message-modal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, QuickMessageModal);
+            }
+            break;
+        case "quick-message-add-template":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "quick-message-button-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "quick-message-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "quick-message-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "quick-message-image-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "quick-message-menu-list-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "quick-message-template":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "quick-message-text-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "quick-message-video-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+export { QuickMessageModal as Q, defineCustomElement as d };
+//# sourceMappingURL=p-IOxlICcT.js.map
+//# sourceMappingURL=p-IOxlICcT.js.map

package/dist/components/p-IOxlICcT.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-IOxlICcT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/quick-message-modal/quick-message-modal.css?tag=quick-message-modal","src/components/quick-message-modal/quick-message-modal.tsx"],"sourcesContent":[".quick-message-overlay {\n --quick-message-modal-base-z-index: var(--quick-message-modal-z-index, 2147483000);\n --quick-message-overlay-padding: clamp(16px, 2vh, 40px);\n position: fixed;\n inset: 0;\n display: grid;\n place-items: center;\n padding: var(--quick-message-overlay-padding);\n box-sizing: border-box;\n background: rgba(0, 0, 0, 0.5);\n z-index: var(--quick-message-modal-base-z-index);\n}\n\n.quick-message-container {\n width: min(960px, 92vw);\n height: min(850px, 90vh);\n max-height: min(90vh, calc(100vh - 2 * var(--quick-message-overlay-padding, 0px)));\n border-radius: 16px;\n box-shadow: 0 20px 45px rgba(17, 24, 39, 0.25);\n display: flex;\n flex-direction: column;\n --quick-modal-surface: var(--color-background);\n --quick-modal-primary: var(--color-primary);\n --quick-modal-primary-soft: color-mix(in srgb, var(--quick-modal-primary) 14%, transparent);\n --quick-modal-primary-border: color-mix(in srgb, var(--quick-modal-primary) 55%, transparent);\n --quick-modal-primary-shadow: color-mix(in srgb, var(--quick-modal-primary) 22%, transparent);\n --quick-modal-primary-ghost: color-mix(in srgb, var(--quick-modal-primary) 18%, var(--quick-modal-surface));\n}\n\n.quick-message-container.theme-dark {\n --quick-modal-surface: var(--color-background-dark);\n --quick-modal-primary: var(--color-primary-dark);\n}\n\n.modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px 24px 12px;\n border-bottom: 1px solid rgba(148, 163, 184, 0.35);\n}\n\n.modal-header h2 {\n font-size: 18px;\n font-weight: 600;\n margin: 0;\n}\n\n.close-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 9999px;\n border: none;\n background: transparent;\n cursor: pointer;\n}\n\n.tab-header {\n display: flex;\n gap: 12px;\n padding: 12px 24px;\n border-bottom: 1px solid rgba(148, 163, 184, 0.35);\n}\n\n.tab-header button {\n padding: 8px 16px;\n border-radius: 9999px;\n border: none;\n background: transparent;\n font-weight: 600;\n cursor: pointer;\n color: rgba(100, 116, 139, 1);\n}\n\n.tab-header button.active {\n background: var(--quick-modal-primary-soft);\n color: var(--quick-modal-primary);\n}\n\n.tab-content {\n flex: 1;\n padding: 16px 24px 24px;\n display: flex;\n flex-direction: column;\n min-height: 0;\n overflow: hidden;\n}\n\n@media (max-width: 768px) {\n .quick-message-container {\n width: 96vw;\n max-height: 92vh;\n }\n}\n","import { Component, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core';\nimport { configStore } from '../../store/store';\nimport { QuickMessageLibraryFile, QuickMessageTemplate as QuickMessageTemplateModel } from '../../store/type';\nimport { useTranslation } from '../../utils/utils';\nimport { Icon } from '../internal-component/icon';\n\n@Component({\n tag: 'quick-message-modal',\n styleUrl: 'quick-message-modal.css',\n})\nexport class QuickMessageModal {\n @Prop() isZignal: boolean = true;\n\n @State() activeTab: 'template' | 'image' | 'file' = 'template';\n @State() private templates: QuickMessageTemplateModel[] = [];\n @State() private images: QuickMessageLibraryFile[] = [];\n @State() private files: QuickMessageLibraryFile[] = [];\n\n @Event({ bubbles: true, composed: true }) close!: EventEmitter<void>;\n @Event({ bubbles: true, composed: true }) sendQuickMessageLibrary!: EventEmitter<{ type: 'image' | 'file'; items: QuickMessageLibraryFile[] }>;\n @Event({ bubbles: true, composed: true }) sendTemplate!: EventEmitter<QuickMessageTemplateModel>;\n\n private readonly handleClose = () => {\n this.close.emit();\n };\n\n private setTab(tab: 'template' | 'image' | 'file') {\n this.activeTab = tab;\n }\n\n private cloneTemplates(templates: QuickMessageTemplateModel[]): QuickMessageTemplateModel[] {\n return (templates || []).map(template => {\n const rawContents = template.contents || [];\n\n const normalizedContents = rawContents.map(content => {\n const rawMenuList = content.menu_list || [];\n const menuList = rawMenuList.map(menu => ({\n ...menu,\n buttons: (menu.buttons || []).map(button => ({ ...button })),\n }));\n\n return {\n ...content,\n buttons: (content.buttons || []).map(button => ({ ...button })),\n menu_list: menuList,\n menuList,\n };\n });\n\n return {\n ...template,\n content: normalizedContents,\n };\n });\n }\n\n private cloneLibrary(library: QuickMessageLibraryFile[]): QuickMessageLibraryFile[] {\n return (library || []).map(item => ({\n ...item,\n isSelected: item.isSelected ?? false,\n }));\n }\n\n private handleTemplatesChange(event: CustomEvent<QuickMessageTemplateModel[]>) {\n this.templates = this.cloneTemplates(event.detail || []);\n }\n\n private handleImagesChange(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.images = this.cloneLibrary(event.detail || []);\n }\n\n private handleFilesChange(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.files = this.cloneLibrary(event.detail || []);\n }\n\n private handleTemplateSend(event: CustomEvent<QuickMessageTemplateModel>) {\n this.sendTemplate.emit(event.detail);\n }\n\n private handleImageSend(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.sendQuickMessageLibrary.emit({ type: 'image', items: this.cloneLibrary(event.detail || []) });\n }\n\n private handleFileSend(event: CustomEvent<QuickMessageLibraryFile[]>) {\n this.sendQuickMessageLibrary.emit({ type: 'file', items: this.cloneLibrary(event.detail || []) });\n }\n\n render() {\n const theme = configStore.get('theme');\n const t = useTranslation();\n\n return (\n <Host data-theme={theme}>\n <div class=\"quick-message-overlay\" onClick={() => this.handleClose()}>\n <div class=\"quick-message-container bg-background text-surface\" onClick={event => event.stopPropagation()}>\n <header class=\"modal-header\">\n <h2>{t('quick_message.title')}</h2>\n <button class=\"close-button\" type=\"button\" onClick={() => this.handleClose()}>\n <Icon name=\"X\" />\n </button>\n </header>\n\n <nav class=\"tab-header text-sm\">\n <button class={this.activeTab === 'template' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('template')}>\n {t('quick_message.tab_template')}\n </button>\n <button class={this.activeTab === 'image' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('image')}>\n {t('image')}\n </button>\n <button class={this.activeTab === 'file' ? 'active' : ''} type=\"button\" onClick={() => this.setTab('file')}>\n {t('file')}\n </button>\n </nav>\n\n <section class=\"tab-content\">\n {this.activeTab === 'template' && (\n <quick-message-template\n handleClose={this.handleClose}\n value={this.templates}\n onTemplatesChange={event => this.handleTemplatesChange(event)}\n onSendTemplate={event => this.handleTemplateSend(event)}\n isZignal={this.isZignal}\n />\n )}\n {this.activeTab === 'image' && (\n <quick-message-image\n handleClose={this.handleClose}\n value={this.images}\n onImagesChange={event => this.handleImagesChange(event)}\n onSendImages={event => this.handleImageSend(event)}\n />\n )}\n {this.activeTab === 'file' && (\n <quick-message-file\n handleClose={this.handleClose}\n value={this.files}\n onFilesChange={event => this.handleFilesChange(event)}\n onSendFiles={event => this.handleFileSend(event)}\n />\n )}\n </section>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-C_aWPgsl.js → p-WA5K_3rK.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from '
 import { c as configStore } from './p-C-yg0vtE.js';
 import { u as useTranslation } from './p-GPPFvEYq.js';
 import { I as Icon } from './p-BhidTUJs.js';
-import { Q as QuickMessageTemplateButtonList, a as QuickMessageTemplateButtonDialog } from './p-DW2oCYil.js';
+import { Q as QuickMessageTemplateButtonList, a as QuickMessageTemplateButtonDialog } from './p-DhuDkLvY.js';
 const QuickMessageMenuListContentComponent = /*@__PURE__*/ proxyCustomElement(class QuickMessageMenuListContentComponent extends H {
     constructor(registerHost) {
@@ -206,11 +206,7 @@ const QuickMessageMenuListContentComponent = /*@__PURE__*/ proxyCustomElement(cl
         const error = this.menuErrors[menu.id];
         const isFirst = index === 0;
         const isLast = index === total - 1;
-        const borderClass = `z-border-primary-${theme}`;
-        const primaryTextClass = `z-text-primary-${theme}`;
-        const grayTextClass = `z-text-gray-${theme}`;
-        const backgroundClass = `z-background-${theme}`;
-        return (h("div", { class: "relative flex shrink-0 flex-col", key: menu.id }, h("div", { class: `relative flex w-[250px] flex-col overflow-hidden rounded-[18px] border-[1.5px] shadow-sm ${borderClass} ${backgroundClass}` }, h("div", { class: "pointer-events-none absolute left-3 right-3 top-3 z-10 flex items-center justify-between" }, h("div", { class: "flex items-center gap-2 pointer-events-auto" }, !isFirst && (h("button", { type: "button", class: `inline-flex h-8 w-8 items-center justify-center rounded-full border-[1.5px] z-border-primary-${theme} z-text-primary-${theme} ${backgroundClass} transition-colors hover:bg-white focus:outline-none focus:ring-2 focus:ring-slate-200 cursor-pointer`, "aria-label": t('quick_message.move_left'), onClick: () => this.reorderMenu(menu.id, 'prev') }, h(Icon, { name: "ChevronLeft", addClass: "size-4" }))), !isLast && (h("button", { type: "button", class: `inline-flex h-8 w-8 items-center justify-center rounded-full border-[1.5px] z-border-primary-${theme} z-text-primary-${theme} ${backgroundClass} transition-colors hover:bg-white focus:outline-none focus:ring-2 focus:ring-slate-200 cursor-pointer`, "aria-label": t('quick_message.move_right'), onClick: () => this.reorderMenu(menu.id, 'next') }, h(Icon, { name: "ChevronRight", addClass: "size-4" })))), h("button", { type: "button", class: `pointer-events-auto inline-flex h-8 w-8 items-center justify-center rounded-full z-background-${theme} text-red-500 shadow focus:outline-none focus:ring-2 focus:ring-red-200 cursor-pointer hover:bg-white`, onClick: () => this.handleDeleteMenu(menu.id), "aria-label": t('remove') }, h(Icon, { name: "Trash2", addClass: "size-4" }))), h("div", { class: `group relative h-[180px] overflow-hidden border-b-[1.5px] ${borderClass}` }, h("input", { type: "file", accept: "image/*", class: "hidden", ref: el => (this.fileInputs[menu.id] = el), onChange: event => this.handleImageChange(menu.id, event) }), menu.file_url ? (h(Fragment, null, h("img", { src: menu.file_url, alt: menu.title || t('quick_message.add_image'), class: "h-full w-full object-cover", loading: "lazy" }), h("div", { class: "absolute inset-0 flex items-center justify-center gap-2 bg-slate-900/60 opacity-0 transition-opacity group-hover:opacity-100" }, h("button", { type: "button", class: "inline-flex cursor-pointer items-center gap-2 rounded-full bg-white/90 px-3 py-1.5 text-xs font-semibold text-slate-700 shadow", onClick: () => this.handleSelectImage(menu.id) }, h(Icon, { name: "Image", addClass: "size-4" }), h("span", null, t('quick_message.change_image'))), h("button", { type: "button", class: "inline-flex cursor-pointer items-center gap-2 rounded-full bg-white/90 px-3 py-1.5 text-xs font-semibold text-red-500 shadow", onClick: () => this.handleRemoveImage(menu.id) }, h(Icon, { name: "Trash2", addClass: "size-4" }), h("span", null, t('remove')))))) : (h("button", { type: "button", class: `flex h-full w-full flex-col items-center justify-center gap-2 border-0 px-4 text-center ${primaryTextClass} ${backgroundClass} cursor-pointer`, onClick: () => this.handleSelectImage(menu.id) }, h(Icon, { name: "Image", addClass: "size-12" }), h("span", { class: "text-sm font-semibold leading-tight" }, "+ ", t('quick_message.add_image')), h("span", { class: `text-xs font-medium ${grayTextClass}` }, t('quick_message.image_size_hint'))))), h("div", { class: "flex flex-col gap-2 px-2 py-2" }, h("div", null, h("textarea", { value: title, maxLength: this.maxTitleLength, rows: 2, placeholder: t('quick_message.type_title_here'), class: "w-full resize-none border-0 bg-transparent text-sm font-semibold leading-snug focus:outline-none focus:ring-0", onInput: event => this.setMenuTitle(menu.id, event.target.value) }), h("div", { class: `text-right text-xs ${grayTextClass}` }, title.length, "/", this.maxTitleLength)), h("div", null, h("textarea", { value: description, maxLength: this.maxDescriptionLength, rows: 2, placeholder: t('quick_message.type_description_here'), class: "w-full resize-none border-0 bg-transparent text-xs leading-snug focus:outline-none focus:ring-0", onInput: event => this.setMenuDescription(menu.id, event.target.value) }), h("div", { class: `text-right text-xs ${grayTextClass}` }, description.length, "/", this.maxDescriptionLength)), h(QuickMessageTemplateButtonList, { theme: theme, buttons: buttons, maxButtonCount: this.maxButtonCount, addButtonLabel: t('quick_message.add_button'), onButtonClick: button => this.openButtonDialog(menu.id, button), onAddButton: () => this.openButtonDialog(menu.id), onReorderButton: (buttonId, direction) => this.reorderMenuButton(menu.id, buttonId, direction), listClass: "flex flex-col gap-2", buttonClass: "px-3" }))), error && h("p", { class: "mt-2 text-xs font-medium text-red-500" }, error)));
+        return (h("div", { class: "relative flex shrink-0 flex-col", key: menu.id, "data-theme": theme }, h("div", { class: "relative flex w-[250px] flex-col overflow-hidden rounded-[18px] border-[1.5px] shadow-sm border-primary bg-background" }, h("div", { class: "pointer-events-none absolute left-3 right-3 top-3 z-10 flex items-center justify-between" }, h("div", { class: "flex items-center gap-2 pointer-events-auto" }, !isFirst && (h("button", { type: "button", class: "inline-flex h-8 w-8 items-center justify-center rounded-full border-[1.5px] border-primary text-primary bg-background transition-colors hover:bg-white focus:outline-none focus:ring-2 focus:ring-slate-200 cursor-pointer", "aria-label": t('quick_message.move_left'), onClick: () => this.reorderMenu(menu.id, 'prev') }, h(Icon, { name: "ChevronLeft", addClass: "size-4" }))), !isLast && (h("button", { type: "button", class: "inline-flex h-8 w-8 items-center justify-center rounded-full border-[1.5px] border-primary text-primary bg-background transition-colors hover:bg-white focus:outline-none focus:ring-2 focus:ring-slate-200 cursor-pointer", "aria-label": t('quick_message.move_right'), onClick: () => this.reorderMenu(menu.id, 'next') }, h(Icon, { name: "ChevronRight", addClass: "size-4" })))), h("button", { type: "button", class: "pointer-events-auto inline-flex h-8 w-8 items-center justify-center rounded-full bg-background text-red-500 shadow focus:outline-none focus:ring-2 focus:ring-red-200 cursor-pointer hover:bg-white", onClick: () => this.handleDeleteMenu(menu.id), "aria-label": t('remove') }, h(Icon, { name: "Trash2", addClass: "size-4" }))), h("div", { class: "group relative h-[180px] overflow-hidden border-b-[1.5px] border-primary" }, h("input", { type: "file", accept: "image/*", class: "hidden", ref: el => (this.fileInputs[menu.id] = el), onChange: event => this.handleImageChange(menu.id, event) }), menu.file_url ? (h(Fragment, null, h("img", { src: menu.file_url, alt: menu.title || t('quick_message.add_image'), class: "h-full w-full object-cover", loading: "lazy" }), h("div", { class: "absolute inset-0 flex items-center justify-center gap-2 bg-slate-900/60 opacity-0 transition-opacity group-hover:opacity-100" }, h("button", { type: "button", class: "inline-flex cursor-pointer items-center gap-2 rounded-full bg-white/90 px-3 py-1.5 text-xs font-semibold text-slate-700 shadow", onClick: () => this.handleSelectImage(menu.id) }, h(Icon, { name: "Image", addClass: "size-4" }), h("span", null, t('quick_message.change_image'))), h("button", { type: "button", class: "inline-flex cursor-pointer items-center gap-2 rounded-full bg-white/90 px-3 py-1.5 text-xs font-semibold text-red-500 shadow", onClick: () => this.handleRemoveImage(menu.id) }, h(Icon, { name: "Trash2", addClass: "size-4" }), h("span", null, t('remove')))))) : (h("button", { type: "button", class: "flex h-full w-full flex-col items-center justify-center gap-2 border-0 px-4 text-center text-primary bg-background cursor-pointer", onClick: () => this.handleSelectImage(menu.id) }, h(Icon, { name: "Image", addClass: "size-12" }), h("span", { class: "text-sm font-semibold leading-tight" }, "+ ", t('quick_message.add_image')), h("span", { class: "text-xs font-medium text-theme-gray" }, t('quick_message.image_size_hint'))))), h("div", { class: "flex flex-col gap-2 px-2 py-2" }, h("div", null, h("textarea", { value: title, maxLength: this.maxTitleLength, rows: 2, placeholder: t('quick_message.type_title_here'), class: "w-full resize-none border-0 bg-transparent text-sm font-semibold leading-snug focus:outline-none focus:ring-0", onInput: event => this.setMenuTitle(menu.id, event.target.value) }), h("div", { class: "text-right text-xs text-theme-gray" }, title.length, "/", this.maxTitleLength)), h("div", null, h("textarea", { value: description, maxLength: this.maxDescriptionLength, rows: 2, placeholder: t('quick_message.type_description_here'), class: "w-full resize-none border-0 bg-transparent text-xs leading-snug focus:outline-none focus:ring-0", onInput: event => this.setMenuDescription(menu.id, event.target.value) }), h("div", { class: "text-right text-xs text-theme-gray" }, description.length, "/", this.maxDescriptionLength)), h(QuickMessageTemplateButtonList, { buttons: buttons, maxButtonCount: this.maxButtonCount, addButtonLabel: t('quick_message.add_button'), onButtonClick: button => this.openButtonDialog(menu.id, button), onAddButton: () => this.openButtonDialog(menu.id), onReorderButton: (buttonId, direction) => this.reorderMenuButton(menu.id, buttonId, direction), listClass: "flex flex-col gap-2", buttonClass: "px-3" }))), error && h("p", { class: "mt-2 text-xs font-medium text-red-500" }, error)));
     }
     render() {
         if (!this.content) {
@@ -219,7 +215,7 @@ const QuickMessageMenuListContentComponent = /*@__PURE__*/ proxyCustomElement(cl
         const theme = configStore.get('theme');
         const t = useTranslation();
         const menus = this.content.menu_list || [];
-        return (h("div", { class: "flex flex-col gap-3 items-end overflow-x-auto" }, h("div", { class: "flex max-w-full gap-3 pb-2" }, menus.map((menu, index) => this.renderMenuCard(menu, index, menus.length, theme, t)), menus.length < this.maxMenuList && (h("button", { type: "button", class: `flex h-[280px] w-[200px] shrink-0 items-center justify-center rounded-[18px] border-[1.5px] border-dashed text-2xl font-semibold ${`z-border-primary-${theme}`} ${`z-text-primary-${theme}`} ${`z-background-${theme}`} cursor-pointer`, onClick: () => this.handleAddMenu() }, h(Icon, { name: "Plus", addClass: "size-8" })))), h(QuickMessageTemplateButtonDialog, { theme: theme, isOpen: this.isButtonDialogOpen, isEditing: !!this.editingButtonId, label: this.buttonDialogLabel, actionValue: this.buttonDialogAction, actionType: this.buttonDialogType, maxButtonNameLength: this.maxButtonNameLength, onLabelInput: value => (this.buttonDialogLabel = value), onActionInput: value => (this.buttonDialogAction = value), onActionTypeChange: type => this.setButtonDialogType(type), onClose: () => this.closeButtonDialog(), onSave: () => this.handleButtonSave(), onDelete: this.editingButtonId ? () => this.handleDeleteButton() : undefined })));
+        return (h("div", { class: "flex flex-col gap-3 items-end overflow-x-auto" }, h("div", { class: "flex max-w-full gap-3 pb-2" }, menus.map((menu, index) => this.renderMenuCard(menu, index, menus.length, theme, t)), menus.length < this.maxMenuList && (h("button", { type: "button", class: "flex h-[280px] w-[200px] shrink-0 items-center justify-center rounded-[18px] border-[1.5px] border-dashed text-2xl font-semibold border-primary text-primary bg-background cursor-pointer", onClick: () => this.handleAddMenu() }, h(Icon, { name: "Plus", addClass: "size-8" })))), h(QuickMessageTemplateButtonDialog, { isOpen: this.isButtonDialogOpen, isEditing: !!this.editingButtonId, label: this.buttonDialogLabel, actionValue: this.buttonDialogAction, actionType: this.buttonDialogType, maxButtonNameLength: this.maxButtonNameLength, onLabelInput: value => (this.buttonDialogLabel = value), onActionInput: value => (this.buttonDialogAction = value), onActionTypeChange: type => this.setButtonDialogType(type), onClose: () => this.closeButtonDialog(), onSave: () => this.handleButtonSave(), onDelete: this.editingButtonId ? () => this.handleDeleteButton() : undefined })));
     }
 }, [256, "quick-message-menu-list-content", {
         "content": [16],
@@ -253,6 +249,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { QuickMessageMenuListContentComponent as Q, defineCustomElement as d };
-//# sourceMappingURL=p-C_aWPgsl.js.map
+//# sourceMappingURL=p-WA5K_3rK.js.map
-//# sourceMappingURL=p-C_aWPgsl.js.map
+//# sourceMappingURL=p-WA5K_3rK.js.map

package/dist/components/p-WA5K_3rK.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-WA5K_3rK.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/quick-message-add-template/quick-message-menu-list-content.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Fragment, Prop, State, h } from '@stencil/core';\nimport { QuickMessageTemplateButton, QuickMessageTemplateButtonAction, QuickMessageTemplateContent, QuickMessageTemplateMenuListItem } from '../../store/type';\nimport { configStore } from '../../store/store';\nimport { useTranslation } from '../../utils/utils';\nimport { Icon } from '../internal-component/icon';\nimport { QuickMessageTemplateButtonList } from './quick-message-template-button-list';\nimport { QuickMessageTemplateButtonDialog } from './quick-message-template-button-dialog';\n\n@Component({\n tag: 'quick-message-menu-list-content',\n})\nexport class QuickMessageMenuListContentComponent {\n @Prop() content: QuickMessageTemplateContent;\n @Prop() maxMenuList: number = 10;\n @Prop() maxFileSize = 10 * 1024 * 1024; // 10MB\n @Prop() maxTitleLength: number = 80;\n @Prop() maxDescriptionLength: number = 80;\n @Prop() maxButtonCount: number = 3;\n @Prop() maxButtonNameLength: number = 20;\n\n @Event({ bubbles: true, composed: true }) contentChange!: EventEmitter<QuickMessageTemplateContent>;\n\n @State() private isButtonDialogOpen = false;\n @State() private buttonDialogMenuId?: string;\n @State() private buttonDialogLabel: string = '';\n @State() private buttonDialogAction: string = '';\n @State() private buttonDialogType: QuickMessageTemplateButtonAction = 'text';\n @State() private editingButtonId?: string;\n @State() private menuErrors: Record<string, string | undefined> = {};\n\n private fileInputs: Record<string, HTMLInputElement | undefined> = {};\n\n private emitContent(update: Partial<QuickMessageTemplateContent>) {\n if (!this.content) {\n return;\n }\n\n const nextContent = { ...this.content, ...update };\n this.contentChange.emit(nextContent);\n }\n\n private updateMenuList(updater: (menus: QuickMessageTemplateMenuListItem[]) => QuickMessageTemplateMenuListItem[]) {\n if (!this.content) {\n return;\n }\n\n const currentMenus = this.content.menu_list || [];\n const nextMenus = updater(currentMenus);\n this.emitContent({ menu_list: nextMenus });\n }\n\n private updateMenu(menuId: string, updater: (menu: QuickMessageTemplateMenuListItem) => QuickMessageTemplateMenuListItem) {\n this.updateMenuList(menus =>\n menus.map(menu => {\n if (menu.id !== menuId) {\n return menu;\n }\n\n const draft: QuickMessageTemplateMenuListItem = {\n ...menu,\n buttons: [...(menu.buttons || [])],\n };\n\n return updater(draft);\n }),\n );\n }\n\n private readonly handleAddMenu = () => {\n const totalMenus = this.content?.menu_list?.length || 0;\n if (totalMenus >= this.maxMenuList) {\n return;\n }\n\n const newMenu: QuickMessageTemplateMenuListItem = {\n id: `menu-${Date.now()}-${Math.floor(Math.random() * 1000)}`,\n buttons: [],\n };\n\n this.updateMenuList(menus => [...menus, newMenu]);\n };\n\n private handleDeleteMenu(menuId: string) {\n this.updateMenuList(menus => menus.filter(menu => menu.id !== menuId));\n const { [menuId]: _, ...rest } = this.menuErrors;\n this.menuErrors = rest;\n }\n\n private reorderMenu(menuId: string, direction: 'prev' | 'next') {\n this.updateMenuList(menus => {\n const currentIndex = menus.findIndex(menu => menu.id === menuId);\n if (currentIndex === -1) {\n return menus;\n }\n\n const targetIndex = direction === 'prev' ? currentIndex - 1 : currentIndex + 1;\n if (targetIndex < 0 || targetIndex >= menus.length) {\n return menus;\n }\n\n const nextMenus = [...menus];\n [nextMenus[currentIndex], nextMenus[targetIndex]] = [nextMenus[targetIndex], nextMenus[currentIndex]];\n return nextMenus;\n });\n }\n\n private setMenuTitle(menuId: string, title: string) {\n this.updateMenu(menuId, menu => ({ ...menu, title }));\n }\n\n private setMenuDescription(menuId: string, description: string) {\n this.updateMenu(menuId, menu => ({ ...menu, description }));\n }\n\n private handleSelectImage(menuId: string) {\n this.fileInputs[menuId]?.click();\n }\n\n private handleImageChange(menuId: string, event: Event) {\n const input = event.target as HTMLInputElement;\n const file = input.files?.[0];\n const t = useTranslation();\n\n if (!file) {\n return;\n }\n\n if (file.size > this.maxFileSize) {\n this.menuErrors = { ...this.menuErrors, [menuId]: t('quick_message.image_too_large') };\n input.value = '';\n return;\n }\n\n const reader = new FileReader();\n reader.onload = () => {\n const url = reader.result as string;\n this.updateMenu(menuId, menu => ({ ...menu, file_url: url }));\n this.menuErrors = { ...this.menuErrors, [menuId]: undefined };\n input.value = '';\n };\n reader.readAsDataURL(file);\n }\n\n private handleRemoveImage(menuId: string) {\n this.updateMenu(menuId, menu => ({ ...menu, file_url: undefined }));\n this.menuErrors = { ...this.menuErrors, [menuId]: undefined };\n }\n\n private openButtonDialog(menuId: string, button?: QuickMessageTemplateButton) {\n this.buttonDialogMenuId = menuId;\n this.editingButtonId = button?.id;\n this.buttonDialogLabel = button?.text || '';\n this.buttonDialogType = button?.action_type || 'text';\n this.buttonDialogAction = button && button.action ? button.action : '';\n this.isButtonDialogOpen = true;\n }\n\n private closeButtonDialog() {\n this.isButtonDialogOpen = false;\n this.buttonDialogMenuId = undefined;\n this.editingButtonId = undefined;\n this.buttonDialogLabel = '';\n this.buttonDialogAction = '';\n this.buttonDialogType = 'text';\n }\n\n private setButtonDialogType(type: QuickMessageTemplateButtonAction) {\n this.buttonDialogType = type;\n if (type === 'text') {\n this.buttonDialogAction = '';\n }\n }\n\n private handleButtonSave() {\n if (!this.buttonDialogMenuId) {\n return;\n }\n\n const label = this.buttonDialogLabel.trim();\n const actionType = this.buttonDialogType;\n const actionValue = actionType === 'text' ? undefined : this.buttonDialogAction.trim();\n\n if (!label || (actionType !== 'text' && !actionValue)) {\n return;\n }\n\n const button: QuickMessageTemplateButton = {\n id: this.editingButtonId || `menu-button-${Date.now()}-${Math.floor(Math.random() * 1000)}`,\n action_type: actionType,\n text: label,\n action: actionValue,\n };\n\n this.updateMenu(this.buttonDialogMenuId, menu => {\n const buttons = menu.buttons || [];\n\n if (this.editingButtonId) {\n return {\n ...menu,\n buttons: buttons.map(current => (current.id === this.editingButtonId ? button : current)),\n };\n }\n\n if (buttons.length >= this.maxButtonCount) {\n return menu;\n }\n\n return { ...menu, buttons: [...buttons, button] };\n });\n\n this.closeButtonDialog();\n }\n\n private handleDeleteButton() {\n if (!this.buttonDialogMenuId || !this.editingButtonId) {\n return;\n }\n\n this.updateMenu(this.buttonDialogMenuId, menu => ({\n ...menu,\n buttons: (menu.buttons || []).filter(button => button.id !== this.editingButtonId),\n }));\n\n this.closeButtonDialog();\n }\n\n private reorderMenuButton(menuId: string, buttonId: string, direction: 'up' | 'down') {\n this.updateMenu(menuId, menu => {\n const buttons = menu.buttons || [];\n const currentIndex = buttons.findIndex(button => button.id === buttonId);\n if (currentIndex === -1) {\n return menu;\n }\n\n const targetIndex = direction === 'up' ? currentIndex - 1 : currentIndex + 1;\n if (targetIndex < 0 || targetIndex >= buttons.length) {\n return menu;\n }\n\n const nextButtons = [...buttons];\n [nextButtons[currentIndex], nextButtons[targetIndex]] = [nextButtons[targetIndex], nextButtons[currentIndex]];\n\n return { ...menu, buttons: nextButtons };\n });\n }\n\n private renderMenuCard(menu: QuickMessageTemplateMenuListItem, index: number, total: number, theme: string, t: ReturnType<typeof useTranslation>) {\n const title = menu.title || '';\n const description = menu.description || '';\n const buttons = menu.buttons || [];\n const error = this.menuErrors[menu.id];\n const isFirst = index === 0;\n const isLast = index === total - 1;\n\n\n return (\n <div class=\"relative flex shrink-0 flex-col\" key={menu.id} data-theme={theme}>\n <div class=\"relative flex w-[250px] flex-col overflow-hidden rounded-[18px] border-[1.5px] shadow-sm border-primary bg-background\">\n <div class=\"pointer-events-none absolute left-3 right-3 top-3 z-10 flex items-center justify-between\">\n <div class=\"flex items-center gap-2 pointer-events-auto\">\n {!isFirst && (\n <button\n type=\"button\"\n class=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-[1.5px] border-primary text-primary bg-background transition-colors hover:bg-white focus:outline-none focus:ring-2 focus:ring-slate-200 cursor-pointer\"\n aria-label={t('quick_message.move_left')}\n onClick={() => this.reorderMenu(menu.id, 'prev')}\n >\n <Icon name=\"ChevronLeft\" addClass=\"size-4\" />\n </button>\n )}\n {!isLast && (\n <button\n type=\"button\"\n class=\"inline-flex h-8 w-8 items-center justify-center rounded-full border-[1.5px] border-primary text-primary bg-background transition-colors hover:bg-white focus:outline-none focus:ring-2 focus:ring-slate-200 cursor-pointer\"\n aria-label={t('quick_message.move_right')}\n onClick={() => this.reorderMenu(menu.id, 'next')}\n >\n <Icon name=\"ChevronRight\" addClass=\"size-4\" />\n </button>\n )}\n </div>\n <button\n type=\"button\"\n class=\"pointer-events-auto inline-flex h-8 w-8 items-center justify-center rounded-full bg-background text-red-500 shadow focus:outline-none focus:ring-2 focus:ring-red-200 cursor-pointer hover:bg-white\"\n onClick={() => this.handleDeleteMenu(menu.id)}\n aria-label={t('remove')}\n >\n <Icon name=\"Trash2\" addClass=\"size-4\" />\n </button>\n </div>\n <div class=\"group relative h-[180px] overflow-hidden border-b-[1.5px] border-primary\">\n <input\n type=\"file\"\n accept=\"image/*\"\n class=\"hidden\"\n ref={el => (this.fileInputs[menu.id] = el as HTMLInputElement)}\n onChange={event => this.handleImageChange(menu.id, event)}\n />\n {menu.file_url ? (\n <Fragment>\n <img src={menu.file_url} alt={menu.title || t('quick_message.add_image')} class=\"h-full w-full object-cover\" loading=\"lazy\" />\n <div class=\"absolute inset-0 flex items-center justify-center gap-2 bg-slate-900/60 opacity-0 transition-opacity group-hover:opacity-100\">\n <button\n type=\"button\"\n class=\"inline-flex cursor-pointer items-center gap-2 rounded-full bg-white/90 px-3 py-1.5 text-xs font-semibold text-slate-700 shadow\"\n onClick={() => this.handleSelectImage(menu.id)}\n >\n <Icon name=\"Image\" addClass=\"size-4\" />\n <span>{t('quick_message.change_image')}</span>\n </button>\n <button\n type=\"button\"\n class=\"inline-flex cursor-pointer items-center gap-2 rounded-full bg-white/90 px-3 py-1.5 text-xs font-semibold text-red-500 shadow\"\n onClick={() => this.handleRemoveImage(menu.id)}\n >\n <Icon name=\"Trash2\" addClass=\"size-4\" />\n <span>{t('remove')}</span>\n </button>\n </div>\n </Fragment>\n ) : (\n <button\n type=\"button\"\n class=\"flex h-full w-full flex-col items-center justify-center gap-2 border-0 px-4 text-center text-primary bg-background cursor-pointer\"\n onClick={() => this.handleSelectImage(menu.id)}\n >\n <Icon name=\"Image\" addClass=\"size-12\" />\n <span class=\"text-sm font-semibold leading-tight\">+ {t('quick_message.add_image')}</span>\n <span class=\"text-xs font-medium text-theme-gray\">{t('quick_message.image_size_hint')}</span>\n </button>\n )}\n </div>\n\n <div class=\"flex flex-col gap-2 px-2 py-2\">\n <div>\n <textarea\n value={title}\n maxLength={this.maxTitleLength}\n rows={2}\n placeholder={t('quick_message.type_title_here')}\n class=\"w-full resize-none border-0 bg-transparent text-sm font-semibold leading-snug focus:outline-none focus:ring-0\"\n onInput={event => this.setMenuTitle(menu.id, (event.target as HTMLTextAreaElement).value)}\n />\n <div class=\"text-right text-xs text-theme-gray\">\n {title.length}/{this.maxTitleLength}\n </div>\n </div>\n\n <div>\n <textarea\n value={description}\n maxLength={this.maxDescriptionLength}\n rows={2}\n placeholder={t('quick_message.type_description_here')}\n class=\"w-full resize-none border-0 bg-transparent text-xs leading-snug focus:outline-none focus:ring-0\"\n onInput={event => this.setMenuDescription(menu.id, (event.target as HTMLTextAreaElement).value)}\n />\n <div class=\"text-right text-xs text-theme-gray\">\n {description.length}/{this.maxDescriptionLength}\n </div>\n </div>\n\n <QuickMessageTemplateButtonList\n buttons={buttons}\n maxButtonCount={this.maxButtonCount}\n addButtonLabel={t('quick_message.add_button')}\n onButtonClick={button => this.openButtonDialog(menu.id, button)}\n onAddButton={() => this.openButtonDialog(menu.id)}\n onReorderButton={(buttonId, direction) => this.reorderMenuButton(menu.id, buttonId, direction)}\n listClass=\"flex flex-col gap-2\"\n buttonClass=\"px-3\"\n />\n </div>\n </div>\n\n {error && <p class=\"mt-2 text-xs font-medium text-red-500\">{error}</p>}\n </div>\n );\n }\n\n render() {\n if (!this.content) {\n return null;\n }\n\n const theme = configStore.get('theme');\n const t = useTranslation();\n const menus = this.content.menu_list || [];\n\n return (\n <div class=\"flex flex-col gap-3 items-end overflow-x-auto\">\n <div class=\"flex max-w-full gap-3 pb-2\">\n {menus.map((menu, index) => this.renderMenuCard(menu, index, menus.length, theme, t))}\n {menus.length < this.maxMenuList && (\n <button\n type=\"button\"\n class=\"flex h-[280px] w-[200px] shrink-0 items-center justify-center rounded-[18px] border-[1.5px] border-dashed text-2xl font-semibold border-primary text-primary bg-background cursor-pointer\"\n onClick={() => this.handleAddMenu()}\n >\n <Icon name=\"Plus\" addClass=\"size-8\" />\n </button>\n )}\n </div>\n\n <QuickMessageTemplateButtonDialog\n isOpen={this.isButtonDialogOpen}\n isEditing={!!this.editingButtonId}\n label={this.buttonDialogLabel}\n actionValue={this.buttonDialogAction}\n actionType={this.buttonDialogType}\n maxButtonNameLength={this.maxButtonNameLength}\n onLabelInput={value => (this.buttonDialogLabel = value)}\n onActionInput={value => (this.buttonDialogAction = value)}\n onActionTypeChange={type => this.setButtonDialogType(type)}\n onClose={() => this.closeButtonDialog()}\n onSave={() => this.handleButtonSave()}\n onDelete={this.editingButtonId ? () => this.handleDeleteButton() : undefined}\n />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/p-fZrBBdjT.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { h } from './p-DRz4sc4i.js';
+import { Z as ZIconButton } from './p-DrKmW41y.js';
+import { g as getContrastColorHelper } from './p-GPPFvEYq.js';
+import { c as configStore } from './p-C-yg0vtE.js';
+const ZTagOrStatusItem = ({ item, expandText, onDelete }) => {
+    const { name } = item;
+    const theme = configStore.get('theme');
+    const isColor = Boolean(item.color);
+    const color = item.color || 'var(--color-background-dark)';
+    return (h("div", { class: `z-tag-or-status-item ${isColor ? '' : `border border-primary`}`, style: { backgroundColor: isColor ? color : `` }, "data-theme": theme }, h("span", { title: name, class: `z-tag-or-status-item-name ${expandText ? 'whitespace-pre-line' : 'truncate'} ${isColor ? '' : `text-primary`}`, style: { color: isColor ? getContrastColorHelper(color) : undefined } }, name), item.iconName && h("img", { src: `https://zwizai-platform.s3.ap-southeast-1.amazonaws.com/zignal-package/${item.iconName}.png`, alt: "agent avatar", class: "z-tag-or-status-item-icon", loading: "lazy" }), onDelete && (h(ZIconButton, { variant: "none", iconName: "X", noPadding: true, noPaddingY: true, addClassIcon: `size-3 ${isColor ? '' : `text-primary`}`, onClick: e => {
+            e.stopPropagation();
+            onDelete();
+        } }))));
+};
+export { ZTagOrStatusItem as Z };
+//# sourceMappingURL=p-fZrBBdjT.js.map
+//# sourceMappingURL=p-fZrBBdjT.js.map

package/dist/components/p-fZrBBdjT.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-fZrBBdjT.js","mappings":";;;;;AAYO,MAAM,gBAAgB,GAA+C,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAI;AAC7G,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;IACrB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC;IACtC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACnC,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,8BAA8B;AAE1D,IAAA,QACE,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,CAAwB,qBAAA,EAAA,OAAO,GAAG,EAAE,GAAG,CAAuB,qBAAA,CAAA,CAAA,CAAE,EACvE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,GAAG,KAAK,GAAG,CAAE,CAAA,EAAE,gBACpC,KAAK,EAAA,EACjB,CACE,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,CAA6B,0BAAA,EAAA,UAAU,GAAG,qBAAqB,GAAG,UAAU,CAAA,CAAA,EAAI,OAAO,GAAG,EAAE,GAAG,cAAc,CAAE,CAAA,EACtH,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,sBAAsB,CAAC,KAAK,CAAC,GAAG,SAAS,EAAE,EAEpE,EAAA,IAAI,CACA,EACN,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,0EAA0E,IAAI,CAAC,QAAQ,CAAM,IAAA,CAAA,EAAE,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,2BAA2B,EAAC,OAAO,EAAC,MAAM,EAAG,CAAA,EAChM,QAAQ,KACP,CAAC,CAAA,WAAW,IACV,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,GAAG,EACZ,SAAS,QACT,UAAU,EAAA,IAAA,EACV,YAAY,EAAE,CAAA,OAAA,EAAU,OAAO,GAAG,EAAE,GAAG,cAAc,CAAE,CAAA,EACvD,OAAO,EAAE,CAAC,IAAG;YACX,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,QAAQ,EAAE;AACZ,SAAC,EACD,CAAA,CACH,CACG;AAEV;;;;","names":[],"sources":["src/components/internal-component/z-tag-or-status-item.tsx"],"sourcesContent":["import { h, FunctionalComponent } from '@stencil/core';\nimport { ZIconButton } from './z-icon-button';\nimport { TTagOrStatusItem } from '../../store/type';\nimport { getContrastColorHelper } from '../../utils/utils';\nimport { configStore } from '../../store/store';\n\ninterface ZTagOrStatusItemProps {\n item: TTagOrStatusItem;\n expandText?: boolean;\n onDelete?: () => void;\n}\n\nexport const ZTagOrStatusItem: FunctionalComponent<ZTagOrStatusItemProps> = ({ item, expandText, onDelete }) => {\n const { name } = item;\n const theme = configStore.get('theme');\n const isColor = Boolean(item.color);\n const color = item.color || 'var(--color-background-dark)';\n\n return (\n <div\n class={`z-tag-or-status-item ${isColor ? '' : `border border-primary`}`}\n style={{ backgroundColor: isColor ? color : `` }}\n data-theme={theme}>\n <span\n title={name}\n class={`z-tag-or-status-item-name ${expandText ? 'whitespace-pre-line' : 'truncate'} ${isColor ? '' : `text-primary`}`}\n style={{ color: isColor ? getContrastColorHelper(color) : undefined }}\n >\n {name}\n </span>\n {item.iconName && <img src={`https://zwizai-platform.s3.ap-southeast-1.amazonaws.com/zignal-package/${item.iconName}.png`} alt=\"agent avatar\" class=\"z-tag-or-status-item-icon\" loading=\"lazy\" />}\n {onDelete && (\n <ZIconButton\n variant=\"none\"\n iconName=\"X\"\n noPadding\n noPaddingY\n addClassIcon={`size-3 ${isColor ? '' : `text-primary`}`}\n onClick={e => {\n e.stopPropagation();\n onDelete();\n }}\n />\n )}\n </div>\n );\n};\n"],"version":3}