carbon-components-angular 6.0.0-rc.21 → 6.0.0-rc.22

package/docs/storybook/117.bb979a2a.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[117],{"./src/button/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{TV:()=>BaseIconButton,$n:()=>Button,tm:()=>ButtonModule,Te:()=>ButtonSet,K0:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Button=class Button{constructor(){this.cdsButton="primary",this.skeleton=!1,this.iconOnly=!1,this.isExpressive=!1,this.baseClass=!0}set ibmButton(type){this.cdsButton=type}get primaryButton(){return"primary"===this.cdsButton||!this.cdsButton}get secondaryButton(){return"secondary"===this.cdsButton}get tertiaryButton(){return"tertiary"===this.cdsButton}get ghostButton(){return"ghost"===this.cdsButton}get dangerButton(){return"danger"===this.cdsButton||"danger--primary"===this.cdsButton}get dangerTertiary(){return"danger--tertiary"===this.cdsButton}get dangerGhost(){return"danger--ghost"===this.cdsButton}get extraSmallSize(){return"xs"===this.size&&!this.isExpressive}get smallSize(){return"sm"===this.size&&!this.isExpressive}get mediumSize(){return"md"===this.size&&!this.isExpressive}get largeSize(){return"lg"===this.size}get extraLargeSize(){return"xl"===this.size}get twoExtraLargeSize(){return"2xl"===this.size}get extraSmallLayoutSize(){return"xs"===this.size&&!this.isExpressive}get smallLayoutSize(){return"sm"===this.size&&!this.isExpressive}get mediumLayoutSize(){return"md"===this.size&&!this.isExpressive}get largeLayoutSize(){return"lg"===this.size}get extraLargeLayoutSize(){return"xl"===this.size}get twoExtraLargeLayoutSize(){return"2xl"===this.size}static{this.propDecorators={ibmButton:[{type:core.Input}],cdsButton:[{type:core.Input}],size:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],iconOnly:[{type:core.HostBinding,args:["class.cds--btn--icon-only"]},{type:core.Input}],isExpressive:[{type:core.HostBinding,args:["class.cds--btn--expressive"]},{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--btn"]}],primaryButton:[{type:core.HostBinding,args:["class.cds--btn--primary"]}],secondaryButton:[{type:core.HostBinding,args:["class.cds--btn--secondary"]}],tertiaryButton:[{type:core.HostBinding,args:["class.cds--btn--tertiary"]}],ghostButton:[{type:core.HostBinding,args:["class.cds--btn--ghost"]}],dangerButton:[{type:core.HostBinding,args:["class.cds--btn--danger"]}],dangerTertiary:[{type:core.HostBinding,args:["class.cds--btn--danger--tertiary"]}],dangerGhost:[{type:core.HostBinding,args:["class.cds--btn--danger--ghost"]}],extraSmallSize:[{type:core.HostBinding,args:["class.cds--btn--xs"]}],smallSize:[{type:core.HostBinding,args:["class.cds--btn--sm"]}],mediumSize:[{type:core.HostBinding,args:["class.cds--btn--md"]}],largeSize:[{type:core.HostBinding,args:["class.cds--btn--lg"]}],extraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--xl"]}],twoExtraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--2xl"]}],extraSmallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xs"]}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],extraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xl"]}],twoExtraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-2xl"]}]}}};Button=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsButton], [ibmButton]",standalone:!0})],Button);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0,this.fluid=!1,this.stacked=!1}get fluidClass(){return this.fluid}get stackedClass(){return this.stacked}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}],fluid:[{type:core.Input}],stacked:[{type:core.Input}],fluidClass:[{type:core.HostBinding,args:["class.cds--btn-set--fluid"]}],stackedClass:[{type:core.HostBinding,args:["class.cds--btn-set--stacked"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:'\n\t\t@if (fluid) {\n\t\t\t<div class="cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack">\n\t\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t\t</div>\n\t\t}\n\t\t@if (!fluid) {\n\t\t\t<ng-container *ngTemplateOutlet="content" />\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],ButtonSet);let BaseIconButton=class BaseIconButton{constructor(){this.caret=!0,this.dropShadow=!0,this.highContrast=!0,this.isOpen=!1,this.align="bottom",this.autoAlign=!1,this.enterDelayMs=100,this.leaveDelayMs=300}static{this.propDecorators={caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],isOpen:[{type:core.Input}],align:[{type:core.Input}],autoAlign:[{type:core.Input}],enterDelayMs:[{type:core.Input}],leaveDelayMs:[{type:core.Input}]}}};BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],BaseIconButton);var IconButton_1,tooltip=__webpack_require__("./src/tooltip/index.ts");let IconButton=class IconButton extends BaseIconButton{static{IconButton_1=this}set buttonNgClass(obj){this.classList=Object.assign({"cds--btn--disabled":this.disabled},obj)}get buttonNgClass(){return this.classList}set buttonAttributes(obj){this.button&&(Object.keys(this.attributeList).forEach((key=>{this.renderer.removeAttribute(this.button.nativeElement,key)})),Object.keys(obj).forEach((key=>{this.renderer.setAttribute(this.button.nativeElement,key,obj[key])}))),this.attributeList=obj}get buttonAttributes(){return this.buttonAttributes}static{this.iconButtonCounter=0}constructor(renderer){super(),this.renderer=renderer,this.buttonId="icon-btn-"+IconButton_1.iconButtonCounter++,this.kind="primary",this.size="lg",this.type="button",this.isExpressive=!1,this.disabled=!1,this.showTooltipWhenDisabled=!1,this.click=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.tooltipClick=new core.EventEmitter,this.classList={},this.attributeList={}}ngAfterViewInit(){this.buttonAttributes=this.attributeList}emitClickEvent(event,element="button"){event.preventDefault(),event.stopPropagation(),"tooltip"!==element?this.click.emit(event):this.tooltipClick.emit(event)}static{this.ctorParameters=()=>[{type:core.Renderer2}]}static{this.propDecorators={buttonNgClass:[{type:core.Input}],buttonAttributes:[{type:core.Input}],button:[{type:core.ViewChild,args:["button"]}],buttonId:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],type:[{type:core.Input}],isExpressive:[{type:core.Input}],disabled:[{type:core.Input}],description:[{type:core.Input}],showTooltipWhenDisabled:[{type:core.Input}],click:[{type:core.Output}],focus:[{type:core.Output}],blur:[{type:core.Output}],tooltipClick:[{type:core.Output}]}}};IconButton=IconButton_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-icon-button, ibm-icon-button",template:'\n\t<cds-tooltip\n\t\tclass="cds--icon-tooltip"\n\t\t[description]="description"\n\t\t[disabled]="showTooltipWhenDisabled ? false : disabled"\n\t\t[caret]="caret"\n\t\t[dropShadow]="dropShadow"\n\t\t[highContrast]="highContrast"\n\t\t[isOpen]="isOpen"\n\t\t[align]="align"\n\t\t[autoAlign]="autoAlign"\n\t\t[enterDelayMs]="enterDelayMs"\n\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t(click)="emitClickEvent($event, \'tooltip\')">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]="buttonId"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.type]="type"\n\t\t\t[iconOnly]="true"\n\t\t\t[ngClass]="buttonNgClass"\n\t\t\t[cdsButton]="kind"\n\t\t\t[size]="size"\n\t\t\t[isExpressive]="isExpressive"\n\t\t\t(click)="emitClickEvent($event)"\n\t\t\t(focus)="focus.emit($event)"\n\t\t\t(blur)="blur.emit($event)">\n\t\t\t<ng-content />\n\t\t</button>\n\t</cds-tooltip>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[tooltip.m_,common_module_Dx7dWex5.YU,Button]})],IconButton);let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Button,ButtonSet,IconButton],imports:[common_module_Dx7dWex5.MD,tooltip.Ss,Button,ButtonSet,BaseIconButton,IconButton]})],ButtonModule)},"./src/experimental/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{hI:()=>EXPERIMENTAL_SERVICE_PROVIDER,bq:()=>ExperimentalModule,ks:()=>ExperimentalService});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let ExperimentalService=class ExperimentalService{constructor(){this.experiments=new Map}addExperiment(name,options={enabled:!1}){this.experiments.has(name)||this.experiments.set(name,options)}enableExperiment(name){this.getExperiment(name).enabled=!0}disableExperiment(name){this.getExperiment(name).enabled=!1}getExperiment(name){return this.experiments.has(name)?this.experiments.get(name):(this.addExperiment(name),this.getExperiment(name))}getExperiments(){return Array.from(this.experiments.entries())}};ExperimentalService=(0,tslib_es6.Cg)([(0,core.Injectable)()],ExperimentalService);const EXPERIMENTAL_SERVICE_PROVIDER={provide:ExperimentalService,deps:[[new core.Optional,new core.SkipSelf,ExperimentalService]],useFactory:function EXPERIMENTAL_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new ExperimentalService}};let ExperimentalModule=class ExperimentalModule{};ExperimentalModule=(0,tslib_es6.Cg)([(0,core.NgModule)({providers:[ExperimentalService,EXPERIMENTAL_SERVICE_PROVIDER]})],ExperimentalModule)},"./src/icon/icon.directive.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/placeholder/index.ts");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root,xmlns="http://www.w3.org/2000/svg";svg.setAttribute("xmlns",xmlns);const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElementNS(xmlns,"title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_2__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cdsIcon], [ibmIcon]",providers:[carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__.F2],standalone:!0})],IconDirective)},"./src/icon/icon.module.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/icon.directive.ts");let IconModule=class IconModule{};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.MD,_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L]})],IconModule)},"./src/icon/icon.service.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/arrow--down/16.js"),_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/arrows--vertical/16.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox/16.js"),_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox--checked--filled/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__=__webpack_require__("./node_modules/@carbon/icons/es/undo/16.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super(`Size ${size} for ${name} not found`)}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)||this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache,this.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__.A,_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__.A])}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){let{size,attrs:{width}}=descriptor;this.iconCache.set(name,(size??width).toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg||(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}static{this.ctorParameters=()=>[]}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconService)},"./src/icon/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.o,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/link/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{N_:()=>Link,VM:()=>LinkModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Link=class Link{constructor(){this.baseClass=!0,this.inline=!1,this.visited=!1}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizeLg(){return"lg"===this.size}set disabled(disabled){this._disabled=disabled,this.tabindex=this.disabled?-1:null}get disabled(){return this._disabled}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--link"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],inline:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--inline"]}],size:[{type:core.Input}],sizeSm:[{type:core.HostBinding,args:["class.cds--link--sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--link--md"]}],sizeLg:[{type:core.HostBinding,args:["class.cds--link--lg"]}],visited:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--visited"]}],disabled:[{type:core.Input},{type:core.HostBinding,args:["attr.aria-disabled"]},{type:core.HostBinding,args:["class.cds--link--disabled"]}]}}};Link=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsLink], [ibmLink]",standalone:!0})],Link);let LinkIconDirective=class LinkIconDirective{constructor(){this.iconClass=!0}static{this.propDecorators={iconClass:[{type:core.HostBinding,args:["class.cds--link__icon"]}]}}};LinkIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[ibmLinkIcon], [cdsLinkIcon]",standalone:!0})],LinkIconDirective);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let LinkModule=class LinkModule{};LinkModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Link,LinkIconDirective],imports:[common_module_Dx7dWex5.MD,Link,LinkIconDirective]})],LinkModule)},"./src/notification/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{kZ:()=>ActionableNotification,$W:()=>BaseNotification,Eg:()=>Notification,JE:()=>NotificationService,y8:()=>Toast});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let ActionableButton=class ActionableButton{constructor(){this.actionableButton=!0,this.type="button"}static{this.propDecorators={actionableButton:[{type:core.HostBinding,args:["class.cds--actionable-notification__action-button"]}],type:[{type:core.HostBinding,args:["attr.type"]}]}}};ActionableButton=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsActionableButton], [ibmActionableButton]",standalone:!0})],ActionableButton);let ActionableSubtitle=class ActionableSubtitle{constructor(){this.baseClass=!0}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--actionable-notification__subtitle"]}]}}};ActionableSubtitle=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsActionableSubtitle], [ibmActionableSubtitle]",standalone:!0})],ActionableSubtitle);let ActionableTitle=class ActionableTitle{constructor(){this.baseClass=!0}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--actionable-notification__title"]}]}}};ActionableTitle=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsActionableTitle], [ibmActionableTitle]",standalone:!0})],ActionableTitle);var isObservable=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isObservable.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),i18n=__webpack_require__("./src/i18n/index.ts");let NotificationDisplayService=class NotificationDisplayService{constructor(applicationRef){this.applicationRef=applicationRef}close(notificationRef){notificationRef.hostView&&setTimeout((()=>{this.applicationRef.detachView(notificationRef.hostView),notificationRef.destroy()}),200)}static{this.ctorParameters=()=>[{type:core.ApplicationRef}]}};NotificationDisplayService=(0,tslib_es6.Cg)([(0,core.Injectable)()],NotificationDisplayService);let BaseNotification=class BaseNotification{get roleAttr(){return this._notificationObj.role}constructor(notificationDisplayService,i18n){this.notificationDisplayService=notificationDisplayService,this.i18n=i18n,this.close=new core.EventEmitter,this.iconDictionary={error:"error--filled",info:"information--filled","info-square":"information--square--filled",success:"checkmark--filled",warning:"warning--filled","warning-alt":"warning--alt--filled"},this.defaultNotificationObj={title:"",message:"",type:"info",showClose:!0,closeLabel:this.i18n.get("NOTIFICATION.CLOSE_BUTTON"),role:"status"},this._notificationObj=Object.assign({},this.defaultNotificationObj)}onClose(){this.close.emit()}onClick(action,event){action.click&&((0,isObservable.A)(action.click)?action.click.next({event,action}):action.click({event,action}))}destroy(){this.notificationDisplayService.close(this)}static{this.ctorParameters=()=>[{type:NotificationDisplayService},{type:i18n.F2}]}static{this.propDecorators={roleAttr:[{type:core.HostBinding,args:["attr.role"]}],close:[{type:core.Output}]}}};BaseNotification=(0,tslib_es6.Cg)([(0,core.Component)({template:"",standalone:!0})],BaseNotification);var ActionableNotification_1,icon=__webpack_require__("./src/icon/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),src_link=__webpack_require__("./src/link/index.ts"),src_button=__webpack_require__("./src/button/index.ts");let ActionableNotification=class ActionableNotification extends BaseNotification{static{ActionableNotification_1=this}static{this.notificationCount=0}get notificationObj(){return this._notificationObj}set notificationObj(obj){obj.closeLabel&&!(0,isObservable.A)(obj.closeLabel)&&(obj.closeLabel=(0,of.of)(obj.closeLabel)),this._notificationObj=Object.assign({},this.defaultNotificationObj,obj)}get toastVariant(){return"toast"===this.notificationObj.variant}get isError(){return"error"===this.notificationObj.type}get isInfo(){return"info"===this.notificationObj.type}get isInfoSquare(){return"info-square"===this.notificationObj.type}get isSuccess(){return"success"===this.notificationObj.type}get isWarning(){return"warning"===this.notificationObj.type}get isWarningAlt(){return"warning-alt"===this.notificationObj.type}get isLowContrast(){return this.notificationObj.lowContrast}get isCloseHidden(){return!this._notificationObj.showClose}constructor(notificationDisplayService,i18n){super(notificationDisplayService,i18n),this.notificationDisplayService=notificationDisplayService,this.i18n=i18n,this.notificationID="actionable-notification-"+ActionableNotification_1.notificationCount++,this.notificationLabel=this.notificationID,this.notificationClass=!0,this.defaultNotificationObj={...this.defaultNotificationObj,variant:"inline",role:"alertdialog"}}static{this.ctorParameters=()=>[{type:NotificationDisplayService},{type:i18n.F2}]}static{this.propDecorators={notificationObj:[{type:core.Input}],notificationLabel:[{type:core.HostBinding,args:["attr.aria-labelledBy"]}],notificationClass:[{type:core.HostBinding,args:["class.cds--actionable-notification"]}],toastVariant:[{type:core.HostBinding,args:["class.cds--actionable-notification--toast"]}],isError:[{type:core.HostBinding,args:["class.cds--actionable-notification--error"]}],isInfo:[{type:core.HostBinding,args:["class.cds--actionable-notification--info"]}],isInfoSquare:[{type:core.HostBinding,args:["class.cds--actionable-notification--info-square"]}],isSuccess:[{type:core.HostBinding,args:["class.cds--actionable-notification--success"]}],isWarning:[{type:core.HostBinding,args:["class.cds--actionable-notification--warning"]}],isWarningAlt:[{type:core.HostBinding,args:["class.cds--actionable-notification--warning-alt"]}],isLowContrast:[{type:core.HostBinding,args:["class.cds--actionable-notification--low-contrast"]}],isCloseHidden:[{type:core.HostBinding,args:["class.cds--actionable-notification--hide-close-button"]}]}}};ActionableNotification=ActionableNotification_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-actionable-notification, ibm-actionable-notification",template:'\n\t\t<div class="cds--actionable-notification__details">\n\t\t\t@if (notificationObj.type) {\n\t\t\t\t<svg\n\t\t\t\t\t[cdsIcon]="iconDictionary[notificationObj.type]"\n\t\t\t\t\tsize="20"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--inline-notification__icon\': notificationObj.variant === \'inline\',\n\t\t\t\t\t\t\'cds--toast-notification__icon\': notificationObj.variant === \'toast\'\n\t\t\t\t\t}"\n\t\t\t\t\tclass="cds--actionable-notification__icon">\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<div class="cds--actionable-notification__text-wrapper">\n\t\t\t\t<div class="cds--actionable-notification__content">\n\t\t\t\t\t@if (!notificationObj.template) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tcdsActionableTitle\n\t\t\t\t\t\t\t[id]="notificationID"\n\t\t\t\t\t\t\t[innerHTML]="notificationObj.title">\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div cdsActionableSubtitle>\n\t\t\t\t\t\t\t<span [innerHTML]="notificationObj.message"></span>\n\t\t\t\t\t\t\t@for (link of notificationObj.links; track link) {\n\t\t\t\t\t\t\t\t<a cdsLink [href]="link.href">{{link.text}}</a>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-container *ngTemplateOutlet="notificationObj.template; context: { $implicit: notificationObj }"></ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t@if (!notificationObj.actionsTemplate) {\n\t\t\t@for (action of notificationObj.actions; track action) {\n\t\t\t\t<button\n\t\t\t\t\t(click)="onClick(action, $event)"\n\t\t\t\t\t[cdsButton]="notificationObj.variant === \'inline\' ? \'ghost\' : \'tertiary\'"\n\t\t\t\t\tsize="sm"\n\t\t\t\t\tcdsActionableButton>\n\t\t\t\t\t{{action.text}}\n\t\t\t\t</button>\n\t\t\t}\n\t\t}\n\t\t<ng-container *ngTemplateOutlet="notificationObj.actionsTemplate; context: { $implicit: notificationObj }" />\n\t\t@if (!isCloseHidden) {\n\t\t\t<button\n\t\t\t\t(click)="onClose()"\n\t\t\t\tclass="cds--actionable-notification__close-button"\n\t\t\t\t[attr.aria-label]="notificationObj.closeLabel | async"\n\t\t\t\ttype="button">\n\t\t\t\t<svg cdsIcon="close" size="16" class="cds--actionable-notification__close-icon"></svg>\n\t\t\t</button>\n\t\t}\n\t',providers:[NotificationDisplayService],imports:[icon.LJ,common_module_Dx7dWex5.YU,ActionableTitle,ActionableSubtitle,src_link.N_,common_module_Dx7dWex5.T3,ActionableButton,src_button.$n,common_module_Dx7dWex5.Jj]})],ActionableNotification);let NotificationSubtitle=class NotificationSubtitle{constructor(){this.baseClass=!0}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--inline-notification__subtitle"]}]}}};NotificationSubtitle=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsNotificationSubtitle], [ibmNotificationSubtitle]",standalone:!0})],NotificationSubtitle);let NotificationTitle=class NotificationTitle{constructor(){this.baseClass=!0}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--inline-notification__title"]}]}}};var Notification_1;NotificationTitle=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsNotificationTitle], [ibmNotificationTitle]",standalone:!0})],NotificationTitle);let Notification=class Notification extends BaseNotification{static{Notification_1=this}static{this.notificationCount=0}get notificationObj(){return this._notificationObj}set notificationObj(obj){obj.closeLabel&&!(0,isObservable.A)(obj.closeLabel)&&(obj.closeLabel=(0,of.of)(obj.closeLabel)),this._notificationObj=Object.assign({},this.defaultNotificationObj,obj)}get isError(){return"error"===this.notificationObj.type}get isInfo(){return"info"===this.notificationObj.type}get isInfoSquare(){return"info-square"===this.notificationObj.type}get isSuccess(){return"success"===this.notificationObj.type}get isWarning(){return"warning"===this.notificationObj.type}get isWarningAlt(){return"warning-alt"===this.notificationObj.type}get isLowContrast(){return this.notificationObj.lowContrast}get isCloseHidden(){return!this.notificationObj.showClose}constructor(notificationDisplayService,i18n){super(notificationDisplayService,i18n),this.notificationDisplayService=notificationDisplayService,this.i18n=i18n,this.notificationID="notification-"+Notification_1.notificationCount++,this.notificationLabel=this.notificationID,this.notificationClass=!0}static{this.ctorParameters=()=>[{type:NotificationDisplayService},{type:i18n.F2}]}static{this.propDecorators={notificationObj:[{type:core.Input}],notificationLabel:[{type:core.HostBinding,args:["attr.aria-labelledBy"]}],notificationClass:[{type:core.HostBinding,args:["class.cds--inline-notification"]}],isError:[{type:core.HostBinding,args:["class.cds--inline-notification--error"]}],isInfo:[{type:core.HostBinding,args:["class.cds--inline-notification--info"]}],isInfoSquare:[{type:core.HostBinding,args:["class.cds--inline-notification--info-square"]}],isSuccess:[{type:core.HostBinding,args:["class.cds--inline-notification--success"]}],isWarning:[{type:core.HostBinding,args:["class.cds--inline-notification--warning"]}],isWarningAlt:[{type:core.HostBinding,args:["class.cds--inline-notification--warning-alt"]}],isLowContrast:[{type:core.HostBinding,args:["class.cds--inline-notification--low-contrast"]}],isCloseHidden:[{type:core.HostBinding,args:["class.cds--inline-notification--hide-close-button"]}]}}};Notification=Notification_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification",template:'\n\t\t<div class="cds--inline-notification__details">\n\t\t\t@if (notificationObj.type) {\n\t\t\t\t<svg\n\t\t\t\t\t[cdsIcon]="iconDictionary[notificationObj.type]"\n\t\t\t\t\tsize="20"\n\t\t\t\t\tclass="cds--inline-notification__icon">\n\t\t\t\t</svg>\n\t\t\t}\n\t\t\t<div class="cds--inline-notification__text-wrapper">\n\t\t\t\t@if (!notificationObj.template) {\n\t\t\t\t\t<div\n\t\t\t\t\t\tcdsNotificationTitle\n\t\t\t\t\t\t[innerHTML]="notificationObj.title"\n\t\t\t\t\t\t[id]="notificationID">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div cdsNotificationSubtitle>\n\t\t\t\t\t\t<span [innerHTML]="notificationObj.message"></span>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<ng-container *ngTemplateOutlet="notificationObj.template; context: { $implicit: notificationObj}"></ng-container>\n\t\t\t</div>\n\t\t</div>\n\t\t@if (!isCloseHidden) {\n\t\t\t<button\n\t\t\t\t(click)="onClose()"\n\t\t\t\tclass="cds--inline-notification__close-button"\n\t\t\t\t[attr.aria-label]="notificationObj.closeLabel | async"\n\t\t\t\ttype="button">\n\t\t\t\t<svg cdsIcon="close" size="16" class="cds--inline-notification__close-icon"></svg>\n\t\t\t</button>\n\t\t}\n\t',providers:[NotificationDisplayService],imports:[icon.LJ,NotificationTitle,NotificationSubtitle,common_module_Dx7dWex5.T3,common_module_Dx7dWex5.Jj]})],Notification);let ToastTitle=class ToastTitle{constructor(){this.baseClass=!0}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--toast-notification__title"]}]}}};ToastTitle=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToastTitle], [ibmToastTitle]",standalone:!0})],ToastTitle);let ToastSubtitle=class ToastSubtitle{constructor(){this.baseClass=!0}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--toast-notification__subtitle"]}]}}};ToastSubtitle=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToastSubtitle], [ibmToastSubtitle]",standalone:!0})],ToastSubtitle);let ToastCaption=class ToastCaption{constructor(){this.baseClass=!0}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--toast-notification__caption"]}]}}};var Toast_1;ToastCaption=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToastCaption], [ibmToastCaption]",standalone:!0})],ToastCaption);let Toast=class Toast extends BaseNotification{static{Toast_1=this}static{this.toastCount=0}set notificationObj(obj){obj.closeLabel&&!(0,isObservable.A)(obj.closeLabel)&&(obj.closeLabel=(0,of.of)(obj.closeLabel)),this._notificationObj=Object.assign({},this.defaultNotificationObj,obj)}get notificationObj(){return this._notificationObj}get isError(){return"error"===this.notificationObj.type}get isInfo(){return"info"===this.notificationObj.type}get isInfoSquare(){return"info-square"===this.notificationObj.type}get isSuccess(){return"success"===this.notificationObj.type}get isWarning(){return"warning"===this.notificationObj.type}get isWarningAlt(){return"warning-alt"===this.notificationObj.type}get isLowContrast(){return this.notificationObj.lowContrast}get isCloseHidden(){return!this.notificationObj.showClose}constructor(notificationDisplayService,i18n){super(notificationDisplayService,i18n),this.notificationDisplayService=notificationDisplayService,this.i18n=i18n,this.toastID="toast-"+Toast_1.toastCount++,this.toastClass=!0}ngOnInit(){this.notificationObj.closeLabel||(this.notificationObj.closeLabel=this.i18n.get().NOTIFICATION.CLOSE_BUTTON)}static{this.ctorParameters=()=>[{type:NotificationDisplayService},{type:i18n.F2}]}static{this.propDecorators={notificationObj:[{type:core.Input}],toastID:[{type:core.HostBinding,args:["attr.id"]}],toastClass:[{type:core.HostBinding,args:["class.cds--toast-notification"]}],isError:[{type:core.HostBinding,args:["class.cds--toast-notification--error"]}],isInfo:[{type:core.HostBinding,args:["class.cds--toast-notification--info"]}],isInfoSquare:[{type:core.HostBinding,args:["class.cds--toast-notification--info-square"]}],isSuccess:[{type:core.HostBinding,args:["class.cds--toast-notification--success"]}],isWarning:[{type:core.HostBinding,args:["class.cds--toast-notification--warning"]}],isWarningAlt:[{type:core.HostBinding,args:["class.cds--toast-notification--warning-alt"]}],isLowContrast:[{type:core.HostBinding,args:["class.cds--toast-notification--low-contrast"]}],isCloseHidden:[{type:core.HostBinding,args:["class.cds--toast-notification--hide-close-button"]}]}}};Toast=Toast_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-toast, ibm-toast",template:'\n\t\t@if (notificationObj.type) {\n\t\t\t<svg\n\t\t\t\t[cdsIcon]="iconDictionary[notificationObj.type]"\n\t\t\t\tsize="20"\n\t\t\t\tclass="cds--toast-notification__icon">\n\t\t\t</svg>\n\t\t}\n\t\t<div class="cds--toast-notification__details">\n\t\t\t@if (!notificationObj.template) {\n\t\t\t\t<h3 cdsToastTitle [innerHTML]="notificationObj.title"></h3>\n\t\t\t\t<div cdsToastSubtitle>\n\t\t\t\t\t<span [innerHTML]="notificationObj.subtitle"></span>\n\t\t\t\t</div>\n\t\t\t\t<p cdsToastCaption [innerHTML]="notificationObj.caption"></p>\n\t\t\t}\n\t\t\t<ng-container *ngTemplateOutlet="notificationObj.template; context: { $implicit: notificationObj }" />\n\t\t</div>\n\t\t@if (!isCloseHidden) {\n\t\t\t<button\n\t\t\t\tclass="cds--toast-notification__close-button"\n\t\t\t\ttype="button"\n\t\t\t\t[attr.aria-label]="notificationObj.closeLabel | async"\n\t\t\t\t(click)="onClose()">\n\t\t\t\t<svg cdsIcon="close" size="16" class="cds--toast-notification__close-icon"></svg>\n\t\t\t</button>\n\t\t}\n\t',providers:[NotificationDisplayService],imports:[icon.LJ,ToastTitle,ToastSubtitle,ToastCaption,common_module_Dx7dWex5.T3,common_module_Dx7dWex5.Jj]})],Toast);let NotificationService=class NotificationService{constructor(injector,viewContainer,ngZone){this.injector=injector,this.viewContainer=viewContainer,this.ngZone=ngZone,this.notificationRefs=new Array,this.onClose=new core.EventEmitter}showNotification(notificationObj,notificationComp=Notification){const notificationRef=this.viewContainer.createComponent(notificationComp);if(notificationRef.instance.notificationObj=notificationObj,this.notificationRefs.push(notificationRef),this.onClose=notificationRef.instance.close,notificationObj.target)document.querySelector(notificationObj.target).appendChild(notificationRef.location.nativeElement);else{let body=document.querySelector("body"),notificationClassName="notification-overlay",notificationList=body.querySelector(`.${notificationClassName}`);notificationList||(notificationList=document.createElement("div"),notificationList.className=notificationClassName,body.appendChild(notificationList)),notificationList.firstChild?notificationList.insertBefore(notificationRef.location.nativeElement,notificationList.firstChild):notificationList.appendChild(notificationRef.location.nativeElement)}return notificationObj.duration&&notificationObj.duration>0&&this.ngZone.runOutsideAngular((()=>{setTimeout((()=>{this.ngZone.run((()=>{this.close(notificationRef)}))}),notificationObj.duration)})),notificationObj.smart&&this.ngZone.runOutsideAngular((()=>{setTimeout((()=>{this.ngZone.run((()=>{this.close(notificationRef)}))}),this.getSmartTimeout(notificationObj))})),this.onClose.subscribe((()=>{this.close(notificationRef)})),notificationRef.instance.componentRef=notificationRef,notificationRef.instance}showToast(notificationObj,notificationComp=Toast){return this.showNotification(notificationObj,notificationComp)}showActionable(notificationObj,notificationComp=ActionableNotification){return this.showNotification(notificationObj,notificationComp)}close(notificationRef){if(notificationRef)if(notificationRef instanceof Notification)this.close(notificationRef.componentRef);else{notificationRef.destroy();const index=this.notificationRefs.indexOf(notificationRef);-1!==index&&this.notificationRefs.splice(index,1)}}getSmartTimeout(notificationObj){let timeout=600;switch(timeout+=notificationObj.duration||0,notificationObj.type){case"info":case"info-square":case"success":default:break;case"danger":timeout+=3e3;break;case"warning":case"warning-alt":timeout+=1500}return timeout+=450*notificationObj.message.trim().split(/\s+/).length,timeout}ngOnDestroy(){this.notificationRefs.forEach((ref=>{ref.destroy()}))}static{this.ctorParameters=()=>[{type:core.Injector},{type:core.ViewContainerRef},{type:core.NgZone}]}};NotificationService=(0,tslib_es6.Cg)([(0,core.Injectable)()],NotificationService);var experimental=__webpack_require__("./src/experimental/index.ts");let NotificationModule=class NotificationModule{};NotificationModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Notification,ActionableButton,ActionableNotification,ActionableTitle,ActionableSubtitle,Toast,ToastTitle,ToastSubtitle,ToastCaption,NotificationTitle,NotificationSubtitle],imports:[src_button.tm,common_module_Dx7dWex5.MD,i18n.LP,experimental.bq,src_link.VM,icon.op,ActionableButton,ActionableNotification,ActionableTitle,ActionableSubtitle,BaseNotification,Notification,Toast,ToastTitle,ToastSubtitle,ToastCaption,NotificationTitle,NotificationSubtitle],providers:[NotificationService,NotificationDisplayService]})],NotificationModule)},"./src/placeholder/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{gc:()=>PLACEHOLDER_SERVICE_PROVIDER,Or:()=>Placeholder,UU:()=>PlaceholderModule,F2:()=>PlaceholderService});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let PlaceholderService=class PlaceholderService{constructor(){this.viewContainerRef=null,this.viewContainerMap=new Map}registerViewContainerRef(vcRef,id){id?this.viewContainerMap.set(id,vcRef):this.viewContainerRef=vcRef}createComponent(component,injector,id,environment=void 0){return id?this.viewContainerMap.has(id)?this.viewContainerMap.get(id).createComponent(component,{index:this.viewContainerMap.size,injector}):void console.error(`No view container with id ${id} found`):this.viewContainerRef?this.viewContainerRef.createComponent(component,{index:this.viewContainerRef.length,injector,environmentInjector:environment}):void console.error("No view container defined! Likely due to a missing `cds-placeholder`")}destroyComponent(component){component.destroy()}hasComponentRef(component,id){return id?!(this.viewContainerMap.get(id).indexOf(component.hostView)<0):!(this.viewContainerRef.indexOf(component.hostView)<0)}hasPlaceholderRef(id){return id?this.viewContainerMap.has(id):!!this.viewContainerRef}appendElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.appendChild(element):this.viewContainerRef.element.nativeElement.appendChild(element)}removeElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.removeChild(element):this.viewContainerRef.element.nativeElement.removeChild(element)}hasElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.contains(element):this.viewContainerRef.element.nativeElement.contains(element)}};PlaceholderService=(0,tslib_es6.Cg)([(0,core.Injectable)()],PlaceholderService);const PLACEHOLDER_SERVICE_PROVIDER={provide:PlaceholderService,deps:[[new core.Optional,new core.SkipSelf,PlaceholderService]],useFactory:function PLACEHOLDER_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new PlaceholderService}};let Placeholder=class Placeholder{constructor(placeholderService){this.placeholderService=placeholderService}ngOnInit(){this.placeholderService.registerViewContainerRef(this.viewContainerRef)}static{this.ctorParameters=()=>[{type:PlaceholderService}]}static{this.propDecorators={id:[{type:core.Input}],viewContainerRef:[{type:core.ViewChild,args:["placeholder",{read:core.ViewContainerRef,static:!0}]}]}}};Placeholder=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-placeholder, ibm-placeholder",template:"<div #placeholder></div>",providers:[PLACEHOLDER_SERVICE_PROVIDER],standalone:!0})],Placeholder);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let PlaceholderModule=class PlaceholderModule{};PlaceholderModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Placeholder],providers:[PLACEHOLDER_SERVICE_PROVIDER],imports:[common_module_Dx7dWex5.MD,Placeholder]})],PlaceholderModule)}}]);

package/docs/storybook/{3419.8754f6b3.iframe.bundle.js → 3419.fbf4e882.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[3419],{"./src/layer/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{P:()=>LayerDirective,G:()=>LayerModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let LayerDirective=class LayerDirective{set ibmLayer(level){this.cdsLayer=level}set cdsLayer(level){"number"==typeof level&&(this._passedLevel=level,this.layer=level)}get cdsLayer(){return this._passedLevel}set layer(level){"number"==typeof level&&(this._level=Math.max(0,Math.min(level,2)),this.layerChildren&&this.layerChildren.forEach((layer=>{layer!==this&&(layer.layer="number"==typeof layer._passedLevel?layer._passedLevel:this.layer+1)})))}get layer(){return this._level}get layerOneClass(){return 0===this.layer}get layerTwoClass(){return 1===this.layer}get layerThreeClass(){return 2===this.layer}ngAfterContentInit(){"number"!=typeof this.cdsLayer&&(this.layer=1)}static{this.propDecorators={ibmLayer:[{type:core.Input}],cdsLayer:[{type:core.Input}],layerOneClass:[{type:core.HostBinding,args:["class.cds--layer-one"]}],layerTwoClass:[{type:core.HostBinding,args:["class.cds--layer-two"]}],layerThreeClass:[{type:core.HostBinding,args:["class.cds--layer-three"]}],layerChildren:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>LayerDirective)),{descendants:!1}]}]}}};LayerDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsLayer], [ibmLayer]",exportAs:"layer",standalone:!0})],LayerDirective);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let LayerModule=class LayerModule{};LayerModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[LayerDirective],imports:[common_module_Dx7dWex5.MD,LayerDirective]})],LayerModule)},"./src/link/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{N_:()=>Link,VM:()=>LinkModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Link=class Link{constructor(){this.baseClass=!0,this.inline=!1,this.visited=!1}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizeLg(){return"lg"===this.size}set disabled(disabled){this._disabled=disabled,this.tabindex=this.disabled?-1:null}get disabled(){return this._disabled}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--link"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],inline:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--inline"]}],size:[{type:core.Input}],sizeSm:[{type:core.HostBinding,args:["class.cds--link--sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--link--md"]}],sizeLg:[{type:core.HostBinding,args:["class.cds--link--lg"]}],visited:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--visited"]}],disabled:[{type:core.Input},{type:core.HostBinding,args:["attr.aria-disabled"]},{type:core.HostBinding,args:["class.cds--link--disabled"]}]}}};Link=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsLink], [ibmLink]",standalone:!0})],Link);let LinkIconDirective=class LinkIconDirective{constructor(){this.iconClass=!0}static{this.propDecorators={iconClass:[{type:core.HostBinding,args:["class.cds--link__icon"]}]}}};LinkIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[ibmLinkIcon], [cdsLinkIcon]",standalone:!0})],LinkIconDirective);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let LinkModule=class LinkModule{};LinkModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Link,LinkIconDirective],imports:[common_module_Dx7dWex5.MD,Link,LinkIconDirective]})],LinkModule)},"./src/tiles/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{t3:()=>ClickableTile,BY:()=>ExpandableTile,bp:()=>SelectionTile,FA:()=>Tile,iS:()=>TileGroup,mt:()=>TilesModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let ClickableTileIconDirective=class ClickableTileIconDirective{constructor(){this.icon=!0}static{this.propDecorators={icon:[{type:core.HostBinding,args:["class.cds--tile--icon"]}]}}};ClickableTileIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsClickableTileIcon], [ibmClickableTileIcon]",standalone:!0})],ClickableTileIconDirective);var router_Dwfin5Au=__webpack_require__("./node_modules/@angular/router/fesm2022/router-Dwfin5Au.mjs"),src_link=__webpack_require__("./src/link/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ClickableTile=class ClickableTile{constructor(router){this.router=router,this.theme="dark",this.href="#",this.disabled=!1,this.hasRoundedCorners=!1,this.navigation=new core.EventEmitter}navigate(event){if(this.router&&this.route&&!this.disabled){event.preventDefault();const status=this.router.navigate(this.route,this.routeExtras);this.navigation.emit(status)}}static{this.ctorParameters=()=>[{type:router_Dwfin5Au.Ix,decorators:[{type:core.Optional}]}]}static{this.propDecorators={theme:[{type:core.Input}],href:[{type:core.Input}],target:[{type:core.Input}],rel:[{type:core.Input}],disabled:[{type:core.Input}],decorator:[{type:core.Input}],hasRoundedCorners:[{type:core.Input}],route:[{type:core.Input}],routeExtras:[{type:core.Input}],navigation:[{type:core.Output}]}}};ClickableTile=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-clickable-tile, ibm-clickable-tile",template:'\n\t\t<a\n\t\t\tcdsLink\n\t\t\tclass="cds--tile cds--tile--clickable"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tile--light\': theme === \'light\',\n\t\t\t\t\'cds--tile--disabled cds--link--disabled\' : disabled,\n\t\t\t\t\'cds--tile--decorator\': !!decorator,\n\t\t\t\t\'cds--tile--decorator-rounded\': !!decorator && hasRoundedCorners\n\t\t\t}"\n\t\t\ttabindex="0"\n\t\t\t(click)="navigate($event)"\n\t\t\t[attr.href]="disabled ? null : href"\n\t\t\t[attr.target]="target"\n\t\t\t[attr.rel]="rel ? rel : null"\n\t\t\t[attr.aria-disabled]="disabled">\n\t\t\t<ng-content></ng-content>\n\t\t\t@if (decorator) {\n\n\t\t\t\t<div class="cds--tile--inner-decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\n}\n\t\t</a>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[src_link.N_,common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3]})],ClickableTile);var i18n=__webpack_require__("./src/i18n/index.ts"),utils=__webpack_require__("./src/utils/index.ts"),icon=__webpack_require__("./src/icon/index.ts");let ExpandableTile=class ExpandableTile{set translations(value){const valueWithDefaults=(0,utils.h1)(this.i18n.getMultiple("TILES"),value);this.expand.override(valueWithDefaults.EXPAND),this.collapse.override(valueWithDefaults.COLLAPSE)}constructor(i18n,element){this.i18n=i18n,this.element=element,this.theme="dark",this.expanded=!1,this.interactive=!1,this.hasRoundedCorners=!1,this.tileMaxHeight=0,this.currentExpandedHeight=0,this.expand=this.i18n.getOverridable("TILES.EXPAND"),this.collapse=this.i18n.getOverridable("TILES.COLLAPSE")}ngAfterViewInit(){this.updateMaxHeight()}get expandedHeight(){const tile=this.element.nativeElement.querySelector(".cds--tile"),tilePadding=parseInt(getComputedStyle(tile).paddingBottom,10)+parseInt(getComputedStyle(tile).paddingTop,10),expandedHeight=this.tileMaxHeight+tilePadding;return isNaN(expandedHeight)||(this.currentExpandedHeight=expandedHeight),this.currentExpandedHeight}updateMaxHeight(){this.expanded?this.tileMaxHeight=this.tileContainer.nativeElement.getBoundingClientRect().height:this.tileMaxHeight=this.element.nativeElement.querySelector(".cds--tile-content__above-the-fold").getBoundingClientRect().height}onClick(){this.expanded=!this.expanded,this.updateMaxHeight()}static{this.ctorParameters=()=>[{type:i18n.F2},{type:core.ElementRef}]}static{this.propDecorators={theme:[{type:core.Input}],expanded:[{type:core.Input}],interactive:[{type:core.Input}],decorator:[{type:core.Input}],hasRoundedCorners:[{type:core.Input}],translations:[{type:core.Input}],tileContainer:[{type:core.ViewChild,args:["container"]}]}}};ExpandableTile=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-expandable-tile, ibm-expandable-tile",template:'\n\t\t@if (!interactive) {\n\t\t\t<button\n\t\t\t\tclass="cds--tile cds--tile--expandable"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--tile--is-expanded\' : expanded,\n\t\t\t\t\t\'cds--tile--light\': theme === \'light\'\n\t\t\t\t}"\n\t\t\t\t[ngStyle]="{\'max-height\': expandedHeight + \'px\'}"\n\t\t\t\ttype="button"\n\t\t\t\t(click)="onClick()"\n\t\t\t\t[attr.aria-expanded]="expanded"\n\t\t\t\t[attr.title]="(expanded ? collapse.subject : expand.subject) | async">\n\t\t\t\t<ng-container *ngTemplateOutlet="expandableTileContent"></ng-container>\n\t\t\t</button>\n\t\t}\n\t\t@if (interactive) {\n\t\t\t<div\n\t\t\t\tclass="cds--tile cds--tile--expandable cds--tile--expandable--interactive"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--tile--is-expanded\' : expanded,\n\t\t\t\t\t\'cds--tile--light\': theme === \'light\',\n\t\t\t\t\t\'cds--tile--decorator\': !!decorator,\n\t\t\t\t\t\'cds--tile--decorator-rounded\': !!decorator && hasRoundedCorners\n\t\t\t\t}"\n\t\t\t\t[ngStyle]="{\'max-height\': expandedHeight + \'px\'}"\n\t\t\t\t[attr.title]="(expanded ? collapse.subject : expand.subject) | async">\n\t\t\t\t<ng-container *ngTemplateOutlet="expandableTileContent"></ng-container>\n\t\t\t</div>\n\t\t}\n\n\t\t<ng-template #chevronIcon>\n\t\t\t<svg cdsIcon="chevron--down" size="16"></svg>\n\t\t</ng-template>\n\n\t\t<ng-template #expandableTileContent>\n\t\t\t<div #container>\n\t\t\t\t@if (interactive && decorator) {\n\t\t\t\t\t<div class="cds--tile--inner-decorator">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class="cds--tile-content">\n\t\t\t\t\t<ng-content select="[cdsAboveFold],[ibmAboveFold],.cds--tile-content__above-the-fold"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t@if (!interactive) {\n\t\t\t\t\t<div class="cds--tile__chevron">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet="chevronIcon"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (interactive) {\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass="cds--tile__chevron cds--tile__chevron--interactive"\n\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\t(click)="onClick()"\n\t\t\t\t\t\t[attr.aria-expanded]="expanded"\n\t\t\t\t\t\t[attr.aria-label]="(expanded ? collapse.subject : expand.subject) | async">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet="chevronIcon"></ng-container>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t\t<div class="cds--tile-content">\n\t\t\t\t\t<ng-content select="[cdsBelowFold],[ibmBelowFold],.cds--tile-content__below-the-fold"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.B3,common_module_Dx7dWex5.T3,icon.LJ,common_module_Dx7dWex5.Jj]})],ExpandableTile);let ExpandableTileAboveFoldDirective=class ExpandableTileAboveFoldDirective{constructor(){this.aboveFold=!0}static{this.propDecorators={aboveFold:[{type:core.HostBinding,args:["class.cds--tile-content__above-the-fold"]}]}}};ExpandableTileAboveFoldDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsAboveFold], [ibmAboveFold]",standalone:!0})],ExpandableTileAboveFoldDirective);let ExpandableTileBelowFoldDirective=class ExpandableTileBelowFoldDirective{constructor(){this.belowFold=!0}static{this.propDecorators={belowFold:[{type:core.HostBinding,args:["class.cds--tile-content__below-the-fold"]}]}}};var SelectionTile_1;ExpandableTileBelowFoldDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsBelowFold], [ibmBelowFold]",standalone:!0})],ExpandableTileBelowFoldDirective);let SelectionTile=class SelectionTile{static{SelectionTile_1=this}static{this.tileCount=0}set selected(value){this._selected=!!value||null,this.input&&(this.input.nativeElement.checked=this._selected),this.changeDetectorRef.markForCheck()}get selected(){return!!this.input&&this.input.nativeElement.checked}constructor(i18n,changeDetectorRef){this.i18n=i18n,this.changeDetectorRef=changeDetectorRef,this.theme="dark",this.id=`tile-${SelectionTile_1.tileCount}`,this.change=new core.EventEmitter,this.disabled=!1,this.hasRoundedCorners=!1,this.name="tile-group-unbound",this.multiple=!0,this._selected=null,SelectionTile_1.tileCount++}ngAfterViewInit(){this.input&&setTimeout((()=>{this.input.nativeElement.checked=this._selected,this.changeDetectorRef.markForCheck()}))}keyboardInput(event){"Enter"!==event.key&&"Spacebar"!==event.key&&" "!==event.key||(this.selected=!this.selected,this.change.emit(event))}onChange(event){this.change.emit(event)}static{this.ctorParameters=()=>[{type:i18n.F2},{type:core.ChangeDetectorRef}]}static{this.propDecorators={theme:[{type:core.Input}],id:[{type:core.Input}],selected:[{type:core.Input}],value:[{type:core.Input}],change:[{type:core.Output}],disabled:[{type:core.Input}],decorator:[{type:core.Input}],hasRoundedCorners:[{type:core.Input}],input:[{type:core.ViewChild,args:["input",{static:!0}]}],keyboardInput:[{type:core.HostListener,args:["keydown",["$event"]]}]}}};SelectionTile=SelectionTile_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-selection-tile, ibm-selection-tile",template:'\n\t\t<input\n\t\t\t#input\n\t\t\t[attr.tabindex]="disabled ? null : 0"\n\t\t\tclass="cds--tile-input"\n\t\t\t[id]="id"\n\t\t\t[disabled]="disabled"\n\t\t\t[type]="(multiple ? \'checkbox\': \'radio\')"\n\t\t\t[value]="value"\n\t\t\t[name]="name"\n\t\t\t(change)="onChange($event)"/>\n\t\t<label\n\t\t\tclass="cds--tile cds--tile--selectable"\n\t\t\t[for]="id"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tile--is-selected\' : selected,\n\t\t\t\t\'cds--tile--light\': theme === \'light\',\n\t\t\t\t\'cds--tile--disabled\' : disabled,\n\t\t\t\t\'cds--tile--decorator\': !!decorator,\n\t\t\t\t\'cds--tile--decorator-rounded\': !!decorator && hasRoundedCorners\n\t\t\t}"\n\t\t\t[attr.aria-label]="i18n.get(\'TILES.TILE\') | async">\n\t\t\t<div class="cds--tile__checkmark"\n\t\t\t\t[class.cds--tile__checkmark--persistent]="multiple">\n\t\t\t\t@if (!selected) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\t[cdsIcon]="multiple ? \'checkbox\' : \'checkmark\'"\n\t\t\t\t\t\tsize="16">\n\t\t\t\t\t</svg>\n\t\t\t\t} @else {\n\t\t\t\t\t<svg [cdsIcon]="multiple ? \'checkbox--checked--filled\' : \'checkmark--filled\'" size="16"></svg>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class="cds--tile-content">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t\t@if (decorator) {\n\t\t\t\t<div class="cds--tile--inner-decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</label>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.Jj,common_module_Dx7dWex5.T3,icon.LJ]})],SelectionTile);var TileGroup_1,fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js");let TileGroup=class TileGroup{static{TileGroup_1=this}static{this.tileGroupCount=0}constructor(){this.name=`tile-group-${TileGroup_1.tileGroupCount}`,this.multiple=!1,this.selected=new core.EventEmitter,this.tileGroupClass=!0,this.unsubscribe$=new Subject.B,this.unsubscribeTiles$=new Subject.B,this.onChange=_=>{},this.onTouched=()=>{},TileGroup_1.tileGroupCount++}ngAfterContentInit(){const updateTiles=()=>{this.unsubscribeTiles$.next(),setTimeout((()=>{this.selectionTiles.forEach((tile=>{tile.name=this.name,tile.change.pipe((0,takeUntil.Q)(this.unsubscribeTiles$)).subscribe((()=>{this.multiple||(this.selectionTiles.forEach((otherTile=>{otherTile!==tile&&(otherTile.selected=!1)})),tile.selected=!0),this.selected.emit({value:tile.value,selected:tile.selected,name:this.name}),this.onChange(tile.value)})),tile.multiple=this.multiple}))}))};updateTiles(),this.selectionTiles.changes.pipe((0,takeUntil.Q)(this.unsubscribe$)).subscribe((_=>updateTiles()))}ngOnDestroy(){this.unsubscribe$.next(),this.unsubscribe$.complete(),this.unsubscribeTiles$.next(),this.unsubscribeTiles$.complete()}writeValue(value){this.selectionTiles&&this.selectionTiles.forEach((tile=>{tile.value===value?tile.selected=!0:tile.selected=!1}))}registerOnChange(fn){this.onChange=fn}registerOnTouched(fn){this.onTouched=fn}isTemplate(value){return value instanceof core.TemplateRef}static{this.ctorParameters=()=>[]}static{this.propDecorators={name:[{type:core.Input}],multiple:[{type:core.Input}],legend:[{type:core.Input}],selected:[{type:core.Output}],tileGroupClass:[{type:core.HostBinding,args:["class.cds--tile-group"]}],selectionTiles:[{type:core.ContentChildren,args:[SelectionTile]}]}}};TileGroup=TileGroup_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tile-group, ibm-tile-group",template:'\n\t\t<fieldset>\n\t\t\t@if (legend) {\n\t\t\t\t<legend class="cds--label">\n\t\t\t\t\t@if (isTemplate(legend)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="legend" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{legend}}\n\t\t\t\t\t}\n\t\t\t\t</legend>\n\t\t\t}\n\t\t\t<ng-content select="ibm-selection-tile,cds-selection-tile" />\n\t\t</fieldset>',providers:[{provide:fesm2022_forms.kq,useExisting:TileGroup,multi:!0}],changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],TileGroup);let Tile=class Tile{constructor(){this.tileClass=!0,this.hasRoundedCorners=!1,this.theme="dark"}get lightThemeEnabled(){return"light"===this.theme}get hasDecorator(){return!!this.decorator}get decoratorRounded(){return!!this.decorator&&this.hasRoundedCorners}static{this.propDecorators={tileClass:[{type:core.HostBinding,args:["class.cds--tile"]}],lightThemeEnabled:[{type:core.HostBinding,args:["class.cds--tile--light"]}],hasDecorator:[{type:core.HostBinding,args:["class.cds--tile--decorator"]}],decoratorRounded:[{type:core.HostBinding,args:["class.cds--tile--decorator-rounded"]}],decorator:[{type:core.Input}],hasRoundedCorners:[{type:core.Input}],theme:[{type:core.Input}]}}};Tile=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tile, ibm-tile",template:'\n\t\t<ng-content></ng-content>\n\t\t@if (decorator) {\n\n\t\t\t<div class="cds--tile--inner-decorator">\n\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t</div>\n\n}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3],standalone:!0})],Tile);let TilesModule=class TilesModule{};TilesModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Tile,ClickableTile,ClickableTileIconDirective,ExpandableTile,SelectionTile,TileGroup],imports:[common_module_Dx7dWex5.MD,icon.LJ,Tile,ClickableTile,ClickableTileIconDirective,ExpandableTileAboveFoldDirective,ExpandableTileBelowFoldDirective,ExpandableTile,SelectionTile,TileGroup]})],TilesModule)}}]);
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[3419],{"./src/layer/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{P:()=>LayerDirective,G:()=>LayerModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let LayerDirective=class LayerDirective{set ibmLayer(level){this.cdsLayer=level}set cdsLayer(level){"number"==typeof level&&(this._passedLevel=level,this.layer=level)}get cdsLayer(){return this._passedLevel}set layer(level){"number"==typeof level&&(this._level=Math.max(0,Math.min(level,2)),this.layerChildren&&this.layerChildren.forEach((layer=>{layer!==this&&(layer.layer="number"==typeof layer._passedLevel?layer._passedLevel:this.layer+1)})))}get layer(){return this._level}get layerOneClass(){return 0===this.layer}get layerTwoClass(){return 1===this.layer}get layerThreeClass(){return 2===this.layer}ngAfterContentInit(){"number"!=typeof this.cdsLayer&&(this.layer=1)}static{this.propDecorators={ibmLayer:[{type:core.Input}],cdsLayer:[{type:core.Input}],layerOneClass:[{type:core.HostBinding,args:["class.cds--layer-one"]}],layerTwoClass:[{type:core.HostBinding,args:["class.cds--layer-two"]}],layerThreeClass:[{type:core.HostBinding,args:["class.cds--layer-three"]}],layerChildren:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>LayerDirective)),{descendants:!1}]}]}}};LayerDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsLayer], [ibmLayer]",exportAs:"layer",standalone:!0})],LayerDirective);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let LayerModule=class LayerModule{};LayerModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[LayerDirective],imports:[common_module_Dx7dWex5.MD,LayerDirective]})],LayerModule)},"./src/link/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{N_:()=>Link,VM:()=>LinkModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Link=class Link{constructor(){this.baseClass=!0,this.inline=!1,this.visited=!1}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizeLg(){return"lg"===this.size}set disabled(disabled){this._disabled=disabled,this.tabindex=this.disabled?-1:null}get disabled(){return this._disabled}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--link"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],inline:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--inline"]}],size:[{type:core.Input}],sizeSm:[{type:core.HostBinding,args:["class.cds--link--sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--link--md"]}],sizeLg:[{type:core.HostBinding,args:["class.cds--link--lg"]}],visited:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--visited"]}],disabled:[{type:core.Input},{type:core.HostBinding,args:["attr.aria-disabled"]},{type:core.HostBinding,args:["class.cds--link--disabled"]}]}}};Link=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsLink], [ibmLink]",standalone:!0})],Link);let LinkIconDirective=class LinkIconDirective{constructor(){this.iconClass=!0}static{this.propDecorators={iconClass:[{type:core.HostBinding,args:["class.cds--link__icon"]}]}}};LinkIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[ibmLinkIcon], [cdsLinkIcon]",standalone:!0})],LinkIconDirective);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let LinkModule=class LinkModule{};LinkModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Link,LinkIconDirective],imports:[common_module_Dx7dWex5.MD,Link,LinkIconDirective]})],LinkModule)},"./src/tiles/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{t3:()=>ClickableTile,BY:()=>ExpandableTile,bp:()=>SelectionTile,FA:()=>Tile,iS:()=>TileGroup,mt:()=>TilesModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let ClickableTileIconDirective=class ClickableTileIconDirective{constructor(){this.icon=!0}static{this.propDecorators={icon:[{type:core.HostBinding,args:["class.cds--tile--icon"]}]}}};ClickableTileIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsClickableTileIcon], [ibmClickableTileIcon]",standalone:!0})],ClickableTileIconDirective);var router_Dwfin5Au=__webpack_require__("./node_modules/@angular/router/fesm2022/router-Dwfin5Au.mjs"),src_link=__webpack_require__("./src/link/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ClickableTile=class ClickableTile{constructor(router){this.router=router,this.theme="dark",this.href="#",this.disabled=!1,this.hasRoundedCorners=!1,this.navigation=new core.EventEmitter}navigate(event){if(this.router&&this.route&&!this.disabled){event.preventDefault();const status=this.router.navigate(this.route,this.routeExtras);this.navigation.emit(status)}}static{this.ctorParameters=()=>[{type:router_Dwfin5Au.Ix,decorators:[{type:core.Optional}]}]}static{this.propDecorators={theme:[{type:core.Input}],href:[{type:core.Input}],target:[{type:core.Input}],rel:[{type:core.Input}],disabled:[{type:core.Input}],decorator:[{type:core.Input}],hasRoundedCorners:[{type:core.Input}],route:[{type:core.Input}],routeExtras:[{type:core.Input}],navigation:[{type:core.Output}]}}};ClickableTile=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-clickable-tile, ibm-clickable-tile",template:'\n\t\t<a\n\t\t\tcdsLink\n\t\t\tclass="cds--tile cds--tile--clickable"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tile--light\': theme === \'light\',\n\t\t\t\t\'cds--tile--disabled cds--link--disabled\' : disabled,\n\t\t\t\t\'cds--tile--decorator\': !!decorator,\n\t\t\t\t\'cds--tile--decorator-rounded\': !!decorator && hasRoundedCorners\n\t\t\t}"\n\t\t\ttabindex="0"\n\t\t\t(click)="navigate($event)"\n\t\t\t[attr.href]="disabled ? null : href"\n\t\t\t[attr.target]="target"\n\t\t\t[attr.rel]="rel ? rel : null"\n\t\t\t[attr.aria-disabled]="disabled">\n\t\t\t<ng-content></ng-content>\n\t\t\t@if (decorator) {\n\n\t\t\t\t<div class="cds--tile--inner-decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\n}\n\t\t</a>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[src_link.N_,common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3]})],ClickableTile);var i18n=__webpack_require__("./src/i18n/index.ts"),utils=__webpack_require__("./src/utils/index.ts"),icon=__webpack_require__("./src/icon/index.ts");let ExpandableTile=class ExpandableTile{set translations(value){const valueWithDefaults=(0,utils.h1)(this.i18n.getMultiple("TILES"),value);this.expand.override(valueWithDefaults.EXPAND),this.collapse.override(valueWithDefaults.COLLAPSE)}constructor(i18n,element){this.i18n=i18n,this.element=element,this.theme="dark",this.expanded=!1,this.interactive=!1,this.hasRoundedCorners=!1,this.tileMaxHeight=0,this.currentExpandedHeight=0,this.expand=this.i18n.getOverridable("TILES.EXPAND"),this.collapse=this.i18n.getOverridable("TILES.COLLAPSE")}ngAfterViewInit(){this.updateMaxHeight()}get expandedHeight(){const tile=this.element.nativeElement.querySelector(".cds--tile"),tilePadding=parseInt(getComputedStyle(tile).paddingBottom,10)+parseInt(getComputedStyle(tile).paddingTop,10),expandedHeight=this.tileMaxHeight+tilePadding;return isNaN(expandedHeight)||(this.currentExpandedHeight=expandedHeight),this.currentExpandedHeight}updateMaxHeight(){this.expanded?this.tileMaxHeight=this.tileContainer.nativeElement.getBoundingClientRect().height:this.tileMaxHeight=this.element.nativeElement.querySelector(".cds--tile-content__above-the-fold").getBoundingClientRect().height}onClick(){this.expanded=!this.expanded,this.updateMaxHeight()}static{this.ctorParameters=()=>[{type:i18n.F2},{type:core.ElementRef}]}static{this.propDecorators={theme:[{type:core.Input}],expanded:[{type:core.Input}],interactive:[{type:core.Input}],decorator:[{type:core.Input}],hasRoundedCorners:[{type:core.Input}],translations:[{type:core.Input}],tileContainer:[{type:core.ViewChild,args:["container"]}]}}};ExpandableTile=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-expandable-tile, ibm-expandable-tile",template:'\n\t\t@if (!interactive) {\n\t\t\t<button\n\t\t\t\tclass="cds--tile cds--tile--expandable"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--tile--is-expanded\' : expanded,\n\t\t\t\t\t\'cds--tile--light\': theme === \'light\'\n\t\t\t\t}"\n\t\t\t\t[ngStyle]="{\'max-height\': expandedHeight + \'px\'}"\n\t\t\t\ttype="button"\n\t\t\t\t(click)="onClick()"\n\t\t\t\t[attr.aria-expanded]="expanded"\n\t\t\t\t[attr.title]="(expanded ? collapse.subject : expand.subject) | async">\n\t\t\t\t<ng-container *ngTemplateOutlet="expandableTileContent"></ng-container>\n\t\t\t</button>\n\t\t}\n\t\t@if (interactive) {\n\t\t\t<div\n\t\t\t\tclass="cds--tile cds--tile--expandable cds--tile--expandable--interactive"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--tile--is-expanded\' : expanded,\n\t\t\t\t\t\'cds--tile--light\': theme === \'light\',\n\t\t\t\t\t\'cds--tile--decorator\': !!decorator,\n\t\t\t\t\t\'cds--tile--decorator-rounded\': !!decorator && hasRoundedCorners\n\t\t\t\t}"\n\t\t\t\t[ngStyle]="{\'max-height\': expandedHeight + \'px\'}"\n\t\t\t\t[attr.title]="(expanded ? collapse.subject : expand.subject) | async">\n\t\t\t\t<ng-container *ngTemplateOutlet="expandableTileContent"></ng-container>\n\t\t\t</div>\n\t\t}\n\n\t\t<ng-template #chevronIcon>\n\t\t\t<svg cdsIcon="chevron--down" size="16"></svg>\n\t\t</ng-template>\n\n\t\t<ng-template #expandableTileContent>\n\t\t\t<div #container>\n\t\t\t\t@if (interactive && decorator) {\n\t\t\t\t\t<div class="cds--tile--inner-decorator">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class="cds--tile-content">\n\t\t\t\t\t<ng-content select="[cdsAboveFold],[ibmAboveFold],.cds--tile-content__above-the-fold"></ng-content>\n\t\t\t\t</div>\n\t\t\t\t@if (!interactive) {\n\t\t\t\t\t<div class="cds--tile__chevron">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet="chevronIcon"></ng-container>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (interactive) {\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass="cds--tile__chevron cds--tile__chevron--interactive"\n\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\t(click)="onClick()"\n\t\t\t\t\t\t[attr.aria-expanded]="expanded"\n\t\t\t\t\t\t[attr.aria-label]="(expanded ? collapse.subject : expand.subject) | async">\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet="chevronIcon"></ng-container>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t\t<div class="cds--tile-content">\n\t\t\t\t\t<ng-content select="[cdsBelowFold],[ibmBelowFold],.cds--tile-content__below-the-fold"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.B3,common_module_Dx7dWex5.T3,icon.LJ,common_module_Dx7dWex5.Jj]})],ExpandableTile);let ExpandableTileAboveFoldDirective=class ExpandableTileAboveFoldDirective{constructor(){this.aboveFold=!0}static{this.propDecorators={aboveFold:[{type:core.HostBinding,args:["class.cds--tile-content__above-the-fold"]}]}}};ExpandableTileAboveFoldDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsAboveFold], [ibmAboveFold]",standalone:!0})],ExpandableTileAboveFoldDirective);let ExpandableTileBelowFoldDirective=class ExpandableTileBelowFoldDirective{constructor(){this.belowFold=!0}static{this.propDecorators={belowFold:[{type:core.HostBinding,args:["class.cds--tile-content__below-the-fold"]}]}}};var SelectionTile_1;ExpandableTileBelowFoldDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsBelowFold], [ibmBelowFold]",standalone:!0})],ExpandableTileBelowFoldDirective);let SelectionTile=class SelectionTile{static{SelectionTile_1=this}static{this.tileCount=0}set selected(value){this._selected=!!value||null,this.input&&(this.input.nativeElement.checked=this._selected),this.changeDetectorRef.markForCheck()}get selected(){return!!this.input&&this.input.nativeElement.checked}constructor(i18n,changeDetectorRef){this.i18n=i18n,this.changeDetectorRef=changeDetectorRef,this.theme="dark",this.id=`tile-${SelectionTile_1.tileCount}`,this.change=new core.EventEmitter,this.disabled=!1,this.hasRoundedCorners=!1,this.name="tile-group-unbound",this.multiple=!0,this._selected=null,SelectionTile_1.tileCount++}ngAfterViewInit(){this.input&&setTimeout((()=>{this.input.nativeElement.checked=this._selected,this.changeDetectorRef.markForCheck()}))}keyboardInput(event){"Enter"!==event.key&&"Spacebar"!==event.key&&" "!==event.key||(this.selected=!this.selected,this.change.emit(event))}onChange(event){this.change.emit(event)}static{this.ctorParameters=()=>[{type:i18n.F2},{type:core.ChangeDetectorRef}]}static{this.propDecorators={theme:[{type:core.Input}],id:[{type:core.Input}],selected:[{type:core.Input}],value:[{type:core.Input}],change:[{type:core.Output}],disabled:[{type:core.Input}],decorator:[{type:core.Input}],hasRoundedCorners:[{type:core.Input}],input:[{type:core.ViewChild,args:["input",{static:!0}]}],keyboardInput:[{type:core.HostListener,args:["keydown",["$event"]]}]}}};SelectionTile=SelectionTile_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-selection-tile, ibm-selection-tile",template:'\n\t\t<input\n\t\t\t#input\n\t\t\t[attr.tabindex]="disabled ? null : 0"\n\t\t\tclass="cds--tile-input"\n\t\t\t[id]="id"\n\t\t\t[disabled]="disabled"\n\t\t\t[type]="(multiple ? \'checkbox\': \'radio\')"\n\t\t\t[value]="value"\n\t\t\t[name]="name"\n\t\t\t(change)="onChange($event)"/>\n\t\t<label\n\t\t\tclass="cds--tile cds--tile--selectable"\n\t\t\t[for]="id"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tile--is-selected\' : selected,\n\t\t\t\t\'cds--tile--light\': theme === \'light\',\n\t\t\t\t\'cds--tile--disabled\' : disabled,\n\t\t\t\t\'cds--tile--decorator\': !!decorator,\n\t\t\t\t\'cds--tile--decorator-rounded\': !!decorator && hasRoundedCorners\n\t\t\t}"\n\t\t\t[attr.aria-label]="i18n.get(\'TILES.TILE\') | async">\n\t\t\t<div class="cds--tile__checkmark"\n\t\t\t\t[class.cds--tile__checkmark--persistent]="multiple">\n\t\t\t\t@if (!selected) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\t[cdsIcon]="multiple ? \'checkbox\' : \'checkmark\'"\n\t\t\t\t\t\tsize="16">\n\t\t\t\t\t</svg>\n\t\t\t\t} @else {\n\t\t\t\t\t<svg [cdsIcon]="multiple ? \'checkbox--checked--filled\' : \'checkmark--filled\'" size="16"></svg>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div class="cds--tile-content">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t\t@if (decorator) {\n\t\t\t\t<div class="cds--tile--inner-decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</label>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.Jj,common_module_Dx7dWex5.T3,icon.LJ]})],SelectionTile);var TileGroup_1,fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js");let TileGroup=class TileGroup{static{TileGroup_1=this}static{this.tileGroupCount=0}constructor(){this.name=`tile-group-${TileGroup_1.tileGroupCount}`,this.multiple=!1,this.selected=new core.EventEmitter,this.tileGroupClass=!0,this.unsubscribe$=new Subject.B,this.unsubscribeTiles$=new Subject.B,this.onChange=_=>{},this.onTouched=()=>{},TileGroup_1.tileGroupCount++}ngAfterContentInit(){const updateTiles=()=>{this.unsubscribeTiles$.next(),setTimeout((()=>{this.selectionTiles.forEach((tile=>{tile.name=this.name,tile.change.pipe((0,takeUntil.Q)(this.unsubscribeTiles$)).subscribe((()=>{this.multiple||(this.selectionTiles.forEach((otherTile=>{otherTile!==tile&&(otherTile.selected=!1)})),tile.selected=!0),this.selected.emit({value:tile.value,selected:tile.selected,name:this.name}),this.onChange(tile.value)})),tile.multiple=this.multiple}))}))};updateTiles(),this.selectionTiles.changes.pipe((0,takeUntil.Q)(this.unsubscribe$)).subscribe((_=>updateTiles()))}ngOnDestroy(){this.unsubscribe$.next(),this.unsubscribe$.complete(),this.unsubscribeTiles$.next(),this.unsubscribeTiles$.complete()}writeValue(value){this.selectionTiles&&this.selectionTiles.forEach((tile=>{tile.value===value?tile.selected=!0:tile.selected=!1}))}registerOnChange(fn){this.onChange=fn}registerOnTouched(fn){this.onTouched=fn}isTemplate(value){return value instanceof core.TemplateRef}static{this.ctorParameters=()=>[]}static{this.propDecorators={name:[{type:core.Input}],multiple:[{type:core.Input}],legend:[{type:core.Input}],selected:[{type:core.Output}],tileGroupClass:[{type:core.HostBinding,args:["class.cds--tile-group"]}],selectionTiles:[{type:core.ContentChildren,args:[SelectionTile]}]}}};TileGroup=TileGroup_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tile-group, ibm-tile-group",template:'\n\t\t<fieldset>\n\t\t\t@if (legend) {\n\t\t\t\t<legend class="cds--label">\n\t\t\t\t\t@if (isTemplate(legend)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="legend" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{legend}}\n\t\t\t\t\t}\n\t\t\t\t</legend>\n\t\t\t}\n\t\t\t<ng-content select="ibm-selection-tile,cds-selection-tile" />\n\t\t</fieldset>',providers:[{provide:fesm2022_forms.kq,useExisting:TileGroup,multi:!0}],changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],TileGroup);let Tile=class Tile{constructor(){this.tileClass=!0,this.hasRoundedCorners=!1,this.theme="dark"}get lightThemeEnabled(){return"light"===this.theme}get hasDecorator(){return!!this.decorator}get decoratorRounded(){return!!this.decorator&&this.hasRoundedCorners}static{this.propDecorators={tileClass:[{type:core.HostBinding,args:["class.cds--tile"]}],lightThemeEnabled:[{type:core.HostBinding,args:["class.cds--tile--light"]}],hasDecorator:[{type:core.HostBinding,args:["class.cds--tile--decorator"]}],decoratorRounded:[{type:core.HostBinding,args:["class.cds--tile--decorator-rounded"]}],decorator:[{type:core.Input}],hasRoundedCorners:[{type:core.Input}],theme:[{type:core.Input}]}}};Tile=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tile, ibm-tile",template:'\n\t\t<ng-content />\n\t\t@if (decorator) {\n\t\t\t<div class="cds--tile--inner-decorator">\n\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t</div>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3],standalone:!0})],Tile);let TilesModule=class TilesModule{};TilesModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Tile,ClickableTile,ClickableTileIconDirective,ExpandableTile,SelectionTile,TileGroup],imports:[common_module_Dx7dWex5.MD,icon.LJ,Tile,ClickableTile,ClickableTileIconDirective,ExpandableTileAboveFoldDirective,ExpandableTileBelowFoldDirective,ExpandableTile,SelectionTile,TileGroup]})],TilesModule)}}]);

package/docs/storybook/{4333.ab38752d.iframe.bundle.js → 4333.fefbcaa4.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[4333],{"./src/input/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{x1:()=>InputModule,JU:()=>Label,yA:()=>PasswordInput,LP:()=>PasswordInputLabelComponent,fs:()=>TextArea,ks:()=>TextInput,Zt:()=>TextInputLabelComponent,_P:()=>TextareaLabelComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let TextInput=class TextInput{constructor(){this.theme="dark",this.size="md",this.inputClass=!0,this.invalid=!1,this.warn=!1,this.skeleton=!1}get isSizeSm(){return"sm"===this.size}get isSizeMd(){return"md"===this.size}get isSizelg(){return"lg"===this.size}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizelg(){return"lg"===this.size}get isLightTheme(){return"light"===this.theme}get getInvalidAttribute(){return!!this.invalid||void 0}static{this.propDecorators={theme:[{type:core.Input}],size:[{type:core.Input}],inputClass:[{type:core.HostBinding,args:["class.cds--text-input"]}],isSizeSm:[{type:core.HostBinding,args:["class.cds--text-input--sm"]}],isSizeMd:[{type:core.HostBinding,args:["class.cds--text-input--md"]}],isSizelg:[{type:core.HostBinding,args:["class.cds--text-input--lg"]}],sizeSm:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],sizelg:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],invalid:[{type:core.HostBinding,args:["class.cds--text-input--invalid"]},{type:core.Input}],warn:[{type:core.HostBinding,args:["class.cds--text-input--warning"]},{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],isLightTheme:[{type:core.HostBinding,args:["class.cds--text-input--light"]}],getInvalidAttribute:[{type:core.HostBinding,args:["attr.data-invalid"]}]}}};TextInput=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsText], [ibmText]",standalone:!0})],TextInput);var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let TextArea=class TextArea{constructor(){this.theme="dark",this.baseClass=!0,this.invalid=!1,this.warn=!1,this.skeleton=!1}get isLightTheme(){return"light"===this.theme}get getInvalidAttr(){return!!this.invalid||void 0}static{this.propDecorators={theme:[{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--text-area"]}],invalid:[{type:core.HostBinding,args:["class.cds--text-area--invalid"]},{type:core.Input}],warn:[{type:core.HostBinding,args:["class.cds--text-area--warn"]},{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],isLightTheme:[{type:core.HostBinding,args:["class.cds--text-area--light"]}],getInvalidAttr:[{type:core.HostBinding,args:["attr.data-invalid"]}]}}};TextArea=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsTextArea], [ibmTextArea]",standalone:!0})],TextArea);let PasswordInput=class PasswordInput{set type(type){type&&(this._type=type,this.elementRef&&this.renderer.setAttribute(this.elementRef.nativeElement,"type",this._type))}get isSizeSm(){return"sm"===this.size}get isSizeMd(){return"md"===this.size}get isSizelg(){return"lg"===this.size}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizelg(){return"lg"===this.size}get isLightTheme(){return"light"===this.theme}get getInvalidAttribute(){return!!this.invalid||void 0}constructor(elementRef,renderer){this.elementRef=elementRef,this.renderer=renderer,this.passwordInputClass=!0,this.inputClass=!0,this.invalid=!1,this.warn=!1,this.skeleton=!1,this.theme="dark",this.size="md",this._type="password"}ngAfterViewInit(){this.renderer.setAttribute(this.elementRef.nativeElement,"type",this._type)}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:core.Renderer2}]}static{this.propDecorators={type:[{type:core.Input}],passwordInputClass:[{type:core.HostBinding,args:["class.cds--password-input"]}],isSizeSm:[{type:core.HostBinding,args:["class.cds--text-input--sm"]}],isSizeMd:[{type:core.HostBinding,args:["class.cds--text-input--md"]}],isSizelg:[{type:core.HostBinding,args:["class.cds--text-input--lg"]}],sizeSm:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],sizelg:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],isLightTheme:[{type:core.HostBinding,args:["class.cds--text-input--light"]}],inputClass:[{type:core.HostBinding,args:["class.cds--text-input"]}],invalid:[{type:core.HostBinding,args:["class.cds--text-input--invalid"]},{type:core.Input}],warn:[{type:core.HostBinding,args:["class.cds--text-input--warning"]},{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],theme:[{type:core.Input}],size:[{type:core.Input}],getInvalidAttribute:[{type:core.HostBinding,args:["attr.data-invalid"]}]}}};PasswordInput=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsPassword], [ibmPassword]",standalone:!0})],PasswordInput);var TextareaLabelComponent_1,icon=__webpack_require__("./src/icon/index.ts");let TextareaLabelComponent=class TextareaLabelComponent{static{TextareaLabelComponent_1=this}get isReadonly(){return this.wrapper?.nativeElement.querySelector("textarea")?.readOnly??!1}get fluidClass(){return this.fluid&&!this.skeleton}get fluidSkeletonClass(){return this.fluid&&this.skeleton}static{this.labelCounter=0}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.labelInputID="ibm-textarea-"+TextareaLabelComponent_1.labelCounter,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.warn=!1,this.fluid=!1,this.hideLabel=!1,this.enableCounter=!1,this.counterMode="character",this.textCount=0,this.labelClass=!0,this._textareaElement=null,this._inputListener=null}ngAfterViewInit(){if(this.wrapper){const inputElement=this.wrapper.nativeElement.querySelector("textarea");if(inputElement)return inputElement.id&&(this.labelInputID=inputElement.id,this.changeDetectorRef.detectChanges()),inputElement.setAttribute("id",this.labelInputID),this._textareaElement=inputElement,this._syncMaxLength(),void(this.enableCounter&&(this.textCount=this._countValue(inputElement.value||""),this._attachCounterListener()));const divElement=this.wrapper.nativeElement.querySelector("div");divElement&&(divElement.id&&(this.labelInputID=divElement.id,this.changeDetectorRef.detectChanges()),divElement.setAttribute("id",this.labelInputID))}}ngOnChanges(changes){changes.enableCounter&&!changes.enableCounter.firstChange&&(changes.enableCounter.currentValue?this._textareaElement&&(this.textCount=this._countValue(this._textareaElement.value||""),this._attachCounterListener(),this.changeDetectorRef.detectChanges()):this._detachCounterListener()),!changes.maxCount&&!changes.counterMode||changes.maxCount?.firstChange&&changes.counterMode?.firstChange||this._syncMaxLength()}ngOnDestroy(){this._detachCounterListener()}isTemplate(value){return value instanceof core.TemplateRef}_syncMaxLength(){this._textareaElement&&("character"===this.counterMode&&null!=this.maxCount?this._textareaElement.setAttribute("maxlength",String(this.maxCount)):this._textareaElement.removeAttribute("maxlength"))}_attachCounterListener(){this._detachCounterListener(),this._textareaElement&&(this._inputListener=e=>{const el=e.target;if("word"===this.counterMode&&null!=this.maxCount){const clamped=this._truncateToWordLimit(el.value||"",this.maxCount);clamped!==el.value&&(el.value=clamped)}this.textCount=this._countValue(el.value||"")},this._textareaElement.addEventListener("input",this._inputListener))}_truncateToWordLimit(value,limit){let wordsSeen=0;const wordPattern=/\p{L}+/gu;let match,cutIndex=value.length;for(;null!==(match=wordPattern.exec(value));)if(wordsSeen++,wordsSeen===limit){cutIndex=match.index+match[0].length;break}return wordsSeen<limit?value:value.slice(0,cutIndex)}_detachCounterListener(){this._inputListener&&this._textareaElement&&(this._textareaElement.removeEventListener("input",this._inputListener),this._inputListener=null)}_countValue(value){return"word"===this.counterMode?value.match(/\p{L}+/gu)?.length||0:value.length}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={isReadonly:[{type:core.HostBinding,args:["class.cds--text-area__wrapper--readonly"]}],fluidClass:[{type:core.HostBinding,args:["class.cds--text-area--fluid"]}],fluidSkeletonClass:[{type:core.HostBinding,args:["class.cds--text-area--fluid__skeleton"]}],labelInputID:[{type:core.Input}],disabled:[{type:core.Input}],skeleton:[{type:core.Input}],labelTemplate:[{type:core.Input}],textAreaTemplate:[{type:core.Input}],helperText:[{type:core.Input}],invalidText:[{type:core.Input}],invalid:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],ariaLabel:[{type:core.Input}],fluid:[{type:core.Input}],hideLabel:[{type:core.Input}],enableCounter:[{type:core.Input}],maxCount:[{type:core.Input}],counterMode:[{type:core.Input}],decorator:[{type:core.Input}],wrapper:[{type:core.ViewChild,args:["wrapper",{static:!1}]}],textArea:[{type:core.ContentChild,args:[TextArea,{static:!1}]}],labelClass:[{type:core.HostBinding,args:["class.cds--form-item"]}]}}};var TextInputLabelComponent_1;TextareaLabelComponent=TextareaLabelComponent_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-textarea-label, ibm-textarea-label",template:'\n\t\t@if (skeleton) {\n\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t<div class="cds--text-area cds--skeleton"></div>\n\t\t}\n\t\t@if (!skeleton) {\n\t\t\t<div class="cds--text-area__label-wrapper">\n\t\t\t\t<label\n\t\t\t\t\t[for]="labelInputID"\n\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t}">\n\t\t\t\t\t@if (labelTemplate) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="labelTemplate"></ng-template>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t}\n\t\t\t\t</label>\n\t\t\t\t@if (enableCounter && maxCount) {\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t[ngClass]="{\'cds--label--disabled\': disabled}"\n\t\t\t\t\t\taria-hidden="true">\n\t\t\t\t\t\t{{textCount}}/{{maxCount}}\n\t\t\t\t\t</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclass="cds--text-area__wrapper"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--text-area__wrapper--warn\': warn,\n\t\t\t\t\t\'cds--text-area__wrapper--decorator\': !!decorator\n\t\t\t\t}"\n\t\t\t\t[attr.data-invalid]="(invalid ? true : null)"\n\t\t\t\t#wrapper>\n\t\t\t\t@if (!fluid && invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--text-area__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (!fluid && !invalid && warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--text-area__invalid-icon cds--text-area__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (textAreaTemplate) {\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="textAreaTemplate"></ng-template>\n\t\t\t\t} @else {\n\t\t\t\t\t<ng-content select="[cdsTextArea],[ibmTextArea],textarea"></ng-content>\n\t\t\t\t}\n\t\t\t\t@if (decorator) {\n\t\t\t\t\t<div class="cds--text-area__inner-wrapper--decorator">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t@if (fluid) {\n\t\t\t\t\t<hr class="cds--text-area__divider" />\n\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t\tclass="cds--text-area__invalid-icon">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t\tclass="cds--text-area__invalid-icon cds--text-area__invalid-icon--warning">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (!fluid) {\n\t\t\t\t@if (helperText && !invalid && !warn) {\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t\t[ngClass]="{\'cds--form__helper-text--disabled\': disabled}">\n\t\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (invalid) {\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ]})],TextareaLabelComponent);let TextInputLabelComponent=class TextInputLabelComponent{static{TextInputLabelComponent_1=this}get isInlineWrapper(){return this.inline}get isReadonly(){return this.wrapper?.nativeElement.querySelector("input")?.readOnly??!1}get fluidClass(){return this.fluid&&!this.skeleton}get fluidSkeletonClass(){return this.fluid&&this.skeleton}static{this.labelCounter=0}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.labelInputID="ibm-text-input-"+TextInputLabelComponent_1.labelCounter++,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.warn=!1,this.fluid=!1,this.hideLabel=!1,this.inline=!1,this.size="md",this.enableCounter=!1,this.textCount=0,this.labelClass=!0,this.textInputWrapper=!0,this._inputElement=null,this._inputListener=null}ngAfterViewInit(){if(this.wrapper){const inputElement=this.wrapper.nativeElement.querySelector("input");if(inputElement)return inputElement.id&&(this.labelInputID=inputElement.id,this.changeDetectorRef.detectChanges()),inputElement.setAttribute("id",this.labelInputID),this._inputElement=inputElement,void(this.enableCounter&&(this.textCount=inputElement.value?.length||0,this._attachCounterListener()));const divElement=this.wrapper.nativeElement.querySelector("div");divElement&&(divElement.id&&(this.labelInputID=divElement.id,this.changeDetectorRef.detectChanges()),divElement.setAttribute("id",this.labelInputID))}}ngOnChanges(changes){changes.enableCounter&&!changes.enableCounter.firstChange&&(changes.enableCounter.currentValue?this._inputElement&&(this.textCount=this._inputElement.value?.length||0,this._attachCounterListener(),this.changeDetectorRef.detectChanges()):this._detachCounterListener())}ngAfterContentInit(){this.changeDetectorRef.detectChanges()}ngOnDestroy(){this._detachCounterListener()}isTemplate(value){return value instanceof core.TemplateRef}_attachCounterListener(){this._detachCounterListener(),this._inputElement&&(this._inputListener=e=>{this.textCount=e.target.value?.length||0,this.changeDetectorRef.detectChanges()},this._inputElement.addEventListener("input",this._inputListener))}_detachCounterListener(){this._inputListener&&this._inputElement&&(this._inputElement.removeEventListener("input",this._inputListener),this._inputListener=null)}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={isInlineWrapper:[{type:core.HostBinding,args:["class.cds--text-input-wrapper--inline"]}],isReadonly:[{type:core.HostBinding,args:["class.cds--text-input-wrapper--readonly"]}],fluidClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid"]}],fluidSkeletonClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid__skeleton"]}],labelInputID:[{type:core.Input}],disabled:[{type:core.Input}],skeleton:[{type:core.Input}],labelTemplate:[{type:core.Input}],textInputTemplate:[{type:core.Input}],helperText:[{type:core.Input}],invalidText:[{type:core.Input}],invalid:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],ariaLabel:[{type:core.Input}],fluid:[{type:core.Input}],decorator:[{type:core.Input}],hideLabel:[{type:core.Input}],inline:[{type:core.Input}],size:[{type:core.Input}],enableCounter:[{type:core.Input}],maxCount:[{type:core.Input}],wrapper:[{type:core.ViewChild,args:["wrapper",{static:!1}]}],labelClass:[{type:core.HostBinding,args:["class.cds--form-item"]}],textInputWrapper:[{type:core.HostBinding,args:["class.cds--text-input-wrapper"]}]}}};TextInputLabelComponent=TextInputLabelComponent_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-text-label, ibm-text-label",template:'\n\t\t@if (skeleton) {\n\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t<div class="cds--text-input cds--skeleton"></div>\n\t\t}\n\t\t@if (!skeleton) {\n\t\t\t\x3c!-- non-inline: label-wrapper above field; inline: label+validation side-by-side --\x3e\n\t\t\t@if (!inline) {\n\t\t\t\t<div class="cds--text-input__label-wrapper">\n\t\t\t\t\t<label\n\t\t\t\t\t\t[for]="labelInputID"\n\t\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t\t}">\n\t\t\t\t\t\t@if (labelTemplate) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="labelTemplate"></ng-template>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t\t}\n\t\t\t\t\t</label>\n\t\t\t\t\t@if (enableCounter && maxCount) {\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t[ngClass]="{\'cds--label--disabled\': disabled}"\n\t\t\t\t\t\t\taria-hidden="true">\n\t\t\t\t\t\t\t{{textCount}}/{{maxCount}}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t} @else {\n\t\t\t\t<div class="cds--text-input__label-helper-wrapper">\n\t\t\t\t\t<div class="cds--text-input__label-wrapper">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]="labelInputID"\n\t\t\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel,\n\t\t\t\t\t\t\t\t\'cds--label--inline\': true,\n\t\t\t\t\t\t\t\t\'cds--label--inline--sm\': size === \'sm\',\n\t\t\t\t\t\t\t\t\'cds--label--inline--md\': size === \'md\',\n\t\t\t\t\t\t\t\t\'cds--label--inline--lg\': size === \'lg\'\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (labelTemplate) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="labelTemplate"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t@if (!fluid) {\n\t\t\t\t\t\t<ng-container [ngTemplateOutlet]="validationOrHelper"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div\n\t\t\t\tclass="cds--text-input__field-outer-wrapper"\n\t\t\t\t[ngClass]="{\'cds--text-input__field-outer-wrapper--inline\': inline}">\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--text-input__field-wrapper"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--text-input__field-wrapper--warning\': warn,\n\t\t\t\t\t\t\'cds--text-input__field-wrapper--decorator\': !!decorator\n\t\t\t\t\t}"\n\t\t\t\t\t[attr.data-invalid]="(invalid ? true : null)"\n\t\t\t\t\t#wrapper>\n\t\t\t\t\t@if (invalid && !warn) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--text-input__invalid-icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t\t@if (textInputTemplate) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="textInputTemplate"></ng-template>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<ng-content select="[cdsText],[ibmText],input[type=text],div"></ng-content>\n\t\t\t\t\t}\n\t\t\t\t\t@if (decorator) {\n\t\t\t\t\t\t<div class="cds--text-input__field-inner-wrapper--decorator">\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t@if (fluid) {\n\t\t\t\t\t\t<hr class="cds--text-input__divider" />\n\t\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (!fluid && !inline) {\n\t\t\t\t\t<ng-container [ngTemplateOutlet]="validationOrHelper"></ng-container>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t\t<ng-template #validationOrHelper>\n\t\t\t@if (helperText && !invalid && !warn) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[ngClass]="{\'cds--form__helper-text--disabled\': disabled, \'cds--form__helper-text--inline\': inline}">\n\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (invalid) {\n\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (!invalid && warn) {\n\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ]})],TextInputLabelComponent);var PasswordInputLabelComponent_1,src_button=__webpack_require__("./src/button/index.ts"),tooltip=__webpack_require__("./src/tooltip/index.ts");let PasswordInputLabelComponent=class PasswordInputLabelComponent extends src_button.TV{static{PasswordInputLabelComponent_1=this}static{this.labelCounter=0}get isReadonly(){return this.wrapper?.nativeElement.querySelector("input")?.readOnly??!1}get isInlineWrapper(){return this.inline}get fluidClass(){return this.fluid&&!this.skeleton}get fluidSkeletonClass(){return this.fluid&&this.skeleton}constructor(changeDetectorRef){super(),this.changeDetectorRef=changeDetectorRef,this.labelInputID="cds-password-input-"+PasswordInputLabelComponent_1.labelCounter++,this.inputType="password",this.passwordIsVisible=!1,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.warn=!1,this.hidePasswordLabel="Hide password",this.showPasswordLabel="Show password",this.fluid=!1,this.hideLabel=!1,this.inline=!1,this.togglePasswordVisibility=new core.EventEmitter,this.labelClass=!0,this.passwordInputWrapper=!0,this.textInputWrapper=!0}ngAfterViewInit(){if(this.wrapper){const inputElement=this.wrapper.nativeElement.querySelector("input");if(inputElement)return inputElement.id&&(this.labelInputID=inputElement.id,this.changeDetectorRef.detectChanges()),void inputElement.setAttribute("id",this.labelInputID)}}isTemplate(value){return value instanceof core.TemplateRef}handleTogglePasswordVisibility(){this.inputType="password"===this.inputType?"text":"password",this.textInput.type=this.inputType,this.passwordIsVisible="text"===this.inputType,this.togglePasswordVisibility.emit(this.inputType)}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={textInput:[{type:core.ContentChild,args:[PasswordInput]}],labelInputID:[{type:core.Input}],disabled:[{type:core.Input}],skeleton:[{type:core.Input}],labelTemplate:[{type:core.Input}],passwordInputTemplate:[{type:core.Input}],helperText:[{type:core.Input}],invalidText:[{type:core.Input}],invalid:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],ariaLabel:[{type:core.Input}],hidePasswordLabel:[{type:core.Input}],showPasswordLabel:[{type:core.Input}],fluid:[{type:core.Input}],hideLabel:[{type:core.Input}],inline:[{type:core.Input}],togglePasswordVisibility:[{type:core.Output}],wrapper:[{type:core.ViewChild,args:["wrapper",{static:!0}]}],labelClass:[{type:core.HostBinding,args:["class.cds--form-item"]}],passwordInputWrapper:[{type:core.HostBinding,args:["class.cds--password-input-wrapper"]}],textInputWrapper:[{type:core.HostBinding,args:["class.cds--text-input-wrapper"]}],isReadonly:[{type:core.HostBinding,args:["class.cds--text-input-wrapper--readonly"]}],isInlineWrapper:[{type:core.HostBinding,args:["class.cds--text-input-wrapper--inline"]}],fluidClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid"]}],fluidSkeletonClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid__skeleton"]}]}}};var Label_1;PasswordInputLabelComponent=PasswordInputLabelComponent_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-password-label, ibm-password-label",template:'\n\t\t@if (skeleton) {\n\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t<div class="cds--text-input cds--skeleton"></div>\n\t\t}\n\t\t@if (!skeleton) {\n\t\t\t<label\n\t\t\t\t[for]="labelInputID"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\tclass="cds--label"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\'cds--visually-hidden\': hideLabel,\n\t\t\t\t\t\'cds--label--inline\': inline\n\t\t\t\t}">\n\t\t\t\t@if (labelTemplate) {\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="labelTemplate"></ng-template>\n\t\t\t\t} @else {\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t}\n\t\t\t</label>\n\t\t}\n\n\t\t@if (!skeleton) {\n\t\t\t<div\n\t\t\t\tclass="cds--text-input__field-outer-wrapper"\n\t\t\t\t[ngClass]="{\'cds--text-input__field-outer-wrapper--inline\': inline}">\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--text-input__field-wrapper"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--text-input__field-wrapper--warning\': warn\n\t\t\t\t\t}"\n\t\t\t\t\t[attr.data-invalid]="invalid ? true : null"\n\t\t\t\t\t#wrapper>\n\t\t\t\t\t@if (!warn && invalid) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--text-input__invalid-icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-content select="[cdsPassword], [ibmPassword]"></ng-content>\n\t\t\t\t\t@if (!skeleton) {\n\t\t\t\t\t\t<cds-tooltip\n\t\t\t\t\t\t\t[description]="passwordIsVisible ? hidePasswordLabel : showPasswordLabel"\n\t\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t\t[caret]="caret"\n\t\t\t\t\t\t\t[dropShadow]="dropShadow"\n\t\t\t\t\t\t\t[highContrast]="highContrast"\n\t\t\t\t\t\t\t[isOpen]="isOpen"\n\t\t\t\t\t\t\t[align]="align"\n\t\t\t\t\t\t\t[autoAlign]="autoAlign"\n\t\t\t\t\t\t\t[enterDelayMs]="enterDelayMs"\n\t\t\t\t\t\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t\t\t\t\t\tclass="cds--toggle-password-tooltip">\n\t\t\t\t\t\t\t<div class="cds--tooltip-trigger__wrapper">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass="cds--text-input--password__visibility__toggle cds--btn cds--tooltip__trigger cds--tooltip--a11y"\n\t\t\t\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\t\t\t\t(click)="handleTogglePasswordVisibility($event)">\n\t\t\t\t\t\t\t\t\t@if (passwordIsVisible) {\n\t\t\t\t\t\t\t\t\t\t<svg cdsIcon="view--off" class="cds--icon-visibility-off" size="16"></svg>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t@if (!passwordIsVisible) {\n\t\t\t\t\t\t\t\t\t\t<svg cdsIcon="view" class="cds--icon-visibility-on" size="16"></svg>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t</cds-tooltip>\n\t\t\t\t}\n\n\t\t\t\t\t@if (fluid) {\n\t\t\t\t\t\t<hr class="cds--text-input__divider" />\n\t\t\t\t\t\t@if (!warn && invalid) {\n\t\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t\t{{ invalidText }}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t\t{{ warnText }}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (!fluid) {\n\t\t\t\t\t@if (!skeleton && helperText && !invalid && !warn) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t\t\t[ngClass]="{ \'cds--form__helper-text--disabled\': disabled }">\n\t\t\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t{{ helperText }}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\n\t\t\t\t\t@if (!warn && invalid) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t{{ invalidText }}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t{{ warnText }}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ,tooltip.m_]})],PasswordInputLabelComponent);let Label=class Label{static{Label_1=this}static{this.labelCounter=0}get labelClass(){return void 0===this.type}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.labelInputID="cds-label-"+Label_1.labelCounter++,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.warn=!1,this.hideLabel=!1,this.inline=!1,this.size="md",this.enableCounter=!1,this.counterMode="character"}ngAfterContentInit(){this.textArea?this.type="TextArea":this.textInput?this.type="TextInput":this.passwordInput&&(this.type="PasswordInput")}ngAfterViewInit(){if(this.wrapper){const inputElement=this.wrapper.nativeElement.querySelector("input,textarea");if(inputElement)return inputElement.id&&(this.labelInputID=inputElement.id,this.changeDetectorRef.detectChanges()),void inputElement.setAttribute("id",this.labelInputID);const divElement=this.wrapper.nativeElement.querySelector("div");divElement&&(divElement.id&&(this.labelInputID=divElement.id,this.changeDetectorRef.detectChanges()),divElement.setAttribute("id",this.labelInputID))}}isTemplate(value){return value instanceof core.TemplateRef}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={labelInputID:[{type:core.Input}],disabled:[{type:core.Input}],skeleton:[{type:core.Input}],helperText:[{type:core.Input}],invalidText:[{type:core.Input}],invalid:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],ariaLabel:[{type:core.Input}],hideLabel:[{type:core.Input}],inline:[{type:core.Input}],size:[{type:core.Input}],enableCounter:[{type:core.Input}],maxCount:[{type:core.Input}],counterMode:[{type:core.Input}],decorator:[{type:core.Input}],wrapper:[{type:core.ViewChild,args:["wrapper"]}],textArea:[{type:core.ContentChild,args:[TextArea]}],textInput:[{type:core.ContentChild,args:[TextInput,{static:!1}]}],passwordInput:[{type:core.ContentChild,args:[PasswordInput,{static:!1}]}],labelClass:[{type:core.HostBinding,args:["class.cds--form-item"]}]}}};Label=Label_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-label, ibm-label",template:'\n\t\t<ng-template #inputContentTemplate>\n\t\t\t<ng-content select="input,textarea,div" />\n\t\t</ng-template>\n\n\t\t<ng-template #labelContentTemplate>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\n\n\t\t@switch (type) {\n\t\t\t@case (\'TextArea\') {\n\t\t\t\t<cds-textarea-label\n\t\t\t\t\t[labelInputID]="labelInputID"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t[helperText]="helperText"\n\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t[warn]="warn"\n\t\t\t\t\t[warnText]="warnText"\n\t\t\t\t\t[ariaLabel]="ariaLabel"\n\t\t\t\t\t[hideLabel]="hideLabel"\n\t\t\t\t\t[enableCounter]="enableCounter"\n\t\t\t\t\t[maxCount]="maxCount"\n\t\t\t\t\t[counterMode]="counterMode"\n\t\t\t\t\t[decorator]="decorator"\n\t\t\t\t\t[labelTemplate]="labelContentTemplate"\n\t\t\t\t\t[textAreaTemplate]="inputContentTemplate">\n\t\t\t\t</cds-textarea-label>\n\t\t\t}\n\t\t\t@case (\'TextInput\') {\n\t\t\t\t<cds-text-label\n\t\t\t\t\t[labelInputID]="labelInputID"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t[helperText]="helperText"\n\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t[warn]="warn"\n\t\t\t\t\t[warnText]="warnText"\n\t\t\t\t\t[ariaLabel]="ariaLabel"\n\t\t\t\t\t[hideLabel]="hideLabel"\n\t\t\t\t\t[inline]="inline"\n\t\t\t\t\t[size]="size"\n\t\t\t\t\t[enableCounter]="enableCounter"\n\t\t\t\t\t[maxCount]="maxCount"\n\t\t\t\t\t[decorator]="decorator"\n\t\t\t\t\t[labelTemplate]="labelContentTemplate"\n\t\t\t\t\t[textInputTemplate]="inputContentTemplate">\n\t\t\t\t</cds-text-label>\n\t\t\t}\n\t\t\t@case (\'PasswordInput\') {\n\n\t\t\t\t<cds-password-label\n\t\t\t\t\t[labelInputID]="labelInputID"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t[helperText]="helperText"\n\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t[warn]="warn"\n\t\t\t\t\t[warnText]="warnText"\n\t\t\t\t\t[ariaLabel]="ariaLabel"\n\t\t\t\t\t[hideLabel]="hideLabel"\n\t\t\t\t\t[inline]="inline"\n\t\t\t\t\t[labelTemplate]="labelContentTemplate"\n\t\t\t\t\t[passwordInputTemplate]="inputContentTemplate">\n\t\t\t\t</cds-password-label>\n\t\t\t}\n\t\t\t@default {\n\t\t\t\t<ng-template [ngTemplateOutlet]="default" />\n\t\t\t}\n\t\t}\n\n\t\t<ng-template #default>\n\t\t\t<label\n\t\t\t\t[for]="labelInputID"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\tclass="cds--label"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\'cds--skeleton\': skeleton\n\t\t\t\t}">\n\t\t\t\t<ng-template [ngTemplateOutlet]="labelContentTemplate" />\n\t\t\t</label>\n\t\t\t<div\n\t\t\t\tclass="cds--text-input__field-wrapper"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--text-input__field-wrapper--warning\': warn\n\t\t\t\t}"\n\t\t\t\t[attr.data-invalid]="(invalid ? true : null)"\n\t\t\t\t#wrapper>\n\t\t\t\t@if (invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--text-input__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t} @else if (warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t<ng-template [ngTemplateOutlet]="inputContentTemplate" />\n\t\t\t</div>\n\t\t\t@if (invalid) {\n\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t} @else if (warn) {\n\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t} @else if(helperText && !skeleton) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[ngClass]="{\'cds--form__helper-text--disabled\': disabled}">\n\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ng-template>\n\t',imports:[common_module_Dx7dWex5.T3,common_module_Dx7dWex5.YU,TextareaLabelComponent,TextInputLabelComponent,PasswordInputLabelComponent,icon.LJ]})],Label);let InputModule=class InputModule{};InputModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Label,TextInputLabelComponent,TextInput,TextareaLabelComponent,TextArea,PasswordInputLabelComponent,PasswordInput],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.LJ,Label,TextInput,TextArea,PasswordInput,TextareaLabelComponent,TextInputLabelComponent,PasswordInputLabelComponent]})],InputModule)}}]);
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[4333],{"./src/input/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{x1:()=>InputModule,JU:()=>Label,yA:()=>PasswordInput,LP:()=>PasswordInputLabelComponent,fs:()=>TextArea,ks:()=>TextInput,Zt:()=>TextInputLabelComponent,_P:()=>TextareaLabelComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let TextInput=class TextInput{constructor(){this.theme="dark",this.size="md",this.inputClass=!0,this.invalid=!1,this.warn=!1,this.skeleton=!1}get isSizeSm(){return"sm"===this.size}get isSizeMd(){return"md"===this.size}get isSizelg(){return"lg"===this.size}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizelg(){return"lg"===this.size}get isLightTheme(){return"light"===this.theme}get getInvalidAttribute(){return!!this.invalid||void 0}static{this.propDecorators={theme:[{type:core.Input}],size:[{type:core.Input}],inputClass:[{type:core.HostBinding,args:["class.cds--text-input"]}],isSizeSm:[{type:core.HostBinding,args:["class.cds--text-input--sm"]}],isSizeMd:[{type:core.HostBinding,args:["class.cds--text-input--md"]}],isSizelg:[{type:core.HostBinding,args:["class.cds--text-input--lg"]}],sizeSm:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],sizelg:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],invalid:[{type:core.HostBinding,args:["class.cds--text-input--invalid"]},{type:core.Input}],warn:[{type:core.HostBinding,args:["class.cds--text-input--warning"]},{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],isLightTheme:[{type:core.HostBinding,args:["class.cds--text-input--light"]}],getInvalidAttribute:[{type:core.HostBinding,args:["attr.data-invalid"]}]}}};TextInput=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsText], [ibmText]",standalone:!0})],TextInput);var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let TextArea=class TextArea{constructor(){this.theme="dark",this.baseClass=!0,this.invalid=!1,this.warn=!1,this.skeleton=!1}get isLightTheme(){return"light"===this.theme}get getInvalidAttr(){return!!this.invalid||void 0}static{this.propDecorators={theme:[{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--text-area"]}],invalid:[{type:core.HostBinding,args:["class.cds--text-area--invalid"]},{type:core.Input}],warn:[{type:core.HostBinding,args:["class.cds--text-area--warn"]},{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],isLightTheme:[{type:core.HostBinding,args:["class.cds--text-area--light"]}],getInvalidAttr:[{type:core.HostBinding,args:["attr.data-invalid"]}]}}};TextArea=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsTextArea], [ibmTextArea]",standalone:!0})],TextArea);let PasswordInput=class PasswordInput{set type(type){type&&(this._type=type,this.elementRef&&this.renderer.setAttribute(this.elementRef.nativeElement,"type",this._type))}get isSizeSm(){return"sm"===this.size}get isSizeMd(){return"md"===this.size}get isSizelg(){return"lg"===this.size}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizelg(){return"lg"===this.size}get isLightTheme(){return"light"===this.theme}get getInvalidAttribute(){return!!this.invalid||void 0}constructor(elementRef,renderer){this.elementRef=elementRef,this.renderer=renderer,this.passwordInputClass=!0,this.inputClass=!0,this.invalid=!1,this.warn=!1,this.skeleton=!1,this.theme="dark",this.size="md",this._type="password"}ngAfterViewInit(){this.renderer.setAttribute(this.elementRef.nativeElement,"type",this._type)}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:core.Renderer2}]}static{this.propDecorators={type:[{type:core.Input}],passwordInputClass:[{type:core.HostBinding,args:["class.cds--password-input"]}],isSizeSm:[{type:core.HostBinding,args:["class.cds--text-input--sm"]}],isSizeMd:[{type:core.HostBinding,args:["class.cds--text-input--md"]}],isSizelg:[{type:core.HostBinding,args:["class.cds--text-input--lg"]}],sizeSm:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],sizelg:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],isLightTheme:[{type:core.HostBinding,args:["class.cds--text-input--light"]}],inputClass:[{type:core.HostBinding,args:["class.cds--text-input"]}],invalid:[{type:core.HostBinding,args:["class.cds--text-input--invalid"]},{type:core.Input}],warn:[{type:core.HostBinding,args:["class.cds--text-input--warning"]},{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],theme:[{type:core.Input}],size:[{type:core.Input}],getInvalidAttribute:[{type:core.HostBinding,args:["attr.data-invalid"]}]}}};PasswordInput=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsPassword], [ibmPassword]",standalone:!0})],PasswordInput);var TextareaLabelComponent_1,icon=__webpack_require__("./src/icon/index.ts");let TextareaLabelComponent=class TextareaLabelComponent{static{TextareaLabelComponent_1=this}get isReadonly(){return this.wrapper?.nativeElement.querySelector("textarea")?.readOnly??!1}get fluidClass(){return this.fluid&&!this.skeleton}get fluidSkeletonClass(){return this.fluid&&this.skeleton}static{this.labelCounter=0}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.labelInputID="ibm-textarea-"+TextareaLabelComponent_1.labelCounter,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.warn=!1,this.fluid=!1,this.hideLabel=!1,this.enableCounter=!1,this.counterMode="character",this.textCount=0,this.labelClass=!0,this._textareaElement=null,this._inputListener=null}ngAfterViewInit(){if(this.wrapper){const inputElement=this.wrapper.nativeElement.querySelector("textarea");if(inputElement)return inputElement.id&&(this.labelInputID=inputElement.id,this.changeDetectorRef.detectChanges()),inputElement.setAttribute("id",this.labelInputID),this._textareaElement=inputElement,this._syncMaxLength(),void(this.enableCounter&&(this.textCount=this._countValue(inputElement.value||""),this._attachCounterListener()));const divElement=this.wrapper.nativeElement.querySelector("div");divElement&&(divElement.id&&(this.labelInputID=divElement.id,this.changeDetectorRef.detectChanges()),divElement.setAttribute("id",this.labelInputID))}}ngOnChanges(changes){changes.enableCounter&&!changes.enableCounter.firstChange&&(changes.enableCounter.currentValue?this._textareaElement&&(this.textCount=this._countValue(this._textareaElement.value||""),this._attachCounterListener(),this.changeDetectorRef.detectChanges()):this._detachCounterListener()),!changes.maxCount&&!changes.counterMode||changes.maxCount?.firstChange&&changes.counterMode?.firstChange||this._syncMaxLength()}ngOnDestroy(){this._detachCounterListener()}isTemplate(value){return value instanceof core.TemplateRef}_syncMaxLength(){this._textareaElement&&("character"===this.counterMode&&null!=this.maxCount?this._textareaElement.setAttribute("maxlength",String(this.maxCount)):this._textareaElement.removeAttribute("maxlength"))}_attachCounterListener(){this._detachCounterListener(),this._textareaElement&&(this._inputListener=e=>{const el=e.target;if("word"===this.counterMode&&null!=this.maxCount){const clamped=this._truncateToWordLimit(el.value||"",this.maxCount);clamped!==el.value&&(el.value=clamped)}this.textCount=this._countValue(el.value||"")},this._textareaElement.addEventListener("input",this._inputListener))}_truncateToWordLimit(value,limit){let wordsSeen=0;const wordPattern=/\p{L}+/gu;let match,cutIndex=value.length;for(;null!==(match=wordPattern.exec(value));)if(wordsSeen++,wordsSeen===limit){cutIndex=match.index+match[0].length;break}return wordsSeen<limit?value:value.slice(0,cutIndex)}_detachCounterListener(){this._inputListener&&this._textareaElement&&(this._textareaElement.removeEventListener("input",this._inputListener),this._inputListener=null)}_countValue(value){return"word"===this.counterMode?value.match(/\p{L}+/gu)?.length||0:value.length}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={isReadonly:[{type:core.HostBinding,args:["class.cds--text-area__wrapper--readonly"]}],fluidClass:[{type:core.HostBinding,args:["class.cds--text-area--fluid"]}],fluidSkeletonClass:[{type:core.HostBinding,args:["class.cds--text-area--fluid__skeleton"]}],labelInputID:[{type:core.Input}],disabled:[{type:core.Input}],skeleton:[{type:core.Input}],labelTemplate:[{type:core.Input}],textAreaTemplate:[{type:core.Input}],helperText:[{type:core.Input}],invalidText:[{type:core.Input}],invalid:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],ariaLabel:[{type:core.Input}],fluid:[{type:core.Input}],hideLabel:[{type:core.Input}],enableCounter:[{type:core.Input}],maxCount:[{type:core.Input}],counterMode:[{type:core.Input}],decorator:[{type:core.Input}],wrapper:[{type:core.ViewChild,args:["wrapper",{static:!1}]}],textArea:[{type:core.ContentChild,args:[TextArea,{static:!1}]}],labelClass:[{type:core.HostBinding,args:["class.cds--form-item"]}]}}};var TextInputLabelComponent_1;TextareaLabelComponent=TextareaLabelComponent_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-textarea-label, ibm-textarea-label",template:'\n\t\t@if (skeleton) {\n\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t<div class="cds--text-area cds--skeleton"></div>\n\t\t}\n\t\t@if (!skeleton) {\n\t\t\t<div class="cds--text-area__label-wrapper">\n\t\t\t\t<label\n\t\t\t\t\t[for]="labelInputID"\n\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t}">\n\t\t\t\t\t@if (labelTemplate) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="labelTemplate"></ng-template>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t}\n\t\t\t\t</label>\n\t\t\t\t@if (enableCounter && maxCount) {\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t[ngClass]="{\'cds--label--disabled\': disabled}"\n\t\t\t\t\t\taria-hidden="true">\n\t\t\t\t\t\t{{textCount}}/{{maxCount}}\n\t\t\t\t\t</span>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclass="cds--text-area__wrapper"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--text-area__wrapper--warn\': warn,\n\t\t\t\t\t\'cds--text-area__wrapper--decorator\': !!decorator\n\t\t\t\t}"\n\t\t\t\t[attr.data-invalid]="(invalid ? true : null)"\n\t\t\t\t#wrapper>\n\t\t\t\t@if (!fluid && invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--text-area__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (!fluid && !invalid && warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--text-area__invalid-icon cds--text-area__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (textAreaTemplate) {\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="textAreaTemplate"></ng-template>\n\t\t\t\t} @else {\n\t\t\t\t\t<ng-content select="[cdsTextArea],[ibmTextArea],textarea"></ng-content>\n\t\t\t\t}\n\t\t\t\t@if (decorator) {\n\t\t\t\t\t<div class="cds--text-area__inner-wrapper--decorator">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t@if (fluid) {\n\t\t\t\t\t<hr class="cds--text-area__divider" />\n\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t\tclass="cds--text-area__invalid-icon">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t\tclass="cds--text-area__invalid-icon cds--text-area__invalid-icon--warning">\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (!fluid) {\n\t\t\t\t@if (helperText && !invalid && !warn) {\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t\t[ngClass]="{\'cds--form__helper-text--disabled\': disabled}">\n\t\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (invalid) {\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ]})],TextareaLabelComponent);let TextInputLabelComponent=class TextInputLabelComponent{static{TextInputLabelComponent_1=this}get isInlineWrapper(){return this.inline}get isReadonly(){return this.wrapper?.nativeElement.querySelector("input")?.readOnly??!1}get fluidClass(){return this.fluid&&!this.skeleton}get fluidSkeletonClass(){return this.fluid&&this.skeleton}static{this.labelCounter=0}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.labelInputID="ibm-text-input-"+TextInputLabelComponent_1.labelCounter++,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.warn=!1,this.fluid=!1,this.hideLabel=!1,this.inline=!1,this.size="md",this.enableCounter=!1,this.textCount=0,this.labelClass=!0,this.textInputWrapper=!0,this._inputElement=null,this._inputListener=null}ngAfterViewInit(){if(this.wrapper){const inputElement=this.wrapper.nativeElement.querySelector("input");if(inputElement)return inputElement.id&&(this.labelInputID=inputElement.id,this.changeDetectorRef.detectChanges()),inputElement.setAttribute("id",this.labelInputID),this._inputElement=inputElement,void(this.enableCounter&&(this.textCount=inputElement.value?.length||0,this._attachCounterListener()));const divElement=this.wrapper.nativeElement.querySelector("div");divElement&&(divElement.id&&(this.labelInputID=divElement.id,this.changeDetectorRef.detectChanges()),divElement.setAttribute("id",this.labelInputID))}}ngOnChanges(changes){changes.enableCounter&&!changes.enableCounter.firstChange&&(changes.enableCounter.currentValue?this._inputElement&&(this.textCount=this._inputElement.value?.length||0,this._attachCounterListener(),this.changeDetectorRef.detectChanges()):this._detachCounterListener())}ngAfterContentInit(){this.changeDetectorRef.detectChanges()}ngOnDestroy(){this._detachCounterListener()}isTemplate(value){return value instanceof core.TemplateRef}_attachCounterListener(){this._detachCounterListener(),this._inputElement&&(this._inputListener=e=>{this.textCount=e.target.value?.length||0,this.changeDetectorRef.detectChanges()},this._inputElement.addEventListener("input",this._inputListener))}_detachCounterListener(){this._inputListener&&this._inputElement&&(this._inputElement.removeEventListener("input",this._inputListener),this._inputListener=null)}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={isInlineWrapper:[{type:core.HostBinding,args:["class.cds--text-input-wrapper--inline"]}],isReadonly:[{type:core.HostBinding,args:["class.cds--text-input-wrapper--readonly"]}],fluidClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid"]}],fluidSkeletonClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid__skeleton"]}],labelInputID:[{type:core.Input}],disabled:[{type:core.Input}],skeleton:[{type:core.Input}],labelTemplate:[{type:core.Input}],textInputTemplate:[{type:core.Input}],helperText:[{type:core.Input}],invalidText:[{type:core.Input}],invalid:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],ariaLabel:[{type:core.Input}],fluid:[{type:core.Input}],decorator:[{type:core.Input}],hideLabel:[{type:core.Input}],inline:[{type:core.Input}],size:[{type:core.Input}],enableCounter:[{type:core.Input}],maxCount:[{type:core.Input}],wrapper:[{type:core.ViewChild,args:["wrapper",{static:!1}]}],labelClass:[{type:core.HostBinding,args:["class.cds--form-item"]}],textInputWrapper:[{type:core.HostBinding,args:["class.cds--text-input-wrapper"]}]}}};TextInputLabelComponent=TextInputLabelComponent_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-text-label, ibm-text-label",template:'\n\t\t@if (skeleton) {\n\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t<div class="cds--text-input cds--skeleton"></div>\n\t\t}\n\t\t@if (!skeleton) {\n\t\t\t\x3c!-- non-inline: label-wrapper above field; inline: label+validation side-by-side --\x3e\n\t\t\t@if (!inline) {\n\t\t\t\t<div class="cds--text-input__label-wrapper">\n\t\t\t\t\t<label\n\t\t\t\t\t\t[for]="labelInputID"\n\t\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t\t}">\n\t\t\t\t\t\t@if (labelTemplate) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="labelTemplate"></ng-template>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t\t}\n\t\t\t\t\t</label>\n\t\t\t\t\t@if (enableCounter && maxCount) {\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t[ngClass]="{\'cds--label--disabled\': disabled}"\n\t\t\t\t\t\t\taria-hidden="true">\n\t\t\t\t\t\t\t{{textCount}}/{{maxCount}}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t} @else {\n\t\t\t\t<div class="cds--text-input__label-helper-wrapper">\n\t\t\t\t\t<div class="cds--text-input__label-wrapper">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]="labelInputID"\n\t\t\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel,\n\t\t\t\t\t\t\t\t\'cds--label--inline\': true,\n\t\t\t\t\t\t\t\t\'cds--label--inline--sm\': size === \'sm\',\n\t\t\t\t\t\t\t\t\'cds--label--inline--md\': size === \'md\',\n\t\t\t\t\t\t\t\t\'cds--label--inline--lg\': size === \'lg\'\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (labelTemplate) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="labelTemplate"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t@if (!fluid) {\n\t\t\t\t\t\t<ng-container [ngTemplateOutlet]="validationOrHelper"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div\n\t\t\t\tclass="cds--text-input__field-outer-wrapper"\n\t\t\t\t[ngClass]="{\'cds--text-input__field-outer-wrapper--inline\': inline}">\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--text-input__field-wrapper"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--text-input__field-wrapper--warning\': warn,\n\t\t\t\t\t\t\'cds--text-input__field-wrapper--decorator\': !!decorator\n\t\t\t\t\t}"\n\t\t\t\t\t[attr.data-invalid]="(invalid ? true : null)"\n\t\t\t\t\t#wrapper>\n\t\t\t\t\t@if (invalid && !warn) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--text-input__invalid-icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t\t@if (textInputTemplate) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="textInputTemplate"></ng-template>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<ng-content select="[cdsText],[ibmText],input[type=text],div"></ng-content>\n\t\t\t\t\t}\n\t\t\t\t\t@if (decorator) {\n\t\t\t\t\t\t<div class="cds--text-input__field-inner-wrapper--decorator">\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t@if (fluid) {\n\t\t\t\t\t\t<hr class="cds--text-input__divider" />\n\t\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (!fluid && !inline) {\n\t\t\t\t\t<ng-container [ngTemplateOutlet]="validationOrHelper"></ng-container>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t\t<ng-template #validationOrHelper>\n\t\t\t@if (helperText && !invalid && !warn) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[ngClass]="{\'cds--form__helper-text--disabled\': disabled, \'cds--form__helper-text--inline\': inline}">\n\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (invalid) {\n\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (!invalid && warn) {\n\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ]})],TextInputLabelComponent);var PasswordInputLabelComponent_1,src_button=__webpack_require__("./src/button/index.ts"),tooltip=__webpack_require__("./src/tooltip/index.ts");let PasswordInputLabelComponent=class PasswordInputLabelComponent extends src_button.TV{static{PasswordInputLabelComponent_1=this}static{this.labelCounter=0}get isReadonly(){return this.wrapper?.nativeElement.querySelector("input")?.readOnly??!1}get isInlineWrapper(){return this.inline}get fluidClass(){return this.fluid&&!this.skeleton}get fluidSkeletonClass(){return this.fluid&&this.skeleton}constructor(changeDetectorRef){super(),this.changeDetectorRef=changeDetectorRef,this.labelInputID="cds-password-input-"+PasswordInputLabelComponent_1.labelCounter++,this.inputType="password",this.passwordIsVisible=!1,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.warn=!1,this.hidePasswordLabel="Hide password",this.showPasswordLabel="Show password",this.fluid=!1,this.hideLabel=!1,this.inline=!1,this.togglePasswordVisibility=new core.EventEmitter,this.labelClass=!0,this.passwordInputWrapper=!0,this.textInputWrapper=!0}ngAfterViewInit(){if(this.wrapper){const inputElement=this.wrapper.nativeElement.querySelector("input");if(inputElement)return inputElement.id&&(this.labelInputID=inputElement.id,this.changeDetectorRef.detectChanges()),void inputElement.setAttribute("id",this.labelInputID)}}isTemplate(value){return value instanceof core.TemplateRef}handleTogglePasswordVisibility(){this.inputType="password"===this.inputType?"text":"password",this.textInput.type=this.inputType,this.passwordIsVisible="text"===this.inputType,this.togglePasswordVisibility.emit(this.inputType)}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={textInput:[{type:core.ContentChild,args:[PasswordInput]}],labelInputID:[{type:core.Input}],disabled:[{type:core.Input}],skeleton:[{type:core.Input}],labelTemplate:[{type:core.Input}],passwordInputTemplate:[{type:core.Input}],helperText:[{type:core.Input}],invalidText:[{type:core.Input}],invalid:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],ariaLabel:[{type:core.Input}],hidePasswordLabel:[{type:core.Input}],showPasswordLabel:[{type:core.Input}],fluid:[{type:core.Input}],hideLabel:[{type:core.Input}],inline:[{type:core.Input}],togglePasswordVisibility:[{type:core.Output}],wrapper:[{type:core.ViewChild,args:["wrapper",{static:!0}]}],labelClass:[{type:core.HostBinding,args:["class.cds--form-item"]}],passwordInputWrapper:[{type:core.HostBinding,args:["class.cds--password-input-wrapper"]}],textInputWrapper:[{type:core.HostBinding,args:["class.cds--text-input-wrapper"]}],isReadonly:[{type:core.HostBinding,args:["class.cds--text-input-wrapper--readonly"]}],isInlineWrapper:[{type:core.HostBinding,args:["class.cds--text-input-wrapper--inline"]}],fluidClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid"]}],fluidSkeletonClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid__skeleton"]}]}}};var Label_1;PasswordInputLabelComponent=PasswordInputLabelComponent_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-password-label, ibm-password-label",template:'\n\t\t@if (skeleton) {\n\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t<div class="cds--text-input cds--skeleton"></div>\n\t\t}\n\t\t@if (!skeleton) {\n\t\t\t<label\n\t\t\t\t[for]="labelInputID"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\tclass="cds--label"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\'cds--visually-hidden\': hideLabel,\n\t\t\t\t\t\'cds--label--inline\': inline\n\t\t\t\t}">\n\t\t\t\t@if (labelTemplate) {\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="labelTemplate"></ng-template>\n\t\t\t\t} @else {\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t}\n\t\t\t</label>\n\t\t}\n\n\t\t@if (!skeleton) {\n\t\t\t<div\n\t\t\t\tclass="cds--text-input__field-outer-wrapper"\n\t\t\t\t[ngClass]="{\'cds--text-input__field-outer-wrapper--inline\': inline}">\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--text-input__field-wrapper"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--text-input__field-wrapper--warning\': warn\n\t\t\t\t\t}"\n\t\t\t\t\t[attr.data-invalid]="invalid ? true : null"\n\t\t\t\t\t#wrapper>\n\t\t\t\t\t@if (!warn && invalid) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--text-input__invalid-icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-content select="[cdsPassword], [ibmPassword]"></ng-content>\n\t\t\t\t\t@if (!skeleton) {\n\t\t\t\t\t\t<cds-tooltip\n\t\t\t\t\t\t\t[description]="passwordIsVisible ? hidePasswordLabel : showPasswordLabel"\n\t\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t\t[caret]="caret"\n\t\t\t\t\t\t\t[dropShadow]="dropShadow"\n\t\t\t\t\t\t\t[highContrast]="highContrast"\n\t\t\t\t\t\t\t[isOpen]="isOpen"\n\t\t\t\t\t\t\t[align]="align"\n\t\t\t\t\t\t\t[autoAlign]="autoAlign"\n\t\t\t\t\t\t\t[enterDelayMs]="enterDelayMs"\n\t\t\t\t\t\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t\t\t\t\t\tclass="cds--toggle-password-tooltip">\n\t\t\t\t\t\t\t<div class="cds--tooltip-trigger__wrapper">\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tclass="cds--text-input--password__visibility__toggle cds--btn cds--tooltip__trigger cds--tooltip--a11y"\n\t\t\t\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\t\t\t\t(click)="handleTogglePasswordVisibility($event)">\n\t\t\t\t\t\t\t\t\t@if (passwordIsVisible) {\n\t\t\t\t\t\t\t\t\t\t<svg cdsIcon="view--off" class="cds--icon-visibility-off" size="16"></svg>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t@if (!passwordIsVisible) {\n\t\t\t\t\t\t\t\t\t\t<svg cdsIcon="view" class="cds--icon-visibility-on" size="16"></svg>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t</cds-tooltip>\n\t\t\t\t}\n\n\t\t\t\t\t@if (fluid) {\n\t\t\t\t\t\t<hr class="cds--text-input__divider" />\n\t\t\t\t\t\t@if (!warn && invalid) {\n\t\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t\t{{ invalidText }}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t\t{{ warnText }}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t@if (!fluid) {\n\t\t\t\t\t@if (!skeleton && helperText && !invalid && !warn) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t\t\t[ngClass]="{ \'cds--form__helper-text--disabled\': disabled }">\n\t\t\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t{{ helperText }}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\n\t\t\t\t\t@if (!warn && invalid) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t{{ invalidText }}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t{{ warnText }}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ,tooltip.m_]})],PasswordInputLabelComponent);let Label=class Label{static{Label_1=this}static{this.labelCounter=0}get labelClass(){return void 0===this.type}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.labelInputID="cds-label-"+Label_1.labelCounter++,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.warn=!1,this.hideLabel=!1,this.inline=!1,this.size="md",this.enableCounter=!1,this.counterMode="character"}ngAfterContentInit(){this.textArea?this.type="TextArea":this.textInput?this.type="TextInput":this.passwordInput&&(this.type="PasswordInput")}ngAfterViewInit(){if(this.wrapper){const inputElement=this.wrapper.nativeElement.querySelector("input,textarea");if(inputElement)return inputElement.id&&(this.labelInputID=inputElement.id,this.changeDetectorRef.detectChanges()),void inputElement.setAttribute("id",this.labelInputID);const divElement=this.wrapper.nativeElement.querySelector("div");divElement&&(divElement.id&&(this.labelInputID=divElement.id,this.changeDetectorRef.detectChanges()),divElement.setAttribute("id",this.labelInputID))}}isTemplate(value){return value instanceof core.TemplateRef}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={labelInputID:[{type:core.Input}],disabled:[{type:core.Input}],skeleton:[{type:core.Input}],helperText:[{type:core.Input}],invalidText:[{type:core.Input}],invalid:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],ariaLabel:[{type:core.Input}],hideLabel:[{type:core.Input}],inline:[{type:core.Input}],size:[{type:core.Input}],enableCounter:[{type:core.Input}],maxCount:[{type:core.Input}],counterMode:[{type:core.Input}],decorator:[{type:core.Input}],wrapper:[{type:core.ViewChild,args:["wrapper"]}],textArea:[{type:core.ContentChild,args:[TextArea]}],textInput:[{type:core.ContentChild,args:[TextInput,{static:!1}]}],passwordInput:[{type:core.ContentChild,args:[PasswordInput,{static:!1}]}],labelClass:[{type:core.HostBinding,args:["class.cds--form-item"]}]}}};Label=Label_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-label, ibm-label",template:'\n\t\t<ng-template #inputContentTemplate>\n\t\t\t<ng-content select="input,textarea,div" />\n\t\t</ng-template>\n\n\t\t<ng-template #labelContentTemplate>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\n\n\t\t@switch (type) {\n\t\t\t@case (\'TextArea\') {\n\t\t\t\t<cds-textarea-label\n\t\t\t\t\t[labelInputID]="labelInputID"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t[helperText]="helperText"\n\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t[warn]="warn"\n\t\t\t\t\t[warnText]="warnText"\n\t\t\t\t\t[ariaLabel]="ariaLabel"\n\t\t\t\t\t[hideLabel]="hideLabel"\n\t\t\t\t\t[enableCounter]="enableCounter"\n\t\t\t\t\t[maxCount]="maxCount"\n\t\t\t\t\t[counterMode]="counterMode"\n\t\t\t\t\t[decorator]="decorator"\n\t\t\t\t\t[labelTemplate]="labelContentTemplate"\n\t\t\t\t\t[textAreaTemplate]="inputContentTemplate" />\n\t\t\t}\n\t\t\t@case (\'TextInput\') {\n\t\t\t\t<cds-text-label\n\t\t\t\t\t[labelInputID]="labelInputID"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t[helperText]="helperText"\n\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t[warn]="warn"\n\t\t\t\t\t[warnText]="warnText"\n\t\t\t\t\t[ariaLabel]="ariaLabel"\n\t\t\t\t\t[hideLabel]="hideLabel"\n\t\t\t\t\t[inline]="inline"\n\t\t\t\t\t[size]="size"\n\t\t\t\t\t[enableCounter]="enableCounter"\n\t\t\t\t\t[maxCount]="maxCount"\n\t\t\t\t\t[decorator]="decorator"\n\t\t\t\t\t[labelTemplate]="labelContentTemplate"\n\t\t\t\t\t[textInputTemplate]="inputContentTemplate" />\n\t\t\t}\n\t\t\t@case (\'PasswordInput\') {\n\n\t\t\t\t<cds-password-label\n\t\t\t\t\t[labelInputID]="labelInputID"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t[helperText]="helperText"\n\t\t\t\t\t[invalid]="invalid"\n\t\t\t\t\t[invalidText]="invalidText"\n\t\t\t\t\t[warn]="warn"\n\t\t\t\t\t[warnText]="warnText"\n\t\t\t\t\t[ariaLabel]="ariaLabel"\n\t\t\t\t\t[hideLabel]="hideLabel"\n\t\t\t\t\t[inline]="inline"\n\t\t\t\t\t[labelTemplate]="labelContentTemplate"\n\t\t\t\t\t[passwordInputTemplate]="inputContentTemplate" />\n\t\t\t}\n\t\t\t@default {\n\t\t\t\t<ng-template [ngTemplateOutlet]="default" />\n\t\t\t}\n\t\t}\n\n\t\t<ng-template #default>\n\t\t\t<label\n\t\t\t\t[for]="labelInputID"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\tclass="cds--label"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\'cds--skeleton\': skeleton\n\t\t\t\t}">\n\t\t\t\t<ng-template [ngTemplateOutlet]="labelContentTemplate" />\n\t\t\t</label>\n\t\t\t<div\n\t\t\t\tclass="cds--text-input__field-wrapper"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--text-input__field-wrapper--warning\': warn\n\t\t\t\t}"\n\t\t\t\t[attr.data-invalid]="(invalid ? true : null)"\n\t\t\t\t#wrapper>\n\t\t\t\t@if (invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--text-input__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t} @else if (warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t<ng-template [ngTemplateOutlet]="inputContentTemplate" />\n\t\t\t</div>\n\t\t\t@if (invalid) {\n\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t} @else if (warn) {\n\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t} @else if(helperText && !skeleton) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[ngClass]="{\'cds--form__helper-text--disabled\': disabled}">\n\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ng-template>\n\t',imports:[common_module_Dx7dWex5.T3,common_module_Dx7dWex5.YU,TextareaLabelComponent,TextInputLabelComponent,PasswordInputLabelComponent,icon.LJ]})],Label);let InputModule=class InputModule{};InputModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Label,TextInputLabelComponent,TextInput,TextareaLabelComponent,TextArea,PasswordInputLabelComponent,PasswordInput],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.LJ,Label,TextInput,TextArea,PasswordInput,TextareaLabelComponent,TextInputLabelComponent,PasswordInputLabelComponent]})],InputModule)}}]);