@ship-ui/core 0.19.4 → 0.22.0

package/fesm2022/ship-ui-core-ship-stepper.mjs

@@ -0,0 +1,76 @@
+import * as i0 from '@angular/core';
+import { input, inject, DestroyRef, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { ShipSelectionGroup, shipComponentClasses } from '@ship-ui/core';
+
+class ShipStepper extends ShipSelectionGroup {
+    constructor() {
+        super('[value], [step], [routerLinkActive], button, a', 'active', { hostRole: 'tablist', itemRole: 'tab' });
+        this.color = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        this.hostClasses = shipComponentClasses('stepper', {
+            color: this.color,
+        });
+        const destroyRef = inject(DestroyRef);
+        effect(() => {
+            this.items().forEach((item) => {
+                if (!item.querySelector('.sh-radio')) {
+                    const shRadio = document.createElement('div');
+                    shRadio.className = 'sh-radio';
+                    const shRadioContent = document.createElement('div');
+                    shRadioContent.className = 'radio sh-sheet';
+                    shRadio.append(shRadioContent);
+                    item.prepend(shRadio);
+                }
+            });
+        });
+        effect(() => {
+            this.items(); // track projected items
+            this.updateProgress();
+        });
+        if (typeof MutationObserver !== 'undefined') {
+            const observer = new MutationObserver(() => {
+                this.updateProgress();
+            });
+            observer.observe(this.hostElement, {
+                attributes: true,
+                subtree: true,
+                attributeFilter: ['class'],
+            });
+            destroyRef.onDestroy(() => {
+                observer.disconnect();
+            });
+        }
+    }
+    updateProgress() {
+        const items = Array.from(this.hostElement.querySelectorAll('[value], [step], [routerLinkActive], button, a'));
+        let activeIndex = items.findIndex((item) => item.classList.contains(this.activeClass));
+        if (activeIndex === -1) {
+            activeIndex = 0;
+        }
+        const totalItems = items.length;
+        let progress = 0;
+        if (totalItems > 1) {
+            progress = (activeIndex / (totalItems - 1)) * 100;
+        }
+        this.hostElement.style.setProperty('--stepper-progress', `${progress}%`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipStepper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: ShipStepper, isStandalone: true, selector: "sh-stepper", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, usesInheritance: true, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, styles: [".sh-radio,sh-radio{--radiod-c: var(--base-8);--radiod-o: 0;--radio-bc: var(--base-4);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.sh-radio:focus-visible>.radio,.sh-radio:has(input:focus-visible)>.radio,sh-radio:focus-visible>.radio,sh-radio:has(input:focus-visible)>.radio{outline:2px solid var(--primary-8);outline-offset:2px}.sh-radio>input,sh-radio>input{appearance:none;position:absolute;inset:0;cursor:pointer}.sh-radio>input:focus,.sh-radio>input:focus-visible,sh-radio>input:focus,sh-radio>input:focus-visible{outline:none}.sh-radio:has(>input:not(.internal-input))>input.internal-input,sh-radio:has(>input:not(.internal-input))>input.internal-input{display:none}.sh-radio:has(input[disabled]),.sh-radio[disabled]:not([disabled=false]),sh-radio:has(input[disabled]),sh-radio[disabled]:not([disabled=false]){opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:initial}.sh-radio:has(input:checked),.sh-radio.active,sh-radio:has(input:checked),sh-radio.active{--radiod-o: 1}.sh-radio .radio,sh-radio .radio{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:50%}.sh-radio .radio:after,sh-radio .radio:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:.375rem;height:.375rem;background-color:var(--radiod-c);opacity:var(--radiod-o);transition:opacity 125ms linear}.sh-radio.primary,sh-radio.primary{--radiod-c: var(--primary-8)}.sh-radio.accent,sh-radio.accent{--radiod-c: var(--accent-8)}.sh-radio.warn,sh-radio.warn{--radiod-c: var(--warn-8)}.sh-radio.error,sh-radio.error{--radiod-c: var(--error-8)}.sh-radio.success,sh-radio.success{--radiod-c: var(--success-8)}.sh-radio.flat,.sh-radio.raised,sh-radio.flat,sh-radio.raised{--radiod-c: #fff}.sh-radio.raised:not(:has(input:checked)):not(.active) .radio,.sh-radio.flat:not(:has(input:checked)):not(.active) .radio,sh-radio.raised:not(:has(input:checked)):not(.active) .radio,sh-radio.flat:not(:has(input:checked)):not(.active) .radio{background:transparent;border:var(--border-10);border-color:var(--radio-bc)}sh-stepper{--step-track-bg: var(--base-3);--step-c: var(--base-6);--step-radio-cbg: var(--base-1);--step-radio-c: var(--base-g2);--step-active-c: var(--base-8);display:flex;flex-wrap:nowrap;width:100%;position:relative}sh-stepper.primary{--step-c: var(--primary-6);--step-radio-cbg: var(--primary-1);--step-radio-c: var(--primary-g2);--step-active-c: var(--primary-8)}sh-stepper.accent{--step-c: var(--accent-6);--step-radio-cbg: var(--accent-1);--step-radio-c: var(--accent-g2);--step-active-c: var(--accent-8)}sh-stepper.warn{--step-c: var(--warn-6);--step-radio-cbg: var(--warn-1);--step-radio-c: var(--warn-g2);--step-active-c: var(--warn-8)}sh-stepper.error{--step-c: var(--error-6);--step-radio-cbg: var(--error-1);--step-radio-c: var(--error-g2);--step-active-c: var(--error-8)}sh-stepper.success{--step-c: var(--success-6);--step-radio-cbg: var(--success-1);--step-radio-c: var(--success-g2);--step-active-c: var(--success-8)}sh-stepper button{background:transparent;border:0;padding:0}sh-stepper button,sh-stepper [routerLinkActive],sh-stepper [step],sh-stepper [value]{flex:2 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;position:relative;color:var(--base-8);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;z-index:1}sh-stepper button:focus-visible .sh-radio,sh-stepper [routerLinkActive]:focus-visible .sh-radio,sh-stepper [step]:focus-visible .sh-radio,sh-stepper [value]:focus-visible .sh-radio{outline:2px solid var(--primary-8);outline-offset:2px;border-radius:50%}sh-stepper button:first-child,sh-stepper [routerLinkActive]:first-child,sh-stepper [step]:first-child,sh-stepper [value]:first-child{align-items:flex-start;flex:1 0}sh-stepper button:last-child,sh-stepper [routerLinkActive]:last-child,sh-stepper [step]:last-child,sh-stepper [value]:last-child{align-items:flex-end;flex:1 0;text-align:end}sh-stepper button:not(.active) .sh-radio,sh-stepper [routerLinkActive]:not(.active) .sh-radio,sh-stepper [step]:not(.active) .sh-radio,sh-stepper [value]:not(.active) .sh-radio{z-index:10}sh-stepper button:has(~button.active) .sh-radio,sh-stepper button:has(~[step].active) .sh-radio,sh-stepper button:has(~[routerLinkActive].active) .sh-radio,sh-stepper button:has(~[value].active) .sh-radio,sh-stepper [routerLinkActive]:has(~button.active) .sh-radio,sh-stepper [routerLinkActive]:has(~[step].active) .sh-radio,sh-stepper [routerLinkActive]:has(~[routerLinkActive].active) .sh-radio,sh-stepper [routerLinkActive]:has(~[value].active) .sh-radio,sh-stepper [step]:has(~button.active) .sh-radio,sh-stepper [step]:has(~[step].active) .sh-radio,sh-stepper [step]:has(~[routerLinkActive].active) .sh-radio,sh-stepper [step]:has(~[value].active) .sh-radio,sh-stepper [value]:has(~button.active) .sh-radio,sh-stepper [value]:has(~[step].active) .sh-radio,sh-stepper [value]:has(~[routerLinkActive].active) .sh-radio,sh-stepper [value]:has(~[value].active) .sh-radio{--radiod-o: 1}sh-stepper button:has(~button.active) .sh-radio .radio,sh-stepper button:has(~[step].active) .sh-radio .radio,sh-stepper button:has(~[routerLinkActive].active) .sh-radio .radio,sh-stepper button:has(~[value].active) .sh-radio .radio,sh-stepper [routerLinkActive]:has(~button.active) .sh-radio .radio,sh-stepper [routerLinkActive]:has(~[step].active) .sh-radio .radio,sh-stepper [routerLinkActive]:has(~[routerLinkActive].active) .sh-radio .radio,sh-stepper [routerLinkActive]:has(~[value].active) .sh-radio .radio,sh-stepper [step]:has(~button.active) .sh-radio .radio,sh-stepper [step]:has(~[step].active) .sh-radio .radio,sh-stepper [step]:has(~[routerLinkActive].active) .sh-radio .radio,sh-stepper [step]:has(~[value].active) .sh-radio .radio,sh-stepper [value]:has(~button.active) .sh-radio .radio,sh-stepper [value]:has(~[step].active) .sh-radio .radio,sh-stepper [value]:has(~[routerLinkActive].active) .sh-radio .radio,sh-stepper [value]:has(~[value].active) .sh-radio .radio{border-width:0;background:var(--step-radio-c)}sh-stepper button .sh-radio .radio,sh-stepper [routerLinkActive] .sh-radio .radio,sh-stepper [step] .sh-radio .radio,sh-stepper [value] .sh-radio .radio{--radiod-c: var(--step-radio-cbg);width:1rem;height:1rem}sh-stepper button.active,sh-stepper [routerLinkActive].active,sh-stepper [step].active,sh-stepper [value].active{color:var(--step-active-c);outline:none}sh-stepper button.active .sh-radio,sh-stepper [routerLinkActive].active .sh-radio,sh-stepper [step].active .sh-radio,sh-stepper [value].active .sh-radio{z-index:0;--radiod-o: 1}sh-stepper button.active .sh-radio .radio,sh-stepper [routerLinkActive].active .sh-radio .radio,sh-stepper [step].active .sh-radio .radio,sh-stepper [value].active .sh-radio .radio{border-width:0;background:var(--step-radio-c)}sh-stepper:before{content:\"\";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--step-track-bg)}sh-stepper:after{content:\"\";position:absolute;top:.375rem;left:0;z-index:0;width:var(--stepper-progress, 0%);height:.25rem;background-color:var(--step-active-c);transition:width .15s ease-out}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipStepper, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-stepper', encapsulation: ViewEncapsulation.None, imports: [], template: `
+    <ng-content />
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                    }, styles: [".sh-radio,sh-radio{--radiod-c: var(--base-8);--radiod-o: 0;--radio-bc: var(--base-4);display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.sh-radio:focus-visible>.radio,.sh-radio:has(input:focus-visible)>.radio,sh-radio:focus-visible>.radio,sh-radio:has(input:focus-visible)>.radio{outline:2px solid var(--primary-8);outline-offset:2px}.sh-radio>input,sh-radio>input{appearance:none;position:absolute;inset:0;cursor:pointer}.sh-radio>input:focus,.sh-radio>input:focus-visible,sh-radio>input:focus,sh-radio>input:focus-visible{outline:none}.sh-radio:has(>input:not(.internal-input))>input.internal-input,sh-radio:has(>input:not(.internal-input))>input.internal-input{display:none}.sh-radio:has(input[disabled]),.sh-radio[disabled]:not([disabled=false]),sh-radio:has(input[disabled]),sh-radio[disabled]:not([disabled=false]){opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:initial}.sh-radio:has(input:checked),.sh-radio.active,sh-radio:has(input:checked),sh-radio.active{--radiod-o: 1}.sh-radio .radio,sh-radio .radio{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;border-radius:50%}.sh-radio .radio:after,sh-radio .radio:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:.375rem;height:.375rem;background-color:var(--radiod-c);opacity:var(--radiod-o);transition:opacity 125ms linear}.sh-radio.primary,sh-radio.primary{--radiod-c: var(--primary-8)}.sh-radio.accent,sh-radio.accent{--radiod-c: var(--accent-8)}.sh-radio.warn,sh-radio.warn{--radiod-c: var(--warn-8)}.sh-radio.error,sh-radio.error{--radiod-c: var(--error-8)}.sh-radio.success,sh-radio.success{--radiod-c: var(--success-8)}.sh-radio.flat,.sh-radio.raised,sh-radio.flat,sh-radio.raised{--radiod-c: #fff}.sh-radio.raised:not(:has(input:checked)):not(.active) .radio,.sh-radio.flat:not(:has(input:checked)):not(.active) .radio,sh-radio.raised:not(:has(input:checked)):not(.active) .radio,sh-radio.flat:not(:has(input:checked)):not(.active) .radio{background:transparent;border:var(--border-10);border-color:var(--radio-bc)}sh-stepper{--step-track-bg: var(--base-3);--step-c: var(--base-6);--step-radio-cbg: var(--base-1);--step-radio-c: var(--base-g2);--step-active-c: var(--base-8);display:flex;flex-wrap:nowrap;width:100%;position:relative}sh-stepper.primary{--step-c: var(--primary-6);--step-radio-cbg: var(--primary-1);--step-radio-c: var(--primary-g2);--step-active-c: var(--primary-8)}sh-stepper.accent{--step-c: var(--accent-6);--step-radio-cbg: var(--accent-1);--step-radio-c: var(--accent-g2);--step-active-c: var(--accent-8)}sh-stepper.warn{--step-c: var(--warn-6);--step-radio-cbg: var(--warn-1);--step-radio-c: var(--warn-g2);--step-active-c: var(--warn-8)}sh-stepper.error{--step-c: var(--error-6);--step-radio-cbg: var(--error-1);--step-radio-c: var(--error-g2);--step-active-c: var(--error-8)}sh-stepper.success{--step-c: var(--success-6);--step-radio-cbg: var(--success-1);--step-radio-c: var(--success-g2);--step-active-c: var(--success-8)}sh-stepper button{background:transparent;border:0;padding:0}sh-stepper button,sh-stepper [routerLinkActive],sh-stepper [step],sh-stepper [value]{flex:2 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;position:relative;color:var(--base-8);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;z-index:1}sh-stepper button:focus-visible .sh-radio,sh-stepper [routerLinkActive]:focus-visible .sh-radio,sh-stepper [step]:focus-visible .sh-radio,sh-stepper [value]:focus-visible .sh-radio{outline:2px solid var(--primary-8);outline-offset:2px;border-radius:50%}sh-stepper button:first-child,sh-stepper [routerLinkActive]:first-child,sh-stepper [step]:first-child,sh-stepper [value]:first-child{align-items:flex-start;flex:1 0}sh-stepper button:last-child,sh-stepper [routerLinkActive]:last-child,sh-stepper [step]:last-child,sh-stepper [value]:last-child{align-items:flex-end;flex:1 0;text-align:end}sh-stepper button:not(.active) .sh-radio,sh-stepper [routerLinkActive]:not(.active) .sh-radio,sh-stepper [step]:not(.active) .sh-radio,sh-stepper [value]:not(.active) .sh-radio{z-index:10}sh-stepper button:has(~button.active) .sh-radio,sh-stepper button:has(~[step].active) .sh-radio,sh-stepper button:has(~[routerLinkActive].active) .sh-radio,sh-stepper button:has(~[value].active) .sh-radio,sh-stepper [routerLinkActive]:has(~button.active) .sh-radio,sh-stepper [routerLinkActive]:has(~[step].active) .sh-radio,sh-stepper [routerLinkActive]:has(~[routerLinkActive].active) .sh-radio,sh-stepper [routerLinkActive]:has(~[value].active) .sh-radio,sh-stepper [step]:has(~button.active) .sh-radio,sh-stepper [step]:has(~[step].active) .sh-radio,sh-stepper [step]:has(~[routerLinkActive].active) .sh-radio,sh-stepper [step]:has(~[value].active) .sh-radio,sh-stepper [value]:has(~button.active) .sh-radio,sh-stepper [value]:has(~[step].active) .sh-radio,sh-stepper [value]:has(~[routerLinkActive].active) .sh-radio,sh-stepper [value]:has(~[value].active) .sh-radio{--radiod-o: 1}sh-stepper button:has(~button.active) .sh-radio .radio,sh-stepper button:has(~[step].active) .sh-radio .radio,sh-stepper button:has(~[routerLinkActive].active) .sh-radio .radio,sh-stepper button:has(~[value].active) .sh-radio .radio,sh-stepper [routerLinkActive]:has(~button.active) .sh-radio .radio,sh-stepper [routerLinkActive]:has(~[step].active) .sh-radio .radio,sh-stepper [routerLinkActive]:has(~[routerLinkActive].active) .sh-radio .radio,sh-stepper [routerLinkActive]:has(~[value].active) .sh-radio .radio,sh-stepper [step]:has(~button.active) .sh-radio .radio,sh-stepper [step]:has(~[step].active) .sh-radio .radio,sh-stepper [step]:has(~[routerLinkActive].active) .sh-radio .radio,sh-stepper [step]:has(~[value].active) .sh-radio .radio,sh-stepper [value]:has(~button.active) .sh-radio .radio,sh-stepper [value]:has(~[step].active) .sh-radio .radio,sh-stepper [value]:has(~[routerLinkActive].active) .sh-radio .radio,sh-stepper [value]:has(~[value].active) .sh-radio .radio{border-width:0;background:var(--step-radio-c)}sh-stepper button .sh-radio .radio,sh-stepper [routerLinkActive] .sh-radio .radio,sh-stepper [step] .sh-radio .radio,sh-stepper [value] .sh-radio .radio{--radiod-c: var(--step-radio-cbg);width:1rem;height:1rem}sh-stepper button.active,sh-stepper [routerLinkActive].active,sh-stepper [step].active,sh-stepper [value].active{color:var(--step-active-c);outline:none}sh-stepper button.active .sh-radio,sh-stepper [routerLinkActive].active .sh-radio,sh-stepper [step].active .sh-radio,sh-stepper [value].active .sh-radio{z-index:0;--radiod-o: 1}sh-stepper button.active .sh-radio .radio,sh-stepper [routerLinkActive].active .sh-radio .radio,sh-stepper [step].active .sh-radio .radio,sh-stepper [value].active .sh-radio .radio{border-width:0;background:var(--step-radio-c)}sh-stepper:before{content:\"\";position:absolute;top:.375rem;left:0;z-index:0;right:0;height:.25rem;background-color:var(--step-track-bg)}sh-stepper:after{content:\"\";position:absolute;top:.375rem;left:0;z-index:0;width:var(--stepper-progress, 0%);height:.25rem;background-color:var(--step-active-c);transition:width .15s ease-out}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipStepper };
+//# sourceMappingURL=ship-ui-core-ship-stepper.mjs.map

package/fesm2022/ship-ui-core-ship-stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-ship-stepper.mjs","sources":["../../../projects/ship-ui/ship-stepper/ship-stepper.ts","../../../projects/ship-ui/ship-stepper/ship-ui-core-ship-stepper.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  effect,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ShipColor, shipComponentClasses, ShipSelectionGroup } from '@ship-ui/core';\n\n@Component({\n  selector: 'sh-stepper',\n  styleUrl: './ship-stepper.scss',\n  encapsulation: ViewEncapsulation.None,\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n})\nexport class ShipStepper extends ShipSelectionGroup<string> {\n  color = input<ShipColor | null>(null);\n\n  constructor() {\n    super('[value], [step], [routerLinkActive], button, a', 'active', { hostRole: 'tablist', itemRole: 'tab' });\n\n    const destroyRef = inject(DestroyRef);\n\n    effect(() => {\n      this.items().forEach((item) => {\n        if (!item.querySelector('.sh-radio')) {\n          const shRadio = document.createElement('div');\n          shRadio.className = 'sh-radio';\n\n          const shRadioContent = document.createElement('div');\n          shRadioContent.className = 'radio sh-sheet';\n\n          shRadio.append(shRadioContent);\n          item.prepend(shRadio);\n        }\n      });\n    });\n\n    effect(() => {\n      this.items(); // track projected items\n      this.updateProgress();\n    });\n\n    if (typeof MutationObserver !== 'undefined') {\n      const observer = new MutationObserver(() => {\n        this.updateProgress();\n      });\n\n      observer.observe(this.hostElement, {\n        attributes: true,\n        subtree: true,\n        attributeFilter: ['class'],\n      });\n\n      destroyRef.onDestroy(() => {\n        observer.disconnect();\n      });\n    }\n  }\n\n  updateProgress() {\n    const items = Array.from(\n      this.hostElement.querySelectorAll('[value], [step], [routerLinkActive], button, a')\n    ) as HTMLElement[];\n    let activeIndex = items.findIndex((item) => item.classList.contains(this.activeClass));\n\n    if (activeIndex === -1) {\n      activeIndex = 0;\n    }\n\n    const totalItems = items.length;\n    let progress = 0;\n    if (totalItems > 1) {\n      progress = (activeIndex / (totalItems - 1)) * 100;\n    }\n\n    this.hostElement.style.setProperty('--stepper-progress', `${progress}%`);\n  }\n\n  hostClasses = shipComponentClasses('stepper', {\n    color: this.color,\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ship-ui-core-ship-table-filter-bar.mjs

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+class ShipTableFilterBar {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipTableFilterBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: ShipTableFilterBar, isStandalone: true, selector: "sh-table-filter-bar", ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipTableFilterBar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sh-table-filter-bar',
+                    standalone: true,
+                    imports: [],
+                    template: `
+    <ng-content />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipTableFilterBar };
+//# sourceMappingURL=ship-ui-core-ship-table-filter-bar.mjs.map

package/fesm2022/ship-ui-core-ship-table-filter-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ship-ui-core-ship-table-filter-bar.mjs","sources":["../../../projects/ship-ui/ship-table-filter-bar/ship-table-filter-bar.ts","../../../projects/ship-ui/ship-table-filter-bar/ship-ui-core-ship-table-filter-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'sh-table-filter-bar',\n  standalone: true,\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ShipTableFilterBar {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAWa,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EALnB;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;AAET,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;ACVD;;AAEG;;;;"}

package/fesm2022/ship-ui-core-ship-table.mjs

@@ -0,0 +1,442 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Renderer2, input, HostListener, Directive, computed, output, model, viewChild, signal, DestroyRef, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { ShipProgressBar } from '@ship-ui/core/ship-progress-bar';
+import { shipComponentClasses, observeChildren } from '@ship-ui/core';
+
+class ShipResize {
+    constructor() {
+        this.#el = inject(ElementRef);
+        this.#renderer = inject(Renderer2);
+        this.#table = inject(ShipTable);
+        this.resizable = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resizable" }] : /* istanbul ignore next */ []));
+        this.minWidth = input(50, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
+        this.maxWidth = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+        this.#resizing = false;
+        this.#animationFrameRequest = null; // Store request ID
+    }
+    #el;
+    #renderer;
+    #table;
+    #startX;
+    #startWidth;
+    #resizing;
+    #animationFrameRequest; // Store request ID
+    ngOnInit() {
+        if (!this.#table) {
+            console.error('shTableResize directive must be used within a sh-table component.');
+            return;
+        }
+        if (this.resizable()) {
+            const resizer = this.#renderer.createElement('div');
+            this.#renderer.addClass(resizer, 'sh-resizer');
+            this.#renderer.appendChild(this.#el.nativeElement, resizer);
+            this.#renderer.listen(resizer, 'mousedown', this.#onMouseDown.bind(this));
+        }
+    }
+    onMouseMove(event) {
+        if (!this.#resizing)
+            return;
+        this.#scheduleResize(event);
+    }
+    onMouseUp(event) {
+        if (this.#resizing) {
+            this.#resizing = false;
+            this.#table.resizing.set(false);
+            if (this.#animationFrameRequest !== null) {
+                cancelAnimationFrame(this.#animationFrameRequest);
+                this.#animationFrameRequest = null;
+            }
+        }
+    }
+    onClick(event) {
+        if (this.#resizing) {
+            event.stopPropagation();
+        }
+    }
+    #onMouseDown(event) {
+        event.stopPropagation();
+        if (!this.resizable())
+            return;
+        this.#table.resizing.set(true);
+        this.#resizing = true;
+        this.#startX = event.pageX;
+        this.#startWidth = this.#el.nativeElement.offsetWidth;
+    }
+    #scheduleResize(event) {
+        if (this.#animationFrameRequest !== null) {
+            cancelAnimationFrame(this.#animationFrameRequest);
+        }
+        this.#animationFrameRequest = requestAnimationFrame(() => {
+            this.#resizeColumn(event);
+            this.#animationFrameRequest = null;
+        });
+    }
+    #resizeColumn(event) {
+        const width = this.#startWidth + (event.pageX - this.#startX);
+        const constrainedWidth = Math.max(this.minWidth(), this.maxWidth() ? Math.min(width, this.maxWidth() ?? width) : width);
+        this.#renderer.setAttribute(this.#el.nativeElement, 'size', `${constrainedWidth}px`);
+        this.#table.updateColumnSizes();
+    }
+    ngOnDestroy() {
+        if (this.#animationFrameRequest !== null) {
+            cancelAnimationFrame(this.#animationFrameRequest);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipResize, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: ShipResize, isStandalone: true, selector: "[shResize]", inputs: { resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "document:mouseup": "onMouseUp($event)", "document:click": "onClick($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipResize, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shResize]',
+                    standalone: true,
+                }]
+        }], propDecorators: { resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], onMouseMove: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }], onMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup', ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+class ShipSort {
+    constructor() {
+        this.#table = inject(ShipTable);
+        this.shSort = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "shSort" }] : /* istanbul ignore next */ []));
+        this.sortAsc = computed(() => {
+            const currentSort = this.#table.sortByColumn();
+            const thisColumn = this.shSort();
+            if (!currentSort || !thisColumn)
+                return false;
+            return currentSort === thisColumn;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sortAsc" }] : /* istanbul ignore next */ []));
+        this.sortDesc = computed(() => {
+            const currentSort = this.#table.sortByColumn();
+            const thisColumn = this.shSort();
+            if (!currentSort || !thisColumn)
+                return false;
+            return currentSort === `-${thisColumn}`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sortDesc" }] : /* istanbul ignore next */ []));
+    }
+    #table;
+    toggleSort() {
+        const sortCol = this.shSort();
+        if (!sortCol)
+            return;
+        this.#table.toggleSort(sortCol);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSort, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: ShipSort, isStandalone: true, selector: "[shSort]", inputs: { shSort: { classPropertyName: "shSort", publicName: "shSort", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "toggleSort()" }, properties: { "class.sort-asc": "sortAsc()", "class.sort-desc": "sortDesc()" }, classAttribute: "sortable" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipSort, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shSort]',
+                    standalone: true,
+                    host: {
+                        class: 'sortable',
+                        '(mousedown)': 'toggleSort()',
+                        '[class.sort-asc]': 'sortAsc()',
+                        '[class.sort-desc]': 'sortDesc()',
+                    },
+                }]
+        }], propDecorators: { shSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "shSort", required: false }] }] } });
+class ShipStickyColumns {
+    constructor() {
+        this.#elementRef = inject(ElementRef);
+        this.#renderer = inject(Renderer2);
+        this.shStickyColumns = input('start', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "shStickyColumns" }] : /* istanbul ignore next */ []));
+    }
+    #elementRef;
+    #renderer;
+    ngAfterContentInit() {
+        this.#applyGridColumnStyle();
+    }
+    #applyGridColumnStyle() {
+        const nativeElement = this.#elementRef.nativeElement;
+        const cellChildren = nativeElement.querySelectorAll(':scope > th, :scope > td');
+        const columnSpanCount = cellChildren.length;
+        if (columnSpanCount > 0) {
+            const position = this.shStickyColumns();
+            this.#renderer.setStyle(nativeElement, 'grid-column', position === 'end' ? `-${columnSpanCount + 1} / -1` : `1 / ${columnSpanCount + 1}`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipStickyColumns, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: ShipStickyColumns, isStandalone: true, selector: "[shStickyColumns]", inputs: { shStickyColumns: { classPropertyName: "shStickyColumns", publicName: "shStickyColumns", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sticky": "shStickyColumns() === \"start\"", "class.sticky-end": "shStickyColumns() === \"end\"" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipStickyColumns, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shStickyColumns]',
+                    host: {
+                        '[class.sticky]': 'shStickyColumns() === "start"',
+                        '[class.sticky-end]': 'shStickyColumns() === "end"',
+                    },
+                }]
+        }], propDecorators: { shStickyColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "shStickyColumns", required: false }] }] } });
+const SCROLL_TOLERANCE = 1.5;
+class ShipTable {
+    constructor() {
+        this.#el = inject(ElementRef);
+        this.loading = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.data = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+        this.dataChange = output();
+        this.sortByColumn = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sortByColumn" }] : /* istanbul ignore next */ []));
+        this.color = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        this.variant = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        this.hostClasses = shipComponentClasses('table', {
+            color: this.color,
+            variant: this.variant,
+        });
+        this.thead = viewChild('thead', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "thead" }] : /* istanbul ignore next */ []));
+        this.tbody = viewChild('tbody', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tbody" }] : /* istanbul ignore next */ []));
+        this.columns = observeChildren(this.thead, ['tr:first-child th']);
+        this.stickyHeaderHeight = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "stickyHeaderHeight" }] : /* istanbul ignore next */ []));
+        this.#destroyRef = inject(DestroyRef);
+        this.#resizeObserver = null;
+        this.theadEffect = effect(() => {
+            const head = this.thead()?.nativeElement;
+            if (this.#resizeObserver) {
+                this.#resizeObserver.disconnect();
+                this.#resizeObserver = null;
+            }
+            if (head && typeof ResizeObserver !== 'undefined') {
+                this.#resizeObserver = new ResizeObserver((entries) => {
+                    const height = head.clientHeight;
+                    this.stickyHeaderHeight.set(height);
+                });
+                this.#resizeObserver.observe(head);
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "theadEffect" }] : /* istanbul ignore next */ []));
+        this.#cleanup = this.#destroyRef.onDestroy(() => {
+            this.#resizeObserver?.disconnect();
+        });
+        this.bodyEffect = effect(() => {
+            const body = this.tbody()?.nativeElement;
+            const head = this.thead()?.nativeElement;
+            if (!body || !head)
+                return;
+            const stickyHeaderHeight = this.stickyHeaderHeight();
+            queueMicrotask(() => {
+                const hasStickyRowHeaderStartElement = head.querySelectorAll('tr.sticky').length > 0;
+                const stickyBodyRows = body.querySelectorAll('tr.sticky');
+                const hasStickyRowStartElement = stickyBodyRows.length > 0;
+                if (hasStickyRowStartElement && hasStickyRowHeaderStartElement) {
+                    for (let index = 0; index < stickyBodyRows.length; index++) {
+                        stickyBodyRows[index].style.top = `${stickyHeaderHeight}px`;
+                    }
+                }
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "bodyEffect" }] : /* istanbul ignore next */ []));
+        this.resizing = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resizing" }] : /* istanbul ignore next */ []));
+        this.sizeTrigger = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sizeTrigger" }] : /* istanbul ignore next */ []));
+        this.#initialData = null;
+        this.#initialDataSet = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#initialDataSet" }] : /* istanbul ignore next */ []));
+        this.scrollXState = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scrollXState" }] : /* istanbul ignore next */ []));
+        this.scrollYState = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scrollYState" }] : /* istanbul ignore next */ []));
+        this.canScrollX = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canScrollX" }] : /* istanbul ignore next */ []));
+        this.canScrollY = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canScrollY" }] : /* istanbul ignore next */ []));
+        this.columnSizes = computed(() => {
+            this.sizeTrigger();
+            const colSignal = this.columns.signal();
+            return colSignal.reduce((acc, col, index) => {
+                const colEl = col;
+                const colSize = colEl.getAttribute('size');
+                const last = index === colSignal.length - 1;
+                if (colSize) {
+                    return `${acc} ${colSize}`;
+                }
+                if (colEl.classList.contains('sticky') || colEl.classList.contains('sticky-end')) {
+                    return `${acc} min-content`;
+                }
+                if (last) {
+                    return `${acc} 1fr`;
+                }
+                return `${acc} 1fr`;
+            }, '');
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columnSizes" }] : /* istanbul ignore next */ []));
+        this.e = effect(() => {
+            const sortByColumn = this.sortByColumn();
+            if (sortByColumn === null) {
+                if (!this.#initialDataSet()) {
+                    this.#initialData = this.data();
+                    this.#initialDataSet.set(true);
+                }
+                return this.dataChange.emit(structuredClone(this.#initialData));
+            }
+            const column = sortByColumn.startsWith('-') ? sortByColumn.slice(1) : sortByColumn;
+            const isDescending = sortByColumn.startsWith('-');
+            const sortedData = this.data().sort((a, b) => {
+                const valueA = a[column];
+                const valueB = b[column];
+                let comparison = 0;
+                if (typeof valueA === 'number' && typeof valueB === 'number') {
+                    comparison = valueA - valueB;
+                }
+                if (valueA instanceof Date && valueB instanceof Date) {
+                    comparison = valueA.getTime() - valueB.getTime();
+                }
+                if (typeof valueA === 'string' && typeof valueB === 'string') {
+                    comparison = valueA.localeCompare(valueB, undefined, { sensitivity: 'base' });
+                }
+                return isDescending ? -comparison : comparison;
+            });
+            this.dataChange.emit(sortedData);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "e" }] : /* istanbul ignore next */ []));
+    }
+    #el;
+    #destroyRef;
+    #resizeObserver;
+    #cleanup;
+    #initialData;
+    #initialDataSet;
+    updateColumnSizes() {
+        this.sizeTrigger.set(!this.sizeTrigger());
+    }
+    onScroll() {
+        this.#checkScroll();
+    }
+    onResize(event) {
+        this.#checkScroll();
+    }
+    ngAfterViewInit() {
+        queueMicrotask(() => this.#checkScroll());
+    }
+    toggleSort(column) {
+        const currentSort = this.sortByColumn();
+        const sortDir = currentSort === column ? `-${column}` : currentSort === `-${column}` ? null : column;
+        this.sortByColumn.set(sortDir);
+    }
+    #checkScroll() {
+        const element = this.#el.nativeElement;
+        let nextXState = -1;
+        let nextYState = -1;
+        const canScrollX = element.scrollWidth > element.clientWidth + SCROLL_TOLERANCE;
+        if (canScrollX) {
+            const isAtStartX = element.scrollLeft <= SCROLL_TOLERANCE;
+            const isAtEndX = element.scrollWidth - (element.scrollLeft + element.clientWidth) < SCROLL_TOLERANCE;
+            if (isAtEndX) {
+                nextXState = 1;
+            }
+            else if (!isAtStartX) {
+                nextXState = 0;
+            }
+        }
+        this.scrollXState.set(nextXState);
+        this.canScrollX.set(canScrollX);
+        const canScrollY = element.scrollHeight > element.clientHeight + SCROLL_TOLERANCE;
+        if (canScrollY) {
+            const isAtStartY = element.scrollTop <= SCROLL_TOLERANCE;
+            const isAtEndY = element.scrollHeight - (element.scrollTop + element.clientHeight) < SCROLL_TOLERANCE;
+            if (isAtEndY) {
+                nextYState = 1;
+            }
+            else if (!isAtStartY) {
+                nextYState = 0;
+            }
+        }
+        this.scrollYState.set(nextYState);
+        this.canScrollY.set(canScrollY);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: ShipTable, isStandalone: true, selector: "sh-table", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, sortByColumn: { classPropertyName: "sortByColumn", publicName: "sortByColumn", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataChange: "dataChange", sortByColumn: "sortByColumnChange" }, host: { listeners: { "scroll": "onScroll()", "window:resize": "onResize($event)" }, properties: { "class": "hostClasses()", "style.grid-template-columns": "columnSizes()", "class.resizing": "resizing()", "class.can-scroll-x": "canScrollX()", "class.can-scroll-y": "canScrollY()", "class.scrolled-x": "scrollXState() >= 0", "class.scrolled-x-end": "scrollXState() === 1", "class.scrolled-y": "scrollYState() >= 0", "class.scrolled-y-end": "scrollYState() === 1" } }, viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true, isSignal: true }, { propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="actionbar">
+      <ng-content select="[actionbar]" />
+    </div>
+
+    @if (loading()) {
+      <sh-progress-bar class="indeterminate primary" />
+    }
+
+    <thead #thead>
+      <ng-content select="th" />
+      <ng-content select="[thead]" />
+    </thead>
+
+    <tbody #tbody>
+      <ng-content />
+    </tbody>
+
+    @if (!loading()) {
+      <div class="no-rows">
+        <ng-content select="[table-no-rows]" />
+      </div>
+    }
+  `, isInline: true, styles: ["sh-table{--table-bc: var(--base-4);--table-th-bg: var(--base-1);--table-tr-bg: var(--base-1);--table-td-bg: var(--base-1);--table-th-c: var(--base-8);--table-th-f: var(--paragraph-30);--table-td-c: var(--base-8);--table-td-f: var(--paragraph-30);--table-th-p: 0 1.25rem;--table-td-p: 0 1.25rem;--table-th-mh: 3rem;--table-td-mh: 4.875rem;--table-th-g: .25rem;--table-td-g: .5rem;--table-ws: nowrap;--table-th-bw: 0;--table-td-bw: .0625rem 0 0;--table-columns: 1fr 1fr 1fr max-content;--table-sticky-bw: .0625rem}sh-table.type-a tbody>th,sh-table.type-a tbody>td,sh-table.type-a thead>th,sh-table.type-a thead>td{padding-right:0}sh-table.type-a tbody>th:first-child,sh-table.type-a tbody>td:first-child,sh-table.type-a thead>th:first-child,sh-table.type-a thead>td:first-child{padding:0}sh-table.type-a.scrolled-x.can-scroll-x [shStickyColumns=\"\"],sh-table.type-a.scrolled-x.can-scroll-x th.sticky,sh-table.type-a.scrolled-x.can-scroll-x td.sticky{border-right-width:.0625rem}sh-table.type-a:not(.scrolled-x-end).can-scroll-x [shStickyColumns=end],sh-table.type-a:not(.scrolled-x-end).can-scroll-x th.sticky-end,sh-table.type-a:not(.scrolled-x-end).can-scroll-x td.sticky-end{border-left-width:.0625rem}sh-table.type-b{--table-th-p: 0 .75rem;--table-td-p: 0 .75rem;--table-th-mh: 2.25rem;--table-td-mh: 3.5rem;--table-th-bw: .0625rem 0 .0625rem .0625rem;--table-td-bw: 0 0 .0625rem .0625rem;--table-th-bg: var(--base-2);--table-sticky-bw: .125rem}sh-table.type-b th:first-child{border-left-width:0;padding:var(--table-th-p)}sh-table.type-b td:first-child{border-left-width:0;padding:var(--table-td-p)}sh-table.type-b [shStickyColumns=end]{border-left-width:.125rem}sh-table.type-b.scrolled-x [shStickyColumns=\"\"]{border-right-width:.125rem}sh-table.type-b.scrolled-x-end [shStickyColumns=end]{border-left-width:.0625rem}sh-table.type-b td.sticky,sh-table.type-b th.sticky{border-left-width:0;border-right-width:.0625rem}sh-table.type-b td.sticky+*,sh-table.type-b th.sticky+*{border-left-width:0}sh-table.type-b tr:hover td{background-color:var(--base-2)}sh-table.type-b div[table-header] tr:first-child th{border-bottom:0}sh-table.type-b .actionbar{background-color:var(--base-2);border-width:.0625rem 0 0}sh-table{width:100%;display:grid;overflow:auto;grid-template-columns:var(--table-columns);position:relative}sh-table.resizing{-webkit-user-select:none;user-select:none}sh-table:has([shTableResize]) td{overflow:auto}sh-table.no-resize .sh-resizer{display:none}sh-table.no-resize td{overflow:initial}sh-table .actionbar{display:grid;grid-column:1/-1;align-items:start;gap:.5rem;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:max-content;padding:.5rem;border:var(--border-10);border-width:.0625rem 0;opacity:1;transition:grid-template-rows .3s ease-out,padding .3s ease-out,border-width .3s ease-out,opacity .3s ease-out;overflow:hidden}sh-table .actionbar:empty{grid-template-rows:0fr;padding-top:0;padding-bottom:0;border-width:0;opacity:0;pointer-events:none}sh-table .actionbar>*{min-height:0}sh-table tbody{position:relative}sh-table tbody:has(tr.sticky){position:sticky;top:0;z-index:1}sh-table thead{position:relative}sh-table thead:has(tr.sticky){position:sticky;top:0;z-index:2}sh-table sh-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%);z-index:200}sh-table tbody,sh-table thead,sh-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}sh-table tr{background:var(--table-tr-bg);position:relative;z-index:0}sh-table tr.sticky{position:sticky;top:0;z-index:1}sh-table tr.sticky-end{position:sticky;bottom:0;z-index:3}sh-table tr:has(th.sticky-end) th:nth-last-child(2){padding:var(--table-th-p)}sh-table tr:has(td.sticky-end) td:nth-last-child(2){padding:var(--table-td-p)}sh-table th{display:flex;align-items:center;padding:var(--table-th-p);min-height:var(--table-th-mh);font:var(--table-th-f);line-height:1em;white-space:var(--table-ws);color:var(--table-th-c);border:0;border-color:var(--table-bc);border-style:solid;border-width:var(--table-th-bw);background:var(--table-th-bg);gap:var(--table-th-g);z-index:100}sh-table th:has(.sh-resizer){position:relative}sh-table th.sortable{--caret-color: var(--base-10);--caret-size: .375rem;cursor:pointer;-webkit-user-select:none;user-select:none}sh-table th.sortable sh-icon{opacity:.35;transition:opacity 125ms ease-in-out}sh-table th.sortable:hover sh-icon{opacity:.7}sh-table th.sortable.sort-asc sh-icon,sh-table th.sortable.sort-desc sh-icon{opacity:1}sh-table th.sortable:not(:has(sh-icon)):after{content:\"\";border:var(--caret-size) solid transparent;width:0;height:0;opacity:0;transition:opacity 125ms ease-in-out}sh-table th.sortable:not(:has(sh-icon)).sort-desc:after{opacity:1;transform:translateY(-4px);border-bottom-color:var(--caret-color)}sh-table th.sortable:not(:has(sh-icon)).sort-asc:after{opacity:1;transform:translateY(4px);border-top-color:var(--caret-color)}sh-table th .sh-resizer{width:10px;height:100%;position:absolute;top:0;right:0;cursor:col-resize}sh-table th .sh-resizer:before,sh-table th .sh-resizer:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);height:.75rem;right:.1875rem;width:.0625rem;background-color:var(--base-4)}sh-table th .sh-resizer:hover:before,sh-table th .sh-resizer:hover:after{background-color:var(--primary-8)}sh-table th .sh-resizer:before{left:.1875rem}sh-table td{display:flex;align-items:center;padding:var(--table-td-p);min-height:var(--table-td-mh);gap:var(--table-td-g);color:var(--table-td-c);font:var(--table-td-f);white-space:var(--table-ws);border-color:var(--table-bc);border-style:solid;border-width:var(--table-td-bw);background:var(--table-td-bg)}sh-table td+td.sticky-end:last-child{padding:var(--table-td-p)}sh-table th.sticky,sh-table th.sticky-end,sh-table td.sticky,sh-table td.sticky-end{position:sticky;overflow:hidden;right:auto;left:0;z-index:1;padding:var(--table-td-p)}sh-table th.sticky:first-child,sh-table th.sticky-end:first-child,sh-table td.sticky:first-child,sh-table td.sticky-end:first-child{padding:var(--table-th-p)}sh-table th.sticky-end,sh-table td.sticky-end{right:0;left:auto}sh-table th.sticky,sh-table th.sticky-end{background:var(--table-th-bg);padding:var(--table-th-p);z-index:101}sh-table th.sticky:first-child,sh-table th.sticky-end:first-child{padding:var(--table-th-p)}sh-table [shStickyColumns]{display:grid;grid-template-columns:subgrid;position:sticky;left:0;z-index:1000;border:0;border-color:var(--table-bc);border-style:solid}sh-table [shStickyColumns=end]{left:auto;right:0}sh-table thead>[shStickyColumns]{border-width:var(--table-th-bw)}sh-table tbody>[shStickyColumns]{border-width:var(--table-td-bw)}sh-table .span-all{grid-column:1/-1;white-space:initial;align-items:flex-start;padding:0;border-left-width:0}sh-table .no-rows{display:none;grid-column:1/-1}sh-table tbody:empty+.no-rows{display:block}\n"], dependencies: [{ kind: "component", type: ShipProgressBar, selector: "sh-progress-bar", inputs: ["value", "color", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ShipTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'sh-table', encapsulation: ViewEncapsulation.None, imports: [ShipProgressBar], template: `
+    <div class="actionbar">
+      <ng-content select="[actionbar]" />
+    </div>
+
+    @if (loading()) {
+      <sh-progress-bar class="indeterminate primary" />
+    }
+
+    <thead #thead>
+      <ng-content select="th" />
+      <ng-content select="[thead]" />
+    </thead>
+
+    <tbody #tbody>
+      <ng-content />
+    </tbody>
+
+    @if (!loading()) {
+      <div class="no-rows">
+        <ng-content select="[table-no-rows]" />
+      </div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                        '[style.grid-template-columns]': 'columnSizes()',
+                        '[class.resizing]': 'resizing()',
+                        '(scroll)': 'onScroll()',
+                        '[class.can-scroll-x]': 'canScrollX()',
+                        '[class.can-scroll-y]': 'canScrollY()',
+                        '[class.scrolled-x]': 'scrollXState() >= 0',
+                        '[class.scrolled-x-end]': 'scrollXState() === 1',
+                        '[class.scrolled-y]': 'scrollYState() >= 0',
+                        '[class.scrolled-y-end]': 'scrollYState() === 1',
+                    }, styles: ["sh-table{--table-bc: var(--base-4);--table-th-bg: var(--base-1);--table-tr-bg: var(--base-1);--table-td-bg: var(--base-1);--table-th-c: var(--base-8);--table-th-f: var(--paragraph-30);--table-td-c: var(--base-8);--table-td-f: var(--paragraph-30);--table-th-p: 0 1.25rem;--table-td-p: 0 1.25rem;--table-th-mh: 3rem;--table-td-mh: 4.875rem;--table-th-g: .25rem;--table-td-g: .5rem;--table-ws: nowrap;--table-th-bw: 0;--table-td-bw: .0625rem 0 0;--table-columns: 1fr 1fr 1fr max-content;--table-sticky-bw: .0625rem}sh-table.type-a tbody>th,sh-table.type-a tbody>td,sh-table.type-a thead>th,sh-table.type-a thead>td{padding-right:0}sh-table.type-a tbody>th:first-child,sh-table.type-a tbody>td:first-child,sh-table.type-a thead>th:first-child,sh-table.type-a thead>td:first-child{padding:0}sh-table.type-a.scrolled-x.can-scroll-x [shStickyColumns=\"\"],sh-table.type-a.scrolled-x.can-scroll-x th.sticky,sh-table.type-a.scrolled-x.can-scroll-x td.sticky{border-right-width:.0625rem}sh-table.type-a:not(.scrolled-x-end).can-scroll-x [shStickyColumns=end],sh-table.type-a:not(.scrolled-x-end).can-scroll-x th.sticky-end,sh-table.type-a:not(.scrolled-x-end).can-scroll-x td.sticky-end{border-left-width:.0625rem}sh-table.type-b{--table-th-p: 0 .75rem;--table-td-p: 0 .75rem;--table-th-mh: 2.25rem;--table-td-mh: 3.5rem;--table-th-bw: .0625rem 0 .0625rem .0625rem;--table-td-bw: 0 0 .0625rem .0625rem;--table-th-bg: var(--base-2);--table-sticky-bw: .125rem}sh-table.type-b th:first-child{border-left-width:0;padding:var(--table-th-p)}sh-table.type-b td:first-child{border-left-width:0;padding:var(--table-td-p)}sh-table.type-b [shStickyColumns=end]{border-left-width:.125rem}sh-table.type-b.scrolled-x [shStickyColumns=\"\"]{border-right-width:.125rem}sh-table.type-b.scrolled-x-end [shStickyColumns=end]{border-left-width:.0625rem}sh-table.type-b td.sticky,sh-table.type-b th.sticky{border-left-width:0;border-right-width:.0625rem}sh-table.type-b td.sticky+*,sh-table.type-b th.sticky+*{border-left-width:0}sh-table.type-b tr:hover td{background-color:var(--base-2)}sh-table.type-b div[table-header] tr:first-child th{border-bottom:0}sh-table.type-b .actionbar{background-color:var(--base-2);border-width:.0625rem 0 0}sh-table{width:100%;display:grid;overflow:auto;grid-template-columns:var(--table-columns);position:relative}sh-table.resizing{-webkit-user-select:none;user-select:none}sh-table:has([shTableResize]) td{overflow:auto}sh-table.no-resize .sh-resizer{display:none}sh-table.no-resize td{overflow:initial}sh-table .actionbar{display:grid;grid-column:1/-1;align-items:start;gap:.5rem;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:max-content;padding:.5rem;border:var(--border-10);border-width:.0625rem 0;opacity:1;transition:grid-template-rows .3s ease-out,padding .3s ease-out,border-width .3s ease-out,opacity .3s ease-out;overflow:hidden}sh-table .actionbar:empty{grid-template-rows:0fr;padding-top:0;padding-bottom:0;border-width:0;opacity:0;pointer-events:none}sh-table .actionbar>*{min-height:0}sh-table tbody{position:relative}sh-table tbody:has(tr.sticky){position:sticky;top:0;z-index:1}sh-table thead{position:relative}sh-table thead:has(tr.sticky){position:sticky;top:0;z-index:2}sh-table sh-progress-bar{grid-column:1/-1;position:absolute;top:100%;transform:translateY(-50%);z-index:200}sh-table tbody,sh-table thead,sh-table tr{display:grid;grid-column:1/-1;grid-template-columns:subgrid}sh-table tr{background:var(--table-tr-bg);position:relative;z-index:0}sh-table tr.sticky{position:sticky;top:0;z-index:1}sh-table tr.sticky-end{position:sticky;bottom:0;z-index:3}sh-table tr:has(th.sticky-end) th:nth-last-child(2){padding:var(--table-th-p)}sh-table tr:has(td.sticky-end) td:nth-last-child(2){padding:var(--table-td-p)}sh-table th{display:flex;align-items:center;padding:var(--table-th-p);min-height:var(--table-th-mh);font:var(--table-th-f);line-height:1em;white-space:var(--table-ws);color:var(--table-th-c);border:0;border-color:var(--table-bc);border-style:solid;border-width:var(--table-th-bw);background:var(--table-th-bg);gap:var(--table-th-g);z-index:100}sh-table th:has(.sh-resizer){position:relative}sh-table th.sortable{--caret-color: var(--base-10);--caret-size: .375rem;cursor:pointer;-webkit-user-select:none;user-select:none}sh-table th.sortable sh-icon{opacity:.35;transition:opacity 125ms ease-in-out}sh-table th.sortable:hover sh-icon{opacity:.7}sh-table th.sortable.sort-asc sh-icon,sh-table th.sortable.sort-desc sh-icon{opacity:1}sh-table th.sortable:not(:has(sh-icon)):after{content:\"\";border:var(--caret-size) solid transparent;width:0;height:0;opacity:0;transition:opacity 125ms ease-in-out}sh-table th.sortable:not(:has(sh-icon)).sort-desc:after{opacity:1;transform:translateY(-4px);border-bottom-color:var(--caret-color)}sh-table th.sortable:not(:has(sh-icon)).sort-asc:after{opacity:1;transform:translateY(4px);border-top-color:var(--caret-color)}sh-table th .sh-resizer{width:10px;height:100%;position:absolute;top:0;right:0;cursor:col-resize}sh-table th .sh-resizer:before,sh-table th .sh-resizer:after{content:\"\";position:absolute;top:50%;transform:translateY(-50%);height:.75rem;right:.1875rem;width:.0625rem;background-color:var(--base-4)}sh-table th .sh-resizer:hover:before,sh-table th .sh-resizer:hover:after{background-color:var(--primary-8)}sh-table th .sh-resizer:before{left:.1875rem}sh-table td{display:flex;align-items:center;padding:var(--table-td-p);min-height:var(--table-td-mh);gap:var(--table-td-g);color:var(--table-td-c);font:var(--table-td-f);white-space:var(--table-ws);border-color:var(--table-bc);border-style:solid;border-width:var(--table-td-bw);background:var(--table-td-bg)}sh-table td+td.sticky-end:last-child{padding:var(--table-td-p)}sh-table th.sticky,sh-table th.sticky-end,sh-table td.sticky,sh-table td.sticky-end{position:sticky;overflow:hidden;right:auto;left:0;z-index:1;padding:var(--table-td-p)}sh-table th.sticky:first-child,sh-table th.sticky-end:first-child,sh-table td.sticky:first-child,sh-table td.sticky-end:first-child{padding:var(--table-th-p)}sh-table th.sticky-end,sh-table td.sticky-end{right:0;left:auto}sh-table th.sticky,sh-table th.sticky-end{background:var(--table-th-bg);padding:var(--table-th-p);z-index:101}sh-table th.sticky:first-child,sh-table th.sticky-end:first-child{padding:var(--table-th-p)}sh-table [shStickyColumns]{display:grid;grid-template-columns:subgrid;position:sticky;left:0;z-index:1000;border:0;border-color:var(--table-bc);border-style:solid}sh-table [shStickyColumns=end]{left:auto;right:0}sh-table thead>[shStickyColumns]{border-width:var(--table-th-bw)}sh-table tbody>[shStickyColumns]{border-width:var(--table-td-bw)}sh-table .span-all{grid-column:1/-1;white-space:initial;align-items:flex-start;padding:0;border-left-width:0}sh-table .no-rows{display:none;grid-column:1/-1}sh-table tbody:empty+.no-rows{display:block}\n"] }]
+        }], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], dataChange: [{ type: i0.Output, args: ["dataChange"] }], sortByColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortByColumn", required: false }] }, { type: i0.Output, args: ["sortByColumnChange"] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], thead: [{ type: i0.ViewChild, args: ['thead', { isSignal: true }] }], tbody: [{ type: i0.ViewChild, args: ['tbody', { isSignal: true }] }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ShipResize, ShipSort, ShipStickyColumns, ShipTable };
+//# sourceMappingURL=ship-ui-core-ship-table.mjs.map