npm - @ngstarter-ui/components - Versions diffs - 1.0.28 → 1.0.30 - Mend

@ngstarter-ui/components 1.0.28 → 1.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (229) hide show

package/fesm2022/ngstarter-ui-components-stepper.mjs CHANGED Viewed

@@ -56,11 +56,11 @@ class Stepper extends CdkStepper {
         super.ngAfterContentInit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Stepper, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Stepper, isStandalone: true, selector: "ngs-stepper", inputs: { headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: CdkStepper, useExisting: Stepper }], queries: [{ propertyName: "stepItems", predicate: Step, descendants: true, isSignal: true }, { propertyName: "_stepLabels", predicate: StepLabel, descendants: true, isSignal: true }], exportAs: ["ngsStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"ngs-stepper\"\n     [class.ngs-stepper-vertical]=\"orientation === 'vertical'\"\n     [class.ngs-stepper-horizontal]=\"orientation === 'horizontal'\"\n     [class.ngs-stepper-header-bottom]=\"headerPosition() === 'bottom'\">\n  @if (orientation === 'horizontal') {\n    <div class=\"ngs-stepper-header-container\" [class.ngs-stepper-label-bottom-container]=\"labelPosition() === 'bottom'\">\n      @for (step of stepItems(); track step; let i = $index) {\n        <div class=\"ngs-stepper-header\"\n             [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n             [class.ngs-stepper-header-completed]=\"step.completed\"\n             [class.ngs-stepper-label-bottom]=\"labelPosition() === 'bottom'\"\n             (click)=\"step.select()\"\n             role=\"tab\"\n             [attr.aria-selected]=\"selectedIndex === i\"\n             [attr.aria-controls]=\"_getStepContentId(i)\">\n          <div class=\"ngs-stepper-icon\">\n            @if (step.completed) {\n              <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n                <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n              </svg>\n            } @else {\n              {{ i + 1 }}\n            }\n          </div>\n          <div class=\"ngs-stepper-label\">\n            @if (step.stepLabel) {\n              <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n            } @else {\n              {{ step.label }}\n            }\n          </div>\n        </div>\n        @if (i < stepItems().length - 1 && labelPosition() !== 'bottom') {\n          <div class=\"ngs-stepper-line\"></div>\n        }\n      }\n    </div>\n\n    <div class=\"ngs-stepper-content-container\">\n      @for (step of stepItems(); track step; let i = $index) {\n        <div class=\"ngs-stepper-content\"\n             [id]=\"_getStepContentId(i)\"\n             role=\"tabpanel\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [hidden]=\"selectedIndex !== i\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\n        </div>\n      }\n    </div>\n  } @else {\n    @for (step of stepItems(); track step; let i = $index) {\n      <div class=\"ngs-stepper-header\"\n           [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n           [class.ngs-stepper-header-completed]=\"step.completed\"\n           (click)=\"step.select()\"\n           role=\"tab\"\n           [attr.aria-selected]=\"selectedIndex === i\"\n           [attr.aria-controls]=\"_getStepContentId(i)\">\n        <div class=\"ngs-stepper-icon\">\n          @if (step.completed) {\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n              <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n            </svg>\n          } @else {\n            {{ i + 1 }}\n          }\n        </div>\n        <div class=\"ngs-stepper-label\">\n          @if (step.stepLabel) {\n            <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n          } @else {\n            {{ step.label }}\n          }\n        </div>\n      </div>\n      <div class=\"ngs-stepper-content-wrapper\" [class.ngs-stepper-last-step]=\"i === stepItems().length - 1\">\n        <div class=\"ngs-stepper-vertical-line\"></div>\n        <div class=\"ngs-stepper-content\"\n             [id]=\"_getStepContentId(i)\"\n             role=\"tabpanel\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [hidden]=\"selectedIndex !== i\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":root{--ngs-stepper-header-padding: 16px;--ngs-stepper-header-gap: 8px;--ngs-stepper-icon-size: 24px;--ngs-stepper-icon-bg: var(--color-surface-container-high);--ngs-stepper-icon-color: var(--color-on-surface);--ngs-stepper-icon-active-bg: var(--color-primary);--ngs-stepper-icon-completed-bg: var(--color-positive);--ngs-stepper-label-color: var(--color-on-surface-variant);--ngs-stepper-label-active-color: var(--color-on-surface);--ngs-stepper-line-color: var(--color-outline-variant);--ngs-stepper-content-padding: 24px}.ngs-stepper{display:flex;flex-direction:column}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-header{padding:16px 0}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content-wrapper{margin-left:calc(var(--ngs-stepper-icon-size) / 2 - .5px);padding-left:calc(var(--ngs-stepper-icon-size) / 2 + var(--ngs-stepper-header-gap) + .5px);position:relative}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content-wrapper.ngs-stepper-last-step .ngs-stepper-vertical-line{display:none}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-vertical-line{position:absolute;left:0;top:-16px;bottom:-16px;width:1px;background:var(--ngs-stepper-line-color)}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content{padding:8px 0 24px}.ngs-stepper.ngs-stepper-header-bottom{flex-direction:column-reverse}.ngs-stepper.ngs-stepper-header-bottom .ngs-stepper-header-container{border-bottom:none;border-top:1px solid var(--ngs-stepper-line-color)}.ngs-stepper-header-container{display:flex;align-items:center;padding:0 var(--ngs-stepper-header-padding);border-bottom:1px solid var(--ngs-stepper-line-color);overflow-x:hidden}.ngs-stepper-header-container.ngs-stepper-label-bottom-container{align-items:flex-start;padding:0}.ngs-stepper-header-container.ngs-stepper-label-bottom-container .ngs-stepper-header{flex:1;padding-left:8px;padding-right:8px}.ngs-stepper-header{display:flex;align-items:center;gap:var(--ngs-stepper-header-gap);padding:16px 0;cursor:pointer;white-space:nowrap;outline:none;position:relative;min-width:0}.ngs-stepper-header:hover .ngs-stepper-icon:not(.ngs-stepper-header-active .ngs-stepper-icon){background:var(--color-surface-container-highest)}.ngs-stepper-header.ngs-stepper-label-bottom{flex-direction:column;justify-content:center;width:auto;min-width:100px;gap:12px}.ngs-stepper-header.ngs-stepper-label-bottom .ngs-stepper-label{text-align:center;white-space:normal}.ngs-stepper-header.ngs-stepper-label-bottom:before,.ngs-stepper-header.ngs-stepper-label-bottom:after{content:\"\";position:absolute;top:calc(var(--ngs-stepper-icon-size) / 2 + 16px);height:1px;background:var(--ngs-stepper-line-color);width:calc(50% - var(--ngs-stepper-icon-size) / 2 - 8px)}.ngs-stepper-header.ngs-stepper-label-bottom:before{left:0}.ngs-stepper-header.ngs-stepper-label-bottom:after{right:0}.ngs-stepper-header.ngs-stepper-label-bottom:first-child:before,.ngs-stepper-header.ngs-stepper-label-bottom:last-of-type:after{display:none}.ngs-stepper-icon{width:var(--ngs-stepper-icon-size);height:var(--ngs-stepper-icon-size);border-radius:50%;background:var(--ngs-stepper-icon-bg);color:var(--ngs-stepper-icon-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;transition:background-color .2s ease;z-index:1}.ngs-stepper-header-active .ngs-stepper-icon{background:var(--ngs-stepper-icon-active-bg)}.ngs-stepper-header-active .ngs-stepper-label{color:var(--ngs-stepper-label-active-color);font-weight:500}.ngs-stepper-header-completed .ngs-stepper-icon{background:var(--ngs-stepper-icon-completed-bg)}.ngs-stepper-label{color:var(--ngs-stepper-label-color);font-size:14px;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngs-stepper-line{flex:1;height:1px;background:var(--ngs-stepper-line-color);margin:0 16px;min-width:24px}.ngs-stepper-content-container{padding:var(--ngs-stepper-content-padding)}.ngs-stepper-content{outline:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Stepper, isStandalone: true, selector: "ngs-stepper", inputs: { headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: CdkStepper, useExisting: Stepper }], queries: [{ propertyName: "stepItems", predicate: Step, descendants: true, isSignal: true }, { propertyName: "_stepLabels", predicate: StepLabel, descendants: true, isSignal: true }], exportAs: ["ngsStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"ngs-stepper\"\n     [class.ngs-stepper-vertical]=\"orientation === 'vertical'\"\n     [class.ngs-stepper-horizontal]=\"orientation === 'horizontal'\"\n     [class.ngs-stepper-header-bottom]=\"headerPosition() === 'bottom'\">\n  @if (orientation === 'horizontal') {\n    <div class=\"ngs-stepper-header-container\" [class.ngs-stepper-label-bottom-container]=\"labelPosition() === 'bottom'\">\n      @for (step of stepItems(); track step; let i = $index) {\n        <div class=\"ngs-stepper-header\"\n             [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n             [class.ngs-stepper-header-completed]=\"step.completed\"\n             [class.ngs-stepper-label-bottom]=\"labelPosition() === 'bottom'\"\n             (click)=\"step.select()\"\n             role=\"tab\"\n             [attr.aria-selected]=\"selectedIndex === i\"\n             [attr.aria-controls]=\"_getStepContentId(i)\">\n          <div class=\"ngs-stepper-icon\">\n            @if (step.completed) {\n              <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n                <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n              </svg>\n            } @else {\n              {{ i + 1 }}\n            }\n          </div>\n          <div class=\"ngs-stepper-label\">\n            @if (step.stepLabel) {\n              <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n            } @else {\n              {{ step.label }}\n            }\n          </div>\n        </div>\n        @if (i < stepItems().length - 1 && labelPosition() !== 'bottom') {\n          <div class=\"ngs-stepper-line\"></div>\n        }\n      }\n    </div>\n\n    <div class=\"ngs-stepper-content-container\">\n      @for (step of stepItems(); track step; let i = $index) {\n        <div class=\"ngs-stepper-content\"\n             [id]=\"_getStepContentId(i)\"\n             role=\"tabpanel\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [hidden]=\"selectedIndex !== i\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\n        </div>\n      }\n    </div>\n  } @else {\n    @for (step of stepItems(); track step; let i = $index) {\n      <div class=\"ngs-stepper-header\"\n           [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n           [class.ngs-stepper-header-completed]=\"step.completed\"\n           (click)=\"step.select()\"\n           role=\"tab\"\n           [attr.aria-selected]=\"selectedIndex === i\"\n           [attr.aria-controls]=\"_getStepContentId(i)\">\n        <div class=\"ngs-stepper-icon\">\n          @if (step.completed) {\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n              <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n            </svg>\n          } @else {\n            {{ i + 1 }}\n          }\n        </div>\n        <div class=\"ngs-stepper-label\">\n          @if (step.stepLabel) {\n            <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n          } @else {\n            {{ step.label }}\n          }\n        </div>\n      </div>\n      <div class=\"ngs-stepper-content-wrapper\" [class.ngs-stepper-last-step]=\"i === stepItems().length - 1\">\n        <div class=\"ngs-stepper-vertical-line\"></div>\n        <div class=\"ngs-stepper-content\"\n             [id]=\"_getStepContentId(i)\"\n             role=\"tabpanel\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [hidden]=\"selectedIndex !== i\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":root{--ngs-stepper-header-padding: 16px;--ngs-stepper-header-gap: 8px;--ngs-stepper-icon-size: 24px;--ngs-stepper-icon-bg: var(--ngs-color-surface-container-high);--ngs-stepper-icon-color: var(--ngs-color-on-surface);--ngs-stepper-icon-active-bg: var(--ngs-color-primary);--ngs-stepper-icon-completed-bg: var(--ngs-color-success);--ngs-stepper-label-color: var(--ngs-color-on-surface-variant);--ngs-stepper-label-active-color: var(--ngs-color-on-surface);--ngs-stepper-line-color: var(--ngs-color-outline-variant);--ngs-stepper-content-padding: 24px}.ngs-stepper{display:flex;flex-direction:column}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-header{padding:16px 0}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content-wrapper{margin-left:calc(var(--ngs-stepper-icon-size) / 2 - .5px);padding-left:calc(var(--ngs-stepper-icon-size) / 2 + var(--ngs-stepper-header-gap) + .5px);position:relative}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content-wrapper.ngs-stepper-last-step .ngs-stepper-vertical-line{display:none}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-vertical-line{position:absolute;left:0;top:-16px;bottom:-16px;width:1px;background:var(--ngs-stepper-line-color)}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content{padding:8px 0 24px}.ngs-stepper.ngs-stepper-header-bottom{flex-direction:column-reverse}.ngs-stepper.ngs-stepper-header-bottom .ngs-stepper-header-container{border-bottom:none;border-top:1px solid var(--ngs-stepper-line-color)}.ngs-stepper-header-container{display:flex;align-items:center;padding:0 var(--ngs-stepper-header-padding);border-bottom:1px solid var(--ngs-stepper-line-color);overflow-x:hidden}.ngs-stepper-header-container.ngs-stepper-label-bottom-container{align-items:flex-start;padding:0}.ngs-stepper-header-container.ngs-stepper-label-bottom-container .ngs-stepper-header{flex:1;padding-left:8px;padding-right:8px}.ngs-stepper-header{display:flex;align-items:center;gap:var(--ngs-stepper-header-gap);padding:16px 0;cursor:pointer;white-space:nowrap;outline:none;position:relative;min-width:0}.ngs-stepper-header:hover .ngs-stepper-icon:not(.ngs-stepper-header-active .ngs-stepper-icon){background:var(--ngs-color-surface-container-highest)}.ngs-stepper-header.ngs-stepper-label-bottom{flex-direction:column;justify-content:center;width:auto;min-width:100px;gap:12px}.ngs-stepper-header.ngs-stepper-label-bottom .ngs-stepper-label{text-align:center;white-space:normal}.ngs-stepper-header.ngs-stepper-label-bottom:before,.ngs-stepper-header.ngs-stepper-label-bottom:after{content:\"\";position:absolute;top:calc(var(--ngs-stepper-icon-size) / 2 + 16px);height:1px;background:var(--ngs-stepper-line-color);width:calc(50% - var(--ngs-stepper-icon-size) / 2 - 8px)}.ngs-stepper-header.ngs-stepper-label-bottom:before{left:0}.ngs-stepper-header.ngs-stepper-label-bottom:after{right:0}.ngs-stepper-header.ngs-stepper-label-bottom:first-child:before,.ngs-stepper-header.ngs-stepper-label-bottom:last-of-type:after{display:none}.ngs-stepper-icon{width:var(--ngs-stepper-icon-size);height:var(--ngs-stepper-icon-size);border-radius:50%;background:var(--ngs-stepper-icon-bg);color:var(--ngs-stepper-icon-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;transition:background-color .2s ease;z-index:1}.ngs-stepper-header-active .ngs-stepper-icon{background:var(--ngs-stepper-icon-active-bg)}.ngs-stepper-header-active .ngs-stepper-label{color:var(--ngs-stepper-label-active-color);font-weight:500}.ngs-stepper-header-completed .ngs-stepper-icon{background:var(--ngs-stepper-icon-completed-bg)}.ngs-stepper-label{color:var(--ngs-stepper-label-color);font-size:14px;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngs-stepper-line{flex:1;height:1px;background:var(--ngs-stepper-line-color);margin:0 16px;min-width:24px}.ngs-stepper-content-container{padding:var(--ngs-stepper-content-padding)}.ngs-stepper-content{outline:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Stepper, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-stepper', exportAs: 'ngsStepper', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, providers: [{ provide: CdkStepper, useExisting: Stepper }], template: "<div class=\"ngs-stepper\"\n     [class.ngs-stepper-vertical]=\"orientation === 'vertical'\"\n     [class.ngs-stepper-horizontal]=\"orientation === 'horizontal'\"\n     [class.ngs-stepper-header-bottom]=\"headerPosition() === 'bottom'\">\n  @if (orientation === 'horizontal') {\n    <div class=\"ngs-stepper-header-container\" [class.ngs-stepper-label-bottom-container]=\"labelPosition() === 'bottom'\">\n      @for (step of stepItems(); track step; let i = $index) {\n        <div class=\"ngs-stepper-header\"\n             [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n             [class.ngs-stepper-header-completed]=\"step.completed\"\n             [class.ngs-stepper-label-bottom]=\"labelPosition() === 'bottom'\"\n             (click)=\"step.select()\"\n             role=\"tab\"\n             [attr.aria-selected]=\"selectedIndex === i\"\n             [attr.aria-controls]=\"_getStepContentId(i)\">\n          <div class=\"ngs-stepper-icon\">\n            @if (step.completed) {\n              <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n                <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n              </svg>\n            } @else {\n              {{ i + 1 }}\n            }\n          </div>\n          <div class=\"ngs-stepper-label\">\n            @if (step.stepLabel) {\n              <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n            } @else {\n              {{ step.label }}\n            }\n          </div>\n        </div>\n        @if (i < stepItems().length - 1 && labelPosition() !== 'bottom') {\n          <div class=\"ngs-stepper-line\"></div>\n        }\n      }\n    </div>\n\n    <div class=\"ngs-stepper-content-container\">\n      @for (step of stepItems(); track step; let i = $index) {\n        <div class=\"ngs-stepper-content\"\n             [id]=\"_getStepContentId(i)\"\n             role=\"tabpanel\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [hidden]=\"selectedIndex !== i\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\n        </div>\n      }\n    </div>\n  } @else {\n    @for (step of stepItems(); track step; let i = $index) {\n      <div class=\"ngs-stepper-header\"\n           [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n           [class.ngs-stepper-header-completed]=\"step.completed\"\n           (click)=\"step.select()\"\n           role=\"tab\"\n           [attr.aria-selected]=\"selectedIndex === i\"\n           [attr.aria-controls]=\"_getStepContentId(i)\">\n        <div class=\"ngs-stepper-icon\">\n          @if (step.completed) {\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n              <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n            </svg>\n          } @else {\n            {{ i + 1 }}\n          }\n        </div>\n        <div class=\"ngs-stepper-label\">\n          @if (step.stepLabel) {\n            <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n          } @else {\n            {{ step.label }}\n          }\n        </div>\n      </div>\n      <div class=\"ngs-stepper-content-wrapper\" [class.ngs-stepper-last-step]=\"i === stepItems().length - 1\">\n        <div class=\"ngs-stepper-vertical-line\"></div>\n        <div class=\"ngs-stepper-content\"\n             [id]=\"_getStepContentId(i)\"\n             role=\"tabpanel\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [hidden]=\"selectedIndex !== i\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":root{--ngs-stepper-header-padding: 16px;--ngs-stepper-header-gap: 8px;--ngs-stepper-icon-size: 24px;--ngs-stepper-icon-bg: var(--color-surface-container-high);--ngs-stepper-icon-color: var(--color-on-surface);--ngs-stepper-icon-active-bg: var(--color-primary);--ngs-stepper-icon-completed-bg: var(--color-positive);--ngs-stepper-label-color: var(--color-on-surface-variant);--ngs-stepper-label-active-color: var(--color-on-surface);--ngs-stepper-line-color: var(--color-outline-variant);--ngs-stepper-content-padding: 24px}.ngs-stepper{display:flex;flex-direction:column}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-header{padding:16px 0}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content-wrapper{margin-left:calc(var(--ngs-stepper-icon-size) / 2 - .5px);padding-left:calc(var(--ngs-stepper-icon-size) / 2 + var(--ngs-stepper-header-gap) + .5px);position:relative}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content-wrapper.ngs-stepper-last-step .ngs-stepper-vertical-line{display:none}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-vertical-line{position:absolute;left:0;top:-16px;bottom:-16px;width:1px;background:var(--ngs-stepper-line-color)}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content{padding:8px 0 24px}.ngs-stepper.ngs-stepper-header-bottom{flex-direction:column-reverse}.ngs-stepper.ngs-stepper-header-bottom .ngs-stepper-header-container{border-bottom:none;border-top:1px solid var(--ngs-stepper-line-color)}.ngs-stepper-header-container{display:flex;align-items:center;padding:0 var(--ngs-stepper-header-padding);border-bottom:1px solid var(--ngs-stepper-line-color);overflow-x:hidden}.ngs-stepper-header-container.ngs-stepper-label-bottom-container{align-items:flex-start;padding:0}.ngs-stepper-header-container.ngs-stepper-label-bottom-container .ngs-stepper-header{flex:1;padding-left:8px;padding-right:8px}.ngs-stepper-header{display:flex;align-items:center;gap:var(--ngs-stepper-header-gap);padding:16px 0;cursor:pointer;white-space:nowrap;outline:none;position:relative;min-width:0}.ngs-stepper-header:hover .ngs-stepper-icon:not(.ngs-stepper-header-active .ngs-stepper-icon){background:var(--color-surface-container-highest)}.ngs-stepper-header.ngs-stepper-label-bottom{flex-direction:column;justify-content:center;width:auto;min-width:100px;gap:12px}.ngs-stepper-header.ngs-stepper-label-bottom .ngs-stepper-label{text-align:center;white-space:normal}.ngs-stepper-header.ngs-stepper-label-bottom:before,.ngs-stepper-header.ngs-stepper-label-bottom:after{content:\"\";position:absolute;top:calc(var(--ngs-stepper-icon-size) / 2 + 16px);height:1px;background:var(--ngs-stepper-line-color);width:calc(50% - var(--ngs-stepper-icon-size) / 2 - 8px)}.ngs-stepper-header.ngs-stepper-label-bottom:before{left:0}.ngs-stepper-header.ngs-stepper-label-bottom:after{right:0}.ngs-stepper-header.ngs-stepper-label-bottom:first-child:before,.ngs-stepper-header.ngs-stepper-label-bottom:last-of-type:after{display:none}.ngs-stepper-icon{width:var(--ngs-stepper-icon-size);height:var(--ngs-stepper-icon-size);border-radius:50%;background:var(--ngs-stepper-icon-bg);color:var(--ngs-stepper-icon-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;transition:background-color .2s ease;z-index:1}.ngs-stepper-header-active .ngs-stepper-icon{background:var(--ngs-stepper-icon-active-bg)}.ngs-stepper-header-active .ngs-stepper-label{color:var(--ngs-stepper-label-active-color);font-weight:500}.ngs-stepper-header-completed .ngs-stepper-icon{background:var(--ngs-stepper-icon-completed-bg)}.ngs-stepper-label{color:var(--ngs-stepper-label-color);font-size:14px;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngs-stepper-line{flex:1;height:1px;background:var(--ngs-stepper-line-color);margin:0 16px;min-width:24px}.ngs-stepper-content-container{padding:var(--ngs-stepper-content-padding)}.ngs-stepper-content{outline:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ngs-stepper', exportAs: 'ngsStepper', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, providers: [{ provide: CdkStepper, useExisting: Stepper }], template: "<div class=\"ngs-stepper\"\n     [class.ngs-stepper-vertical]=\"orientation === 'vertical'\"\n     [class.ngs-stepper-horizontal]=\"orientation === 'horizontal'\"\n     [class.ngs-stepper-header-bottom]=\"headerPosition() === 'bottom'\">\n  @if (orientation === 'horizontal') {\n    <div class=\"ngs-stepper-header-container\" [class.ngs-stepper-label-bottom-container]=\"labelPosition() === 'bottom'\">\n      @for (step of stepItems(); track step; let i = $index) {\n        <div class=\"ngs-stepper-header\"\n             [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n             [class.ngs-stepper-header-completed]=\"step.completed\"\n             [class.ngs-stepper-label-bottom]=\"labelPosition() === 'bottom'\"\n             (click)=\"step.select()\"\n             role=\"tab\"\n             [attr.aria-selected]=\"selectedIndex === i\"\n             [attr.aria-controls]=\"_getStepContentId(i)\">\n          <div class=\"ngs-stepper-icon\">\n            @if (step.completed) {\n              <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n                <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n              </svg>\n            } @else {\n              {{ i + 1 }}\n            }\n          </div>\n          <div class=\"ngs-stepper-label\">\n            @if (step.stepLabel) {\n              <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n            } @else {\n              {{ step.label }}\n            }\n          </div>\n        </div>\n        @if (i < stepItems().length - 1 && labelPosition() !== 'bottom') {\n          <div class=\"ngs-stepper-line\"></div>\n        }\n      }\n    </div>\n\n    <div class=\"ngs-stepper-content-container\">\n      @for (step of stepItems(); track step; let i = $index) {\n        <div class=\"ngs-stepper-content\"\n             [id]=\"_getStepContentId(i)\"\n             role=\"tabpanel\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [hidden]=\"selectedIndex !== i\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\n        </div>\n      }\n    </div>\n  } @else {\n    @for (step of stepItems(); track step; let i = $index) {\n      <div class=\"ngs-stepper-header\"\n           [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n           [class.ngs-stepper-header-completed]=\"step.completed\"\n           (click)=\"step.select()\"\n           role=\"tab\"\n           [attr.aria-selected]=\"selectedIndex === i\"\n           [attr.aria-controls]=\"_getStepContentId(i)\">\n        <div class=\"ngs-stepper-icon\">\n          @if (step.completed) {\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n              <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n            </svg>\n          } @else {\n            {{ i + 1 }}\n          }\n        </div>\n        <div class=\"ngs-stepper-label\">\n          @if (step.stepLabel) {\n            <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n          } @else {\n            {{ step.label }}\n          }\n        </div>\n      </div>\n      <div class=\"ngs-stepper-content-wrapper\" [class.ngs-stepper-last-step]=\"i === stepItems().length - 1\">\n        <div class=\"ngs-stepper-vertical-line\"></div>\n        <div class=\"ngs-stepper-content\"\n             [id]=\"_getStepContentId(i)\"\n             role=\"tabpanel\"\n             [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n             [hidden]=\"selectedIndex !== i\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":root{--ngs-stepper-header-padding: 16px;--ngs-stepper-header-gap: 8px;--ngs-stepper-icon-size: 24px;--ngs-stepper-icon-bg: var(--ngs-color-surface-container-high);--ngs-stepper-icon-color: var(--ngs-color-on-surface);--ngs-stepper-icon-active-bg: var(--ngs-color-primary);--ngs-stepper-icon-completed-bg: var(--ngs-color-success);--ngs-stepper-label-color: var(--ngs-color-on-surface-variant);--ngs-stepper-label-active-color: var(--ngs-color-on-surface);--ngs-stepper-line-color: var(--ngs-color-outline-variant);--ngs-stepper-content-padding: 24px}.ngs-stepper{display:flex;flex-direction:column}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-header{padding:16px 0}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content-wrapper{margin-left:calc(var(--ngs-stepper-icon-size) / 2 - .5px);padding-left:calc(var(--ngs-stepper-icon-size) / 2 + var(--ngs-stepper-header-gap) + .5px);position:relative}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content-wrapper.ngs-stepper-last-step .ngs-stepper-vertical-line{display:none}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-vertical-line{position:absolute;left:0;top:-16px;bottom:-16px;width:1px;background:var(--ngs-stepper-line-color)}.ngs-stepper.ngs-stepper-vertical .ngs-stepper-content{padding:8px 0 24px}.ngs-stepper.ngs-stepper-header-bottom{flex-direction:column-reverse}.ngs-stepper.ngs-stepper-header-bottom .ngs-stepper-header-container{border-bottom:none;border-top:1px solid var(--ngs-stepper-line-color)}.ngs-stepper-header-container{display:flex;align-items:center;padding:0 var(--ngs-stepper-header-padding);border-bottom:1px solid var(--ngs-stepper-line-color);overflow-x:hidden}.ngs-stepper-header-container.ngs-stepper-label-bottom-container{align-items:flex-start;padding:0}.ngs-stepper-header-container.ngs-stepper-label-bottom-container .ngs-stepper-header{flex:1;padding-left:8px;padding-right:8px}.ngs-stepper-header{display:flex;align-items:center;gap:var(--ngs-stepper-header-gap);padding:16px 0;cursor:pointer;white-space:nowrap;outline:none;position:relative;min-width:0}.ngs-stepper-header:hover .ngs-stepper-icon:not(.ngs-stepper-header-active .ngs-stepper-icon){background:var(--ngs-color-surface-container-highest)}.ngs-stepper-header.ngs-stepper-label-bottom{flex-direction:column;justify-content:center;width:auto;min-width:100px;gap:12px}.ngs-stepper-header.ngs-stepper-label-bottom .ngs-stepper-label{text-align:center;white-space:normal}.ngs-stepper-header.ngs-stepper-label-bottom:before,.ngs-stepper-header.ngs-stepper-label-bottom:after{content:\"\";position:absolute;top:calc(var(--ngs-stepper-icon-size) / 2 + 16px);height:1px;background:var(--ngs-stepper-line-color);width:calc(50% - var(--ngs-stepper-icon-size) / 2 - 8px)}.ngs-stepper-header.ngs-stepper-label-bottom:before{left:0}.ngs-stepper-header.ngs-stepper-label-bottom:after{right:0}.ngs-stepper-header.ngs-stepper-label-bottom:first-child:before,.ngs-stepper-header.ngs-stepper-label-bottom:last-of-type:after{display:none}.ngs-stepper-icon{width:var(--ngs-stepper-icon-size);height:var(--ngs-stepper-icon-size);border-radius:50%;background:var(--ngs-stepper-icon-bg);color:var(--ngs-stepper-icon-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;transition:background-color .2s ease;z-index:1}.ngs-stepper-header-active .ngs-stepper-icon{background:var(--ngs-stepper-icon-active-bg)}.ngs-stepper-header-active .ngs-stepper-label{color:var(--ngs-stepper-label-active-color);font-weight:500}.ngs-stepper-header-completed .ngs-stepper-icon{background:var(--ngs-stepper-icon-completed-bg)}.ngs-stepper-label{color:var(--ngs-stepper-label-color);font-size:14px;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngs-stepper-line{flex:1;height:1px;background:var(--ngs-stepper-line-color);margin:0 16px;min-width:24px}.ngs-stepper-content-container{padding:var(--ngs-stepper-content-padding)}.ngs-stepper-content{outline:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { headerPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerPosition", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], stepItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => Step), { ...{ descendants: true }, isSignal: true }] }], _stepLabels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StepLabel), { ...{ descendants: true }, isSignal: true }] }] } });
 class StepperNext extends CdkStepperNext {

package/fesm2022/ngstarter-ui-components-stepper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-stepper.mjs","sources":["../../../projects/components/stepper/src/step-label.ts","../../../projects/components/stepper/src/step/step.ts","../../../projects/components/stepper/src/step/step.html","../../../projects/components/stepper/src/stepper/stepper.ts","../../../projects/components/stepper/src/stepper/stepper.html","../../../projects/components/stepper/src/stepper-next.ts","../../../projects/components/stepper/src/stepper-previous.ts","../../../projects/components/stepper/ngstarter-ui-components-stepper.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsStepLabel]',\n standalone: true\n})\nexport class StepLabel {\n constructor(public template: TemplateRef<any>) { }\n}\n","import { Component, ContentChild, Input, ViewEncapsulation, forwardRef, Inject } from '@angular/core';\nimport { CdkStep, CdkStepper } from '@angular/cdk/stepper';\nimport { StepLabel } from '../step-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { Stepper } from '../stepper/stepper';\n\n@Component({\n selector: 'ngs-step',\n exportAs: 'ngsStep',\n standalone: true,\n imports: [],\n templateUrl: './step.html',\n styleUrl: './step.scss',\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: CdkStep, useExisting: Step }],\n})\nexport class Step extends CdkStep {\n @ContentChild(StepLabel) override stepLabel: StepLabel = undefined!;\n\n constructor(@Inject(forwardRef(() => Stepper)) stepper: Stepper) {\n super(stepper);\n }\n}\n","<ng-template>\n <ng-content />\n</ng-template>\n","import { Component, input, ViewEncapsulation, contentChildren } from '@angular/core';\nimport { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport { Step } from '../step/step';\nimport { StepLabel } from '../step-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'ngs-stepper',\n exportAs: 'ngsStepper',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './stepper.html',\n styleUrl: './stepper.scss',\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: CdkStepper, useExisting: Stepper }],\n})\nexport class Stepper extends CdkStepper {\n headerPosition = input<'top' \| 'bottom'>('top');\n labelPosition = input<'top' \| 'bottom'>('top');\n\n private _stepperOrientation: StepperOrientation = 'horizontal';\n\n override get orientation(): StepperOrientation {\n return this._stepperOrientation;\n }\n override set orientation(value: StepperOrientation) {\n this._stepperOrientation = value;\n }\n\n // Use a separate signal for template iteration to avoid overriding CdkStepper's QueryList `_steps`.\n readonly stepItems = contentChildren(Step, { descendants: true });\n readonly _stepLabels = contentChildren(StepLabel, { descendants: true });\n\n override ngAfterContentInit() {\n super.ngAfterContentInit();\n }\n}\n","<div class=\"ngs-stepper\"\n [class.ngs-stepper-vertical]=\"orientation === 'vertical'\"\n [class.ngs-stepper-horizontal]=\"orientation === 'horizontal'\"\n [class.ngs-stepper-header-bottom]=\"headerPosition() === 'bottom'\">\n @if (orientation === 'horizontal') {\n <div class=\"ngs-stepper-header-container\" [class.ngs-stepper-label-bottom-container]=\"labelPosition() === 'bottom'\">\n @for (step of stepItems(); track step; let i = $index) {\n <div class=\"ngs-stepper-header\"\n [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n [class.ngs-stepper-header-completed]=\"step.completed\"\n [class.ngs-stepper-label-bottom]=\"labelPosition() === 'bottom'\"\n (click)=\"step.select()\"\n role=\"tab\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [attr.aria-controls]=\"_getStepContentId(i)\">\n <div class=\"ngs-stepper-icon\">\n @if (step.completed) {\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n </svg>\n } @else {\n {{ i + 1 }}\n }\n </div>\n <div class=\"ngs-stepper-label\">\n @if (step.stepLabel) {\n <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n } @else {\n {{ step.label }}\n }\n </div>\n </div>\n @if (i < stepItems().length - 1 && labelPosition() !== 'bottom') {\n <div class=\"ngs-stepper-line\"></div>\n }\n }\n </div>\n\n <div class=\"ngs-stepper-content-container\">\n @for (step of stepItems(); track step; let i = $index) {\n <div class=\"ngs-stepper-content\"\n [id]=\"_getStepContentId(i)\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [hidden]=\"selectedIndex !== i\">\n <ng-container [ngTemplateOutlet]=\"step.content\" />\n </div>\n }\n </div>\n } @else {\n @for (step of stepItems(); track step; let i = $index) {\n <div class=\"ngs-stepper-header\"\n [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n [class.ngs-stepper-header-completed]=\"step.completed\"\n (click)=\"step.select()\"\n role=\"tab\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [attr.aria-controls]=\"_getStepContentId(i)\">\n <div class=\"ngs-stepper-icon\">\n @if (step.completed) {\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n </svg>\n } @else {\n {{ i + 1 }}\n }\n </div>\n <div class=\"ngs-stepper-label\">\n @if (step.stepLabel) {\n <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n } @else {\n {{ step.label }}\n }\n </div>\n </div>\n <div class=\"ngs-stepper-content-wrapper\" [class.ngs-stepper-last-step]=\"i === stepItems().length - 1\">\n <div class=\"ngs-stepper-vertical-line\"></div>\n <div class=\"ngs-stepper-content\"\n [id]=\"_getStepContentId(i)\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [hidden]=\"selectedIndex !== i\">\n <ng-container [ngTemplateOutlet]=\"step.content\" />\n </div>\n </div>\n }\n }\n</div>\n","import { Directive, input } from '@angular/core';\nimport { CdkStepperNext } from '@angular/cdk/stepper';\n\n@Directive({\n selector: 'button[ngsStepperNext]',\n host: {\n '[type]': 'type',\n },\n standalone: true\n})\nexport class StepperNext extends CdkStepperNext {\n override type: string = 'submit';\n}\n","import { Directive, input } from '@angular/core';\nimport { CdkStepperPrevious } from '@angular/cdk/stepper';\n\n@Directive({\n selector: 'button[ngsStepperPrevious]',\n host: {\n '[type]': 'type',\n },\n standalone: true\n})\nexport class StepperPrevious extends CdkStepperPrevious {\n override type: string = 'button';\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngstarter-ui-components-stepper.mjs","sources":["../../../projects/components/stepper/src/step-label.ts","../../../projects/components/stepper/src/step/step.ts","../../../projects/components/stepper/src/step/step.html","../../../projects/components/stepper/src/stepper/stepper.ts","../../../projects/components/stepper/src/stepper/stepper.html","../../../projects/components/stepper/src/stepper-next.ts","../../../projects/components/stepper/src/stepper-previous.ts","../../../projects/components/stepper/ngstarter-ui-components-stepper.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsStepLabel]',\n standalone: true\n})\nexport class StepLabel {\n constructor(public template: TemplateRef<any>) { }\n}\n","import { Component, ContentChild, Input, ViewEncapsulation, forwardRef, Inject } from '@angular/core';\nimport { CdkStep, CdkStepper } from '@angular/cdk/stepper';\nimport { StepLabel } from '../step-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport { Stepper } from '../stepper/stepper';\n\n@Component({\n selector: 'ngs-step',\n exportAs: 'ngsStep',\n standalone: true,\n imports: [],\n templateUrl: './step.html',\n styleUrl: './step.scss',\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: CdkStep, useExisting: Step }],\n})\nexport class Step extends CdkStep {\n @ContentChild(StepLabel) override stepLabel: StepLabel = undefined!;\n\n constructor(@Inject(forwardRef(() => Stepper)) stepper: Stepper) {\n super(stepper);\n }\n}\n","<ng-template>\n <ng-content />\n</ng-template>\n","import { Component, input, ViewEncapsulation, contentChildren } from '@angular/core';\nimport { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport { Step } from '../step/step';\nimport { StepLabel } from '../step-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'ngs-stepper',\n exportAs: 'ngsStepper',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './stepper.html',\n styleUrl: './stepper.scss',\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: CdkStepper, useExisting: Stepper }],\n})\nexport class Stepper extends CdkStepper {\n headerPosition = input<'top' \| 'bottom'>('top');\n labelPosition = input<'top' \| 'bottom'>('top');\n\n private _stepperOrientation: StepperOrientation = 'horizontal';\n\n override get orientation(): StepperOrientation {\n return this._stepperOrientation;\n }\n override set orientation(value: StepperOrientation) {\n this._stepperOrientation = value;\n }\n\n // Use a separate signal for template iteration to avoid overriding CdkStepper's QueryList `_steps`.\n readonly stepItems = contentChildren(Step, { descendants: true });\n readonly _stepLabels = contentChildren(StepLabel, { descendants: true });\n\n override ngAfterContentInit() {\n super.ngAfterContentInit();\n }\n}\n","<div class=\"ngs-stepper\"\n [class.ngs-stepper-vertical]=\"orientation === 'vertical'\"\n [class.ngs-stepper-horizontal]=\"orientation === 'horizontal'\"\n [class.ngs-stepper-header-bottom]=\"headerPosition() === 'bottom'\">\n @if (orientation === 'horizontal') {\n <div class=\"ngs-stepper-header-container\" [class.ngs-stepper-label-bottom-container]=\"labelPosition() === 'bottom'\">\n @for (step of stepItems(); track step; let i = $index) {\n <div class=\"ngs-stepper-header\"\n [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n [class.ngs-stepper-header-completed]=\"step.completed\"\n [class.ngs-stepper-label-bottom]=\"labelPosition() === 'bottom'\"\n (click)=\"step.select()\"\n role=\"tab\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [attr.aria-controls]=\"_getStepContentId(i)\">\n <div class=\"ngs-stepper-icon\">\n @if (step.completed) {\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n </svg>\n } @else {\n {{ i + 1 }}\n }\n </div>\n <div class=\"ngs-stepper-label\">\n @if (step.stepLabel) {\n <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n } @else {\n {{ step.label }}\n }\n </div>\n </div>\n @if (i < stepItems().length - 1 && labelPosition() !== 'bottom') {\n <div class=\"ngs-stepper-line\"></div>\n }\n }\n </div>\n\n <div class=\"ngs-stepper-content-container\">\n @for (step of stepItems(); track step; let i = $index) {\n <div class=\"ngs-stepper-content\"\n [id]=\"_getStepContentId(i)\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [hidden]=\"selectedIndex !== i\">\n <ng-container [ngTemplateOutlet]=\"step.content\" />\n </div>\n }\n </div>\n } @else {\n @for (step of stepItems(); track step; let i = $index) {\n <div class=\"ngs-stepper-header\"\n [class.ngs-stepper-header-active]=\"selectedIndex === i\"\n [class.ngs-stepper-header-completed]=\"step.completed\"\n (click)=\"step.select()\"\n role=\"tab\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [attr.aria-controls]=\"_getStepContentId(i)\">\n <div class=\"ngs-stepper-icon\">\n @if (step.completed) {\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\">\n <path fill=\"currentColor\" d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n </svg>\n } @else {\n {{ i + 1 }}\n }\n </div>\n <div class=\"ngs-stepper-label\">\n @if (step.stepLabel) {\n <ng-container [ngTemplateOutlet]=\"step.stepLabel.template\" />\n } @else {\n {{ step.label }}\n }\n </div>\n </div>\n <div class=\"ngs-stepper-content-wrapper\" [class.ngs-stepper-last-step]=\"i === stepItems().length - 1\">\n <div class=\"ngs-stepper-vertical-line\"></div>\n <div class=\"ngs-stepper-content\"\n [id]=\"_getStepContentId(i)\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [hidden]=\"selectedIndex !== i\">\n <ng-container [ngTemplateOutlet]=\"step.content\" />\n </div>\n </div>\n }\n }\n</div>\n","import { Directive, input } from '@angular/core';\nimport { CdkStepperNext } from '@angular/cdk/stepper';\n\n@Directive({\n selector: 'button[ngsStepperNext]',\n host: {\n '[type]': 'type',\n },\n standalone: true\n})\nexport class StepperNext extends CdkStepperNext {\n override type: string = 'submit';\n}\n","import { Directive, input } from '@angular/core';\nimport { CdkStepperPrevious } from '@angular/cdk/stepper';\n\n@Directive({\n selector: 'button[ngsStepperPrevious]',\n host: {\n '[type]': 'type',\n },\n standalone: true\n})\nexport class StepperPrevious extends CdkStepperPrevious {\n override type: string = 'button';\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-suggestions.mjs CHANGED Viewed

@@ -6,24 +6,24 @@ import { Divider } from '@ngstarter-ui/components/divider';
 class Suggestions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Suggestions, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: Suggestions, isStandalone: true, selector: "ngs-suggestions", host: { classAttribute: "ngs-suggestions" }, exportAs: ["ngsSuggestions"], ngImport: i0, template: "<ng-content />\n", styles: [":host{--ngs-suggestions-bg: var(--color-surface-container-lowest);--ngs-suggestion-block-heading-color: var(--color-on-surface);--ngs-suggestion-block-font-size: .75rem;--ngs-suggestion-block-font-weight: 600;--ngs-suggestion-block-content-padding: calc(var(--spacing, .25rem) * 2) 0;--ngs-suggestion-height: calc(var(--spacing, .25rem) * 11);--ngs-suggestion-padding: 0 calc(var(--spacing, .25rem) * 2);--ngs-suggestion-hover-bg: var(--color-surface-container-low);--ngs-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background:var(--ngs-suggestions-bg)}:host-context(html.dark){--ngs-suggestions-bg: var(--color-surface-container-high);--ngs-suggestion-hover-bg: var(--color-surface-bright)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: Suggestions, isStandalone: true, selector: "ngs-suggestions", host: { classAttribute: "ngs-suggestions" }, exportAs: ["ngsSuggestions"], ngImport: i0, template: "<ng-content />\n", styles: [":host{--ngs-suggestions-bg: var(--ngs-color-surface-container-lowest);--ngs-suggestion-block-heading-color: var(--ngs-color-on-surface);--ngs-suggestion-block-font-size: var(--ngs-font-size-xs);--ngs-suggestion-block-font-weight: 600;--ngs-suggestion-block-content-padding: calc(var(--spacing, .25rem) * 2) 0;--ngs-suggestion-height: calc(var(--spacing, .25rem) * 11);--ngs-suggestion-padding: 0 calc(var(--spacing, .25rem) * 2);--ngs-suggestion-hover-bg: var(--ngs-color-surface-container-low);--ngs-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background:var(--ngs-suggestions-bg)}:host-context(html.dark){--ngs-suggestions-bg: var(--ngs-color-surface-container-high);--ngs-suggestion-hover-bg: var(--ngs-color-surface-bright)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Suggestions, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-suggestions', exportAs: 'ngsSuggestions', imports: [], host: {
                         'class': 'ngs-suggestions'
-                    }, template: "<ng-content />\n", styles: [":host{--ngs-suggestions-bg: var(--color-surface-container-lowest);--ngs-suggestion-block-heading-color: var(--color-on-surface);--ngs-suggestion-block-font-size: .75rem;--ngs-suggestion-block-font-weight: 600;--ngs-suggestion-block-content-padding: calc(var(--spacing, .25rem) * 2) 0;--ngs-suggestion-height: calc(var(--spacing, .25rem) * 11);--ngs-suggestion-padding: 0 calc(var(--spacing, .25rem) * 2);--ngs-suggestion-hover-bg: var(--color-surface-container-low);--ngs-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background:var(--ngs-suggestions-bg)}:host-context(html.dark){--ngs-suggestions-bg: var(--color-surface-container-high);--ngs-suggestion-hover-bg: var(--color-surface-bright)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content />\n", styles: [":host{--ngs-suggestions-bg: var(--ngs-color-surface-container-lowest);--ngs-suggestion-block-heading-color: var(--ngs-color-on-surface);--ngs-suggestion-block-font-size: var(--ngs-font-size-xs);--ngs-suggestion-block-font-weight: 600;--ngs-suggestion-block-content-padding: calc(var(--spacing, .25rem) * 2) 0;--ngs-suggestion-height: calc(var(--spacing, .25rem) * 11);--ngs-suggestion-padding: 0 calc(var(--spacing, .25rem) * 2);--ngs-suggestion-hover-bg: var(--ngs-color-surface-container-low);--ngs-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background:var(--ngs-suggestions-bg)}:host-context(html.dark){--ngs-suggestions-bg: var(--ngs-color-surface-container-high);--ngs-suggestion-hover-bg: var(--ngs-color-surface-bright)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class Suggestion {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Suggestion, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: Suggestion, isStandalone: true, selector: "ngs-suggestion,[ngs-suggestion]", exportAs: ["ngsSuggestion"], hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[ngsSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing, .25rem) * 2.5);height:var(--ngs-suggestion-height);padding:var(--ngs-suggestion-padding);border-radius:var(--ngs-suggestion-border-radius)}:host:hover{background:var(--ngs-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--ngs-avatar-size: calc(var(--spacing, .25rem) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);font-size:.875rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: Suggestion, isStandalone: true, selector: "ngs-suggestion,[ngs-suggestion]", exportAs: ["ngsSuggestion"], hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[ngsSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing, .25rem) * 2.5);height:var(--ngs-suggestion-height);padding:var(--ngs-suggestion-padding);border-radius:var(--ngs-suggestion-border-radius)}:host:hover{background:var(--ngs-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--ngs-avatar-size: calc(var(--spacing, .25rem) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);font-size:var(--ngs-font-size-sm)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Suggestion, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-suggestion,[ngs-suggestion]', exportAs: 'ngsSuggestion', imports: [], hostDirectives: [
                         Ripple
-                    ], template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[ngsSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing, .25rem) * 2.5);height:var(--ngs-suggestion-height);padding:var(--ngs-suggestion-padding);border-radius:var(--ngs-suggestion-border-radius)}:host:hover{background:var(--ngs-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--ngs-avatar-size: calc(var(--spacing, .25rem) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);font-size:.875rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[ngsSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[ngsSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing, .25rem) * 2.5);height:var(--ngs-suggestion-height);padding:var(--ngs-suggestion-padding);border-radius:var(--ngs-suggestion-border-radius)}:host:hover{background:var(--ngs-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--ngs-avatar-size: calc(var(--spacing, .25rem) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);font-size:var(--ngs-font-size-sm)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class SuggestionBlock {

package/fesm2022/ngstarter-ui-components-suggestions.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-suggestions.mjs","sources":["../../../projects/components/suggestions/src/suggestions/suggestions.ts","../../../projects/components/suggestions/src/suggestions/suggestions.html","../../../projects/components/suggestions/src/suggestion/suggestion.ts","../../../projects/components/suggestions/src/suggestion/suggestion.html","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.ts","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.html","../../../projects/components/suggestions/src/suggestion-icon.directive.ts","../../../projects/components/suggestions/src/suggestion-thumb.directive.ts","../../../projects/components/suggestions/ngstarter-ui-components-suggestions.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-suggestions',\n exportAs: 'ngsSuggestions',\n imports: [],\n templateUrl: './suggestions.html',\n styleUrl: './suggestions.scss',\n host: {\n 'class': 'ngs-suggestions'\n }\n})\nexport class Suggestions {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\nimport { Ripple } from '@ngstarter-ui/components/core';\n\n@Component({\n selector: 'ngs-suggestion,[ngs-suggestion]',\n exportAs: 'ngsSuggestion',\n imports: [],\n templateUrl: './suggestion.html',\n styleUrl: './suggestion.scss',\n hostDirectives: [\n Ripple\n ]\n})\nexport class Suggestion {\n\n}\n","<div class=\"figure\">\n <div class=\"icon\">\n <ng-content select=\"[ngsSuggestionIcon]\"/>\n </div>\n <div class=\"thumb\">\n <ng-content select=\"[ngsSuggestionThumb]\"/>\n </div>\n</div>\n<div class=\"content\">\n <ng-content/>\n</div>\n","import { booleanAttribute, Component, input } from '@angular/core';\nimport { Divider } from '@ngstarter-ui/components/divider';\n\n@Component({\n selector: 'ngs-suggestion-block',\n exportAs: 'ngsSuggestionBlock',\n imports: [\n Divider\n ],\n templateUrl: './suggestion-block.html',\n styleUrl: './suggestion-block.scss'\n})\nexport class SuggestionBlock {\n heading = input();\n showDivider = input(false, {\n transform: booleanAttribute,\n });\n inline = input(false, {\n transform: booleanAttribute,\n });\n}\n","@if (showDivider()) {\n <div class=\"my-4 px-2\">\n <ngs-divider/>\n </div>\n}\n\n@if (heading()) {\n <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n <ng-content/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsSuggestionIcon]',\n standalone: true\n})\nexport class SuggestionIconDirective {\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsSuggestionThumb]',\n standalone: true\n})\nexport class SuggestionThumbDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAYa,WAAW,CAAA;uGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,sJCZxB,kBACA,EAAA,MAAA,EAAA,CAAA,~~2xBAAA~~,CAAA,EAAA,CAAA;;2FDWa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAVvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,QAAA,EACjB,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,~~2xBAAA~~,CAAA,EAAA;;;MEGU,UAAU,CAAA;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,oKCbvB,8PAWA,EAAA,MAAA,EAAA,CAAA,~~ktBAAA~~,CAAA,EAAA,CAAA;;2FDEa,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iCAAiC,EAAA,QAAA,EACjC,eAAe,EAAA,OAAA,EAChB,EAAE,EAAA,cAAA,EAGK;wBACd;AACD,qBAAA,EAAA,QAAA,EAAA,8PAAA,EAAA,MAAA,EAAA,CAAA,~~ktBAAA~~,CAAA,EAAA;;;MECU,eAAe,CAAA;IAC1B,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAE;IACjB,WAAW,GAAG,KAAK,CAAC,KAAK,mFACvB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IACF,MAAM,GAAG,KAAK,CAAC,KAAK,8EAClB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;uGAPS,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ5B,kPAaA,EAAA,MAAA,EAAA,CAAA,kbAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNI,OAAO,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKE,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,SAAS;+BACE,sBAAsB,EAAA,QAAA,EACtB,oBAAoB,EAAA,OAAA,EACrB;wBACP;AACD,qBAAA,EAAA,QAAA,EAAA,kPAAA,EAAA,MAAA,EAAA,CAAA,kbAAA,CAAA,EAAA;;;MEFU,uBAAuB,CAAA;uGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCCY,wBAAwB,CAAA;uGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACLD;;AAEG;;;;"}
1	+ {"version":3,"file":"ngstarter-ui-components-suggestions.mjs","sources":["../../../projects/components/suggestions/src/suggestions/suggestions.ts","../../../projects/components/suggestions/src/suggestions/suggestions.html","../../../projects/components/suggestions/src/suggestion/suggestion.ts","../../../projects/components/suggestions/src/suggestion/suggestion.html","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.ts","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.html","../../../projects/components/suggestions/src/suggestion-icon.directive.ts","../../../projects/components/suggestions/src/suggestion-thumb.directive.ts","../../../projects/components/suggestions/ngstarter-ui-components-suggestions.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-suggestions',\n exportAs: 'ngsSuggestions',\n imports: [],\n templateUrl: './suggestions.html',\n styleUrl: './suggestions.scss',\n host: {\n 'class': 'ngs-suggestions'\n }\n})\nexport class Suggestions {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\nimport { Ripple } from '@ngstarter-ui/components/core';\n\n@Component({\n selector: 'ngs-suggestion,[ngs-suggestion]',\n exportAs: 'ngsSuggestion',\n imports: [],\n templateUrl: './suggestion.html',\n styleUrl: './suggestion.scss',\n hostDirectives: [\n Ripple\n ]\n})\nexport class Suggestion {\n\n}\n","<div class=\"figure\">\n <div class=\"icon\">\n <ng-content select=\"[ngsSuggestionIcon]\"/>\n </div>\n <div class=\"thumb\">\n <ng-content select=\"[ngsSuggestionThumb]\"/>\n </div>\n</div>\n<div class=\"content\">\n <ng-content/>\n</div>\n","import { booleanAttribute, Component, input } from '@angular/core';\nimport { Divider } from '@ngstarter-ui/components/divider';\n\n@Component({\n selector: 'ngs-suggestion-block',\n exportAs: 'ngsSuggestionBlock',\n imports: [\n Divider\n ],\n templateUrl: './suggestion-block.html',\n styleUrl: './suggestion-block.scss'\n})\nexport class SuggestionBlock {\n heading = input();\n showDivider = input(false, {\n transform: booleanAttribute,\n });\n inline = input(false, {\n transform: booleanAttribute,\n });\n}\n","@if (showDivider()) {\n <div class=\"my-4 px-2\">\n <ngs-divider/>\n </div>\n}\n\n@if (heading()) {\n <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n <ng-content/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsSuggestionIcon]',\n standalone: true\n})\nexport class SuggestionIconDirective {\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsSuggestionThumb]',\n standalone: true\n})\nexport class SuggestionThumbDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-tab-panel.mjs CHANGED Viewed

@@ -50,7 +50,7 @@ class TabPanel {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: TabPanel, isStandalone: true, selector: "ngs-tab-panel", inputs: { hideContentIfTabNotSelected: { classPropertyName: "hideContentIfTabNotSelected", publicName: "hideContentIfTabNotSelected", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemIdChanged: "itemIdChanged" }, host: { properties: { "class.is-hide-content-if-tab-not-selected": "hideContentIfTabNotSelected()", "class.is-compact": "compact()" }, classAttribute: "ngs-tab-panel" }, providers: [
             TabPanelApiService
-        ], exportAs: ["ngsTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\n  <ng-content select=\"ngs-tab-panel-header\"/>\n  <ng-content select=\"ngs-tab-panel-content\"/>\n  <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n", styles: [":host{--ngs-tab-panel-width: calc(var(--spacing, .25rem) * 20);--ngs-tab-panel-item-width: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-height: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-padding: calc(var(--spacing, .25rem) * 2);--ngs-tab-panel-item-gap: calc(var(--spacing, .25rem) * 1);--ngs-tab-panel-item-color: var(--nav-item-color);--ngs-tab-panel-item-hover-bg: var(--nav-item-hover-bg);--ngs-tab-panel-item-hover-color: var(--nav-item-hover-color);--ngs-tab-panel-item-active-bg: var(--nav-item-active-bg);--ngs-tab-panel-item-active-color: var(--nav-item-active-color);--ngs-tab-panel-item-border-radius: .75rem;--ngs-tab-panel-aside-width: calc(var(--spacing, .25rem) * 75);--ngs-tab-panel-nav-padding: 0;--ngs-tab-panel-nav-gap: calc(var(--spacing, .25rem) * 3);--ngs-tab-panel-item-text-font-size: .75rem;--ngs-tab-panel-item-icon-font-size: 1.5rem;--ngs-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--ngs-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--ngs-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;width:var(--ngs-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--ngs-tab-panel-compact-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["ngsTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\n  <ng-content select=\"ngs-tab-panel-header\"/>\n  <ng-content select=\"ngs-tab-panel-content\"/>\n  <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n", styles: [":host{--ngs-tab-panel-width: calc(var(--spacing, .25rem) * 20);--ngs-tab-panel-item-width: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-height: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-padding: calc(var(--spacing, .25rem) * 2);--ngs-tab-panel-item-gap: calc(var(--spacing, .25rem) * 1);--ngs-tab-panel-item-color: var(--ngs-nav-item-color);--ngs-tab-panel-item-hover-bg: var(--ngs-nav-item-hover-bg);--ngs-tab-panel-item-hover-color: var(--ngs-nav-item-hover-color);--ngs-tab-panel-item-active-bg: var(--ngs-nav-item-active-bg);--ngs-tab-panel-item-active-color: var(--ngs-nav-item-active-color);--ngs-tab-panel-item-border-radius: var(--ngs-nav-item-radius);--ngs-tab-panel-aside-width: calc(var(--spacing, .25rem) * 75);--ngs-tab-panel-nav-padding: 0;--ngs-tab-panel-nav-gap: calc(var(--spacing, .25rem) * 3);--ngs-tab-panel-item-text-font-size: var(--ngs-font-size-xs);--ngs-tab-panel-item-icon-font-size: 1.5rem;--ngs-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--ngs-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--ngs-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;width:var(--ngs-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--ngs-tab-panel-compact-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanel, decorators: [{
             type: Component,
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         'class': 'ngs-tab-panel',
                         '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',
                         '[class.is-compact]': 'compact()',
-                    }, template: "<div class=\"panel\">\n  <ng-content select=\"ngs-tab-panel-header\"/>\n  <ng-content select=\"ngs-tab-panel-content\"/>\n  <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n", styles: [":host{--ngs-tab-panel-width: calc(var(--spacing, .25rem) * 20);--ngs-tab-panel-item-width: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-height: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-padding: calc(var(--spacing, .25rem) * 2);--ngs-tab-panel-item-gap: calc(var(--spacing, .25rem) * 1);--ngs-tab-panel-item-color: var(--nav-item-color);--ngs-tab-panel-item-hover-bg: var(--nav-item-hover-bg);--ngs-tab-panel-item-hover-color: var(--nav-item-hover-color);--ngs-tab-panel-item-active-bg: var(--nav-item-active-bg);--ngs-tab-panel-item-active-color: var(--nav-item-active-color);--ngs-tab-panel-item-border-radius: .75rem;--ngs-tab-panel-aside-width: calc(var(--spacing, .25rem) * 75);--ngs-tab-panel-nav-padding: 0;--ngs-tab-panel-nav-gap: calc(var(--spacing, .25rem) * 3);--ngs-tab-panel-item-text-font-size: .75rem;--ngs-tab-panel-item-icon-font-size: 1.5rem;--ngs-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--ngs-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--ngs-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;width:var(--ngs-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--ngs-tab-panel-compact-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"panel\">\n  <ng-content select=\"ngs-tab-panel-header\"/>\n  <ng-content select=\"ngs-tab-panel-content\"/>\n  <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n", styles: [":host{--ngs-tab-panel-width: calc(var(--spacing, .25rem) * 20);--ngs-tab-panel-item-width: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-height: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-padding: calc(var(--spacing, .25rem) * 2);--ngs-tab-panel-item-gap: calc(var(--spacing, .25rem) * 1);--ngs-tab-panel-item-color: var(--ngs-nav-item-color);--ngs-tab-panel-item-hover-bg: var(--ngs-nav-item-hover-bg);--ngs-tab-panel-item-hover-color: var(--ngs-nav-item-hover-color);--ngs-tab-panel-item-active-bg: var(--ngs-nav-item-active-bg);--ngs-tab-panel-item-active-color: var(--ngs-nav-item-active-color);--ngs-tab-panel-item-border-radius: var(--ngs-nav-item-radius);--ngs-tab-panel-aside-width: calc(var(--spacing, .25rem) * 75);--ngs-tab-panel-nav-padding: 0;--ngs-tab-panel-nav-gap: calc(var(--spacing, .25rem) * 3);--ngs-tab-panel-item-text-font-size: var(--ngs-font-size-xs);--ngs-tab-panel-item-icon-font-size: 1.5rem;--ngs-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--ngs-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--ngs-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;width:var(--ngs-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--ngs-tab-panel-compact-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { hideContentIfTabNotSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideContentIfTabNotSelected", required: false }] }], activeItemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeItemId", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], itemIdChanged: [{ type: i0.Output, args: ["itemIdChanged"] }] } });
 class TabPanelHeader {

package/fesm2022/ngstarter-ui-components-tab-panel.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngstarter-ui-components-tab-panel.mjs","sources":["../../../projects/components/tab-panel/src/tab-panel-api.service.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.html","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.ts","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.html","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.ts","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.html","../../../projects/components/tab-panel/src/types.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.html","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.ts","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.html","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.ts","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.html","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.ts","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.html","../../../projects/components/tab-panel/src/tab-panel-content/tab-panel-content.ts","../../../projects/components/tab-panel/src/tab-panel-content/tab-panel-content.html","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.ts","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.html","../../../projects/components/tab-panel/src/tab-panel-aside-content.directive.ts","../../../projects/components/tab-panel/src/tab-panel-item-icon.directive.ts","../../../projects/components/tab-panel/ngstarter-ui-components-tab-panel.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\n\n@Injectable()\nexport class TabPanelApiService {\n private _selectionModel = new SelectionModel(false);\n readonly itemIdChanged = new EventEmitter<any>();\n\n activate(id: any, emitEvent = true) {\n this._selectionModel.select(id);\n\n if (emitEvent) {\n this.itemIdChanged.emit(id);\n }\n }\n\n isActive(id: any): boolean {\n return this._selectionModel.isSelected(id);\n }\n\n hasActive(): boolean {\n return this._selectionModel.hasValue();\n }\n}\n","import {\n booleanAttribute,\n Component, DestroyRef,\n inject,\n input,\n OnChanges, OnInit, output,\n SimpleChanges\n} from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'ngs-tab-panel',\n exportAs: 'ngsTabPanel',\n templateUrl: './tab-panel.html',\n styleUrl: './tab-panel.scss',\n providers: [\n TabPanelApiService\n ],\n host: {\n 'class': 'ngs-tab-panel',\n '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\n '[class.is-compact]': 'compact()',\n }\n})\nexport class TabPanel implements OnInit, OnChanges {\n private _destroyRef = inject(DestroyRef);\n readonly api = inject(TabPanelApiService);\n\n hideContentIfTabNotSelected = input(false, {\n transform: booleanAttribute\n });\n activeItemId = input<any>();\n compact = input(false, {\n transform: booleanAttribute\n });\n\n readonly itemIdChanged = output();\n\n ngOnInit() {\n this.api\n .itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(() => {\n this.itemIdChanged.emit();\n });\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['activeItemId']) {\n this.api.activate(changes['activeItemId'].currentValue);\n }\n }\n}\n","<div class=\"panel\">\n <ng-content select=\"ngs-tab-panel-header\"/>\n <ng-content select=\"ngs-tab-panel-content\"/>\n <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-tab-panel-header',\n exportAs: 'ngsTabPanelHeader',\n templateUrl: './tab-panel-header.html',\n styleUrl: './tab-panel-header.scss',\n host: {\n 'class': 'ngs-tab-panel-header'\n }\n})\nexport class TabPanelHeader {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-tab-panel-footer',\n exportAs: 'ngsTabPanelFooter',\n templateUrl: './tab-panel-footer.html',\n styleUrl: './tab-panel-footer.scss',\n host: {\n 'class': 'ngs-tab-panel-footer'\n }\n})\nexport class TabPanelFooter {\n}\n","<ng-content/>\n","import { InjectionToken } from '@angular/core';\n\nexport const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');\nexport const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { TabPanelNav } from '../tab-panel-nav/tab-panel-nav';\nimport { TAB_PANEL_NAV } from '../types';\nimport { Ripple } from '@ngstarter-ui/components/core';\n\n@Component({\n selector: 'ngs-tab-panel-item',\n exportAs: 'ngsTabPanelItem',\n templateUrl: './tab-panel-item.html',\n styleUrl: './tab-panel-item.scss',\n hostDirectives: [\n Ripple\n ],\n host: {\n 'class': 'ngs-tab-panel-item',\n '[class.is-active]': 'api.isActive(this.for())',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelItem {\n readonly api = inject(TabPanelApiService);\n private _nav = inject<TabPanelNav>(TAB_PANEL_NAV, { optional: true });\n\n for = input<any>(this._nav ? this._nav.nextId++ : null);\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<div class=\"icon\">\n <ng-content select=\"[ngsTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_NAV } from '../types';\n\n@Component({\n selector: 'ngs-tab-panel-nav',\n exportAs: 'ngsTabPanelNav',\n templateUrl: './tab-panel-nav.html',\n styleUrl: './tab-panel-nav.scss',\n providers: [\n {\n provide: TAB_PANEL_NAV,\n useExisting: TabPanelNav\n }\n ],\n host: {\n 'class': 'ngs-tab-panel-nav'\n }\n})\nexport class TabPanelNav {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-tab-panel-item-text',\n exportAs: 'ngsTabPanelItemText',\n templateUrl: './tab-panel-item-text.html',\n styleUrl: './tab-panel-item-text.scss',\n host: {\n 'class': 'ngs-tab-panel-item-text'\n }\n})\nexport class TabPanelItemText {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_ASIDE } from '../types';\n\n@Component({\n selector: 'ngs-tab-panel-aside',\n exportAs: 'ngsTabPanelAside',\n templateUrl: './tab-panel-aside.html',\n styleUrl: './tab-panel-aside.scss',\n providers: [\n {\n provide: TAB_PANEL_ASIDE,\n useExisting: TabPanelAside\n }\n ],\n host: {\n 'class': 'ngs-tab-panel-aside'\n }\n})\nexport class TabPanelAside {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-tab-panel-content',\n exportAs: 'ngsTabPanelContent',\n templateUrl: './tab-panel-content.html',\n styleUrl: './tab-panel-content.scss',\n host: {\n 'class': 'ngs-tab-panel-content'\n }\n})\nexport class TabPanelContent {\n\n}\n","<ng-content/>\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\n\n@Component({\n selector: 'ngs-tab-panel-custom-item',\n exportAs: 'ngsTabPanelCustomItem',\n templateUrl: './tab-panel-custom-item.html',\n styleUrl: './tab-panel-custom-item.scss',\n host: {\n 'class': 'ngs-tab-panel-custom-item',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelCustomItem {\n readonly api = inject(TabPanelApiService);\n\n for = input<any>();\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<ng-content/>\n","import {\n DestroyRef,\n Directive,\n inject, input,\n OnInit,\n TemplateRef,\n ViewContainerRef\n} from '@angular/core';\nimport { TabPanelApiService } from './tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TAB_PANEL_ASIDE } from './types';\nimport { TabPanelAside } from './tab-panel-aside/tab-panel-aside';\n\n@Directive({\n selector: '[ngsTabPanelAsideContent]',\n exportAs: 'ngsTabPanelAsideContent'\n})\nexport class TabPanelAsideContentDirective implements OnInit {\n private _aside = inject<TabPanelAside>(TAB_PANEL_ASIDE, { optional: true });\n private _api = inject(TabPanelApiService);\n private _templateRef = inject(TemplateRef);\n private _viewContainer = inject(ViewContainerRef);\n private _destroyRef = inject(DestroyRef);\n\n id = input<any>(this._aside ? this._aside.nextId++ : null, {\n alias: 'ngsTabPanelAsideContent'\n });\n\n ngOnInit() {\n if (this._api.isActive(this.id())) {\n this._show();\n } else {\n this._hide();\n }\n\n this._api\n .itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(id => {\n if (this.id() === id) {\n this._show();\n } else {\n this._hide();\n }\n })\n ;\n }\n\n private _show() {\n this._viewContainer.clear();\n this._viewContainer.createEmbeddedView(this._templateRef);\n }\n\n private _hide() {\n this._viewContainer.clear();\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsTabPanelItemIcon]',\n exportAs: 'ngsTabPanelItemIcon',\n host: {\n 'class': 'ngs-tab-panel-item-icon'\n }\n})\nexport class TabPanelItemIconDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ngstarter-ui-components-tab-panel.mjs","sources":["../../../projects/components/tab-panel/src/tab-panel-api.service.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.html","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.ts","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.html","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.ts","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.html","../../../projects/components/tab-panel/src/types.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.html","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.ts","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.html","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.ts","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.html","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.ts","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.html","../../../projects/components/tab-panel/src/tab-panel-content/tab-panel-content.ts","../../../projects/components/tab-panel/src/tab-panel-content/tab-panel-content.html","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.ts","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.html","../../../projects/components/tab-panel/src/tab-panel-aside-content.directive.ts","../../../projects/components/tab-panel/src/tab-panel-item-icon.directive.ts","../../../projects/components/tab-panel/ngstarter-ui-components-tab-panel.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\n\n@Injectable()\nexport class TabPanelApiService {\n private _selectionModel = new SelectionModel(false);\n readonly itemIdChanged = new EventEmitter<any>();\n\n activate(id: any, emitEvent = true) {\n this._selectionModel.select(id);\n\n if (emitEvent) {\n this.itemIdChanged.emit(id);\n }\n }\n\n isActive(id: any): boolean {\n return this._selectionModel.isSelected(id);\n }\n\n hasActive(): boolean {\n return this._selectionModel.hasValue();\n }\n}\n","import {\n booleanAttribute,\n Component, DestroyRef,\n inject,\n input,\n OnChanges, OnInit, output,\n SimpleChanges\n} from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'ngs-tab-panel',\n exportAs: 'ngsTabPanel',\n templateUrl: './tab-panel.html',\n styleUrl: './tab-panel.scss',\n providers: [\n TabPanelApiService\n ],\n host: {\n 'class': 'ngs-tab-panel',\n '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\n '[class.is-compact]': 'compact()',\n }\n})\nexport class TabPanel implements OnInit, OnChanges {\n private _destroyRef = inject(DestroyRef);\n readonly api = inject(TabPanelApiService);\n\n hideContentIfTabNotSelected = input(false, {\n transform: booleanAttribute\n });\n activeItemId = input<any>();\n compact = input(false, {\n transform: booleanAttribute\n });\n\n readonly itemIdChanged = output();\n\n ngOnInit() {\n this.api\n .itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(() => {\n this.itemIdChanged.emit();\n });\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['activeItemId']) {\n this.api.activate(changes['activeItemId'].currentValue);\n }\n }\n}\n","<div class=\"panel\">\n <ng-content select=\"ngs-tab-panel-header\"/>\n <ng-content select=\"ngs-tab-panel-content\"/>\n <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-tab-panel-header',\n exportAs: 'ngsTabPanelHeader',\n templateUrl: './tab-panel-header.html',\n styleUrl: './tab-panel-header.scss',\n host: {\n 'class': 'ngs-tab-panel-header'\n }\n})\nexport class TabPanelHeader {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-tab-panel-footer',\n exportAs: 'ngsTabPanelFooter',\n templateUrl: './tab-panel-footer.html',\n styleUrl: './tab-panel-footer.scss',\n host: {\n 'class': 'ngs-tab-panel-footer'\n }\n})\nexport class TabPanelFooter {\n}\n","<ng-content/>\n","import { InjectionToken } from '@angular/core';\n\nexport const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');\nexport const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { TabPanelNav } from '../tab-panel-nav/tab-panel-nav';\nimport { TAB_PANEL_NAV } from '../types';\nimport { Ripple } from '@ngstarter-ui/components/core';\n\n@Component({\n selector: 'ngs-tab-panel-item',\n exportAs: 'ngsTabPanelItem',\n templateUrl: './tab-panel-item.html',\n styleUrl: './tab-panel-item.scss',\n hostDirectives: [\n Ripple\n ],\n host: {\n 'class': 'ngs-tab-panel-item',\n '[class.is-active]': 'api.isActive(this.for())',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelItem {\n readonly api = inject(TabPanelApiService);\n private _nav = inject<TabPanelNav>(TAB_PANEL_NAV, { optional: true });\n\n for = input<any>(this._nav ? this._nav.nextId++ : null);\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<div class=\"icon\">\n <ng-content select=\"[ngsTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_NAV } from '../types';\n\n@Component({\n selector: 'ngs-tab-panel-nav',\n exportAs: 'ngsTabPanelNav',\n templateUrl: './tab-panel-nav.html',\n styleUrl: './tab-panel-nav.scss',\n providers: [\n {\n provide: TAB_PANEL_NAV,\n useExisting: TabPanelNav\n }\n ],\n host: {\n 'class': 'ngs-tab-panel-nav'\n }\n})\nexport class TabPanelNav {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-tab-panel-item-text',\n exportAs: 'ngsTabPanelItemText',\n templateUrl: './tab-panel-item-text.html',\n styleUrl: './tab-panel-item-text.scss',\n host: {\n 'class': 'ngs-tab-panel-item-text'\n }\n})\nexport class TabPanelItemText {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_ASIDE } from '../types';\n\n@Component({\n selector: 'ngs-tab-panel-aside',\n exportAs: 'ngsTabPanelAside',\n templateUrl: './tab-panel-aside.html',\n styleUrl: './tab-panel-aside.scss',\n providers: [\n {\n provide: TAB_PANEL_ASIDE,\n useExisting: TabPanelAside\n }\n ],\n host: {\n 'class': 'ngs-tab-panel-aside'\n }\n})\nexport class TabPanelAside {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-tab-panel-content',\n exportAs: 'ngsTabPanelContent',\n templateUrl: './tab-panel-content.html',\n styleUrl: './tab-panel-content.scss',\n host: {\n 'class': 'ngs-tab-panel-content'\n }\n})\nexport class TabPanelContent {\n\n}\n","<ng-content/>\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\n\n@Component({\n selector: 'ngs-tab-panel-custom-item',\n exportAs: 'ngsTabPanelCustomItem',\n templateUrl: './tab-panel-custom-item.html',\n styleUrl: './tab-panel-custom-item.scss',\n host: {\n 'class': 'ngs-tab-panel-custom-item',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelCustomItem {\n readonly api = inject(TabPanelApiService);\n\n for = input<any>();\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<ng-content/>\n","import {\n DestroyRef,\n Directive,\n inject, input,\n OnInit,\n TemplateRef,\n ViewContainerRef\n} from '@angular/core';\nimport { TabPanelApiService } from './tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TAB_PANEL_ASIDE } from './types';\nimport { TabPanelAside } from './tab-panel-aside/tab-panel-aside';\n\n@Directive({\n selector: '[ngsTabPanelAsideContent]',\n exportAs: 'ngsTabPanelAsideContent'\n})\nexport class TabPanelAsideContentDirective implements OnInit {\n private _aside = inject<TabPanelAside>(TAB_PANEL_ASIDE, { optional: true });\n private _api = inject(TabPanelApiService);\n private _templateRef = inject(TemplateRef);\n private _viewContainer = inject(ViewContainerRef);\n private _destroyRef = inject(DestroyRef);\n\n id = input<any>(this._aside ? this._aside.nextId++ : null, {\n alias: 'ngsTabPanelAsideContent'\n });\n\n ngOnInit() {\n if (this._api.isActive(this.id())) {\n this._show();\n } else {\n this._hide();\n }\n\n this._api\n .itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(id => {\n if (this.id() === id) {\n this._show();\n } else {\n this._hide();\n }\n })\n ;\n }\n\n private _show() {\n this._viewContainer.clear();\n this._viewContainer.createEmbeddedView(this._templateRef);\n }\n\n private _hide() {\n this._viewContainer.clear();\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsTabPanelItemIcon]',\n exportAs: 'ngsTabPanelItemIcon',\n host: {\n 'class': 'ngs-tab-panel-item-icon'\n }\n})\nexport class TabPanelItemIconDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAIa,kBAAkB,CAAA;AACrB,IAAA,eAAe,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC;AAC1C,IAAA,aAAa,GAAG,IAAI,YAAY,EAAO;AAEhD,IAAA,QAAQ,CAAC,EAAO,EAAE,SAAS,GAAG,IAAI,EAAA;AAChC,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;QAE/B,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7B;IACF;AAEA,IAAA,QAAQ,CAAC,EAAO,EAAA;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,CAAC;IAC5C;IAEA,SAAS,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE;IACxC;uGAlBW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAlB,kBAAkB,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B;;;MCsBY,QAAQ,CAAA;AACX,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,GAAG,GAAG,MAAM,CAAC,kBAAkB,CAAC;IAEzC,2BAA2B,GAAG,KAAK,CAAC,KAAK,mGACvC,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IACF,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAO;IAC3B,OAAO,GAAG,KAAK,CAAC,KAAK,+EACnB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IAEO,aAAa,GAAG,MAAM,EAAE;IAEjC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC;aACF;AACA,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;aACzC,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AAC3B,QAAA,CAAC,CAAC;IACN;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE;AAC3B,YAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC;QACzD;IACF;uGA3BW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,2BAAA,EAAA,EAAA,iBAAA,EAAA,6BAAA,EAAA,UAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,2CAAA,EAAA,+BAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,SAAA,EATR;YACT;AACD,SAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBH,mOAMA,EAAA,MAAA,EAAA,CAAA,g5CAAA,CAAA,EAAA,CAAA;;2FDmBa,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAdpB,SAAS;+BACE,eAAe,EAAA,QAAA,EACf,aAAa,EAAA,SAAA,EAGZ;wBACT;qBACD,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE,eAAe;AACxB,wBAAA,6CAA6C,EAAE,+BAA+B;AAC9E,wBAAA,oBAAoB,EAAE,WAAW;AAClC,qBAAA,EAAA,QAAA,EAAA,mOAAA,EAAA,MAAA,EAAA,CAAA,g5CAAA,CAAA,EAAA;;;MEZU,cAAc,CAAA;uGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,mKCX3B,iBACA,EAAA,MAAA,EAAA,CAAA,2FAAA,CAAA,EAAA,CAAA;;2FDUa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;+BACE,sBAAsB,EAAA,QAAA,EACtB,mBAAmB,EAAA,IAAA,EAGvB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,2FAAA,CAAA,EAAA;;;MEEU,cAAc,CAAA;uGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,mKCX3B,iBACA,EAAA,MAAA,EAAA,CAAA,2FAAA,CAAA,EAAA,CAAA;;2FDUa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;+BACE,sBAAsB,EAAA,QAAA,EACtB,mBAAmB,EAAA,IAAA,EAGvB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,2FAAA,CAAA,EAAA;;;AEPI,MAAM,aAAa,GAAG,IAAI,cAAc,CAAC,eAAe,CAAC;AACzD,MAAM,eAAe,GAAG,IAAI,cAAc,CAAC,iBAAiB,CAAC;;MCiBvD,YAAY,CAAA;AACd,IAAA,GAAG,GAAG,MAAM,CAAC,kBAAkB,CAAC;IACjC,IAAI,GAAG,MAAM,CAAc,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAErE,GAAG,GAAG,KAAK,CAAM,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,0EAAC;IAE7C,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE;YACf;QACF;QAEA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAC/B;uGAZW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,gbCpBzB,iIAMA,EAAA,MAAA,EAAA,CAAA,ssCAAA,CAAA,EAAA,CAAA;;2FDca,YAAY,EAAA,UAAA,EAAA,CAAA;kBAdxB,SAAS;+BACE,oBAAoB,EAAA,QAAA,EACpB,iBAAiB,EAAA,cAAA,EAGX;wBACd;qBACD,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE,oBAAoB;AAC7B,wBAAA,mBAAmB,EAAE,0BAA0B;AAC/C,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,iIAAA,EAAA,MAAA,EAAA,CAAA,ssCAAA,CAAA,EAAA;;;MEAU,WAAW,CAAA;IACtB,MAAM,GAAG,CAAC;uGADC,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,SAAA,EAVX;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE;AACd;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbH,iBACA,EAAA,MAAA,EAAA,CAAA,6MAAA,CAAA,EAAA,CAAA;;2FDiBa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAfvB,SAAS;+BACE,mBAAmB,EAAA,QAAA,EACnB,gBAAgB,EAAA,SAAA,EAGf;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAA;AACZ;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,6MAAA,CAAA,EAAA;;;MELU,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,2KCX7B,iBACA,EAAA,MAAA,EAAA,CAAA,gIAAA,CAAA,EAAA,CAAA;;2FDUa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;+BACE,yBAAyB,EAAA,QAAA,EACzB,qBAAqB,EAAA,IAAA,EAGzB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,gIAAA,CAAA,EAAA;;;MESU,aAAa,CAAA;IACxB,MAAM,GAAG,CAAC;uGADC,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,SAAA,EAVb;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,WAAW,EAAE;AACd;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbH,iBACA,EAAA,MAAA,EAAA,CAAA,mPAAA,CAAA,EAAA,CAAA;;2FDiBa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAfzB,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,kBAAkB,EAAA,SAAA,EAGjB;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,eAAe;AACxB,4BAAA,WAAW,EAAA;AACZ;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,mPAAA,CAAA,EAAA;;;MELU,eAAe,CAAA;uGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,sKCX5B,iBACA,EAAA,MAAA,EAAA,CAAA,uGAAA,CAAA,EAAA,CAAA;;2FDUa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,SAAS;+BACE,uBAAuB,EAAA,QAAA,EACvB,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,uGAAA,CAAA,EAAA;;;MEIU,kBAAkB,CAAA;AACpB,IAAA,GAAG,GAAG,MAAM,CAAC,kBAAkB,CAAC;IAEzC,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAO;IAER,YAAY,GAAA;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE;YACf;QACF;QAEA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAC/B;uGAXW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,yVCb/B,iBACA,EAAA,MAAA,EAAA,CAAA,kbAAA,CAAA,EAAA,CAAA;;2FDYa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;+BACE,2BAA2B,EAAA,QAAA,EAC3B,uBAAuB,EAAA,IAAA,EAG3B;AACJ,wBAAA,OAAO,EAAE,2BAA2B;AACpC,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,kbAAA,CAAA,EAAA;;;MEMU,6BAA6B,CAAA;IAChC,MAAM,GAAG,MAAM,CAAgB,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACnE,IAAA,IAAI,GAAG,MAAM,CAAC,kBAAkB,CAAC;AACjC,IAAA,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;AAClC,IAAA,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IAExC,EAAE,GAAG,KAAK,CAAM,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,IAAI,0EACvD,KAAK,EAAE,yBAAyB,EAAA,CAChC;IAEF,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE;YACjC,IAAI,CAAC,KAAK,EAAE;QACd;aAAO;YACL,IAAI,CAAC,KAAK,EAAE;QACd;AAEA,QAAA,IAAI,CAAC;aACF;AACA,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;aACzC,SAAS,CAAC,EAAE,IAAG;AACd,YAAA,IAAI,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;gBACpB,IAAI,CAAC,KAAK,EAAE;YACd;iBAAO;gBACL,IAAI,CAAC,KAAK,EAAE;YACd;AACF,QAAA,CAAC,CAAC;IAEN;IAEQ,KAAK,GAAA;AACX,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAC3B,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;IAC3D;IAEQ,KAAK,GAAA;AACX,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;IAC7B;uGAtCW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;MCPY,yBAAyB,CAAA;uGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,yBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE;AACV;AACF,iBAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/ngstarter-ui-components-table.mjs CHANGED Viewed

@@ -240,14 +240,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 /** Header template container that adds the right classes and role. */
 class HeaderRow extends CdkHeaderRow {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: HeaderRow, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: HeaderRow, isStandalone: true, selector: "ngs-header-row, [ngs-header-row], tr[ngs-header-row]", host: { attributes: { "role": "row" }, classAttribute: "ngs-header-row" }, providers: [{ provide: CdkHeaderRow, useExisting: forwardRef(() => HeaderRow) }], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet />\n", styles: [":host{height:var(--ngs-table-header-row-height);display:table-row;background:var(--ngs-data-view-header-bg, var(--color-background));width:100%}:host-context(.highlight-header) :host{position:relative;margin:var(--ngs-data-view-hl-header-margin, 0)}:host-context(.highlight-header) :host:before{content:\"\";position:absolute;left:0;right:0;background:var(--ngs-data-view-hl-header-row-bg, var(--color-surface-container));height:calc(var(--spacing, .25rem) * 12);border-radius:.5rem;z-index:0}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: HeaderRow, isStandalone: true, selector: "ngs-header-row, [ngs-header-row], tr[ngs-header-row]", host: { attributes: { "role": "row" }, classAttribute: "ngs-header-row" }, providers: [{ provide: CdkHeaderRow, useExisting: forwardRef(() => HeaderRow) }], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet />\n", styles: [":host{height:var(--ngs-table-header-row-height);display:table-row;background:var(--ngs-data-view-header-bg, var(--ngs-table-header-bg));width:100%}:host-context(.highlight-header) :host{position:relative;margin:var(--ngs-data-view-hl-header-margin, 0)}:host-context(.highlight-header) :host:before{content:\"\";position:absolute;left:0;right:0;background:var(--ngs-data-view-hl-header-row-bg, var(--ngs-color-surface-container));height:calc(var(--spacing, .25rem) * 12);border-radius:var(--ngs-radius-lg);z-index:0}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: HeaderRow, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-header-row, [ngs-header-row], tr[ngs-header-row]', host: {
                         'class': 'ngs-header-row',
                         'role': 'row',
-                    }, changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [CdkCellOutlet], providers: [{ provide: CdkHeaderRow, useExisting: forwardRef(() => HeaderRow) }], template: "<ng-container cdkCellOutlet />\n", styles: [":host{height:var(--ngs-table-header-row-height);display:table-row;background:var(--ngs-data-view-header-bg, var(--color-background));width:100%}:host-context(.highlight-header) :host{position:relative;margin:var(--ngs-data-view-hl-header-margin, 0)}:host-context(.highlight-header) :host:before{content:\"\";position:absolute;left:0;right:0;background:var(--ngs-data-view-hl-header-row-bg, var(--color-surface-container));height:calc(var(--spacing, .25rem) * 12);border-radius:.5rem;z-index:0}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [CdkCellOutlet], providers: [{ provide: CdkHeaderRow, useExisting: forwardRef(() => HeaderRow) }], template: "<ng-container cdkCellOutlet />\n", styles: [":host{height:var(--ngs-table-header-row-height);display:table-row;background:var(--ngs-data-view-header-bg, var(--ngs-table-header-bg));width:100%}:host-context(.highlight-header) :host{position:relative;margin:var(--ngs-data-view-hl-header-margin, 0)}:host-context(.highlight-header) :host:before{content:\"\";position:absolute;left:0;right:0;background:var(--ngs-data-view-hl-header-row-bg, var(--ngs-color-surface-container));height:calc(var(--spacing, .25rem) * 12);border-radius:var(--ngs-radius-lg);z-index:0}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 /** Header row definition for the ngs-table. */
@@ -282,14 +282,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 /** Data row template container that adds the right classes and role. */
 class Row extends CdkRow {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Row, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: Row, isStandalone: true, selector: "ngs-row, [ngs-row], tr[ngs-row]", host: { attributes: { "role": "row" }, classAttribute: "ngs-row" }, providers: [{ provide: CdkRow, useExisting: forwardRef(() => Row) }], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet />\n", styles: [":host{position:relative;display:table-row;border:none;border-top:1px solid var(--color-border);height:auto;border-radius:0;margin-top:0;background:var(--ngs-data-view-row-bg, var(--color-background));min-height:var(--ngs-table-row-height)}:host:last-child ::ng-deep .ngs-footer-cell,:host:last-child ::ng-deep td{border-bottom:none}:host-context(.highlight-header,.sticky-header,.ngs-table-sticky-header) :host:first-of-type{border-top:none!important}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: Row, isStandalone: true, selector: "ngs-row, [ngs-row], tr[ngs-row]", host: { attributes: { "role": "row" }, classAttribute: "ngs-row" }, providers: [{ provide: CdkRow, useExisting: forwardRef(() => Row) }], usesInheritance: true, ngImport: i0, template: "<ng-container cdkCellOutlet />\n", styles: [":host{position:relative;display:table-row;border:none;border-top:1px solid var(--ngs-table-border-color);height:auto;border-radius:0;margin-top:0;background:var(--ngs-data-view-row-bg, var(--ngs-table-row-bg));min-height:var(--ngs-table-row-height)}:host:last-child ::ng-deep .ngs-footer-cell,:host:last-child ::ng-deep td{border-bottom:none}:host-context(.highlight-header,.sticky-header,.ngs-table-sticky-header) :host:first-of-type{border-top:none!important}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkCellOutlet, selector: "[cdkCellOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Row, decorators: [{
             type: Component,
             args: [{ selector: 'ngs-row, [ngs-row], tr[ngs-row]', host: {
                         'class': 'ngs-row',
                         'role': 'row',
-                    }, changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [CdkCellOutlet], providers: [{ provide: CdkRow, useExisting: forwardRef(() => Row) }], template: "<ng-container cdkCellOutlet />\n", styles: [":host{position:relative;display:table-row;border:none;border-top:1px solid var(--color-border);height:auto;border-radius:0;margin-top:0;background:var(--ngs-data-view-row-bg, var(--color-background));min-height:var(--ngs-table-row-height)}:host:last-child ::ng-deep .ngs-footer-cell,:host:last-child ::ng-deep td{border-bottom:none}:host-context(.highlight-header,.sticky-header,.ngs-table-sticky-header) :host:first-of-type{border-top:none!important}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.Default, standalone: true, imports: [CdkCellOutlet], providers: [{ provide: CdkRow, useExisting: forwardRef(() => Row) }], template: "<ng-container cdkCellOutlet />\n", styles: [":host{position:relative;display:table-row;border:none;border-top:1px solid var(--ngs-table-border-color);height:auto;border-radius:0;margin-top:0;background:var(--ngs-data-view-row-bg, var(--ngs-table-row-bg));min-height:var(--ngs-table-row-height)}:host:last-child ::ng-deep .ngs-footer-cell,:host:last-child ::ng-deep td{border-bottom:none}:host-context(.highlight-header,.sticky-header,.ngs-table-sticky-header) :host:first-of-type{border-top:none!important}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 /** Data row definition for the ngs-table. */
@@ -633,11 +633,11 @@ class TableDataSource extends DataSource {
 class NativeTable {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NativeTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NativeTable, isStandalone: true, selector: "table[ngs-native-table]", exportAs: ["ngsNativeTable"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{background:var(--ngs-table-background);border-spacing:0;width:100%;border-collapse:collapse}:host ::ng-deep th{font-size:var(--ngs-table-header-cell-font-size);font-weight:var(--ngs-table-header-cell-font-weight);color:var(--ngs-table-header-cell-color);text-transform:uppercase;overflow:hidden;vertical-align:middle;text-align:start;padding:var(--ngs-table-cell-padding);height:var(--ngs-table-row-height);background:var(--ngs-table-background);border-bottom:1px solid var(--color-border)}:host ::ng-deep td{text-align:start;padding:var(--ngs-table-cell-padding);font-size:var(--ngs-table-cell-font-size);height:var(--ngs-table-row-height);background:var(--ngs-table-background);vertical-align:middle;border-bottom:1px solid var(--color-border)}:host ::ng-deep tr{position:relative;border:none;height:auto;border-radius:0;margin-top:0;background:var(--ngs-data-view-row-bg, var(--color-background));min-height:var(--ngs-table-row-height)}:host ::ng-deep tbody tr:last-child td{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NativeTable, isStandalone: true, selector: "table[ngs-native-table]", exportAs: ["ngsNativeTable"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{background:var(--ngs-table-background);border-spacing:0;width:100%;border-collapse:collapse}:host ::ng-deep th{font-size:var(--ngs-table-header-cell-font-size);font-weight:var(--ngs-table-header-cell-font-weight);color:var(--ngs-table-header-cell-color);text-transform:uppercase;overflow:hidden;vertical-align:middle;text-align:start;padding:var(--ngs-table-cell-padding);height:var(--ngs-table-row-height);background:var(--ngs-table-background);border-bottom:1px solid var(--ngs-table-border-color)}:host ::ng-deep td{text-align:start;padding:var(--ngs-table-cell-padding);font-size:var(--ngs-table-cell-font-size);height:var(--ngs-table-row-height);background:var(--ngs-table-background);vertical-align:middle;border-bottom:1px solid var(--ngs-table-border-color)}:host ::ng-deep tr{position:relative;border:none;height:auto;border-radius:0;margin-top:0;background:var(--ngs-data-view-row-bg, var(--ngs-table-row-bg));min-height:var(--ngs-table-row-height)}:host ::ng-deep tbody tr:last-child td{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NativeTable, decorators: [{
             type: Component,
-            args: [{ selector: 'table[ngs-native-table]', exportAs: 'ngsNativeTable', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content/>\n", styles: [":host{background:var(--ngs-table-background);border-spacing:0;width:100%;border-collapse:collapse}:host ::ng-deep th{font-size:var(--ngs-table-header-cell-font-size);font-weight:var(--ngs-table-header-cell-font-weight);color:var(--ngs-table-header-cell-color);text-transform:uppercase;overflow:hidden;vertical-align:middle;text-align:start;padding:var(--ngs-table-cell-padding);height:var(--ngs-table-row-height);background:var(--ngs-table-background);border-bottom:1px solid var(--color-border)}:host ::ng-deep td{text-align:start;padding:var(--ngs-table-cell-padding);font-size:var(--ngs-table-cell-font-size);height:var(--ngs-table-row-height);background:var(--ngs-table-background);vertical-align:middle;border-bottom:1px solid var(--color-border)}:host ::ng-deep tr{position:relative;border:none;height:auto;border-radius:0;margin-top:0;background:var(--ngs-data-view-row-bg, var(--color-background));min-height:var(--ngs-table-row-height)}:host ::ng-deep tbody tr:last-child td{border-bottom:none}\n"] }]
+            args: [{ selector: 'table[ngs-native-table]', exportAs: 'ngsNativeTable', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content/>\n", styles: [":host{background:var(--ngs-table-background);border-spacing:0;width:100%;border-collapse:collapse}:host ::ng-deep th{font-size:var(--ngs-table-header-cell-font-size);font-weight:var(--ngs-table-header-cell-font-weight);color:var(--ngs-table-header-cell-color);text-transform:uppercase;overflow:hidden;vertical-align:middle;text-align:start;padding:var(--ngs-table-cell-padding);height:var(--ngs-table-row-height);background:var(--ngs-table-background);border-bottom:1px solid var(--ngs-table-border-color)}:host ::ng-deep td{text-align:start;padding:var(--ngs-table-cell-padding);font-size:var(--ngs-table-cell-font-size);height:var(--ngs-table-row-height);background:var(--ngs-table-background);vertical-align:middle;border-bottom:1px solid var(--ngs-table-border-color)}:host ::ng-deep tr{position:relative;border:none;height:auto;border-radius:0;margin-top:0;background:var(--ngs-data-view-row-bg, var(--ngs-table-row-bg));min-height:var(--ngs-table-row-height)}:host ::ng-deep tbody tr:last-child td{border-bottom:none}\n"] }]
         }] });
 /**