carbon-components-angular 6.0.0-rc.4 → 6.0.0-rc.6

package/docs/storybook/{context-menu-context-menu-stories.6344e050.iframe.bundle.js → context-menu-context-menu-stories.d2e63fe8.iframe.bundle.js}

@@ -1 +1 @@
-(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[7710],{"./src/icon/icon.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js");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;svg.setAttribute("xmlns","http://www.w3.org/2000/svg");const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__.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.createElement("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_2__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_0__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Directive)({selector:"[cdsIcon], [ibmIcon]"})],IconDirective)},"./src/icon/icon.module.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{op:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.directive.ts"),_icon_service__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");const ICON_SERVICE_PROVIDER={provide:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM,deps:[[new _angular_core__WEBPACK_IMPORTED_MODULE_55__.Optional,new _angular_core__WEBPACK_IMPORTED_MODULE_55__.SkipSelf,_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM]],useFactory:function ICON_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new _icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}};let IconModule=class IconModule{constructor(iconService){this.iconService=iconService,iconService.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__.A])}static{this.ctorParameters=()=>[{type:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}]}};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_56__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_55__.NgModule)({declarations:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_57__.CommonModule],providers:[ICON_SERVICE_PROVIDER]})],IconModule)},"./src/icon/icon.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.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}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){const{size}=descriptor;this.iconCache.set(name,size.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_0__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)()],IconService)},"./src/icon/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.op,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")},"./node_modules/css-loader/dist/runtime/api.js":module=>{"use strict";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=>{"use strict";module.exports=function(i){return i[1]}},"./src/context-menu/context-menu.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>context_menu_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),icon=__webpack_require__("./src/icon/index.ts");let ContextMenuDividerComponent=class ContextMenuDividerComponent{constructor(){this.dividerClass=!0,this.role="separator"}static{this.propDecorators={dividerClass:[{type:core.HostBinding,args:["class.cds--menu-item-divider"]}],role:[{type:core.HostBinding,args:["attr.role"]}]}}};ContextMenuDividerComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-context-menu-divider, ibm-context-menu-divider",template:""})],ContextMenuDividerComponent);var Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),ReplaySubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/ReplaySubject.js");let ContextMenuSelectionService=class ContextMenuSelectionService{constructor(){this.selectionSubject=new ReplaySubject.m(1),this.value=[],this.selectionObservable=this.selectionSubject.asObservable()}selectRadio(value){value&&(this.selectionSubject.next(value),this.value=[value])}selectCheckbox(value){value&&(this.value.includes(value)?this.value=this.value.filter((v=>v!==value)):this.value.push(value),this.selectionSubject.next(this.value))}selectCheckboxes(value){value&&(this.value=value,this.selectionSubject.next(value))}static{this.ctorParameters=()=>[]}};ContextMenuSelectionService=(0,tslib_es6.Cg)([(0,core.Injectable)()],ContextMenuSelectionService);let ContextMenuGroupComponent=class ContextMenuGroupComponent{get radioGroup(){return"radio"===this.type}get group(){return"checkbox"===this.type}constructor(contextMenuSelectionService){this.contextMenuSelectionService=contextMenuSelectionService,this.role="group",this.label=null,this.value=[],this.type=null,this.valueChange=new core.EventEmitter,this.subscription=new Subscription.yU}ngOnInit(){const{selectionObservable}=this.contextMenuSelectionService,subscription=selectionObservable.subscribe((value=>{this.valueChange.emit(value)}));this.subscription.add(subscription)}ngOnChanges(changes){changes.value&&("radio"===this.type&&this.contextMenuSelectionService.selectRadio(changes.value.currentValue),"checkbox"===this.type&&this.contextMenuSelectionService.selectCheckboxes(changes.value.currentValue))}ngOnDestroy(){this.subscription.unsubscribe()}static{this.ctorParameters=()=>[{type:ContextMenuSelectionService}]}static{this.propDecorators={role:[{type:core.HostBinding,args:["attr.role"]}],radioGroup:[{type:core.HostBinding,args:["class.cds--menu-item-radio-group"]}],group:[{type:core.HostBinding,args:["class.cds--menu-item-group"]}],label:[{type:core.HostBinding,args:["attr.aria-label"]},{type:core.Input}],value:[{type:core.Input}],type:[{type:core.Input}],valueChange:[{type:core.Output}]}}};ContextMenuGroupComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-context-menu-group, ibm-context-menu-group",template:"\n\t\t<ng-content />\n\t",providers:[ContextMenuSelectionService]})],ContextMenuGroupComponent);var context_menu_item_component=__webpack_require__("./src/context-menu/context-menu-item.component.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFyZW0gMWZyIG1heC1jb250ZW50OwoJCX0KCQ%3D%3D!./src/context-menu/context-menu-item.component.ts"),context_menu_item_component_default=__webpack_require__.n(context_menu_item_component),context_menu_component=__webpack_require__("./src/context-menu/context-menu.component.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlkaXNwbGF5OiBibG9jazsKCQl9Cgk%3D!./src/context-menu/context-menu.component.ts"),context_menu_component_default=__webpack_require__.n(context_menu_component);let ContextMenuComponent=class ContextMenuComponent{get contextMenuOpen(){return this.open}get showMenu(){return this.open}get leftPosition(){return this.position.left}get topPosition(){return this.position.top}get classIcons(){return this.elementRef.nativeElement.querySelector(".cds--menu-item .cds--menu-item__icon svg")}constructor(elementRef){this.elementRef=elementRef,this.open=!1,this.position={left:0,top:0},this.contextMenu=!0,this.role="menu",this.tabindex="-1"}ngOnChanges(changes){changes.open&&changes.open.currentValue&&this.focusMenu()}focusMenu(){setTimeout((()=>{this.elementRef.nativeElement.querySelector(".cds--menu-item").focus()}))}handleNavigation(event){const list=this.elementRef.nativeElement,subMenus=Array.from(list.querySelectorAll("cds-context-menu[role=menu]")),menuItems=Array.from(list.querySelectorAll(".cds--menu-item")).filter((menuItem=>!subMenus.some((subMenu=>subMenu.contains(menuItem))))),currentIndex=menuItems.findIndex((menuItem=>0===parseInt(menuItem.getAttribute("tabindex"),10))),currentMenuItem=menuItems[currentIndex];switch(event.key){case"ArrowDown":document.activeElement===list?menuItems[0].focus():-1!==currentIndex&&currentIndex<menuItems.length-1&&menuItems[currentIndex+1].focus();break;case"ArrowUp":document.activeElement===list?menuItems[menuItems.length-1].focus():-1!==currentIndex&&currentIndex>0&&menuItems[currentIndex-1].focus();break;case"ArrowRight":-1!==currentIndex&&subMenus.some((subMenu=>currentMenuItem.contains(subMenu)))&&currentMenuItem.click();break;case"ArrowLeft":{const parent=currentMenuItem.parentElement.closest(".cds--menu-item, .cds--menu-item");parent&&parent.focus();break}}}static{this.ctorParameters=()=>[{type:core.ElementRef}]}static{this.propDecorators={open:[{type:core.Input}],position:[{type:core.Input}],contextMenu:[{type:core.HostBinding,args:["class.cds--menu"]}],contextMenuOpen:[{type:core.HostBinding,args:["class.cds--menu--open"]}],showMenu:[{type:core.HostBinding,args:["class.cds--menu--shown"]}],role:[{type:core.HostBinding,args:["attr.role"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],leftPosition:[{type:core.HostBinding,args:["style.left.px"]}],topPosition:[{type:core.HostBinding,args:["style.top.px"]}],classIcons:[{type:core.HostBinding,args:["class.cds--menu--with-icons"]}],handleNavigation:[{type:core.HostListener,args:["keydown",["$event"]]}]}}};ContextMenuComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-context-menu, ibm-context-menu",template:"\n\t\t\t<ng-content />\n\t",styles:[context_menu_component_default()]})],ContextMenuComponent);let ContextMenuItemComponent=class ContextMenuItemComponent{get ariaChecked(){return"checkbox"===this.type?!!this.checked:null}constructor(elementRef,contextMenuSelectionService){this.elementRef=elementRef,this.contextMenuSelectionService=contextMenuSelectionService,this.optionClass=!0,this.role="menuitem",this.tabindex=-1,this.ariaHasPopup=null,this.ariaExpanded=null,this.label="",this.info="",this.type=null,this.checked=!1,this.icon="",this.value="",this.checkedChange=new core.EventEmitter,this.hasChildren=!1,this.selectable=!1,this.subscriptions=new Subscription.yU}ngOnInit(){switch(this.type){case"checkbox":this.role="menuitemcheckbox",this.selectable=!0;break;case"radio":this.role="menuitemradio",this.selectable=!0;break;default:this.role="menuitem"}if(this.type&&this.contextMenuSelectionService&&this.value){const{selectionObservable}=this.contextMenuSelectionService,subscription=selectionObservable.subscribe((value=>{"radio"===this.type&&this.handleSelection(value===this.value),"checkbox"===this.type&&this.handleSelection(value.includes(this.value))}));this.subscriptions.add(subscription)}}ngAfterContentInit(){this.childContextMenu&&(this.hasChildren=!0,this.ariaHasPopup=!0,this.ariaExpanded=!1)}handleClick(event){event.stopPropagation(),this.hasChildren&&(this.openSubMenu(),this.childContextMenu.focusMenu()),this.type&&this.handleSelection(!this.checked),this.contextMenuSelectionService&&("radio"===this.type&&this.contextMenuSelectionService.selectRadio(this.value),"checkbox"===this.type&&this.contextMenuSelectionService.selectCheckbox(this.value))}handleSelection(selected){this.checked=selected,this.checkedChange.emit(this.checked)}openSubMenu(){if(this.childContextMenu){this.childContextMenu.open=!0,this.ariaExpanded=!0;const dimensions=this.elementRef.nativeElement.getBoundingClientRect();this.childContextMenu.position.left=dimensions.left+dimensions.width,this.childContextMenu.position.top=dimensions.top-4}}closeSubMenu(){this.childContextMenu&&(this.childContextMenu.open=!1,this.ariaExpanded=!1)}handleMouseOver(){this.openSubMenu()}handleMouseOut(){this.closeSubMenu()}handleFocus(){this.tabindex=0,this.hasChildren&&this.ariaExpanded&&this.closeSubMenu()}handleBlur(){this.tabindex=-1}focusItem(){this.elementRef.nativeElement.focus()}ngOnDestroy(){this.subscriptions.unsubscribe()}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:ContextMenuSelectionService,decorators:[{type:core.Optional}]}]}static{this.propDecorators={optionClass:[{type:core.HostBinding,args:["class.cds--menu-item"]}],role:[{type:core.HostBinding,args:["attr.role"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],ariaHasPopup:[{type:core.HostBinding,args:["attr.aria-haspopup"]}],ariaExpanded:[{type:core.HostBinding,args:["attr.aria-expanded"]}],ariaChecked:[{type:core.HostBinding,args:["attr.aria-checked"]}],label:[{type:core.Input}],info:[{type:core.Input}],type:[{type:core.Input}],checked:[{type:core.Input}],icon:[{type:core.Input}],value:[{type:core.Input}],checkedChange:[{type:core.Output}],childContextMenu:[{type:core.ContentChild,args:[ContextMenuComponent,{static:!0}]}],handleClick:[{type:core.HostListener,args:["keydown.enter",["$event"]]},{type:core.HostListener,args:["keydown.space",["$event"]]},{type:core.HostListener,args:["click",["$event"]]}],handleMouseOver:[{type:core.HostListener,args:["mouseover"]}],handleMouseOut:[{type:core.HostListener,args:["mouseout"]}],handleFocus:[{type:core.HostListener,args:["focus"]}],handleBlur:[{type:core.HostListener,args:["blur"]}]}}};ContextMenuItemComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-context-menu-item, ibm-context-menu-item",template:'\n\t\t<div class="cds--menu-item__icon">\n\t\t\t@if (selectable && checked) {\n\t\t\t\t<svg cdsIcon="checkmark" size="16"></svg>\n\t\t\t} @else if (!selectable && icon) {\n\t\t\t\t<svg [cdsIcon]="icon" size="16"></svg>\n\t\t\t}\n\t\t</div>\n\t\t<div class="cds--menu-item__label" [title]="label">{{label}}</div>\n\t\t<div class="cds--menu-item__shortcut">\n\t\t\t@if (info) {\n\t\t\t\t{{info}}\n\t\t\t}\n\t\t\t@if (hasChildren) {\n\t\t\t\t<svg cdsIcon="caret--right" size="16"></svg>\n\t\t\t}\n\t\t</div>\n\t\t<ng-content />\n\t',styles:[context_menu_item_component_default()]})],ContextMenuItemComponent);let ContextMenuModule=class ContextMenuModule{};ContextMenuModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[ContextMenuDividerComponent,ContextMenuGroupComponent,ContextMenuItemComponent,ContextMenuComponent],exports:[ContextMenuDividerComponent,ContextMenuGroupComponent,ContextMenuItemComponent,ContextMenuComponent],imports:[common.CommonModule,icon.op]})],ContextMenuModule);const context_menu_stories={title:"Components/Context Menu",decorators:[(0,dist.moduleMetadata)({imports:[ContextMenuModule]})],args:{position:{top:0,left:0},open:!0,checkboxGroupValue:["a","b"],radioGroupValue:"one"},argTypes:{onRadioChange:{action:"Radio menu change!"},onCheckboxChange:{action:"Radio menu change!"}},component:ContextMenuComponent,subcomponents:{ContextMenuDividerComponent,ContextMenuItemComponent,ContextMenuGroupComponent},parameters:{docs:{story:{height:"25rem"}}}},Basic=(args=>({props:args,template:'\n        <cds-context-menu [open]="open" [position]="position">\n            <cds-context-menu-item label="Cut" info="⌘X"></cds-context-menu-item>\n            <cds-context-menu-item label="Option with icon" icon="calendar"></cds-context-menu-item>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-item type="checkbox" label="Enable magic"></cds-context-menu-item>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-group label="Selection group">\n                <cds-context-menu-item type="checkbox" label="Blue"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Red" [checked]="true"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Black"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Green"></cds-context-menu-item>\n            </cds-context-menu-group>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-item label="Radio flyout">\n                <cds-context-menu>\n                    <cds-context-menu-group\n                        type="radio"\n                        [value]="radioGroupValue"\n                        (valueChange)="onRadioChange($event)">\n                        <cds-context-menu-item type="radio" label="Radio one" value="one"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio two" value="two"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio three" value="three"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio four" value="four"></cds-context-menu-item>\n                    </cds-context-menu-group>\n                </cds-context-menu>\n            </cds-context-menu-item>\n            <cds-context-menu-item label="Checkbox flyout">\n                <cds-context-menu>\n                    <cds-context-menu-group\n                        type="checkbox"\n                        [value]="checkboxGroupValue"\n                        (valueChange)="onCheckboxChange($event)">\n                        <cds-context-menu-item type="checkbox" label="Selectable item a" value="a"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item b" value="b"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item c" value="c"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item d" value="d"></cds-context-menu-item>\n                    </cds-context-menu-group>\n                </cds-context-menu>\n            </cds-context-menu-item>\n        </cds-context-menu>\n    '})).bind({});Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-context-menu [open]="open" [position]="position">\n            <cds-context-menu-item label="Cut" info="⌘X"></cds-context-menu-item>\n            <cds-context-menu-item label="Option with icon" icon="calendar"></cds-context-menu-item>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-item type="checkbox" label="Enable magic"></cds-context-menu-item>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-group label="Selection group">\n                <cds-context-menu-item type="checkbox" label="Blue"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Red" [checked]="true"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Black"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Green"></cds-context-menu-item>\n            </cds-context-menu-group>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-item label="Radio flyout">\n                <cds-context-menu>\n                    <cds-context-menu-group\n                        type="radio"\n                        [value]="radioGroupValue"\n                        (valueChange)="onRadioChange($event)">\n                        <cds-context-menu-item type="radio" label="Radio one" value="one"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio two" value="two"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio three" value="three"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio four" value="four"></cds-context-menu-item>\n                    </cds-context-menu-group>\n                </cds-context-menu>\n            </cds-context-menu-item>\n            <cds-context-menu-item label="Checkbox flyout">\n                <cds-context-menu>\n                    <cds-context-menu-group\n                        type="checkbox"\n                        [value]="checkboxGroupValue"\n                        (valueChange)="onCheckboxChange($event)">\n                        <cds-context-menu-item type="checkbox" label="Selectable item a" value="a"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item b" value="b"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item c" value="c"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item d" value="d"></cds-context-menu-item>\n                    </cds-context-menu-group>\n                </cds-context-menu>\n            </cds-context-menu-item>\n        </cds-context-menu>\n    `\n})',...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]},"./src/context-menu/context-menu.component.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlkaXNwbGF5OiBibG9jazsKCQl9Cgk%3D!./src/context-menu/context-menu.component.ts":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t",""]),module.exports=___CSS_LOADER_EXPORT___.toString()},"./src/context-menu/context-menu-item.component.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFyZW0gMWZyIG1heC1jb250ZW50OwoJCX0KCQ%3D%3D!./src/context-menu/context-menu-item.component.ts":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"\n\t\t:host {\n\t\t\tgrid-template-columns: 1rem 1fr max-content;\n\t\t}\n\t",""]),module.exports=___CSS_LOADER_EXPORT___.toString()}}]);
+(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[7710],{"./src/icon/icon.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js");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;svg.setAttribute("xmlns","http://www.w3.org/2000/svg");const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__.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.createElement("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_2__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_0__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Directive)({selector:"[cdsIcon], [ibmIcon]"})],IconDirective)},"./src/icon/icon.module.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{op:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.directive.ts"),_icon_service__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");const ICON_SERVICE_PROVIDER={provide:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM,deps:[[new _angular_core__WEBPACK_IMPORTED_MODULE_55__.Optional,new _angular_core__WEBPACK_IMPORTED_MODULE_55__.SkipSelf,_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM]],useFactory:function ICON_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new _icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}};let IconModule=class IconModule{constructor(iconService){this.iconService=iconService,iconService.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__.A])}static{this.ctorParameters=()=>[{type:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}]}};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_56__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_55__.NgModule)({declarations:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_57__.CommonModule],providers:[ICON_SERVICE_PROVIDER]})],IconModule)},"./src/icon/icon.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.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}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){const{size}=descriptor;this.iconCache.set(name,size.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_0__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)()],IconService)},"./src/icon/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.op,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")},"./node_modules/css-loader/dist/runtime/api.js":module=>{"use strict";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=>{"use strict";module.exports=function(i){return i[1]}},"./src/context-menu/context-menu.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>context_menu_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),icon=__webpack_require__("./src/icon/index.ts");let ContextMenuDividerComponent=class ContextMenuDividerComponent{constructor(){this.dividerClass=!0,this.role="separator"}static{this.propDecorators={dividerClass:[{type:core.HostBinding,args:["class.cds--menu-item-divider"]}],role:[{type:core.HostBinding,args:["attr.role"]}]}}};ContextMenuDividerComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-context-menu-divider, ibm-context-menu-divider",template:"",changeDetection:core.ChangeDetectionStrategy.OnPush})],ContextMenuDividerComponent);var Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),ReplaySubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/ReplaySubject.js");let ContextMenuSelectionService=class ContextMenuSelectionService{constructor(){this.selectionSubject=new ReplaySubject.m(1),this.value=[],this.selectionObservable=this.selectionSubject.asObservable()}selectRadio(value){value&&(this.selectionSubject.next(value),this.value=[value])}selectCheckbox(value){value&&(this.value.includes(value)?this.value=this.value.filter((v=>v!==value)):this.value.push(value),this.selectionSubject.next(this.value))}selectCheckboxes(value){value&&(this.value=value,this.selectionSubject.next(value))}static{this.ctorParameters=()=>[]}};ContextMenuSelectionService=(0,tslib_es6.Cg)([(0,core.Injectable)()],ContextMenuSelectionService);let ContextMenuGroupComponent=class ContextMenuGroupComponent{get radioGroup(){return"radio"===this.type}get group(){return"checkbox"===this.type}constructor(contextMenuSelectionService){this.contextMenuSelectionService=contextMenuSelectionService,this.role="group",this.label=null,this.value=[],this.type=null,this.valueChange=new core.EventEmitter,this.subscription=new Subscription.yU}ngOnInit(){const{selectionObservable}=this.contextMenuSelectionService,subscription=selectionObservable.subscribe((value=>{this.valueChange.emit(value)}));this.subscription.add(subscription)}ngOnChanges(changes){changes.value&&("radio"===this.type&&this.contextMenuSelectionService.selectRadio(changes.value.currentValue),"checkbox"===this.type&&this.contextMenuSelectionService.selectCheckboxes(changes.value.currentValue))}ngOnDestroy(){this.subscription.unsubscribe()}static{this.ctorParameters=()=>[{type:ContextMenuSelectionService}]}static{this.propDecorators={role:[{type:core.HostBinding,args:["attr.role"]}],radioGroup:[{type:core.HostBinding,args:["class.cds--menu-item-radio-group"]}],group:[{type:core.HostBinding,args:["class.cds--menu-item-group"]}],label:[{type:core.HostBinding,args:["attr.aria-label"]},{type:core.Input}],value:[{type:core.Input}],type:[{type:core.Input}],valueChange:[{type:core.Output}]}}};ContextMenuGroupComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-context-menu-group, ibm-context-menu-group",template:"\n\t\t<ng-content />\n\t",providers:[ContextMenuSelectionService],changeDetection:core.ChangeDetectionStrategy.OnPush})],ContextMenuGroupComponent);var context_menu_item_component=__webpack_require__("./src/context-menu/context-menu-item.component.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFyZW0gMWZyIG1heC1jb250ZW50OwoJCX0KCQ%3D%3D!./src/context-menu/context-menu-item.component.ts"),context_menu_item_component_default=__webpack_require__.n(context_menu_item_component),context_menu_component=__webpack_require__("./src/context-menu/context-menu.component.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlkaXNwbGF5OiBibG9jazsKCQl9Cgk%3D!./src/context-menu/context-menu.component.ts"),context_menu_component_default=__webpack_require__.n(context_menu_component);let ContextMenuComponent=class ContextMenuComponent{get contextMenuOpen(){return this.open}get showMenu(){return this.open}get leftPosition(){return this.position.left}get topPosition(){return this.position.top}get classIcons(){return this.elementRef.nativeElement.querySelector(".cds--menu-item .cds--menu-item__icon svg")}constructor(elementRef){this.elementRef=elementRef,this.open=!1,this.position={left:0,top:0},this.contextMenu=!0,this.role="menu",this.tabindex="-1"}ngOnChanges(changes){changes.open&&changes.open.currentValue&&this.focusMenu()}focusMenu(){setTimeout((()=>{this.elementRef.nativeElement.querySelector(".cds--menu-item").focus()}))}handleNavigation(event){const list=this.elementRef.nativeElement,subMenus=Array.from(list.querySelectorAll("cds-context-menu[role=menu]")),menuItems=Array.from(list.querySelectorAll(".cds--menu-item")).filter((menuItem=>!subMenus.some((subMenu=>subMenu.contains(menuItem))))),currentIndex=menuItems.findIndex((menuItem=>0===parseInt(menuItem.getAttribute("tabindex"),10))),currentMenuItem=menuItems[currentIndex];switch(event.key){case"ArrowDown":document.activeElement===list?menuItems[0].focus():-1!==currentIndex&&currentIndex<menuItems.length-1&&menuItems[currentIndex+1].focus();break;case"ArrowUp":document.activeElement===list?menuItems[menuItems.length-1].focus():-1!==currentIndex&&currentIndex>0&&menuItems[currentIndex-1].focus();break;case"ArrowRight":-1!==currentIndex&&subMenus.some((subMenu=>currentMenuItem.contains(subMenu)))&&currentMenuItem.click();break;case"ArrowLeft":{const parent=currentMenuItem.parentElement.closest(".cds--menu-item, .cds--menu-item");parent&&parent.focus();break}}}static{this.ctorParameters=()=>[{type:core.ElementRef}]}static{this.propDecorators={open:[{type:core.Input}],position:[{type:core.Input}],contextMenu:[{type:core.HostBinding,args:["class.cds--menu"]}],contextMenuOpen:[{type:core.HostBinding,args:["class.cds--menu--open"]}],showMenu:[{type:core.HostBinding,args:["class.cds--menu--shown"]}],role:[{type:core.HostBinding,args:["attr.role"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],leftPosition:[{type:core.HostBinding,args:["style.left.px"]}],topPosition:[{type:core.HostBinding,args:["style.top.px"]}],classIcons:[{type:core.HostBinding,args:["class.cds--menu--with-icons"]}],handleNavigation:[{type:core.HostListener,args:["keydown",["$event"]]}]}}};ContextMenuComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-context-menu, ibm-context-menu",template:"\n\t\t\t<ng-content />\n\t",changeDetection:core.ChangeDetectionStrategy.OnPush,styles:[context_menu_component_default()]})],ContextMenuComponent);let ContextMenuItemComponent=class ContextMenuItemComponent{get ariaChecked(){return"checkbox"===this.type?!!this.checked:null}constructor(elementRef,contextMenuSelectionService){this.elementRef=elementRef,this.contextMenuSelectionService=contextMenuSelectionService,this.optionClass=!0,this.role="menuitem",this.tabindex=-1,this.ariaHasPopup=null,this.ariaExpanded=null,this.label="",this.info="",this.type=null,this.checked=!1,this.icon="",this.value="",this.checkedChange=new core.EventEmitter,this.hasChildren=!1,this.selectable=!1,this.subscriptions=new Subscription.yU}ngOnInit(){switch(this.type){case"checkbox":this.role="menuitemcheckbox",this.selectable=!0;break;case"radio":this.role="menuitemradio",this.selectable=!0;break;default:this.role="menuitem"}if(this.type&&this.contextMenuSelectionService&&this.value){const{selectionObservable}=this.contextMenuSelectionService,subscription=selectionObservable.subscribe((value=>{"radio"===this.type&&this.handleSelection(value===this.value),"checkbox"===this.type&&this.handleSelection(value.includes(this.value))}));this.subscriptions.add(subscription)}}ngAfterContentInit(){this.childContextMenu&&(this.hasChildren=!0,this.ariaHasPopup=!0,this.ariaExpanded=!1)}handleClick(event){event.stopPropagation(),this.hasChildren&&(this.openSubMenu(),this.childContextMenu.focusMenu()),this.type&&this.handleSelection(!this.checked),this.contextMenuSelectionService&&("radio"===this.type&&this.contextMenuSelectionService.selectRadio(this.value),"checkbox"===this.type&&this.contextMenuSelectionService.selectCheckbox(this.value))}handleSelection(selected){this.checked=selected,this.checkedChange.emit(this.checked)}openSubMenu(){if(this.childContextMenu){this.childContextMenu.open=!0,this.ariaExpanded=!0;const dimensions=this.elementRef.nativeElement.getBoundingClientRect();this.childContextMenu.position.left=dimensions.left+dimensions.width,this.childContextMenu.position.top=dimensions.top-4}}closeSubMenu(){this.childContextMenu&&(this.childContextMenu.open=!1,this.ariaExpanded=!1)}handleMouseOver(){this.openSubMenu()}handleMouseOut(){this.closeSubMenu()}handleFocus(){this.tabindex=0,this.hasChildren&&this.ariaExpanded&&this.closeSubMenu()}handleBlur(){this.tabindex=-1}focusItem(){this.elementRef.nativeElement.focus()}ngOnDestroy(){this.subscriptions.unsubscribe()}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:ContextMenuSelectionService,decorators:[{type:core.Optional}]}]}static{this.propDecorators={optionClass:[{type:core.HostBinding,args:["class.cds--menu-item"]}],role:[{type:core.HostBinding,args:["attr.role"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],ariaHasPopup:[{type:core.HostBinding,args:["attr.aria-haspopup"]}],ariaExpanded:[{type:core.HostBinding,args:["attr.aria-expanded"]}],ariaChecked:[{type:core.HostBinding,args:["attr.aria-checked"]}],label:[{type:core.Input}],info:[{type:core.Input}],type:[{type:core.Input}],checked:[{type:core.Input}],icon:[{type:core.Input}],value:[{type:core.Input}],checkedChange:[{type:core.Output}],childContextMenu:[{type:core.ContentChild,args:[ContextMenuComponent,{static:!0}]}],handleClick:[{type:core.HostListener,args:["keydown.enter",["$event"]]},{type:core.HostListener,args:["keydown.space",["$event"]]},{type:core.HostListener,args:["click",["$event"]]}],handleMouseOver:[{type:core.HostListener,args:["mouseover"]}],handleMouseOut:[{type:core.HostListener,args:["mouseout"]}],handleFocus:[{type:core.HostListener,args:["focus"]}],handleBlur:[{type:core.HostListener,args:["blur"]}]}}};ContextMenuItemComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-context-menu-item, ibm-context-menu-item",template:'\n\t\t<div class="cds--menu-item__icon">\n\t\t\t@if (selectable && checked) {\n\t\t\t\t<svg cdsIcon="checkmark" size="16"></svg>\n\t\t\t} @else if (!selectable && icon) {\n\t\t\t\t<svg [cdsIcon]="icon" size="16"></svg>\n\t\t\t}\n\t\t</div>\n\t\t<div class="cds--menu-item__label" [title]="label">{{label}}</div>\n\t\t<div class="cds--menu-item__shortcut">\n\t\t\t@if (info) {\n\t\t\t\t{{info}}\n\t\t\t}\n\t\t\t@if (hasChildren) {\n\t\t\t\t<svg cdsIcon="caret--right" size="16"></svg>\n\t\t\t}\n\t\t</div>\n\t\t<ng-content />\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,styles:[context_menu_item_component_default()]})],ContextMenuItemComponent);let ContextMenuModule=class ContextMenuModule{};ContextMenuModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[ContextMenuDividerComponent,ContextMenuGroupComponent,ContextMenuItemComponent,ContextMenuComponent],exports:[ContextMenuDividerComponent,ContextMenuGroupComponent,ContextMenuItemComponent,ContextMenuComponent],imports:[common.CommonModule,icon.op]})],ContextMenuModule);const context_menu_stories={title:"Components/Context Menu",decorators:[(0,dist.moduleMetadata)({imports:[ContextMenuModule]})],args:{position:{top:0,left:0},open:!0,checkboxGroupValue:["a","b"],radioGroupValue:"one"},argTypes:{onRadioChange:{action:"Radio menu change!"},onCheckboxChange:{action:"Radio menu change!"}},component:ContextMenuComponent,subcomponents:{ContextMenuDividerComponent,ContextMenuItemComponent,ContextMenuGroupComponent},parameters:{docs:{story:{height:"25rem"}}}},Basic=(args=>({props:args,template:'\n        <cds-context-menu [open]="open" [position]="position">\n            <cds-context-menu-item label="Cut" info="⌘X"></cds-context-menu-item>\n            <cds-context-menu-item label="Option with icon" icon="calendar"></cds-context-menu-item>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-item type="checkbox" label="Enable magic"></cds-context-menu-item>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-group label="Selection group">\n                <cds-context-menu-item type="checkbox" label="Blue"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Red" [checked]="true"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Black"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Green"></cds-context-menu-item>\n            </cds-context-menu-group>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-item label="Radio flyout">\n                <cds-context-menu>\n                    <cds-context-menu-group\n                        type="radio"\n                        [value]="radioGroupValue"\n                        (valueChange)="onRadioChange($event)">\n                        <cds-context-menu-item type="radio" label="Radio one" value="one"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio two" value="two"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio three" value="three"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio four" value="four"></cds-context-menu-item>\n                    </cds-context-menu-group>\n                </cds-context-menu>\n            </cds-context-menu-item>\n            <cds-context-menu-item label="Checkbox flyout">\n                <cds-context-menu>\n                    <cds-context-menu-group\n                        type="checkbox"\n                        [value]="checkboxGroupValue"\n                        (valueChange)="onCheckboxChange($event)">\n                        <cds-context-menu-item type="checkbox" label="Selectable item a" value="a"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item b" value="b"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item c" value="c"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item d" value="d"></cds-context-menu-item>\n                    </cds-context-menu-group>\n                </cds-context-menu>\n            </cds-context-menu-item>\n        </cds-context-menu>\n    '})).bind({});Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-context-menu [open]="open" [position]="position">\n            <cds-context-menu-item label="Cut" info="⌘X"></cds-context-menu-item>\n            <cds-context-menu-item label="Option with icon" icon="calendar"></cds-context-menu-item>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-item type="checkbox" label="Enable magic"></cds-context-menu-item>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-group label="Selection group">\n                <cds-context-menu-item type="checkbox" label="Blue"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Red" [checked]="true"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Black"></cds-context-menu-item>\n                <cds-context-menu-item type="checkbox" label="Green"></cds-context-menu-item>\n            </cds-context-menu-group>\n            <cds-context-menu-divider></cds-context-menu-divider>\n            <cds-context-menu-item label="Radio flyout">\n                <cds-context-menu>\n                    <cds-context-menu-group\n                        type="radio"\n                        [value]="radioGroupValue"\n                        (valueChange)="onRadioChange($event)">\n                        <cds-context-menu-item type="radio" label="Radio one" value="one"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio two" value="two"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio three" value="three"></cds-context-menu-item>\n                        <cds-context-menu-item type="radio" label="Radio four" value="four"></cds-context-menu-item>\n                    </cds-context-menu-group>\n                </cds-context-menu>\n            </cds-context-menu-item>\n            <cds-context-menu-item label="Checkbox flyout">\n                <cds-context-menu>\n                    <cds-context-menu-group\n                        type="checkbox"\n                        [value]="checkboxGroupValue"\n                        (valueChange)="onCheckboxChange($event)">\n                        <cds-context-menu-item type="checkbox" label="Selectable item a" value="a"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item b" value="b"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item c" value="c"></cds-context-menu-item>\n                        <cds-context-menu-item type="checkbox" label="Selectable item d" value="d"></cds-context-menu-item>\n                    </cds-context-menu-group>\n                </cds-context-menu>\n            </cds-context-menu-item>\n        </cds-context-menu>\n    `\n})',...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]},"./src/context-menu/context-menu.component.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlkaXNwbGF5OiBibG9jazsKCQl9Cgk%3D!./src/context-menu/context-menu.component.ts":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t",""]),module.exports=___CSS_LOADER_EXPORT___.toString()},"./src/context-menu/context-menu-item.component.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFyZW0gMWZyIG1heC1jb250ZW50OwoJCX0KCQ%3D%3D!./src/context-menu/context-menu-item.component.ts":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"\n\t\t:host {\n\t\t\tgrid-template-columns: 1rem 1fr max-content;\n\t\t}\n\t",""]),module.exports=___CSS_LOADER_EXPORT___.toString()}}]);

package/docs/storybook/{datepicker-datepicker-stories.5cf89dc1.iframe.bundle.js → datepicker-datepicker-stories.b4bcda9f.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[7156],{"./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_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js");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;svg.setAttribute("xmlns","http://www.w3.org/2000/svg");const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__.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.createElement("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_2__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_0__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Directive)({selector:"[cdsIcon], [ibmIcon]"})],IconDirective)},"./src/icon/icon.module.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{op:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.directive.ts"),_icon_service__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");const ICON_SERVICE_PROVIDER={provide:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM,deps:[[new _angular_core__WEBPACK_IMPORTED_MODULE_55__.Optional,new _angular_core__WEBPACK_IMPORTED_MODULE_55__.SkipSelf,_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM]],useFactory:function ICON_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new _icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}};let IconModule=class IconModule{constructor(iconService){this.iconService=iconService,iconService.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__.A])}static{this.ctorParameters=()=>[{type:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}]}};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_56__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_55__.NgModule)({declarations:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_57__.CommonModule],providers:[ICON_SERVICE_PROVIDER]})],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_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.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}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){const{size}=descriptor;this.iconCache.set(name,size.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_0__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)()],IconService)},"./src/icon/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.op,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/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});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 DatePicker_1,l10n=__webpack_require__("./node_modules/flatpickr/dist/l10n/index.js"),l10n_default=__webpack_require__.n(l10n),i18n=__webpack_require__("./src/i18n/index.ts");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){if(!this.readonly&&!this.skeleton)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]");dayElement&&(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.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","region"),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>'}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}],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(valueChange)="onValueChange($event)"\n\t\t\t\t\t(click)="openCalendar(input)">\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(valueChange)="onRangeValueChange($event)"\n\t\t\t\t\t\t(click)="openCalendar(rangeInput)">\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})],DatePicker);var DatePickerInput_1,common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");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}],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\t<div class="cds--form-item">\n\t\t\t<div class="cds--date-picker"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--date-picker--simple\' : type === \'simple\',\n\t\t\t\t\t\'cds--date-picker--single\' : type === \'single\',\n\t\t\t\t\t\'cds--date-picker--range\' : type === \'range\',\n\t\t\t\t\t\'cds--date-picker--light\' : theme === \'light\',\n\t\t\t\t\t\'cds--skeleton\' : skeleton\n\t\t\t\t}">\n\t\t\t\t<div class="cds--date-picker-container">\n\t\t\t\t\t\x3c!-- Skeleton structure --\x3e\n\t\t\t\t\t@if (skeleton) {\n\t\t\t\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t\t\t\t<div class="cds--date-picker__input cds--skeleton"></div>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t@if (label) {\n\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t[for]="id"\n\t\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t\t[ngClass]="{\'cds--label--disabled\': disabled}">\n\t\t\t\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label" />\n\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t{{label}}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<div class="cds--date-picker-input__wrapper"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--date-picker-input__wrapper--invalid\': invalid,\n\t\t\t\t\t\t\t\t\'cds--date-picker-input__wrapper--warn\': warn\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t#input\n\t\t\t\t\t\t\t\t\tautocomplete="off"\n\t\t\t\t\t\t\t\t\ttype="text"\n\t\t\t\t\t\t\t\t\tclass="cds--date-picker__input"\n\t\t\t\t\t\t\t\t\t[ngClass]="{\n\t\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\t\'cds--date-picker__input--md\': size === \'md\',\n\t\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\t}"\n\t\t\t\t\t\t\t\t\t[attr.data-invalid]="invalid ? true : undefined"\n\t\t\t\t\t\t\t\t\t[value]="value"\n\t\t\t\t\t\t\t\t\t[pattern]="pattern"\n\t\t\t\t\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t\t\t\t\t[id]= "id"\n\t\t\t\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t\t\t\t[readonly]="readonly"\n\t\t\t\t\t\t\t\t\t(change)="onChange($event)"/>\n\t\t\t\t\t\t\t\t\t@if (type !== \'simple\' && !warn && !invalid) {\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\tcdsIcon="calendar"\n\t\t\t\t\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t\t\t\t\tclass="cds--date-picker__icon">\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\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\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\t\t\t\t\tsize="16">\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t} @else if (warn) {\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\t\t\t\t\tsize="16"\n\t\t\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\t\t</svg>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\n\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText" />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t} @else if (warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText" />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t} @else if(helperText) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t\t\t[ngClass]="{\'cds--form__helper-text--disabled\': disabled}">\n\t\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText" />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:DatePickerInput,multi:!0}]})],DatePickerInput);var icon=__webpack_require__("./src/icon/index.ts");let DatePickerInputModule=class DatePickerInputModule{};DatePickerInputModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[DatePickerInput],exports:[DatePickerInput],imports:[common.CommonModule,icon.op]})],DatePickerInputModule);var utils=__webpack_require__("./src/utils/index.ts");let DatePickerModule=class DatePickerModule{};DatePickerModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[DatePicker],exports:[DatePicker,DatePickerInputModule],imports:[common.CommonModule,DatePickerInputModule,utils.uh,i18n.LP]})],DatePickerModule);const datepicker_stories={title:"Components/Date Picker",decorators:[(0,dist.moduleMetadata)({imports:[DatePickerModule]})],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({}),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({});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}}},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}}};const __namedExportsOrder=["Basic","Single","Range","Skeleton"]}}]);
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[7156],{"./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_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js");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;svg.setAttribute("xmlns","http://www.w3.org/2000/svg");const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__.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.createElement("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_2__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_0__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Directive)({selector:"[cdsIcon], [ibmIcon]"})],IconDirective)},"./src/icon/icon.module.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{op:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.directive.ts"),_icon_service__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");const ICON_SERVICE_PROVIDER={provide:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM,deps:[[new _angular_core__WEBPACK_IMPORTED_MODULE_55__.Optional,new _angular_core__WEBPACK_IMPORTED_MODULE_55__.SkipSelf,_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM]],useFactory:function ICON_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new _icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}};let IconModule=class IconModule{constructor(iconService){this.iconService=iconService,iconService.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__.A])}static{this.ctorParameters=()=>[{type:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}]}};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_56__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_55__.NgModule)({declarations:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_57__.CommonModule],providers:[ICON_SERVICE_PROVIDER]})],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_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.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}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){const{size}=descriptor;this.iconCache.set(name,size.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_0__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)()],IconService)},"./src/icon/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.op,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/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});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 DatePicker_1,l10n=__webpack_require__("./node_modules/flatpickr/dist/l10n/index.js"),l10n_default=__webpack_require__.n(l10n),i18n=__webpack_require__("./src/i18n/index.ts");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){if(!this.readonly&&!this.skeleton)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]");dayElement&&(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.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","region"),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>'}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}],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(valueChange)="onValueChange($event)"\n\t\t\t\t\t(click)="openCalendar(input)">\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(valueChange)="onRangeValueChange($event)"\n\t\t\t\t\t\t(click)="openCalendar(rangeInput)">\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})],DatePicker);var DatePickerInput_1,common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");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}],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\t<div class="cds--form-item">\n\t\t\t<div class="cds--date-picker"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--date-picker--simple\' : type === \'simple\',\n\t\t\t\t\t\'cds--date-picker--single\' : type === \'single\',\n\t\t\t\t\t\'cds--date-picker--range\' : type === \'range\',\n\t\t\t\t\t\'cds--date-picker--light\' : theme === \'light\',\n\t\t\t\t\t\'cds--skeleton\' : skeleton\n\t\t\t\t}">\n\t\t\t\t<div class="cds--date-picker-container">\n\t\t\t\t\t\x3c!-- Skeleton structure --\x3e\n\t\t\t\t\t@if (skeleton) {\n\t\t\t\t\t\t<span class="cds--label cds--skeleton"></span>\n\t\t\t\t\t\t<div class="cds--date-picker__input cds--skeleton"></div>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t@if (label) {\n\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t[for]="id"\n\t\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t\t[ngClass]="{\'cds--label--disabled\': disabled}">\n\t\t\t\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label" />\n\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t{{label}}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<div class="cds--date-picker-input__wrapper"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--date-picker-input__wrapper--invalid\': invalid,\n\t\t\t\t\t\t\t\t\'cds--date-picker-input__wrapper--warn\': warn\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t#input\n\t\t\t\t\t\t\t\t\tautocomplete="off"\n\t\t\t\t\t\t\t\t\ttype="text"\n\t\t\t\t\t\t\t\t\tclass="cds--date-picker__input"\n\t\t\t\t\t\t\t\t\t[ngClass]="{\n\t\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\t\'cds--date-picker__input--md\': size === \'md\',\n\t\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\t}"\n\t\t\t\t\t\t\t\t\t[attr.data-invalid]="invalid ? true : undefined"\n\t\t\t\t\t\t\t\t\t[value]="value"\n\t\t\t\t\t\t\t\t\t[pattern]="pattern"\n\t\t\t\t\t\t\t\t\t[placeholder]="placeholder"\n\t\t\t\t\t\t\t\t\t[id]= "id"\n\t\t\t\t\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t\t\t\t\t[readonly]="readonly"\n\t\t\t\t\t\t\t\t\t(change)="onChange($event)"/>\n\t\t\t\t\t\t\t\t\t@if (type !== \'simple\' && !warn && !invalid) {\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\tcdsIcon="calendar"\n\t\t\t\t\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t\t\t\t\tclass="cds--date-picker__icon">\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\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\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\t\t\t\t\t\tsize="16">\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t} @else if (warn) {\n\t\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\t\t\t\t\t\tsize="16"\n\t\t\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\t\t</svg>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\n\t\t\t\t\t@if (invalid) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText" />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t} @else if (warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText" />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t} @else if(helperText) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t\t\t[ngClass]="{\'cds--form__helper-text--disabled\': disabled}">\n\t\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText" />\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:DatePickerInput,multi:!0}],changeDetection:core.ChangeDetectionStrategy.OnPush})],DatePickerInput);var icon=__webpack_require__("./src/icon/index.ts");let DatePickerInputModule=class DatePickerInputModule{};DatePickerInputModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[DatePickerInput],exports:[DatePickerInput],imports:[common.CommonModule,icon.op]})],DatePickerInputModule);var utils=__webpack_require__("./src/utils/index.ts");let DatePickerModule=class DatePickerModule{};DatePickerModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[DatePicker],exports:[DatePicker,DatePickerInputModule],imports:[common.CommonModule,DatePickerInputModule,utils.uh,i18n.LP]})],DatePickerModule);const datepicker_stories={title:"Components/Date Picker",decorators:[(0,dist.moduleMetadata)({imports:[DatePickerModule]})],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({}),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({});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}}},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}}};const __namedExportsOrder=["Basic","Single","Range","Skeleton"]}}]);

package/docs/storybook/iframe.html

@@ -348,8 +348,8 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.de5a4ef6.iframe.bundle.js';
+      import './runtime~main.ec2949a5.iframe.bundle.js';
       
       import './2946.0aed808c.iframe.bundle.js';
       
-      import './main.3c25e34a.iframe.bundle.js';</script></body></html>
+      import './main.07778da0.iframe.bundle.js';</script></body></html>