\n\t\t\t\t{{helperText}}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t{{invalidText}}\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t{{warnText}}\n\t\t\t\t\n\t\t\t
\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"directive\", type: i3.IconDirective, selector: \"[cdsIcon], [ibmIcon]\", inputs: [\"ibmIcon\", \"cdsIcon\", \"size\", \"title\", \"ariaLabel\", \"ariaLabelledBy\", \"ariaHidden\", \"isFocusable\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: NumberComponent, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-number, ibm-number\",\n template: `\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t{{label}}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{{invalidText}}\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t{{warnText}}\n\t\t\t\t\n\t\t\t
\n\t\t\n\t`,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: NumberComponent,\n multi: true\n }\n ]\n }]\n }], ctorParameters: function () { return [{ type: i1.I18n }]; }, propDecorators: { containerClass: [{\n type: HostBinding,\n args: [\"class.cds--form-item\"]\n }], theme: [{\n type: Input\n }], disabled: [{\n type: Input\n }], skeleton: [{\n type: Input\n }], invalid: [{\n type: Input\n }], id: [{\n type: Input\n }], placeholder: [{\n type: Input\n }], size: [{\n type: Input\n }], required: [{\n type: Input\n }], value: [{\n type: Input\n }], min: [{\n type: Input\n }], max: [{\n type: Input\n }], label: [{\n type: Input\n }], helperText: [{\n type: Input\n }], invalidText: [{\n type: Input\n }], step: [{\n type: Input\n }], precision: [{\n type: Input\n }], warn: [{\n type: Input\n }], warnText: [{\n type: Input\n }], ariaLabel: [{\n type: Input\n }], change: [{\n type: Output\n }], decrementLabel: [{\n type: Input\n }], incrementLabel: [{\n type: Input\n }], focusOut: [{\n type: HostListener,\n args: [\"focusout\"]\n }] } });\n\n// modules\nclass NumberModule {\n}\nNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: NumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: NumberModule, declarations: [NumberComponent], imports: [FormsModule,\n CommonModule,\n I18nModule,\n IconModule], exports: [NumberComponent] });\nNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: NumberModule, imports: [FormsModule,\n CommonModule,\n I18nModule,\n IconModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: NumberModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n NumberComponent\n ],\n exports: [\n NumberComponent\n ],\n imports: [\n FormsModule,\n CommonModule,\n I18nModule,\n IconModule\n ]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { NumberComponent as Number, NumberChange, NumberComponent, NumberModule };\n","import * as i0 from '@angular/core';\nimport { Injectable, ViewContainerRef, Component, Input, ViewChild, Optional, SkipSelf, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n/**\n * Singleton service used to register the container for out-of-flow components to insert into.\n * Also used to insert/remove components from that view.\n */\nclass PlaceholderService {\n constructor() {\n /**\n * Main `ViewContainerRef` to insert components into\n */\n this.viewContainerRef = null;\n /**\n * Map of id's to secondary `ViewContainerRef`s\n */\n this.viewContainerMap = new Map();\n }\n /**\n * Used by `Placeholder` to register view-container reference.\n */\n registerViewContainerRef(vcRef, id) {\n if (id) {\n this.viewContainerMap.set(id, vcRef);\n }\n else {\n this.viewContainerRef = vcRef;\n }\n }\n /**\n * Creates and returns component in the view.\n */\n createComponent(component, injector, id) {\n if (id) {\n if (!this.viewContainerMap.has(id)) {\n console.error(`No view container with id ${id} found`);\n return;\n }\n return this.viewContainerMap.get(id).createComponent(component, { index: this.viewContainerMap.size, injector });\n }\n if (!this.viewContainerRef) {\n console.error(\"No view container defined! Likely due to a missing `cds-placeholder`\");\n return;\n }\n return this.viewContainerRef.createComponent(component, { index: this.viewContainerRef.length, injector });\n }\n destroyComponent(component) {\n component.destroy();\n }\n hasComponentRef(component, id) {\n if (id) {\n return !(this.viewContainerMap.get(id).indexOf(component.hostView) < 0);\n }\n return !(this.viewContainerRef.indexOf(component.hostView) < 0);\n }\n hasPlaceholderRef(id) {\n if (id) {\n return this.viewContainerMap.has(id);\n }\n return !!this.viewContainerRef;\n }\n appendElement(element, id) {\n if (id) {\n return this.viewContainerMap.get(id).element.nativeElement.appendChild(element);\n }\n return this.viewContainerRef.element.nativeElement.appendChild(element);\n }\n removeElement(element, id) {\n if (id) {\n return this.viewContainerMap.get(id).element.nativeElement.removeChild(element);\n }\n return this.viewContainerRef.element.nativeElement.removeChild(element);\n }\n hasElement(element, id) {\n if (id) {\n return this.viewContainerMap.get(id).element.nativeElement.contains(element);\n }\n return this.viewContainerRef.element.nativeElement.contains(element);\n }\n}\nPlaceholderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PlaceholderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });\nPlaceholderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PlaceholderService });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PlaceholderService, decorators: [{\n type: Injectable\n }] });\n\n/**\n * Using a modal, dialog (Tooltip, OverflowMenu), or any other component that draws out of the normal page flow\n * in your application *requires* this component (`cds-placeholder`).\n * It would generally be placed near the end of your root app component template\n * (app.component.ts or app.component.html) as:\n *\n * ```\n * \n * ```\n */\nclass Placeholder {\n /**\n * Creates an instance of `Placeholder`.\n */\n constructor(placeholderService) {\n this.placeholderService = placeholderService;\n }\n /**\n * Registers the components view with `PlaceholderService`\n */\n ngOnInit() {\n // TODO use `id` to register with the placeholderService\n this.placeholderService.registerViewContainerRef(this.viewContainerRef);\n }\n}\nPlaceholder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Placeholder, deps: [{ token: PlaceholderService }], target: i0.ɵɵFactoryTarget.Component });\nPlaceholder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: Placeholder, selector: \"cds-placeholder, ibm-placeholder\", inputs: { id: \"id\" }, viewQueries: [{ propertyName: \"viewContainerRef\", first: true, predicate: [\"placeholder\"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: ``, isInline: true });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Placeholder, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-placeholder, ibm-placeholder\",\n template: ``\n }]\n }], ctorParameters: function () { return [{ type: PlaceholderService }]; }, propDecorators: { id: [{\n type: Input\n }], viewContainerRef: [{\n type: ViewChild,\n args: [\"placeholder\", { read: ViewContainerRef, static: true }]\n }] } });\n\n// modules\n// either provides a new instance of PlaceholderService, or returns the parent\nfunction PLACEHOLDER_SERVICE_PROVIDER_FACTORY(parentService) {\n return parentService || new PlaceholderService();\n}\n// placeholder service *must* be a singleton to ensure the placeholder viewRef is accessible globally\nconst PLACEHOLDER_SERVICE_PROVIDER = {\n provide: PlaceholderService,\n deps: [[new Optional(), new SkipSelf(), PlaceholderService]],\n useFactory: PLACEHOLDER_SERVICE_PROVIDER_FACTORY\n};\nclass PlaceholderModule {\n}\nPlaceholderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nPlaceholderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: PlaceholderModule, declarations: [Placeholder], imports: [CommonModule], exports: [Placeholder] });\nPlaceholderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PlaceholderModule, providers: [PLACEHOLDER_SERVICE_PROVIDER], imports: [CommonModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PlaceholderModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [Placeholder],\n exports: [Placeholder],\n providers: [PLACEHOLDER_SERVICE_PROVIDER],\n imports: [CommonModule]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { PLACEHOLDER_SERVICE_PROVIDER, PLACEHOLDER_SERVICE_PROVIDER_FACTORY, Placeholder, PlaceholderModule, PlaceholderService };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Directive, HostBinding, Output, Input, Component, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n/**\n * Applies popover container styling to the element it is applied to.\n *\n * [See demo](../../?path=/story/components-popover--basic)\n */\nclass PopoverContainer {\n constructor() {\n /**\n * Emits an event when the dialog is closed\n */\n this.onClose = new EventEmitter();\n /**\n * Emits an event when the dialog is opened\n */\n this.onOpen = new EventEmitter();\n /**\n * Emits an event when the state of `isOpen` changes. Allows `isOpen` to be double bound\n */\n this.isOpenChange = new EventEmitter();\n this.caret = true;\n this.dropShadow = true;\n this.highContrast = false;\n this.isOpen = false;\n this.containerClass = true;\n this.align = \"bottom\";\n }\n // Top\n get alignmentTopClass() {\n return this.align === \"top\";\n }\n get alignmentTopLeftClass() {\n return this.align === \"top-left\";\n }\n get alignmentTopRightClass() {\n return this.align === \"top-right\";\n }\n // Bottom\n get alignmentBottomClass() {\n return this.align === \"bottom\";\n }\n get alignmentBottomLeftClass() {\n return this.align === \"bottom-left\";\n }\n get alignmentBottomRightClass() {\n return this.align === \"bottom-right\";\n }\n // Left\n get alignmentLeftClass() {\n return this.align === \"left\";\n }\n get alignmentLeftTopClass() {\n return this.align === \"left-top\";\n }\n get alignmentLeftBottomClass() {\n return this.align === \"left-bottom\";\n }\n // Right\n get alignmentRightClass() {\n return this.align === \"right\";\n }\n get alignmentRightTopClass() {\n return this.align === \"right-top\";\n }\n get alignmentRightBottomClass() {\n return this.align === \"right-bottom\";\n }\n handleChange(open, event) {\n if (this.isOpen !== open) {\n this.isOpenChange.emit(open);\n }\n if (open) {\n this.onOpen.emit(event);\n }\n else {\n this.onClose.emit(event);\n }\n this.isOpen = open;\n }\n}\nPopoverContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PopoverContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });\nPopoverContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"14.3.0\", type: PopoverContainer, selector: \"[cdsPopover], [ibmPopover]\", inputs: { caret: \"caret\", dropShadow: \"dropShadow\", highContrast: \"highContrast\", isOpen: \"isOpen\", align: \"align\" }, outputs: { onClose: \"onClose\", onOpen: \"onOpen\", isOpenChange: \"isOpenChange\" }, host: { properties: { \"class.cds--popover--top\": \"this.alignmentTopClass\", \"class.cds--popover--top-left\": \"this.alignmentTopLeftClass\", \"class.cds--popover--top-right\": \"this.alignmentTopRightClass\", \"class.cds--popover--bottom\": \"this.alignmentBottomClass\", \"class.cds--popover--bottom-left\": \"this.alignmentBottomLeftClass\", \"class.cds--popover--bottom-right\": \"this.alignmentBottomRightClass\", \"class.cds--popover--left\": \"this.alignmentLeftClass\", \"class.cds--popover--left-top\": \"this.alignmentLeftTopClass\", \"class.cds--popover--left-bottom\": \"this.alignmentLeftBottomClass\", \"class.cds--popover--right\": \"this.alignmentRightClass\", \"class.cds--popover--right-top\": \"this.alignmentRightTopClass\", \"class.cds--popover--right-bottom\": \"this.alignmentRightBottomClass\", \"class.cds--popover--caret\": \"this.caret\", \"class.cds--popover--drop-shadow\": \"this.dropShadow\", \"class.cds--popover--high-contrast\": \"this.highContrast\", \"class.cds--popover--open\": \"this.isOpen\", \"class.cds--popover-container\": \"this.containerClass\" } }, ngImport: i0 });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PopoverContainer, decorators: [{\n type: Directive,\n args: [{\n selector: \"[cdsPopover], [ibmPopover]\"\n }]\n }], propDecorators: { alignmentTopClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--top\"]\n }], alignmentTopLeftClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--top-left\"]\n }], alignmentTopRightClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--top-right\"]\n }], alignmentBottomClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--bottom\"]\n }], alignmentBottomLeftClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--bottom-left\"]\n }], alignmentBottomRightClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--bottom-right\"]\n }], alignmentLeftClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--left\"]\n }], alignmentLeftTopClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--left-top\"]\n }], alignmentLeftBottomClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--left-bottom\"]\n }], alignmentRightClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--right\"]\n }], alignmentRightTopClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--right-top\"]\n }], alignmentRightBottomClass: [{\n type: HostBinding,\n args: [\"class.cds--popover--right-bottom\"]\n }], onClose: [{\n type: Output\n }], onOpen: [{\n type: Output\n }], isOpenChange: [{\n type: Output\n }], caret: [{\n type: HostBinding,\n args: [\"class.cds--popover--caret\"]\n }, {\n type: Input\n }], dropShadow: [{\n type: HostBinding,\n args: [\"class.cds--popover--drop-shadow\"]\n }, {\n type: Input\n }], highContrast: [{\n type: HostBinding,\n args: [\"class.cds--popover--high-contrast\"]\n }, {\n type: Input\n }], isOpen: [{\n type: HostBinding,\n args: [\"class.cds--popover--open\"]\n }, {\n type: Input\n }], containerClass: [{\n type: HostBinding,\n args: [\"class.cds--popover-container\"]\n }], align: [{\n type: Input\n }] } });\n\n/**\n * [See demo](../../?path=/story/components-popover--basic)\n */\nclass PopoverContent {\n constructor() {\n this.popoverClass = true;\n }\n}\nPopoverContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PopoverContent, deps: [], target: i0.ɵɵFactoryTarget.Component });\nPopoverContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: PopoverContent, selector: \"cds-popover-content, ibm-popover-content\", host: { properties: { \"class.cds--popover\": \"this.popoverClass\" } }, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t`, isInline: true });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PopoverContent, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-popover-content, ibm-popover-content\",\n template: `\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t`\n }]\n }], propDecorators: { popoverClass: [{\n type: HostBinding,\n args: [\"class.cds--popover\"]\n }] } });\n\nclass PopoverModule {\n}\nPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: PopoverModule, declarations: [PopoverContainer,\n PopoverContent], imports: [CommonModule], exports: [PopoverContainer,\n PopoverContent] });\nPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PopoverModule, imports: [CommonModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: PopoverModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n PopoverContainer,\n PopoverContent\n ],\n exports: [\n PopoverContainer,\n PopoverContent\n ],\n imports: [CommonModule]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { PopoverContainer, PopoverContent, PopoverModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Input, Output, HostBinding, TemplateRef, ContentChildren, forwardRef, HostListener, NgModule } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i2 from 'carbon-components-angular/icon';\nimport { IconModule } from 'carbon-components-angular/icon';\n\n/**\n * Used to emit changes performed on a `Radio`.\n */\nclass RadioChange {\n constructor(source, value) {\n this.source = source;\n this.value = value;\n }\n}\n\n/**\n * class: Radio (extends Checkbox)\n *\n * selector: `n-radio`\n *\n * source: `src/forms/radio.component.ts`\n *\n * ```html\n *\tRadio\n * ```\n *\n * Also see: [`RadioGroup`](#cds-radio-group)\n */\nclass Radio {\n constructor() {\n this.checked = false;\n this.name = \"\";\n this.disabled = false;\n this.labelPlacement = \"right\";\n /**\n * Sets the HTML required attribute\n */\n this.required = false;\n /**\n * Set to `true` for a loading table.\n */\n this.skeleton = false;\n /**\n * The id for the `Radio`.\n */\n this.id = `radio-${Radio.radioCount++}`;\n /**\n * emits when the state of the radio changes\n */\n this.change = new EventEmitter();\n this.hostClass = true;\n /**\n * Reflects whether or not the input is disabled at `RadioGroup` level.\n */\n this.disabledFromGroup = false;\n this._labelledby = \"\";\n /**\n * Handler provided by the `RadioGroup` to bubble events up\n */\n this.radioChangeHandler = (event) => { };\n }\n set ariaLabelledby(value) {\n this._labelledby = value;\n }\n get ariaLabelledby() {\n if (this._labelledby) {\n return this._labelledby;\n }\n return `label-${this.id}`;\n }\n get labelLeft() {\n return this.labelPlacement === \"left\";\n }\n /**\n * Synchronizes with the `RadioGroup` in the event of a changed `Radio`.\n * Emits the changes of both the `RadioGroup` and `Radio`.\n */\n onChange(event) {\n event.stopPropagation();\n }\n onClick(event) {\n this.checked = event.target.checked;\n const radioEvent = new RadioChange(this, this.value);\n this.change.emit(radioEvent);\n this.radioChangeHandler(radioEvent);\n }\n /**\n * Method called by `RadioGroup` with a callback function to bubble `RadioChange` events\n * @param fn callback that expects a `RadioChange` as an argument\n */\n registerRadioChangeHandler(fn) {\n this.radioChangeHandler = fn;\n }\n setDisabledFromGroup(disabled) {\n this.disabledFromGroup = disabled;\n }\n}\n/**\n * Used to dynamically create unique ids for the `Radio`.\n */\nRadio.radioCount = 0;\nRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Radio, deps: [], target: i0.ɵɵFactoryTarget.Component });\nRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: Radio, selector: \"cds-radio, ibm-radio\", inputs: { checked: \"checked\", name: \"name\", disabled: \"disabled\", labelPlacement: \"labelPlacement\", ariaLabelledby: \"ariaLabelledby\", ariaLabel: \"ariaLabel\", required: \"required\", value: \"value\", skeleton: \"skeleton\", id: \"id\" }, outputs: { change: \"change\" }, host: { properties: { \"class.cds--radio-button-wrapper\": \"this.hostClass\", \"class.cds--radio-button-wrapper--label-left\": \"this.labelLeft\" } }, providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Radio,\n multi: true\n }\n ], ngImport: i0, template: `\n\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Radio, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-radio, ibm-radio\",\n template: `\n\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t`,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: Radio,\n multi: true\n }\n ]\n }]\n }], propDecorators: { checked: [{\n type: Input\n }], name: [{\n type: Input\n }], disabled: [{\n type: Input\n }], labelPlacement: [{\n type: Input\n }], ariaLabelledby: [{\n type: Input\n }], ariaLabel: [{\n type: Input\n }], required: [{\n type: Input\n }], value: [{\n type: Input\n }], skeleton: [{\n type: Input\n }], id: [{\n type: Input\n }], change: [{\n type: Output\n }], hostClass: [{\n type: HostBinding,\n args: [\"class.cds--radio-button-wrapper\"]\n }], labelLeft: [{\n type: HostBinding,\n args: [\"class.cds--radio-button-wrapper--label-left\"]\n }] } });\n\n/**\n * [See demo](../../?path=/story/components-radio--basic)\n *\n * class: RadioGroup\n *\n * selector: `cds-radio-group`\n *\n * source: `src/forms/radio.component.ts`\n *\n * Ex:\n *\n * ```html\n * \n * \t\n *\t\tRadio {{one}}\n * \t\n * \n *\n * Radio selected: {{radio}}\n * ```\n *\n * ```ts\n *\tconst manyRadios = [\"one\", \"two\", \"three\", \"four\", \"five\", \"six\"];\n * ```\n *\n * Also see: [Radio](#cds-radio)\n */\nclass RadioGroup {\n constructor() {\n this.orientation = \"horizontal\";\n this.labelPlacement = \"right\";\n /**\n * Set to `true` to show the invalid state.\n */\n this.invalid = false;\n /**\n * Set to `true` to show a warning (contents set by warnText)\n */\n this.warn = false;\n /**\n * Emits event notifying other classes of a change using a `RadioChange` class.\n */\n this.change = new EventEmitter();\n /**\n * Binds 'cds--form-item' value to the class for `RadioGroup`.\n */\n this.radioButtonGroupClass = true;\n /**\n * To track whether the `RadioGroup` has been initialized.\n */\n this.isInitialized = false;\n /**\n * Reflects whether or not the input is disabled and cannot be selected.\n */\n this._disabled = false;\n /**\n * Reflects whether or not the dropdown is loading.\n */\n this._skeleton = false;\n /**\n * The value of the selected option within the `RadioGroup`.\n */\n this._value = null;\n /**\n * The `Radio` within the `RadioGroup` that is selected.\n */\n this._selected = null;\n /**\n * The name attribute associated with the `RadioGroup`.\n */\n this._name = `radio-group-${RadioGroup.radioGroupCount++}`;\n /**\n * Needed to properly implement ControlValueAccessor.\n */\n this.onTouched = () => { };\n /**\n * Method set in registerOnChange to propagate changes back to the form.\n */\n this.propagateChange = (_) => { };\n }\n /**\n * Sets the passed in `Radio` item as the selected input within the `RadioGroup`.\n */\n set selected(selected) {\n const alreadySelected = (this._selected && this._selected.value) === (selected && selected.value);\n if (alreadySelected) {\n // no need to redo\n return;\n }\n if (this._selected) {\n this._selected.checked = false;\n }\n this._selected = selected;\n this.value = selected ? selected.value : null;\n this.checkSelectedRadio();\n }\n /**\n * Returns the `Radio` that is selected within the `RadioGroup`.\n */\n get selected() {\n return this._selected;\n }\n /**\n * Sets the value/state of the selected `Radio` within the `RadioGroup` to the passed in value.\n */\n set value(newValue) {\n if (this._value !== newValue) {\n this._value = newValue;\n this.updateSelectedRadioFromValue();\n this.checkSelectedRadio();\n }\n }\n /**\n * Returns the value/state of the selected `Radio` within the `RadioGroup`.\n */\n get value() {\n return this._value;\n }\n /**\n * Replaces the name associated with the `RadioGroup` with the provided parameter.\n */\n set name(name) {\n this._name = name;\n this.updateRadios();\n }\n /**\n * Returns the associated name of the `RadioGroup`.\n */\n get name() {\n return this._name;\n }\n /**\n * Set to true to disable the whole radio group\n */\n set disabled(disabled) {\n this._disabled = disabled;\n this.updateRadios();\n }\n /**\n * Returns the disabled value for the `RadioGroup`.\n */\n get disabled() {\n return this._disabled;\n }\n /**\n * Returns the skeleton value in the `RadioGroup` if there is one.\n */\n get skeleton() {\n return this._skeleton;\n }\n /**\n * Sets the skeleton value for all `Radio` to the skeleton value of `RadioGroup`.\n */\n set skeleton(value) {\n this._skeleton = value;\n this.updateChildren();\n }\n /**\n * Updates the selected `Radio` to be checked (selected).\n */\n checkSelectedRadio() {\n if (this.selected && !this._selected.checked) {\n this.selected.checked = true;\n }\n }\n /**\n * Use the value of the `RadioGroup` to update the selected radio to the right state (selected state).\n */\n updateSelectedRadioFromValue() {\n let alreadySelected = this._selected != null && this._selected.value === this._value;\n if (this.radios && !alreadySelected) {\n if (this.selected && this.value) {\n this.selected.checked = false;\n }\n this._selected = null;\n this.radios.forEach(radio => {\n if (radio.checked || radio.value === this._value) {\n this._selected = radio;\n }\n });\n if (this.selected && !this.value) {\n this._value = this.selected.value;\n }\n }\n }\n /**\n * `ControlValueAccessor` method to programmatically disable the `RadioGroup`.\n *\n * ex: `this.formGroup.get(\"myRadioGroup\").disable();`\n *\n * @param isDisabled `true` to disable the inputs\n */\n setDisabledState(isDisabled) {\n this.disabled = isDisabled;\n }\n /**\n * Creates a class of `RadioChange` to emit the change in the `RadioGroup`.\n */\n emitChangeEvent(event) {\n this.change.emit(event);\n this.propagateChange(event.value);\n this.onTouched();\n }\n /**\n * Synchronizes radio properties.\n */\n updateRadios() {\n if (this.radios) {\n setTimeout(() => {\n this.radios.forEach(radio => {\n radio.name = this.name;\n radio.setDisabledFromGroup(this.disabled);\n if (this.labelPlacement === \"left\") {\n radio.labelPlacement = \"left\";\n }\n });\n });\n }\n }\n /**\n * Updates the value of the `RadioGroup` using the provided parameter.\n */\n writeValue(value) {\n this.value = value;\n setTimeout(() => {\n this.updateSelectedRadioFromValue();\n this.checkSelectedRadio();\n });\n }\n ngAfterContentInit() {\n this.radios.changes.subscribe(() => {\n this.updateRadios();\n this.updateRadioChangeHandler();\n });\n this.updateChildren();\n this.updateRadioChangeHandler();\n }\n ngAfterViewInit() {\n this.updateRadios();\n }\n /**\n * Used to set method to propagate changes back to the form.\n */\n registerOnChange(fn) {\n this.propagateChange = fn;\n }\n /**\n * Registers a callback to be triggered when the control has been touched.\n * @param fn Callback to be triggered when the checkbox is touched.\n */\n registerOnTouched(fn) {\n this.onTouched = fn;\n }\n focusOut() {\n this.onTouched();\n }\n isTemplate(value) {\n return value instanceof TemplateRef;\n }\n updateChildren() {\n if (this.radios) {\n this.radios.forEach(child => child.skeleton = this.skeleton);\n }\n }\n updateRadioChangeHandler() {\n this.radios.forEach(radio => {\n radio.registerRadioChangeHandler((event) => {\n if ((this.selected && this.selected.value) === event.value) {\n // no need to redo\n return;\n }\n // deselect previous radio\n if (this.selected) {\n this.selected.checked = false;\n }\n // update selected and value from the event\n this._selected = event.source;\n this._value = event.value;\n // bubble the event\n this.emitChangeEvent(event);\n });\n });\n }\n}\n/**\n * Used for creating the `RadioGroup` 'name' property dynamically.\n */\nRadioGroup.radioGroupCount = 0;\nRadioGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: RadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });\nRadioGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: RadioGroup, selector: \"cds-radio-group, ibm-radio-group\", inputs: { selected: \"selected\", value: \"value\", name: \"name\", disabled: \"disabled\", skeleton: \"skeleton\", orientation: \"orientation\", labelPlacement: \"labelPlacement\", legend: \"legend\", ariaLabel: \"ariaLabel\", ariaLabelledby: \"ariaLabelledby\", helperText: \"helperText\", invalid: \"invalid\", invalidText: \"invalidText\", warn: \"warn\", warnText: \"warnText\" }, outputs: { change: \"change\" }, host: { listeners: { \"focusout\": \"focusOut()\" }, properties: { \"class.cds--form-item\": \"this.radioButtonGroupClass\" } }, providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: RadioGroup,\n multi: true\n }\n ], queries: [{ propertyName: \"radios\", predicate: i0.forwardRef(function () { return Radio; }) }], ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\n\t\t\t{{helperText}}\n\t\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"directive\", type: i2.IconDirective, selector: \"[cdsIcon], [ibmIcon]\", inputs: [\"ibmIcon\", \"cdsIcon\", \"size\", \"title\", \"ariaLabel\", \"ariaLabelledBy\", \"ariaHidden\", \"isFocusable\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: RadioGroup, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-radio-group, ibm-radio-group\",\n template: `\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\n\t\t\t{{helperText}}\n\t\t\t\n\t\t\n\t`,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: RadioGroup,\n multi: true\n }\n ]\n }]\n }], propDecorators: { selected: [{\n type: Input\n }], value: [{\n type: Input\n }], name: [{\n type: Input\n }], disabled: [{\n type: Input\n }], skeleton: [{\n type: Input\n }], orientation: [{\n type: Input\n }], labelPlacement: [{\n type: Input\n }], legend: [{\n type: Input\n }], ariaLabel: [{\n type: Input\n }], ariaLabelledby: [{\n type: Input\n }], helperText: [{\n type: Input\n }], invalid: [{\n type: Input\n }], invalidText: [{\n type: Input\n }], warn: [{\n type: Input\n }], warnText: [{\n type: Input\n }], change: [{\n type: Output\n }], radios: [{\n type: ContentChildren,\n args: [forwardRef(() => Radio)]\n }], radioButtonGroupClass: [{\n type: HostBinding,\n args: [\"class.cds--form-item\"]\n }], focusOut: [{\n type: HostListener,\n args: [\"focusout\"]\n }] } });\n\n// modules\nclass RadioModule {\n}\nRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: RadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: RadioModule, declarations: [Radio,\n RadioGroup], imports: [CommonModule,\n FormsModule,\n IconModule], exports: [Radio,\n RadioGroup] });\nRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: RadioModule, imports: [CommonModule,\n FormsModule,\n IconModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: RadioModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n Radio,\n RadioGroup\n ],\n exports: [\n Radio,\n RadioGroup\n ],\n imports: [\n CommonModule,\n FormsModule,\n IconModule\n ]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { Radio, RadioChange, RadioGroup, RadioModule };\n","import * as i0 from '@angular/core';\nimport { Component, Input, NgModule } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\n\nclass SkeletonPlaceholder {\n}\nSkeletonPlaceholder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SkeletonPlaceholder, deps: [], target: i0.ɵɵFactoryTarget.Component });\nSkeletonPlaceholder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: SkeletonPlaceholder, selector: \"cds-skeleton-placeholder, ibm-skeleton-placeholder\", ngImport: i0, template: `\n\t\t`, isInline: true });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SkeletonPlaceholder, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-skeleton-placeholder, ibm-skeleton-placeholder\",\n template: `\n\t\t`\n }]\n }] });\n\nclass SkeletonText {\n constructor() {\n this.lines = 5;\n this.minLineWidth = 100;\n this.maxLineWidth = 300;\n }\n /**\n * Returns a random width in pixels based off a min width, and a max width.\n */\n getRandomInt(min, max) {\n return `${Math.floor(Math.random() * (max - min + 1) + min) + \"px\"}`;\n }\n ngOnChanges() {\n // Creates an array of length defined by input lines with content from\n // 0 to lines - 1, maps each value to a random width in pixels.\n this.lineWidths =\n Array.from(Array(this.lines).keys())\n .map(num => this.getRandomInt(this.minLineWidth, this.maxLineWidth));\n }\n}\nSkeletonText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SkeletonText, deps: [], target: i0.ɵɵFactoryTarget.Component });\nSkeletonText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: SkeletonText, selector: \"cds-skeleton-text, ibm-skeleton-text\", inputs: { lines: \"lines\", minLineWidth: \"minLineWidth\", maxLineWidth: \"maxLineWidth\" }, usesOnChanges: true, ngImport: i0, template: `\n\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SkeletonText, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-skeleton-text, ibm-skeleton-text\",\n template: `\n\t\t\n\t\t\n\t`\n }]\n }], propDecorators: { lines: [{\n type: Input\n }], minLineWidth: [{\n type: Input\n }], maxLineWidth: [{\n type: Input\n }] } });\n\nclass SkeletonModule {\n}\nSkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nSkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: SkeletonModule, declarations: [SkeletonPlaceholder,\n SkeletonText], imports: [CommonModule], exports: [SkeletonPlaceholder,\n SkeletonText] });\nSkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SkeletonModule, imports: [CommonModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SkeletonModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n SkeletonPlaceholder,\n SkeletonText\n ],\n exports: [\n SkeletonPlaceholder,\n SkeletonText\n ],\n imports: [\n CommonModule\n ]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { SkeletonModule, SkeletonPlaceholder, SkeletonText };\n","import * as i0 from '@angular/core';\nimport { Component, Input, HostBinding, EventEmitter, Output, NgModule } from '@angular/core';\nimport * as i1 from 'carbon-components-angular/icon';\nimport { IconModule } from 'carbon-components-angular/icon';\nimport { CommonModule } from '@angular/common';\n\n/**\n * Component that represents a tag for labelling/categorizing using keywords\n *\n * [See demo](../../?path=/story/components-tag--basic)\n */\nclass Tag {\n constructor() {\n /**\n * Type of the tag determines the styling\n */\n this.type = \"gray\";\n /**\n * Tag render size\n */\n this.size = \"md\";\n this.class = \"\";\n }\n get attrClass() {\n return `cds--tag cds--tag--${this.type} cds--tag--${this.size} cds--layout--size-${this.size} ${this.class}`;\n }\n}\nTag.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Tag, deps: [], target: i0.ɵɵFactoryTarget.Component });\nTag.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: Tag, selector: \"cds-tag, ibm-tag\", inputs: { type: \"type\", size: \"size\", class: \"class\" }, host: { properties: { \"attr.class\": \"this.attrClass\" } }, ngImport: i0, template: ``, isInline: true });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Tag, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-tag, ibm-tag\",\n template: ``\n }]\n }], propDecorators: { type: [{\n type: Input\n }], size: [{\n type: Input\n }], class: [{\n type: Input\n }], attrClass: [{\n type: HostBinding,\n args: [\"attr.class\"]\n }] } });\n\nclass TagFilter extends Tag {\n constructor() {\n super(...arguments);\n this.closeButtonLabel = \"Clear Filter\";\n /**\n * Function for close/delete the tag\n */\n this.close = new EventEmitter();\n /**\n * We need to stop the immedate propagation of click on the close button\n * to prevent undesired effects when used within dialogs.\n *\n * We need to emit a click event on close to allow for clicks to be listened\n * to on the immediate close button element. `action` distinguishes between clicks on\n * the tag vs. clicks on the close button.\n */\n this.click = new EventEmitter();\n }\n onClick(event) {\n event.stopImmediatePropagation();\n if (!this.disabled) {\n this.click.emit({ action: \"click\" });\n }\n }\n onClose(event) {\n event.stopImmediatePropagation();\n this.click.emit({ action: \"close\" });\n this.close.emit();\n }\n get attrClass() {\n return `cds--tag cds--tag--filter cds--tag--${this.type} cds--tag--${this.size} cds--layout--size-${this.size} ${this.class}${this.disabled ? \" cds--tag--disabled\" : \"\"}`;\n }\n get attrAriaLabel() {\n return `${this.title || \"\"} ${this.closeButtonLabel}`.trim();\n }\n}\nTagFilter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TagFilter, deps: null, target: i0.ɵɵFactoryTarget.Component });\nTagFilter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: TagFilter, selector: \"cds-tag-filter, ibm-tag-filter\", inputs: { closeButtonLabel: \"closeButtonLabel\", disabled: \"disabled\", title: \"title\" }, outputs: { close: \"close\", click: \"click\" }, host: { properties: { \"attr.class\": \"this.attrClass\", \"attr.aria-label\": \"this.attrAriaLabel\" } }, usesInheritance: true, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t{{closeButtonLabel}}\n\t\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i1.IconDirective, selector: \"[cdsIcon], [ibmIcon]\", inputs: [\"ibmIcon\", \"cdsIcon\", \"size\", \"title\", \"ariaLabel\", \"ariaLabelledBy\", \"ariaHidden\", \"isFocusable\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TagFilter, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-tag-filter, ibm-tag-filter\",\n template: `\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t{{closeButtonLabel}}\n\t\t\t\n\t\t\n\t`\n }]\n }], propDecorators: { closeButtonLabel: [{\n type: Input\n }], disabled: [{\n type: Input\n }], title: [{\n type: Input\n }], close: [{\n type: Output\n }], click: [{\n type: Output\n }], attrClass: [{\n type: HostBinding,\n args: [\"attr.class\"]\n }], attrAriaLabel: [{\n type: HostBinding,\n args: [\"attr.aria-label\"]\n }] } });\n\nclass TagModule {\n}\nTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: TagModule, declarations: [Tag, TagFilter], imports: [CommonModule, IconModule], exports: [Tag, TagFilter] });\nTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TagModule, imports: [CommonModule, IconModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TagModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [Tag, TagFilter],\n exports: [Tag, TagFilter],\n imports: [CommonModule, IconModule]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { Tag, TagFilter, TagModule };\n","import * as i0 from '@angular/core';\nimport { Directive, Input, ContentChildren, HostBinding, NgModule } from '@angular/core';\nimport { LayerDirective, LayerModule } from 'carbon-components-angular/layer';\nimport { CommonModule } from '@angular/common';\n\n/**\n * Applies theme styles to the div container it is applied to.\n *\n * [See demo](../../?path=/story/components-theme--basic)\n */\nclass ThemeDirective {\n constructor() {\n /**\n * Sets the theme for the content\n * Accepts `ThemeType` or nothing (empty string which is equivalent to \"white\")\n * Empty string has been added as an option for Angular 16+ to resolve type errors\n */\n this.cdsTheme = \"white\";\n this.layerClass = true;\n }\n /**\n * @deprecated as of v5 - Use `cdsTheme` input property instead\n */\n set ibmTheme(type) {\n this.cdsTheme = type;\n }\n /**\n * Using host bindings with classes to ensure we do not\n * overwrite user added classes\n */\n get whiteThemeClass() {\n return this.cdsTheme === \"white\" || !this.cdsTheme;\n }\n get g10ThemeClass() {\n return this.cdsTheme === \"g10\";\n }\n get g90ThemeClass() {\n return this.cdsTheme === \"g90\";\n }\n get g100ThemeClass() {\n return this.cdsTheme === \"g100\";\n }\n ngAfterContentChecked() {\n /**\n * Resets next layer level in theme\n * If not found, the layer will be 1 by default\n */\n this.layerChildren.toArray().forEach(layer => {\n if (typeof layer.cdsLayer !== \"number\") {\n layer.cdsLayer = 1;\n }\n });\n }\n}\nThemeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: ThemeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });\nThemeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"14.3.0\", type: ThemeDirective, selector: \"[cdsTheme], [ibmTheme]\", inputs: { ibmTheme: \"ibmTheme\", cdsTheme: \"cdsTheme\" }, host: { properties: { \"class.cds--white\": \"this.whiteThemeClass\", \"class.cds--g10\": \"this.g10ThemeClass\", \"class.cds--g90\": \"this.g90ThemeClass\", \"class.cds--g100\": \"this.g100ThemeClass\", \"class.cds--layer-one\": \"this.layerClass\" } }, queries: [{ propertyName: \"layerChildren\", predicate: LayerDirective }], exportAs: [\"theme\"], ngImport: i0 });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: ThemeDirective, decorators: [{\n type: Directive,\n args: [{\n selector: \"[cdsTheme], [ibmTheme]\",\n exportAs: \"theme\"\n }]\n }], propDecorators: { ibmTheme: [{\n type: Input\n }], cdsTheme: [{\n type: Input\n }], layerChildren: [{\n type: ContentChildren,\n args: [LayerDirective, { descendants: false }]\n }], whiteThemeClass: [{\n type: HostBinding,\n args: [\"class.cds--white\"]\n }], g10ThemeClass: [{\n type: HostBinding,\n args: [\"class.cds--g10\"]\n }], g90ThemeClass: [{\n type: HostBinding,\n args: [\"class.cds--g90\"]\n }], g100ThemeClass: [{\n type: HostBinding,\n args: [\"class.cds--g100\"]\n }], layerClass: [{\n type: HostBinding,\n args: [\"class.cds--layer-one\"]\n }] } });\n\nclass ThemeModule {\n}\nThemeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: ThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nThemeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: ThemeModule, declarations: [ThemeDirective], imports: [CommonModule, LayerModule], exports: [ThemeDirective] });\nThemeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: ThemeModule, imports: [CommonModule, LayerModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: ThemeModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [ThemeDirective],\n exports: [ThemeDirective],\n imports: [CommonModule, LayerModule]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ThemeDirective, ThemeModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, Component, Optional, Input, Output, ViewChild, Directive, HostBinding, HostListener, TemplateRef, ContentChildren, NgModule } from '@angular/core';\nimport * as i1 from '@angular/router';\nimport * as i2 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i3 from 'carbon-components-angular/link';\nimport { LinkModule } from 'carbon-components-angular/link';\nimport { merge } from 'carbon-components-angular/utils';\nimport * as i1$1 from 'carbon-components-angular/i18n';\nimport { I18nModule } from 'carbon-components-angular/i18n';\nimport * as i3$1 from 'carbon-components-angular/icon';\nimport { IconModule } from 'carbon-components-angular/icon';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/**\n * Build application's clickable tiles using this component.\n *\n * ## Basic usage\n *\n * ```html\n * \n * \t\ttile content\n * \n * ```\n */\nclass ClickableTile {\n constructor(router) {\n this.router = router;\n /**\n * @deprecated since v5 - Use `cdsLayer` directive instead\n * Set to `\"light\"` to apply the light style\n */\n this.theme = \"dark\";\n /**\n * Sets the `href` attribute on the `cds-clickable-tile` element.\n */\n this.href = \"#\";\n /**\n * Set to `true` to disable the clickable tile.\n */\n this.disabled = false;\n /**\n * Emits the navigation status promise when the link is activated\n */\n this.navigation = new EventEmitter();\n }\n navigate(event) {\n if (this.router && this.route && !this.disabled) {\n event.preventDefault();\n const status = this.router.navigate(this.route, this.routeExtras);\n this.navigation.emit(status);\n }\n }\n}\nClickableTile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: ClickableTile, deps: [{ token: i1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });\nClickableTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: ClickableTile, selector: \"cds-clickable-tile, ibm-clickable-tile\", inputs: { theme: \"theme\", href: \"href\", target: \"target\", disabled: \"disabled\", route: \"route\", routeExtras: \"routeExtras\" }, outputs: { navigation: \"navigation\" }, ngImport: i0, template: `\n\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i3.Link, selector: \"[cdsLink], [ibmLink]\", inputs: [\"inline\", \"disabled\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: ClickableTile, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-clickable-tile, ibm-clickable-tile\",\n template: `\n\t\n\t\t\n\t`\n }]\n }], ctorParameters: function () { return [{ type: i1.Router, decorators: [{\n type: Optional\n }] }]; }, propDecorators: { theme: [{\n type: Input\n }], href: [{\n type: Input\n }], target: [{\n type: Input\n }], disabled: [{\n type: Input\n }], route: [{\n type: Input\n }], routeExtras: [{\n type: Input\n }], navigation: [{\n type: Output\n }] } });\n\nclass ExpandableTile {\n constructor(i18n, element) {\n this.i18n = i18n;\n this.element = element;\n /**\n * @deprecated since v5 - Use `cdsLayer` directive instead\n * Set to `\"light\"` to apply the light style\n */\n this.theme = \"dark\";\n /**\n * Controls the expanded state\n */\n this.expanded = false;\n /**\n * Controls the interactive state\n */\n this.interactive = false;\n this.tileMaxHeight = 0;\n this.currentExpandedHeight = 0;\n this.expand = this.i18n.getOverridable(\"TILES.EXPAND\");\n this.collapse = this.i18n.getOverridable(\"TILES.COLLAPSE\");\n }\n /**\n * Expects an object that contains some or all of:\n * ```\n * {\n *\t\t\"EXPAND\": \"Expand\",\n *\t\t\"COLLAPSE\": \"Collapse\",\n * }\n * ```\n */\n set translations(value) {\n const valueWithDefaults = merge(this.i18n.getMultiple(\"TILES\"), value);\n this.expand.override(valueWithDefaults.EXPAND);\n this.collapse.override(valueWithDefaults.COLLAPSE);\n }\n ngAfterViewInit() {\n this.updateMaxHeight();\n }\n get expandedHeight() {\n const tile = this.element.nativeElement.querySelector(\".cds--tile\");\n const tilePadding = parseInt(getComputedStyle(tile).paddingBottom, 10) + parseInt(getComputedStyle(tile).paddingTop, 10);\n const expandedHeight = this.tileMaxHeight + tilePadding;\n if (!isNaN(expandedHeight)) {\n this.currentExpandedHeight = expandedHeight;\n }\n return this.currentExpandedHeight;\n }\n updateMaxHeight() {\n if (this.expanded) {\n this.tileMaxHeight = this.tileContainer.nativeElement.getBoundingClientRect().height;\n }\n else {\n this.tileMaxHeight = this.element.nativeElement.querySelector(\".cds--tile-content__above-the-fold\").getBoundingClientRect().height;\n }\n }\n onClick() {\n this.expanded = !this.expanded;\n this.updateMaxHeight();\n }\n}\nExpandableTile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: ExpandableTile, deps: [{ token: i1$1.I18n }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });\nExpandableTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: ExpandableTile, selector: \"cds-expandable-tile, ibm-expandable-tile\", inputs: { theme: \"theme\", expanded: \"expanded\", interactive: \"interactive\", translations: \"translations\" }, viewQueries: [{ propertyName: \"tileContainer\", first: true, predicate: [\"container\"], descendants: true }], ngImport: i0, template: `\n\t\t\n\t\t\t\t\n\t\t\n\n\t\t\n\t\t\t\n\t\t\n\n\t\t\n\t\t\t\n\t\t\n\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i2.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"pipe\", type: i2.AsyncPipe, name: \"async\" }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SelectionTile, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-selection-tile, ibm-selection-tile\",\n template: `\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\n\t`\n }]\n }], ctorParameters: function () { return [{ type: i1$1.I18n }]; }, propDecorators: { theme: [{\n type: Input\n }], id: [{\n type: Input\n }], selected: [{\n type: Input\n }], value: [{\n type: Input\n }], change: [{\n type: Output\n }], disabled: [{\n type: Input\n }], input: [{\n type: ViewChild,\n args: [\"input\", { static: true }]\n }], keyboardInput: [{\n type: HostListener,\n args: [\"keydown\", [\"$event\"]]\n }] } });\n\nclass TileGroup {\n constructor() {\n /**\n * The tile group `name`\n */\n this.name = `tile-group-${TileGroup.tileGroupCount}`;\n /**\n * Set to `true` to support multiple tile selection\n */\n this.multiple = false;\n /**\n * Emits an event when the tile selection changes.\n *\n * Emits an object that looks like:\n * ```javascript\n * {\n * \tvalue: \"something\",\n * \tselected: true,\n * \tname: \"tile-group-1\"\n * }\n * ```\n */\n this.selected = new EventEmitter();\n this.tileGroupClass = true;\n this.unsubscribe$ = new Subject();\n this.unsubscribeTiles$ = new Subject();\n this.onChange = (_) => { };\n this.onTouched = () => { };\n TileGroup.tileGroupCount++;\n }\n ngAfterContentInit() {\n const updateTiles = () => {\n // remove old subscriptions\n this.unsubscribeTiles$.next();\n // react to changes\n // setTimeout to avoid ExpressionChangedAfterItHasBeenCheckedError\n setTimeout(() => {\n this.selectionTiles.forEach(tile => {\n tile.name = this.name;\n tile.change\n .pipe(takeUntil(this.unsubscribeTiles$))\n .subscribe(() => {\n this.selected.emit({\n value: tile.value,\n selected: tile.selected,\n name: this.name\n });\n this.onChange(tile.value);\n });\n tile.multiple = this.multiple;\n });\n });\n };\n updateTiles();\n this.selectionTiles.changes\n .pipe(takeUntil(this.unsubscribe$))\n .subscribe(_ => updateTiles());\n }\n ngOnDestroy() {\n this.unsubscribe$.next();\n this.unsubscribe$.complete();\n // takes care of tile subscriptions when tile-group dies\n this.unsubscribeTiles$.next();\n this.unsubscribeTiles$.complete();\n }\n writeValue(value) {\n if (!this.selectionTiles) {\n return;\n }\n this.selectionTiles.forEach(tile => {\n if (tile.value === value) {\n tile.selected = true;\n }\n else {\n tile.selected = false;\n }\n });\n }\n registerOnChange(fn) {\n this.onChange = fn;\n }\n registerOnTouched(fn) {\n this.onTouched = fn;\n }\n isTemplate(value) {\n return value instanceof TemplateRef;\n }\n}\nTileGroup.tileGroupCount = 0;\nTileGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TileGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });\nTileGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: TileGroup, selector: \"cds-tile-group, ibm-tile-group\", inputs: { name: \"name\", multiple: \"multiple\", legend: \"legend\" }, outputs: { selected: \"selected\" }, host: { properties: { \"class.cds--tile-group\": \"this.tileGroupClass\" } }, providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: TileGroup,\n multi: true\n }\n ], queries: [{ propertyName: \"selectionTiles\", predicate: SelectionTile }], ngImport: i0, template: `\n\t\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i2.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TileGroup, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-tile-group, ibm-tile-group\",\n template: `\n\t\t`,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: TileGroup,\n multi: true\n }\n ]\n }]\n }], ctorParameters: function () { return []; }, propDecorators: { name: [{\n type: Input\n }], multiple: [{\n type: Input\n }], legend: [{\n type: Input\n }], selected: [{\n type: Output\n }], tileGroupClass: [{\n type: HostBinding,\n args: [\"class.cds--tile-group\"]\n }], selectionTiles: [{\n type: ContentChildren,\n args: [SelectionTile]\n }] } });\n\n/**\n * Build application's tiles using this component.\n *\n * [See demo](../../?path=/story/components-tiles--basic)\n *\n * ## Basic usage\n *\n * ```html\n * \n * \t\ttile content\n * \n * ```\n */\nclass Tile {\n constructor() {\n this.tileClass = true;\n /**\n * @deprecated since v5 - Use `cdsLayer` directive instead\n * Set to `\"light\"` to apply the light style\n */\n this.theme = \"dark\";\n }\n get lightThemeEnabled() {\n return this.theme === \"light\";\n }\n}\nTile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Tile, deps: [], target: i0.ɵɵFactoryTarget.Component });\nTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: Tile, selector: \"cds-tile, ibm-tile\", inputs: { theme: \"theme\" }, host: { properties: { \"class.cds--tile\": \"this.tileClass\", \"class.cds--tile--light\": \"this.lightThemeEnabled\" } }, ngImport: i0, template: ``, isInline: true });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Tile, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-tile, ibm-tile\",\n template: ``\n }]\n }], propDecorators: { tileClass: [{\n type: HostBinding,\n args: [\"class.cds--tile\"]\n }], lightThemeEnabled: [{\n type: HostBinding,\n args: [\"class.cds--tile--light\"]\n }], theme: [{\n type: Input\n }] } });\n\nclass TilesModule {\n}\nTilesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TilesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nTilesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: TilesModule, declarations: [Tile,\n ClickableTile,\n ExpandableTileAboveFoldDirective,\n ExpandableTileBelowFoldDirective,\n ExpandableTile,\n SelectionTile,\n TileGroup], imports: [CommonModule,\n I18nModule,\n IconModule,\n LinkModule], exports: [Tile,\n ClickableTile,\n ExpandableTileAboveFoldDirective,\n ExpandableTileBelowFoldDirective,\n ExpandableTile,\n SelectionTile,\n TileGroup] });\nTilesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TilesModule, imports: [CommonModule,\n I18nModule,\n IconModule,\n LinkModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TilesModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n Tile,\n ClickableTile,\n ExpandableTileAboveFoldDirective,\n ExpandableTileBelowFoldDirective,\n ExpandableTile,\n SelectionTile,\n TileGroup\n ],\n exports: [\n Tile,\n ClickableTile,\n ExpandableTileAboveFoldDirective,\n ExpandableTileBelowFoldDirective,\n ExpandableTile,\n SelectionTile,\n TileGroup\n ],\n imports: [\n CommonModule,\n I18nModule,\n IconModule,\n LinkModule\n ]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { ClickableTile, ExpandableTile, ExpandableTileAboveFoldDirective, ExpandableTileBelowFoldDirective, SelectionTile, Tile, TileGroup, TilesModule };\n","import * as i0 from '@angular/core';\nimport { TemplateRef, Component, HostBinding, Input, ViewChild, HostListener, NgModule } from '@angular/core';\nimport { PopoverContainer, PopoverModule } from 'carbon-components-angular/popover';\nimport * as i1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\n\n/**\n * Default tooltip configuration for components to populate missing interface attributes\n */\nconst DEFAULT_TOOLTIP_CONFIG = {\n align: \"bottom\",\n caret: true,\n dropShadow: true,\n highContrast: true,\n isOpen: false,\n enterDelayMs: 100,\n leaveDelayMs: 300\n};\n\n/**\n * [See demo](../../?path=/story/components-tooltip--basic)\n */\nclass Tooltip extends PopoverContainer {\n constructor() {\n super();\n this.tooltipClass = true;\n this.id = `tooltip-${Tooltip.tooltipCount++}`;\n /**\n * Set delay before tooltip is shown\n */\n this.enterDelayMs = 100;\n /**\n * Set delay when tooltip disappears\n */\n this.leaveDelayMs = 300;\n /**\n * Prevent tooltip from showing, used by icon button\n */\n this.disabled = false;\n this.highContrast = true;\n this.dropShadow = false;\n }\n mouseenter(event) {\n setTimeout(() => {\n this.handleChange(true, event);\n }, this.enterDelayMs);\n }\n mouseleave(event) {\n setTimeout(() => {\n this.handleChange(false, event);\n }, this.leaveDelayMs);\n }\n hostkeys(event) {\n if (open && event.key === \"Escape\") {\n event.stopPropagation();\n this.handleChange(false, event);\n }\n }\n // We are not focusing on entire popover, only the trigger\n handleFocus(event) {\n this.handleChange(true, event);\n }\n handleFocusOut(event) {\n this.handleChange(false, event);\n }\n isTemplate(value) {\n return value instanceof TemplateRef;\n }\n /**\n * Check for any changes in the projected content & apply accessibility attribute if needed\n */\n ngAfterContentChecked() {\n if (this.wrapper) {\n const buttonElement = this.wrapper.nativeElement.querySelector(\"button\");\n if (buttonElement && !buttonElement.getAttribute(\"aria-labelledby\")) {\n buttonElement.setAttribute(\"aria-labelledby\", this.id);\n }\n }\n }\n}\nTooltip.tooltipCount = 0;\nTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Tooltip, deps: [], target: i0.ɵɵFactoryTarget.Component });\nTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: Tooltip, selector: \"cds-tooltip, ibm-tooltip\", inputs: { id: \"id\", enterDelayMs: \"enterDelayMs\", leaveDelayMs: \"leaveDelayMs\", disabled: \"disabled\", description: \"description\" }, host: { listeners: { \"mouseenter\": \"mouseenter($event)\", \"mouseleave\": \"mouseleave($event)\", \"keyup\": \"hostkeys($event)\", \"focusin\": \"handleFocus($event)\", \"focusout\": \"handleFocusOut($event)\" }, properties: { \"class.cds--tooltip\": \"this.tooltipClass\" } }, viewQueries: [{ propertyName: \"wrapper\", first: true, predicate: [\"contentWrapper\"], descendants: true }], usesInheritance: true, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{{description}}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Tooltip, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-tooltip, ibm-tooltip\",\n template: `\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{{description}}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t`\n }]\n }], ctorParameters: function () { return []; }, propDecorators: { tooltipClass: [{\n type: HostBinding,\n args: [\"class.cds--tooltip\"]\n }], id: [{\n type: Input\n }], enterDelayMs: [{\n type: Input\n }], leaveDelayMs: [{\n type: Input\n }], disabled: [{\n type: Input\n }], description: [{\n type: Input\n }], wrapper: [{\n type: ViewChild,\n args: [\"contentWrapper\"]\n }], mouseenter: [{\n type: HostListener,\n args: [\"mouseenter\", [\"$event\"]]\n }], mouseleave: [{\n type: HostListener,\n args: [\"mouseleave\", [\"$event\"]]\n }], hostkeys: [{\n type: HostListener,\n args: [\"keyup\", [\"$event\"]]\n }], handleFocus: [{\n type: HostListener,\n args: [\"focusin\", [\"$event\"]]\n }], handleFocusOut: [{\n type: HostListener,\n args: [\"focusout\", [\"$event\"]]\n }] } });\n\n/**\n * [See demo](../../?path=/story/components-tooltip-definition--basic)\n */\nclass TooltipDefinition extends PopoverContainer {\n constructor() {\n super();\n this.id = `tooltip-definition-${TooltipDefinition.tooltipCount++}`;\n /**\n * Override alignment options\n */\n this.align = \"bottom\";\n this.highContrast = true;\n this.dropShadow = false;\n }\n onBlur(event) {\n this.handleChange(false, event);\n }\n onClick(event) {\n this.handleChange(!this.isOpen, event);\n }\n hostkeys(event) {\n if (this.isOpen && event.key === \"Escape\") {\n event.stopPropagation();\n this.handleChange(false, event);\n }\n }\n mouseleave(event) {\n this.handleChange(false, event);\n }\n isTemplate(value) {\n return value instanceof TemplateRef;\n }\n}\nTooltipDefinition.tooltipCount = 0;\nTooltipDefinition.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TooltipDefinition, deps: [], target: i0.ɵɵFactoryTarget.Component });\nTooltipDefinition.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: TooltipDefinition, selector: \"cds-tooltip-definition, ibm-tooltip-definition\", inputs: { id: \"id\", align: \"align\", description: \"description\" }, host: { listeners: { \"keyup\": \"hostkeys($event)\", \"mouseleave\": \"mouseleave($event)\" } }, usesInheritance: true, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{description}}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TooltipDefinition, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-tooltip-definition, ibm-tooltip-definition\",\n template: `\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{description}}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t`\n }]\n }], ctorParameters: function () { return []; }, propDecorators: { id: [{\n type: Input\n }], align: [{\n type: Input\n }], description: [{\n type: Input\n }], hostkeys: [{\n type: HostListener,\n args: [\"keyup\", [\"$event\"]]\n }], mouseleave: [{\n type: HostListener,\n args: [\"mouseleave\", [\"$event\"]]\n }] } });\n\nclass TooltipModule {\n}\nTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: TooltipModule, declarations: [Tooltip,\n TooltipDefinition], imports: [CommonModule, PopoverModule], exports: [Tooltip,\n TooltipDefinition] });\nTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TooltipModule, imports: [CommonModule, PopoverModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: TooltipModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n Tooltip,\n TooltipDefinition\n ],\n exports: [\n Tooltip,\n TooltipDefinition\n ],\n imports: [CommonModule, PopoverModule]\n }]\n }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { DEFAULT_TOOLTIP_CONFIG, Tooltip, TooltipDefinition, TooltipModule };\n","import * as i0 from '@angular/core';\nimport { EventEmitter, TemplateRef, Component, Optional, Input, Output, HostBinding, HostListener, NgModule, ContentChildren, ViewEncapsulation } from '@angular/core';\nimport * as i2$1 from '@angular/common';\nimport { CommonModule } from '@angular/common';\nimport * as i1$2 from 'carbon-components-angular/button';\nimport { BaseIconButton, ButtonModule } from 'carbon-components-angular/button';\nimport * as i1 from 'carbon-components-angular/i18n';\nimport { I18nModule } from 'carbon-components-angular/i18n';\nimport * as i3 from 'carbon-components-angular/icon';\nimport { IconModule } from 'carbon-components-angular/icon';\nimport * as i1$1 from '@angular/platform-browser';\nimport * as i2 from '@angular/router';\nimport { RouterModule } from '@angular/router';\nimport { Subscription } from 'rxjs';\n\n/**\n * A fixed header and navigation.\n * Header may contain a Hamburger menu to toggle the side navigation, navigation actions,\n * and global actions (generally in the form of `Panel`s).\n *\n * [See demo](../../?path=/story/components-ui-shell--header)\n */\nclass Header {\n constructor(i18n, domSanitizer, router) {\n this.i18n = i18n;\n this.domSanitizer = domSanitizer;\n this.router = router;\n /**\n * Top level branding. Defaults to \"IBM\"\n */\n this.brand = \"IBM\";\n /**\n * Use the routerLink attribute on tag for navigation instead of using event handlers\n */\n this.useRouter = false;\n /**\n * Emits the navigation status promise when the link is activated\n */\n this.navigation = new EventEmitter();\n this._href = \"#\";\n }\n /**\n * Optional link for the header\n */\n set href(v) {\n this._href = v;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n isTemplate(value) {\n return value instanceof TemplateRef;\n }\n navigate(event) {\n if (this.router && this.route) {\n event.preventDefault();\n const status = this.router.navigate(this.route, this.routeExtras);\n this.navigation.emit(status);\n }\n else if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n}\nHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Header, deps: [{ token: i1.I18n }, { token: i1$1.DomSanitizer }, { token: i2.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });\nHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: Header, selector: \"cds-header, ibm-header\", inputs: { skipTo: \"skipTo\", name: \"name\", brand: \"brand\", href: \"href\", route: \"route\", routeExtras: \"routeExtras\", useRouter: \"useRouter\" }, outputs: { navigation: \"navigation\" }, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{{name}}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{{name}}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2$1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"directive\", type: i2$1.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2$1.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"directive\", type: i2.RouterLinkWithHref, selector: \"a[routerLink],area[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"pipe\", type: i2$1.AsyncPipe, name: \"async\" }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Header, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-header, ibm-header\",\n template: `\n\t\t\n\t\t\t\n\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{{name}}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{{name}}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t`\n }]\n }], ctorParameters: function () { return [{ type: i1.I18n }, { type: i1$1.DomSanitizer }, { type: i2.Router, decorators: [{\n type: Optional\n }] }]; }, propDecorators: { skipTo: [{\n type: Input\n }], name: [{\n type: Input\n }], brand: [{\n type: Input\n }], href: [{\n type: Input\n }], route: [{\n type: Input\n }], routeExtras: [{\n type: Input\n }], useRouter: [{\n type: Input\n }], navigation: [{\n type: Output\n }] } });\n\n/**\n * Individual item in the header. May be used a direct child of `HeaderNavigation` or `HeaderMenu`\n */\nclass HeaderItem {\n constructor(domSanitizer, router) {\n this.domSanitizer = domSanitizer;\n this.router = router;\n this.role = \"listitem\";\n /**\n * Use the routerLink attribute on tag for navigation instead of using event handlers\n */\n this.useRouter = false;\n /**\n * Emits the navigation status promise when the link is activated\n */\n this.navigation = new EventEmitter();\n this._href = \"#\";\n }\n set href(v) {\n // Needed when component is created dynamically with a model.\n if (v === undefined) {\n return;\n }\n this._href = v;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n navigate(event) {\n if (this.router && this.route) {\n event.preventDefault();\n const status = this.router.navigate(this.route, this.routeExtras);\n this.navigation.emit(status);\n }\n else if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n}\nHeaderItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderItem, deps: [{ token: i1$1.DomSanitizer }, { token: i2.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });\nHeaderItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: HeaderItem, selector: \"cds-header-item, ibm-header-item\", inputs: { href: \"href\", useRouter: \"useRouter\", activeLinkClass: \"activeLinkClass\", isCurrentPage: \"isCurrentPage\", route: \"route\", routeExtras: \"routeExtras\" }, outputs: { navigation: \"navigation\" }, host: { properties: { \"attr.role\": \"this.role\" } }, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t`, isInline: true, styles: [\":host{display:list-item}\\n\"], dependencies: [{ kind: \"directive\", type: i2$1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2$1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"directive\", type: i2$1.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i2$1.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"directive\", type: i2.RouterLinkWithHref, selector: \"a[routerLink],area[routerLink]\", inputs: [\"target\", \"queryParams\", \"fragment\", \"queryParamsHandling\", \"state\", \"relativeTo\", \"preserveFragment\", \"skipLocationChange\", \"replaceUrl\", \"routerLink\"] }, { kind: \"directive\", type: i2.RouterLinkActive, selector: \"[routerLinkActive]\", inputs: [\"routerLinkActiveOptions\", \"ariaCurrentWhenActive\", \"routerLinkActive\"], outputs: [\"isActiveChange\"], exportAs: [\"routerLinkActive\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderItem, decorators: [{\n type: Component,\n args: [{ selector: \"cds-header-item, ibm-header-item\", template: `\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t`, styles: [\":host{display:list-item}\\n\"] }]\n }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }, { type: i2.Router, decorators: [{\n type: Optional\n }] }]; }, propDecorators: { role: [{\n type: HostBinding,\n args: [\"attr.role\"]\n }], href: [{\n type: Input\n }], useRouter: [{\n type: Input\n }], activeLinkClass: [{\n type: Input\n }], isCurrentPage: [{\n type: Input\n }], route: [{\n type: Input\n }], routeExtras: [{\n type: Input\n }], navigation: [{\n type: Output\n }] } });\n\n/**\n * Dropdown menu container for navigation items.\n */\nclass HeaderMenu {\n constructor(domSanitizer, elementRef) {\n this.domSanitizer = domSanitizer;\n this.elementRef = elementRef;\n this.subMenu = true;\n this.role = \"listitem\";\n this.trigger = \"click\";\n this.expanded = false;\n this._href = \"#\";\n }\n set href(v) {\n // Needed when component is created dynamically with a model.\n if (v === undefined) {\n return;\n }\n this._href = v;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n onClick() {\n if (this.trigger === \"click\") {\n this.expanded = !this.expanded;\n }\n }\n onMouseOver() {\n if (this.trigger === \"mouseover\") {\n this.expanded = true;\n }\n }\n onMouseOut() {\n if (this.trigger === \"mouseover\") {\n this.expanded = false;\n }\n }\n onFocusOut(event) {\n if (!this.elementRef.nativeElement.contains(event.relatedTarget)) {\n this.expanded = false;\n }\n }\n navigate(event) {\n if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n}\nHeaderMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderMenu, deps: [{ token: i1$1.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });\nHeaderMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: HeaderMenu, selector: \"cds-header-menu, ibm-header-menu\", inputs: { title: \"title\", href: \"href\", trigger: \"trigger\", headerItems: \"headerItems\", icon: \"icon\" }, host: { listeners: { \"click\": \"onClick()\", \"mouseover\": \"onMouseOver()\", \"mouseout\": \"onMouseOut()\", \"focusout\": \"onFocusOut($event)\" }, properties: { \"class.cds--header__submenu\": \"this.subMenu\", \"attr.role\": \"this.role\" } }, ngImport: i0, template: `\n\t\t\n\t\t\t{{title}}\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t`, isInline: true, styles: [\":host{display:list-item}\\n\"], dependencies: [{ kind: \"directive\", type: i2$1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i2$1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"component\", type: HeaderItem, selector: \"cds-header-item, ibm-header-item\", inputs: [\"href\", \"useRouter\", \"activeLinkClass\", \"isCurrentPage\", \"route\", \"routeExtras\"], outputs: [\"navigation\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderMenu, decorators: [{\n type: Component,\n args: [{ selector: \"cds-header-menu, ibm-header-menu\", template: `\n\t\t\n\t\t\t{{title}}\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t`, styles: [\":host{display:list-item}\\n\"] }]\n }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }, { type: i0.ElementRef }]; }, propDecorators: { subMenu: [{\n type: HostBinding,\n args: [\"class.cds--header__submenu\"]\n }], role: [{\n type: HostBinding,\n args: [\"attr.role\"]\n }], title: [{\n type: Input\n }], href: [{\n type: Input\n }], trigger: [{\n type: Input\n }], headerItems: [{\n type: Input\n }], icon: [{\n type: Input\n }], onClick: [{\n type: HostListener,\n args: [\"click\"]\n }], onMouseOver: [{\n type: HostListener,\n args: [\"mouseover\"]\n }], onMouseOut: [{\n type: HostListener,\n args: [\"mouseout\"]\n }], onFocusOut: [{\n type: HostListener,\n args: [\"focusout\", [\"$event\"]]\n }] } });\n\n/**\n * Container for header navigation items\n */\nclass HeaderNavigation {\n constructor() {\n this.height = 100;\n }\n}\nHeaderNavigation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component });\nHeaderNavigation.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: HeaderNavigation, selector: \"cds-header-navigation, ibm-header-navigation\", inputs: { ariaLabel: \"ariaLabel\", navigationItems: \"navigationItems\" }, host: { properties: { \"style.height.%\": \"this.height\" } }, ngImport: i0, template: `\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i2$1.NgForOf, selector: \"[ngFor][ngForOf]\", inputs: [\"ngForOf\", \"ngForTrackBy\", \"ngForTemplate\"] }, { kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"component\", type: HeaderItem, selector: \"cds-header-item, ibm-header-item\", inputs: [\"href\", \"useRouter\", \"activeLinkClass\", \"isCurrentPage\", \"route\", \"routeExtras\"], outputs: [\"navigation\"] }, { kind: \"component\", type: HeaderMenu, selector: \"cds-header-menu, ibm-header-menu\", inputs: [\"title\", \"href\", \"trigger\", \"headerItems\", \"icon\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderNavigation, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-header-navigation, ibm-header-navigation\",\n template: `\n\t\t\n\t`\n }]\n }], propDecorators: { height: [{\n type: HostBinding,\n args: [\"style.height.%\"]\n }], ariaLabel: [{\n type: Input\n }], navigationItems: [{\n type: Input\n }] } });\n\n/**\n * Container for `HeaderAction`s.\n */\nclass HeaderGlobal {\n constructor() {\n this.hostClass = true;\n }\n}\nHeaderGlobal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderGlobal, deps: [], target: i0.ɵɵFactoryTarget.Component });\nHeaderGlobal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: HeaderGlobal, selector: \"cds-header-global, ibm-header-global\", host: { properties: { \"class.cds--header__global\": \"this.hostClass\" } }, ngImport: i0, template: `\n\t\t\n\t`, isInline: true });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderGlobal, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-header-global, ibm-header-global\",\n template: `\n\t\t\n\t`\n }]\n }], propDecorators: { hostClass: [{\n type: HostBinding,\n args: [\"class.cds--header__global\"]\n }] } });\n\n/**\n * Contained by `HeaderGlobal`. Generally used to trigger `Panel`s\n */\nclass HeaderAction extends BaseIconButton {\n constructor() {\n super(...arguments);\n /**\n * Toggles the active state. May be used to toggle a `Panel`s active state.\n */\n this.active = false;\n /**\n * \"Change\" emitter to allow double binding to the `active` Input.\n */\n this.activeChange = new EventEmitter();\n /**\n * Emits when the action has been clicked.\n */\n this.selected = new EventEmitter();\n }\n onClick() {\n this.active = !this.active;\n this.selected.emit(this.active);\n this.activeChange.emit(this.active);\n }\n}\nHeaderAction.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderAction, deps: null, target: i0.ɵɵFactoryTarget.Component });\nHeaderAction.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: HeaderAction, selector: \"cds-header-action, ibm-header-action\", inputs: { description: \"description\", ariaLabel: \"ariaLabel\", active: \"active\" }, outputs: { activeChange: \"activeChange\", selected: \"selected\" }, usesInheritance: true, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"component\", type: i1$2.IconButton, selector: \"cds-icon-button, ibm-icon-button\", inputs: [\"buttonNgClass\", \"buttonAttributes\", \"buttonId\", \"kind\", \"size\", \"type\", \"isExpressive\", \"disabled\", \"description\"], outputs: [\"click\", \"focus\", \"blur\", \"tooltipClick\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderAction, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-header-action, ibm-header-action\",\n template: `\n\t\t\n\t\t\t\n\t\t\n\t`\n }]\n }], propDecorators: { description: [{\n type: Input\n }], ariaLabel: [{\n type: Input\n }], active: [{\n type: Input\n }], activeChange: [{\n type: Output\n }], selected: [{\n type: Output\n }] } });\n\n/**\n * A toggle for the side navigation\n */\nclass Hamburger {\n constructor(i18n) {\n this.i18n = i18n;\n /**\n * Controls the active/selected state for the `Hamburger` menu.\n */\n this.active = false;\n /**\n * `EventEmitter` to notify parent components of menu click events.\n */\n this.selected = new EventEmitter();\n }\n /**\n * Emit the Hamburger click event upwards.\n */\n doClick() {\n this.selected.emit(this.active);\n }\n}\nHamburger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Hamburger, deps: [{ token: i1.I18n }], target: i0.ɵɵFactoryTarget.Component });\nHamburger.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: Hamburger, selector: \"cds-hamburger, ibm-hamburger\", inputs: { active: \"active\" }, outputs: { selected: \"selected\" }, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t`, isInline: true, dependencies: [{ kind: \"directive\", type: i2$1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i3.IconDirective, selector: \"[cdsIcon], [ibmIcon]\", inputs: [\"ibmIcon\", \"cdsIcon\", \"size\", \"title\", \"ariaLabel\", \"ariaLabelledBy\", \"ariaHidden\", \"isFocusable\"] }, { kind: \"pipe\", type: i2$1.AsyncPipe, name: \"async\" }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: Hamburger, decorators: [{\n type: Component,\n args: [{\n selector: \"cds-hamburger, ibm-hamburger\",\n template: `\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t`\n }]\n }], ctorParameters: function () { return [{ type: i1.I18n }]; }, propDecorators: { active: [{\n type: Input\n }], selected: [{\n type: Output\n }] } });\n\nclass HeaderModule {\n}\nHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\nHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderModule, declarations: [Header,\n HeaderItem,\n HeaderMenu,\n HeaderNavigation,\n HeaderGlobal,\n HeaderAction,\n Hamburger], imports: [CommonModule,\n ButtonModule,\n I18nModule,\n IconModule,\n RouterModule], exports: [Header,\n HeaderItem,\n HeaderMenu,\n HeaderNavigation,\n HeaderGlobal,\n HeaderAction,\n Hamburger] });\nHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderModule, imports: [CommonModule,\n ButtonModule,\n I18nModule,\n IconModule,\n RouterModule] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: HeaderModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [\n Header,\n HeaderItem,\n HeaderMenu,\n HeaderNavigation,\n HeaderGlobal,\n HeaderAction,\n Hamburger\n ],\n imports: [\n CommonModule,\n ButtonModule,\n I18nModule,\n IconModule,\n RouterModule\n ],\n exports: [\n Header,\n HeaderItem,\n HeaderMenu,\n HeaderNavigation,\n HeaderGlobal,\n HeaderAction,\n Hamburger\n ]\n }]\n }] });\n\n/**\n * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n */\nclass SideNavItem {\n constructor(domSanitizer, router) {\n this.domSanitizer = domSanitizer;\n this.router = router;\n /**\n * Toggles the active (current page) state for the link.\n */\n this.active = false;\n this.isSubMenu = false;\n /**\n * Emits the navigation status promise when the link is activated\n */\n this.navigation = new EventEmitter();\n /**\n * Emits when `active` input is changed. This is mainly used to indicate to any parent menu items that a\n * child sidenav item is active or not active.\n */\n this.selected = new EventEmitter();\n this.role = \"listitem\";\n this._href = \"#\";\n }\n /**\n * Link for the item. NOTE: *do not* pass unsafe or untrusted values, this has the potential to open you up to XSS attacks\n */\n set href(v) {\n // Needed when component is created dynamically with a model.\n if (v === undefined) {\n return;\n }\n this._href = v;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n get sideNav() {\n return !this.isSubMenu;\n }\n get menuItem() {\n return this.isSubMenu;\n }\n ngOnChanges(changes) {\n if (changes.active) {\n this.selected.emit(this.active);\n }\n }\n navigate(event) {\n if (this.router && this.route) {\n event.preventDefault();\n const status = this.router.navigate(this.route, this.routeExtras);\n this.navigation.emit(status);\n }\n else if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n}\nSideNavItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SideNavItem, deps: [{ token: i1$1.DomSanitizer }, { token: i2.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });\nSideNavItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: SideNavItem, selector: \"cds-sidenav-item, ibm-sidenav-item\", inputs: { href: \"href\", active: \"active\", route: \"route\", isSubMenu: \"isSubMenu\", routeExtras: \"routeExtras\", title: \"title\" }, outputs: { navigation: \"navigation\", selected: \"selected\" }, host: { properties: { \"class.cds--side-nav__item\": \"this.sideNav\", \"class.cds--side-nav__menu-item\": \"this.menuItem\", \"attr.role\": \"this.role\" } }, usesOnChanges: true, ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t`, isInline: true, styles: [\":host{display:list-item}\\n\"], dependencies: [{ kind: \"directive\", type: i2$1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i2$1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SideNavItem, decorators: [{\n type: Component,\n args: [{ selector: \"cds-sidenav-item, ibm-sidenav-item\", template: `\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t`, styles: [\":host{display:list-item}\\n\"] }]\n }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }, { type: i2.Router, decorators: [{\n type: Optional\n }] }]; }, propDecorators: { href: [{\n type: Input\n }], sideNav: [{\n type: HostBinding,\n args: [\"class.cds--side-nav__item\"]\n }], menuItem: [{\n type: HostBinding,\n args: [\"class.cds--side-nav__menu-item\"]\n }], active: [{\n type: Input\n }], route: [{\n type: Input\n }], isSubMenu: [{\n type: Input\n }], routeExtras: [{\n type: Input\n }], title: [{\n type: Input\n }], navigation: [{\n type: Output\n }], selected: [{\n type: Output\n }], role: [{\n type: HostBinding,\n args: [\"attr.role\"]\n }] } });\n\n/**\n * `SideNavMenu` provides a method to group `SideNavItem`s under a common heading.\n */\nclass SideNavMenu {\n constructor() {\n this.navItem = true;\n this.navItemIcon = true;\n this.role = \"listitem\";\n /**\n * Controls the visibility of the child `SideNavItem`s\n */\n this.expanded = false;\n /**\n * Controls the active status indicator on the menu if there is an active\n * child sidenav item.\n */\n this.hasActiveChild = false;\n this.activeItemsSubscription = new Subscription();\n }\n get navItemActive() {\n return this.hasActiveChild;\n }\n ngAfterContentInit() {\n setTimeout(() => {\n this.sidenavItems.forEach(item => {\n item.isSubMenu = true;\n this.findActiveChildren();\n const activeItemSubscription = item.selected.subscribe(() => {\n this.findActiveChildren();\n });\n this.activeItemsSubscription.add(activeItemSubscription);\n });\n this.sidenavItems.changes.subscribe(() => {\n this.sidenavItems.forEach(item => {\n item.isSubMenu = true;\n this.findActiveChildren();\n const activeItemSubscription = item.selected.subscribe(() => {\n this.findActiveChildren();\n });\n this.activeItemsSubscription.add(activeItemSubscription);\n });\n });\n });\n }\n ngOnDestroy() {\n this.activeItemsSubscription.unsubscribe();\n }\n toggle() {\n this.expanded = !this.expanded;\n }\n findActiveChildren() {\n this.hasActiveChild = this.sidenavItems.some(item => item.active);\n }\n}\nSideNavMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"14.3.0\", ngImport: i0, type: SideNavMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });\nSideNavMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"14.3.0\", type: SideNavMenu, selector: \"cds-sidenav-menu, ibm-sidenav-menu\", inputs: { title: \"title\", expanded: \"expanded\", hasActiveChild: \"hasActiveChild\", menuItems: \"menuItems\" }, host: { properties: { \"class.cds--side-nav__item\": \"this.navItem\", \"class.cds--side-nav__item--icon\": \"this.navItemIcon\", \"class.cds--side-nav__item--active\": \"this.navItemActive\", \"attr.role\": \"this.role\" } }, queries: [{ propertyName: \"sidenavItems\", predicate: SideNavItem }], ngImport: i0, template: `\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t