snice 2.5.4 → 3.1.0

package/dist/components/badge/snice-badge.js

@@ -1,7 +1,7 @@
 import { __esDecorate, __runInitializers } from 'tslib';
-import { element, property, query, watch, part, ready } from 'snice';
+import { element, property, query, render, styles, ready, watch, html, css } from 'snice';
 
-var css = ":host {\n  display: inline-block;\n  --badge-offset: 0px;\n}\n\n.badge-wrapper {\n  position: relative;\n  display: inline-block;\n  width: fit-content;\n  height: fit-content;\n}\n\n.badge {\n  position: absolute;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 1.25rem; /* 20px */\n  height: 1.25rem; /* 20px */\n  padding: 0 0.375rem; /* 0 6px */\n  border-radius: 10px;\n  font-size: 0.75rem; /* 12px */\n  font-weight: 600;\n  line-height: 1;\n  white-space: nowrap;\n  z-index: 1;\n  transition: opacity 0.2s ease;\n  box-shadow: var(--snice-shadow-sm);\n  border: 2px solid rgba(255, 255, 255, 0.9);\n  box-sizing: border-box;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);\n}\n\n.badge--dot {\n  min-width: 0.5rem; /* 8px */\n  height: 0.5rem; /* 8px */\n  padding: 0;\n  border-radius: 50%;\n  border: none;\n}\n\n/* Sizes */\n:host([size=\"small\"]) .badge {\n  min-width: 1rem; /* 16px */\n  height: 1rem; /* 16px */\n  padding: 0 0.25rem; /* 0 4px */\n  font-size: 0.625rem; /* 10px */\n}\n\n:host([size=\"small\"]) .badge--dot {\n  min-width: 0.375rem; /* 6px */\n  height: 0.375rem; /* 6px */\n}\n\n:host([size=\"large\"]) .badge {\n  min-width: 1.5rem; /* 24px */\n  height: 1.5rem; /* 24px */\n  padding: 0 0.5rem; /* 0 8px */\n  font-size: 0.875rem; /* 14px */\n}\n\n:host([size=\"large\"]) .badge--dot {\n  min-width: 0.625rem; /* 10px */\n  height: 0.625rem; /* 10px */\n}\n\n/* Pulse animation */\n.badge--pulse {\n  animation: pulse 2s infinite;\n}\n\n.badge--pulse.badge--dot::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  background: inherit;\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n\n@keyframes pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.8;\n  }\n}\n\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n/* Positions */\n:host([position=\"top-right\"]) .badge,\n:host(:not([position])) .badge {\n  top: var(--badge-offset);\n  right: var(--badge-offset);\n  transform: translate(50%, -50%);\n}\n\n:host([position=\"top-left\"]) .badge {\n  top: var(--badge-offset);\n  left: var(--badge-offset);\n  transform: translate(-50%, -50%);\n}\n\n:host([position=\"bottom-right\"]) .badge {\n  bottom: var(--badge-offset);\n  right: var(--badge-offset);\n  transform: translate(50%, 50%);\n}\n\n:host([position=\"bottom-left\"]) .badge {\n  bottom: var(--badge-offset);\n  left: var(--badge-offset);\n  transform: translate(-50%, 50%);\n}\n\n/* Inline mode */\n:host([inline]) .badge {\n  position: static;\n  transform: none;\n  margin-left: 0.5rem; /* 8px */\n  vertical-align: middle;\n}\n\n/* Variants - using standard colors with emphasized borders */\n:host([variant=\"default\"]) .badge,\n:host(:not([variant])) .badge {\n  background: rgb(var(--snice-color-gray-600));\n  color: white;\n}\n\n:host([variant=\"primary\"]) .badge {\n  background: rgb(var(--snice-color-blue-600));\n  color: white;\n}\n\n:host([variant=\"success\"]) .badge {\n  background: rgb(var(--snice-color-green-600));\n  color: white;\n}\n\n:host([variant=\"warning\"]) .badge {\n  background: rgb(var(--snice-color-yellow-600));\n  color: white;\n}\n\n:host([variant=\"error\"]) .badge {\n  background: rgb(var(--snice-color-red-600));\n  color: white;\n}\n\n:host([variant=\"info\"]) .badge {\n  background: rgb(var(--snice-color-blue-600));\n  color: white;\n}";
+var cssContent = ":host {\n  display: inline-block;\n  --badge-offset: 0px;\n}\n\n.badge-wrapper {\n  position: relative;\n  display: inline-block;\n  width: fit-content;\n  height: fit-content;\n}\n\n.badge {\n  position: absolute;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 1.25rem; /* 20px */\n  height: 1.25rem; /* 20px */\n  padding: 0 0.375rem; /* 0 6px */\n  border-radius: 10px;\n  font-size: 0.75rem; /* 12px */\n  font-weight: 600;\n  line-height: 1;\n  white-space: nowrap;\n  z-index: 1;\n  transition: opacity 0.2s ease;\n  box-shadow: var(--snice-shadow-sm);\n  border: 2px solid rgba(255, 255, 255, 0.9);\n  box-sizing: border-box;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);\n}\n\n.badge--dot {\n  min-width: 0.5rem; /* 8px */\n  height: 0.5rem; /* 8px */\n  padding: 0;\n  border-radius: 50%;\n  border: none;\n}\n\n/* Sizes */\n:host([size=\"small\"]) .badge {\n  min-width: 1rem; /* 16px */\n  height: 1rem; /* 16px */\n  padding: 0 0.25rem; /* 0 4px */\n  font-size: 0.625rem; /* 10px */\n}\n\n:host([size=\"small\"]) .badge--dot {\n  min-width: 0.375rem; /* 6px */\n  height: 0.375rem; /* 6px */\n}\n\n:host([size=\"large\"]) .badge {\n  min-width: 1.5rem; /* 24px */\n  height: 1.5rem; /* 24px */\n  padding: 0 0.5rem; /* 0 8px */\n  font-size: 0.875rem; /* 14px */\n}\n\n:host([size=\"large\"]) .badge--dot {\n  min-width: 0.625rem; /* 10px */\n  height: 0.625rem; /* 10px */\n}\n\n/* Pulse animation */\n.badge--pulse {\n  animation: pulse 2s infinite;\n}\n\n.badge--pulse.badge--dot::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  background: inherit;\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n\n@keyframes pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.8;\n  }\n}\n\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n/* Positions */\n:host([position=\"top-right\"]) .badge,\n:host(:not([position])) .badge {\n  top: var(--badge-offset);\n  right: var(--badge-offset);\n  transform: translate(50%, -50%);\n}\n\n:host([position=\"top-left\"]) .badge {\n  top: var(--badge-offset);\n  left: var(--badge-offset);\n  transform: translate(-50%, -50%);\n}\n\n:host([position=\"bottom-right\"]) .badge {\n  bottom: var(--badge-offset);\n  right: var(--badge-offset);\n  transform: translate(50%, 50%);\n}\n\n:host([position=\"bottom-left\"]) .badge {\n  bottom: var(--badge-offset);\n  left: var(--badge-offset);\n  transform: translate(-50%, 50%);\n}\n\n/* Inline mode */\n:host([inline]) .badge {\n  position: static;\n  transform: none;\n  margin-left: 0.5rem; /* 8px */\n  vertical-align: middle;\n}\n\n/* Variants - using standard colors with emphasized borders */\n:host([variant=\"default\"]) .badge,\n:host(:not([variant])) .badge {\n  background: rgb(var(--snice-color-gray-600));\n  color: white;\n}\n\n:host([variant=\"primary\"]) .badge {\n  background: rgb(var(--snice-color-blue-600));\n  color: white;\n}\n\n:host([variant=\"success\"]) .badge {\n  background: rgb(var(--snice-color-green-600));\n  color: white;\n}\n\n:host([variant=\"warning\"]) .badge {\n  background: rgb(var(--snice-color-yellow-600));\n  color: white;\n}\n\n:host([variant=\"error\"]) .badge {\n  background: rgb(var(--snice-color-red-600));\n  color: white;\n}\n\n:host([variant=\"info\"]) .badge {\n  background: rgb(var(--snice-color-blue-600));\n  color: white;\n}";
 
 let SniceBadge = (() => {
     let _classDecorators = [element('snice-badge')];
@@ -43,7 +43,8 @@ let SniceBadge = (() => {
     let _badgeElement_decorators;
     let _badgeElement_initializers = [];
     let _badgeElement_extraInitializers = [];
-    let _renderBadgeSection_decorators;
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     let _init_decorators;
     let _updateOffset_decorators;
     (class extends _classSuper {
@@ -61,10 +62,12 @@ let SniceBadge = (() => {
             _pulse_decorators = [property({ type: Boolean, })];
             _offset_decorators = [property({ type: Number, })];
             _badgeElement_decorators = [query('.badge')];
-            _renderBadgeSection_decorators = [watch('content', 'count', 'max', 'dot', 'pulse'), part('badge-section')];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
             _init_decorators = [ready()];
             _updateOffset_decorators = [watch('offset')];
-            __esDecorate(this, null, _renderBadgeSection_decorators, { kind: "method", name: "renderBadgeSection", static: false, private: false, access: { has: obj => "renderBadgeSection" in obj, get: obj => obj.renderBadgeSection }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _updateOffset_decorators, { kind: "method", name: "updateOffset", static: false, private: false, access: { has: obj => "updateOffset" in obj, get: obj => obj.updateOffset }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _content_decorators, { kind: "field", name: "content", static: false, private: false, access: { has: obj => "content" in obj, get: obj => obj.content, set: (obj, value) => { obj.content = value; } }, metadata: _metadata }, _content_initializers, _content_extraInitializers);
@@ -83,29 +86,25 @@ let SniceBadge = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
-            return /*html*/ `
+        renderContent() {
+            const displayContent = this.getDisplayContent();
+            const showBadge = this.shouldShowBadge();
+            const badgeClasses = `badge${this.dot ? ' badge--dot' : ''}${this.pulse ? ' badge--pulse' : ''}`;
+            return html `
       <div class="badge-wrapper">
         <slot></slot>
-        <div part="badge-section"></div>
+        <if ${showBadge}>
+          <span class="${badgeClasses}"
+                aria-label="${displayContent}"
+                role="status">
+            <if ${!this.dot}>${displayContent}</if>
+          </span>
+        </if>
       </div>
     `;
         }
-        renderBadgeSection() {
-            const displayContent = this.getDisplayContent();
-            const showBadge = this.shouldShowBadge();
-            if (!showBadge)
-                return '';
-            return /*html*/ `
-      <span class="badge ${this.dot ? 'badge--dot' : ''} ${this.pulse ? 'badge--pulse' : ''}" 
-            aria-label="${displayContent}"
-            role="status">
-        ${!this.dot ? displayContent : ''}
-      </span>
-    `;
-        }
-        css() {
-            return css;
+        componentStyles() {
+            return css `${cssContent}`;
         }
         getDisplayContent() {
             if (this.dot)

package/dist/components/badge/snice-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-badge.js","sources":["../../../components/badge/snice-badge.css?inline","../../../../components/badge/snice-badge.ts"],"sourcesContent":["export default \":host {\\n  display: inline-block;\\n  --badge-offset: 0px;\\n}\\n\\n.badge-wrapper {\\n  position: relative;\\n  display: inline-block;\\n  width: fit-content;\\n  height: fit-content;\\n}\\n\\n.badge {\\n  position: absolute;\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  min-width: 1.25rem; /* 20px */\\n  height: 1.25rem; /* 20px */\\n  padding: 0 0.375rem; /* 0 6px */\\n  border-radius: 10px;\\n  font-size: 0.75rem; /* 12px */\\n  font-weight: 600;\\n  line-height: 1;\\n  white-space: nowrap;\\n  z-index: 1;\\n  transition: opacity 0.2s ease;\\n  box-shadow: var(--snice-shadow-sm);\\n  border: 2px solid rgba(255, 255, 255, 0.9);\\n  box-sizing: border-box;\\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);\\n}\\n\\n.badge--dot {\\n  min-width: 0.5rem; /* 8px */\\n  height: 0.5rem; /* 8px */\\n  padding: 0;\\n  border-radius: 50%;\\n  border: none;\\n}\\n\\n/* Sizes */\\n:host([size=\\\"small\\\"]) .badge {\\n  min-width: 1rem; /* 16px */\\n  height: 1rem; /* 16px */\\n  padding: 0 0.25rem; /* 0 4px */\\n  font-size: 0.625rem; /* 10px */\\n}\\n\\n:host([size=\\\"small\\\"]) .badge--dot {\\n  min-width: 0.375rem; /* 6px */\\n  height: 0.375rem; /* 6px */\\n}\\n\\n:host([size=\\\"large\\\"]) .badge {\\n  min-width: 1.5rem; /* 24px */\\n  height: 1.5rem; /* 24px */\\n  padding: 0 0.5rem; /* 0 8px */\\n  font-size: 0.875rem; /* 14px */\\n}\\n\\n:host([size=\\\"large\\\"]) .badge--dot {\\n  min-width: 0.625rem; /* 10px */\\n  height: 0.625rem; /* 10px */\\n}\\n\\n/* Pulse animation */\\n.badge--pulse {\\n  animation: pulse 2s infinite;\\n}\\n\\n.badge--pulse.badge--dot::before {\\n  content: '';\\n  position: absolute;\\n  inset: 0;\\n  border-radius: 50%;\\n  background: inherit;\\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\\n}\\n\\n@keyframes pulse {\\n  0%, 100% {\\n    opacity: 1;\\n  }\\n  50% {\\n    opacity: 0.8;\\n  }\\n}\\n\\n@keyframes ping {\\n  75%, 100% {\\n    transform: scale(2);\\n    opacity: 0;\\n  }\\n}\\n\\n/* Positions */\\n:host([position=\\\"top-right\\\"]) .badge,\\n:host(:not([position])) .badge {\\n  top: var(--badge-offset);\\n  right: var(--badge-offset);\\n  transform: translate(50%, -50%);\\n}\\n\\n:host([position=\\\"top-left\\\"]) .badge {\\n  top: var(--badge-offset);\\n  left: var(--badge-offset);\\n  transform: translate(-50%, -50%);\\n}\\n\\n:host([position=\\\"bottom-right\\\"]) .badge {\\n  bottom: var(--badge-offset);\\n  right: var(--badge-offset);\\n  transform: translate(50%, 50%);\\n}\\n\\n:host([position=\\\"bottom-left\\\"]) .badge {\\n  bottom: var(--badge-offset);\\n  left: var(--badge-offset);\\n  transform: translate(-50%, 50%);\\n}\\n\\n/* Inline mode */\\n:host([inline]) .badge {\\n  position: static;\\n  transform: none;\\n  margin-left: 0.5rem; /* 8px */\\n  vertical-align: middle;\\n}\\n\\n/* Variants - using standard colors with emphasized borders */\\n:host([variant=\\\"default\\\"]) .badge,\\n:host(:not([variant])) .badge {\\n  background: rgb(var(--snice-color-gray-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"primary\\\"]) .badge {\\n  background: rgb(var(--snice-color-blue-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"success\\\"]) .badge {\\n  background: rgb(var(--snice-color-green-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"warning\\\"]) .badge {\\n  background: rgb(var(--snice-color-yellow-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"error\\\"]) .badge {\\n  background: rgb(var(--snice-color-red-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"info\\\"]) .badge {\\n  background: rgb(var(--snice-color-blue-600));\\n  color: white;\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-badge.js","sources":["../../../components/badge/snice-badge.css?inline","../../../../components/badge/snice-badge.ts"],"sourcesContent":["export default \":host {\\n  display: inline-block;\\n  --badge-offset: 0px;\\n}\\n\\n.badge-wrapper {\\n  position: relative;\\n  display: inline-block;\\n  width: fit-content;\\n  height: fit-content;\\n}\\n\\n.badge {\\n  position: absolute;\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  min-width: 1.25rem; /* 20px */\\n  height: 1.25rem; /* 20px */\\n  padding: 0 0.375rem; /* 0 6px */\\n  border-radius: 10px;\\n  font-size: 0.75rem; /* 12px */\\n  font-weight: 600;\\n  line-height: 1;\\n  white-space: nowrap;\\n  z-index: 1;\\n  transition: opacity 0.2s ease;\\n  box-shadow: var(--snice-shadow-sm);\\n  border: 2px solid rgba(255, 255, 255, 0.9);\\n  box-sizing: border-box;\\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);\\n}\\n\\n.badge--dot {\\n  min-width: 0.5rem; /* 8px */\\n  height: 0.5rem; /* 8px */\\n  padding: 0;\\n  border-radius: 50%;\\n  border: none;\\n}\\n\\n/* Sizes */\\n:host([size=\\\"small\\\"]) .badge {\\n  min-width: 1rem; /* 16px */\\n  height: 1rem; /* 16px */\\n  padding: 0 0.25rem; /* 0 4px */\\n  font-size: 0.625rem; /* 10px */\\n}\\n\\n:host([size=\\\"small\\\"]) .badge--dot {\\n  min-width: 0.375rem; /* 6px */\\n  height: 0.375rem; /* 6px */\\n}\\n\\n:host([size=\\\"large\\\"]) .badge {\\n  min-width: 1.5rem; /* 24px */\\n  height: 1.5rem; /* 24px */\\n  padding: 0 0.5rem; /* 0 8px */\\n  font-size: 0.875rem; /* 14px */\\n}\\n\\n:host([size=\\\"large\\\"]) .badge--dot {\\n  min-width: 0.625rem; /* 10px */\\n  height: 0.625rem; /* 10px */\\n}\\n\\n/* Pulse animation */\\n.badge--pulse {\\n  animation: pulse 2s infinite;\\n}\\n\\n.badge--pulse.badge--dot::before {\\n  content: '';\\n  position: absolute;\\n  inset: 0;\\n  border-radius: 50%;\\n  background: inherit;\\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\\n}\\n\\n@keyframes pulse {\\n  0%, 100% {\\n    opacity: 1;\\n  }\\n  50% {\\n    opacity: 0.8;\\n  }\\n}\\n\\n@keyframes ping {\\n  75%, 100% {\\n    transform: scale(2);\\n    opacity: 0;\\n  }\\n}\\n\\n/* Positions */\\n:host([position=\\\"top-right\\\"]) .badge,\\n:host(:not([position])) .badge {\\n  top: var(--badge-offset);\\n  right: var(--badge-offset);\\n  transform: translate(50%, -50%);\\n}\\n\\n:host([position=\\\"top-left\\\"]) .badge {\\n  top: var(--badge-offset);\\n  left: var(--badge-offset);\\n  transform: translate(-50%, -50%);\\n}\\n\\n:host([position=\\\"bottom-right\\\"]) .badge {\\n  bottom: var(--badge-offset);\\n  right: var(--badge-offset);\\n  transform: translate(50%, 50%);\\n}\\n\\n:host([position=\\\"bottom-left\\\"]) .badge {\\n  bottom: var(--badge-offset);\\n  left: var(--badge-offset);\\n  transform: translate(-50%, 50%);\\n}\\n\\n/* Inline mode */\\n:host([inline]) .badge {\\n  position: static;\\n  transform: none;\\n  margin-left: 0.5rem; /* 8px */\\n  vertical-align: middle;\\n}\\n\\n/* Variants - using standard colors with emphasized borders */\\n:host([variant=\\\"default\\\"]) .badge,\\n:host(:not([variant])) .badge {\\n  background: rgb(var(--snice-color-gray-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"primary\\\"]) .badge {\\n  background: rgb(var(--snice-color-blue-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"success\\\"]) .badge {\\n  background: rgb(var(--snice-color-green-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"warning\\\"]) .badge {\\n  background: rgb(var(--snice-color-yellow-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"error\\\"]) .badge {\\n  background: rgb(var(--snice-color-red-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"info\\\"]) .badge {\\n  background: rgb(var(--snice-color-blue-600));\\n  color: white;\\n}\";",null],"names":[],"mappings":"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"}

package/dist/components/breadcrumbs/snice-breadcrumbs.d.ts

@@ -5,23 +5,16 @@ export declare class SniceBreadcrumbs extends HTMLElement implements SniceBreadc
     size: BreadcrumbSize;
     maxItems: number;
     breadcrumbElement?: HTMLElement;
-    private collapsed;
+    collapsed: boolean;
     private slotItems;
-    html(): string;
-    css(): string;
+    private renderTrigger;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
     private getAllItems;
     private getVisibleItems;
-    handleEllipsisClick(): void;
-    handleLinkClick(event: MouseEvent): {
-        item: BreadcrumbItem;
-        index: number;
-        href: string;
-        label: string;
-    };
+    private handleClick;
     private handleSlotChange;
-    init(): void;
     updateBreadcrumb(): void;
     setItems(items: BreadcrumbItem[]): void;
     private renderIcon;
-    private render;
 }

package/dist/components/breadcrumbs/snice-breadcrumbs.js

@@ -1,7 +1,7 @@
-import { __runInitializers, __esDecorate } from 'tslib';
-import { element, property, query, on, dispatch, ready, watch } from 'snice';
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, query, render, styles, watch, html, css } from 'snice';
 
-var css = ":host {\n  display: block;\n  --breadcrumb-font-size: 0.875rem; /* 14px */\n  --breadcrumb-spacing: 0.5rem; /* 8px */\n  --breadcrumb-color: rgb(var(--snice-color-gray-600, 82 82 82));\n  --breadcrumb-hover-color: rgb(var(--snice-color-blue-600, 37 99 235));\n  --breadcrumb-active-color: rgb(var(--snice-color-gray-900, 23 23 23));\n  --breadcrumb-separator-color: rgb(var(--snice-color-gray-400, 163 163 163));\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: var(--breadcrumb-font-size);\n  line-height: 1.5;\n}\n\n.breadcrumb-item {\n  display: flex;\n  align-items: center;\n  color: var(--breadcrumb-color);\n}\n\n.breadcrumb-link {\n  color: inherit;\n  text-decoration: none;\n  transition: color 0.2s ease;\n  cursor: pointer;\n  outline: none;\n  border-radius: 2px;\n  padding: 0.125rem 0.25rem; /* 2px 4px */\n  margin: -0.125rem -0.25rem; /* -2px -4px */\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem; /* 6px */\n}\n\n.breadcrumb-link:hover {\n  color: var(--breadcrumb-hover-color);\n  text-decoration: underline;\n}\n\n.breadcrumb-link:focus-visible {\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\n}\n\n.breadcrumb-text {\n  padding: 2px 4px;\n  margin: -2px -4px;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem; /* 6px */\n}\n\n.breadcrumb-icon {\n  display: inline-flex;\n  align-items: center;\n  font-size: 1.1em;\n}\n\n.breadcrumb-icon-image {\n  width: 1.2em;\n  height: 1.2em;\n  object-fit: contain;\n  vertical-align: middle;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.breadcrumb-item--active {\n  color: var(--breadcrumb-active-color);\n  font-weight: 500;\n}\n\n.breadcrumb-item--active .breadcrumb-link {\n  cursor: default;\n  pointer-events: none;\n}\n\n.breadcrumb-separator {\n  margin: 0 var(--breadcrumb-spacing);\n  color: var(--breadcrumb-separator-color);\n  user-select: none;\n}\n\n.breadcrumb-ellipsis {\n  display: flex;\n  align-items: center;\n  padding: 2px 4px;\n  margin: -2px -4px;\n  cursor: pointer;\n  color: var(--breadcrumb-color);\n  border-radius: 2px;\n  transition: background 0.2s ease;\n}\n\n.breadcrumb-ellipsis:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.breadcrumb-ellipsis:focus-visible {\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\n  outline: none;\n}\n\n/* Sizes */\n:host([size=\"small\"]) {\n  --breadcrumb-font-size: 12px;\n  --breadcrumb-spacing: 6px;\n}\n\n:host([size=\"large\"]) {\n  --breadcrumb-font-size: 16px;\n  --breadcrumb-spacing: 10px;\n}\n\n/* Collapsed state */\n.breadcrumb--collapsed .breadcrumb-item--hidden {\n  display: none;\n}\n\n/* Mobile responsive */\n@media (max-width: 640px) {\n  .breadcrumb {\n    font-size: calc(var(--breadcrumb-font-size) * 0.9);\n  }\n}";
+var cssContent = ":host {\n  display: block;\n  --breadcrumb-font-size: 0.875rem; /* 14px */\n  --breadcrumb-spacing: 0.5rem; /* 8px */\n  --breadcrumb-color: rgb(var(--snice-color-gray-600, 82 82 82));\n  --breadcrumb-hover-color: rgb(var(--snice-color-blue-600, 37 99 235));\n  --breadcrumb-active-color: rgb(var(--snice-color-gray-900, 23 23 23));\n  --breadcrumb-separator-color: rgb(var(--snice-color-gray-400, 163 163 163));\n}\n\n/* Meta elements should not interfere with layout */\ncase, when, default, if {\n  display: contents;\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: var(--breadcrumb-font-size);\n  line-height: 1.5;\n}\n\n.breadcrumb-item {\n  display: flex;\n  align-items: center;\n  color: var(--breadcrumb-color);\n}\n\n.breadcrumb-link {\n  color: inherit;\n  text-decoration: none;\n  transition: color 0.2s ease;\n  cursor: pointer;\n  outline: none;\n  border-radius: 2px;\n  padding: 0.125rem 0.25rem; /* 2px 4px */\n  margin: -0.125rem -0.25rem; /* -2px -4px */\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem; /* 6px */\n}\n\n.breadcrumb-link:hover {\n  color: var(--breadcrumb-hover-color);\n  text-decoration: underline;\n}\n\n.breadcrumb-link:focus-visible {\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\n}\n\n.breadcrumb-text {\n  padding: 2px 4px;\n  margin: -2px -4px;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem; /* 6px */\n}\n\n.breadcrumb-icon {\n  display: inline-flex;\n  align-items: center;\n  font-size: 1.1em;\n}\n\n.breadcrumb-icon-image {\n  width: 1.2em;\n  height: 1.2em;\n  object-fit: contain;\n  vertical-align: middle;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.breadcrumb-item--active {\n  color: var(--breadcrumb-active-color);\n  font-weight: 500;\n}\n\n.breadcrumb-item--active .breadcrumb-link {\n  cursor: default;\n  pointer-events: none;\n}\n\n.breadcrumb-separator {\n  margin: 0 var(--breadcrumb-spacing);\n  color: var(--breadcrumb-separator-color);\n  user-select: none;\n}\n\n.breadcrumb-ellipsis {\n  display: flex;\n  align-items: center;\n  padding: 2px 4px;\n  margin: -2px -4px;\n  cursor: pointer;\n  color: var(--breadcrumb-color);\n  border-radius: 2px;\n  transition: background 0.2s ease;\n}\n\n.breadcrumb-ellipsis:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.breadcrumb-ellipsis:focus-visible {\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\n  outline: none;\n}\n\n/* Sizes */\n:host([size=\"small\"]) {\n  --breadcrumb-font-size: 12px;\n  --breadcrumb-spacing: 6px;\n}\n\n:host([size=\"large\"]) {\n  --breadcrumb-font-size: 16px;\n  --breadcrumb-spacing: 10px;\n}\n\n/* Collapsed state */\n.breadcrumb--collapsed .breadcrumb-item--hidden {\n  display: none;\n}\n\n/* Mobile responsive */\n@media (max-width: 640px) {\n  .breadcrumb {\n    font-size: calc(var(--breadcrumb-font-size) * 0.9);\n  }\n}";
 
 let SniceBreadcrumbs = (() => {
     let _classDecorators = [element('snice-breadcrumbs')];
@@ -25,85 +25,85 @@ let SniceBreadcrumbs = (() => {
     let _breadcrumbElement_decorators;
     let _breadcrumbElement_initializers = [];
     let _breadcrumbElement_extraInitializers = [];
-    let _handleEllipsisClick_decorators;
-    let _handleLinkClick_decorators;
-    let _init_decorators;
+    let _collapsed_decorators;
+    let _collapsed_initializers = [];
+    let _collapsed_extraInitializers = [];
+    let _renderTrigger_decorators;
+    let _renderTrigger_initializers = [];
+    let _renderTrigger_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     let _updateBreadcrumb_decorators;
     (class extends _classSuper {
         static { _classThis = this; }
-        constructor() {
-            super(...arguments);
-            this.items = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _items_initializers, []));
-            this.separator = (__runInitializers(this, _items_extraInitializers), __runInitializers(this, _separator_initializers, '/'));
-            this.size = (__runInitializers(this, _separator_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
-            this.maxItems = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _maxItems_initializers, 0));
-            this.breadcrumbElement = (__runInitializers(this, _maxItems_extraInitializers), __runInitializers(this, _breadcrumbElement_initializers, void 0));
-            this.collapsed = (__runInitializers(this, _breadcrumbElement_extraInitializers), true);
-            this.slotItems = [];
-        }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _items_decorators = [property({ type: Array })];
             _separator_decorators = [property({})];
             _size_decorators = [property({})];
-            _maxItems_decorators = [property({ type: Number, })];
+            _maxItems_decorators = [property({ type: Number, attribute: 'max-items' })];
             _breadcrumbElement_decorators = [query('.breadcrumb')];
-            _handleEllipsisClick_decorators = [on('click', '.breadcrumb-ellipsis')];
-            _handleLinkClick_decorators = [on('click', '.breadcrumb-link'), dispatch('breadcrumb-click')];
-            _init_decorators = [ready()];
+            _collapsed_decorators = [property({ type: Boolean })];
+            _renderTrigger_decorators = [property({ type: Number, attribute: false })];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
             _updateBreadcrumb_decorators = [watch('items', 'separator', 'maxItems')];
-            __esDecorate(this, null, _handleEllipsisClick_decorators, { kind: "method", name: "handleEllipsisClick", static: false, private: false, access: { has: obj => "handleEllipsisClick" in obj, get: obj => obj.handleEllipsisClick }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleLinkClick_decorators, { kind: "method", name: "handleLinkClick", static: false, private: false, access: { has: obj => "handleLinkClick" in obj, get: obj => obj.handleLinkClick }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _updateBreadcrumb_decorators, { kind: "method", name: "updateBreadcrumb", static: false, private: false, access: { has: obj => "updateBreadcrumb" in obj, get: obj => obj.updateBreadcrumb }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _items_decorators, { kind: "field", name: "items", static: false, private: false, access: { has: obj => "items" in obj, get: obj => obj.items, set: (obj, value) => { obj.items = value; } }, metadata: _metadata }, _items_initializers, _items_extraInitializers);
             __esDecorate(null, null, _separator_decorators, { kind: "field", name: "separator", static: false, private: false, access: { has: obj => "separator" in obj, get: obj => obj.separator, set: (obj, value) => { obj.separator = value; } }, metadata: _metadata }, _separator_initializers, _separator_extraInitializers);
             __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
             __esDecorate(null, null, _maxItems_decorators, { kind: "field", name: "maxItems", static: false, private: false, access: { has: obj => "maxItems" in obj, get: obj => obj.maxItems, set: (obj, value) => { obj.maxItems = value; } }, metadata: _metadata }, _maxItems_initializers, _maxItems_extraInitializers);
             __esDecorate(null, null, _breadcrumbElement_decorators, { kind: "field", name: "breadcrumbElement", static: false, private: false, access: { has: obj => "breadcrumbElement" in obj, get: obj => obj.breadcrumbElement, set: (obj, value) => { obj.breadcrumbElement = value; } }, metadata: _metadata }, _breadcrumbElement_initializers, _breadcrumbElement_extraInitializers);
+            __esDecorate(null, null, _collapsed_decorators, { kind: "field", name: "collapsed", static: false, private: false, access: { has: obj => "collapsed" in obj, get: obj => obj.collapsed, set: (obj, value) => { obj.collapsed = value; } }, metadata: _metadata }, _collapsed_initializers, _collapsed_extraInitializers);
+            __esDecorate(null, null, _renderTrigger_decorators, { kind: "field", name: "renderTrigger", static: false, private: false, access: { has: obj => "renderTrigger" in obj, get: obj => obj.renderTrigger, set: (obj, value) => { obj.renderTrigger = value; } }, metadata: _metadata }, _renderTrigger_initializers, _renderTrigger_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
+        renderContent() {
             const allItems = this.getAllItems();
             const visibleItems = this.getVisibleItems(allItems);
             const hasCollapsed = this.maxItems > 0 && allItems.length > this.maxItems && this.collapsed;
-            return /*html*/ `
-      <slot style="display: none"></slot>
-      <nav aria-label="Breadcrumb">
-        <ol class="breadcrumb ${hasCollapsed ? 'breadcrumb--collapsed' : ''}">
+            const breadcrumbClass = `breadcrumb${hasCollapsed ? ' breadcrumb--collapsed' : ''}`;
+            return html `
+      <slot style="display: none" @slotchange="${() => this.handleSlotChange()}"></slot>
+      <nav aria-label="Breadcrumb" @click="${(e) => this.handleClick(e)}">
+        <ol class="${breadcrumbClass}">
           ${visibleItems.map((item, index) => {
                 const isLast = index === visibleItems.length - 1;
                 const isActive = item.active || isLast;
                 const isHidden = hasCollapsed && index > 0 && index < visibleItems.length - 2;
-                return /*html*/ `
-              <li class="breadcrumb-item ${isActive ? 'breadcrumb-item--active' : ''} ${isHidden ? 'breadcrumb-item--hidden' : ''}">
-                ${item.href && !isActive ? /*html*/ `
-                  <a href="${item.href}" 
+                const itemClass = `breadcrumb-item${isActive ? ' breadcrumb-item--active' : ''}${isHidden ? ' breadcrumb-item--hidden' : ''}`;
+                return html `
+              <li class="${itemClass}">
+                <if ${item.href && !isActive}>
+                  <a href="${item.href}"
                      class="breadcrumb-link"
                      aria-current="${isActive ? 'page' : ''}"
                      tabindex="0">
                     ${this.renderIcon(item)}
                     ${item.label}
                   </a>
-                ` : /*html*/ `
-                  <span class="breadcrumb-text" 
+                </if>
+                <if ${!item.href || isActive}>
+                  <span class="breadcrumb-text"
                         aria-current="${isActive ? 'page' : ''}">
                     ${this.renderIcon(item)}
                     ${item.label}
                   </span>
-                `}
-                ${!isLast ? /*html*/ `
+                </if>
+                <if ${!isLast}>
                   <span class="breadcrumb-separator" aria-hidden="true">
                     ${this.separator}
                   </span>
-                ` : ''}
+                </if>
               </li>
-              ${hasCollapsed && index === 0 && allItems.length > this.maxItems ? /*html*/ `
+              <if ${hasCollapsed && index === 0 && allItems.length > this.maxItems}>
                 <li class="breadcrumb-item">
-                  <button class="breadcrumb-ellipsis" 
+                  <button class="breadcrumb-ellipsis"
                           aria-label="Show all breadcrumbs"
                           tabindex="0">
                     •••
@@ -112,15 +112,15 @@ let SniceBreadcrumbs = (() => {
                     ${this.separator}
                   </span>
                 </li>
-              ` : ''}
+              </if>
             `;
-            }).join('')}
+            })}
         </ol>
       </nav>
     `;
         }
-        css() {
-            return css;
+        componentStyles() {
+            return css `${cssContent}`;
         }
         getAllItems() {
             // Prefer slot items if available, otherwise use items property
@@ -135,23 +135,32 @@ let SniceBreadcrumbs = (() => {
             const lastItems = allItems.slice(-(this.maxItems - 1));
             return [firstItem, ...lastItems];
         }
-        handleEllipsisClick() {
-            this.collapsed = false;
-            this.render();
-        }
-        handleLinkClick(event) {
+        handleClick(event) {
             const target = event.target;
-            const label = target.textContent?.trim() || '';
-            const href = target.getAttribute('href') || '';
-            // Find the item index
-            const allItems = this.getAllItems();
-            const index = allItems.findIndex(item => item.label === label);
-            return {
-                item: allItems[index],
-                index,
-                href,
-                label
-            };
+            // Handle ellipsis click
+            if (target.matches('.breadcrumb-ellipsis')) {
+                this.collapsed = false;
+                return;
+            }
+            // Handle breadcrumb link click
+            if (target.matches('.breadcrumb-link')) {
+                const link = target;
+                const label = link.textContent?.trim() || '';
+                const href = link.getAttribute('href') || '';
+                // Find the item index
+                const allItems = this.getAllItems();
+                const index = allItems.findIndex(item => item.label === label);
+                this.dispatchEvent(new CustomEvent('breadcrumb-click', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        item: allItems[index],
+                        index,
+                        href,
+                        label
+                    }
+                }));
+            }
         }
         handleSlotChange() {
             const slot = this.shadowRoot?.querySelector('slot');
@@ -165,46 +174,36 @@ let SniceBreadcrumbs = (() => {
                 iconImage: crumb.iconImage || undefined,
                 active: crumb.active || false
             }));
-            this.render();
-        }
-        init() {
-            // Setup slot change handling
-            const slot = this.shadowRoot?.querySelector('slot');
-            if (slot) {
-                slot.addEventListener('slotchange', () => this.handleSlotChange());
-                // Initial check for slotted content
-                this.handleSlotChange();
-            }
+            // Trigger re-render to display slot items by updating a property
+            this.renderTrigger++;
         }
         updateBreadcrumb() {
             this.collapsed = true;
-            // Only render if not using slot items, otherwise slot change will handle it
-            if (!this.slotItems || this.slotItems.length === 0) {
-                this.render();
-            }
         }
         setItems(items) {
             this.items = items;
         }
         renderIcon(item) {
-            return /*html*/ `
-      <img class="breadcrumb-icon-image" src="${item.iconImage || ''}" alt="" ${item.iconImage ? '' : 'hidden'}>
-      <span class="breadcrumb-icon" ${item.icon ? '' : 'hidden'}>${item.icon || ''}</span>
+            return html `
+      <if ${item.iconImage}>
+        <img class="breadcrumb-icon-image" src="${item.iconImage}" alt="">
+      </if>
+      <if ${item.icon}>
+        <span class="breadcrumb-icon">${item.icon}</span>
+      </if>
     `;
         }
-        render() {
-            const shadow = this.shadowRoot;
-            if (shadow) {
-                shadow.innerHTML = '';
-                if (this.css) {
-                    const style = document.createElement('style');
-                    style.textContent = this.css();
-                    shadow.appendChild(style);
-                }
-                const template = document.createElement('template');
-                template.innerHTML = this.html();
-                shadow.appendChild(template.content.cloneNode(true));
-            }
+        constructor() {
+            super(...arguments);
+            this.items = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _items_initializers, []));
+            this.separator = (__runInitializers(this, _items_extraInitializers), __runInitializers(this, _separator_initializers, '/'));
+            this.size = (__runInitializers(this, _separator_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.maxItems = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _maxItems_initializers, 0));
+            this.breadcrumbElement = (__runInitializers(this, _maxItems_extraInitializers), __runInitializers(this, _breadcrumbElement_initializers, void 0));
+            this.collapsed = (__runInitializers(this, _breadcrumbElement_extraInitializers), __runInitializers(this, _collapsed_initializers, true));
+            this.slotItems = (__runInitializers(this, _collapsed_extraInitializers), []);
+            this.renderTrigger = __runInitializers(this, _renderTrigger_initializers, 0);
+            __runInitializers(this, _renderTrigger_extraInitializers);
         }
     });
     return _classThis;

package/dist/components/breadcrumbs/snice-breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-breadcrumbs.js","sources":["../../../components/breadcrumbs/snice-breadcrumbs.css?inline","../../../../components/breadcrumbs/snice-breadcrumbs.ts"],"sourcesContent":["export default \":host {\\n  display: block;\\n  --breadcrumb-font-size: 0.875rem; /* 14px */\\n  --breadcrumb-spacing: 0.5rem; /* 8px */\\n  --breadcrumb-color: rgb(var(--snice-color-gray-600, 82 82 82));\\n  --breadcrumb-hover-color: rgb(var(--snice-color-blue-600, 37 99 235));\\n  --breadcrumb-active-color: rgb(var(--snice-color-gray-900, 23 23 23));\\n  --breadcrumb-separator-color: rgb(var(--snice-color-gray-400, 163 163 163));\\n}\\n\\n.breadcrumb {\\n  display: flex;\\n  align-items: center;\\n  flex-wrap: wrap;\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n  font-size: var(--breadcrumb-font-size);\\n  line-height: 1.5;\\n}\\n\\n.breadcrumb-item {\\n  display: flex;\\n  align-items: center;\\n  color: var(--breadcrumb-color);\\n}\\n\\n.breadcrumb-link {\\n  color: inherit;\\n  text-decoration: none;\\n  transition: color 0.2s ease;\\n  cursor: pointer;\\n  outline: none;\\n  border-radius: 2px;\\n  padding: 0.125rem 0.25rem; /* 2px 4px */\\n  margin: -0.125rem -0.25rem; /* -2px -4px */\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 0.375rem; /* 6px */\\n}\\n\\n.breadcrumb-link:hover {\\n  color: var(--breadcrumb-hover-color);\\n  text-decoration: underline;\\n}\\n\\n.breadcrumb-link:focus-visible {\\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\\n}\\n\\n.breadcrumb-text {\\n  padding: 2px 4px;\\n  margin: -2px -4px;\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 0.375rem; /* 6px */\\n}\\n\\n.breadcrumb-icon {\\n  display: inline-flex;\\n  align-items: center;\\n  font-size: 1.1em;\\n}\\n\\n.breadcrumb-icon-image {\\n  width: 1.2em;\\n  height: 1.2em;\\n  object-fit: contain;\\n  vertical-align: middle;\\n}\\n\\n[hidden] {\\n  display: none !important;\\n}\\n\\n.breadcrumb-item--active {\\n  color: var(--breadcrumb-active-color);\\n  font-weight: 500;\\n}\\n\\n.breadcrumb-item--active .breadcrumb-link {\\n  cursor: default;\\n  pointer-events: none;\\n}\\n\\n.breadcrumb-separator {\\n  margin: 0 var(--breadcrumb-spacing);\\n  color: var(--breadcrumb-separator-color);\\n  user-select: none;\\n}\\n\\n.breadcrumb-ellipsis {\\n  display: flex;\\n  align-items: center;\\n  padding: 2px 4px;\\n  margin: -2px -4px;\\n  cursor: pointer;\\n  color: var(--breadcrumb-color);\\n  border-radius: 2px;\\n  transition: background 0.2s ease;\\n}\\n\\n.breadcrumb-ellipsis:hover {\\n  background: rgba(0, 0, 0, 0.05);\\n}\\n\\n.breadcrumb-ellipsis:focus-visible {\\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\\n  outline: none;\\n}\\n\\n/* Sizes */\\n:host([size=\\\"small\\\"]) {\\n  --breadcrumb-font-size: 12px;\\n  --breadcrumb-spacing: 6px;\\n}\\n\\n:host([size=\\\"large\\\"]) {\\n  --breadcrumb-font-size: 16px;\\n  --breadcrumb-spacing: 10px;\\n}\\n\\n/* Collapsed state */\\n.breadcrumb--collapsed .breadcrumb-item--hidden {\\n  display: none;\\n}\\n\\n/* Mobile responsive */\\n@media (max-width: 640px) {\\n  .breadcrumb {\\n    font-size: calc(var(--breadcrumb-font-size) * 0.9);\\n  }\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-breadcrumbs.js","sources":["../../../components/breadcrumbs/snice-breadcrumbs.css?inline","../../../../components/breadcrumbs/snice-breadcrumbs.ts"],"sourcesContent":["export default \":host {\\n  display: block;\\n  --breadcrumb-font-size: 0.875rem; /* 14px */\\n  --breadcrumb-spacing: 0.5rem; /* 8px */\\n  --breadcrumb-color: rgb(var(--snice-color-gray-600, 82 82 82));\\n  --breadcrumb-hover-color: rgb(var(--snice-color-blue-600, 37 99 235));\\n  --breadcrumb-active-color: rgb(var(--snice-color-gray-900, 23 23 23));\\n  --breadcrumb-separator-color: rgb(var(--snice-color-gray-400, 163 163 163));\\n}\\n\\n/* Meta elements should not interfere with layout */\\ncase, when, default, if {\\n  display: contents;\\n}\\n\\n.breadcrumb {\\n  display: flex;\\n  align-items: center;\\n  flex-wrap: wrap;\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n  font-size: var(--breadcrumb-font-size);\\n  line-height: 1.5;\\n}\\n\\n.breadcrumb-item {\\n  display: flex;\\n  align-items: center;\\n  color: var(--breadcrumb-color);\\n}\\n\\n.breadcrumb-link {\\n  color: inherit;\\n  text-decoration: none;\\n  transition: color 0.2s ease;\\n  cursor: pointer;\\n  outline: none;\\n  border-radius: 2px;\\n  padding: 0.125rem 0.25rem; /* 2px 4px */\\n  margin: -0.125rem -0.25rem; /* -2px -4px */\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 0.375rem; /* 6px */\\n}\\n\\n.breadcrumb-link:hover {\\n  color: var(--breadcrumb-hover-color);\\n  text-decoration: underline;\\n}\\n\\n.breadcrumb-link:focus-visible {\\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\\n}\\n\\n.breadcrumb-text {\\n  padding: 2px 4px;\\n  margin: -2px -4px;\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 0.375rem; /* 6px */\\n}\\n\\n.breadcrumb-icon {\\n  display: inline-flex;\\n  align-items: center;\\n  font-size: 1.1em;\\n}\\n\\n.breadcrumb-icon-image {\\n  width: 1.2em;\\n  height: 1.2em;\\n  object-fit: contain;\\n  vertical-align: middle;\\n}\\n\\n[hidden] {\\n  display: none !important;\\n}\\n\\n.breadcrumb-item--active {\\n  color: var(--breadcrumb-active-color);\\n  font-weight: 500;\\n}\\n\\n.breadcrumb-item--active .breadcrumb-link {\\n  cursor: default;\\n  pointer-events: none;\\n}\\n\\n.breadcrumb-separator {\\n  margin: 0 var(--breadcrumb-spacing);\\n  color: var(--breadcrumb-separator-color);\\n  user-select: none;\\n}\\n\\n.breadcrumb-ellipsis {\\n  display: flex;\\n  align-items: center;\\n  padding: 2px 4px;\\n  margin: -2px -4px;\\n  cursor: pointer;\\n  color: var(--breadcrumb-color);\\n  border-radius: 2px;\\n  transition: background 0.2s ease;\\n}\\n\\n.breadcrumb-ellipsis:hover {\\n  background: rgba(0, 0, 0, 0.05);\\n}\\n\\n.breadcrumb-ellipsis:focus-visible {\\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);\\n  outline: none;\\n}\\n\\n/* Sizes */\\n:host([size=\\\"small\\\"]) {\\n  --breadcrumb-font-size: 12px;\\n  --breadcrumb-spacing: 6px;\\n}\\n\\n:host([size=\\\"large\\\"]) {\\n  --breadcrumb-font-size: 16px;\\n  --breadcrumb-spacing: 10px;\\n}\\n\\n/* Collapsed state */\\n.breadcrumb--collapsed .breadcrumb-item--hidden {\\n  display: none;\\n}\\n\\n/* Mobile responsive */\\n@media (max-width: 640px) {\\n  .breadcrumb {\\n    font-size: calc(var(--breadcrumb-font-size) * 0.9);\\n  }\\n}\";",null],"names":["cssTag"],"mappings":"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"}

package/dist/components/button/snice-button.d.ts

@@ -16,16 +16,12 @@ export declare class SniceButton extends HTMLElement implements SniceButtonEleme
     spinner?: HTMLElement;
     label?: HTMLElement;
     iconElement?: HTMLImageElement;
-    html(): string;
-    css(): string;
-    updateButtonClasses(): void;
-    updateDisabledState(): void;
+    renderContent(): import("snice").TemplateResult;
+    private handleInternalClick;
+    componentStyles(): import("snice").CSSResult;
     setLoading(loading: boolean): void;
     setDisabled(disabled: boolean): void;
     setVariant(variant: typeof this.variant): void;
-    handleClick(event: MouseEvent): {
-        originalEvent: MouseEvent;
-    } | undefined;
     focus(options?: FocusOptions): void;
     blur(): void;
     click(): void;