snice 2.5.4 → 3.1.0

package/dist/components/table/snice-cell-json.js

@@ -0,0 +1,186 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, render, styles, ready, watch, on, html, unsafeHTML, css } from 'snice';
+
+var cssContent = "/* JSON Cell Base */\n:host {\n  display: flex;\n  align-items: center;\n  min-height: 2.5rem; /* 40px */\n  height: auto;\n  min-width: 6.25rem; /* 100px */\n  flex: 1;\n  font-size: 0.875rem; /* 14px */\n  line-height: 1.25rem; /* 20px */\n}\n\n.cell-content {\n  width: 100%;\n  min-width: 6.25rem; /* 100px */\n  min-height: 1.25rem; /* 20px */\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5rem; /* 8px */\n  padding: 0.25rem 0;\n}\n\n.json-toggle {\n  background: none;\n  border: none;\n  color: var(--snice-color-text-secondary, #6c757d);\n  cursor: pointer;\n  padding: 0.125rem 0.25rem;\n  font-size: 0.75rem;\n  line-height: 1;\n  border-radius: 0.25rem;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.json-toggle:hover {\n  background-color: var(--snice-color-gray-100, #f8f9fa);\n}\n\n.json-toggle:focus {\n  outline: 2px solid var(--snice-color-primary, #007bff);\n  outline-offset: 2px;\n}\n\n.json-viewer {\n  font-family: 'Courier New', Consolas, monospace;\n  font-size: 0.8125rem; /* 13px */\n  overflow: hidden;\n  flex: 1;\n}\n\n.json-viewer--collapsed {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.json-viewer--expanded {\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.json-preview {\n  color: var(--snice-color-text-secondary, #6c757d);\n  font-style: italic;\n}\n\n.json-object {\n  padding-left: 1rem;\n}\n\n.json-line {\n  margin: 0.125rem 0;\n}\n\n.json-key {\n  color: var(--snice-color-primary, #007bff);\n  font-weight: 500;\n  margin-right: 0.25rem;\n}\n\n.json-string {\n  color: var(--snice-color-success, #28a745);\n}\n\n.json-number {\n  color: var(--snice-color-info, #17a2b8);\n}\n\n.json-boolean {\n  color: var(--snice-color-warning, #ffc107);\n}\n\n.json-null,\n.json-undefined {\n  color: var(--snice-color-text-secondary, #6c757d);\n  font-style: italic;\n}\n\n.json-empty {\n  color: var(--snice-color-text-secondary, #6c757d);\n  font-style: italic;\n}\n\n/* Text Alignment */\n:host([align=\"left\"]) .cell-content {\n  justify-content: flex-start;\n}\n\n:host([align=\"center\"]) .cell-content {\n  justify-content: center;\n}\n\n:host([align=\"right\"]) .cell-content {\n  justify-content: flex-end;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  :host {\n    font-size: 0.75rem; /* 12px */\n    line-height: 1rem; /* 16px */\n  }\n\n  .json-viewer {\n    font-size: 0.75rem; /* 12px */\n  }\n\n  .json-toggle {\n    font-size: 0.625rem; /* 10px */\n  }\n}\n\n/* Print Styles */\n@media print {\n  .json-toggle {\n    display: none;\n  }\n\n  .json-viewer--collapsed {\n    white-space: normal;\n  }\n\n  .json-viewer {\n    font-size: 0.625rem; /* 10px */\n  }\n}\n";
+
+let SniceCellJson = (() => {
+    let _classDecorators = [element('snice-cell-json')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _collapsed_decorators;
+    let _collapsed_initializers = [];
+    let _collapsed_extraInitializers = [];
+    let _maxDepth_decorators;
+    let _maxDepth_initializers = [];
+    let _maxDepth_extraInitializers = [];
+    let _showToggle_decorators;
+    let _showToggle_initializers = [];
+    let _showToggle_extraInitializers = [];
+    let _column_decorators;
+    let _column_initializers = [];
+    let _column_extraInitializers = [];
+    let _rowData_decorators;
+    let _rowData_initializers = [];
+    let _rowData_extraInitializers = [];
+    let _align_decorators;
+    let _align_initializers = [];
+    let _align_extraInitializers = [];
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
+    let _init_decorators;
+    let _updateJsonAttributes_decorators;
+    let _handleToggle_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _value_decorators = [property({ type: String })];
+            _collapsed_decorators = [property({ type: Boolean })];
+            _maxDepth_decorators = [property({ type: Number })];
+            _showToggle_decorators = [property({ type: Boolean })];
+            _column_decorators = [property({ type: Object })];
+            _rowData_decorators = [property({ type: Object })];
+            _align_decorators = [property({ type: String })];
+            _type_decorators = [property({ type: String })];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            _init_decorators = [ready()];
+            _updateJsonAttributes_decorators = [watch('value', 'column')];
+            _handleToggle_decorators = [on('click', '.json-toggle')];
+            __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, _updateJsonAttributes_decorators, { kind: "method", name: "updateJsonAttributes", static: false, private: false, access: { has: obj => "updateJsonAttributes" in obj, get: obj => obj.updateJsonAttributes }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleToggle_decorators, { kind: "method", name: "handleToggle", static: false, private: false, access: { has: obj => "handleToggle" in obj, get: obj => obj.handleToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_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, _maxDepth_decorators, { kind: "field", name: "maxDepth", static: false, private: false, access: { has: obj => "maxDepth" in obj, get: obj => obj.maxDepth, set: (obj, value) => { obj.maxDepth = value; } }, metadata: _metadata }, _maxDepth_initializers, _maxDepth_extraInitializers);
+            __esDecorate(null, null, _showToggle_decorators, { kind: "field", name: "showToggle", static: false, private: false, access: { has: obj => "showToggle" in obj, get: obj => obj.showToggle, set: (obj, value) => { obj.showToggle = value; } }, metadata: _metadata }, _showToggle_initializers, _showToggle_extraInitializers);
+            __esDecorate(null, null, _column_decorators, { kind: "field", name: "column", static: false, private: false, access: { has: obj => "column" in obj, get: obj => obj.column, set: (obj, value) => { obj.column = value; } }, metadata: _metadata }, _column_initializers, _column_extraInitializers);
+            __esDecorate(null, null, _rowData_decorators, { kind: "field", name: "rowData", static: false, private: false, access: { has: obj => "rowData" in obj, get: obj => obj.rowData, set: (obj, value) => { obj.rowData = value; } }, metadata: _metadata }, _rowData_initializers, _rowData_extraInitializers);
+            __esDecorate(null, null, _align_decorators, { kind: "field", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
+            __esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_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);
+        }
+        renderContent() {
+            const jsonValue = typeof this.value === 'string' ? this.tryParseJson(this.value) : this.value;
+            if (jsonValue === null || jsonValue === undefined) {
+                return html /*html*/ `
+        <div class="cell-content cell-content--json" part="content">
+          <span class="json-empty">null</span>
+        </div>
+      `;
+            }
+            const toggleHTML = this.showToggle
+                ? `<button class="json-toggle" part="toggle" aria-label="${this.collapsed ? 'Expand' : 'Collapse'}">${this.collapsed ? '▶' : '▼'}</button>`
+                : '';
+            const jsonHTML = this.collapsed
+                ? this.renderCollapsed(jsonValue)
+                : this.renderExpanded(jsonValue);
+            return html /*html*/ `
+      <div class="cell-content cell-content--json" part="content">
+        ${unsafeHTML(toggleHTML)}
+        <div class="json-viewer ${this.collapsed ? 'json-viewer--collapsed' : 'json-viewer--expanded'}">
+          ${unsafeHTML(jsonHTML)}
+        </div>
+      </div>
+    `;
+        }
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        init() {
+            this.updateJsonAttributes();
+        }
+        updateJsonAttributes() {
+            if (this.column?.jsonFormat) {
+                const format = this.column.jsonFormat;
+                this.collapsed = format.collapsed ?? true;
+                this.maxDepth = format.maxDepth ?? 3;
+                this.showToggle = format.showToggle ?? true;
+            }
+        }
+        handleToggle() {
+            this.collapsed = !this.collapsed;
+        }
+        tryParseJson(str) {
+            try {
+                return JSON.parse(str);
+            }
+            catch {
+                return str;
+            }
+        }
+        renderCollapsed(json) {
+            if (typeof json === 'object' && json !== null) {
+                if (Array.isArray(json)) {
+                    return `<span class="json-preview">[${json.length} items]</span>`;
+                }
+                const keys = Object.keys(json);
+                return `<span class="json-preview">{${keys.length} keys}</span>`;
+            }
+            return this.renderValue(json);
+        }
+        renderExpanded(json, depth = 0) {
+            if (depth >= this.maxDepth) {
+                return this.renderCollapsed(json);
+            }
+            if (typeof json === 'object' && json !== null) {
+                if (Array.isArray(json)) {
+                    const items = json.map((item, i) => {
+                        const value = this.renderExpanded(item, depth + 1);
+                        return `<div class="json-line"><span class="json-key">${i}:</span> ${value}</div>`;
+                    }).join('');
+                    return `<div class="json-object">[${items}]</div>`;
+                }
+                const entries = Object.entries(json).map(([key, value]) => {
+                    const renderedValue = this.renderExpanded(value, depth + 1);
+                    return `<div class="json-line"><span class="json-key">${key}:</span> ${renderedValue}</div>`;
+                }).join('');
+                return `<div class="json-object">{${entries}}</div>`;
+            }
+            return this.renderValue(json);
+        }
+        renderValue(value) {
+            if (value === null)
+                return '<span class="json-null">null</span>';
+            if (value === undefined)
+                return '<span class="json-undefined">undefined</span>';
+            if (typeof value === 'boolean')
+                return `<span class="json-boolean">${value}</span>`;
+            if (typeof value === 'number')
+                return `<span class="json-number">${value}</span>`;
+            if (typeof value === 'string')
+                return `<span class="json-string">"${value}"</span>`;
+            return String(value);
+        }
+        constructor() {
+            super(...arguments);
+            this.value = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value_initializers, null));
+            this.collapsed = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _collapsed_initializers, true));
+            this.maxDepth = (__runInitializers(this, _collapsed_extraInitializers), __runInitializers(this, _maxDepth_initializers, 3));
+            this.showToggle = (__runInitializers(this, _maxDepth_extraInitializers), __runInitializers(this, _showToggle_initializers, true));
+            this.column = (__runInitializers(this, _showToggle_extraInitializers), __runInitializers(this, _column_initializers, null));
+            this.rowData = (__runInitializers(this, _column_extraInitializers), __runInitializers(this, _rowData_initializers, null));
+            this.align = (__runInitializers(this, _rowData_extraInitializers), __runInitializers(this, _align_initializers, 'left'));
+            this.type = (__runInitializers(this, _align_extraInitializers), __runInitializers(this, _type_initializers, 'json'));
+            __runInitializers(this, _type_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceCellJson };
+//# sourceMappingURL=snice-cell-json.js.map

package/dist/components/table/snice-cell-json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-cell-json.js","sources":["../../../components/table/snice-cell-json.css?inline","../../../../components/table/snice-cell-json.ts"],"sourcesContent":["export default \"/* JSON Cell Base */\\n:host {\\n  display: flex;\\n  align-items: center;\\n  min-height: 2.5rem; /* 40px */\\n  height: auto;\\n  min-width: 6.25rem; /* 100px */\\n  flex: 1;\\n  font-size: 0.875rem; /* 14px */\\n  line-height: 1.25rem; /* 20px */\\n}\\n\\n.cell-content {\\n  width: 100%;\\n  min-width: 6.25rem; /* 100px */\\n  min-height: 1.25rem; /* 20px */\\n  display: flex;\\n  align-items: flex-start;\\n  gap: 0.5rem; /* 8px */\\n  padding: 0.25rem 0;\\n}\\n\\n.json-toggle {\\n  background: none;\\n  border: none;\\n  color: var(--snice-color-text-secondary, #6c757d);\\n  cursor: pointer;\\n  padding: 0.125rem 0.25rem;\\n  font-size: 0.75rem;\\n  line-height: 1;\\n  border-radius: 0.25rem;\\n  transition: background-color 0.2s ease;\\n  flex-shrink: 0;\\n}\\n\\n.json-toggle:hover {\\n  background-color: var(--snice-color-gray-100, #f8f9fa);\\n}\\n\\n.json-toggle:focus {\\n  outline: 2px solid var(--snice-color-primary, #007bff);\\n  outline-offset: 2px;\\n}\\n\\n.json-viewer {\\n  font-family: 'Courier New', Consolas, monospace;\\n  font-size: 0.8125rem; /* 13px */\\n  overflow: hidden;\\n  flex: 1;\\n}\\n\\n.json-viewer--collapsed {\\n  white-space: nowrap;\\n  text-overflow: ellipsis;\\n}\\n\\n.json-viewer--expanded {\\n  white-space: pre-wrap;\\n  word-break: break-word;\\n}\\n\\n.json-preview {\\n  color: var(--snice-color-text-secondary, #6c757d);\\n  font-style: italic;\\n}\\n\\n.json-object {\\n  padding-left: 1rem;\\n}\\n\\n.json-line {\\n  margin: 0.125rem 0;\\n}\\n\\n.json-key {\\n  color: var(--snice-color-primary, #007bff);\\n  font-weight: 500;\\n  margin-right: 0.25rem;\\n}\\n\\n.json-string {\\n  color: var(--snice-color-success, #28a745);\\n}\\n\\n.json-number {\\n  color: var(--snice-color-info, #17a2b8);\\n}\\n\\n.json-boolean {\\n  color: var(--snice-color-warning, #ffc107);\\n}\\n\\n.json-null,\\n.json-undefined {\\n  color: var(--snice-color-text-secondary, #6c757d);\\n  font-style: italic;\\n}\\n\\n.json-empty {\\n  color: var(--snice-color-text-secondary, #6c757d);\\n  font-style: italic;\\n}\\n\\n/* Text Alignment */\\n:host([align=\\\"left\\\"]) .cell-content {\\n  justify-content: flex-start;\\n}\\n\\n:host([align=\\\"center\\\"]) .cell-content {\\n  justify-content: center;\\n}\\n\\n:host([align=\\\"right\\\"]) .cell-content {\\n  justify-content: flex-end;\\n}\\n\\n/* Responsive Design */\\n@media (max-width: 768px) {\\n  :host {\\n    font-size: 0.75rem; /* 12px */\\n    line-height: 1rem; /* 16px */\\n  }\\n\\n  .json-viewer {\\n    font-size: 0.75rem; /* 12px */\\n  }\\n\\n  .json-toggle {\\n    font-size: 0.625rem; /* 10px */\\n  }\\n}\\n\\n/* Print Styles */\\n@media print {\\n  .json-toggle {\\n    display: none;\\n  }\\n\\n  .json-viewer--collapsed {\\n    white-space: normal;\\n  }\\n\\n  .json-viewer {\\n    font-size: 0.625rem; /* 10px */\\n  }\\n}\\n\";",null],"names":[],"mappings":"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"}

package/dist/components/table/snice-cell-link.d.ts

@@ -0,0 +1,17 @@
+import type { SniceCellElement, ColumnDefinition } from './snice-table.types';
+export declare class SniceCellLink extends HTMLElement implements SniceCellElement {
+    value: string;
+    href: string;
+    target: string;
+    external: boolean;
+    icon: string;
+    text: string;
+    column: ColumnDefinition | null;
+    rowData: any;
+    align: 'left' | 'center' | 'right';
+    type: string;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+    init(): void;
+    updateCellAttributes(): void;
+}

package/dist/components/table/snice-cell-link.js

@@ -0,0 +1,142 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, render, styles, ready, watch, unsafeHTML, html, css } from 'snice';
+
+var cssContent = "/* Link Cell Base */\n:host {\n  display: flex;\n  align-items: center;\n  min-height: 2.5rem; /* 40px */\n  height: 2.5rem; /* 40px */\n  min-width: 6.25rem; /* 100px */\n  flex: 1;\n  font-size: 0.875rem; /* 14px */\n  line-height: 1.25rem; /* 20px */\n}\n\n.cell-content {\n  width: 100%;\n  min-width: 6.25rem; /* 100px */\n  min-height: 1.25rem; /* 20px */\n}\n\n.cell-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem; /* 4px */\n  color: var(--snice-color-primary, #007bff);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.cell-link:hover {\n  color: var(--snice-color-primary-dark, #0056b3);\n  text-decoration: underline;\n}\n\n.cell-link:focus {\n  outline: 2px solid var(--snice-color-primary, #007bff);\n  outline-offset: 2px;\n  border-radius: 2px;\n}\n\n.cell-link:visited {\n  color: var(--snice-color-secondary, #6c757d);\n}\n\n.link-icon {\n  display: inline-flex;\n  align-items: center;\n  font-size: 1rem; /* 16px */\n}\n\n.link-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.external-icon {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.75rem; /* 12px */\n  opacity: 0.7;\n}\n\n/* Text Alignment */\n:host([align=\"left\"]) {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n:host([align=\"center\"]) {\n  text-align: center;\n  justify-content: center;\n}\n\n:host([align=\"right\"]) {\n  text-align: right;\n  justify-content: flex-end;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  :host {\n    font-size: 0.75rem; /* 12px */\n    line-height: 1rem; /* 16px */\n  }\n}\n\n/* Print Styles */\n@media print {\n  .cell-link {\n    text-decoration: underline;\n  }\n\n  .cell-link::after {\n    content: \" (\" attr(href) \")\";\n    font-size: 0.75rem;\n    color: #666;\n  }\n}\n";
+
+let SniceCellLink = (() => {
+    let _classDecorators = [element('snice-cell-link')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _href_decorators;
+    let _href_initializers = [];
+    let _href_extraInitializers = [];
+    let _target_decorators;
+    let _target_initializers = [];
+    let _target_extraInitializers = [];
+    let _external_decorators;
+    let _external_initializers = [];
+    let _external_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _text_decorators;
+    let _text_initializers = [];
+    let _text_extraInitializers = [];
+    let _column_decorators;
+    let _column_initializers = [];
+    let _column_extraInitializers = [];
+    let _rowData_decorators;
+    let _rowData_initializers = [];
+    let _rowData_extraInitializers = [];
+    let _align_decorators;
+    let _align_initializers = [];
+    let _align_extraInitializers = [];
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
+    let _init_decorators;
+    let _updateCellAttributes_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _value_decorators = [property({ type: String })];
+            _href_decorators = [property({ type: String })];
+            _target_decorators = [property({ type: String })];
+            _external_decorators = [property({ type: Boolean, attribute: 'external' })];
+            _icon_decorators = [property({ type: String })];
+            _text_decorators = [property({ type: String })];
+            _column_decorators = [property({ type: Object })];
+            _rowData_decorators = [property({ type: Object })];
+            _align_decorators = [property({ type: String })];
+            _type_decorators = [property({ type: String })];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            _init_decorators = [ready()];
+            _updateCellAttributes_decorators = [watch('value', 'column')];
+            __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, _updateCellAttributes_decorators, { kind: "method", name: "updateCellAttributes", static: false, private: false, access: { has: obj => "updateCellAttributes" in obj, get: obj => obj.updateCellAttributes }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _href_decorators, { kind: "field", name: "href", static: false, private: false, access: { has: obj => "href" in obj, get: obj => obj.href, set: (obj, value) => { obj.href = value; } }, metadata: _metadata }, _href_initializers, _href_extraInitializers);
+            __esDecorate(null, null, _target_decorators, { kind: "field", name: "target", static: false, private: false, access: { has: obj => "target" in obj, get: obj => obj.target, set: (obj, value) => { obj.target = value; } }, metadata: _metadata }, _target_initializers, _target_extraInitializers);
+            __esDecorate(null, null, _external_decorators, { kind: "field", name: "external", static: false, private: false, access: { has: obj => "external" in obj, get: obj => obj.external, set: (obj, value) => { obj.external = value; } }, metadata: _metadata }, _external_initializers, _external_extraInitializers);
+            __esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            __esDecorate(null, null, _text_decorators, { kind: "field", name: "text", static: false, private: false, access: { has: obj => "text" in obj, get: obj => obj.text, set: (obj, value) => { obj.text = value; } }, metadata: _metadata }, _text_initializers, _text_extraInitializers);
+            __esDecorate(null, null, _column_decorators, { kind: "field", name: "column", static: false, private: false, access: { has: obj => "column" in obj, get: obj => obj.column, set: (obj, value) => { obj.column = value; } }, metadata: _metadata }, _column_initializers, _column_extraInitializers);
+            __esDecorate(null, null, _rowData_decorators, { kind: "field", name: "rowData", static: false, private: false, access: { has: obj => "rowData" in obj, get: obj => obj.rowData, set: (obj, value) => { obj.rowData = value; } }, metadata: _metadata }, _rowData_initializers, _rowData_extraInitializers);
+            __esDecorate(null, null, _align_decorators, { kind: "field", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
+            __esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_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);
+        }
+        renderContent() {
+            const linkHref = this.href || this.value;
+            const linkText = this.text || this.value;
+            const isExternal = this.external || this.target === '_blank' || linkHref.startsWith('http');
+            const iconHTML = this.icon ? `<span class="link-icon">${this.icon}</span>` : '';
+            const externalIcon = isExternal ? '<span class="external-icon">↗</span>' : '';
+            return html /*html*/ `
+      <div class="cell-content cell-content--link" part="content">
+        <a
+          href="${linkHref}"
+          target="${isExternal ? '_blank' : this.target}"
+          rel="${isExternal ? 'noopener noreferrer' : ''}"
+          class="cell-link"
+          part="link"
+        >
+          ${unsafeHTML(iconHTML)}
+          <span class="link-text">${linkText}</span>
+          ${unsafeHTML(externalIcon)}
+        </a>
+      </div>
+    `;
+        }
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        init() {
+            this.updateCellAttributes();
+        }
+        updateCellAttributes() {
+            // Extract link properties from column config
+            if (this.column?.linkFormat) {
+                const format = this.column.linkFormat;
+                this.href = format.href || this.value;
+                this.target = format.target || '_self';
+                this.external = format.external || false;
+                this.icon = format.icon || '';
+                this.text = format.text || this.value;
+            }
+        }
+        constructor() {
+            super(...arguments);
+            this.value = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value_initializers, ''));
+            this.href = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _href_initializers, ''));
+            this.target = (__runInitializers(this, _href_extraInitializers), __runInitializers(this, _target_initializers, '_self'));
+            this.external = (__runInitializers(this, _target_extraInitializers), __runInitializers(this, _external_initializers, false));
+            this.icon = (__runInitializers(this, _external_extraInitializers), __runInitializers(this, _icon_initializers, ''));
+            this.text = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _text_initializers, ''));
+            this.column = (__runInitializers(this, _text_extraInitializers), __runInitializers(this, _column_initializers, null));
+            this.rowData = (__runInitializers(this, _column_extraInitializers), __runInitializers(this, _rowData_initializers, null));
+            this.align = (__runInitializers(this, _rowData_extraInitializers), __runInitializers(this, _align_initializers, 'left'));
+            this.type = (__runInitializers(this, _align_extraInitializers), __runInitializers(this, _type_initializers, 'link'));
+            __runInitializers(this, _type_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceCellLink };
+//# sourceMappingURL=snice-cell-link.js.map

package/dist/components/table/snice-cell-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-cell-link.js","sources":["../../../components/table/snice-cell-link.css?inline","../../../../components/table/snice-cell-link.ts"],"sourcesContent":["export default \"/* Link Cell Base */\\n:host {\\n  display: flex;\\n  align-items: center;\\n  min-height: 2.5rem; /* 40px */\\n  height: 2.5rem; /* 40px */\\n  min-width: 6.25rem; /* 100px */\\n  flex: 1;\\n  font-size: 0.875rem; /* 14px */\\n  line-height: 1.25rem; /* 20px */\\n}\\n\\n.cell-content {\\n  width: 100%;\\n  min-width: 6.25rem; /* 100px */\\n  min-height: 1.25rem; /* 20px */\\n}\\n\\n.cell-link {\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 0.25rem; /* 4px */\\n  color: var(--snice-color-primary, #007bff);\\n  text-decoration: none;\\n  transition: color 0.2s ease;\\n}\\n\\n.cell-link:hover {\\n  color: var(--snice-color-primary-dark, #0056b3);\\n  text-decoration: underline;\\n}\\n\\n.cell-link:focus {\\n  outline: 2px solid var(--snice-color-primary, #007bff);\\n  outline-offset: 2px;\\n  border-radius: 2px;\\n}\\n\\n.cell-link:visited {\\n  color: var(--snice-color-secondary, #6c757d);\\n}\\n\\n.link-icon {\\n  display: inline-flex;\\n  align-items: center;\\n  font-size: 1rem; /* 16px */\\n}\\n\\n.link-text {\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n.external-icon {\\n  display: inline-flex;\\n  align-items: center;\\n  font-size: 0.75rem; /* 12px */\\n  opacity: 0.7;\\n}\\n\\n/* Text Alignment */\\n:host([align=\\\"left\\\"]) {\\n  text-align: left;\\n  justify-content: flex-start;\\n}\\n\\n:host([align=\\\"center\\\"]) {\\n  text-align: center;\\n  justify-content: center;\\n}\\n\\n:host([align=\\\"right\\\"]) {\\n  text-align: right;\\n  justify-content: flex-end;\\n}\\n\\n/* Responsive Design */\\n@media (max-width: 768px) {\\n  :host {\\n    font-size: 0.75rem; /* 12px */\\n    line-height: 1rem; /* 16px */\\n  }\\n}\\n\\n/* Print Styles */\\n@media print {\\n  .cell-link {\\n    text-decoration: underline;\\n  }\\n\\n  .cell-link::after {\\n    content: \\\" (\\\" attr(href) \\\")\\\";\\n    font-size: 0.75rem;\\n    color: #666;\\n  }\\n}\\n\";",null],"names":[],"mappings":";;;AAAA,iBAAe,myDAAmyD;;ICKryD,aAAa,GAAA,CAAA,MAAA;4BADzB,OAAO,CAAC,iBAAiB,CAAC,CAAA;;;;sBACQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;AAC3C,YAAA,iBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;AAG1B,YAAA,gBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;AAG1B,YAAA,kBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;oCAG1B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAA;AAGlD,YAAA,gBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;AAG1B,YAAA,gBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;AAG1B,YAAA,kBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;AAG1B,YAAA,mBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;AAG1B,YAAA,iBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;AAG1B,YAAA,gBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;AAG1B,YAAA,yBAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AA0BR,YAAA,2BAAA,GAAA,CAAA,MAAM,EAAE,CAAA;AAKR,YAAA,gBAAA,GAAA,CAAA,KAAK,EAAE,CAAA;AAKP,YAAA,gCAAA,GAAA,CAAA,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;AAnCzB,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,eAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,aAAa,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AA0Bb,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,2BAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,iBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,eAAe,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKf,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;AAKJ,YAAA,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gCAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,sBAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,oBAAoB,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,0BAAA,CAAA;YAlEpB,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,OAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,KAAK,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAL,KAAK,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,mBAAA,EAAA,wBAAA,CAAA;YAGL,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,QAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,MAAM,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAN,MAAM,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,oBAAA,EAAA,yBAAA,CAAA;YAGN,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,UAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,QAAQ,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAR,QAAQ,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,sBAAA,EAAA,2BAAA,CAAA;YAGR,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YAGJ,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,QAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,QAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,MAAM,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAN,MAAM,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,oBAAA,EAAA,yBAAA,CAAA;YAGN,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,SAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,SAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,OAAO,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAP,OAAO,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,qBAAA,EAAA,0BAAA,CAAA;YAGP,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,OAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,KAAK,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAL,KAAK,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,mBAAA,EAAA,wBAAA,CAAA;YAGL,YAAA,CAAA,IAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,GAAA,IAAA,MAAA,IAAA,GAAA,EAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,IAAI,EAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,KAAA,EAAA,GAAA,CAAJ,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,CAAA;YA7BN,YAAA,CAAA,IAAA,EAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,uBAAA,CAAA;;;YAAa,iBAAA,CAAA,UAAA,EAAA,uBAAA,CAAA;;QAgCX,aAAa,GAAA;YACX,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK;YACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK;AACxC,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC;AAE3F,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,IAAI,CAAA,OAAA,CAAS,GAAG,EAAE;YAC/E,MAAM,YAAY,GAAG,UAAU,GAAG,sCAAsC,GAAG,EAAE;YAE7E,OAAO,IAAI,UAAQ;;;kBAGL,QAAQ,CAAA;oBACN,UAAU,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAA;AACtC,eAAA,EAAA,UAAU,GAAG,qBAAqB,GAAG,EAAE,CAAA;;;;YAI5C,UAAU,CAAC,QAAQ,CAAC;oCACI,QAAQ,CAAA;YAChC,UAAU,CAAC,YAAY,CAAC;;;KAG/B;QACH;QAGA,eAAe,GAAA;AACb,YAAA,OAAO,GAAG,SAAO,CAAA,EAAG,UAAU,EAAE;QAClC;QAGA,IAAI,GAAA;YACF,IAAI,CAAC,oBAAoB,EAAE;QAC7B;QAGA,oBAAoB,GAAA;;AAElB,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE;AAC3B,gBAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU;gBACrC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK;gBACrC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,OAAO;gBACtC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,KAAK;gBACxC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE;gBAC7B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK;YACvC;QACF;;;AA5EA,YAAA,IAAA,CAAA,KAAK,IAFM,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAa,EAAA,iBAAA,CAAA,IAAA,EAAA,mBAAA,EAER,EAAE,CAAA,CAAA;YAGlB,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAW,EAAE,CAAA,CAAA;YAGjB,IAAA,CAAA,MAAM,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,oBAAA,EAAW,OAAO,CAAA,CAAA;YAGxB,IAAA,CAAA,QAAQ,IAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,sBAAA,EAAY,KAAK,CAAA,CAAA;YAGzB,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,2BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAW,EAAE,CAAA,CAAA;YAGjB,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAW,EAAE,CAAA,CAAA;YAGjB,IAAA,CAAA,MAAM,IAAA,iBAAA,CAAA,IAAA,EAAA,uBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,oBAAA,EAA4B,IAAI,CAAA,CAAA;YAGtC,IAAA,CAAA,OAAO,IAAA,iBAAA,CAAA,IAAA,EAAA,yBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,qBAAA,EAAQ,IAAI,CAAA,CAAA;YAGnB,IAAA,CAAA,KAAK,IAAA,iBAAA,CAAA,IAAA,EAAA,0BAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,mBAAA,EAAgC,MAAM,CAAA,CAAA;YAG3C,IAAA,CAAA,IAAI,IAAA,iBAAA,CAAA,IAAA,EAAA,wBAAA,CAAA,EAAA,iBAAA,CAAA,IAAA,EAAA,kBAAA,EAAW,MAAM,CAAA,CAAA;;;;;;;;;"}

package/dist/components/table/snice-cell-location.d.ts

@@ -0,0 +1,19 @@
+import type { SniceCellElement, ColumnDefinition } from './snice-table.types';
+export declare class SniceCellLocation extends HTMLElement implements SniceCellElement {
+    value: string;
+    address: string;
+    latitude: string;
+    longitude: string;
+    showMapLink: boolean;
+    mapProvider: 'google' | 'openstreetmap' | 'apple';
+    showIcon: boolean;
+    column: ColumnDefinition | null;
+    rowData: any;
+    align: 'left' | 'center' | 'right';
+    type: string;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+    init(): void;
+    updateLocationAttributes(): void;
+    private getMapLink;
+}

package/dist/components/table/snice-cell-location.js

@@ -0,0 +1,185 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, render, styles, ready, watch, html, unsafeHTML, css } from 'snice';
+
+var cssContent = "/* Location Cell Base */\n:host {\n  display: flex;\n  align-items: center;\n  min-height: 2.5rem; /* 40px */\n  height: 2.5rem; /* 40px */\n  min-width: 6.25rem; /* 100px */\n  flex: 1;\n  font-size: 0.875rem; /* 14px */\n  line-height: 1.25rem; /* 20px */\n}\n\n.cell-content {\n  width: 100%;\n  min-width: 6.25rem; /* 100px */\n  min-height: 1.25rem; /* 20px */\n  display: flex;\n  align-items: center;\n  gap: 0.375rem; /* 6px */\n}\n\n.location-icon {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.875rem; /* 14px */\n  opacity: 0.7;\n  flex-shrink: 0;\n}\n\n.location-link {\n  color: var(--snice-color-primary, #007bff);\n  text-decoration: none;\n  transition: color 0.2s ease;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.location-link:hover {\n  color: var(--snice-color-primary-dark, #0056b3);\n  text-decoration: underline;\n}\n\n.location-link:focus {\n  outline: 2px solid var(--snice-color-primary, #007bff);\n  outline-offset: 2px;\n  border-radius: 2px;\n}\n\n.location-link:visited {\n  color: var(--snice-color-secondary, #6c757d);\n}\n\n.location-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--snice-color-text, #212529);\n}\n\n.location-empty {\n  color: var(--snice-color-text-secondary, #6c757d);\n  font-style: italic;\n}\n\n/* Text Alignment */\n:host([align=\"left\"]) .cell-content {\n  justify-content: flex-start;\n}\n\n:host([align=\"center\"]) .cell-content {\n  justify-content: center;\n}\n\n:host([align=\"right\"]) .cell-content {\n  justify-content: flex-end;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  :host {\n    font-size: 0.75rem; /* 12px */\n    line-height: 1rem; /* 16px */\n  }\n\n  .location-icon {\n    font-size: 0.75rem; /* 12px */\n  }\n}\n\n/* Print Styles */\n@media print {\n  .location-link {\n    text-decoration: underline;\n  }\n\n  .location-link::after {\n    content: \" (\" attr(href) \")\";\n    font-size: 0.75rem;\n    color: #666;\n  }\n\n  .location-icon {\n    display: none;\n  }\n}\n";
+
+let SniceCellLocation = (() => {
+    let _classDecorators = [element('snice-cell-location')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _address_decorators;
+    let _address_initializers = [];
+    let _address_extraInitializers = [];
+    let _latitude_decorators;
+    let _latitude_initializers = [];
+    let _latitude_extraInitializers = [];
+    let _longitude_decorators;
+    let _longitude_initializers = [];
+    let _longitude_extraInitializers = [];
+    let _showMapLink_decorators;
+    let _showMapLink_initializers = [];
+    let _showMapLink_extraInitializers = [];
+    let _mapProvider_decorators;
+    let _mapProvider_initializers = [];
+    let _mapProvider_extraInitializers = [];
+    let _showIcon_decorators;
+    let _showIcon_initializers = [];
+    let _showIcon_extraInitializers = [];
+    let _column_decorators;
+    let _column_initializers = [];
+    let _column_extraInitializers = [];
+    let _rowData_decorators;
+    let _rowData_initializers = [];
+    let _rowData_extraInitializers = [];
+    let _align_decorators;
+    let _align_initializers = [];
+    let _align_extraInitializers = [];
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
+    let _init_decorators;
+    let _updateLocationAttributes_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _value_decorators = [property({ type: String })];
+            _address_decorators = [property({ type: String })];
+            _latitude_decorators = [property({ type: String })];
+            _longitude_decorators = [property({ type: String })];
+            _showMapLink_decorators = [property({ type: Boolean })];
+            _mapProvider_decorators = [property({ type: String })];
+            _showIcon_decorators = [property({ type: Boolean })];
+            _column_decorators = [property({ type: Object })];
+            _rowData_decorators = [property({ type: Object })];
+            _align_decorators = [property({ type: String })];
+            _type_decorators = [property({ type: String })];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            _init_decorators = [ready()];
+            _updateLocationAttributes_decorators = [watch('value', 'column')];
+            __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, _updateLocationAttributes_decorators, { kind: "method", name: "updateLocationAttributes", static: false, private: false, access: { has: obj => "updateLocationAttributes" in obj, get: obj => obj.updateLocationAttributes }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _address_decorators, { kind: "field", name: "address", static: false, private: false, access: { has: obj => "address" in obj, get: obj => obj.address, set: (obj, value) => { obj.address = value; } }, metadata: _metadata }, _address_initializers, _address_extraInitializers);
+            __esDecorate(null, null, _latitude_decorators, { kind: "field", name: "latitude", static: false, private: false, access: { has: obj => "latitude" in obj, get: obj => obj.latitude, set: (obj, value) => { obj.latitude = value; } }, metadata: _metadata }, _latitude_initializers, _latitude_extraInitializers);
+            __esDecorate(null, null, _longitude_decorators, { kind: "field", name: "longitude", static: false, private: false, access: { has: obj => "longitude" in obj, get: obj => obj.longitude, set: (obj, value) => { obj.longitude = value; } }, metadata: _metadata }, _longitude_initializers, _longitude_extraInitializers);
+            __esDecorate(null, null, _showMapLink_decorators, { kind: "field", name: "showMapLink", static: false, private: false, access: { has: obj => "showMapLink" in obj, get: obj => obj.showMapLink, set: (obj, value) => { obj.showMapLink = value; } }, metadata: _metadata }, _showMapLink_initializers, _showMapLink_extraInitializers);
+            __esDecorate(null, null, _mapProvider_decorators, { kind: "field", name: "mapProvider", static: false, private: false, access: { has: obj => "mapProvider" in obj, get: obj => obj.mapProvider, set: (obj, value) => { obj.mapProvider = value; } }, metadata: _metadata }, _mapProvider_initializers, _mapProvider_extraInitializers);
+            __esDecorate(null, null, _showIcon_decorators, { kind: "field", name: "showIcon", static: false, private: false, access: { has: obj => "showIcon" in obj, get: obj => obj.showIcon, set: (obj, value) => { obj.showIcon = value; } }, metadata: _metadata }, _showIcon_initializers, _showIcon_extraInitializers);
+            __esDecorate(null, null, _column_decorators, { kind: "field", name: "column", static: false, private: false, access: { has: obj => "column" in obj, get: obj => obj.column, set: (obj, value) => { obj.column = value; } }, metadata: _metadata }, _column_initializers, _column_extraInitializers);
+            __esDecorate(null, null, _rowData_decorators, { kind: "field", name: "rowData", static: false, private: false, access: { has: obj => "rowData" in obj, get: obj => obj.rowData, set: (obj, value) => { obj.rowData = value; } }, metadata: _metadata }, _rowData_initializers, _rowData_extraInitializers);
+            __esDecorate(null, null, _align_decorators, { kind: "field", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
+            __esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_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);
+        }
+        renderContent() {
+            const locationValue = this.address || this.value;
+            const iconHTML = this.showIcon ? '<span class="location-icon">📍</span>' : '';
+            const mapLink = this.getMapLink();
+            if (!locationValue && !this.latitude && !this.longitude) {
+                return html /*html*/ `
+        <div class="cell-content cell-content--location" part="content">
+          <span class="location-empty"></span>
+        </div>
+      `;
+            }
+            const displayText = locationValue || `${this.latitude}, ${this.longitude}`;
+            return html /*html*/ `
+      <div class="cell-content cell-content--location" part="content">
+        ${unsafeHTML(iconHTML)}
+        ${this.showMapLink && mapLink
+                ? html `<a href="${mapLink}" target="_blank" rel="noopener noreferrer" class="location-link" part="link">
+              ${displayText}
+            </a>`
+                : html `<span class="location-text">${displayText}</span>`}
+      </div>
+    `;
+        }
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        init() {
+            this.updateLocationAttributes();
+        }
+        updateLocationAttributes() {
+            if (this.column?.locationFormat) {
+                const format = this.column.locationFormat;
+                this.address = format.address || this.value;
+                this.latitude = format.latitude ? String(format.latitude) : '';
+                this.longitude = format.longitude ? String(format.longitude) : '';
+                this.showMapLink = format.showMapLink ?? true;
+                this.mapProvider = format.mapProvider || 'google';
+                this.showIcon = format.showIcon ?? true;
+            }
+        }
+        getMapLink() {
+            if (!this.showMapLink) {
+                return '';
+            }
+            const address = this.address || this.value;
+            const lat = this.latitude;
+            const lon = this.longitude;
+            switch (this.mapProvider) {
+                case 'google':
+                    if (lat && lon) {
+                        return `https://www.google.com/maps?q=${lat},${lon}`;
+                    }
+                    if (address) {
+                        return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(address)}`;
+                    }
+                    return '';
+                case 'openstreetmap':
+                    if (lat && lon) {
+                        return `https://www.openstreetmap.org/?mlat=${lat}&mlon=${lon}&zoom=15`;
+                    }
+                    if (address) {
+                        return `https://www.openstreetmap.org/search?query=${encodeURIComponent(address)}`;
+                    }
+                    return '';
+                case 'apple':
+                    if (lat && lon) {
+                        return `https://maps.apple.com/?ll=${lat},${lon}`;
+                    }
+                    if (address) {
+                        return `https://maps.apple.com/?address=${encodeURIComponent(address)}`;
+                    }
+                    return '';
+                default:
+                    return '';
+            }
+        }
+        constructor() {
+            super(...arguments);
+            this.value = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value_initializers, ''));
+            this.address = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _address_initializers, ''));
+            this.latitude = (__runInitializers(this, _address_extraInitializers), __runInitializers(this, _latitude_initializers, ''));
+            this.longitude = (__runInitializers(this, _latitude_extraInitializers), __runInitializers(this, _longitude_initializers, ''));
+            this.showMapLink = (__runInitializers(this, _longitude_extraInitializers), __runInitializers(this, _showMapLink_initializers, true));
+            this.mapProvider = (__runInitializers(this, _showMapLink_extraInitializers), __runInitializers(this, _mapProvider_initializers, 'google'));
+            this.showIcon = (__runInitializers(this, _mapProvider_extraInitializers), __runInitializers(this, _showIcon_initializers, true));
+            this.column = (__runInitializers(this, _showIcon_extraInitializers), __runInitializers(this, _column_initializers, null));
+            this.rowData = (__runInitializers(this, _column_extraInitializers), __runInitializers(this, _rowData_initializers, null));
+            this.align = (__runInitializers(this, _rowData_extraInitializers), __runInitializers(this, _align_initializers, 'left'));
+            this.type = (__runInitializers(this, _align_extraInitializers), __runInitializers(this, _type_initializers, 'location'));
+            __runInitializers(this, _type_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceCellLocation };
+//# sourceMappingURL=snice-cell-location.js.map