@ks-digital/designsystem-angular 0.0.1-alpha.74 → 0.0.1-alpha.76

package/fesm2022/ks-digital-designsystem-angular-tabs.mjs

@@ -1,72 +1,143 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, output, viewChild, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component, contentChildren } from '@angular/core';
-import '@digdir/designsystemet-web/ds-tabs';
-import * as i1 from '@ks-digital/designsystem-angular/__internals';
-import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
-
-class TabsTab {
-    /**
-     * Stable identifier for this tab.
-     *
-     * Recommended for logic such as analytics, routing and persisted state.
-     *
-     * If omitted, `tabClicked` emits `tabId: undefined`.
-     */
-    tabId = input(...(ngDevMode ? [undefined, { debugName: "tabId" }] : /* istanbul ignore next */ []));
-    /**
-     * Emits tab click details when this tab is clicked.
-     */
-    tabClicked = output();
-    /**
-     * Hack to get the content of the tab from outside so that we can
-     * keep the dom structure needed without additional host elements
-     */
-    templateRef = viewChild('tpl', ...(ngDevMode ? [{ debugName: "templateRef" }] : /* istanbul ignore next */ []));
-    /* Exposed function so Tabs can emit tab click events */
-    emitTabClicked(event) {
-        this.tabClicked.emit(event);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabsTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.8", type: TabsTab, isStandalone: true, selector: "ksd-tabs-tab", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabClicked: "tabClicked" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["tpl"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: ` <ng-template #tpl><ng-content /></ng-template> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabsTab, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `ksd-tabs-tab`,
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                    template: ` <ng-template #tpl><ng-content /></ng-template> `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    hostDirectives: [
-                        {
-                            directive: HostSize,
-                            inputs: ['data-size'],
-                        },
-                        {
-                            directive: HostColor,
-                            inputs: ['data-color'],
-                        },
-                    ],
-                }]
-        }], propDecorators: { tabId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabId", required: false }] }], tabClicked: [{ type: i0.Output, args: ["tabClicked"] }], templateRef: [{ type: i0.ViewChild, args: ['tpl', { isSignal: true }] }] } });
-
-class Tabs {
-    /**
-     * Emits tab click details when any tab is clicked.
-     */
-    tabClicked = output();
-    tabs = contentChildren(TabsTab, { ...(ngDevMode ? { debugName: "tabs" } : /* istanbul ignore next */ {}), descendants: true });
-    onTabClick(index, tab) {
-        const event = {
-            index,
-            tabId: tab.tabId(),
-        };
-        this.tabClicked.emit(event);
-        tab.emitTabClicked(event);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Tabs, isStandalone: true, selector: "ksd-tabs", outputs: { tabClicked: "tabClicked" }, queries: [{ propertyName: "tabs", predicate: TabsTab, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: `
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, contentChildren, input, output, viewChild } from "@angular/core";
+import "@digdir/designsystemet-web/ds-tabs";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+var TabsTab = class TabsTab {
+	tabId = input(...ngDevMode ? [void 0, { debugName: "tabId" }] : /* istanbul ignore next */ []);
+	tabClicked = output();
+	templateRef = viewChild("tpl", ...ngDevMode ? [{ debugName: "templateRef" }] : /* istanbul ignore next */ []);
+	emitTabClicked(event) {
+		this.tabClicked.emit(event);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: TabsTab,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: TabsTab,
+		isStandalone: true,
+		selector: "ksd-tabs-tab",
+		inputs: { tabId: {
+			classPropertyName: "tabId",
+			publicName: "tabId",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		outputs: { tabClicked: "tabClicked" },
+		viewQueries: [{
+			propertyName: "templateRef",
+			first: true,
+			predicate: ["tpl"],
+			descendants: true,
+			isSignal: true
+		}],
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0,
+		template: ` <ng-template #tpl><ng-content /></ng-template> `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: TabsTab,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: `ksd-tabs-tab`,
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			template: ` <ng-template #tpl><ng-content /></ng-template> `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [],
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}]
+		}]
+	}],
+	propDecorators: {
+		tabId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tabId",
+				required: false
+			}]
+		}],
+		tabClicked: [{
+			type: i0.Output,
+			args: ["tabClicked"]
+		}],
+		templateRef: [{
+			type: i0.ViewChild,
+			args: ["tpl", { isSignal: true }]
+		}]
+	}
+});
+var Tabs = class Tabs {
+	tabClicked = output();
+	tabs = contentChildren(TabsTab, {
+		...ngDevMode ? { debugName: "tabs" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	onTabClick(index, tab) {
+		const event = {
+			index,
+			tabId: tab.tabId()
+		};
+		this.tabClicked.emit(event);
+		tab.emitTabClicked(event);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Tabs,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: Tabs,
+		isStandalone: true,
+		selector: "ksd-tabs",
+		outputs: { tabClicked: "tabClicked" },
+		queries: [{
+			propertyName: "tabs",
+			predicate: TabsTab,
+			descendants: true,
+			isSignal: true
+		}],
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0,
+		template: `
     <ds-tabs class="ds-tabs">
       <ds-tablist>
         @for (tab of tabs(); track tab; let index = $index) {
@@ -77,11 +148,34 @@ class Tabs {
       </ds-tablist>
       <ng-content select="ksd-tabs-panel" />
     </ds-tabs>
-  `, isInline: true, styles: [":host ::ng-deep :is(.ds-tabs [role=tab],.ds-tabs ds-tab,.ds-tabs u-tab)>:where(ng-icon,svg,img){font-size:1.25em;width:1em;height:1em}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tabs, decorators: [{
-            type: Component,
-            args: [{ selector: `ksd-tabs`, imports: [NgTemplateOutlet], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: `
+  `,
+		isInline: true,
+		styles: [":host ::ng-deep :is(.ds-tabs [role=tab],.ds-tabs ds-tab,.ds-tabs u-tab)>:where(ng-icon,svg,img){font-size:1.25em;width:1em;height:1em}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Tabs,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: `ksd-tabs`,
+			imports: [NgTemplateOutlet],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			template: `
     <ds-tabs class="ds-tabs">
       <ds-tablist>
         @for (tab of tabs(); track tab; let index = $index) {
@@ -92,57 +186,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
       </ds-tablist>
       <ng-content select="ksd-tabs-panel" />
     </ds-tabs>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
-                        {
-                            directive: HostSize,
-                            inputs: ['data-size'],
-                        },
-                        {
-                            directive: HostColor,
-                            inputs: ['data-color'],
-                        },
-                    ], styles: [":host ::ng-deep :is(.ds-tabs [role=tab],.ds-tabs ds-tab,.ds-tabs u-tab)>:where(ng-icon,svg,img){font-size:1.25em;width:1em;height:1em}\n"] }]
-        }], propDecorators: { tabClicked: [{ type: i0.Output, args: ["tabClicked"] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TabsTab), { ...{ descendants: true }, isSignal: true }] }] } });
-
-class TabsList {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabsList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: TabsList, isStandalone: true, selector: "ksd-tabs-list", ngImport: i0, template: `<ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabsList, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `ksd-tabs-list`,
-                    template: `<ng-content /> `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }] });
-
-class TabsPanel {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabsPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: TabsPanel, isStandalone: true, selector: "ksd-tabs-panel", ngImport: i0, template: `
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			styles: [":host ::ng-deep :is(.ds-tabs [role=tab],.ds-tabs ds-tab,.ds-tabs u-tab)>:where(ng-icon,svg,img){font-size:1.25em;width:1em;height:1em}\n"]
+		}]
+	}],
+	propDecorators: {
+		tabClicked: [{
+			type: i0.Output,
+			args: ["tabClicked"]
+		}],
+		tabs: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => TabsTab), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var TabsList = class TabsList {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: TabsList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: TabsList,
+		isStandalone: true,
+		selector: "ksd-tabs-list",
+		ngImport: i0,
+		template: `<ng-content /> `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: TabsList,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: `ksd-tabs-list`,
+			template: `<ng-content /> `,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}]
+});
+var TabsPanel = class TabsPanel {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: TabsPanel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: TabsPanel,
+		isStandalone: true,
+		selector: "ksd-tabs-panel",
+		ngImport: i0,
+		template: `
     <ds-tabpanel>
       <ng-content />
     </ds-tabpanel>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabsPanel, decorators: [{
-            type: Component,
-            args: [{
-                    selector: `ksd-tabs-panel`,
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                    template: `
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: TabsPanel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: `ksd-tabs-panel`,
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			template: `
     <ds-tabpanel>
       <ng-content />
     </ds-tabpanel>
   `,
-                    host: {},
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+			host: {},
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}]
+});
 export { Tabs, TabsList, TabsPanel, TabsTab };
-//# sourceMappingURL=ks-digital-designsystem-angular-tabs.mjs.map
+
+//# sourceMappingURL=ks-digital-designsystem-angular-tabs.mjs.map

package/fesm2022/ks-digital-designsystem-angular-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ks-digital-designsystem-angular-tabs.mjs","sources":["../../../../packages/angular/tabs/src/tabs-tab.ts","../../../../packages/angular/tabs/src/tabs.ts","../../../../packages/angular/tabs/src/tabs-list.ts","../../../../packages/angular/tabs/src/tabs-panel.ts","../../../../packages/angular/tabs/src/ks-digital-designsystem-angular-tabs.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  input,\n  output,\n  TemplateRef,\n  viewChild,\n} from '@angular/core'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n/**\n * Payload emitted from `tabClicked` on both `ksd-tabs` and `ksd-tabs-tab`.\n */\nexport interface TabClickEvent {\n  /**\n   * Zero-based index of the clicked tab in its current render order.\n   */\n  index: number\n\n  /**\n   * Consumer-provided stable tab identifier from `tabId`.\n   *\n   * `undefined` when `tabId` is not provided.\n   */\n  tabId: string | undefined\n}\n\n@Component({\n  selector: `ksd-tabs-tab`,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  template: ` <ng-template #tpl><ng-content /></ng-template> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [],\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n})\nexport class TabsTab {\n  /**\n   * Stable identifier for this tab.\n   *\n   * Recommended for logic such as analytics, routing and persisted state.\n   *\n   * If omitted, `tabClicked` emits `tabId: undefined`.\n   */\n  readonly tabId = input<string>()\n\n  /**\n   * Emits tab click details when this tab is clicked.\n   */\n  readonly tabClicked = output<TabClickEvent>()\n\n  /**\n   * Hack to get the content of the tab from outside so that we can\n   * keep the dom structure needed without additional host elements\n   */\n  templateRef = viewChild<TemplateRef<unknown>>('tpl')\n\n  /* Exposed function so Tabs can emit tab click events */\n  emitTabClicked(event: TabClickEvent) {\n    this.tabClicked.emit(event)\n  }\n}\n","import { NgTemplateOutlet } from '@angular/common'\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  CUSTOM_ELEMENTS_SCHEMA,\n  output,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/ds-tabs'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { TabClickEvent, TabsTab } from './tabs-tab'\n\n@Component({\n  selector: `ksd-tabs`,\n  imports: [NgTemplateOutlet],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  template: `\n    <ds-tabs class=\"ds-tabs\">\n      <ds-tablist>\n        @for (tab of tabs(); track tab; let index = $index) {\n          <ds-tab (click)=\"onTabClick(index, tab)\">\n            <ng-container *ngTemplateOutlet=\"tab.templateRef()\" />\n          </ds-tab>\n        }\n      </ds-tablist>\n      <ng-content select=\"ksd-tabs-panel\" />\n    </ds-tabs>\n  `,\n  styles: `\n    :host\n      ::ng-deep\n      :is(.ds-tabs [role='tab'], .ds-tabs ds-tab, .ds-tabs u-tab)\n      > :where(ng-icon, svg, img) {\n      font-size: calc(1em * 1.25);\n      width: 1em;\n      height: 1em;\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n})\nexport class Tabs {\n  /**\n   * Emits tab click details when any tab is clicked.\n   */\n  readonly tabClicked = output<TabClickEvent>()\n\n  readonly tabs = contentChildren(TabsTab, { descendants: true })\n\n  protected onTabClick(index: number, tab: TabsTab) {\n    const event: TabClickEvent = {\n      index,\n      tabId: tab.tabId(),\n    }\n\n    this.tabClicked.emit(event)\n    tab.emitTabClicked(event)\n  }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n  selector: `ksd-tabs-list`,\n  template: `<ng-content /> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabsList {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n} from '@angular/core'\n\n@Component({\n  selector: `ksd-tabs-panel`,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  template: `\n    <ds-tabpanel>\n      <ng-content />\n    </ds-tabpanel>\n  `,\n  host: {},\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabsPanel {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ks-digital-designsystem-angular-tabs.mjs","names":[],"sources":["../../../../packages/angular/tabs/src/tabs-tab.ts","../../../../packages/angular/tabs/src/tabs.ts","../../../../packages/angular/tabs/src/tabs-list.ts","../../../../packages/angular/tabs/src/tabs-panel.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n  input,\n  output,\n  TemplateRef,\n  viewChild,\n} from '@angular/core'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n/**\n * Payload emitted from `tabClicked` on both `ksd-tabs` and `ksd-tabs-tab`.\n */\nexport interface TabClickEvent {\n  /**\n   * Zero-based index of the clicked tab in its current render order.\n   */\n  index: number\n\n  /**\n   * Consumer-provided stable tab identifier from `tabId`.\n   *\n   * `undefined` when `tabId` is not provided.\n   */\n  tabId: string | undefined\n}\n\n@Component({\n  selector: `ksd-tabs-tab`,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  template: ` <ng-template #tpl><ng-content /></ng-template> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [],\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n})\nexport class TabsTab {\n  /**\n   * Stable identifier for this tab.\n   *\n   * Recommended for logic such as analytics, routing and persisted state.\n   *\n   * If omitted, `tabClicked` emits `tabId: undefined`.\n   */\n  readonly tabId = input<string>()\n\n  /**\n   * Emits tab click details when this tab is clicked.\n   */\n  readonly tabClicked = output<TabClickEvent>()\n\n  /**\n   * Hack to get the content of the tab from outside so that we can\n   * keep the dom structure needed without additional host elements\n   */\n  templateRef = viewChild<TemplateRef<unknown>>('tpl')\n\n  /* Exposed function so Tabs can emit tab click events */\n  emitTabClicked(event: TabClickEvent) {\n    this.tabClicked.emit(event)\n  }\n}\n","import { NgTemplateOutlet } from '@angular/common'\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  CUSTOM_ELEMENTS_SCHEMA,\n  output,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/ds-tabs'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { TabClickEvent, TabsTab } from './tabs-tab'\n\n@Component({\n  selector: `ksd-tabs`,\n  imports: [NgTemplateOutlet],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  template: `\n    <ds-tabs class=\"ds-tabs\">\n      <ds-tablist>\n        @for (tab of tabs(); track tab; let index = $index) {\n          <ds-tab (click)=\"onTabClick(index, tab)\">\n            <ng-container *ngTemplateOutlet=\"tab.templateRef()\" />\n          </ds-tab>\n        }\n      </ds-tablist>\n      <ng-content select=\"ksd-tabs-panel\" />\n    </ds-tabs>\n  `,\n  styles: `\n    :host\n      ::ng-deep\n      :is(.ds-tabs [role='tab'], .ds-tabs ds-tab, .ds-tabs u-tab)\n      > :where(ng-icon, svg, img) {\n      font-size: calc(1em * 1.25);\n      width: 1em;\n      height: 1em;\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n})\nexport class Tabs {\n  /**\n   * Emits tab click details when any tab is clicked.\n   */\n  readonly tabClicked = output<TabClickEvent>()\n\n  readonly tabs = contentChildren(TabsTab, { descendants: true })\n\n  protected onTabClick(index: number, tab: TabsTab) {\n    const event: TabClickEvent = {\n      index,\n      tabId: tab.tabId(),\n    }\n\n    this.tabClicked.emit(event)\n    tab.emitTabClicked(event)\n  }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n  selector: `ksd-tabs-list`,\n  template: `<ng-content /> `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabsList {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  CUSTOM_ELEMENTS_SCHEMA,\n} from '@angular/core'\n\n@Component({\n  selector: `ksd-tabs-panel`,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  template: `\n    <ds-tabpanel>\n      <ng-content />\n    </ds-tabpanel>\n  `,\n  host: {},\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TabsPanel {}\n"],"mappings":"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"}

package/fesm2022/ks-digital-designsystem-angular-tag.mjs

@@ -1,38 +1,85 @@
-import * as i0 from '@angular/core';
-import { input, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@ks-digital/designsystem-angular/__internals';
-import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
-
-class Tag {
-    /**
-     * The visual variant of the tag
-     *
-     * @default 'default'
-     */
-    variant = input('default', { ...(ngDevMode ? { debugName: "variant" } : /* istanbul ignore next */ {}), alias: 'data-variant' });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tag, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: Tag, isStandalone: true, selector: "ksd-tag", inputs: { variant: { classPropertyName: "variant", publicName: "data-variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()" }, classAttribute: "ds-tag" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, styles: [":host ::ng-deep>*{margin-inline-end:var(--ds-size-1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tag, decorators: [{
-            type: Component,
-            args: [{ selector: 'ksd-tag', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
-                        {
-                            directive: HostSize,
-                            inputs: ['data-size'],
-                        },
-                        {
-                            directive: HostColor,
-                            inputs: ['data-color'],
-                        },
-                    ], host: {
-                        class: 'ds-tag',
-                        '[attr.data-variant]': 'variant()',
-                    }, template: ` <ng-content /> `, styles: [":host ::ng-deep>*{margin-inline-end:var(--ds-size-1)}\n"] }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-variant", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+var Tag = class Tag {
+	variant = input("default", {
+		...ngDevMode ? { debugName: "variant" } : /* istanbul ignore next */ {},
+		alias: "data-variant"
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Tag,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: Tag,
+		isStandalone: true,
+		selector: "ksd-tag",
+		inputs: { variant: {
+			classPropertyName: "variant",
+			publicName: "data-variant",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.data-variant": "variant()" },
+			classAttribute: "ds-tag"
+		},
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0,
+		template: ` <ng-content /> `,
+		isInline: true,
+		styles: [":host ::ng-deep>*{margin-inline-end:var(--ds-size-1)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Tag,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ksd-tag",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			host: {
+				class: "ds-tag",
+				"[attr.data-variant]": "variant()"
+			},
+			template: ` <ng-content /> `,
+			styles: [":host ::ng-deep>*{margin-inline-end:var(--ds-size-1)}\n"]
+		}]
+	}],
+	propDecorators: { variant: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "data-variant",
+			required: false
+		}]
+	}] }
+});
 export { Tag };
-//# sourceMappingURL=ks-digital-designsystem-angular-tag.mjs.map
+
+//# sourceMappingURL=ks-digital-designsystem-angular-tag.mjs.map

package/fesm2022/ks-digital-designsystem-angular-tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ks-digital-designsystem-angular-tag.mjs","sources":["../../../../packages/angular/tag/src/tag.ts","../../../../packages/angular/tag/src/ks-digital-designsystem-angular-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n  selector: 'ksd-tag',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n  host: {\n    class: 'ds-tag',\n    '[attr.data-variant]': 'variant()',\n  },\n  styles: `\n    :host ::ng-deep > * {\n      margin-inline-end: var(--ds-size-1);\n    }\n  `,\n  template: ` <ng-content /> `,\n})\nexport class Tag {\n  /**\n   * The visual variant of the tag\n   *\n   * @default 'default'\n   */\n  readonly variant = input<'default' | 'outline'>('default', {\n    alias: 'data-variant',\n  })\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA8Ba,GAAG,CAAA;AACd;;;;AAIG;IACM,OAAO,GAAG,KAAK,CAAwB,SAAS,+EACvD,KAAK,EAAE,cAAc,EAAA,CACrB;uGARS,GAAG,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAH,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,GAAG,6bAFJ,CAAA,gBAAA,CAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEjB,GAAG,EAAA,UAAA,EAAA,CAAA;kBAxBf,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAAA,eAAA,EACF,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,WAAW,CAAC;AACtB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,SAAS;4BACpB,MAAM,EAAE,CAAC,YAAY,CAAC;AACvB,yBAAA;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,KAAK,EAAE,QAAQ;AACf,wBAAA,qBAAqB,EAAE,WAAW;AACnC,qBAAA,EAAA,QAAA,EAMS,CAAA,gBAAA,CAAkB,EAAA,MAAA,EAAA,CAAA,yDAAA,CAAA,EAAA;;;AC5B9B;;AAEG;;;;"}
+{"version":3,"file":"ks-digital-designsystem-angular-tag.mjs","names":[],"sources":["../../../../packages/angular/tag/src/tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n  selector: 'ksd-tag',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n  host: {\n    class: 'ds-tag',\n    '[attr.data-variant]': 'variant()',\n  },\n  styles: `\n    :host ::ng-deep > * {\n      margin-inline-end: var(--ds-size-1);\n    }\n  `,\n  template: ` <ng-content /> `,\n})\nexport class Tag {\n  /**\n   * The visual variant of the tag\n   *\n   * @default 'default'\n   */\n  readonly variant = input<'default' | 'outline'>('default', {\n    alias: 'data-variant',\n  })\n}\n"],"mappings":";;;;AA8BA,IAAa,MAAb,MAAa,IAAG;CAML,UAAU,MAA6B,WAAS;EAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;EACvD,OAAO;CAAc,CAAA;CAPZ,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAG,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAH,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAG,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,SAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,qBAAA,YAAA;GAAA,gBAAA;EAAA;EAAA,gBAAA,CAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,aAAA,WAAA;EAAA,GAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,cAAA,YAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UAFJ;EAAkB,UAAA;EAAA,QAAA,CAAA,yDAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEjB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAG,YAAA,CAAA;EAxBf,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAS,iBACF,wBAAwB;GAAM,gBAC/B,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GAAA,MACK;IACJ,OAAO;IACP,uBAAuB;GACxB;GAAA,UAMS;GAAkB,QAAA,CAAA,yDAAA;EAAA,CAAA"}