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

package/docs/storybook/contained-list-contained-list-stories.fa371c0d.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[2936],{"./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"></ng-container>\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></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/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/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/layout/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{R:()=>LayoutModule,C:()=>StackDirective});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let StackDirective=class StackDirective{get isHorizontal(){return"horizontal"===this.cdsStack}get isVertical(){return"vertical"===this.cdsStack||!this.cdsStack}set ibmStack(type){this.cdsStack=type}set gap(num){void 0!==num&&(this.render.removeClass(this.hostElement.nativeElement,`cds--stack-scale-${this._gap}`),this.render.addClass(this.hostElement.nativeElement,`cds--stack-scale-${num}`),this._gap=num)}constructor(render,hostElement){this.render=render,this.hostElement=hostElement,this.cdsStack="vertical"}static{this.ctorParameters=()=>[{type:core.Renderer2},{type:core.ElementRef}]}static{this.propDecorators={isHorizontal:[{type:core.HostBinding,args:["class.cds--stack-horizontal"]}],isVertical:[{type:core.HostBinding,args:["class.cds--stack-vertical"]}],ibmStack:[{type:core.Input}],cdsStack:[{type:core.Input}],gap:[{type:core.Input}]}}};StackDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsStack], [ibmStack]",standalone:!0})],StackDirective);let LayoutModule=class LayoutModule{};LayoutModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[StackDirective],imports:[common_module_Dx7dWex5.MD,StackDirective]})],LayoutModule)},"./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)},"./src/search/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{v:()=>Search,t:()=>SearchModule});var Search_1,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),search_componentngResource=__webpack_require__("./src/search/search.component.html?ngResource"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),i18n=__webpack_require__("./src/i18n/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts");let Search=class Search{static{Search_1=this}static{this.searchCount=0}get containerClass(){return!(this.toolbar||this.expandable)}get fluidSkeletonClass(){return this.skeleton&&this.fluid}constructor(elementRef,i18n,changeDetectorRef){this.elementRef=elementRef,this.i18n=i18n,this.changeDetectorRef=changeDetectorRef,this.theme="dark",this.size="md",this.disabled=!1,this.toolbar=!1,this.expandable=!1,this.skeleton=!1,this.active=!1,this.tableSearch=!1,this.id=`search-${Search_1.searchCount}`,this.value="",this.autocomplete="on",this.label=this.i18n.get().SEARCH.LABEL,this.placeholder=this.i18n.get().SEARCH.PLACEHOLDER,this.clearButtonTitle=this.i18n.get().SEARCH.CLEAR_BUTTON,this.searchTitle="",this.fluid=!1,this.valueChange=new core.EventEmitter,this.open=new core.EventEmitter,this.clear=new core.EventEmitter,this.search=new core.EventEmitter,this.isComposing=!1,this.onTouched=()=>{},this.propagateChange=_=>{},Search_1.searchCount++}writeValue(value){this.value=value}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}onSearch(search){this.isComposing||(this.value=search,this.doValueChange())}onEnter(){this.search.emit(this.value)}clearSearch(){this.value="",this.doValueChange(),this.clear.emit()}doValueChange(){this.propagateChange(this.value),this.valueChange.emit(this.value)}openSearch(){this.active=!0,this.open.emit(this.active),setTimeout((()=>this.inputRef.nativeElement.focus()))}keyDown(event){(this.toolbar||this.expandable)&&("Escape"===event.key?""===this.value&&(this.active=!1,this.open.emit(this.active),this.changeDetectorRef.markForCheck()):"Enter"===event.key&&this.openSearch()),"Escape"===event.key&&""!==this.value&&(this.clearSearch(),this.changeDetectorRef.markForCheck())}focusOut(event){this.onTouched(),(this.expandable||this.toolbar)&&this.inputRef&&""===this.inputRef.nativeElement.value&&!this.elementRef.nativeElement.contains(event.relatedTarget)&&(this.active=!1,this.open.emit(this.active))}focusIn(event){this.onTouched(),!this.expandable&&!this.toolbar||!this.inputRef||event.relatedTarget||this.elementRef.nativeElement.contains(event.relatedTarget)||this.openSearch()}compositionStart(event){this.isComposing=!0}compositionEnd(event){this.isComposing=!1,this.onSearch(this.value+event.data)}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:i18n.F2},{type:core.ChangeDetectorRef}]}static{this.propDecorators={containerClass:[{type:core.HostBinding,args:["class.cds--form-item"]}],fluidSkeletonClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid__skeleton"]}],theme:[{type:core.Input}],size:[{type:core.Input}],disabled:[{type:core.Input}],toolbar:[{type:core.Input}],expandable:[{type:core.Input}],skeleton:[{type:core.Input}],active:[{type:core.Input}],tableSearch:[{type:core.Input}],name:[{type:core.Input}],id:[{type:core.Input}],required:[{type:core.Input}],value:[{type:core.Input}],autocomplete:[{type:core.Input}],label:[{type:core.Input}],placeholder:[{type:core.Input}],clearButtonTitle:[{type:core.Input}],searchTitle:[{type:core.Input}],ariaLabel:[{type:core.Input}],fluid:[{type:core.Input}],valueChange:[{type:core.Output}],open:[{type:core.Output}],clear:[{type:core.Output}],search:[{type:core.Output}],inputRef:[{type:core.ViewChild,args:["input"]}],keyDown:[{type:core.HostListener,args:["keydown",["$event"]]}],focusOut:[{type:core.HostListener,args:["focusout",["$event"]]}],focusIn:[{type:core.HostListener,args:["focusin",["$event"]]}],compositionStart:[{type:core.HostListener,args:["compositionstart",["$event"]]}],compositionEnd:[{type:core.HostListener,args:["compositionend",["$event"]]}]}}};Search=Search_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-search, ibm-search",template:search_componentngResource,providers:[{provide:fesm2022_forms.kq,useExisting:Search,multi:!0}],changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,icon.LJ]})],Search);let SearchModule=class SearchModule{};SearchModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Search],imports:[fesm2022_forms.YN,common_module_Dx7dWex5.MD,i18n.LP,icon.LJ,Search]})],SearchModule)},"./src/tag/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{vw:()=>Tag,$J:()=>TagFilter,$C:()=>TagModule,yq:()=>TagOperationalComponent,wC:()=>TagSelectableComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let Tag=class Tag{constructor(){this.type="gray",this.size="md",this.class="",this.skeleton=!1}get attrClass(){const skeletonClass=this.skeleton?"cds--skeleton":"",sizeClass=`cds--tag--${this.size} cds--layout--size-${this.size}`;return`cds--tag cds--tag--${this.type} ${sizeClass} ${skeletonClass} ${this.class}`}static{this.propDecorators={type:[{type:core.Input}],size:[{type:core.Input}],class:[{type:core.Input}],skeleton:[{type:core.Input}],decorator:[{type:core.Input}],attrClass:[{type:core.HostBinding,args:["attr.class"]}]}}};Tag=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tag, ibm-tag",template:'\n\t\t@if (!skeleton) {\n\n\t\t\t<ng-content select="[cdsTagIcon],[ibmTagIcon]"></ng-content>\n\t\t\t<span class="cds--tag__label">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</span>\n\t\t\t@if (decorator) {\n\n\t\t\t\t<div class="cds--tag__decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\n}\n\n}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3],standalone:!0})],Tag);var icon=__webpack_require__("./src/icon/index.ts");let TagFilter=class TagFilter extends Tag{constructor(){super(...arguments),this.closeButtonLabel="Clear Filter",this.disabled=!1,this.close=new core.EventEmitter,this.click=new core.EventEmitter}onClick(event){event.stopImmediatePropagation(),this.disabled||this.click.emit({action:"click"})}onClose(event){event.stopImmediatePropagation(),this.click.emit({action:"close"}),this.close.emit()}get attrClass(){const disabledClass=this.disabled?"cds--tag--disabled":"",sizeClass=`cds--tag--${this.size} cds--layout--size-${this.size}`,skeletonClass=this.skeleton?"cds--skeleton":"";return`cds--tag cds--tag--filter cds--tag--${this.type} ${disabledClass} ${sizeClass} ${skeletonClass} ${this.class}`}get attrAriaLabel(){return`${this.title||""} ${this.closeButtonLabel}`.trim()}static{this.propDecorators={closeButtonLabel:[{type:core.Input}],disabled:[{type:core.Input}],title:[{type:core.Input}],close:[{type:core.Output}],click:[{type:core.Output}],attrClass:[{type:core.HostBinding,args:["attr.class"]}],attrAriaLabel:[{type:core.HostBinding,args:["attr.aria-label"]}]}}};TagFilter=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tag-filter, ibm-tag-filter",template:'\n\t\t@if (!skeleton) {\n\t\t\t<ng-content select="[cdsTagIcon],[ibmTagIcon]" />\n\t\t\t<span\n\t\t\t\tclass="cds--tag__label"\n\t\t\t\t[attr.title]="title ? title : null"\n\t\t\t\t(click)="onClick($event)">\n\t\t\t\t<ng-content />\n\t\t\t</span>\n\t\t\t@if (decorator) {\n\t\t\t\t<div class="cds--tag__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\t<button\n\t\t\t\tclass="cds--tag__close-icon"\n\t\t\t\t(click)="onClose($event)"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[title]="closeButtonLabel">\n\t\t\t\t<span class="cds--visually-hidden">{{closeButtonLabel}}</span>\n\t\t\t\t<svg cdsIcon="close" size="16"></svg>\n\t\t\t</button>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3,icon.LJ]})],TagFilter);let TagIconDirective=class TagIconDirective{constructor(){this.tagIcon=!0}static{this.propDecorators={tagIcon:[{type:core.HostBinding,args:["class.cds--tag__custom-icon"]}]}}};TagIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsTagIcon], [ibmTagIcon]",standalone:!0})],TagIconDirective);let TagSelectableComponent=class TagSelectableComponent{constructor(){this.role="button",this.buttonType="button",this.tabIndex=0,this.size="md",this.skeleton=!1,this.disabled=!1,this.class="",this.selected=!1,this.selectedChange=new core.EventEmitter}get ariaPressed(){return this.selected}onClick(){this.selected=!this.selected,this.selectedChange.emit(this.selected)}get attrClass(){const disabledClass=this.disabled?"cds--tag--disabled":"",sizeClass=`cds--tag--${this.size} cds--layout--size-${this.size}`,skeletonClass=this.skeleton?"cds--skeleton":"";return`cds--tag cds--tag--selectable ${this.selected?"cds--tag--selectable-selected":""} ${disabledClass} ${sizeClass} ${skeletonClass} ${this.class}`}static{this.propDecorators={role:[{type:core.HostBinding,args:["attr.role"]}],buttonType:[{type:core.HostBinding,args:["attr.type"]}],tabIndex:[{type:core.HostBinding,args:["attr.tabindex"]}],ariaPressed:[{type:core.HostBinding,args:["attr.aria-pressed"]}],size:[{type:core.Input}],skeleton:[{type:core.Input}],disabled:[{type:core.Input}],class:[{type:core.Input}],selected:[{type:core.Input}],selectedChange:[{type:core.Output}],onClick:[{type:core.HostListener,args:["click"]}],attrClass:[{type:core.HostBinding,args:["attr.class"]}]}}};TagSelectableComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tag-selectable, ibm-tag-selectable",template:'\n\t\t@if (!skeleton) {\n\t\t\t<ng-content select="[cdsTagIcon],[ibmTagIcon]" />\n\t\t\t<span class="cds--tag__label">\n\t\t\t\t<ng-content />\n\t\t\t</span>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],TagSelectableComponent);let TagOperationalComponent=class TagOperationalComponent extends Tag{constructor(){super(...arguments),this.role="button",this.buttonType="button",this.tabIndex=0,this.disabled=!1}get attrClass(){const disabledClass=this.disabled?"cds--tag--disabled":"",sizeClass=`cds--tag--${this.size} cds--layout--size-${this.size}`,skeletonClass=this.skeleton?"cds--skeleton":"";return`cds--tag cds--tag--operational cds--tag--${this.type} ${disabledClass} ${sizeClass} ${skeletonClass} ${this.class}`}static{this.propDecorators={role:[{type:core.HostBinding,args:["attr.role"]}],buttonType:[{type:core.HostBinding,args:["attr.type"]}],tabIndex:[{type:core.HostBinding,args:["attr.tabindex"]}],disabled:[{type:core.Input}],attrClass:[{type:core.HostBinding,args:["attr.class"]}]}}};TagOperationalComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tag-operational, ibm-tag-operational",template:'\n\t\t@if (!skeleton) {\n\t\t\t<ng-content select="[cdsTagIcon],[ibmTagIcon]" />\n\t\t\t<span class="cds--tag__label">\n\t\t\t\t<ng-content />\n\t\t\t</span>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],TagOperationalComponent);let TagModule=class TagModule{};TagModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Tag,TagFilter,TagIconDirective,TagSelectableComponent,TagOperationalComponent],imports:[icon.LJ,Tag,TagFilter,TagIconDirective,TagSelectableComponent,TagOperationalComponent]})],TagModule)},"./src/contained-list/contained-list.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,basic:()=>basic,default:()=>contained_list_stories,disclosed:()=>disclosed,usageExamples:()=>usageExamples,withActions:()=>withActions,withActionsAndContextData:()=>withActionsAndContextData,withIcons:()=>withIcons,withInteractiveItems:()=>withInteractiveItems,withInteractiveItemsAndActions:()=>withInteractiveItemsAndActions,withLayer:()=>withLayer,withListTitleDecorators:()=>withListTitleDecorators});var ContainedListSize,ContainedListKind,dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");!function(ContainedListSize){ContainedListSize.Small="sm",ContainedListSize.Medium="md",ContainedListSize.Large="lg",ContainedListSize.ExtraLarge="xl"}(ContainedListSize||(ContainedListSize={})),function(ContainedListKind){ContainedListKind.OnPage="on-page",ContainedListKind.Disclosed="disclosed"}(ContainedListKind||(ContainedListKind={}));var ContainedList_1,common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ContainedList=class ContainedList{constructor(){this.isInset=!1,this.kind=ContainedListKind.OnPage,this.size=ContainedListSize.Large,this.labelId=`contained-list-${ContainedList_1.count++}-header`,this.ContainedListSize=ContainedListSize,this.ContainedListKind=ContainedListKind}static{ContainedList_1=this}static{this.count=0}isTemplate(value){return value instanceof core.TemplateRef}static{this.propDecorators={action:[{type:core.Input}],actionData:[{type:core.Input}],isInset:[{type:core.Input}],kind:[{type:core.Input}],label:[{type:core.Input}],size:[{type:core.Input}],labelId:[{type:core.Input}]}}};ContainedList=ContainedList_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-contained-list, ibm-contained-list",template:"\n\t\t<div\n\t\t\tclass=\"cds--contained-list\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--contained-list--inset-rulers': isInset,\n\t\t\t\t'cds--contained-list--on-page': kind === ContainedListKind.OnPage,\n\t\t\t\t'cds--contained-list--disclosed': kind === ContainedListKind.Disclosed,\n\t\t\t\t'cds--contained-list--sm': size === ContainedListSize.Small,\n\t\t\t\t'cds--contained-list--md': size === ContainedListSize.Medium,\n\t\t\t\t'cds--contained-list--lg': size === ContainedListSize.Large,\n\t\t\t\t'cds--contained-list--xl': size === ContainedListSize.ExtraLarge,\n\t\t\t\t'cds--layout--size-sm': size === ContainedListSize.Small,\n\t\t\t\t'cds--layout--size-md': size === ContainedListSize.Medium,\n\t\t\t\t'cds--layout--size-lg': size === ContainedListSize.Large,\n\t\t\t\t'cds--layout--size-xl': size === ContainedListSize.ExtraLarge\n\t\t\t}\">\n\t\t\t<div class=\"cds--contained-list__header\">\n\t\t\t\t<div [id]=\"labelId\" class=\"cds--contained-list__label\">\n\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"label\" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{ label }}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n\t\t\t\t@if (action) {\n\t\t\t\t\t<div class=\"cds--contained-list__action\">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"action\" [ngTemplateOutletContext]=\"{ $implicit: actionData }\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div role=\"list\" [attr.aria-labelledby]=\"labelId\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t</div>\n\t",changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3]})],ContainedList);var icon=__webpack_require__("./src/icon/index.ts");let ContainedListItem=class ContainedListItem{constructor(){this.disabled=!1,this.click=new core.EventEmitter,this.itemClass=!0,this.role="listitem"}get itemClickableClass(){return this.clickable}get itemWithIconClass(){return!!this.icon}onClick(){this.click.emit()}isTemplate(value){return value instanceof core.TemplateRef}static{this.propDecorators={action:[{type:core.Input}],actionData:[{type:core.Input}],disabled:[{type:core.Input}],clickable:[{type:core.Input}],icon:[{type:core.Input}],click:[{type:core.Output}],itemClass:[{type:core.HostBinding,args:["class.cds--contained-list-item"]}],role:[{type:core.HostBinding,args:["attr.role"]}],itemClickableClass:[{type:core.HostBinding,args:["class.cds--contained-list-item--clickable"]}],itemWithIconClass:[{type:core.HostBinding,args:["class.cds--contained-list-item--with-icon"]}]}}};ContainedListItem=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-contained-list-item, ibm-contained-list-item",template:'\n\t\t@if (clickable) {\n\t\t\t<button\n\t\t\t\tclass="cds--contained-list-item__content"\n\t\t\t\ttype="button"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t(click)="onClick()">\n\t\t\t\t<ng-content select="[cdsContainedListItemButton],[ibmContainedListItemButton]" />\n\t\t\t</button>\n\t\t} @else {\n\t\t\t<div class="cds--contained-list-item__content">\n\t\t\t\t@if (icon) {\n\t\t\t\t\t<div class="cds--contained-list-item__icon">\n\t\t\t\t\t\t@if (isTemplate(icon)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="icon" />\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<svg [ibmIcon]="icon" size="16"></svg>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t}\n\t\t@if (action) {\n\t\t\t<div class="cds--contained-list-item__action">\n\t\t\t\t<ng-template [ngTemplateOutlet]="action" [ngTemplateOutletContext]="{ $implicit: actionData }" />\n\t\t\t</div>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3,icon.LJ]})],ContainedListItem);let ContainedListModule=class ContainedListModule{};ContainedListModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[ContainedList,ContainedListItem],imports:[common_module_Dx7dWex5.MD,icon.op,ContainedList,ContainedListItem]})],ContainedListModule);var src_button=__webpack_require__("./src/button/index.ts"),src_layer=__webpack_require__("./src/layer/index.ts"),layout=__webpack_require__("./src/layout/index.ts"),tag=__webpack_require__("./src/tag/index.ts"),dialog=__webpack_require__("./src/dialog/index.ts"),tooltip=__webpack_require__("./src/tooltip/index.ts"),search=__webpack_require__("./src/search/index.ts"),_16=__webpack_require__("./node_modules/@carbon/icons/es/apple/16.js"),fish_16=__webpack_require__("./node_modules/@carbon/icons/es/fish/16.js"),strawberry_16=__webpack_require__("./node_modules/@carbon/icons/es/strawberry/16.js"),subtract_alt_16=__webpack_require__("./node_modules/@carbon/icons/es/subtract--alt/16.js"),wheat_16=__webpack_require__("./node_modules/@carbon/icons/es/wheat/16.js");let ContainedListStoryModule=class ContainedListStoryModule{constructor(iconService){this.iconService=iconService,this.iconService.registerAll([_16.A,fish_16.A,strawberry_16.A,subtract_alt_16.A,wheat_16.A])}static{this.ctorParameters=()=>[{type:icon.fM}]}};ContainedListStoryModule=(0,tslib_es6.Cg)([(0,core.NgModule)({imports:[common_module_Dx7dWex5.MD,icon.LJ]})],ContainedListStoryModule);var i18n=__webpack_require__("./src/i18n/index.ts"),placeholder=__webpack_require__("./src/placeholder/index.ts");const contained_list_stories={title:"Components/Contained List",decorators:[(0,dist.Iz)({imports:[src_button.tm,ContainedListModule,ContainedListStoryModule,icon.op,src_layer.G,dialog.Ph,layout.R,search.t,tag.$C,tooltip.Ss],providers:[i18n.F2,placeholder.F2]})],component:ContainedList,subcomponents:{ContainedListItem},args:{isInset:!1,kind:ContainedListKind.OnPage,label:"List title",size:ContainedListSize.Large},argTypes:{label:{type:{name:"string",required:!0}},action:{table:{disable:!0}}}},basic=(()=>({template:'\n        <cds-contained-list label="List title">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n        <cds-contained-list label="List title">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n    '})).bind({}),usageExamples=(()=>({template:'\n        <ng-template #add let-item>\n            <ibm-icon-button\n                type="button"\n                kind="primary"\n                align="left"\n                description="Add">\n                <svg class="cds--btn__icon" ibmIcon="add" size="16"></svg>\n            </ibm-icon-button>\n        </ng-template>\n        <ng-template #overflowMenu let-item>\n            <ibm-tooltip class="cds--icon-tooltip" description="Options" align="left">\n                <ibm-overflow-menu\n                    [flip]="true"\n                    [customTrigger]="customTrigger"\n                    triggerClass="cds--toolbar-action"\n                    [offset]="{ x: 0, y: 0 }">\n                    <ibm-overflow-menu-option>View details</ibm-overflow-menu-option>\n                    <ibm-overflow-menu-option>Edit</ibm-overflow-menu-option>\n                    <ibm-overflow-menu-option [divider]="true" type="danger">Remove</ibm-overflow-menu-option>\n                </ibm-overflow-menu>\n            </ibm-tooltip>\n        </ng-template>\n        <cds-contained-list label="List title" [action]="add">\n            <cds-contained-list-item [action]="overflowMenu">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="overflowMenu">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="overflowMenu">List item</cds-contained-list-item>\n        </cds-contained-list>\n\n        <ng-template #addGhost let-item>\n            <ibm-icon-button\n                type="button"\n                kind="ghost"\n                align="left"\n                description="Add">\n                <svg class="cds--btn__icon" ibmIcon="add" size="16"></svg>\n            </ibm-icon-button>\n        </ng-template>\n        <cds-contained-list label="List title" [action]="addGhost">\n            <cds-contained-list-item>\n                List item\n                <br />\n                <span class="cds--label cds--label--no-margin">\n                    Description text\n                </span>\n            </cds-contained-list-item>\n            <cds-contained-list-item>\n                List item\n                <br />\n                <span class="cds--label cds--label--no-margin">\n                    Description text\n                </span>\n            </cds-contained-list-item>\n            <cds-contained-list-item>\n                List item\n                <br />\n                <span class="cds--label cds--label--no-margin">\n                    Description text\n                </span>\n            </cds-contained-list-item>\n        </cds-contained-list>\n\n        <cds-contained-list label="List title">\n            <cds-contained-list-item>\n                <div style="display: \'grid\'; gridTemplateColumns: repeat(3, 1fr); columnGap: 1rem">\n                    <span>List item</span>\n                    <span>List item details</span>\n                    <span>List item details</span>\n                </div>\n            </cds-contained-list-item>\n            <cds-contained-list-item>\n                <div style="display: \'grid\'; gridTemplateColumns: repeat(3, 1fr); columnGap: 1rem">\n                    <span>List item</span>\n                    <span>List item details</span>\n                    <span>List item details</span>\n                </div>\n            </cds-contained-list-item>\n            <cds-contained-list-item>\n                <div style="display: \'grid\'; gridTemplateColumns: repeat(3, 1fr); columnGap: 1rem">\n                    <span>List item</span>\n                    <span>List item details</span>\n                    <span>List item details</span>\n                </div>\n            </cds-contained-list-item>\n        </cds-contained-list>\n    '})).bind({}),disclosed=(()=>({template:'\n        <cds-contained-list label="List title" kind="disclosed">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n        <cds-contained-list label="List title" kind="disclosed">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n    '})).bind({}),withActions=(()=>({template:'\n        <ng-template #action let-item>\n            <button\n                ibmButton="ghost"\n                aria-label="Action"\n                iconOnly="true">\n                <svg ibmIcon="subtract--alt" size="16" class="cds--btn__icon"></svg>\n            </button>\n        </ng-template>\n\n        <cds-contained-list label="List title" [size]="size">\n            <cds-contained-list-item [action]="action">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="action">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="action">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="action">List item</cds-contained-list-item>\n        </cds-contained-list>\n    '})).bind({}),withActionsAndContextData=args=>({props:args={...args,items:[{id:1,label:"List Item"},{id:2,label:"List Item"},{id:3,label:"List Item"},{id:4,label:"List Item"}],onActionClick:item=>{alert(`${item.label} ${item.id} action click triggered`)}},template:'\n            <ng-template #actionWithClick let-actionData>\n                <button\n                    ibmButton="ghost"\n                    aria-label="Action"\n                    iconOnly="true"\n                    (click)="onActionClick(actionData)">\n                    <svg ibmIcon="add" size="16" class="cds--btn__icon"></svg>\n                </button>\n            </ng-template>\n            <cds-contained-list label="List title" [size]="size">\n                @for (item of items; track item.id) {\n                    <cds-contained-list-item\n                        [action]="actionWithClick"\n                        [actionData]="item">\n                        {{ item.label }} {{ item.id }}\n                    </cds-contained-list-item>\n                }\n            </cds-contained-list>\n        '}),withIcons=(()=>({template:'\n        <ng-template #apple let-icon>\n            <svg ibmIcon="apple" size="16"></svg>\n        </ng-template>\n\n        <ng-template #wheat let-icon>\n            <svg ibmIcon="wheat" size="16"></svg>\n        </ng-template>\n\n        <cds-contained-list label="List title">\n            <cds-contained-list-item [icon]="apple">List item</cds-contained-list-item>\n            <cds-contained-list-item [icon]="wheat">List item</cds-contained-list-item>\n            <cds-contained-list-item icon="strawberry">List item</cds-contained-list-item>\n            <cds-contained-list-item icon="fish">List item</cds-contained-list-item>\n        </cds-contained-list>\n    '})).bind({}),withInteractiveItems=(()=>({template:'\n        <cds-contained-list label="List title">\n            <cds-contained-list-item [clickable]="true">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true" [disabled]="true">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n        </cds-contained-list>\n    '})).bind({}),withInteractiveItemsAndActions=(()=>({template:'\n        <ng-template #action let-item>\n            <button\n                aria-label="Action"\n                ibmButton="ghost"\n                iconOnly="true">\n                <svg ibmIcon="subtract--alt" size="16" class="cds--btn__icon"></svg>\n            </button>\n        </ng-template>\n        <ng-template #search>\n            <cds-search [expandable]="true" size="lg"></cds-search>\n        </ng-template>\n        <cds-contained-list label="List title" [action]="search">\n            <cds-contained-list-item [clickable]="true" [action]="action">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true" [action]="action">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true" [action]="action">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true" [action]="action">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n        </cds-contained-list>\n    '})).bind({}),withLayer=(()=>({template:'\n        <div ibmStack="vertical" [gap]="5">\n            <cds-contained-list label="List title">\n                <cds-contained-list-item>List item</cds-contained-list-item>\n                <cds-contained-list-item>List item</cds-contained-list-item>\n                <cds-contained-list-item>List item</cds-contained-list-item>\n                <cds-contained-list-item>List item</cds-contained-list-item>\n            </cds-contained-list>\n            <div [ibmLayer]="1">\n                <div ibmStack="vertical" [gap]="5">\n                    <cds-contained-list label="List title">\n                        <cds-contained-list-item>List item</cds-contained-list-item>\n                        <cds-contained-list-item>List item</cds-contained-list-item>\n                    </cds-contained-list>\n                    <div [ibmLayer]="2">\n                        <cds-contained-list label="List title">\n                            <cds-contained-list-item>List item</cds-contained-list-item>\n                            <cds-contained-list-item>List item</cds-contained-list-item>\n                        </cds-contained-list>\n                    </div>\n                </div>\n            </div>\n        </div>\n    '})).bind({}),withListTitleDecorators=(()=>({template:'\n        <ng-template #label let-item>\n            <div style="display: flex; alignItems: center; justifyContent: space-between">\n                <span>List title</span>\n                <ibm-tag size="sm">4</ibm-tag>\n            </div>\n        </ng-template>\n        <cds-contained-list [label]="label">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n    '})).bind({}),__namedExportsOrder=["basic","usageExamples","disclosed","withActions","withActionsAndContextData","withIcons","withInteractiveItems","withInteractiveItemsAndActions","withLayer","withListTitleDecorators"];basic.parameters={...basic.parameters,docs:{...basic.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-contained-list label="List title">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n        <cds-contained-list label="List title">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n    `\n})',...basic.parameters?.docs?.source}}},usageExamples.parameters={...usageExamples.parameters,docs:{...usageExamples.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <ng-template #add let-item>\n            <ibm-icon-button\n                type="button"\n                kind="primary"\n                align="left"\n                description="Add">\n                <svg class="cds--btn__icon" ibmIcon="add" size="16"></svg>\n            </ibm-icon-button>\n        </ng-template>\n        <ng-template #overflowMenu let-item>\n            <ibm-tooltip class="cds--icon-tooltip" description="Options" align="left">\n                <ibm-overflow-menu\n                    [flip]="true"\n                    [customTrigger]="customTrigger"\n                    triggerClass="cds--toolbar-action"\n                    [offset]="{ x: 0, y: 0 }">\n                    <ibm-overflow-menu-option>View details</ibm-overflow-menu-option>\n                    <ibm-overflow-menu-option>Edit</ibm-overflow-menu-option>\n                    <ibm-overflow-menu-option [divider]="true" type="danger">Remove</ibm-overflow-menu-option>\n                </ibm-overflow-menu>\n            </ibm-tooltip>\n        </ng-template>\n        <cds-contained-list label="List title" [action]="add">\n            <cds-contained-list-item [action]="overflowMenu">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="overflowMenu">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="overflowMenu">List item</cds-contained-list-item>\n        </cds-contained-list>\n\n        <ng-template #addGhost let-item>\n            <ibm-icon-button\n                type="button"\n                kind="ghost"\n                align="left"\n                description="Add">\n                <svg class="cds--btn__icon" ibmIcon="add" size="16"></svg>\n            </ibm-icon-button>\n        </ng-template>\n        <cds-contained-list label="List title" [action]="addGhost">\n            <cds-contained-list-item>\n                List item\n                <br />\n                <span class="cds--label cds--label--no-margin">\n                    Description text\n                </span>\n            </cds-contained-list-item>\n            <cds-contained-list-item>\n                List item\n                <br />\n                <span class="cds--label cds--label--no-margin">\n                    Description text\n                </span>\n            </cds-contained-list-item>\n            <cds-contained-list-item>\n                List item\n                <br />\n                <span class="cds--label cds--label--no-margin">\n                    Description text\n                </span>\n            </cds-contained-list-item>\n        </cds-contained-list>\n\n        <cds-contained-list label="List title">\n            <cds-contained-list-item>\n                <div style="display: \'grid\'; gridTemplateColumns: repeat(3, 1fr); columnGap: 1rem">\n                    <span>List item</span>\n                    <span>List item details</span>\n                    <span>List item details</span>\n                </div>\n            </cds-contained-list-item>\n            <cds-contained-list-item>\n                <div style="display: \'grid\'; gridTemplateColumns: repeat(3, 1fr); columnGap: 1rem">\n                    <span>List item</span>\n                    <span>List item details</span>\n                    <span>List item details</span>\n                </div>\n            </cds-contained-list-item>\n            <cds-contained-list-item>\n                <div style="display: \'grid\'; gridTemplateColumns: repeat(3, 1fr); columnGap: 1rem">\n                    <span>List item</span>\n                    <span>List item details</span>\n                    <span>List item details</span>\n                </div>\n            </cds-contained-list-item>\n        </cds-contained-list>\n    `\n})',...usageExamples.parameters?.docs?.source}}},disclosed.parameters={...disclosed.parameters,docs:{...disclosed.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-contained-list label="List title" kind="disclosed">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n        <cds-contained-list label="List title" kind="disclosed">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n    `\n})',...disclosed.parameters?.docs?.source}}},withActions.parameters={...withActions.parameters,docs:{...withActions.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <ng-template #action let-item>\n            <button\n                ibmButton="ghost"\n                aria-label="Action"\n                iconOnly="true">\n                <svg ibmIcon="subtract--alt" size="16" class="cds--btn__icon"></svg>\n            </button>\n        </ng-template>\n\n        <cds-contained-list label="List title" [size]="size">\n            <cds-contained-list-item [action]="action">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="action">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="action">List item</cds-contained-list-item>\n            <cds-contained-list-item [action]="action">List item</cds-contained-list-item>\n        </cds-contained-list>\n    `\n})',...withActions.parameters?.docs?.source}}},withActionsAndContextData.parameters={...withActionsAndContextData.parameters,docs:{...withActionsAndContextData.parameters?.docs,source:{originalSource:'args => {\n  args = {\n    ...args,\n    items: [{\n      id: 1,\n      label: "List Item"\n    }, {\n      id: 2,\n      label: "List Item"\n    }, {\n      id: 3,\n      label: "List Item"\n    }, {\n      id: 4,\n      label: "List Item"\n    }],\n    onActionClick: (item: any) => {\n      alert(`${item.label} ${item.id} action click triggered`);\n    }\n  };\n  return {\n    props: args,\n    template: `\n            <ng-template #actionWithClick let-actionData>\n                <button\n                    ibmButton="ghost"\n                    aria-label="Action"\n                    iconOnly="true"\n                    (click)="onActionClick(actionData)">\n                    <svg ibmIcon="add" size="16" class="cds--btn__icon"></svg>\n                </button>\n            </ng-template>\n            <cds-contained-list label="List title" [size]="size">\n                @for (item of items; track item.id) {\n                    <cds-contained-list-item\n                        [action]="actionWithClick"\n                        [actionData]="item">\n                        {{ item.label }} {{ item.id }}\n                    </cds-contained-list-item>\n                }\n            </cds-contained-list>\n        `\n  };\n}',...withActionsAndContextData.parameters?.docs?.source}}},withIcons.parameters={...withIcons.parameters,docs:{...withIcons.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <ng-template #apple let-icon>\n            <svg ibmIcon="apple" size="16"></svg>\n        </ng-template>\n\n        <ng-template #wheat let-icon>\n            <svg ibmIcon="wheat" size="16"></svg>\n        </ng-template>\n\n        <cds-contained-list label="List title">\n            <cds-contained-list-item [icon]="apple">List item</cds-contained-list-item>\n            <cds-contained-list-item [icon]="wheat">List item</cds-contained-list-item>\n            <cds-contained-list-item icon="strawberry">List item</cds-contained-list-item>\n            <cds-contained-list-item icon="fish">List item</cds-contained-list-item>\n        </cds-contained-list>\n    `\n})',...withIcons.parameters?.docs?.source}}},withInteractiveItems.parameters={...withInteractiveItems.parameters,docs:{...withInteractiveItems.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-contained-list label="List title">\n            <cds-contained-list-item [clickable]="true">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true" [disabled]="true">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n        </cds-contained-list>\n    `\n})',...withInteractiveItems.parameters?.docs?.source}}},withInteractiveItemsAndActions.parameters={...withInteractiveItemsAndActions.parameters,docs:{...withInteractiveItemsAndActions.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <ng-template #action let-item>\n            <button\n                aria-label="Action"\n                ibmButton="ghost"\n                iconOnly="true">\n                <svg ibmIcon="subtract--alt" size="16" class="cds--btn__icon"></svg>\n            </button>\n        </ng-template>\n        <ng-template #search>\n            <cds-search [expandable]="true" size="lg"></cds-search>\n        </ng-template>\n        <cds-contained-list label="List title" [action]="search">\n            <cds-contained-list-item [clickable]="true" [action]="action">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true" [action]="action">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true" [action]="action">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n            <cds-contained-list-item [clickable]="true" [action]="action">\n                <ng-container ibmContainedListItemButton>List item</ng-container>\n            </cds-contained-list-item>\n        </cds-contained-list>\n    `\n})',...withInteractiveItemsAndActions.parameters?.docs?.source}}},withLayer.parameters={...withLayer.parameters,docs:{...withLayer.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <div ibmStack="vertical" [gap]="5">\n            <cds-contained-list label="List title">\n                <cds-contained-list-item>List item</cds-contained-list-item>\n                <cds-contained-list-item>List item</cds-contained-list-item>\n                <cds-contained-list-item>List item</cds-contained-list-item>\n                <cds-contained-list-item>List item</cds-contained-list-item>\n            </cds-contained-list>\n            <div [ibmLayer]="1">\n                <div ibmStack="vertical" [gap]="5">\n                    <cds-contained-list label="List title">\n                        <cds-contained-list-item>List item</cds-contained-list-item>\n                        <cds-contained-list-item>List item</cds-contained-list-item>\n                    </cds-contained-list>\n                    <div [ibmLayer]="2">\n                        <cds-contained-list label="List title">\n                            <cds-contained-list-item>List item</cds-contained-list-item>\n                            <cds-contained-list-item>List item</cds-contained-list-item>\n                        </cds-contained-list>\n                    </div>\n                </div>\n            </div>\n        </div>\n    `\n})',...withLayer.parameters?.docs?.source}}},withListTitleDecorators.parameters={...withListTitleDecorators.parameters,docs:{...withListTitleDecorators.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <ng-template #label let-item>\n            <div style="display: flex; alignItems: center; justifyContent: space-between">\n                <span>List title</span>\n                <ibm-tag size="sm">4</ibm-tag>\n            </div>\n        </ng-template>\n        <cds-contained-list [label]="label">\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n            <cds-contained-list-item>List item</cds-contained-list-item>\n        </cds-contained-list>\n    `\n})',...withListTitleDecorators.parameters?.docs?.source}}}},"./src/search/search.component.html?ngResource"(module){module.exports='<div\n\tclass="cds--search"\n\t[ngClass]="{\n\t\t\'cds--search--sm\': size === \'sm\',\n\t\t\'cds--search--md\': size === \'md\',\n\t\t\'cds--search--lg\': size === \'lg\',\n\t\t\'cds--search--light\': theme === \'light\',\n\t\t\'cds--skeleton\': skeleton && !fluid,\n\t\t\'cds--search--expandable\': expandable && !tableSearch,\n\t\t\'cds--search--expanded\': expandable && !tableSearch && active,\n\t\t\'cds--toolbar-search\': toolbar && !expandable,\n\t\t\'cds--toolbar-search--active\': toolbar && !expandable && active,\n\t\t\'cds--toolbar-search-container-persistent\': tableSearch && !expandable,\n\t\t\'cds--toolbar-search-container-expandable\': tableSearch && expandable,\n\t\t\'cds--toolbar-search-container-active\': tableSearch && expandable && active,\n\t\t\'cds--search--fluid\': fluid,\n\t\t\'cds--search--disabled\': disabled\n\t}"\n\trole="search"\n\t[attr.aria-label]="ariaLabel"\n\t(click)="openSearch()">\n\t<label\n\t\tclass="cds--label"\n\t\t[for]="id"\n\t\t[ngClass]="{ \'cds--skeleton\': skeleton && fluid }">\n\t\t{{ !skeleton ? label : \'\'}}\n\t</label>\n\n\t@if (skeleton) {\n\t\t<div class="cds--text-input cds--skeleton"></div>\n\t} @else {\n\t\t<input\n\t\t\t#input\n\t\t\tclass="cds--search-input"\n\t\t\t[type]="tableSearch || !toolbar ? \'text\' : \'search\'"\n\t\t\t[id]="id"\n\t\t\t[value]="value"\n\t\t\t[autocomplete]="autocomplete"\n\t\t\t[placeholder]="placeholder"\n\t\t\t[disabled]="disabled"\n\t\t\t[required]="required"\n\t\t\t(input)="onSearch($event.target.value)"\n\t\t\t(keyup.enter)="onEnter()"/>\n\t\t@if (!tableSearch && toolbar) {\n\t\t\t<button\n\t\t\t\tclass="cds--toolbar-search__btn"\n\t\t\t\t(click)="openSearch()"\n\t\t\t\taria-label="Open search">\n\t\t\t\t<svg cdsIcon="search" size="16" class="cds--search-magnifier-icon"></svg>\n\t\t\t</button>\n\t\t}\n\t\t@if (tableSearch || !toolbar) {\n\t\t\t<svg\n\t\t\t\tcdsIcon="search"\n\t\t\t\tclass="cds--search-magnifier-icon"\n\t\t\t\tsize="16">\n\t\t\t</svg>\n\t\t}\n\t}\n\n\t@if (tableSearch || !toolbar) {\n\t\t<button\n\t\t\tclass="cds--search-close"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--search-close--hidden\': !value || value.length === 0\n\t\t\t}"\n\t\t\t[title]="clearButtonTitle"\n\t\t\t(click)="clearSearch()">\n\t\t\t<span class="cds--visually-hidden">{{ clearButtonTitle }}</span>\n\t\t\t<svg cdsIcon="close" size="16"></svg>\n\t\t</button>\n\t}\n</div>\n'}}]);

package/docs/storybook/datepicker-datepicker-stories.b2c80ef4.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[7156],{"./src/datepicker/datepicker.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Range:()=>Range,Single:()=>Single,Skeleton:()=>Skeleton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>datepicker_stories,withAILabel:()=>withAILabel});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),rangePlugin=__webpack_require__("./node_modules/flatpickr/dist/plugins/rangePlugin.js"),rangePlugin_default=__webpack_require__.n(rangePlugin),esm=__webpack_require__("./node_modules/flatpickr/dist/esm/index.js"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs");const monthToStr=(monthNumber,shorthand,locale)=>locale.months[shorthand?"shorthand":"longhand"][monthNumber],config_selectorFlatpickrMonthYearContainer=".flatpickr-current-month",config_selectorFlatpickrYearContainer=".numInputWrapper",config_classFlatpickrCurrentMonth="cur-month",config_shorthand=!1,carbonFlatpickrMonthSelectPlugin=fp=>{const updateCurrentMonth=()=>{if(!fp.yearElements)return;const monthStr=monthToStr(fp.currentMonth,!0===config_shorthand,fp.l10n);fp.yearElements.forEach((elem=>{const currentMonthContainer=elem.closest(config_selectorFlatpickrMonthYearContainer);Array.prototype.forEach.call(currentMonthContainer.querySelectorAll(".cur-month"),(monthElement=>{monthElement.textContent=monthStr}))}))};return{onMonthChange:updateCurrentMonth,onValueUpdate:updateCurrentMonth,onOpen:updateCurrentMonth,onReady:[()=>{fp.monthElements&&fp.yearElements&&(fp.monthElements.forEach((elem=>{elem.parentNode&&elem.parentNode.removeChild(elem)})),fp.monthElements.splice(0,fp.monthElements.length,...fp.monthElements.map((()=>{const monthElement=fp._createElement("span",config_classFlatpickrCurrentMonth);return monthElement.textContent=monthToStr(fp.currentMonth,!0===config_shorthand,fp.l10n),fp.yearElements[0].closest(config_selectorFlatpickrMonthYearContainer).insertBefore(monthElement,fp.yearElements[0].closest(config_selectorFlatpickrYearContainer)),monthElement}))))},updateCurrentMonth,()=>{fp.loadedPlugins.push("carbonFlatpickrMonthSelectPlugin")}]}};var DatePickerInput_1,l10n=__webpack_require__("./node_modules/flatpickr/dist/l10n/index.js"),l10n_default=__webpack_require__.n(l10n),i18n=__webpack_require__("./src/i18n/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts");let DatePickerInput=class DatePickerInput{static{DatePickerInput_1=this}static{this.datePickerCount=0}constructor(elementRef){this.elementRef=elementRef,this.type="simple",this.id="datepicker-"+DatePickerInput_1.datePickerCount++,this.hasIcon=!1,this.placeholder="mm/dd/yyyy",this.pattern="^\\d{1,2}/\\d{1,2}/\\d{4}$",this.valueChange=new core.EventEmitter,this.theme="dark",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.warn=!1,this.skeleton=!1,this.value="",this.size="md",this.onTouched=()=>{},this.propagateChange=_=>{}}onChange(event){this.value=event.target.value,this.valueChange.emit(this.value),this.propagateChange(this.value),this.onTouched()}writeValue(value){this.value=value}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}isTemplate(value){return value instanceof core.TemplateRef}static{this.ctorParameters=()=>[{type:core.ElementRef}]}static{this.propDecorators={type:[{type:core.Input}],id:[{type:core.Input}],hasIcon:[{type:core.Input}],label:[{type:core.Input}],placeholder:[{type:core.Input}],pattern:[{type:core.Input}],valueChange:[{type:core.Output}],theme:[{type:core.Input}],disabled:[{type:core.Input}],readonly:[{type:core.Input}],invalid:[{type:core.Input}],invalidText:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],helperText:[{type:core.Input}],decorator:[{type:core.Input}],skeleton:[{type:core.Input}],value:[{type:core.Input}],size:[{type:core.Input}],input:[{type:core.ViewChild,args:["input"]}]}}};DatePickerInput=DatePickerInput_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-date-picker-input, ibm-date-picker-input",template:'\n\t<div class="cds--form-item">\n\t\t<div class="cds--date-picker"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--date-picker--simple\' : type === \'simple\',\n\t\t\t\t\'cds--date-picker--single\' : type === \'single\',\n\t\t\t\t\'cds--date-picker--range\' : type === \'range\',\n\t\t\t\t\'cds--date-picker--light\' : theme === \'light\',\n\t\t\t\t\'cds--skeleton\' : skeleton\n\t\t\t}">\n\t\t\t<div class="cds--date-picker-container">\n\t\t\t\t\x3c!-- Skeleton structure --\x3e\n\t\t\t\t@if (skeleton) {\n\t\t\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t\t\t<div class="cds--date-picker__input cds--skeleton"></div>\n\t\t\t\t}\n\t\t\t\t@if (label && !skeleton) {\n\t\t\t\t\t<label\n\t\t\t\t\t\t[for]="id"\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\t@if (!isTemplate(label)) {\n\t\t\t\t\t\t\t{{label}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</label>\n\t\t\t\t}\n\t\t\t\t@if (!skeleton) {\n\t\t\t\t\t<div class="cds--date-picker-input__wrapper"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--date-picker-input__wrapper--invalid\': invalid,\n\t\t\t\t\t\t\t\'cds--date-picker-input__wrapper--warn\': warn,\n\t\t\t\t\t\t\t\'cds--date-picker-input__wrapper--decorator\': !!decorator\n\t\t\t\t\t\t}">\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t#input\n\t\t\t\t\t\t\t\tautocomplete="off"\n\t\t\t\t\t\t\t\ttype="text"\n\t\t\t\t\t\t\t\tclass="cds--date-picker__input"\n\t\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\t\'cds--date-picker__input--sm\': size === \'sm\',\n\t\t\t\t\t\t\t\t\t\'cds--date-picker__input--md\': size === \'md\',\n\t\t\t\t\t\t\t\t\t\'cds--date-picker__input--lg\': size === \'lg\'\n\t\t\t\t\t\t\t\t}"\n\t\t\t\t\t\t\t\t[attr.data-invalid]="invalid ? true : undefined"\n\t\t\t\t\t\t\t\t[value]="value"\n\t\t\t\t\t\t\t\t[pattern]="pattern"\n\t\t\t\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t\t\t\t[id]="id"\n\t\t\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t\t\t[readonly]="readonly"\n\t\t\t\t\t\t\t\t(change)="onChange($event)"/>\n\t\t\t\t\t\t\t@if (decorator) {\n\t\t\t\t\t\t\t\t<div class="cds--date-picker-input-inner-wrapper--decorator">\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (type !== \'simple\' && !warn && !invalid) {\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tcdsIcon="calendar"\n\t\t\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t\t\tclass="cds--date-picker__icon">\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tclass="cds--date-picker__icon cds--date-picker__icon--invalid"\n\t\t\t\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\t\t\tsize="16">\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t\t\tclass="cds--date-picker__icon cds--date-picker__icon--warn">\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t}\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</div>\n\t\t</div>\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:DatePickerInput,multi:!0}],changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ]})],DatePickerInput);let DatePickerInputModule=class DatePickerInputModule{};var DatePicker_1;DatePickerInputModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[DatePickerInput],imports:[common_module_Dx7dWex5.MD,icon.LJ,DatePickerInput]})],DatePickerInputModule),l10n_default()?.default.en?.weekdays&&(l10n_default().default.en.weekdays.shorthand=l10n_default().default.en.weekdays.longhand.map((day=>"Thursday"===day?"Th":day.charAt(0))));let DatePicker=class DatePicker{static{DatePicker_1=this}static{this.datePickerCount=0}set value(v){v||(v=[]),this._value=v}get value(){return this._value}set flatpickrOptions(options){this._flatpickrOptions=Object.assign({},this._flatpickrOptions,options)}get flatpickrOptions(){const plugins=[...this.plugins,carbonFlatpickrMonthSelectPlugin];return this.range&&plugins.push(rangePlugin_default()({input:`#${this.id}-rangeInput`,position:"left"})),Object.assign({},this._flatpickrOptions,this.flatpickrBaseOptions,{mode:this.range?"range":"single",plugins,dateFormat:this.dateFormat,locale:l10n_default()?.default[this.language]||l10n_default()[this.language],clickOpens:!this.readonly})}constructor(elementRef,i18n){this.elementRef=elementRef,this.i18n=i18n,this.range=!1,this.dateFormat="m/d/Y",this.language="en",this.placeholder="mm/dd/yyyy",this.ariaLabel="calendar container",this.inputPattern="^\\d{1,2}/\\d{1,2}/\\d{4}$",this.id="datepicker-"+DatePicker_1.datePickerCount++,this.theme="dark",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.warn=!1,this.size="md",this.rangeInvalid=!1,this.rangeWarn=!1,this.skeleton=!1,this.plugins=[],this.valueChange=new core.EventEmitter,this.onClose=new core.EventEmitter,this._value=[],this._flatpickrOptions={allowInput:!0},this.flatpickrBaseOptions={mode:"single",dateFormat:"m/d/Y",plugins:this.plugins,onOpen:()=>{this.updateClassNames(),this.updateAttributes(),this.updateCalendarListeners()},onClose:date=>{if(this.range&&this.flatpickrInstance){const inputValue=this.input.input.nativeElement.value,rangeInputValue=this.rangeInput.input.nativeElement.value;if(inputValue||rangeInputValue){const parseDate=date=>this.flatpickrInstance.parseDate(date,this.dateFormat);this.setDateValues([parseDate(inputValue),parseDate(rangeInputValue||inputValue)]),this.doSelect(this.flatpickrInstance.selectedDates)}}this.onClose.emit(date)},onDayCreate:(_dObj,_dStr,_fp,dayElem)=>{dayElem.classList.add("cds--date-picker__day")},nextArrow:this.rightArrowHTML(),prevArrow:this.leftArrowHTML(),value:this.value},this.flatpickrInstance=null,this.onTouched=()=>{},this.propagateChange=_=>{},this.preventCalendarClose=event=>event.stopPropagation()}ngOnInit(){"en"!==this.i18n.getLocale()&&this.i18n.getLocaleObservable().subscribe((locale=>{this.language=locale,this.resetFlatpickrInstance()}))}ngOnChanges(changes){const flatpickrChangeKeys=["range","dateFormat","language","id","value","plugins","flatpickrOptions","readonly"];Object.keys(changes).some((key=>flatpickrChangeKeys.includes(key)))&&this.resetFlatpickrInstance(changes.value)}ngAfterViewInit(){this.skeleton||(this.input.input.nativeElement.value=this._value[0]??"",this.range&&(this.rangeInput.input.nativeElement.value=this._value[1]??"")),setTimeout((()=>{this.addInputListeners()}),0)}ngAfterViewChecked(){this.isFlatpickrLoaded()||(this.flatpickrInstance=(0,esm.A)(`#${this.id}-input`,this.flatpickrOptions),this.isFlatpickrLoaded()&&this.value.length>0&&this.setDateValues(this.value))}onFocus(){if(this.range)if(this.rangeInput.input.nativeElement===document.activeElement&&this.flatpickrInstance.selectedDates[1]){const currentMonth=this.flatpickrInstance.selectedDates[1].getMonth();this.flatpickrInstance.changeMonth(currentMonth,!1)}else if(this.input.input.nativeElement===document.activeElement&&this.flatpickrInstance.selectedDates[0]){const currentMonth=this.flatpickrInstance.selectedDates[0].getMonth();this.flatpickrInstance.changeMonth(currentMonth,!1)}}onFocusOut(){this.onTouched()}writeValue(value){this.value=value,setTimeout((()=>{this.isFlatpickrLoaded()&&this.flatpickrInstance.config&&this.setDateValues(this.value)}))}setDisabledState(isDisabled){this.disabled=isDisabled}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}ngOnDestroy(){this.isFlatpickrLoaded()&&this.flatpickrInstance.destroy()}onValueChange(event){if(this.isFlatpickrLoaded()){const date=this.flatpickrInstance.parseDate(event,this.dateFormat);this.range?this.setDateValues([date,this.flatpickrInstance.selectedDates[1]]):this.setDateValues([date]),this.doSelect(this.flatpickrInstance.selectedDates)}}onRangeValueChange(event){if(this.isFlatpickrLoaded()&&this.flatpickrInstance.isOpen){const date=this.flatpickrInstance.parseDate(event,this.dateFormat);this.setDateValues([this.flatpickrInstance.selectedDates[0],date]),this.doSelect(this.flatpickrInstance.selectedDates)}}openCalendar(datepickerInput,event){if(!this.readonly&&!this.skeleton)if(this.isDecoratorClick(event))this.isFlatpickrLoaded()&&this.flatpickrInstance.isOpen&&this.flatpickrInstance.close();else if(this.range){if(datepickerInput.input.nativeElement.click(),datepickerInput===this.input&&this.flatpickrInstance.selectedDates[0]){const currentMonth=this.flatpickrInstance.selectedDates[0].getMonth();this.flatpickrInstance.currentYear=this.flatpickrInstance.selectedDates[0].getFullYear(),this.flatpickrInstance.changeMonth(currentMonth,!1)}}else this.flatpickrInstance.open()}updateCalendarListeners(){const calendarContainer=document.querySelectorAll(".flatpickr-calendar");Array.from(calendarContainer).forEach((calendar=>{calendar.removeEventListener("click",this.preventCalendarClose),calendar.addEventListener("click",this.preventCalendarClose)}))}addInputListeners(){if(!this.isFlatpickrLoaded())return;const addFocusCalendarListener=element=>{element.addEventListener("keydown",(event=>{if(!this.readonly&&("Escape"===event.key&&this.flatpickrInstance.close(),"ArrowDown"===event.key)){this.flatpickrInstance.isOpen||this.flatpickrInstance.open();const calendarContainer=this.flatpickrInstance.calendarContainer,dayElement=calendarContainer&&calendarContainer.querySelector(".flatpickr-day[tabindex]"),selectedDateElem=calendarContainer&&calendarContainer.querySelector(".selected"),todayDateElem=calendarContainer&&calendarContainer.querySelector(".today");dayElement&&((todayDateElem||selectedDateElem||dayElement).focus(),document.activeElement!==dayElement&&this.flatpickrInstance.selectedDateElem&&this.flatpickrInstance.selectedDateElem.focus())}}))};this.input&&this.input.input&&addFocusCalendarListener(this.input.input.nativeElement),this.rangeInput&&this.rangeInput.input&&addFocusCalendarListener(this.rangeInput.input.nativeElement)}resetFlatpickrInstance(newDates){if(this.isFlatpickrLoaded()){let dates=this.flatpickrInstance.selectedDates;newDates&&this.didDateValueChange(newDates.currentValue,newDates.previousValue)&&(dates=newDates.currentValue),this.flatpickrInstance=(0,esm.A)(`#${this.id}-input`,this.flatpickrOptions),this.setDateValues(dates)}}updateClassNames(){if(!this.elementRef)return;const calendarContainer=document.querySelectorAll(".flatpickr-calendar"),monthContainer=document.querySelectorAll(".flatpickr-month"),weekdaysContainer=document.querySelectorAll(".flatpickr-weekdays"),weekdayContainer=document.querySelectorAll(".flatpickr-weekday"),daysContainer=document.querySelectorAll(".flatpickr-days"),dayContainer=document.querySelectorAll(".flatpickr-day"),addClassIfNotExists=(classname,elementList)=>{Array.from(elementList).forEach((element=>{element.classList.contains(classname)||element.classList.add(classname)}))};addClassIfNotExists("cds--date-picker__calendar",calendarContainer),addClassIfNotExists("cds--date-picker__month",monthContainer),addClassIfNotExists("cds--date-picker__weekdays",weekdaysContainer),addClassIfNotExists("cds--date-picker__days",daysContainer),Array.from(weekdayContainer).forEach((element=>{element.innerHTML=element.innerHTML.replace(/\s+/g,""),element.classList.add("cds--date-picker__weekday")})),Array.from(dayContainer).forEach((element=>{element.setAttribute("role","button"),element.classList.add("cds--date-picker__day"),this.value&&(element.classList.contains("today")&&this.value.length>0?element.classList.add("no-border"):element.classList.contains("today")&&0===this.value.length&&element.classList.remove("no-border"))}))}updateAttributes(){const calendarContainer=document.querySelectorAll(".flatpickr-calendar");Array.from(calendarContainer).forEach((calendar=>{calendar.setAttribute("role","application"),calendar.setAttribute("aria-label",this.ariaLabel)}))}setDateValues(dates){if(this.isFlatpickrLoaded()){const singleInput=this.elementRef.nativeElement.querySelector(`#${this.id}-input`),rangeInput=this.elementRef.nativeElement.querySelector(`#${this.id}-rangeInput`);let shouldRefocusDateElement=this.flatpickrInstance.selectedDateElem===document.activeElement;this.flatpickrInstance.setDate(dates),shouldRefocusDateElement&&this.flatpickrInstance.selectedDateElem.focus();let singleDate="";if("string"==typeof this.flatpickrInstance.selectedDates[0]?(singleDate=this.flatpickrInstance.parseDate(this.flatpickrInstance.selectedDates[0],this.dateFormat),singleDate=this.flatpickrInstance.formatDate(singleDate,this.dateFormat)):this.flatpickrInstance.selectedDates[0]&&(singleDate=this.flatpickrInstance.formatDate(this.flatpickrInstance.selectedDates[0],this.dateFormat)),rangeInput){let rangeDate="";"string"==typeof this.flatpickrInstance.selectedDates[1]?(rangeDate=this.flatpickrInstance.parseDate(this.flatpickrInstance.selectedDates[1].toString(),this.dateFormat),rangeDate=this.flatpickrInstance.formatDate(rangeDate,this.dateFormat)):this.flatpickrInstance.selectedDates[1]&&(rangeDate=this.flatpickrInstance.formatDate(this.flatpickrInstance.selectedDates[1],this.dateFormat)),setTimeout((()=>{rangeInput.value=rangeDate,singleInput.value=singleDate}))}}}doSelect(selectedValue){if(this.range&&this.flatpickrInstance.selectedDates[0]){const currentMonth=this.flatpickrInstance.selectedDates[0].getMonth();let shouldRefocusDateElement=this.flatpickrInstance.selectedDateElem===document.activeElement;this.flatpickrInstance.changeMonth(currentMonth,!1),shouldRefocusDateElement&&this.flatpickrInstance.selectedDateElem.focus()}this.valueChange.emit(selectedValue),this.propagateChange(selectedValue)}didDateValueChange(currentValue,previousValue){return currentValue[0]!==previousValue[0]||currentValue[1]!==previousValue[1]}isFlatpickrLoaded(){return!!this.flatpickrInstance&&!!this.flatpickrInstance.setDate}rightArrowHTML(){return'\n\t\t\t<svg width="16px" height="16px" viewBox="0 0 16 16">\n\t\t\t\t<polygon points="11,8 6,13 5.3,12.3 9.6,8 5.3,3.7 6,3 "/>\n\t\t\t\t<rect width="16" height="16" style="fill:none" />\n\t\t\t</svg>'}leftArrowHTML(){return'\n\t\t\t<svg width="16px" height="16px" viewBox="0 0 16 16">\n\t\t\t\t<polygon points="5,8 10,3 10.7,3.7 6.4,8 10.7,12.3 10,13 "/>\n\t\t\t\t<rect width="16" height="16" style="fill:none" />\n\t\t\t</svg>'}isDecoratorClick(event){if(!event?.target)return!1;const t=event.target,el=t instanceof Element?t:t.parentElement;return null!=el?.closest(".cds--date-picker-input-inner-wrapper--decorator")}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:i18n.F2}]}static{this.propDecorators={range:[{type:core.Input}],dateFormat:[{type:core.Input}],language:[{type:core.Input}],label:[{type:core.Input}],helperText:[{type:core.Input}],decorator:[{type:core.Input}],rangeDecorator:[{type:core.Input}],rangeHelperText:[{type:core.Input}],rangeLabel:[{type:core.Input}],placeholder:[{type:core.Input}],ariaLabel:[{type:core.Input}],inputPattern:[{type:core.Input}],id:[{type:core.Input}],value:[{type:core.Input}],theme:[{type:core.Input}],disabled:[{type:core.Input}],readonly:[{type:core.Input}],invalid:[{type:core.Input}],invalidText:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],size:[{type:core.Input}],rangeInvalid:[{type:core.Input}],rangeInvalidText:[{type:core.Input}],rangeWarn:[{type:core.Input}],rangeWarnText:[{type:core.Input}],skeleton:[{type:core.Input}],plugins:[{type:core.Input}],flatpickrOptions:[{type:core.Input}],input:[{type:core.ViewChild,args:["input",{static:!0}]}],rangeInput:[{type:core.ViewChild,args:["rangeInput"]}],valueChange:[{type:core.Output}],onClose:[{type:core.Output}],onFocus:[{type:core.HostListener,args:["focusin"]}],onFocusOut:[{type:core.HostListener,args:["focusout"]}]}}};DatePicker=DatePicker_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-date-picker, ibm-date-picker",template:'\n\t<div class="cds--form-item">\n\t\t<div\n\t\t\tclass="cds--date-picker"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--date-picker--range\' : range,\n\t\t\t\t\'cds--date-picker--single\' : !range,\n\t\t\t\t\'cds--date-picker--light\' : theme === \'light\',\n\t\t\t\t\'cds--skeleton\' : skeleton\n\t\t\t}">\n\t\t\t<div class="cds--date-picker-container">\n\t\t\t\t<cds-date-picker-input\n\t\t\t\t\t#input\n\t\t\t\t\t[label]="label"\n\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t[pattern]="inputPattern"\n\t\t\t\t\t[id]="id + \'-input\'"\n\t\t\t\t\t[size]="size"\n\t\t\t\t\t[type]="(range ? \'range\' : \'single\')"\n\t\t\t\t\t[hasIcon]="(range ? false : true)"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t[readonly]="readonly"\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[skeleton]="skeleton"\n\t\t\t\t\t[helperText]="helperText"\n\t\t\t\t\t[decorator]="decorator"\n\t\t\t\t\t(valueChange)="onValueChange($event)"\n\t\t\t\t\t(click)="openCalendar(input, $event)">\n\t\t\t\t</cds-date-picker-input>\n\t\t\t</div>\n\n\t\t\t@if (range) {\n\t\t\t\t<div class="cds--date-picker-container">\n\t\t\t\t\t<cds-date-picker-input\n\t\t\t\t\t\t#rangeInput\n\t\t\t\t\t\t[label]="rangeLabel"\n\t\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t\t[pattern]="inputPattern"\n\t\t\t\t\t\t[id]="id + \'-rangeInput\'"\n\t\t\t\t\t\t[size]="size"\n\t\t\t\t\t\t[type]="(range ? \'range\' : \'single\')"\n\t\t\t\t\t\t[hasIcon]="(range ? true : null)"\n\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t[readonly]="readonly"\n\t\t\t\t\t\t[invalid]="rangeInvalid"\n\t\t\t\t\t\t[invalidText]="rangeInvalidText"\n\t\t\t\t\t\t[warn]="rangeWarn"\n\t\t\t\t\t\t[warnText]="rangeWarnText"\n\t\t\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t\t\t[helperText]="rangeHelperText"\n\t\t\t\t\t\t[decorator]="rangeDecorator"\n\t\t\t\t\t\t(valueChange)="onRangeValueChange($event)"\n\t\t\t\t\t\t(click)="openCalendar(rangeInput, $event)">\n\t\t\t\t\t</cds-date-picker-input>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:DatePicker,multi:!0}],encapsulation:core.ViewEncapsulation.None,changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,DatePickerInput]})],DatePicker);var utils=__webpack_require__("./src/utils/index.ts");let DatePickerModule=class DatePickerModule{};DatePickerModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[DatePicker,DatePickerInput],imports:[common_module_Dx7dWex5.MD,DatePickerInput,utils.uh,i18n.LP,DatePicker]})],DatePickerModule);var ai_label=__webpack_require__("./src/ai-label/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),ai_label_story_shared=__webpack_require__("./src/storybook/ai-label-story-shared.ts");const datepicker_stories={title:"Components/Date Picker",decorators:[(0,dist.Iz)({imports:[DatePickerModule,ai_label.Zr,src_button.tm,icon.op]})],args:{label:"Label text",placeholder:"mm/dd/yyyy",invalidText:"Invalid date format",invalid:!1,warnText:"This is a warning",warn:!1,disabled:!1,readonly:!1,language:"en",theme:"dark",size:"md"},argTypes:{theme:{options:["light","dark"],control:"radio"},size:{options:["sm","md","lg"],control:"radio"},valueChange:{action:"Date changed!"}},component:DatePicker},Basic=(args=>({props:args,template:'\n        <cds-date-picker-input\n            [theme]="theme"\n            [label]="label"\n            [placeholder]="placeholder"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            (valueChange)="valueChange($event)">\n        </cds-date-picker-input>\n    '})).bind({}),withAILabel=(args=>({props:args,styles:ai_label_story_shared.lt,template:'\n        <cds-date-picker\n            [theme]="theme"\n            [label]="label"\n            [placeholder]="placeholder"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [type]="\'single\'"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [decorator]="decoratorTpl"\n            (valueChange)="valueChange($event)">\n        </cds-date-picker>\n        <ng-template #decoratorTpl>\n            <cds-ai-label\n                class="ai-label-container"\n                kind="default"\n                size="mini"\n                [autoAlign]="true"\n                aiText="AI"\n                ariaLabel="Show information">\n                '+ai_label_story_shared.tw+"\n            </cds-ai-label>\n        </ng-template>\n    "})).bind({}),Single=(args=>({props:args,template:'\n        <p>With initial value</p>\n        <cds-date-picker\n            [label]="label"\n            id="initial-value-datepicker"\n            [placeholder]="placeholder"\n            [language]="language"\n            [size]="size"\n            [theme]="theme"\n            [value]="value"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [dateFormat]="dateFormat"\n            (valueChange)="valueChange($event)">\n        </cds-date-picker>\n        <p style="margin-top: 20px;">Without initial value</p>\n        <cds-date-picker\n            [label]="label"\n            [placeholder]="placeholder"\n            [language]="language"\n            [size]="size"\n            [theme]="theme"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [dateFormat]="dateFormat"\n            (valueChange)="valueChange($event)">\n        </cds-date-picker>\n    '})).bind({});Single.args={dateFormat:"m/d/y",language:"en"},Single.argTypes={language:{options:["en","de","fi","ja","zh","es","fr","it","ko","pt"],control:"select"}};const Range=(args=>({props:args,template:'\n        <p>With initial value</p>\n        <cds-date-picker\n            [label]="label"\n            [rangeLabel]="label"\n            [size]="size"\n            range="true"\n            id="initial-value-range-datepicker"\n            [placeholder]="placeholder"\n            [language]="language"\n            [theme]="theme"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [rangeInvalid]="invalid"\n            [rangeInvalidText]="invalidText"\n            [dateFormat]="dateFormat"\n            [flatpickrOptions]="flatpickrOptions"\n            [value]="value"\n            (valueChange)="valueChange($event)"\n            [helperText]="helperText">\n        </cds-date-picker>\n        <p style="margin-top: 20px;">Without initial value</p>\n        <cds-date-picker\n            [label]="label"\n            [rangeLabel]="label"\n            [size]="size"\n            range="true"\n            [language]="language"\n            [placeholder]="placeholder"\n            [theme]="theme"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [rangeWarn]="warn"\n            [rangeWarnText]="warnText"\n            [dateFormat]="dateFormat"\n            [flatpickrOptions]="flatpickrOptions"\n            (valueChange)="valueChange($event)"\n            [helperText]="helperText">\n        </cds-date-picker>\n    '})).bind({});Range.args={dateFormat:"d/m/Y",value:["02/11/24","08/11/24"],language:"en",flatpickrOptions:{minDate:new Date("11/01/24"),maxDate:new Date("11/30/24")}},Range.argTypes={language:{options:["en","de","fi","ja","zh","es","fr","it","ko","pt"],control:"select"}};const Skeleton=(args=>({props:args,template:'\n    <cds-date-picker\n        range="true"\n        skeleton="true">\n    </cds-date-picker>\n    '})).bind({}),__namedExportsOrder=["Basic","withAILabel","Single","Range","Skeleton"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-date-picker-input\n            [theme]="theme"\n            [label]="label"\n            [placeholder]="placeholder"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            (valueChange)="valueChange($event)">\n        </cds-date-picker-input>\n    `\n})',...Basic.parameters?.docs?.source}}},withAILabel.parameters={...withAILabel.parameters,docs:{...withAILabel.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  styles: AI_LABEL_STORY_STYLES,\n  template: `\n        <cds-date-picker\n            [theme]="theme"\n            [label]="label"\n            [placeholder]="placeholder"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [type]="\'single\'"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [decorator]="decoratorTpl"\n            (valueChange)="valueChange($event)">\n        </cds-date-picker>\n        <ng-template #decoratorTpl>\n            <cds-ai-label\n                class="ai-label-container"\n                kind="default"\n                size="mini"\n                [autoAlign]="true"\n                aiText="AI"\n                ariaLabel="Show information">\n                ` + AI_LABEL_INNER + `\n            </cds-ai-label>\n        </ng-template>\n    `\n})',...withAILabel.parameters?.docs?.source}}},Single.parameters={...Single.parameters,docs:{...Single.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <p>With initial value</p>\n        <cds-date-picker\n            [label]="label"\n            id="initial-value-datepicker"\n            [placeholder]="placeholder"\n            [language]="language"\n            [size]="size"\n            [theme]="theme"\n            [value]="value"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [dateFormat]="dateFormat"\n            (valueChange)="valueChange($event)">\n        </cds-date-picker>\n        <p style="margin-top: 20px;">Without initial value</p>\n        <cds-date-picker\n            [label]="label"\n            [placeholder]="placeholder"\n            [language]="language"\n            [size]="size"\n            [theme]="theme"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [dateFormat]="dateFormat"\n            (valueChange)="valueChange($event)">\n        </cds-date-picker>\n    `\n})',...Single.parameters?.docs?.source}}},Range.parameters={...Range.parameters,docs:{...Range.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <p>With initial value</p>\n        <cds-date-picker\n            [label]="label"\n            [rangeLabel]="label"\n            [size]="size"\n            range="true"\n            id="initial-value-range-datepicker"\n            [placeholder]="placeholder"\n            [language]="language"\n            [theme]="theme"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [rangeInvalid]="invalid"\n            [rangeInvalidText]="invalidText"\n            [dateFormat]="dateFormat"\n            [flatpickrOptions]="flatpickrOptions"\n            [value]="value"\n            (valueChange)="valueChange($event)"\n            [helperText]="helperText">\n        </cds-date-picker>\n        <p style="margin-top: 20px;">Without initial value</p>\n        <cds-date-picker\n            [label]="label"\n            [rangeLabel]="label"\n            [size]="size"\n            range="true"\n            [language]="language"\n            [placeholder]="placeholder"\n            [theme]="theme"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [rangeWarn]="warn"\n            [rangeWarnText]="warnText"\n            [dateFormat]="dateFormat"\n            [flatpickrOptions]="flatpickrOptions"\n            (valueChange)="valueChange($event)"\n            [helperText]="helperText">\n        </cds-date-picker>\n    `\n})',...Range.parameters?.docs?.source}}},Skeleton.parameters={...Skeleton.parameters,docs:{...Skeleton.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n    <cds-date-picker\n        range="true"\n        skeleton="true">\n    </cds-date-picker>\n    `\n})',...Skeleton.parameters?.docs?.source}}}}}]);

package/docs/storybook/dialog-overflow-menu-overflow-menu-stories.23d0247a.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[1107],{"./node_modules/@carbon/utils-position/index.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){var _a,PLACEMENTS;__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,G1:()=>position}),function(PLACEMENTS){PLACEMENTS.LEFT="left",PLACEMENTS.RIGHT="right",PLACEMENTS.TOP="top",PLACEMENTS.BOTTOM="bottom"}(PLACEMENTS||(PLACEMENTS={}));var defaultPositions=((_a={})[PLACEMENTS.LEFT]=function(referenceOffset,target,referenceRect){return{top:referenceOffset.top-Math.round(target.offsetHeight/2)+Math.round(referenceRect.height/2),left:Math.round(referenceOffset.left-target.offsetWidth)}},_a[PLACEMENTS.RIGHT]=function(referenceOffset,target,referenceRect){return{top:referenceOffset.top-Math.round(target.offsetHeight/2)+Math.round(referenceRect.height/2),left:Math.round(referenceOffset.left+referenceRect.width)}},_a[PLACEMENTS.TOP]=function(referenceOffset,target,referenceRect){return{top:Math.round(referenceOffset.top-target.offsetHeight),left:referenceOffset.left-Math.round(target.offsetWidth/2)+Math.round(referenceRect.width/2)}},_a[PLACEMENTS.BOTTOM]=function(referenceOffset,target,referenceRect){return{top:Math.round(referenceOffset.top+referenceRect.height),left:referenceOffset.left-Math.round(target.offsetWidth/2)+Math.round(referenceRect.width/2)}},_a),windowRef="undefined"!=typeof window?window:{innerHeight:0,scrollY:0,innerWidth:0,scrollX:0},Position=function(){function Position(positions){void 0===positions&&(positions={}),this.positions=defaultPositions,this.positions=Object.assign({},defaultPositions,positions)}return Position.prototype.getRelativeOffset=function(target){for(var offsets={left:target.offsetLeft,top:target.offsetTop};target.offsetParent&&"static"===getComputedStyle(target.offsetParent).position;)offsets.left+=target.offsetLeft,offsets.top+=target.offsetTop,target=target.offsetParent;return offsets},Position.prototype.getAbsoluteOffset=function(target){for(var currentNode=target,margins={top:0,left:0};currentNode.offsetParent;){var computed=getComputedStyle(currentNode.offsetParent);"static"===computed.position&&computed.marginLeft&&computed.marginTop&&(parseInt(computed.marginTop,10)&&(margins.top+=parseInt(computed.marginTop,10)),parseInt(computed.marginLeft,10)&&(margins.left+=parseInt(computed.marginLeft,10))),currentNode=currentNode.offsetParent}var targetRect=target.getBoundingClientRect(),relativeRect=document.body.getBoundingClientRect();return{top:targetRect.top-relativeRect.top+margins.top,left:targetRect.left-relativeRect.left+margins.left}},Position.prototype.findRelative=function(reference,target,placement){var referenceOffset=this.getRelativeOffset(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findAbsolute=function(reference,target,placement){var referenceOffset=this.getAbsoluteOffset(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findPosition=function(reference,target,placement,offsetFunction){void 0===offsetFunction&&(offsetFunction=this.getAbsoluteOffset.bind(this));var referenceOffset=offsetFunction(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findPositionAt=function(offset,target,placement){return this.calculatePosition(offset,{top:0,left:0,height:0,width:0},target,placement)},Position.prototype.getPlacementBox=function(target,position){var targetBottom=target.offsetHeight+position.top,targetRight=target.offsetWidth+position.left;return{top:position.top,bottom:targetBottom,left:position.left,right:targetRight}},Position.prototype.addOffset=function(position,top,left){return void 0===top&&(top=0),void 0===left&&(left=0),Object.assign({},position,{top:position.top+top,left:position.left+left})},Position.prototype.setElement=function(element,position){element.style.top=position.top+"px",element.style.left=position.left+"px"},Position.prototype.findBestPlacement=function(reference,target,placements,containerFunction,positionFunction){var _this=this;void 0===containerFunction&&(containerFunction=this.defaultContainerFunction.bind(this)),void 0===positionFunction&&(positionFunction=this.findPosition.bind(this));var weightedPlacements=placements.map((function(placement){var pos=positionFunction(reference,target,placement),box=_this.getPlacementBox(target,pos),hiddenHeight=0,hiddenWidth=0,container=containerFunction();box.top<container.top?hiddenHeight=container.top-box.top:box.bottom>container.height&&(hiddenHeight=box.bottom-container.height),box.left<container.left?hiddenWidth=container.left-box.left:box.right>container.width&&(hiddenWidth=box.right-container.width),hiddenHeight&&!hiddenWidth?hiddenWidth=1:hiddenWidth&&!hiddenHeight&&(hiddenHeight=1);var area=target.offsetHeight*target.offsetWidth;return{placement,weight:(area-hiddenHeight*hiddenWidth)/area}}));return weightedPlacements.sort((function(a,b){return b.weight-a.weight})),weightedPlacements[0].placement},Position.prototype.findBestPlacementAt=function(offset,target,placements,containerFunction){var _this=this;void 0===containerFunction&&(containerFunction=this.defaultContainerFunction.bind(this));return this.findBestPlacement(null,target,placements,containerFunction,(function(_,target,placement){return _this.findPositionAt(offset,target,placement)}))},Position.prototype.defaultContainerFunction=function(){return{top:0,left:0,height:windowRef.innerHeight,width:windowRef.innerWidth}},Position.prototype.calculatePosition=function(referenceOffset,referenceRect,target,placement){return this.positions[placement]?this.positions[placement](referenceOffset,target,referenceRect):(console.error("No function found for placement, defaulting to 0,0"),{left:0,top:0})},Position}(),position=new Position;const __WEBPACK_DEFAULT_EXPORT__=Position},"./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"></ng-container>\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></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/checkbox/checkbox-group-host.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{B:()=>CHECKBOX_GROUP_HOST});const CHECKBOX_GROUP_HOST=new(__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs").InjectionToken)("CheckboxGroupHost")},"./src/checkbox/checkbox.component.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{S:()=>Checkbox});var Checkbox_1,CheckboxState,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_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icon/index.ts"),_checkbox_group_host__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/checkbox/checkbox-group-host.ts");!function(CheckboxState){CheckboxState[CheckboxState.Init=0]="Init",CheckboxState[CheckboxState.Indeterminate=1]="Indeterminate",CheckboxState[CheckboxState.Checked=2]="Checked",CheckboxState[CheckboxState.Unchecked=3]="Unchecked"}(CheckboxState||(CheckboxState={}));let Checkbox=class Checkbox{static{Checkbox_1=this}static{this.checkboxCount=0}static{this.helperIdCounter=0}set indeterminate(indeterminate){indeterminate!==this._indeterminate&&(this._indeterminate=indeterminate,this._indeterminate?this.transitionCheckboxState(CheckboxState.Indeterminate):this.transitionCheckboxState(this.checked?CheckboxState.Checked:CheckboxState.Unchecked),this.inputCheckbox&&this.inputCheckbox.nativeElement&&(this.inputCheckbox.nativeElement.indeterminate=indeterminate),this.changeDetectorRef.markForCheck(),this.indeterminateChange.emit(this._indeterminate))}get indeterminate(){return this._indeterminate}set checked(checked){this.setChecked(checked,!1)}get checked(){return this._checked}constructor(changeDetectorRef,hostGroup){this.changeDetectorRef=changeDetectorRef,this.hostGroup=hostGroup,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id=`checkbox-${Checkbox_1.checkboxCount}`,this.title="",this.click=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.checkedChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.indeterminateChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this._checked=!1,this._indeterminate=!1,this.currentCheckboxState=CheckboxState.Init,this.helperId="checkbox-helper-"+Checkbox_1.helperIdCounter++,this.onTouched=()=>{},this.propagateChange=_=>{},Checkbox_1.checkboxCount++}get effectiveReadOnly(){const own=this.readOnly,group=this.hostGroup?.readOnly??!1;return!!(void 0!==own?own:group)}get effectiveInvalid(){const own=this.invalid,group=this.hostGroup?.invalid??!1;return!!(void 0!==own?own:group)}get effectiveWarn(){const own=this.warn,group=this.hostGroup?.warn??!1;return!!(void 0!==own?own:group)}toggle(){this.effectiveReadOnly||this.setChecked(!this.checked,!0)}writeValue(value){this.setChecked(!!value,!0)}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){this.disabled=isDisabled,this.changeDetectorRef.markForCheck()}markForCheckFromGroup(){this.changeDetectorRef.markForCheck()}focusOut(){this.onTouched()}onChange(event){event.stopPropagation()}onClick(event){return this.effectiveReadOnly?(event.preventDefault(),void(this.click.observers.length&&this.click.emit())):this.click.observers.length?(event.preventDefault(),void this.click.emit()):void(this.disabled||(this.toggle(),this.transitionCheckboxState(this._checked?CheckboxState.Checked:CheckboxState.Unchecked),this.emitChangeEvent()))}transitionCheckboxState(newState){this.currentCheckboxState=newState}emitChangeEvent(){this.checkedChange.emit(this.checked),this.propagateChange(this.checked)}ngAfterViewInit(){this.indeterminate&&this.inputCheckbox&&this.inputCheckbox.nativeElement&&(this.inputCheckbox.nativeElement.indeterminate=!0)}isTemplate(value){return value instanceof _angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef}setChecked(checked,resetIndeterminate){checked!==this._checked&&(this._checked=checked,resetIndeterminate&&this._indeterminate&&(this._indeterminate=!1,Promise.resolve().then((()=>{this.indeterminateChange.emit(this._indeterminate)}))),this.changeDetectorRef.markForCheck())}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ChangeDetectorRef},{type:void 0,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Optional},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_checkbox_group_host__WEBPACK_IMPORTED_MODULE_5__.B]}]}]}static{this.propDecorators={disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],skeleton:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hideLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],name:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],id:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],required:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],value:[{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}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],helperText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalidText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warn:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warnText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],readOnly:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],decorator:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],indeterminate:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],checked:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],click:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],checkedChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],indeterminateChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],inputCheckbox:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild,args:["inputCheckbox"]}],focusOut:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["focusout"]}]}}};Checkbox=Checkbox_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({selector:"cds-checkbox, ibm-checkbox",template:'\n\t\t<div class="cds--form-item cds--checkbox-wrapper"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--checkbox-wrapper--invalid\': !effectiveReadOnly && effectiveInvalid,\n\t\t\t\t\'cds--checkbox-wrapper--warning\': !effectiveReadOnly && !effectiveInvalid && effectiveWarn,\n\t\t\t\t\'cds--checkbox-wrapper--readonly\': effectiveReadOnly,\n\t\t\t\t\'cds--checkbox-wrapper--decorator\': !!decorator\n\t\t\t}">\n\t\t\t<input\n\t\t\t\t#inputCheckbox\n\t\t\t\tclass="cds--checkbox"\n\t\t\t\ttype="checkbox"\n\t\t\t\t[id]="id + \'_input\'"\n\t\t\t\t[value]="value"\n\t\t\t\t[name]="name"\n\t\t\t\t[required]="required"\n\t\t\t\t[checked]="checked"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[attr.data-invalid]="(!effectiveReadOnly && effectiveInvalid) ? true : null"\n\t\t\t\t[attr.aria-readonly]="effectiveReadOnly ? true : null"\n\t\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t\t[attr.aria-describedby]="(helperText && !effectiveInvalid && !effectiveWarn) ? helperId : null"\n\t\t\t\t(change)="onChange($event)"\n\t\t\t\t(click)="onClick($event)">\n\t\t\t<label\n\t\t\t\t[for]="id + \'_input\'"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t[attr.title]="title || null"\n\t\t\t\tclass="cds--checkbox-label"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--skeleton\' : skeleton\n\t\t\t\t}">\n\t\t\t\t<span [ngClass]="{\'cds--visually-hidden\' : hideLabel}" class="cds--checkbox-label-text">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t@if (decorator) {\n\t\t\t\t\t\t<div class="cds--checkbox-wrapper-inner--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</span>\n\t\t\t</label>\n\t\t\t<div class="cds--checkbox__validation-msg">\n\t\t\t\t@if (!effectiveReadOnly && effectiveInvalid) {\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--checkbox__invalid-icon">\n\t\t\t\t\t</svg>\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]="$any(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 (!effectiveReadOnly && !effectiveInvalid && effectiveWarn) {\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--checkbox__invalid-icon cds--checkbox__invalid-icon--warning">\n\t\t\t\t\t</svg>\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]="$any(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</div>\n\t\t\t@if (helperText && !effectiveInvalid && !effectiveWarn) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[id]="helperId">\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]="$any(helperText)"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t',providers:[{provide:_angular_forms__WEBPACK_IMPORTED_MODULE_2__.kq,useExisting:Checkbox,multi:!0}],changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ChangeDetectionStrategy.OnPush,imports:[_angular_common__WEBPACK_IMPORTED_MODULE_3__.YU,_angular_common__WEBPACK_IMPORTED_MODULE_3__.T3,carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__.LJ]})],Checkbox)},"./src/checkbox/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Bv:()=>checkbox_group_host.B,Sc:()=>checkbox_component.S,q4:()=>CheckboxModule});var CheckboxGroup_1,checkbox_component=__webpack_require__("./src/checkbox/checkbox.component.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts"),checkbox_group_host=__webpack_require__("./src/checkbox/checkbox-group-host.ts");let CheckboxGroup=class CheckboxGroup{static{CheckboxGroup_1=this}static{this.nextHelperId=0}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.hostFormItem=!0,this.helperTextId="checkbox-group-helper-"+CheckboxGroup_1.nextHelperId++,this.orientation="vertical",this.invalid=!1,this.warn=!1,this.readOnly=!1}ngOnChanges(changes){(changes.readOnly||changes.invalid||changes.warn)&&this.notifyCheckboxesHostStateChanged()}ngAfterContentInit(){this.checkboxes.changes.subscribe((()=>this.notifyCheckboxesHostStateChanged()))}isTemplate(value){return value instanceof core.TemplateRef}notifyCheckboxesHostStateChanged(){Promise.resolve().then((()=>{this.checkboxes?.forEach((cb=>cb.markForCheckFromGroup())),this.changeDetectorRef.markForCheck()}))}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={hostFormItem:[{type:core.HostBinding,args:["class.cds--form-item"]}],checkboxes:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>checkbox_component.S)),{descendants:!0}]}],legend:[{type:core.Input}],legendId:[{type:core.Input}],fieldsetAriaLabelledby:[{type:core.Input}],orientation:[{type:core.Input}],helperText:[{type:core.Input}],invalid:[{type:core.Input}],invalidText:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],readOnly:[{type:core.Input}],decorator:[{type:core.Input}]}}};CheckboxGroup=CheckboxGroup_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-checkbox-group, ibm-checkbox-group",template:'\n\t\t<fieldset\n\t\t\tclass="cds--checkbox-group"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--checkbox-group--horizontal\': orientation === \'horizontal\',\n\t\t\t\t\'cds--checkbox-group--readonly\': readOnly,\n\t\t\t\t\'cds--checkbox-group--invalid\': !readOnly && invalid,\n\t\t\t\t\'cds--checkbox-group--warning\': !readOnly && !invalid && warn,\n\t\t\t\t\'cds--checkbox-group--decorator\': !!decorator\n\t\t\t}"\n\t\t\t[attr.data-invalid]="invalid ? true : null"\n\t\t\t[attr.aria-labelledby]="legendId || fieldsetAriaLabelledby || null"\n\t\t\t[attr.aria-readonly]="readOnly ? true : null"\n\t\t\t[attr.aria-describedby]="(helperText && !invalid && !warn) ? helperTextId : null">\n\t\t\t@if (legend) {\n\t\t\t\t<legend\n\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t[attr.id]="legendId || null">\n\t\t\t\t\t@if (isTemplate(legend)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="legend"></ng-template>\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\t@if (decorator) {\n\t\t\t\t\t\t<div class="cds--checkbox-group-inner--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</legend>\n\t\t\t}\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class="cds--checkbox-group__validation-msg">\n\t\t\t\t@if (!readOnly && 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--checkbox__invalid-icon">\n\t\t\t\t\t</svg>\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 (!readOnly && !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--checkbox__invalid-icon cds--checkbox__invalid-icon--warning">\n\t\t\t\t\t</svg>\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</div>\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[id]="helperTextId">\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</fieldset>\n\t',providers:[{provide:checkbox_group_host.B,useExisting:CheckboxGroup}],changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ]})],CheckboxGroup);var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs");let CheckboxModule=class CheckboxModule{};CheckboxModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[checkbox_component.S,CheckboxGroup],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.op,checkbox_component.S,CheckboxGroup]})],CheckboxModule)},"./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/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)},"./node_modules/css-loader/dist/runtime/api.js"(module){module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/noSourceMaps.js"(module){module.exports=function(i){return i[1]}},"./node_modules/rxjs/dist/esm5/internal/observable/defer.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{v:()=>defer});var _Observable__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Observable.js"),_innerFrom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js");function defer(observableFactory){return new _Observable__WEBPACK_IMPORTED_MODULE_0__.c((function(subscriber){(0,_innerFrom__WEBPACK_IMPORTED_MODULE_1__.Tg)(observableFactory()).subscribe(subscriber)}))}},"./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{R:()=>fromEvent});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_observable_innerFrom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js"),_Observable__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Observable.js"),_operators_mergeMap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js"),_util_isArrayLike__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js"),_util_isFunction__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js"),_util_mapOneOrManyArgs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/mapOneOrManyArgs.js"),nodeEventEmitterMethods=["addListener","removeListener"],eventTargetMethods=["addEventListener","removeEventListener"],jqueryMethods=["on","off"];function fromEvent(target,eventName,options,resultSelector){if((0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(options)&&(resultSelector=options,options=void 0),resultSelector)return fromEvent(target,eventName,options).pipe((0,_util_mapOneOrManyArgs__WEBPACK_IMPORTED_MODULE_6__.I)(resultSelector));var _a=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.zs)(function isEventTarget(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.addEventListener)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.removeEventListener)}(target)?eventTargetMethods.map((function(methodName){return function(handler){return target[methodName](eventName,handler,options)}})):function isNodeStyleEventEmitter(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.addListener)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.removeListener)}(target)?nodeEventEmitterMethods.map(toCommonHandlerRegistry(target,eventName)):function isJQueryStyleEventEmitter(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.on)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.off)}(target)?jqueryMethods.map(toCommonHandlerRegistry(target,eventName)):[],2),add=_a[0],remove=_a[1];if(!add&&(0,_util_isArrayLike__WEBPACK_IMPORTED_MODULE_4__.X)(target))return(0,_operators_mergeMap__WEBPACK_IMPORTED_MODULE_3__.Z)((function(subTarget){return fromEvent(subTarget,eventName,options)}))((0,_observable_innerFrom__WEBPACK_IMPORTED_MODULE_1__.Tg)(target));if(!add)throw new TypeError("Invalid event target");return new _Observable__WEBPACK_IMPORTED_MODULE_2__.c((function(subscriber){var handler=function(){for(var args=[],_i=0;_i<arguments.length;_i++)args[_i]=arguments[_i];return subscriber.next(1<args.length?args:args[0])};return add(handler),function(){return remove(handler)}}))}function toCommonHandlerRegistry(target,eventName){return function(methodName){return function(handler){return target[methodName](eventName,handler)}}}},"./node_modules/rxjs/dist/esm5/internal/observable/iif.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{T:()=>iif});var _defer__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/defer.js");function iif(condition,trueResult,falseResult){return(0,_defer__WEBPACK_IMPORTED_MODULE_0__.v)((function(){return condition()?trueResult:falseResult}))}},"./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:()=>mergeMap});var map=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/map.js"),innerFrom=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js"),lift=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/lift.js"),executeSchedule=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/executeSchedule.js"),OperatorSubscriber=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/OperatorSubscriber.js");var isFunction=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function mergeMap(project,resultSelector,concurrent){return void 0===concurrent&&(concurrent=1/0),(0,isFunction.T)(resultSelector)?mergeMap((function(a,i){return(0,map.T)((function(b,ii){return resultSelector(a,b,i,ii)}))((0,innerFrom.Tg)(project(a,i)))}),concurrent):("number"==typeof resultSelector&&(concurrent=resultSelector),(0,lift.N)((function(source,subscriber){return function mergeInternals(source,subscriber,project,concurrent,onBeforeNext,expand,innerSubScheduler,additionalTeardown){var buffer=[],active=0,index=0,isComplete=!1,checkComplete=function(){!isComplete||buffer.length||active||subscriber.complete()},outerNext=function(value){return active<concurrent?doInnerSub(value):buffer.push(value)},doInnerSub=function(value){expand&&subscriber.next(value),active++;var innerComplete=!1;(0,innerFrom.Tg)(project(value,index++)).subscribe(new OperatorSubscriber.H(subscriber,(function(innerValue){null==onBeforeNext||onBeforeNext(innerValue),expand?outerNext(innerValue):subscriber.next(innerValue)}),(function(){innerComplete=!0}),void 0,(function(){if(innerComplete)try{active--;for(var _loop_1=function(){var bufferedValue=buffer.shift();innerSubScheduler?(0,executeSchedule.N)(subscriber,innerSubScheduler,(function(){return doInnerSub(bufferedValue)})):doInnerSub(bufferedValue)};buffer.length&&active<concurrent;)_loop_1();checkComplete()}catch(err){subscriber.error(err)}})))};return source.subscribe(new OperatorSubscriber.H(subscriber,outerNext,(function(){isComplete=!0,checkComplete()}))),function(){null==additionalTeardown||additionalTeardown()}}(source,subscriber,project,concurrent)})))}},"./node_modules/rxjs/dist/esm5/internal/util/isObservable.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{A:()=>isObservable});var _Observable__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Observable.js"),_isFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isObservable(obj){return!!obj&&(obj instanceof _Observable__WEBPACK_IMPORTED_MODULE_0__.c||(0,_isFunction__WEBPACK_IMPORTED_MODULE_1__.T)(obj.lift)&&(0,_isFunction__WEBPACK_IMPORTED_MODULE_1__.T)(obj.subscribe))}},"./src/dialog/overflow-menu/overflow-menu.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Custom:()=>Custom,CustomTrigger:()=>CustomTrigger,WithLink:()=>WithLink,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/dialog/index.ts"),_placeholder__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/placeholder/index.ts"),_icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/index.ts"),_checkbox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/checkbox/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Overflow Menu",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.Iz)({imports:[___WEBPACK_IMPORTED_MODULE_1__.lG,_placeholder__WEBPACK_IMPORTED_MODULE_2__.Or,_icon__WEBPACK_IMPORTED_MODULE_3__.LJ,_checkbox__WEBPACK_IMPORTED_MODULE_4__.Sc,___WEBPACK_IMPORTED_MODULE_1__.xK,___WEBPACK_IMPORTED_MODULE_1__.zZ,___WEBPACK_IMPORTED_MODULE_1__._B],providers:[_placeholder__WEBPACK_IMPORTED_MODULE_2__.gc]})],args:{placement:"bottom"},argTypes:{code:{control:!1}},docs:{story:{inline:!1,height:"30rem"}},layout:"centered",component:___WEBPACK_IMPORTED_MODULE_1__.ob},Basic=(args=>({props:args,template:'\n        <cds-overflow-menu\n            [placement]="placement"\n            [open]="open"\n            [flip]="flip"\n            [offset]="offset">\n            <cds-overflow-menu-option (selected)="selected($event)" (click)="click($event)">\n                An example option that is really long to show what should be done to handle long text\n            </cds-overflow-menu-option>\n            <cds-overflow-menu-option (selected)="selected($event)" innerClass="a-custom-class">Option 2</cds-overflow-menu-option>\n            <li class="cds--overflow-menu-options__option">\n                <button class="cds--overflow-menu-options__btn">A fully custom option</button>\n            </li>\n            <cds-overflow-menu-option (selected)="selected($event)">Option 4</cds-overflow-menu-option>\n            <cds-overflow-menu-option disabled="true" (selected)="selected($event)" [divider]="true">Disabled</cds-overflow-menu-option>\n            <cds-overflow-menu-option type="danger" (selected)="selected($event)">Danger option</cds-overflow-menu-option>\n        </cds-overflow-menu>\n        <cds-placeholder></cds-placeholder>\n    '})).bind({});Basic.args={show:!0,open:!1,flip:!1,offset:{x:0,y:0}},Basic.argTypes={click:{type:"function",defaultValue:()=>{console.log("clicked!")},control:!1},selected:{type:"function",defaultValue:()=>{console.log("selected!")},control:!1}},Basic.parameters={layout:"centered"};const WithLink=(args=>({props:args,template:'\n        <div>\n            <h1 style="margin-bottom: 1rem">Bottom placement</h1>\n            <cds-overflow-menu\n                [flip]="flip"\n                [offset]="offset">\n                <cds-overflow-menu-option href="https://www.ibm.com" (selected)="selected($event)" (click)="click($event)">\n                    An example option that is really long to show what should be done to handle long text\n                </cds-overflow-menu-option>\n                <cds-overflow-menu-option\n                    href="https://www.ibm.com"\n                    target="_blank"\n                    (selected)="selected($event)">\n                    Option 2\n                </cds-overflow-menu-option>\n                <cds-overflow-menu-option href="https://www.ibm.com" (selected)="selected($event)">Option 3</cds-overflow-menu-option>\n                <cds-overflow-menu-option href="https://www.ibm.com" (selected)="selected($event)">Option 4</cds-overflow-menu-option>\n                <cds-overflow-menu-option\n                    href="https://www.ibm.com"\n                    disabled="true"\n                    (selected)="selected($event)">\n                    Disabled\n                </cds-overflow-menu-option>\n                <cds-overflow-menu-option href="https://www.ibm.com" type="danger" (selected)="selected($event)">\n                    Danger option\n                </cds-overflow-menu-option>\n            </cds-overflow-menu>\n        </div>\n        <cds-placeholder></cds-placeholder>\n    '})).bind({});WithLink.args={flip:!1,offset:{x:0,y:0}},WithLink.argTypes={click:{type:"function",defaultValue:()=>{console.log("clicked!")},control:!1},selected:{type:"function",defaultValue:()=>{console.log("selected!")},control:!1}};const Custom=(args=>({props:args,template:'\n        <p style="padding-bottom: 1rem;">\n        When writing a custom template to be inserted into an overflow menu\n        it becomes your responsibility to make sure tab order/keyboard nav is implemented correctly\n        </p>\n        <button\n            style="border: none; width: 3rem; height: 3rem; background-color: lightgrey;\n            display: flex; align-items: center; justify-content: center;"\n            [cdsOverflowMenu]="templateRef"\n            [customPane]="true"\n            placement="bottom"\n            [offset]="{ x: -8, y: 0 }">\n            <svg cdsIcon="settings" size="16"></svg>\n        </button>\n        <ng-template #templateRef>\n            <div style="padding: 0 1rem;">\n                <div style="padding-top: 0.5rem; color: grey;">Columns</div>\n                <div><cds-checkbox [checked]="true">Status</cds-checkbox></div>\n                <div><cds-checkbox>Last modified</cds-checkbox></div>\n            </div>\n        </ng-template>\n    '})).bind({});Custom.storyName="Custom Template";const CustomTrigger=(args=>({props:args,template:'\n        <span>Overflow menu with custom trigger icon</span>\n        <cds-overflow-menu\n            [flip]="flip"\n            [open]="open"\n            [customTrigger]="customTrigger"\n            [placement]="placement"\n            [offset]="offset">\n            <cds-overflow-menu-option (selected)="selected($event)" (click)="click($event)">Option 1</cds-overflow-menu-option>\n            <cds-overflow-menu-option (selected)="selected($event)">Option 2</cds-overflow-menu-option>\n            <cds-overflow-menu-option disabled="true" (selected)="selected($event)">Disabled</cds-overflow-menu-option>\n            <cds-overflow-menu-option type="danger" (selected)="selected($event)">Danger option</cds-overflow-menu-option>\n        </cds-overflow-menu>\n        <cds-placeholder></cds-placeholder>\n        <ng-template #customTrigger><svg cdsIcon="document" size="16"></svg></ng-template>\n    '})).bind({});CustomTrigger.storyName="With custom trigger";const __namedExportsOrder=["Basic","WithLink","Custom","CustomTrigger"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-overflow-menu\n            [placement]="placement"\n            [open]="open"\n            [flip]="flip"\n            [offset]="offset">\n            <cds-overflow-menu-option (selected)="selected($event)" (click)="click($event)">\n                An example option that is really long to show what should be done to handle long text\n            </cds-overflow-menu-option>\n            <cds-overflow-menu-option (selected)="selected($event)" innerClass="a-custom-class">Option 2</cds-overflow-menu-option>\n            <li class="cds--overflow-menu-options__option">\n                <button class="cds--overflow-menu-options__btn">A fully custom option</button>\n            </li>\n            <cds-overflow-menu-option (selected)="selected($event)">Option 4</cds-overflow-menu-option>\n            <cds-overflow-menu-option disabled="true" (selected)="selected($event)" [divider]="true">Disabled</cds-overflow-menu-option>\n            <cds-overflow-menu-option type="danger" (selected)="selected($event)">Danger option</cds-overflow-menu-option>\n        </cds-overflow-menu>\n        <cds-placeholder></cds-placeholder>\n    `\n})',...Basic.parameters?.docs?.source}}},WithLink.parameters={...WithLink.parameters,docs:{...WithLink.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <div>\n            <h1 style="margin-bottom: 1rem">Bottom placement</h1>\n            <cds-overflow-menu\n                [flip]="flip"\n                [offset]="offset">\n                <cds-overflow-menu-option href="https://www.ibm.com" (selected)="selected($event)" (click)="click($event)">\n                    An example option that is really long to show what should be done to handle long text\n                </cds-overflow-menu-option>\n                <cds-overflow-menu-option\n                    href="https://www.ibm.com"\n                    target="_blank"\n                    (selected)="selected($event)">\n                    Option 2\n                </cds-overflow-menu-option>\n                <cds-overflow-menu-option href="https://www.ibm.com" (selected)="selected($event)">Option 3</cds-overflow-menu-option>\n                <cds-overflow-menu-option href="https://www.ibm.com" (selected)="selected($event)">Option 4</cds-overflow-menu-option>\n                <cds-overflow-menu-option\n                    href="https://www.ibm.com"\n                    disabled="true"\n                    (selected)="selected($event)">\n                    Disabled\n                </cds-overflow-menu-option>\n                <cds-overflow-menu-option href="https://www.ibm.com" type="danger" (selected)="selected($event)">\n                    Danger option\n                </cds-overflow-menu-option>\n            </cds-overflow-menu>\n        </div>\n        <cds-placeholder></cds-placeholder>\n    `\n})',...WithLink.parameters?.docs?.source}}},Custom.parameters={...Custom.parameters,docs:{...Custom.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <p style="padding-bottom: 1rem;">\n        When writing a custom template to be inserted into an overflow menu\n        it becomes your responsibility to make sure tab order/keyboard nav is implemented correctly\n        </p>\n        <button\n            style="border: none; width: 3rem; height: 3rem; background-color: lightgrey;\n            display: flex; align-items: center; justify-content: center;"\n            [cdsOverflowMenu]="templateRef"\n            [customPane]="true"\n            placement="bottom"\n            [offset]="{ x: -8, y: 0 }">\n            <svg cdsIcon="settings" size="16"></svg>\n        </button>\n        <ng-template #templateRef>\n            <div style="padding: 0 1rem;">\n                <div style="padding-top: 0.5rem; color: grey;">Columns</div>\n                <div><cds-checkbox [checked]="true">Status</cds-checkbox></div>\n                <div><cds-checkbox>Last modified</cds-checkbox></div>\n            </div>\n        </ng-template>\n    `\n})',...Custom.parameters?.docs?.source}}},CustomTrigger.parameters={...CustomTrigger.parameters,docs:{...CustomTrigger.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <span>Overflow menu with custom trigger icon</span>\n        <cds-overflow-menu\n            [flip]="flip"\n            [open]="open"\n            [customTrigger]="customTrigger"\n            [placement]="placement"\n            [offset]="offset">\n            <cds-overflow-menu-option (selected)="selected($event)" (click)="click($event)">Option 1</cds-overflow-menu-option>\n            <cds-overflow-menu-option (selected)="selected($event)">Option 2</cds-overflow-menu-option>\n            <cds-overflow-menu-option disabled="true" (selected)="selected($event)">Disabled</cds-overflow-menu-option>\n            <cds-overflow-menu-option type="danger" (selected)="selected($event)">Danger option</cds-overflow-menu-option>\n        </cds-overflow-menu>\n        <cds-placeholder></cds-placeholder>\n        <ng-template #customTrigger><svg cdsIcon="document" size="16"></svg></ng-template>\n    `\n})',...CustomTrigger.parameters?.docs?.source}}}}}]);