snice 4.9.0 → 4.10.0

package/dist/components/org-chart/snice-org-chart.js

@@ -0,0 +1,227 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, ready, watch, styles, render, dispatch, css, html } from 'snice';
+
+var chartStyles = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.org-container{background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow:auto;padding:var(--snice-spacing-xl,2rem);min-height:12.5rem;cursor:grab}.org-container:active{cursor:grabbing}.org-tree{display:flex;flex-direction:column;align-items:center;gap:0}.org-tree--left-right{flex-direction:row;align-items:flex-start}.org-node-wrapper{display:flex;flex-direction:column;align-items:center}.org-tree--left-right .org-node-wrapper{flex-direction:row;align-items:flex-start}.org-node{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1));cursor:pointer;transition:box-shadow var(--snice-transition-fast, 150ms) ease,border-color var(--snice-transition-fast, 150ms) ease;white-space:nowrap;position:relative;z-index:1}.org-node:hover{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1))}.org-node--compact{padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-sm,.75rem)}.org-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.org-avatar--compact{width:1.75rem;height:1.75rem}.org-avatar-placeholder{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--snice-color-primary-subtle,rgb(239 246 255));color:var(--snice-color-primary,rgb(37 99 235));display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);flex-shrink:0}.org-avatar-placeholder--compact{width:1.75rem;height:1.75rem;font-size:var(--snice-font-size-xs, .75rem)}.org-node-info{display:flex;flex-direction:column;min-width:0}.org-node-name{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));overflow:hidden;text-overflow:ellipsis}.org-node-title{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));overflow:hidden;text-overflow:ellipsis}.org-toggle{position:absolute;bottom:-.625rem;left:50%;transform:translateX(-50%);width:1.25rem;height:1.25rem;border-radius:50%;background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background-color var(--snice-transition-fast, 150ms) ease}.org-tree--left-right .org-toggle{bottom:auto;left:auto;right:-.625rem;top:50%;transform:translateY(-50%)}.org-toggle:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.org-toggle svg{width:.75rem;height:.75rem;color:var(--snice-color-text-tertiary,rgb(115 115 115))}.org-connector-vertical{width:1px;height:1.5rem;background:var(--snice-color-border,rgb(226 226 226))}.org-connector-horizontal{height:1px;background:var(--snice-color-border,rgb(226 226 226))}.org-children{display:flex;gap:0;position:relative;padding-top:1.5rem}.org-tree--left-right .org-children{flex-direction:column;padding-top:0;padding-left:1.5rem}.org-children::before{content:'';position:absolute;top:0;left:50%;width:1px;height:1.5rem;background:var(--snice-color-border,rgb(226 226 226));transform:translateX(-50%)}.org-tree--left-right .org-children::before{top:50%;left:0;width:1.5rem;height:1px;transform:translateY(-50%)}.org-branch{display:flex;flex-direction:column;align-items:center;position:relative;padding:1.5rem .5rem 0}.org-branch::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--snice-color-border,rgb(226 226 226))}.org-branch::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:1.5rem;background:var(--snice-color-border,rgb(226 226 226))}.org-branch:first-child::before{left:50%}.org-branch:last-child::before{right:50%}.org-branch:only-child::before{display:none}.org-tree--left-right .org-branch{flex-direction:row;align-items:flex-start;padding:.5rem 0 .5rem 1.5rem}.org-tree--left-right .org-branch::before{top:0;bottom:0;left:0;right:auto;width:1px;height:auto}.org-tree--left-right .org-branch:first-child::before{top:50%;left:0}.org-tree--left-right .org-branch:last-child::before{bottom:50%;top:0}.org-tree--left-right .org-branch:only-child::before{display:none}.org-tree--left-right .org-branch::after{top:50%;left:0;transform:translateY(-50%);width:1.5rem;height:1px}";
+
+let SniceOrgChart = (() => {
+    let _classDecorators = [element('snice-org-chart')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _data_decorators;
+    let _data_initializers = [];
+    let _data_extraInitializers = [];
+    let _direction_decorators;
+    let _direction_initializers = [];
+    let _direction_extraInitializers = [];
+    let _compact_decorators;
+    let _compact_initializers = [];
+    let _compact_extraInitializers = [];
+    let _renderVersion_decorators;
+    let _renderVersion_initializers = [];
+    let _renderVersion_extraInitializers = [];
+    let _init_decorators;
+    let _handleDataChange_decorators;
+    let _componentStyles_decorators;
+    let _renderChart_decorators;
+    let _emitNodeClick_decorators;
+    let _emitNodeExpand_decorators;
+    let _emitNodeCollapse_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.data = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _data_initializers, null));
+            this.direction = (__runInitializers(this, _data_extraInitializers), __runInitializers(this, _direction_initializers, 'top-down'));
+            this.compact = (__runInitializers(this, _direction_extraInitializers), __runInitializers(this, _compact_initializers, false));
+            // Track render version to force re-render on collapse/expand
+            this.renderVersion = (__runInitializers(this, _compact_extraInitializers), __runInitializers(this, _renderVersion_initializers, 0));
+            this.collapsedNodes = (__runInitializers(this, _renderVersion_extraInitializers), new Set());
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _data_decorators = [property({ type: Object })];
+            _direction_decorators = [property()];
+            _compact_decorators = [property({ type: Boolean })];
+            _renderVersion_decorators = [property({ type: Number })];
+            _init_decorators = [ready()];
+            _handleDataChange_decorators = [watch('data')];
+            _componentStyles_decorators = [styles()];
+            _renderChart_decorators = [render()];
+            _emitNodeClick_decorators = [dispatch('node-click', { bubbles: true, composed: true })];
+            _emitNodeExpand_decorators = [dispatch('node-expand', { bubbles: true, composed: true })];
+            _emitNodeCollapse_decorators = [dispatch('node-collapse', { bubbles: true, composed: true })];
+            __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, _handleDataChange_decorators, { kind: "method", name: "handleDataChange", static: false, private: false, access: { has: obj => "handleDataChange" in obj, get: obj => obj.handleDataChange }, 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, _renderChart_decorators, { kind: "method", name: "renderChart", static: false, private: false, access: { has: obj => "renderChart" in obj, get: obj => obj.renderChart }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitNodeClick_decorators, { kind: "method", name: "emitNodeClick", static: false, private: false, access: { has: obj => "emitNodeClick" in obj, get: obj => obj.emitNodeClick }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitNodeExpand_decorators, { kind: "method", name: "emitNodeExpand", static: false, private: false, access: { has: obj => "emitNodeExpand" in obj, get: obj => obj.emitNodeExpand }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitNodeCollapse_decorators, { kind: "method", name: "emitNodeCollapse", static: false, private: false, access: { has: obj => "emitNodeCollapse" in obj, get: obj => obj.emitNodeCollapse }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _data_decorators, { kind: "field", name: "data", static: false, private: false, access: { has: obj => "data" in obj, get: obj => obj.data, set: (obj, value) => { obj.data = value; } }, metadata: _metadata }, _data_initializers, _data_extraInitializers);
+            __esDecorate(null, null, _direction_decorators, { kind: "field", name: "direction", static: false, private: false, access: { has: obj => "direction" in obj, get: obj => obj.direction, set: (obj, value) => { obj.direction = value; } }, metadata: _metadata }, _direction_initializers, _direction_extraInitializers);
+            __esDecorate(null, null, _compact_decorators, { kind: "field", name: "compact", static: false, private: false, access: { has: obj => "compact" in obj, get: obj => obj.compact, set: (obj, value) => { obj.compact = value; } }, metadata: _metadata }, _compact_initializers, _compact_extraInitializers);
+            __esDecorate(null, null, _renderVersion_decorators, { kind: "field", name: "renderVersion", static: false, private: false, access: { has: obj => "renderVersion" in obj, get: obj => obj.renderVersion, set: (obj, value) => { obj.renderVersion = value; } }, metadata: _metadata }, _renderVersion_initializers, _renderVersion_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);
+        }
+        init() {
+            // Ready
+        }
+        handleDataChange() {
+            // Force re-render
+            this.renderVersion++;
+        }
+        componentStyles() {
+            return css `${chartStyles}`;
+        }
+        renderChart() {
+            const isLeftRight = this.direction === 'left-right';
+            const hasData = !!this.data;
+            // Reference renderVersion to ensure re-render on collapse/expand
+            this.renderVersion;
+            if (!hasData) {
+                return html `
+        <div class="org-container">
+          <div style="text-align: center; color: var(--snice-color-text-tertiary, rgb(115 115 115)); padding: 2rem;">
+            No data provided
+          </div>
+        </div>
+      `;
+            }
+            // Build the tree HTML imperatively to avoid nested .map() template issues
+            const treeHtml = this.buildNodeHtml(this.data);
+            return html `
+      <div class="org-container">
+        <div class="org-tree ${isLeftRight ? 'org-tree--left-right' : ''}">
+          ${treeHtml}
+        </div>
+      </div>
+    `;
+        }
+        buildNodeHtml(node) {
+            const hasChildren = node.children && node.children.length > 0;
+            const isCollapsed = this.collapsedNodes.has(node.id);
+            const initial = node.name.charAt(0).toUpperCase();
+            const isCompact = this.compact;
+            const hasAvatar = !!node.avatar;
+            const hasTitle = !!node.title;
+            const showChildren = hasChildren && !isCollapsed;
+            // Pre-build children templates to avoid nested .map() in template
+            const childTemplates = [];
+            if (showChildren && node.children) {
+                for (const child of node.children) {
+                    const childHtml = this.buildNodeHtml(child);
+                    childTemplates.push(html `<div class="org-branch">${childHtml}</div>`);
+                }
+            }
+            const toggleIcon = isCollapsed
+                ? html `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>`
+                : html `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14"/></svg>`;
+            const avatarHtml = hasAvatar
+                ? html `<img class="org-avatar ${isCompact ? 'org-avatar--compact' : ''}" src="${node.avatar}" alt="${node.name}" />`
+                : html `<div class="org-avatar-placeholder ${isCompact ? 'org-avatar-placeholder--compact' : ''}">${initial}</div>`;
+            const titleHtml = hasTitle
+                ? html `<span class="org-node-title">${node.title}</span>`
+                : '';
+            const toggleHtml = hasChildren
+                ? html `<div class="org-toggle" @click=${(e) => { e.stopPropagation(); this.toggleNode(node); }}>${toggleIcon}</div>`
+                : '';
+            const childrenHtml = showChildren
+                ? html `<div class="org-children">${childTemplates}</div>`
+                : '';
+            return html `
+      <div class="org-node-wrapper">
+        <div class="org-node ${isCompact ? 'org-node--compact' : ''}" @click=${() => this.emitNodeClick(node)}>
+          ${avatarHtml}
+          <div class="org-node-info">
+            <span class="org-node-name">${node.name}</span>
+            ${titleHtml}
+          </div>
+          ${toggleHtml}
+        </div>
+        ${childrenHtml}
+      </div>
+    `;
+        }
+        // --- Public Methods ---
+        collapseNode(id) {
+            const node = this.findNode(id);
+            if (node) {
+                this.collapsedNodes.add(id);
+                this.renderVersion++;
+                this.emitNodeCollapse(node);
+            }
+        }
+        expandNode(id) {
+            const node = this.findNode(id);
+            if (node) {
+                this.collapsedNodes.delete(id);
+                this.renderVersion++;
+                this.emitNodeExpand(node);
+            }
+        }
+        expandAll() {
+            this.collapsedNodes = new Set();
+            this.renderVersion++;
+        }
+        collapseAll() {
+            if (!this.data)
+                return;
+            const ids = new Set();
+            this.collectNodeIds(this.data, ids);
+            this.collapsedNodes = ids;
+            this.renderVersion++;
+        }
+        // --- Private Methods ---
+        toggleNode(node) {
+            if (this.collapsedNodes.has(node.id)) {
+                this.expandNode(node.id);
+            }
+            else {
+                this.collapseNode(node.id);
+            }
+        }
+        findNode(id, root) {
+            const node = root || this.data;
+            if (!node)
+                return null;
+            if (node.id === id)
+                return node;
+            if (node.children) {
+                for (const child of node.children) {
+                    const found = this.findNode(id, child);
+                    if (found)
+                        return found;
+                }
+            }
+            return null;
+        }
+        collectNodeIds(node, ids) {
+            if (node.children && node.children.length > 0) {
+                ids.add(node.id);
+                for (const child of node.children) {
+                    this.collectNodeIds(child, ids);
+                }
+            }
+        }
+        // --- Events ---
+        emitNodeClick(node) {
+            return { node };
+        }
+        emitNodeExpand(node) {
+            return { node };
+        }
+        emitNodeCollapse(node) {
+            return { node };
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceOrgChart };
+//# sourceMappingURL=snice-org-chart.js.map

package/dist/components/org-chart/snice-org-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-org-chart.js","sources":["../../../components/org-chart/snice-org-chart.css?inline","../../../../components/org-chart/snice-org-chart.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.org-container{background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);overflow:auto;padding:var(--snice-spacing-xl,2rem);min-height:12.5rem;cursor:grab}.org-container:active{cursor:grabbing}.org-tree{display:flex;flex-direction:column;align-items:center;gap:0}.org-tree--left-right{flex-direction:row;align-items:flex-start}.org-node-wrapper{display:flex;flex-direction:column;align-items:center}.org-tree--left-right .org-node-wrapper{flex-direction:row;align-items:flex-start}.org-node{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1));cursor:pointer;transition:box-shadow var(--snice-transition-fast, 150ms) ease,border-color var(--snice-transition-fast, 150ms) ease;white-space:nowrap;position:relative;z-index:1}.org-node:hover{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1))}.org-node--compact{padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-sm,.75rem)}.org-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.org-avatar--compact{width:1.75rem;height:1.75rem}.org-avatar-placeholder{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--snice-color-primary-subtle,rgb(239 246 255));color:var(--snice-color-primary,rgb(37 99 235));display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);flex-shrink:0}.org-avatar-placeholder--compact{width:1.75rem;height:1.75rem;font-size:var(--snice-font-size-xs, .75rem)}.org-node-info{display:flex;flex-direction:column;min-width:0}.org-node-name{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));overflow:hidden;text-overflow:ellipsis}.org-node-title{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));overflow:hidden;text-overflow:ellipsis}.org-toggle{position:absolute;bottom:-.625rem;left:50%;transform:translateX(-50%);width:1.25rem;height:1.25rem;border-radius:50%;background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background-color var(--snice-transition-fast, 150ms) ease}.org-tree--left-right .org-toggle{bottom:auto;left:auto;right:-.625rem;top:50%;transform:translateY(-50%)}.org-toggle:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.org-toggle svg{width:.75rem;height:.75rem;color:var(--snice-color-text-tertiary,rgb(115 115 115))}.org-connector-vertical{width:1px;height:1.5rem;background:var(--snice-color-border,rgb(226 226 226))}.org-connector-horizontal{height:1px;background:var(--snice-color-border,rgb(226 226 226))}.org-children{display:flex;gap:0;position:relative;padding-top:1.5rem}.org-tree--left-right .org-children{flex-direction:column;padding-top:0;padding-left:1.5rem}.org-children::before{content:'';position:absolute;top:0;left:50%;width:1px;height:1.5rem;background:var(--snice-color-border,rgb(226 226 226));transform:translateX(-50%)}.org-tree--left-right .org-children::before{top:50%;left:0;width:1.5rem;height:1px;transform:translateY(-50%)}.org-branch{display:flex;flex-direction:column;align-items:center;position:relative;padding:1.5rem .5rem 0}.org-branch::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--snice-color-border,rgb(226 226 226))}.org-branch::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:1.5rem;background:var(--snice-color-border,rgb(226 226 226))}.org-branch:first-child::before{left:50%}.org-branch:last-child::before{right:50%}.org-branch:only-child::before{display:none}.org-tree--left-right .org-branch{flex-direction:row;align-items:flex-start;padding:.5rem 0 .5rem 1.5rem}.org-tree--left-right .org-branch::before{top:0;bottom:0;left:0;right:auto;width:1px;height:auto}.org-tree--left-right .org-branch:first-child::before{top:50%;left:0}.org-tree--left-right .org-branch:last-child::before{bottom:50%;top:0}.org-tree--left-right .org-branch:only-child::before{display:none}.org-tree--left-right .org-branch::after{top:50%;left:0;transform:translateY(-50%);width:1.5rem;height:1px}\";",null],"names":[],"mappings":"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"}

package/dist/components/org-chart/snice-org-chart.types.d.ts

@@ -0,0 +1,28 @@
+export type OrgChartDirection = 'top-down' | 'left-right';
+export interface OrgChartNode {
+    id: string;
+    name: string;
+    title?: string;
+    avatar?: string;
+    children?: OrgChartNode[];
+}
+export interface SniceOrgChartElement extends HTMLElement {
+    data: OrgChartNode | null;
+    direction: OrgChartDirection;
+    compact: boolean;
+    collapseNode(id: string): void;
+    expandNode(id: string): void;
+    expandAll(): void;
+    collapseAll(): void;
+}
+export interface SniceOrgChartEventMap {
+    'node-click': CustomEvent<{
+        node: OrgChartNode;
+    }>;
+    'node-expand': CustomEvent<{
+        node: OrgChartNode;
+    }>;
+    'node-collapse': CustomEvent<{
+        node: OrgChartNode;
+    }>;
+}