nath-angular-ui 0.8.0 → 0.8.2

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.
@@ -422,8 +422,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
422
422
  }] });
423
423
 
424
424
  class NathCard {
425
- title = input('', /* @ts-ignore */
426
- ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
425
+ cardTitle = input('', /* @ts-ignore */
426
+ ...(ngDevMode ? [{ debugName: "cardTitle" }] : /* istanbul ignore next */ []));
427
+ cardSubtitle = input('', /* @ts-ignore */
428
+ ...(ngDevMode ? [{ debugName: "cardSubtitle" }] : /* istanbul ignore next */ []));
427
429
  titleTpl = contentChild(NathCardTitleDirective, /* @ts-ignore */
428
430
  ...(ngDevMode ? [{ debugName: "titleTpl" }] : /* istanbul ignore next */ []));
429
431
  headerTpl = contentChild(NathCardHeaderDirective, /* @ts-ignore */
@@ -431,12 +433,12 @@ class NathCard {
431
433
  footerTpl = contentChild(NathCardFooterDirective, /* @ts-ignore */
432
434
  ...(ngDevMode ? [{ debugName: "footerTpl" }] : /* istanbul ignore next */ []));
433
435
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
434
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathCard, isStandalone: true, selector: "nath-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "titleTpl", first: true, predicate: NathCardTitleDirective, descendants: true, isSignal: true }, { propertyName: "headerTpl", first: true, predicate: NathCardHeaderDirective, descendants: true, isSignal: true }, { propertyName: "footerTpl", first: true, predicate: NathCardFooterDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (headerTpl()) {\n <div class=\"nath-card-header\">\n <ng-container [ngTemplateOutlet]=\"headerTpl()!.templateRef\" />\n </div>\n}\n<div class=\"nath-card-body\">\n @if (title() || titleTpl()) {\n <div class=\"nath-card-title\">\n @if (title()) {\n {{ title() }}\n } @else if (titleTpl()) {\n <ng-container [ngTemplateOutlet]=\"titleTpl()!.templateRef\" />\n }\n </div>\n }\n <ng-content></ng-content>\n @if (footerTpl()) {\n <div class=\"nath-card-footer\">\n <ng-container [ngTemplateOutlet]=\"footerTpl()!.templateRef\" />\n </div>\n }\n</div>\n", styles: ["nath-card,.nath-card-theme{--nath-card-bg: #ffffff;--nath-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--nath-card-radius: .5rem;--nath-card-body-padding: 1rem;--nath-card-body-gap: .5rem;--nath-card-font-family: \"Titillium Web\", sans-serif;--nath-card-title-font-size: 1.25rem;--nath-card-title-font-weight: 500;--nath-card-title-color: var(--color-gray-700, oklch(.373 .034 259.733));--nath-card-title-padding: 0;display:flex;flex-direction:column;background:var(--nath-card-bg);box-shadow:var(--nath-card-shadow);border-radius:var(--nath-card-radius)}.dark nath-card,.dark .nath-card-theme{--nath-card-bg: var(--color-slate-900, oklch(.208 .042 265.755));--nath-card-title-color: var(--color-gray-300, oklch(.872 .01 258.338))}.nath-card-title{font-family:var(--nath-card-font-family),sans-serif;font-size:var(--nath-card-title-font-size);font-weight:var(--nath-card-title-font-weight);color:var(--nath-card-title-color);padding:var(--nath-card-title-padding)}.nath-card-body{padding:var(--nath-card-body-padding);display:flex;flex-direction:column;gap:var(--nath-card-body-gap)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
436
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathCard, isStandalone: true, selector: "nath-card", inputs: { cardTitle: { classPropertyName: "cardTitle", publicName: "cardTitle", isSignal: true, isRequired: false, transformFunction: null }, cardSubtitle: { classPropertyName: "cardSubtitle", publicName: "cardSubtitle", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "titleTpl", first: true, predicate: NathCardTitleDirective, descendants: true, isSignal: true }, { propertyName: "headerTpl", first: true, predicate: NathCardHeaderDirective, descendants: true, isSignal: true }, { propertyName: "footerTpl", first: true, predicate: NathCardFooterDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (headerTpl()) {\n <div class=\"nath-card-header\">\n <ng-container [ngTemplateOutlet]=\"headerTpl()!.templateRef\" />\n </div>\n}\n<div class=\"nath-card-body\">\n @if (cardTitle() || titleTpl()) {\n <div class=\"nath-card-title\">\n @if (cardTitle()) {\n {{ cardTitle() }}\n } @else if (titleTpl()) {\n <ng-container [ngTemplateOutlet]=\"titleTpl()!.templateRef\" />\n }\n </div>\n }\n @if (cardSubtitle()) {\n <div class=\"nath-card-subtitle\">\n {{ cardSubtitle() }}\n </div>\n }\n <ng-content></ng-content>\n @if (footerTpl()) {\n <div class=\"nath-card-footer\">\n <ng-container [ngTemplateOutlet]=\"footerTpl()!.templateRef\" />\n </div>\n }\n</div>\n", styles: ["nath-card,.nath-card-theme{--nath-card-bg: #ffffff;--nath-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--nath-card-radius: .5rem;--nath-card-body-padding: 1rem;--nath-card-body-gap: .5rem;--nath-card-font-family: \"Titillium Web\", sans-serif;--nath-card-title-font-size: 1.25rem;--nath-card-title-font-weight: 500;--nath-card-title-color: var(--color-gray-700, oklch(.373 .034 259.733));--nath-card-title-padding: 0;--nath-card-subtitle-color: var(--color-gray-600, oklch(37.1% .008 285.539));--nath-card-subtitle-font-size: 1rem;--nath-card-subtitle-font-weight: normal;display:flex;flex-direction:column;background:var(--nath-card-bg);box-shadow:var(--nath-card-shadow);border-radius:var(--nath-card-radius)}.dark nath-card,.dark .nath-card-theme{--nath-card-bg: var(--color-slate-900, oklch(.208 .042 265.755));--nath-card-title-color: var(--color-gray-300, oklch(.872 .01 258.338));--nath-card-subtitle-color: var(--color-gray-400, oklch(.572 .01 258.338))}.nath-card-title{font-family:var(--nath-card-font-family),sans-serif;font-size:var(--nath-card-title-font-size);font-weight:var(--nath-card-title-font-weight);color:var(--nath-card-title-color);padding:var(--nath-card-title-padding)}.nath-card-subtitle{color:var(--nath-card-subtitle-color);font-size:var(--nath-card-subtitle-font-size);font-weight:var(--nath-card-subtitle-font-weight)}.nath-card-body{padding:var(--nath-card-body-padding);display:flex;flex-direction:column;gap:var(--nath-card-body-gap)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
435
437
  }
436
438
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathCard, decorators: [{
437
439
  type: Component,
438
- args: [{ selector: 'nath-card', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, template: "@if (headerTpl()) {\n <div class=\"nath-card-header\">\n <ng-container [ngTemplateOutlet]=\"headerTpl()!.templateRef\" />\n </div>\n}\n<div class=\"nath-card-body\">\n @if (title() || titleTpl()) {\n <div class=\"nath-card-title\">\n @if (title()) {\n {{ title() }}\n } @else if (titleTpl()) {\n <ng-container [ngTemplateOutlet]=\"titleTpl()!.templateRef\" />\n }\n </div>\n }\n <ng-content></ng-content>\n @if (footerTpl()) {\n <div class=\"nath-card-footer\">\n <ng-container [ngTemplateOutlet]=\"footerTpl()!.templateRef\" />\n </div>\n }\n</div>\n", styles: ["nath-card,.nath-card-theme{--nath-card-bg: #ffffff;--nath-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--nath-card-radius: .5rem;--nath-card-body-padding: 1rem;--nath-card-body-gap: .5rem;--nath-card-font-family: \"Titillium Web\", sans-serif;--nath-card-title-font-size: 1.25rem;--nath-card-title-font-weight: 500;--nath-card-title-color: var(--color-gray-700, oklch(.373 .034 259.733));--nath-card-title-padding: 0;display:flex;flex-direction:column;background:var(--nath-card-bg);box-shadow:var(--nath-card-shadow);border-radius:var(--nath-card-radius)}.dark nath-card,.dark .nath-card-theme{--nath-card-bg: var(--color-slate-900, oklch(.208 .042 265.755));--nath-card-title-color: var(--color-gray-300, oklch(.872 .01 258.338))}.nath-card-title{font-family:var(--nath-card-font-family),sans-serif;font-size:var(--nath-card-title-font-size);font-weight:var(--nath-card-title-font-weight);color:var(--nath-card-title-color);padding:var(--nath-card-title-padding)}.nath-card-body{padding:var(--nath-card-body-padding);display:flex;flex-direction:column;gap:var(--nath-card-body-gap)}\n"] }]
439
- }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], titleTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardTitleDirective), { isSignal: true }] }], headerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardHeaderDirective), { isSignal: true }] }], footerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardFooterDirective), { isSignal: true }] }] } });
440
+ args: [{ selector: 'nath-card', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, template: "@if (headerTpl()) {\n <div class=\"nath-card-header\">\n <ng-container [ngTemplateOutlet]=\"headerTpl()!.templateRef\" />\n </div>\n}\n<div class=\"nath-card-body\">\n @if (cardTitle() || titleTpl()) {\n <div class=\"nath-card-title\">\n @if (cardTitle()) {\n {{ cardTitle() }}\n } @else if (titleTpl()) {\n <ng-container [ngTemplateOutlet]=\"titleTpl()!.templateRef\" />\n }\n </div>\n }\n @if (cardSubtitle()) {\n <div class=\"nath-card-subtitle\">\n {{ cardSubtitle() }}\n </div>\n }\n <ng-content></ng-content>\n @if (footerTpl()) {\n <div class=\"nath-card-footer\">\n <ng-container [ngTemplateOutlet]=\"footerTpl()!.templateRef\" />\n </div>\n }\n</div>\n", styles: ["nath-card,.nath-card-theme{--nath-card-bg: #ffffff;--nath-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--nath-card-radius: .5rem;--nath-card-body-padding: 1rem;--nath-card-body-gap: .5rem;--nath-card-font-family: \"Titillium Web\", sans-serif;--nath-card-title-font-size: 1.25rem;--nath-card-title-font-weight: 500;--nath-card-title-color: var(--color-gray-700, oklch(.373 .034 259.733));--nath-card-title-padding: 0;--nath-card-subtitle-color: var(--color-gray-600, oklch(37.1% .008 285.539));--nath-card-subtitle-font-size: 1rem;--nath-card-subtitle-font-weight: normal;display:flex;flex-direction:column;background:var(--nath-card-bg);box-shadow:var(--nath-card-shadow);border-radius:var(--nath-card-radius)}.dark nath-card,.dark .nath-card-theme{--nath-card-bg: var(--color-slate-900, oklch(.208 .042 265.755));--nath-card-title-color: var(--color-gray-300, oklch(.872 .01 258.338));--nath-card-subtitle-color: var(--color-gray-400, oklch(.572 .01 258.338))}.nath-card-title{font-family:var(--nath-card-font-family),sans-serif;font-size:var(--nath-card-title-font-size);font-weight:var(--nath-card-title-font-weight);color:var(--nath-card-title-color);padding:var(--nath-card-title-padding)}.nath-card-subtitle{color:var(--nath-card-subtitle-color);font-size:var(--nath-card-subtitle-font-size);font-weight:var(--nath-card-subtitle-font-weight)}.nath-card-body{padding:var(--nath-card-body-padding);display:flex;flex-direction:column;gap:var(--nath-card-body-gap)}\n"] }]
441
+ }], propDecorators: { cardTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardTitle", required: false }] }], cardSubtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardSubtitle", required: false }] }], titleTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardTitleDirective), { isSignal: true }] }], headerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardHeaderDirective), { isSignal: true }] }], footerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NathCardFooterDirective), { isSignal: true }] }] } });
440
442
 
441
443
  class CodeFileTabNamePipe {
442
444
  transform(value, showFullPath) {
@@ -5329,13 +5331,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5329
5331
  }]
5330
5332
  }], propDecorators: { tabTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "nathTab", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
5331
5333
 
5332
- class TabPanelDirective {
5334
+ class NathTabPanelDirective {
5333
5335
  templateRef = inject(TemplateRef);
5334
5336
  tabTitle = input.required({ ...(ngDevMode ? { debugName: "tabTitle" } : /* istanbul ignore next */ {}), alias: 'nathTabPanel' });
5335
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5336
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: TabPanelDirective, isStandalone: true, selector: "[nathTabPanel]", inputs: { tabTitle: { classPropertyName: "tabTitle", publicName: "nathTabPanel", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
5337
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathTabPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
5338
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NathTabPanelDirective, isStandalone: true, selector: "[nathTabPanel]", inputs: { tabTitle: { classPropertyName: "tabTitle", publicName: "nathTabPanel", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
5337
5339
  }
5338
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabPanelDirective, decorators: [{
5340
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathTabPanelDirective, decorators: [{
5339
5341
  type: Directive,
5340
5342
  args: [{
5341
5343
  selector: '[nathTabPanel]',
@@ -5355,7 +5357,7 @@ class NathTabs {
5355
5357
  ...(ngDevMode ? [{ debugName: "slidingWindowClass" }] : /* istanbul ignore next */ []));
5356
5358
  tabs = contentChildren(NathTabDirective, /* @ts-ignore */
5357
5359
  ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
5358
- tabPanels = contentChildren(TabPanelDirective, /* @ts-ignore */
5360
+ tabPanels = contentChildren(NathTabPanelDirective, /* @ts-ignore */
5359
5361
  ...(ngDevMode ? [{ debugName: "tabPanels" }] : /* istanbul ignore next */ []));
5360
5362
  activeTabIndex = computed(() => {
5361
5363
  return this.tabs().findIndex((tab) => tab.tabTitle() === this.activeTab());
@@ -5364,7 +5366,7 @@ class NathTabs {
5364
5366
  totalTabs = computed(() => this.tabs().length, /* @ts-ignore */
5365
5367
  ...(ngDevMode ? [{ debugName: "totalTabs" }] : /* istanbul ignore next */ []));
5366
5368
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
5367
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathTabs, isStandalone: true, selector: "nath-tabs", inputs: { activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, tabClass: { classPropertyName: "tabClass", publicName: "tabClass", isSignal: true, isRequired: false, transformFunction: null }, tabPanelClass: { classPropertyName: "tabPanelClass", publicName: "tabPanelClass", isSignal: true, isRequired: false, transformFunction: null }, slidingWindowClass: { classPropertyName: "slidingWindowClass", publicName: "slidingWindowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeTab: "activeTabChange" }, queries: [{ propertyName: "tabs", predicate: NathTabDirective, isSignal: true }, { propertyName: "tabPanels", predicate: TabPanelDirective, isSignal: true }], ngImport: i0, template: `
5369
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathTabs, isStandalone: true, selector: "nath-tabs", inputs: { activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, tabClass: { classPropertyName: "tabClass", publicName: "tabClass", isSignal: true, isRequired: false, transformFunction: null }, tabPanelClass: { classPropertyName: "tabPanelClass", publicName: "tabPanelClass", isSignal: true, isRequired: false, transformFunction: null }, slidingWindowClass: { classPropertyName: "slidingWindowClass", publicName: "slidingWindowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeTab: "activeTabChange" }, queries: [{ propertyName: "tabs", predicate: NathTabDirective, isSignal: true }, { propertyName: "tabPanels", predicate: NathTabPanelDirective, isSignal: true }], ngImport: i0, template: `
5368
5370
  <div
5369
5371
  ngTabs
5370
5372
  [attr.aria-orientation]="orientation()"
@@ -5483,7 +5485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
5483
5485
  </div>
5484
5486
  </div>
5485
5487
  `, encapsulation: ViewEncapsulation.None, styles: ["nath-tabs,.nath-tabs-theme{--nath-tabs-text-main: var(--color-zinc-700, oklch(44.2% .017 285.786));--nath-tabs-text-active: var(--color-blue-600, oklch(51.9% .21 259.429));--nath-tabs-border: var(--color-zinc-200, oklch(92% .004 286.32));--nath-tabs-active-border: var(--color-blue-600, oklch(51.9% .21 259.429));--nath-tabs-hover-bg: var(--color-zinc-100, oklch(96.7% .003 286.375));--nath-tabs-panel-bg: transparent;--nath-tabs-panel-text: var(--color-zinc-700, oklch(44.2% .017 285.786));--nath-tabs-radius: .5rem}.dark nath-tabs,.dark .nath-tabs-theme{--nath-tabs-text-main: var(--color-zinc-400, oklch(70.7% .009 285.918));--nath-tabs-text-active: var(--color-blue-400, oklch(70.7% .165 254.624));--nath-tabs-border: var(--color-zinc-700, oklch(37.1% .008 285.539));--nath-tabs-active-border: var(--color-blue-400, oklch(70.7% .165 254.624));--nath-tabs-hover-bg: var(--color-zinc-800, oklch(27.8% .006 285.923));--nath-tabs-panel-text: var(--color-zinc-300, oklch(83.1% .007 285.938))}nath-tabs{display:block;width:100%}.nath-tabs-container{display:flex;width:100%;overflow:hidden}.nath-tabs-container.horizontal{flex-direction:column}.nath-tabs-container.vertical{flex-direction:row}.nath-tabs-list{display:flex;list-style:none;padding:0;margin:0;position:relative}.nath-tabs-container.horizontal .nath-tabs-list{flex-direction:row;border-bottom:1px solid var(--nath-tabs-border)}.nath-tabs-container.vertical .nath-tabs-list{flex-direction:column;border-right:1px solid var(--nath-tabs-border)}.nath-tabs-tab{flex-grow:1;outline:none;padding:.75rem 1rem;text-align:center;color:var(--nath-tabs-text-main);cursor:pointer;position:relative;transition:all .2s ease-in-out}.nath-tabs-tab:disabled,.nath-tabs-tab[aria-disabled=true]{cursor:not-allowed;opacity:.5}.nath-tabs-tab:hover:not(:disabled):not([aria-selected=true]){background-color:var(--nath-tabs-hover-bg);color:var(--nath-tabs-text-active)}.nath-tabs-tab[aria-selected=true]{font-weight:600;color:var(--nath-tabs-text-active)}.nath-tabs-container.horizontal .nath-tabs-tab[aria-selected=true]{border-bottom:2px solid var(--nath-tabs-active-border)}.nath-tabs-container.vertical .nath-tabs-tab[aria-selected=true]{border-right:2px solid var(--nath-tabs-active-border)}.nath-tabs-tab:focus-visible{outline:2px solid var(--nath-tabs-active-border);outline-offset:-4px;border-radius:var(--nath-tabs-radius)}.nath-tabs-sliding-window{display:flex;overflow:hidden;width:calc(var(--total-tabs, 1) * 100%);transform:translate(calc(-100% / var(--total-tabs, 1) * var(--active-index, 0)));transition:transform .3s cubic-bezier(.4,0,.2,1)}.nath-tabs-panel{display:block;padding:1rem;width:calc(100% / var(--total-tabs, 1));box-sizing:border-box;background-color:var(--nath-tabs-panel-bg);color:var(--nath-tabs-panel-text)}.nath-tabs-panel:focus-visible{outline:2px solid var(--nath-tabs-active-border);outline-offset:-4px}\n"] }]
5486
- }], propDecorators: { activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: true }] }, { type: i0.Output, args: ["activeTabChange"] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], tabClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabClass", required: false }] }], tabPanelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabPanelClass", required: false }] }], slidingWindowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "slidingWindowClass", required: false }] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NathTabDirective), { isSignal: true }] }], tabPanels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TabPanelDirective), { isSignal: true }] }] } });
5488
+ }], propDecorators: { activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: true }] }, { type: i0.Output, args: ["activeTabChange"] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], tabClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabClass", required: false }] }], tabPanelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabPanelClass", required: false }] }], slidingWindowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "slidingWindowClass", required: false }] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NathTabDirective), { isSignal: true }] }], tabPanels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NathTabPanelDirective), { isSignal: true }] }] } });
5487
5489
 
5488
5490
  class NathTag {
5489
5491
  value = input('', /* @ts-ignore */
@@ -6110,5 +6112,5 @@ function isSortOrderValid(order) {
6110
6112
  * Generated bundle index. Do not edit.
6111
6113
  */
6112
6114
 
6113
- export { DARK_THEME_CLASS, DIALOG_DATA, NathAutocomplete, NathBooleanControl, NathBreadcrumbService, NathBreadcrumbs, NathCard, NathCardFooterDirective, NathCardHeaderDirective, NathCardTitleDirective, NathCodeViewer, NathConfirmationDialog, NathConfirmationService, NathDatepicker, NathDialogContainer, NathDialogRef, NathDialogService, NathDrawer, NathFileUpload, NathFloatingLabel, NathFormField, NathImagePreview, NathMenu, NathMenuBar, NathMenuList, NathMultiselect, NathPaginatedView, NathPaginator, NathPanel, NathPickList, NathProgressBar, NathProgressCircle, NathRadioButtonGroup, NathRatingHeart, NathRatingInput, NathSelect, NathShowErrors, NathSkeleton, NathSlider, NathSortIcon, NathSplitButton, NathTabDirective, NathTabs, NathTag, NathThemeSwitch, NathToastContainer, NathToastService, NathToc, NathTooltipContainer, NathTooltipDirective, ORDER, RATING_MAP, THEME_CONFIG, TabPanelDirective, ThemeService, getRatingColor, hasRequiredValidator, isRequired, isSortOrderValid, isTruthy, nextSibling, provideThemeConfig, rangeMinMax, rangeNotMinMax, validateAllFormFields };
6115
+ export { DARK_THEME_CLASS, DIALOG_DATA, NathAutocomplete, NathBooleanControl, NathBreadcrumbService, NathBreadcrumbs, NathCard, NathCardFooterDirective, NathCardHeaderDirective, NathCardTitleDirective, NathCodeViewer, NathConfirmationDialog, NathConfirmationService, NathDatepicker, NathDialogContainer, NathDialogRef, NathDialogService, NathDrawer, NathFileUpload, NathFloatingLabel, NathFormField, NathImagePreview, NathMenu, NathMenuBar, NathMenuList, NathMultiselect, NathPaginatedView, NathPaginator, NathPanel, NathPickList, NathProgressBar, NathProgressCircle, NathRadioButtonGroup, NathRatingHeart, NathRatingInput, NathSelect, NathShowErrors, NathSkeleton, NathSlider, NathSortIcon, NathSplitButton, NathTabDirective, NathTabPanelDirective, NathTabs, NathTag, NathThemeSwitch, NathToastContainer, NathToastService, NathToc, NathTooltipContainer, NathTooltipDirective, ORDER, RATING_MAP, THEME_CONFIG, ThemeService, getRatingColor, hasRequiredValidator, isRequired, isSortOrderValid, isTruthy, nextSibling, provideThemeConfig, rangeMinMax, rangeNotMinMax, validateAllFormFields };
6114
6116
  //# sourceMappingURL=nath-angular-ui.mjs.map