@daffodil/design 0.78.0 → 0.80.0

package/esm2022/switch/examples/switch-label-positions/switch-label-positions.component.mjs

@@ -0,0 +1,31 @@
+import { NgFor } from '@angular/common';
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { DAFF_SWITCH_COMPONENTS } from '@daffodil/design/switch';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/switch";
+import * as i2 from "@daffodil/design";
+import * as i3 from "@angular/forms";
+export class SwitchLabelPositionsComponent {
+    constructor() {
+        this.labelSwitchExample = new UntypedFormControl();
+        this.labelPositionControl = new UntypedFormControl('daff-left');
+        this.options = [
+            { value: 'daff-left', label: 'Left' },
+            { value: 'daff-right', label: 'Right' },
+            { value: 'daff-top', label: 'Top' },
+            { value: 'daff-bottom', label: 'Bottom' },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SwitchLabelPositionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: SwitchLabelPositionsComponent, isStandalone: true, selector: "switch-label-positions", ngImport: i0, template: "<daff-switch [labelPosition]=\"labelPositionControl.value\" [formControl]=\"labelSwitchExample\" ngDefaultControl>Label</daff-switch>\n\n<select [formControl]=\"labelPositionControl\">\n  <option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", dependencies: [{ kind: "component", type: i1.DaffSwitchComponent, selector: "daff-switch", inputs: ["disabled", "loading", "checked", "labelPosition", "error", "aria-label", "id"], outputs: ["toggled"] }, { kind: "ngmodule", type: i2.DaffErrorMessageModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SwitchLabelPositionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'switch-label-positions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DAFF_SWITCH_COMPONENTS,
+                        ReactiveFormsModule,
+                        NgFor,
+                    ], template: "<daff-switch [labelPosition]=\"labelPositionControl.value\" [formControl]=\"labelSwitchExample\" ngDefaultControl>Label</daff-switch>\n\n<select [formControl]=\"labelPositionControl\">\n  <option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLWxhYmVsLXBvc2l0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zd2l0Y2gvZXhhbXBsZXMvc3JjL3N3aXRjaC1sYWJlbC1wb3NpdGlvbnMvc3dpdGNoLWxhYmVsLXBvc2l0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zd2l0Y2gvZXhhbXBsZXMvc3JjL3N3aXRjaC1sYWJlbC1wb3NpdGlvbnMvc3dpdGNoLWxhYmVsLXBvc2l0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGtCQUFrQixFQUNsQixtQkFBbUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFjakUsTUFBTSxPQUFPLDZCQUE2QjtJQVoxQztRQWFFLHVCQUFrQixHQUFHLElBQUksa0JBQWtCLEVBQUUsQ0FBQztRQUM5Qyx5QkFBb0IsR0FBdUIsSUFBSSxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUUvRSxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtZQUNyQyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUN2QyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRTtZQUNuQyxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtTQUMxQyxDQUFDO0tBQ0g7aUlBVlksNkJBQTZCO3FIQUE3Qiw2QkFBNkIsa0ZDeEIxQyxzU0FJUyxnU0RnQkwsbUJBQW1CLHErQkFDbkIsS0FBSzs7MkZBR0ksNkJBQTZCO2tCQVp6QyxTQUFTOytCQUVFLHdCQUF3QixtQkFFakIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1Asc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLEtBQUs7cUJBQ04iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFVudHlwZWRGb3JtQ29udHJvbCxcbiAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBEQUZGX1NXSVRDSF9DT01QT05FTlRTIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9zd2l0Y2gnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdzd2l0Y2gtbGFiZWwtcG9zaXRpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N3aXRjaC1sYWJlbC1wb3NpdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERBRkZfU1dJVENIX0NPTVBPTkVOVFMsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBOZ0ZvcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3dpdGNoTGFiZWxQb3NpdGlvbnNDb21wb25lbnQge1xuICBsYWJlbFN3aXRjaEV4YW1wbGUgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCk7XG4gIGxhYmVsUG9zaXRpb25Db250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCdkYWZmLWxlZnQnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICdkYWZmLWxlZnQnLCBsYWJlbDogJ0xlZnQnIH0sXG4gICAgeyB2YWx1ZTogJ2RhZmYtcmlnaHQnLCBsYWJlbDogJ1JpZ2h0JyB9LFxuICAgIHsgdmFsdWU6ICdkYWZmLXRvcCcsIGxhYmVsOiAnVG9wJyB9LFxuICAgIHsgdmFsdWU6ICdkYWZmLWJvdHRvbScsIGxhYmVsOiAnQm90dG9tJyB9LFxuICBdO1xufVxuIiwiPGRhZmYtc3dpdGNoIFtsYWJlbFBvc2l0aW9uXT1cImxhYmVsUG9zaXRpb25Db250cm9sLnZhbHVlXCIgW2Zvcm1Db250cm9sXT1cImxhYmVsU3dpdGNoRXhhbXBsZVwiIG5nRGVmYXVsdENvbnRyb2w+TGFiZWw8L2RhZmYtc3dpdGNoPlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJsYWJlbFBvc2l0aW9uQ29udHJvbFwiPlxuICA8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==

package/esm2022/switch/index.mjs

@@ -0,0 +1,2 @@
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zd2l0Y2gvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==

package/esm2022/switch/public_api.mjs

@@ -0,0 +1,3 @@
+export { DAFF_SWITCH_COMPONENTS } from './switch';
+export { DaffSwitchComponent } from './switch/switch.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3N3aXRjaC9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFbEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEQUZGX1NXSVRDSF9DT01QT05FTlRTIH0gZnJvbSAnLi9zd2l0Y2gnO1xuXG5leHBvcnQgeyBEYWZmU3dpdGNoQ29tcG9uZW50IH0gZnJvbSAnLi9zd2l0Y2gvc3dpdGNoLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/switch/switch/label-position.mjs

@@ -0,0 +1,11 @@
+/**
+ * The position of the label relative to the switch.
+ */
+export var DaffLabelPositionEnum;
+(function (DaffLabelPositionEnum) {
+    DaffLabelPositionEnum["LEFT"] = "daff-left";
+    DaffLabelPositionEnum["RIGHT"] = "daff-right";
+    DaffLabelPositionEnum["TOP"] = "daff-top";
+    DaffLabelPositionEnum["BOTTOM"] = "daff-bottom";
+})(DaffLabelPositionEnum || (DaffLabelPositionEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtcG9zaXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zd2l0Y2gvc3JjL3N3aXRjaC9sYWJlbC1wb3NpdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLHFCQUtYO0FBTEQsV0FBWSxxQkFBcUI7SUFDL0IsMkNBQWtCLENBQUE7SUFDbEIsNkNBQW9CLENBQUE7SUFDcEIseUNBQWdCLENBQUE7SUFDaEIsK0NBQXNCLENBQUE7QUFDeEIsQ0FBQyxFQUxXLHFCQUFxQixLQUFyQixxQkFBcUIsUUFLaEMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBEYWZmTGFiZWxQb3NpdGlvbiA9ICdkYWZmLWxlZnQnIHwgJ2RhZmYtcmlnaHQnIHwgJ2RhZmYtdG9wJyB8ICdkYWZmLWJvdHRvbSc7XG5cbi8qKlxuICogVGhlIHBvc2l0aW9uIG9mIHRoZSBsYWJlbCByZWxhdGl2ZSB0byB0aGUgc3dpdGNoLlxuICovXG5leHBvcnQgZW51bSBEYWZmTGFiZWxQb3NpdGlvbkVudW0ge1xuICBMRUZUID0gJ2RhZmYtbGVmdCcsXG4gIFJJR0hUID0gJ2RhZmYtcmlnaHQnLFxuICBUT1AgPSAnZGFmZi10b3AnLFxuICBCT1RUT00gPSAnZGFmZi1ib3R0b20nLFxufVxuIl19

package/esm2022/switch/switch/switch.component.mjs

@@ -0,0 +1,126 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output, } from '@angular/core';
+import { DaffErrorMessageModule } from '@daffodil/design';
+import { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';
+import { DaffLabelPositionEnum, } from './label-position';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/loading-icon";
+let switchUniqueId = 0;
+/**
+ * The switch component provides a way to toggle between two settings.
+ *
+ * ## Usage
+ * <daff-switch [checked]="checked" loading="loading" [error]="true" [labelPosition]="daff-left">
+ *    Label
+ *    <daff-error-message>Error message</daff-error-message>
+ * </daff-switch>
+ */
+export class DaffSwitchComponent {
+    constructor() {
+        /**
+         * Whether the switch is loading.
+         */
+        this.loading = false;
+        /**
+         * Current state of switch (on/off).
+         */
+        this.checked = false;
+        /**
+         * The position of the label relative to the switch. Defaults to 'daff-left'.
+         */
+        this.labelPosition = DaffLabelPositionEnum.LEFT;
+        /**
+         * Whether the switch shows an error.
+         */
+        this.error = false;
+        this._disabled = false;
+        /**
+         * @docs-private
+         */
+        this.externalAriaLabel = null;
+        /**
+         * aria-label for the switch.
+         */
+        this.ariaLabel = '';
+        this.id = 'daff-switch-' + switchUniqueId++;
+        this.toggled = new EventEmitter();
+    }
+    /**
+     * Whether the switch is disabled and/or loading.
+     */
+    get disabled() {
+        return this._disabled || this.loading;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+    }
+    get disabledAttribute() {
+        return this.disabled ? true : null;
+    }
+    get ariaDisabled() {
+        return this.disabled ? true : null;
+    }
+    get classes() {
+        return `daff-switch ${this.labelPosition}`;
+    }
+    handleKeydown(event) {
+        if (event.code === 'Space') {
+            event.preventDefault();
+            this.onToggle();
+        }
+    }
+    onToggle() {
+        if (!this.disabled) {
+            this.checked = !this.checked;
+            this.toggled.emit(this.checked);
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: DaffSwitchComponent, isStandalone: true, selector: "daff-switch", inputs: { disabled: "disabled", loading: "loading", checked: "checked", labelPosition: "labelPosition", error: "error", ariaLabel: ["aria-label", "ariaLabel"], id: "id" }, outputs: { toggled: "toggled" }, host: { listeners: { "keydown": "handleKeydown($event)" }, properties: { "class.daff-disabled": "this.disabled", "attr.disabled": "this.disabledAttribute", "attr.aria-disabled": "this.ariaDisabled", "class": "this.classes", "class.daff-loading": "this.loading", "attr.aria-label": "this.externalAriaLabel" } }, ngImport: i0, template: "<div class=\"daff-switch__wrapper\">\n  <label class=\"daff-switch__label\" [attr.for]=\"id\">\n    <ng-content></ng-content>\n  </label>\n  <label class=\"daff-switch__toggle\" \n    [class.daff-checked]=\"checked\">\n    @if (loading) {\n      <daff-loading-icon class=\"daff-switch__loading\"></daff-loading-icon>\n    }\n    <input \n      type=\"checkbox\" \n      role=\"switch\" \n      [attr.disabled] = \"disabled ? '' : null\" \n      [checked]=\"checked\"\n      (change)=\"onToggle()\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-checked]=\"checked ? true : false\"\n      [attr.id]=\"id\"\n    />    \n  </label>\n</div>\n@if (error) {\n  <ng-content select=\"daff-error-message\"></ng-content>\n}", styles: [":host{display:block;width:100%;margin:0}:host.daff-loading .daff-switch__toggle:before{display:none}:host.daff-left .daff-switch__wrapper{flex-direction:row}:host.daff-right .daff-switch__wrapper{flex-direction:row-reverse}:host.daff-left .daff-switch__wrapper,:host.daff-right .daff-switch__wrapper{gap:.5rem}:host.daff-top .daff-switch__wrapper{flex-direction:column}:host.daff-top .daff-switch__toggle{margin-left:-.125rem}:host.daff-bottom .daff-switch__wrapper{flex-direction:column-reverse}:host.daff-top .daff-switch__wrapper,:host.daff-bottom .daff-switch__wrapper{align-items:flex-start;gap:.25rem}:host.daff-top .daff-switch__toggle,:host.daff-bottom .daff-switch__toggle{margin-left:-.25rem}:host.daff-disabled{opacity:.5}:host.daff-disabled .daff-switch__toggle{cursor:default}.daff-switch__wrapper{display:flex;align-items:center}.daff-switch__label{font-size:1rem;color:inherit}.daff-switch__loading{position:relative;left:.125rem;max-width:1.25rem}.daff-switch__toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;background-clip:content-box;border-radius:1rem;height:2rem;width:3.5rem;padding:.125rem;margin:.125rem;position:relative}.daff-switch__toggle>input[type=checkbox]{opacity:0;margin:0;padding:0;border:none}.daff-switch__toggle:before{content:\"\";position:absolute;border-radius:1.5rem;height:1.25rem;width:1.25rem;inset-block-end:4px;inset-inline-start:4px;transition:transform .3s}.daff-switch__toggle.daff-checked:before{transform:translate(1.5rem)}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }, { kind: "ngmodule", type: DaffErrorMessageModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-switch', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DAFF_LOADING_ICON_COMPONENTS,
+                        DaffErrorMessageModule,
+                    ], template: "<div class=\"daff-switch__wrapper\">\n  <label class=\"daff-switch__label\" [attr.for]=\"id\">\n    <ng-content></ng-content>\n  </label>\n  <label class=\"daff-switch__toggle\" \n    [class.daff-checked]=\"checked\">\n    @if (loading) {\n      <daff-loading-icon class=\"daff-switch__loading\"></daff-loading-icon>\n    }\n    <input \n      type=\"checkbox\" \n      role=\"switch\" \n      [attr.disabled] = \"disabled ? '' : null\" \n      [checked]=\"checked\"\n      (change)=\"onToggle()\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-checked]=\"checked ? true : false\"\n      [attr.id]=\"id\"\n    />    \n  </label>\n</div>\n@if (error) {\n  <ng-content select=\"daff-error-message\"></ng-content>\n}", styles: [":host{display:block;width:100%;margin:0}:host.daff-loading .daff-switch__toggle:before{display:none}:host.daff-left .daff-switch__wrapper{flex-direction:row}:host.daff-right .daff-switch__wrapper{flex-direction:row-reverse}:host.daff-left .daff-switch__wrapper,:host.daff-right .daff-switch__wrapper{gap:.5rem}:host.daff-top .daff-switch__wrapper{flex-direction:column}:host.daff-top .daff-switch__toggle{margin-left:-.125rem}:host.daff-bottom .daff-switch__wrapper{flex-direction:column-reverse}:host.daff-top .daff-switch__wrapper,:host.daff-bottom .daff-switch__wrapper{align-items:flex-start;gap:.25rem}:host.daff-top .daff-switch__toggle,:host.daff-bottom .daff-switch__toggle{margin-left:-.25rem}:host.daff-disabled{opacity:.5}:host.daff-disabled .daff-switch__toggle{cursor:default}.daff-switch__wrapper{display:flex;align-items:center}.daff-switch__label{font-size:1rem;color:inherit}.daff-switch__loading{position:relative;left:.125rem;max-width:1.25rem}.daff-switch__toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;background-clip:content-box;border-radius:1rem;height:2rem;width:3.5rem;padding:.125rem;margin:.125rem;position:relative}.daff-switch__toggle>input[type=checkbox]{opacity:0;margin:0;padding:0;border:none}.daff-switch__toggle:before{content:\"\";position:absolute;border-radius:1.5rem;height:1.25rem;width:1.25rem;inset-block-end:4px;inset-inline-start:4px;transition:transform .3s}.daff-switch__toggle.daff-checked:before{transform:translate(1.5rem)}\n"] }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.daff-disabled']
+            }], disabledAttribute: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
+            }], loading: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.daff-loading']
+            }], checked: [{
+                type: Input
+            }], labelPosition: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], handleKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], externalAriaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], id: [{
+                type: Input
+            }], toggled: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3N3aXRjaC9zcmMvc3dpdGNoL3N3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zd2l0Y2gvc3JjL3N3aXRjaC9zd2l0Y2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDOUQsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUU3RSxPQUFPLEVBRUwscUJBQXFCLEdBQ3RCLE1BQU0sa0JBQWtCLENBQUM7OztBQUUxQixJQUFJLGNBQWMsR0FBRyxDQUFDLENBQUM7QUFFdkI7Ozs7Ozs7O0dBUUc7QUFZSCxNQUFNLE9BQU8sbUJBQW1CO0lBWGhDO1FBa0NFOztXQUVHO1FBQ3lDLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFFNUQ7O1dBRUc7UUFDTSxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRXpCOztXQUVHO1FBQ00sa0JBQWEsR0FBc0IscUJBQXFCLENBQUMsSUFBSSxDQUFDO1FBRXZFOztXQUVHO1FBQ00sVUFBSyxHQUFHLEtBQUssQ0FBQztRQUV2QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBVWxCOztXQUVHO1FBQ3FDLHNCQUFpQixHQUFHLElBQUksQ0FBQztRQUVqRTs7V0FFRztRQUNrQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRTNCLE9BQUUsR0FBVyxjQUFjLEdBQUcsY0FBYyxFQUFFLENBQUM7UUFFOUMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FRakQ7SUF4RUM7O09BRUc7SUFDSCxJQUFpRCxRQUFRO1FBQ3ZELE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3hDLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxLQUFVO1FBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQWtDLGlCQUFpQjtRQUNqRCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxJQUF1QyxZQUFZO1FBQ2pELE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDckMsQ0FBQztJQUVELElBQTBCLE9BQU87UUFDL0IsT0FBTyxlQUFlLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM3QyxDQUFDO0lBeUJELGFBQWEsQ0FBQyxLQUFvQjtRQUNoQyxJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDM0IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNsQixDQUFDO0lBQ0gsQ0FBQztJQWdCRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztZQUM3QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbEMsQ0FBQztJQUNILENBQUM7aUlBeEVVLG1CQUFtQjtxSEFBbkIsbUJBQW1CLDJrQkN6Q2hDLHF0QkF1QkMsa3JERGVHLHNCQUFzQjs7MkZBR2IsbUJBQW1CO2tCQVgvQixTQUFTOytCQUNFLGFBQWEsbUJBQ04sdUJBQXVCLENBQUMsTUFBTSxjQUduQyxJQUFJLFdBQ1A7d0JBQ1AsNEJBQTRCO3dCQUM1QixzQkFBc0I7cUJBQ3ZCOzhCQU1nRCxRQUFRO3NCQUF4RCxLQUFLOztzQkFBSSxXQUFXO3VCQUFDLHFCQUFxQjtnQkFPVCxpQkFBaUI7c0JBQWxELFdBQVc7dUJBQUMsZUFBZTtnQkFJVyxZQUFZO3NCQUFsRCxXQUFXO3VCQUFDLG9CQUFvQjtnQkFJUCxPQUFPO3NCQUFoQyxXQUFXO3VCQUFDLE9BQU87Z0JBT3dCLE9BQU87c0JBQWxELEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsb0JBQW9CO2dCQUtqQyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS04sYUFBYTtzQkFEWixZQUFZO3VCQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFXSyxpQkFBaUI7c0JBQXhELFdBQVc7dUJBQUMsaUJBQWlCO2dCQUtULFNBQVM7c0JBQTdCLEtBQUs7dUJBQUMsWUFBWTtnQkFFVixFQUFFO3NCQUFWLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmRXJyb3JNZXNzYWdlTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEQUZGX0xPQURJTkdfSUNPTl9DT01QT05FTlRTIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9sb2FkaW5nLWljb24nO1xuXG5pbXBvcnQge1xuICBEYWZmTGFiZWxQb3NpdGlvbixcbiAgRGFmZkxhYmVsUG9zaXRpb25FbnVtLFxufSBmcm9tICcuL2xhYmVsLXBvc2l0aW9uJztcblxubGV0IHN3aXRjaFVuaXF1ZUlkID0gMDtcblxuLyoqXG4gKiBUaGUgc3dpdGNoIGNvbXBvbmVudCBwcm92aWRlcyBhIHdheSB0byB0b2dnbGUgYmV0d2VlbiB0d28gc2V0dGluZ3MuXG4gKlxuICogIyMgVXNhZ2VcbiAqIDxkYWZmLXN3aXRjaCBbY2hlY2tlZF09XCJjaGVja2VkXCIgbG9hZGluZz1cImxvYWRpbmdcIiBbZXJyb3JdPVwidHJ1ZVwiIFtsYWJlbFBvc2l0aW9uXT1cImRhZmYtbGVmdFwiPlxuICogICAgTGFiZWxcbiAqICAgIDxkYWZmLWVycm9yLW1lc3NhZ2U+RXJyb3IgbWVzc2FnZTwvZGFmZi1lcnJvci1tZXNzYWdlPlxuICogPC9kYWZmLXN3aXRjaD5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1zd2l0Y2gnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGVVcmw6ICcuL3N3aXRjaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N3aXRjaC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgREFGRl9MT0FESU5HX0lDT05fQ09NUE9ORU5UUyxcbiAgICBEYWZmRXJyb3JNZXNzYWdlTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmU3dpdGNoQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHN3aXRjaCBpcyBkaXNhYmxlZCBhbmQvb3IgbG9hZGluZy5cbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1kaXNhYmxlZCcpIGdldCBkaXNhYmxlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQgfHwgdGhpcy5sb2FkaW5nO1xuICB9XG4gIHNldCBkaXNhYmxlZCh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5fZGlzYWJsZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRpc2FibGVkJykgZ2V0IGRpc2FibGVkQXR0cmlidXRlKCkge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkID8gdHJ1ZSA6IG51bGw7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1kaXNhYmxlZCcpIGdldCBhcmlhRGlzYWJsZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgPyB0cnVlIDogbnVsbDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3NlcygpIHtcbiAgICByZXR1cm4gYGRhZmYtc3dpdGNoICR7dGhpcy5sYWJlbFBvc2l0aW9ufWA7XG4gIH1cblxuICAvKipcbiAgICogV2hldGhlciB0aGUgc3dpdGNoIGlzIGxvYWRpbmcuXG4gICAqL1xuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbG9hZGluZycpIGxvYWRpbmcgPSBmYWxzZTtcblxuICAvKipcbiAgICogQ3VycmVudCBzdGF0ZSBvZiBzd2l0Y2ggKG9uL29mZikuXG4gICAqL1xuICBASW5wdXQoKSBjaGVja2VkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiB0aGUgbGFiZWwgcmVsYXRpdmUgdG8gdGhlIHN3aXRjaC4gRGVmYXVsdHMgdG8gJ2RhZmYtbGVmdCcuXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbFBvc2l0aW9uOiBEYWZmTGFiZWxQb3NpdGlvbiA9IERhZmZMYWJlbFBvc2l0aW9uRW51bS5MRUZUO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBzd2l0Y2ggc2hvd3MgYW4gZXJyb3IuXG4gICAqL1xuICBASW5wdXQoKSBlcnJvciA9IGZhbHNlO1xuXG4gIF9kaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24nLCBbJyRldmVudCddKVxuICBoYW5kbGVLZXlkb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgaWYgKGV2ZW50LmNvZGUgPT09ICdTcGFjZScpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLm9uVG9nZ2xlKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJykgcHJpdmF0ZSBleHRlcm5hbEFyaWFMYWJlbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIGFyaWEtbGFiZWwgZm9yIHRoZSBzd2l0Y2guXG4gICAqL1xuICBASW5wdXQoJ2FyaWEtbGFiZWwnKSBhcmlhTGFiZWwgPSAnJztcblxuICBASW5wdXQoKSBpZDogc3RyaW5nID0gJ2RhZmYtc3dpdGNoLScgKyBzd2l0Y2hVbmlxdWVJZCsrO1xuXG4gIEBPdXRwdXQoKSB0b2dnbGVkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIG9uVG9nZ2xlKCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5jaGVja2VkID0gIXRoaXMuY2hlY2tlZDtcbiAgICAgIHRoaXMudG9nZ2xlZC5lbWl0KHRoaXMuY2hlY2tlZCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZGFmZi1zd2l0Y2hfX3dyYXBwZXJcIj5cbiAgPGxhYmVsIGNsYXNzPVwiZGFmZi1zd2l0Y2hfX2xhYmVsXCIgW2F0dHIuZm9yXT1cImlkXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2xhYmVsPlxuICA8bGFiZWwgY2xhc3M9XCJkYWZmLXN3aXRjaF9fdG9nZ2xlXCIgXG4gICAgW2NsYXNzLmRhZmYtY2hlY2tlZF09XCJjaGVja2VkXCI+XG4gICAgQGlmIChsb2FkaW5nKSB7XG4gICAgICA8ZGFmZi1sb2FkaW5nLWljb24gY2xhc3M9XCJkYWZmLXN3aXRjaF9fbG9hZGluZ1wiPjwvZGFmZi1sb2FkaW5nLWljb24+XG4gICAgfVxuICAgIDxpbnB1dCBcbiAgICAgIHR5cGU9XCJjaGVja2JveFwiIFxuICAgICAgcm9sZT1cInN3aXRjaFwiIFxuICAgICAgW2F0dHIuZGlzYWJsZWRdID0gXCJkaXNhYmxlZCA/ICcnIDogbnVsbFwiIFxuICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXG4gICAgICAoY2hhbmdlKT1cIm9uVG9nZ2xlKClcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxuICAgICAgW2F0dHIuYXJpYS1jaGVja2VkXT1cImNoZWNrZWQgPyB0cnVlIDogZmFsc2VcIlxuICAgICAgW2F0dHIuaWRdPVwiaWRcIlxuICAgIC8+ICAgIFxuICA8L2xhYmVsPlxuPC9kaXY+XG5AaWYgKGVycm9yKSB7XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImRhZmYtZXJyb3ItbWVzc2FnZVwiPjwvbmctY29udGVudD5cbn0iXX0=

package/esm2022/switch/switch.mjs

@@ -0,0 +1,7 @@
+import { DaffErrorMessageModule } from '@daffodil/design';
+import { DaffSwitchComponent } from './switch/switch.component';
+export const DAFF_SWITCH_COMPONENTS = [
+    DaffSwitchComponent,
+    DaffErrorMessageModule,
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3dpdGNoL3NyYy9zd2l0Y2gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFMUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFaEUsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQVc7SUFDNUMsbUJBQW1CO0lBQ25CLHNCQUFzQjtDQUN2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGFmZkVycm9yTWVzc2FnZU1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBEYWZmU3dpdGNoQ29tcG9uZW50IH0gZnJvbSAnLi9zd2l0Y2gvc3dpdGNoLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBjb25zdCBEQUZGX1NXSVRDSF9DT01QT05FTlRTID0gPGNvbnN0PiBbXG4gIERhZmZTd2l0Y2hDb21wb25lbnQsXG4gIERhZmZFcnJvck1lc3NhZ2VNb2R1bGUsXG5dO1xuIl19

package/esm2022/tabs/daffodil-design-tabs.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLXRhYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90YWJzL3NyYy9kYWZmb2RpbC1kZXNpZ24tdGFicy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/tabs/examples/basic-tabs/basic-tabs.component.mjs

@@ -0,0 +1,22 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/tabs";
+import * as i2 from "@daffodil/design";
+export class BasicTabsComponent {
+    constructor() {
+        this.faInfoCircle = faInfoCircle;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicTabsComponent, isStandalone: true, selector: "basic-tabs", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tUsage 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-tabs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DAFF_TABS_COMPONENTS,
+                        FaIconComponent,
+                    ], template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tUsage 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n</daff-tabs>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90YWJzL2V4YW1wbGVzL3NyYy9iYXNpYy10YWJzL2Jhc2ljLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdGFicy9leGFtcGxlcy9zcmMvYmFzaWMtdGFicy9iYXNpYy10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFakUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFhN0QsTUFBTSxPQUFPLGtCQUFrQjtJQVgvQjtRQVlFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0tBQzdCO2lJQUZZLGtCQUFrQjtxSEFBbEIsa0JBQWtCLHNFQ3BCL0Isd3FDQW1EWSwwcEJEbENSLGVBQWU7OzJGQUdOLGtCQUFrQjtrQkFYOUIsU0FBUzsrQkFFRSxZQUFZLG1CQUVMLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLG9CQUFvQjt3QkFDcEIsZUFBZTtxQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IGZhSW5mb0NpcmNsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERBRkZfVEFCU19DT01QT05FTlRTIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi90YWJzJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYmFzaWMtdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYXNpYy10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEQUZGX1RBQlNfQ09NUE9ORU5UUyxcbiAgICBGYUljb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljVGFic0NvbXBvbmVudCB7XG4gIGZhSW5mb0NpcmNsZSA9IGZhSW5mb0NpcmNsZTtcbn1cbiIsIjxkYWZmLXRhYnMgYXJpYS1sYWJlbD1cIkxpc3Qgb2YgdGFic1wiPlxuXHQ8ZGFmZi10YWI+XG5cdFx0PGRhZmYtdGFiLWxhYmVsPlxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlByZWZpeD48L2ZhLWljb24+XG5cdFx0XHRVc2FnZSAxXG5cdFx0PC9kYWZmLXRhYi1sYWJlbD5cblx0XHQ8ZGFmZi10YWItcGFuZWw+XG5cdFx0XHRUYWIgMSBQYW5lbFxuXHRcdDwvZGFmZi10YWItcGFuZWw+XG5cdDwvZGFmZi10YWI+XG5cblx0PGRhZmYtdGFiPlxuXHRcdDxkYWZmLXRhYi1sYWJlbD5cblx0XHRcdFRhYiAyXG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYUluZm9DaXJjbGVcIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5cblx0XHQ8L2RhZmYtdGFiLWxhYmVsPlxuXHRcdDxkYWZmLXRhYi1wYW5lbD5cblx0XHRcdFRhYiAyIFBhbmVsXG5cdFx0PC9kYWZmLXRhYi1wYW5lbD5cblx0PC9kYWZmLXRhYj5cblxuXHQ8ZGFmZi10YWI+XG5cdFx0PGRhZmYtdGFiLWxhYmVsPlxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlByZWZpeD48L2ZhLWljb24+XG5cdFx0XHRUYWIgM1xuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+XG5cdFx0PC9kYWZmLXRhYi1sYWJlbD5cblx0XHQ8ZGFmZi10YWItcGFuZWw+XG5cdFx0XHRUYWIgMyBQYW5lbFxuXHRcdDwvZGFmZi10YWItcGFuZWw+XG5cdDwvZGFmZi10YWI+XG5cblx0PGRhZmYtdGFiPlxuXHRcdDxkYWZmLXRhYi1sYWJlbD5cblx0XHRcdFRhYiA0XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYUluZm9DaXJjbGVcIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5cblx0XHQ8L2RhZmYtdGFiLWxhYmVsPlxuXHRcdDxkYWZmLXRhYi1wYW5lbD5cblx0XHRcdFRhYiA0IFBhbmVsXG5cdFx0PC9kYWZmLXRhYi1wYW5lbD5cblx0PC9kYWZmLXRhYj5cblxuXHQ8ZGFmZi10YWI+XG5cdFx0PGRhZmYtdGFiLWxhYmVsPlxuXHRcdFx0VGFiIDVcblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhSW5mb0NpcmNsZVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPlxuXHRcdDwvZGFmZi10YWItbGFiZWw+XG5cdFx0PGRhZmYtdGFiLXBhbmVsPlxuXHRcdFx0VGFiIDUgUGFuZWxcblx0XHQ8L2RhZmYtdGFiLXBhbmVsPlxuXHQ8L2RhZmYtdGFiPlxuPC9kYWZmLXRhYnM+Il19

package/esm2022/tabs/examples/custom-select-tabs/custom-select-tabs.component.mjs

@@ -0,0 +1,34 @@
+import { ChangeDetectionStrategy, Component, ViewChild, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { DaffButtonComponent } from '@daffodil/design/button';
+import { DAFF_TABS_COMPONENTS, DaffTabsComponent, } from '@daffodil/design/tabs';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/tabs";
+import * as i2 from "@daffodil/design";
+export class CustomSelectTabsComponent {
+    constructor() {
+        this.faInfoCircle = faInfoCircle;
+        this.selectedTab = 'tab-3';
+    }
+    selectTabThree() {
+        this._tab.select('tab-3');
+    }
+    selectTabFive() {
+        this._tab.select('tab-5');
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CustomSelectTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CustomSelectTabsComponent, isStandalone: true, selector: "custom-select-tabs", viewQueries: [{ propertyName: "_tab", first: true, predicate: DaffTabsComponent, descendants: true }], ngImport: i0, template: "<div class=\"custom-select-tabs__buttons\">\n\t<button daff-button size=\"sm\" (click)=\"selectTabThree()\">\n\t\tSelect Tab 3\n\t</button>\n\t\n\t<button daff-button size=\"sm\" (click)=\"selectTabFive()\">\n\t\tSelect Tab 5\n\t</button>\n</div>\n\n<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-3\">\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-5\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", styles: [".custom-select-tabs__buttons{display:flex;gap:8px;margin:0 0 16px}\n"], dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CustomSelectTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'custom-select-tabs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DAFF_TABS_COMPONENTS,
+                        DaffButtonComponent,
+                        FaIconComponent,
+                    ], template: "<div class=\"custom-select-tabs__buttons\">\n\t<button daff-button size=\"sm\" (click)=\"selectTabThree()\">\n\t\tSelect Tab 3\n\t</button>\n\t\n\t<button daff-button size=\"sm\" (click)=\"selectTabFive()\">\n\t\tSelect Tab 5\n\t</button>\n</div>\n\n<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-3\">\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-5\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", styles: [".custom-select-tabs__buttons{display:flex;gap:8px;margin:0 0 16px}\n"] }]
+        }], propDecorators: { _tab: [{
+                type: ViewChild,
+                args: [DaffTabsComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXNlbGVjdC10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RhYnMvZXhhbXBsZXMvc3JjL2N1c3RvbS1zZWxlY3QtdGFicy9jdXN0b20tc2VsZWN0LXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdGFicy9leGFtcGxlcy9zcmMvY3VzdG9tLXNlbGVjdC10YWJzL2N1c3RvbS1zZWxlY3QtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3BCLGlCQUFpQixHQUNsQixNQUFNLHVCQUF1QixDQUFDOzs7O0FBZS9CLE1BQU0sT0FBTyx5QkFBeUI7SUFidEM7UUFjRSxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUU1QixnQkFBVyxHQUFHLE9BQU8sQ0FBQztLQVd2QjtJQVBDLGNBQWM7UUFDWixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzVCLENBQUM7aUlBYlUseUJBQXlCO3FIQUF6Qix5QkFBeUIsb0hBS3pCLGlCQUFpQixnRENoQzlCLDg3Q0E4RFksNHVCRHZDUixtQkFBbUIsK0VBQ25CLGVBQWU7OzJGQUdOLHlCQUF5QjtrQkFickMsU0FBUzsrQkFFRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1Asb0JBQW9CO3dCQUNwQixtQkFBbUI7d0JBQ25CLGVBQWU7cUJBQ2hCOzhCQU82QixJQUFJO3NCQUFqQyxTQUFTO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYUluZm9DaXJjbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHtcbiAgREFGRl9UQUJTX0NPTVBPTkVOVFMsXG4gIERhZmZUYWJzQ29tcG9uZW50LFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL3RhYnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjdXN0b20tc2VsZWN0LXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLXNlbGVjdC10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2N1c3RvbS1zZWxlY3QtdGFicy5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgREFGRl9UQUJTX0NPTVBPTkVOVFMsXG4gICAgRGFmZkJ1dHRvbkNvbXBvbmVudCxcbiAgICBGYUljb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbVNlbGVjdFRhYnNDb21wb25lbnQge1xuICBmYUluZm9DaXJjbGUgPSBmYUluZm9DaXJjbGU7XG5cbiAgc2VsZWN0ZWRUYWIgPSAndGFiLTMnO1xuXG4gIEBWaWV3Q2hpbGQoRGFmZlRhYnNDb21wb25lbnQpIF90YWI6IERhZmZUYWJzQ29tcG9uZW50O1xuXG4gIHNlbGVjdFRhYlRocmVlKCkge1xuICAgIHRoaXMuX3RhYi5zZWxlY3QoJ3RhYi0zJyk7XG4gIH1cblxuICBzZWxlY3RUYWJGaXZlKCkge1xuICAgIHRoaXMuX3RhYi5zZWxlY3QoJ3RhYi01Jyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjdXN0b20tc2VsZWN0LXRhYnNfX2J1dHRvbnNcIj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIiAoY2xpY2spPVwic2VsZWN0VGFiVGhyZWUoKVwiPlxuXHRcdFNlbGVjdCBUYWIgM1xuXHQ8L2J1dHRvbj5cblx0XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cInNtXCIgKGNsaWNrKT1cInNlbGVjdFRhYkZpdmUoKVwiPlxuXHRcdFNlbGVjdCBUYWIgNVxuXHQ8L2J1dHRvbj5cbjwvZGl2PlxuXG48ZGFmZi10YWJzIGFyaWEtbGFiZWw9XCJMaXN0IG9mIHRhYnNcIj5cblx0PGRhZmYtdGFiPlxuXHRcdDxkYWZmLXRhYi1sYWJlbD5cblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhSW5mb0NpcmNsZVwiIGRhZmZQcmVmaXg+PC9mYS1pY29uPlxuXHRcdFx0VGFiIDFcblx0XHQ8L2RhZmYtdGFiLWxhYmVsPlxuXHRcdDxkYWZmLXRhYi1wYW5lbD5cblx0XHRcdFRhYiAxIFBhbmVsXG5cdFx0PC9kYWZmLXRhYi1wYW5lbD5cblx0PC9kYWZmLXRhYj5cblxuXHQ8ZGFmZi10YWI+XG5cdFx0PGRhZmYtdGFiLWxhYmVsPlxuXHRcdFx0VGFiIDJcblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhSW5mb0NpcmNsZVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPlxuXHRcdDwvZGFmZi10YWItbGFiZWw+XG5cdFx0PGRhZmYtdGFiLXBhbmVsPlxuXHRcdFx0VGFiIDIgUGFuZWxcblx0XHQ8L2RhZmYtdGFiLXBhbmVsPlxuXHQ8L2RhZmYtdGFiPlxuXG5cdDxkYWZmLXRhYiBpZD1cInRhYi0zXCI+XG5cdFx0PGRhZmYtdGFiLWxhYmVsPlxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlByZWZpeD48L2ZhLWljb24+XG5cdFx0XHRUYWIgM1xuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+XG5cdFx0PC9kYWZmLXRhYi1sYWJlbD5cblx0XHQ8ZGFmZi10YWItcGFuZWw+XG5cdFx0XHRUYWIgMyBQYW5lbFxuXHRcdDwvZGFmZi10YWItcGFuZWw+XG5cdDwvZGFmZi10YWI+XG5cblx0PGRhZmYtdGFiPlxuXHRcdDxkYWZmLXRhYi1sYWJlbD5cblx0XHRcdFRhYiA0XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYUluZm9DaXJjbGVcIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5cblx0XHQ8L2RhZmYtdGFiLWxhYmVsPlxuXHRcdDxkYWZmLXRhYi1wYW5lbD5cblx0XHRcdFRhYiA0IFBhbmVsXG5cdFx0PC9kYWZmLXRhYi1wYW5lbD5cblx0PC9kYWZmLXRhYj5cblxuXHQ8ZGFmZi10YWIgaWQ9XCJ0YWItNVwiPlxuXHRcdDxkYWZmLXRhYi1sYWJlbD5cblx0XHRcdFRhYiA1XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYUluZm9DaXJjbGVcIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5cblx0XHQ8L2RhZmYtdGFiLWxhYmVsPlxuXHRcdDxkYWZmLXRhYi1wYW5lbD5cblx0XHRcdFRhYiA1IFBhbmVsXG5cdFx0PC9kYWZmLXRhYi1wYW5lbD5cblx0PC9kYWZmLXRhYj5cblx0XG48L2RhZmYtdGFicz4iXX0=

package/esm2022/tabs/examples/daffodil-design-tabs-examples.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLXRhYnMtZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90YWJzL2V4YW1wbGVzL3NyYy9kYWZmb2RpbC1kZXNpZ24tdGFicy1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/tabs/examples/disabled-tabs/disabled-tabs.component.mjs

@@ -0,0 +1,22 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/tabs";
+import * as i2 from "@daffodil/design";
+export class DisabledTabsComponent {
+    constructor() {
+        this.faInfoCircle = faInfoCircle;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DisabledTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DisabledTabsComponent, isStandalone: true, selector: "disabled-tabs", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab [disabled]=\"true\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DisabledTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'disabled-tabs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DAFF_TABS_COMPONENTS,
+                        FaIconComponent,
+                    ], template: "<daff-tabs aria-label=\"List of tabs\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab [disabled]=\"true\">\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzYWJsZWQtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90YWJzL2V4YW1wbGVzL3NyYy9kaXNhYmxlZC10YWJzL2Rpc2FibGVkLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdGFicy9leGFtcGxlcy9zcmMvZGlzYWJsZWQtdGFicy9kaXNhYmxlZC10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFakUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFhN0QsTUFBTSxPQUFPLHFCQUFxQjtJQVhsQztRQVlFLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0tBQzdCO2lJQUZZLHFCQUFxQjtxSEFBckIscUJBQXFCLHlFQ3BCbEMsOHJDQW9EWSwwcEJEbkNSLGVBQWU7OzJGQUdOLHFCQUFxQjtrQkFYakMsU0FBUzsrQkFFRSxlQUFlLG1CQUVSLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLG9CQUFvQjt3QkFDcEIsZUFBZTtxQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IGZhSW5mb0NpcmNsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERBRkZfVEFCU19DT01QT05FTlRTIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi90YWJzJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnZGlzYWJsZWQtdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaXNhYmxlZC10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEQUZGX1RBQlNfQ09NUE9ORU5UUyxcbiAgICBGYUljb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERpc2FibGVkVGFic0NvbXBvbmVudCB7XG4gIGZhSW5mb0NpcmNsZSA9IGZhSW5mb0NpcmNsZTtcbn1cbiIsIjxkYWZmLXRhYnMgYXJpYS1sYWJlbD1cIkxpc3Qgb2YgdGFic1wiPlxuXHQ8ZGFmZi10YWI+XG5cdFx0PGRhZmYtdGFiLWxhYmVsPlxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlByZWZpeD48L2ZhLWljb24+XG5cdFx0XHRUYWIgMVxuXHRcdDwvZGFmZi10YWItbGFiZWw+XG5cdFx0PGRhZmYtdGFiLXBhbmVsPlxuXHRcdFx0VGFiIDEgUGFuZWxcblx0XHQ8L2RhZmYtdGFiLXBhbmVsPlxuXHQ8L2RhZmYtdGFiPlxuXG5cdDxkYWZmLXRhYj5cblx0XHQ8ZGFmZi10YWItbGFiZWw+XG5cdFx0XHRUYWIgMlxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+XG5cdFx0PC9kYWZmLXRhYi1sYWJlbD5cblx0XHQ8ZGFmZi10YWItcGFuZWw+XG5cdFx0XHRUYWIgMiBQYW5lbFxuXHRcdDwvZGFmZi10YWItcGFuZWw+XG5cdDwvZGFmZi10YWI+XG5cblx0PGRhZmYtdGFiPlxuXHRcdDxkYWZmLXRhYi1sYWJlbD5cblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhSW5mb0NpcmNsZVwiIGRhZmZQcmVmaXg+PC9mYS1pY29uPlxuXHRcdFx0VGFiIDNcblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhSW5mb0NpcmNsZVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPlxuXHRcdDwvZGFmZi10YWItbGFiZWw+XG5cdFx0PGRhZmYtdGFiLXBhbmVsPlxuXHRcdFx0VGFiIDMgUGFuZWxcblx0XHQ8L2RhZmYtdGFiLXBhbmVsPlxuXHQ8L2RhZmYtdGFiPlxuXG5cdDxkYWZmLXRhYj5cblx0XHQ8ZGFmZi10YWItbGFiZWw+XG5cdFx0XHRUYWIgNFxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+XG5cdFx0PC9kYWZmLXRhYi1sYWJlbD5cblx0XHQ8ZGFmZi10YWItcGFuZWw+XG5cdFx0XHRUYWIgNCBQYW5lbFxuXHRcdDwvZGFmZi10YWItcGFuZWw+XG5cdDwvZGFmZi10YWI+XG5cblx0PGRhZmYtdGFiIFtkaXNhYmxlZF09XCJ0cnVlXCI+XG5cdFx0PGRhZmYtdGFiLWxhYmVsPlxuXHRcdFx0VGFiIDVcblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhSW5mb0NpcmNsZVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPlxuXHRcdDwvZGFmZi10YWItbGFiZWw+XG5cdFx0PGRhZmYtdGFiLXBhbmVsPlxuXHRcdFx0VGFiIDUgUGFuZWxcblx0XHQ8L2RhZmYtdGFiLXBhbmVsPlxuXHQ8L2RhZmYtdGFiPlxuXHRcbjwvZGFmZi10YWJzPiJdfQ==

package/esm2022/tabs/examples/index.mjs

@@ -0,0 +1,2 @@
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90YWJzL2V4YW1wbGVzL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

package/esm2022/tabs/examples/initially-select-tab/initially-select-tab.component.mjs

@@ -0,0 +1,22 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { DAFF_TABS_COMPONENTS } from '@daffodil/design/tabs';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/tabs";
+import * as i2 from "@daffodil/design";
+export class InitiallySelectTabComponent {
+    constructor() {
+        this.faInfoCircle = faInfoCircle;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: InitiallySelectTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: InitiallySelectTabComponent, isStandalone: true, selector: "initially-select-tab", ngImport: i0, template: "<daff-tabs aria-label=\"List of tabs\" [initiallySelected]=\"'tab-4'\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-4\">\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>", dependencies: [{ kind: "component", type: i1.DaffTabsComponent, selector: "daff-tabs", inputs: ["initiallySelected", "aria-label"], outputs: ["tabChange"] }, { kind: "component", type: i1.DaffTabLabelComponent, selector: "daff-tab-label" }, { kind: "component", type: i1.DaffTabPanelComponent, selector: "daff-tab-panel" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: i1.DaffTabComponent, selector: "daff-tab", inputs: ["disabled", "id"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: InitiallySelectTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'initially-select-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DAFF_TABS_COMPONENTS,
+                        FaIconComponent,
+                    ], template: "<daff-tabs aria-label=\"List of tabs\" [initiallySelected]=\"'tab-4'\">\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 1\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 1 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 2\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 2 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\t\tTab 3\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 3 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab id=\"tab-4\">\n\t\t<daff-tab-label>\n\t\t\tTab 4\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 4 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\n\t<daff-tab>\n\t\t<daff-tab-label>\n\t\t\tTab 5\n\t\t\t<fa-icon [icon]=\"faInfoCircle\" daffSuffix></fa-icon>\n\t\t</daff-tab-label>\n\t\t<daff-tab-panel>\n\t\t\tTab 5 Panel\n\t\t</daff-tab-panel>\n\t</daff-tab>\n\t\n</daff-tabs>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5pdGlhbGx5LXNlbGVjdC10YWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdGFicy9leGFtcGxlcy9zcmMvaW5pdGlhbGx5LXNlbGVjdC10YWIvaW5pdGlhbGx5LXNlbGVjdC10YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdGFicy9leGFtcGxlcy9zcmMvaW5pdGlhbGx5LXNlbGVjdC10YWIvaW5pdGlhbGx5LXNlbGVjdC10YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQWE3RCxNQUFNLE9BQU8sMkJBQTJCO0lBWHhDO1FBWUUsaUJBQVksR0FBRyxZQUFZLENBQUM7S0FDN0I7aUlBRlksMkJBQTJCO3FIQUEzQiwyQkFBMkIsZ0ZDcEJ4Qyx1dENBb0RZLDBwQkRuQ1IsZUFBZTs7MkZBR04sMkJBQTJCO2tCQVh2QyxTQUFTOytCQUVFLHNCQUFzQixtQkFFZix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxvQkFBb0I7d0JBQ3BCLGVBQWU7cUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYUluZm9DaXJjbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEQUZGX1RBQlNfQ09NUE9ORU5UUyB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2luaXRpYWxseS1zZWxlY3QtdGFiJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2luaXRpYWxseS1zZWxlY3QtdGFiLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEQUZGX1RBQlNfQ09NUE9ORU5UUyxcbiAgICBGYUljb25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEluaXRpYWxseVNlbGVjdFRhYkNvbXBvbmVudCB7XG4gIGZhSW5mb0NpcmNsZSA9IGZhSW5mb0NpcmNsZTtcbn1cbiIsIjxkYWZmLXRhYnMgYXJpYS1sYWJlbD1cIkxpc3Qgb2YgdGFic1wiIFtpbml0aWFsbHlTZWxlY3RlZF09XCIndGFiLTQnXCI+XG5cdDxkYWZmLXRhYj5cblx0XHQ8ZGFmZi10YWItbGFiZWw+XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYUluZm9DaXJjbGVcIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5cblx0XHRcdFRhYiAxXG5cdFx0PC9kYWZmLXRhYi1sYWJlbD5cblx0XHQ8ZGFmZi10YWItcGFuZWw+XG5cdFx0XHRUYWIgMSBQYW5lbFxuXHRcdDwvZGFmZi10YWItcGFuZWw+XG5cdDwvZGFmZi10YWI+XG5cblx0PGRhZmYtdGFiPlxuXHRcdDxkYWZmLXRhYi1sYWJlbD5cblx0XHRcdFRhYiAyXG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYUluZm9DaXJjbGVcIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5cblx0XHQ8L2RhZmYtdGFiLWxhYmVsPlxuXHRcdDxkYWZmLXRhYi1wYW5lbD5cblx0XHRcdFRhYiAyIFBhbmVsXG5cdFx0PC9kYWZmLXRhYi1wYW5lbD5cblx0PC9kYWZmLXRhYj5cblxuXHQ8ZGFmZi10YWI+XG5cdFx0PGRhZmYtdGFiLWxhYmVsPlxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlByZWZpeD48L2ZhLWljb24+XG5cdFx0XHRUYWIgM1xuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+XG5cdFx0PC9kYWZmLXRhYi1sYWJlbD5cblx0XHQ8ZGFmZi10YWItcGFuZWw+XG5cdFx0XHRUYWIgMyBQYW5lbFxuXHRcdDwvZGFmZi10YWItcGFuZWw+XG5cdDwvZGFmZi10YWI+XG5cblx0PGRhZmYtdGFiIGlkPVwidGFiLTRcIj5cblx0XHQ8ZGFmZi10YWItbGFiZWw+XG5cdFx0XHRUYWIgNFxuXHRcdFx0PGZhLWljb24gW2ljb25dPVwiZmFJbmZvQ2lyY2xlXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+XG5cdFx0PC9kYWZmLXRhYi1sYWJlbD5cblx0XHQ8ZGFmZi10YWItcGFuZWw+XG5cdFx0XHRUYWIgNCBQYW5lbFxuXHRcdDwvZGFmZi10YWItcGFuZWw+XG5cdDwvZGFmZi10YWI+XG5cblx0PGRhZmYtdGFiPlxuXHRcdDxkYWZmLXRhYi1sYWJlbD5cblx0XHRcdFRhYiA1XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYUluZm9DaXJjbGVcIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5cblx0XHQ8L2RhZmYtdGFiLWxhYmVsPlxuXHRcdDxkYWZmLXRhYi1wYW5lbD5cblx0XHRcdFRhYiA1IFBhbmVsXG5cdFx0PC9kYWZmLXRhYi1wYW5lbD5cblx0PC9kYWZmLXRhYj5cblx0XG48L2RhZmYtdGFicz4iXX0=

package/esm2022/tabs/examples/public_api.mjs

@@ -0,0 +1,11 @@
+import { BasicTabsComponent } from './basic-tabs/basic-tabs.component';
+import { CustomSelectTabsComponent } from './custom-select-tabs/custom-select-tabs.component';
+import { DisabledTabsComponent } from './disabled-tabs/disabled-tabs.component';
+import { InitiallySelectTabComponent } from './initially-select-tab/initially-select-tab.component';
+export const TABS_EXAMPLES = [
+    BasicTabsComponent,
+    DisabledTabsComponent,
+    InitiallySelectTabComponent,
+    CustomSelectTabsComponent,
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RhYnMvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDOUYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFFcEcsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHO0lBQzNCLGtCQUFrQjtJQUNsQixxQkFBcUI7SUFDckIsMkJBQTJCO0lBQzNCLHlCQUF5QjtDQUMxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNUYWJzQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy10YWJzL2Jhc2ljLXRhYnMuY29tcG9uZW50JztcbmltcG9ydCB7IEN1c3RvbVNlbGVjdFRhYnNDb21wb25lbnQgfSBmcm9tICcuL2N1c3RvbS1zZWxlY3QtdGFicy9jdXN0b20tc2VsZWN0LXRhYnMuY29tcG9uZW50JztcbmltcG9ydCB7IERpc2FibGVkVGFic0NvbXBvbmVudCB9IGZyb20gJy4vZGlzYWJsZWQtdGFicy9kaXNhYmxlZC10YWJzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJbml0aWFsbHlTZWxlY3RUYWJDb21wb25lbnQgfSBmcm9tICcuL2luaXRpYWxseS1zZWxlY3QtdGFiL2luaXRpYWxseS1zZWxlY3QtdGFiLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBjb25zdCBUQUJTX0VYQU1QTEVTID0gW1xuICBCYXNpY1RhYnNDb21wb25lbnQsXG4gIERpc2FibGVkVGFic0NvbXBvbmVudCxcbiAgSW5pdGlhbGx5U2VsZWN0VGFiQ29tcG9uZW50LFxuICBDdXN0b21TZWxlY3RUYWJzQ29tcG9uZW50LFxuXTtcbiJdfQ==

package/esm2022/tabs/index.mjs

@@ -0,0 +1,2 @@
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90YWJzL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

package/esm2022/tabs/public_api.mjs

@@ -0,0 +1,6 @@
+export { DAFF_TABS_COMPONENTS } from './tabs';
+export { DaffTabsComponent } from './tabs/tabs.component';
+export { DaffTabPanelComponent } from './tabs/tab-panel/tab-panel.component';
+export { DaffTabComponent } from './tabs/tab/tab.component';
+export { DaffTabLabelComponent } from './tabs/tab-label/tab-label.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RhYnMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgREFGRl9UQUJTX0NPTVBPTkVOVFMgfSBmcm9tICcuL3RhYnMnO1xuZXhwb3J0IHsgRGFmZlRhYnNDb21wb25lbnQgfSBmcm9tICcuL3RhYnMvdGFicy5jb21wb25lbnQnO1xuZXhwb3J0IHsgRGFmZlRhYlBhbmVsQ29tcG9uZW50IH0gZnJvbSAnLi90YWJzL3RhYi1wYW5lbC90YWItcGFuZWwuY29tcG9uZW50JztcbmV4cG9ydCB7IERhZmZUYWJDb21wb25lbnQgfSBmcm9tICcuL3RhYnMvdGFiL3RhYi5jb21wb25lbnQnO1xuZXhwb3J0IHsgRGFmZlRhYkxhYmVsQ29tcG9uZW50IH0gZnJvbSAnLi90YWJzL3RhYi1sYWJlbC90YWItbGFiZWwuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/tabs/tabs/tab/tab.component.mjs

@@ -0,0 +1,86 @@
+import { Component, ChangeDetectionStrategy, TemplateRef, ViewChild, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+let tabId = 1;
+/**
+ * `DaffTabComponet` is an element in the tab list that is used as a content container to group the label of a tab panel and the tab panel together.
+ *
+ * ## Template Structure
+ * A `<daff-tab>` should include the {@link DaffTabLabelComponent} and {@link DaffTabPanelComponent} components in order to properly structure the UI.
+ *
+ * ## Usage
+ * ```html
+ * <daff-tab>
+ * 	<daff-tab-label>
+ * 		<fa-icon [icon]="faInfoCircle" daffPrefix></fa-icon>
+ * 		Tab 1
+ * 	</daff-tab-label>
+ * 	<daff-tab-panel>
+ * 		Tab 1 Panel
+ * 	</daff-tab-panel>
+ * </daff-tab>
+ * ```
+ */
+export class DaffTabComponent {
+    constructor() {
+        /**
+         * Whether the tab is disabled.
+         *
+         * ```html
+         * <daff-tab [disabled]="true">
+         * </daff-tab>
+         * ```
+         */
+        this.disabled = false;
+        /**
+         * A unique id for the tab component.
+         *
+         * The `id` is automatically generated by linking the prefix 'daff-tab-' with an incrementing `tabId`. This value can be customized by passing a different `id` value via the component's `id` input.
+         *
+         * ```html
+         * <daff-tab [id]="'custom-id'"></daff-tab>
+         * ```
+         */
+        this.id = 'daff-tab-' + tabId;
+        /**
+         * @docs-private
+         */
+        this.panelId = 'daff-tab-panel-' + tabId;
+        tabId++;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffTabComponent, isStandalone: true, selector: "daff-tab", inputs: { disabled: "disabled", id: "id" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef, static: true }, { propertyName: "labelRef", first: true, predicate: ["label"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
+      <ng-template #label>
+        <ng-content select="daff-tab-label"></ng-content>
+      </ng-template>
+      <ng-template #content>
+        <ng-content select="daff-tab-panel"></ng-content>
+      </ng-template>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffTabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'daff-tab',
+                    template: `
+      <ng-template #label>
+        <ng-content select="daff-tab-label"></ng-content>
+      </ng-template>
+      <ng-template #content>
+        <ng-content select="daff-tab-panel"></ng-content>
+      </ng-template>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input
+            }], contentRef: [{
+                type: ViewChild,
+                args: ['content', { read: TemplateRef, static: true }]
+            }], labelRef: [{
+                type: ViewChild,
+                args: ['label', { read: TemplateRef, static: true }]
+            }], id: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RhYnMvc3JjL3RhYnMvdGFiL3RhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsV0FBVyxFQUNYLFNBQVMsRUFDVCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7O0FBRXZCLElBQUksS0FBSyxHQUFHLENBQUMsQ0FBQztBQUVkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQkc7QUFjSCxNQUFNLE9BQU8sZ0JBQWdCO0lBcUMzQjtRQXBDQTs7Ozs7OztXQU9HO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztRQVkxQjs7Ozs7Ozs7V0FRRztRQUNNLE9BQUUsR0FBRyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBRWxDOztXQUVHO1FBQ0gsWUFBTyxHQUFHLGlCQUFpQixHQUFHLEtBQUssQ0FBQztRQUdsQyxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7aUlBdkNVLGdCQUFnQjtxSEFBaEIsZ0JBQWdCLGtNQWNHLFdBQVcsMEdBS2IsV0FBVywyQ0E3QjdCOzs7Ozs7O0dBT1Q7OzJGQUdVLGdCQUFnQjtrQkFiNUIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRTs7Ozs7OztHQU9UO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDt3REFVVSxRQUFRO3NCQUFoQixLQUFLO2dCQUtxRCxVQUFVO3NCQUFwRSxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFLQSxRQUFRO3NCQUFoRSxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFXOUMsRUFBRTtzQkFBVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5sZXQgdGFiSWQgPSAxO1xuXG4vKipcbiAqIGBEYWZmVGFiQ29tcG9uZXRgIGlzIGFuIGVsZW1lbnQgaW4gdGhlIHRhYiBsaXN0IHRoYXQgaXMgdXNlZCBhcyBhIGNvbnRlbnQgY29udGFpbmVyIHRvIGdyb3VwIHRoZSBsYWJlbCBvZiBhIHRhYiBwYW5lbCBhbmQgdGhlIHRhYiBwYW5lbCB0b2dldGhlci5cbiAqXG4gKiAjIyBUZW1wbGF0ZSBTdHJ1Y3R1cmVcbiAqIEEgYDxkYWZmLXRhYj5gIHNob3VsZCBpbmNsdWRlIHRoZSB7QGxpbmsgRGFmZlRhYkxhYmVsQ29tcG9uZW50fSBhbmQge0BsaW5rIERhZmZUYWJQYW5lbENvbXBvbmVudH0gY29tcG9uZW50cyBpbiBvcmRlciB0byBwcm9wZXJseSBzdHJ1Y3R1cmUgdGhlIFVJLlxuICpcbiAqICMjIFVzYWdlXG4gKiBgYGBodG1sXG4gKiA8ZGFmZi10YWI+XG4gKiBcdDxkYWZmLXRhYi1sYWJlbD5cbiAqIFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYUluZm9DaXJjbGVcIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5cbiAqIFx0XHRUYWIgMVxuICogXHQ8L2RhZmYtdGFiLWxhYmVsPlxuICogXHQ8ZGFmZi10YWItcGFuZWw+XG4gKiBcdFx0VGFiIDEgUGFuZWxcbiAqIFx0PC9kYWZmLXRhYi1wYW5lbD5cbiAqIDwvZGFmZi10YWI+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnZGFmZi10YWInLFxuICB0ZW1wbGF0ZTogYFxuICAgICAgPG5nLXRlbXBsYXRlICNsYWJlbD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZGFmZi10YWItbGFiZWxcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJkYWZmLXRhYi1wYW5lbFwiPjwvbmctY29udGVudD5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmVGFiQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHRhYiBpcyBkaXNhYmxlZC5cbiAgICpcbiAgICogYGBgaHRtbFxuICAgKiA8ZGFmZi10YWIgW2Rpc2FibGVkXT1cInRydWVcIj5cbiAgICogPC9kYWZmLXRhYj5cbiAgICogYGBgXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBAVmlld0NoaWxkKCdjb250ZW50JywgeyByZWFkOiBUZW1wbGF0ZVJlZiwgc3RhdGljOiB0cnVlIH0pIGNvbnRlbnRSZWY6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBWaWV3Q2hpbGQoJ2xhYmVsJywgeyByZWFkOiBUZW1wbGF0ZVJlZiwgc3RhdGljOiB0cnVlIH0pIGxhYmVsUmVmOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8qKlxuICAgKiBBIHVuaXF1ZSBpZCBmb3IgdGhlIHRhYiBjb21wb25lbnQuXG4gICAqXG4gICAqIFRoZSBgaWRgIGlzIGF1dG9tYXRpY2FsbHkgZ2VuZXJhdGVkIGJ5IGxpbmtpbmcgdGhlIHByZWZpeCAnZGFmZi10YWItJyB3aXRoIGFuIGluY3JlbWVudGluZyBgdGFiSWRgLiBUaGlzIHZhbHVlIGNhbiBiZSBjdXN0b21pemVkIGJ5IHBhc3NpbmcgYSBkaWZmZXJlbnQgYGlkYCB2YWx1ZSB2aWEgdGhlIGNvbXBvbmVudCdzIGBpZGAgaW5wdXQuXG4gICAqXG4gICAqIGBgYGh0bWxcbiAgICogPGRhZmYtdGFiIFtpZF09XCInY3VzdG9tLWlkJ1wiPjwvZGFmZi10YWI+XG4gICAqIGBgYFxuICAgKi9cbiAgQElucHV0KCkgaWQgPSAnZGFmZi10YWItJyArIHRhYklkO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBwYW5lbElkID0gJ2RhZmYtdGFiLXBhbmVsLScgKyB0YWJJZDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0YWJJZCsrO1xuICB9XG59XG4iXX0=