npm - carbon-components-angular - Versions diffs - 6.0.0-rc.21 → 6.0.0-rc.22 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (217) hide show

package/docs/storybook/{5118.d8e064f1.iframe.bundle.js → 5118.02beb793.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[5118],{"./src/icon/icon.directive.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/placeholder/index.ts");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root,xmlns="http://www.w3.org/2000/svg";svg.setAttribute("xmlns",xmlns);const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElementNS(xmlns,"title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_2__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cdsIcon], [ibmIcon]",providers:[carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__.F2],standalone:!0})],IconDirective)},"./src/icon/icon.module.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/icon.directive.ts");let IconModule=class IconModule{};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.MD,_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L]})],IconModule)},"./src/icon/icon.service.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/arrow--down/16.js"),_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/arrows--vertical/16.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox/16.js"),_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox--checked--filled/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__=__webpack_require__("./node_modules/@carbon/icons/es/undo/16.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super(`Size ${size} for ${name} not found`)}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)\|\|this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache,this.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__.A,_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__.A])}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){let{size,attrs:{width}}=descriptor;this.iconCache.set(name,(size??width).toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg\|\|(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}static{this.ctorParameters=()=>[]}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconService)},"./src/icon/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.o,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/placeholder/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{gc:()=>PLACEHOLDER_SERVICE_PROVIDER,Or:()=>Placeholder,UU:()=>PlaceholderModule,F2:()=>PlaceholderService});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let PlaceholderService=class PlaceholderService{constructor(){this.viewContainerRef=null,this.viewContainerMap=new Map}registerViewContainerRef(vcRef,id){id?this.viewContainerMap.set(id,vcRef):this.viewContainerRef=vcRef}createComponent(component,injector,id,environment=void 0){return id?this.viewContainerMap.has(id)?this.viewContainerMap.get(id).createComponent(component,{index:this.viewContainerMap.size,injector}):void console.error(`No view container with id ${id} found`):this.viewContainerRef?this.viewContainerRef.createComponent(component,{index:this.viewContainerRef.length,injector,environmentInjector:environment}):void console.error("No view container defined! Likely due to a missing `cds-placeholder`")}destroyComponent(component){component.destroy()}hasComponentRef(component,id){return id?!(this.viewContainerMap.get(id).indexOf(component.hostView)<0):!(this.viewContainerRef.indexOf(component.hostView)<0)}hasPlaceholderRef(id){return id?this.viewContainerMap.has(id):!!this.viewContainerRef}appendElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.appendChild(element):this.viewContainerRef.element.nativeElement.appendChild(element)}removeElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.removeChild(element):this.viewContainerRef.element.nativeElement.removeChild(element)}hasElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.contains(element):this.viewContainerRef.element.nativeElement.contains(element)}};PlaceholderService=(0,tslib_es6.Cg)([(0,core.Injectable)()],PlaceholderService);const PLACEHOLDER_SERVICE_PROVIDER={provide:PlaceholderService,deps:[[new core.Optional,new core.SkipSelf,PlaceholderService]],useFactory:function PLACEHOLDER_SERVICE_PROVIDER_FACTORY(parentService){return parentService\|\|new PlaceholderService}};let Placeholder=class Placeholder{constructor(placeholderService){this.placeholderService=placeholderService}ngOnInit(){this.placeholderService.registerViewContainerRef(this.viewContainerRef)}static{this.ctorParameters=()=>[{type:PlaceholderService}]}static{this.propDecorators={id:[{type:core.Input}],viewContainerRef:[{type:core.ViewChild,args:["placeholder",{read:core.ViewContainerRef,static:!0}]}]}}};Placeholder=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-placeholder, ibm-placeholder",template:"<div #placeholder></div>",providers:[PLACEHOLDER_SERVICE_PROVIDER],standalone:!0})],Placeholder);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let PlaceholderModule=class PlaceholderModule{};PlaceholderModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Placeholder],providers:[PLACEHOLDER_SERVICE_PROVIDER],imports:[common_module_Dx7dWex5.MD,Placeholder]})],PlaceholderModule)},"./src/select/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{JM:()=>OptGroup,c$:()=>Option,l6:()=>select_component.l,py:()=>SelectModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let OptGroup=class OptGroup{constructor(){this.inputClass="cds--select-optgroup"}static{this.propDecorators={inputClass:[{type:core.HostBinding,args:["class"]}]}}};OptGroup=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"optgroup",standalone:!0})],OptGroup);let Option=class Option{constructor(){this.inputClass="cds--select-option"}static{this.propDecorators={inputClass:[{type:core.HostBinding,args:["class"]}]}}};Option=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"option",standalone:!0})],Option);var select_component=__webpack_require__("./src/select/select.component.ts"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts");let SelectModule=class SelectModule{};SelectModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[select_component.l,Option,OptGroup],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.LJ,select_component.l,Option,OptGroup]})],SelectModule)},"./src/select/select.component.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>Select});var Select_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icon/index.ts");let Select=class Select{constructor(){this.display="default",this.warn=!1,this.id="select-"+Select_1.selectCount++,this.size="md",this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.readonly=!1,this.theme="dark",this.hideLabel=!1,this.fluid=!1,this.valueChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.focused=!1,this.onChangeHandler=_=>{},this.onTouchedHandler=()=>{}}static{Select_1=this}set value(v){this._value=v,this.select&&(this.select.nativeElement.value=this._value)}get value(){return this._value}static{this.selectCount=0}ngAfterViewInit(){void 0!==this.value&&null!==this.value&&this.select&&this.select.nativeElement.value!==this.value&&(this.select.nativeElement.value=this.value)}writeValue(obj){this.value=obj}registerOnChange(fn){this.onChangeHandler=fn}registerOnTouched(fn){this.onTouchedHandler=fn}setDisabledState(isDisabled){this.disabled=isDisabled}onChange(event){this.value=event.target.value,this.onChangeHandler(event.target.value),this.valueChange.emit(event.target.value)}focusOut(){this.onTouchedHandler()}isTemplate(value){return value instanceof _angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef}onMouseDown(event){this.readonly&&(event.preventDefault(),event.target.focus())}onKeyDown(event){this.readonly&&["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"," "].includes(event.key)&&event.preventDefault()}handleFocus(event){this.focused="focus"===event.type}static{this.propDecorators={value:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],display:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],label:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],helperText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalidText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warn:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warnText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],id:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],skeleton:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],readonly:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],theme:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hideLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],fluid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],decorator:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],valueChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],select:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild,args:["select"]}],focusOut:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["focusout"]}]}}};Select=Select_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({selector:"cds-select, ibm-select",template:'\n\t\t<div\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--form-item\': !skeleton,\n\t\t\t\t\'cds--select--fluid\': fluid && !skeleton\n\t\t\t}">\n\t\t\t@if (skeleton && !fluid) {\n\t\t\t\t@if (label) {\n\t\t\t\t\t<div class="cds--label cds--skeleton"></div>\n\t\t\t\t}\n\t\t\t\t<div class="cds--select cds--skeleton"></div>\n\t\t\t}\n\t\t\t@if (skeleton && fluid) {\n\t\t\t\t<div class="cds--list-box__wrapper--fluid">\n\t\t\t\t\t<div class="cds--list-box cds--skeleton">\n\t\t\t\t\t\t<div class="cds--list-box__label"></div>\n\t\t\t\t\t\t<div class="cds--list-box__field"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (!skeleton) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--select"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--select--inline\': display === \'inline\',\n\t\t\t\t\t\t\'cds--select--light\': theme === \'light\',\n\t\t\t\t\t\t\'cds--select--invalid\': invalid,\n\t\t\t\t\t\t\'cds--select--warning\': warn,\n\t\t\t\t\t\t\'cds--select--disabled\': disabled,\n\t\t\t\t\t\t\'cds--select--readonly\': readonly,\n\t\t\t\t\t\t\'cds--select--fluid--invalid\': fluid && invalid,\n\t\t\t\t\t\t\'cds--select--fluid--focus\': fluid && focused,\n\t\t\t\t\t\t\'cds--select--decorator\': !!decorator\n\t\t\t\t\t}">\n\t\t\t\t\t@if (label) {\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]="id"\n\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (!isTemplate(label)) {\n\t\t\t\t\t\t\t\t{{label}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t}\n\t\t\t\t\t@if (display === \'inline\') {\n\t\t\t\t\t\t<div class="cds--select-input--inline__wrapper">\n\t\t\t\t\t\t\t<ng-container ngTemplateOutlet="noInline"></ng-container>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<ng-container ngTemplateOutlet="noInline"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t\t@if (helperText && !invalid && !warn && !skeleton && !fluid) {\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]="{\n\t\t\t\t\t\t\t\t\'cds--form__helper-text--disabled\': disabled\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\n\t\t\x3c!-- select element: dynamically projected based on \'display\' variant --\x3e\n\t\t<ng-template #noInline>\n\t\t\t<div class="cds--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)">\n\t\t\t\t<select\n\t\t\t\t\t#select\n\t\t\t\t\t[attr.id]="id"\n\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t(change)="onChange($event)"\n\t\t\t\t\t[attr.aria-invalid]="invalid ? \'true\' : null"\n\t\t\t\t\t[attr.aria-readonly]="readonly ? \'true\' : null"\n\t\t\t\t\tclass="cds--select-input"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--select-input--sm\': size === \'sm\',\n\t\t\t\t\t\t\'cds--select-input--md\': size === \'md\',\n\t\t\t\t\t\t\'cds--select-input--lg\': size === \'lg\'\n\t\t\t\t\t}"\n\t\t\t\t\t(mousedown)="onMouseDown($event)"\n\t\t\t\t\t(keydown)="onKeyDown($event)"\n\t\t\t\t\t(focus)="fluid ? handleFocus($event) : null"\n\t\t\t\t\t(blur)="fluid ? handleFocus($event) : null">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\tfocusable="false"\n\t\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\t\tstyle="will-change: transform;"\n\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\tclass="cds--select__arrow"\n\t\t\t\t\twidth="16"\n\t\t\t\t\theight="16"\n\t\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\t\taria-hidden="true">\n\t\t\t\t\t<path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path>\n\t\t\t\t</svg>\n\t\t\t\t@if (invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--select__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--select__invalid-icon cds--select__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (decorator) {\n\t\t\t\t\t<div class="cds--select__inner-wrapper--decorator">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (fluid) {\n\t\t\t\t\t<hr class="cds--select__divider" />\n\t\t\t\t\t@if (invalid && invalidText) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\trole="alert"\n\t\t\t\t\t\t\tclass="cds--form-requirement"\n\t\t\t\t\t\t\taria-live="polite">\n\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (!fluid) {\n\t\t\t\t@if (invalid && invalidText) {\n\t\t\t\t\t<div\n\t\t\t\t\t\trole="alert"\n\t\t\t\t\t\tclass="cds--form-requirement"\n\t\t\t\t\t\taria-live="polite">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t',providers:[{provide:_angular_forms__WEBPACK_IMPORTED_MODULE_2__.kq,useExisting:Select,multi:!0}],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_3__.YU,_angular_common__WEBPACK_IMPORTED_MODULE_3__.T3,carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__.LJ]})],Select)},"./src/timepicker-select/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:()=>TimePickerSelect,I:()=>TimePickerSelectModule});var TimePickerSelect_1,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),src_select=__webpack_require__("./src/select/index.ts"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),icon=__webpack_require__("./src/icon/index.ts");let TimePickerSelect=class TimePickerSelect extends src_select.l6{constructor(){super(...arguments),this.timeSelect=!0,this.timePickerSelect=!0,this.id="timepicker-select-"+TimePickerSelect_1.selectCount++,this.skeleton=!1,this.theme="dark",this.timePickerSelectSkeleton=this.skeleton}static{TimePickerSelect_1=this}get timePickerSelectLight(){return"light"===this.theme}static{this.propDecorators={timeSelect:[{type:core.HostBinding,args:["class.cds--select"]}],timePickerSelect:[{type:core.HostBinding,args:["class.cds--time-picker__select"]}],id:[{type:core.Input}],ariaLabel:[{type:core.Input}],skeleton:[{type:core.Input}],theme:[{type:core.Input}],label:[{type:core.Input}],timePickerSelectSkeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]}],timePickerSelectLight:[{type:core.HostBinding,args:["class.cds--select--light"]}]}}};TimePickerSelect=TimePickerSelect_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-timepicker-select, ibm-timepicker-select",template:'\n\t\t@if (!skeleton && label) {\n\t\t\t<label [attr.for]="id" class="cds--label cds--visually-hidden">{{label}}</label>\n\t\t}\n\t\t<div class="cds--select-input__wrapper">\n\t\t\t<select\n\t\t\t\t#select\n\t\t\t\t[attr.id]="id"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t(change)="onChange($event)"\n\t\t\t\tclass="cds--select-input">\n\t\t\t\t<ng-content />\n\t\t\t</select>\n\t\t\t@if (!skeleton) {\n\t\t\t\t<svg cdsIcon="chevron--down" size="16" class="cds--select__arrow"></svg>\n\t\t\t}\n\t\t</div>\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:TimePickerSelect,multi:!0}],imports:[icon.LJ]})],TimePickerSelect);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let TimePickerSelectModule=class TimePickerSelectModule{};TimePickerSelectModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[TimePickerSelect],imports:[src_select.py,common_module_Dx7dWex5.MD,icon.LJ,TimePickerSelect]})],TimePickerSelectModule)},"./node_modules/@storybook/angular/dist/index.mjs"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L4:()=>applicationConfig,Ap:()=>componentWrapperDecorator,Iz:()=>moduleMetadata});__webpack_require__("./node_modules/@storybook/angular/dist/client/globals.mjs"),__webpack_require__("storybook/preview-api"),__webpack_require__("./node_modules/@storybook/angular/dist/client/render.mjs");var ComputesTemplateFromComponent=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/ComputesTemplateFromComponent.mjs"),NgComponentAnalyzer=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/utils/NgComponentAnalyzer.mjs");const moduleMetadata=metadata=>storyFn=>{const story=storyFn(),storyMetadata=story.moduleMetadata\|\|{};return metadata=metadata\|\|{},{...story,moduleMetadata:{declarations:[...metadata.declarations\|\|[],...storyMetadata.declarations\|\|[]],entryComponents:[...metadata.entryComponents\|\|[],...storyMetadata.entryComponents\|\|[]],imports:[...metadata.imports\|\|[],...storyMetadata.imports\|\|[]],schemas:[...metadata.schemas\|\|[],...storyMetadata.schemas\|\|[]],providers:[...metadata.providers\|\|[],...storyMetadata.providers\|\|[]]}}};function applicationConfig(config){return storyFn=>{const story=storyFn(),storyConfig=story.applicationConfig;return{...story,applicationConfig:storyConfig\|\|config?{...config,...storyConfig,providers:[...config?.providers\|\|[],...storyConfig?.providers\|\|[]]}:void 0}}}const componentWrapperDecorator=(element,props)=>(storyFn,storyContext)=>{const story=storyFn(),currentProps="function"==typeof props?props(storyContext):props,template=(0,NgComponentAnalyzer.Wy)(element)?(0,ComputesTemplateFromComponent.UP)(element,currentProps??{},story.template):element(story.template);return{...story,template,...currentProps\|\|story.props?{props:{...currentProps,...story.props}}:{}}}}}]);
1	+ "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[5118],{"./src/icon/icon.directive.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/placeholder/index.ts");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root,xmlns="http://www.w3.org/2000/svg";svg.setAttribute("xmlns",xmlns);const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElementNS(xmlns,"title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_2__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cdsIcon], [ibmIcon]",providers:[carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__.F2],standalone:!0})],IconDirective)},"./src/icon/icon.module.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/icon.directive.ts");let IconModule=class IconModule{};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.MD,_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L]})],IconModule)},"./src/icon/icon.service.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/arrow--down/16.js"),_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/arrows--vertical/16.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox/16.js"),_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox--checked--filled/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__=__webpack_require__("./node_modules/@carbon/icons/es/undo/16.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super(`Size ${size} for ${name} not found`)}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)\|\|this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache,this.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__.A,_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__.A])}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){let{size,attrs:{width}}=descriptor;this.iconCache.set(name,(size??width).toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg\|\|(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}static{this.ctorParameters=()=>[]}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconService)},"./src/icon/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.o,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/placeholder/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{gc:()=>PLACEHOLDER_SERVICE_PROVIDER,Or:()=>Placeholder,UU:()=>PlaceholderModule,F2:()=>PlaceholderService});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let PlaceholderService=class PlaceholderService{constructor(){this.viewContainerRef=null,this.viewContainerMap=new Map}registerViewContainerRef(vcRef,id){id?this.viewContainerMap.set(id,vcRef):this.viewContainerRef=vcRef}createComponent(component,injector,id,environment=void 0){return id?this.viewContainerMap.has(id)?this.viewContainerMap.get(id).createComponent(component,{index:this.viewContainerMap.size,injector}):void console.error(`No view container with id ${id} found`):this.viewContainerRef?this.viewContainerRef.createComponent(component,{index:this.viewContainerRef.length,injector,environmentInjector:environment}):void console.error("No view container defined! Likely due to a missing `cds-placeholder`")}destroyComponent(component){component.destroy()}hasComponentRef(component,id){return id?!(this.viewContainerMap.get(id).indexOf(component.hostView)<0):!(this.viewContainerRef.indexOf(component.hostView)<0)}hasPlaceholderRef(id){return id?this.viewContainerMap.has(id):!!this.viewContainerRef}appendElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.appendChild(element):this.viewContainerRef.element.nativeElement.appendChild(element)}removeElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.removeChild(element):this.viewContainerRef.element.nativeElement.removeChild(element)}hasElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.contains(element):this.viewContainerRef.element.nativeElement.contains(element)}};PlaceholderService=(0,tslib_es6.Cg)([(0,core.Injectable)()],PlaceholderService);const PLACEHOLDER_SERVICE_PROVIDER={provide:PlaceholderService,deps:[[new core.Optional,new core.SkipSelf,PlaceholderService]],useFactory:function PLACEHOLDER_SERVICE_PROVIDER_FACTORY(parentService){return parentService\|\|new PlaceholderService}};let Placeholder=class Placeholder{constructor(placeholderService){this.placeholderService=placeholderService}ngOnInit(){this.placeholderService.registerViewContainerRef(this.viewContainerRef)}static{this.ctorParameters=()=>[{type:PlaceholderService}]}static{this.propDecorators={id:[{type:core.Input}],viewContainerRef:[{type:core.ViewChild,args:["placeholder",{read:core.ViewContainerRef,static:!0}]}]}}};Placeholder=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-placeholder, ibm-placeholder",template:"<div #placeholder></div>",providers:[PLACEHOLDER_SERVICE_PROVIDER],standalone:!0})],Placeholder);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let PlaceholderModule=class PlaceholderModule{};PlaceholderModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Placeholder],providers:[PLACEHOLDER_SERVICE_PROVIDER],imports:[common_module_Dx7dWex5.MD,Placeholder]})],PlaceholderModule)},"./src/select/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{JM:()=>OptGroup,c$:()=>Option,l6:()=>select_component.l,py:()=>SelectModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let OptGroup=class OptGroup{constructor(){this.inputClass="cds--select-optgroup"}static{this.propDecorators={inputClass:[{type:core.HostBinding,args:["class"]}]}}};OptGroup=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"optgroup",standalone:!0})],OptGroup);let Option=class Option{constructor(){this.inputClass="cds--select-option"}static{this.propDecorators={inputClass:[{type:core.HostBinding,args:["class"]}]}}};Option=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"option",standalone:!0})],Option);var select_component=__webpack_require__("./src/select/select.component.ts"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts");let SelectModule=class SelectModule{};SelectModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[select_component.l,Option,OptGroup],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.LJ,select_component.l,Option,OptGroup]})],SelectModule)},"./src/select/select.component.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>Select});var Select_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icon/index.ts");let Select=class Select{constructor(){this.display="default",this.warn=!1,this.id="select-"+Select_1.selectCount++,this.size="md",this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.readonly=!1,this.theme="dark",this.hideLabel=!1,this.fluid=!1,this.valueChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.focused=!1,this.onChangeHandler=_=>{},this.onTouchedHandler=()=>{}}static{Select_1=this}get hostFormItemClass(){return!this.skeleton}get hostSelectFluidClass(){return this.fluid&&!this.skeleton}set value(v){this._value=v,this.select&&(this.select.nativeElement.value=this._value)}get value(){return this._value}static{this.selectCount=0}ngAfterViewInit(){void 0!==this.value&&null!==this.value&&this.select&&this.select.nativeElement.value!==this.value&&(this.select.nativeElement.value=this.value)}writeValue(obj){this.value=obj}registerOnChange(fn){this.onChangeHandler=fn}registerOnTouched(fn){this.onTouchedHandler=fn}setDisabledState(isDisabled){this.disabled=isDisabled}onChange(event){this.value=event.target.value,this.onChangeHandler(event.target.value),this.valueChange.emit(event.target.value)}focusOut(){this.onTouchedHandler()}isTemplate(value){return value instanceof _angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef}onMouseDown(event){this.readonly&&(event.preventDefault(),event.target.focus())}onKeyDown(event){this.readonly&&["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"," "].includes(event.key)&&event.preventDefault()}handleFocus(event){this.focused="focus"===event.type}static{this.propDecorators={hostFormItemClass:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostBinding,args:["class.cds--form-item"]}],hostSelectFluidClass:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostBinding,args:["class.cds--select--fluid"]}],value:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],display:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],label:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],helperText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalidText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warn:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warnText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],id:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],skeleton:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],readonly:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],theme:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hideLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],fluid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],decorator:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],valueChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],select:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild,args:["select"]}],focusOut:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["focusout"]}]}}};Select=Select_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({selector:"cds-select, ibm-select",template:'\n\t\t\t@if (skeleton && !fluid) {\n\t\t\t\t@if (label) {\n\t\t\t\t\t<div class="cds--label cds--skeleton"></div>\n\t\t\t\t}\n\t\t\t\t<div class="cds--select cds--skeleton"></div>\n\t\t\t}\n\t\t\t@if (skeleton && fluid) {\n\t\t\t\t<div class="cds--list-box__wrapper--fluid">\n\t\t\t\t\t<div class="cds--list-box cds--skeleton">\n\t\t\t\t\t\t<div class="cds--list-box__label"></div>\n\t\t\t\t\t\t<div class="cds--list-box__field"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (!skeleton) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--select"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--select--inline\': display === \'inline\',\n\t\t\t\t\t\t\'cds--select--light\': theme === \'light\',\n\t\t\t\t\t\t\'cds--select--invalid\': invalid,\n\t\t\t\t\t\t\'cds--select--warning\': warn,\n\t\t\t\t\t\t\'cds--select--disabled\': disabled,\n\t\t\t\t\t\t\'cds--select--readonly\': readonly,\n\t\t\t\t\t\t\'cds--select--fluid--invalid\': fluid && invalid,\n\t\t\t\t\t\t\'cds--select--fluid--focus\': fluid && focused,\n\t\t\t\t\t\t\'cds--select--decorator\': !!decorator\n\t\t\t\t\t}">\n\t\t\t\t\t@if (label) {\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]="id"\n\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (!isTemplate(label)) {\n\t\t\t\t\t\t\t\t{{label}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t}\n\t\t\t\t\t@if (display === \'inline\') {\n\t\t\t\t\t\t<div class="cds--select-input--inline__wrapper">\n\t\t\t\t\t\t\t<ng-container ngTemplateOutlet="noInline"></ng-container>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<ng-container ngTemplateOutlet="noInline"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t\t@if (helperText && !invalid && !warn && !skeleton && !fluid) {\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]="{\n\t\t\t\t\t\t\t\t\'cds--form__helper-text--disabled\': disabled\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\x3c!-- select element: dynamically projected based on \'display\' variant --\x3e\n\t\t<ng-template #noInline>\n\t\t\t<div class="cds--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)">\n\t\t\t\t<select\n\t\t\t\t\t#select\n\t\t\t\t\t[attr.id]="id"\n\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t(change)="onChange($event)"\n\t\t\t\t\t[attr.aria-invalid]="invalid ? \'true\' : null"\n\t\t\t\t\t[attr.aria-readonly]="readonly ? \'true\' : null"\n\t\t\t\t\tclass="cds--select-input"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--select-input--sm\': size === \'sm\',\n\t\t\t\t\t\t\'cds--select-input--md\': size === \'md\',\n\t\t\t\t\t\t\'cds--select-input--lg\': size === \'lg\'\n\t\t\t\t\t}"\n\t\t\t\t\t(mousedown)="onMouseDown($event)"\n\t\t\t\t\t(keydown)="onKeyDown($event)"\n\t\t\t\t\t(focus)="fluid ? handleFocus($event) : null"\n\t\t\t\t\t(blur)="fluid ? handleFocus($event) : null">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\tfocusable="false"\n\t\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\t\tstyle="will-change: transform;"\n\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\tclass="cds--select__arrow"\n\t\t\t\t\twidth="16"\n\t\t\t\t\theight="16"\n\t\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\t\taria-hidden="true">\n\t\t\t\t\t<path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path>\n\t\t\t\t</svg>\n\t\t\t\t@if (invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--select__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--select__invalid-icon cds--select__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (decorator) {\n\t\t\t\t\t<div class="cds--select__inner-wrapper--decorator">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (fluid) {\n\t\t\t\t\t<hr class="cds--select__divider" />\n\t\t\t\t\t@if (invalid && invalidText) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\trole="alert"\n\t\t\t\t\t\t\tclass="cds--form-requirement"\n\t\t\t\t\t\t\taria-live="polite">\n\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (!fluid) {\n\t\t\t\t@if (invalid && invalidText) {\n\t\t\t\t\t<div\n\t\t\t\t\t\trole="alert"\n\t\t\t\t\t\tclass="cds--form-requirement"\n\t\t\t\t\t\taria-live="polite">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t',providers:[{provide:_angular_forms__WEBPACK_IMPORTED_MODULE_2__.kq,useExisting:Select,multi:!0}],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_3__.YU,_angular_common__WEBPACK_IMPORTED_MODULE_3__.T3,carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__.LJ]})],Select)},"./src/timepicker-select/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:()=>TimePickerSelect,I:()=>TimePickerSelectModule});var TimePickerSelect_1,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),src_select=__webpack_require__("./src/select/index.ts"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),icon=__webpack_require__("./src/icon/index.ts");let TimePickerSelect=class TimePickerSelect extends src_select.l6{constructor(){super(...arguments),this.timeSelect=!0,this.timePickerSelect=!0,this.id="timepicker-select-"+TimePickerSelect_1.selectCount++,this.skeleton=!1,this.theme="dark",this.timePickerSelectSkeleton=this.skeleton}static{TimePickerSelect_1=this}get timePickerSelectLight(){return"light"===this.theme}static{this.propDecorators={timeSelect:[{type:core.HostBinding,args:["class.cds--select"]}],timePickerSelect:[{type:core.HostBinding,args:["class.cds--time-picker__select"]}],id:[{type:core.Input}],ariaLabel:[{type:core.Input}],skeleton:[{type:core.Input}],theme:[{type:core.Input}],label:[{type:core.Input}],timePickerSelectSkeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]}],timePickerSelectLight:[{type:core.HostBinding,args:["class.cds--select--light"]}]}}};TimePickerSelect=TimePickerSelect_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-timepicker-select, ibm-timepicker-select",template:'\n\t\t@if (!skeleton && label) {\n\t\t\t<label [attr.for]="id" class="cds--label cds--visually-hidden">{{label}}</label>\n\t\t}\n\t\t<div class="cds--select-input__wrapper">\n\t\t\t<select\n\t\t\t\t#select\n\t\t\t\t[attr.id]="id"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t(change)="onChange($event)"\n\t\t\t\tclass="cds--select-input">\n\t\t\t\t<ng-content />\n\t\t\t</select>\n\t\t\t@if (!skeleton) {\n\t\t\t\t<svg cdsIcon="chevron--down" size="16" class="cds--select__arrow"></svg>\n\t\t\t}\n\t\t</div>\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:TimePickerSelect,multi:!0}],imports:[icon.LJ]})],TimePickerSelect);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let TimePickerSelectModule=class TimePickerSelectModule{};TimePickerSelectModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[TimePickerSelect],imports:[src_select.py,common_module_Dx7dWex5.MD,icon.LJ,TimePickerSelect]})],TimePickerSelectModule)},"./node_modules/@storybook/angular/dist/index.mjs"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L4:()=>applicationConfig,Ap:()=>componentWrapperDecorator,Iz:()=>moduleMetadata});__webpack_require__("./node_modules/@storybook/angular/dist/client/globals.mjs"),__webpack_require__("storybook/preview-api"),__webpack_require__("./node_modules/@storybook/angular/dist/client/render.mjs");var ComputesTemplateFromComponent=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/ComputesTemplateFromComponent.mjs"),NgComponentAnalyzer=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/utils/NgComponentAnalyzer.mjs");const moduleMetadata=metadata=>storyFn=>{const story=storyFn(),storyMetadata=story.moduleMetadata\|\|{};return metadata=metadata\|\|{},{...story,moduleMetadata:{declarations:[...metadata.declarations\|\|[],...storyMetadata.declarations\|\|[]],entryComponents:[...metadata.entryComponents\|\|[],...storyMetadata.entryComponents\|\|[]],imports:[...metadata.imports\|\|[],...storyMetadata.imports\|\|[]],schemas:[...metadata.schemas\|\|[],...storyMetadata.schemas\|\|[]],providers:[...metadata.providers\|\|[],...storyMetadata.providers\|\|[]]}}};function applicationConfig(config){return storyFn=>{const story=storyFn(),storyConfig=story.applicationConfig;return{...story,applicationConfig:storyConfig\|\|config?{...config,...storyConfig,providers:[...config?.providers\|\|[],...storyConfig?.providers\|\|[]]}:void 0}}}const componentWrapperDecorator=(element,props)=>(storyFn,storyContext)=>{const story=storyFn(),currentProps="function"==typeof props?props(storyContext):props,template=(0,NgComponentAnalyzer.Wy)(element)?(0,ComputesTemplateFromComponent.UP)(element,currentProps??{},story.template):element(story.template);return{...story,template,...currentProps\|\|story.props?{props:{...currentProps,...story.props}}:{}}}}}]);

package/docs/storybook/{6372.9f376681.iframe.bundle.js → 6372.f041a629.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[6372],{"./src/modal/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{WD:()=>AlertModal,dW:()=>BaseModal,aF:()=>Modal,QW:()=>ModalButtonType,$m:()=>ModalContent,qK:()=>ModalContentText,jl:()=>ModalFooter,rQ:()=>ModalHeader,hN:()=>ModalHeaderHeading,tB:()=>ModalHeaderLabel,Bg:()=>ModalService});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let BaseModal=class BaseModal{constructor(){this.close=new core.EventEmitter,this.open=!1}closeModal(){this.close.emit()}static{this.propDecorators={close:[{type:core.Output}],open:[{type:core.Input}]}}};BaseModal=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsBaseModal], [ibmBaseModal]",standalone:!0})],BaseModal);var BaseModalService_1,dom_tokens_rA0ACyx7=__webpack_require__("./node_modules/@angular/common/fesm2022/dom_tokens-rA0ACyx7.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),tab_service=__webpack_require__("./src/common/tab.service.ts"),placeholder=__webpack_require__("./src/placeholder/index.ts"),tap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/tap.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js");let BaseModalService=class BaseModalService{static{BaseModalService_1=this}static{this.modalList=[]}constructor(placeholderService){this.placeholderService=placeholderService,this.environment=(0,core.inject)(core.EnvironmentInjector)}create(data){data=Object.assign({},{inputs:{}},data);const inputProviders=Object.keys(data.inputs).map((inputName=>({provide:inputName,useValue:data.inputs[inputName]}))),injector=core.Injector.create({providers:inputProviders}),component=this.placeholderService.createComponent(data.component,injector,void 0,this.environment);let focusedElement=document.activeElement;return setTimeout((()=>{component.instance.open=!0})),component.previouslyFocusedElement=focusedElement,component.instance.close.pipe((0,tap.M)((()=>{component.instance.open=!1})),(0,delay.c)(240)).subscribe((()=>{this.placeholderService.destroyComponent(component),BaseModalService_1.modalList=BaseModalService_1.modalList.filter((c=>c!==component))})),component.onDestroy((()=>{focusedElement.focus()})),BaseModalService_1.modalList.push(component),component}destroy(index=-1){index>=BaseModalService_1.modalList.length\|\|0===BaseModalService_1.modalList.length\|\|(index<0&&(index=BaseModalService_1.modalList.length-1),setTimeout((()=>{BaseModalService_1.modalList[index]&&(this.placeholderService.destroyComponent(BaseModalService_1.modalList[index]),BaseModalService_1.modalList.splice(index,1))}),240))}static{this.ctorParameters=()=>[{type:placeholder.F2}]}};BaseModalService=BaseModalService_1=(0,tslib_es6.Cg)([(0,core.Injectable)()],BaseModalService);let Overlay=class Overlay{constructor(){this.theme="default",this.open=!1,this.hasModalDecorator=!1,this.overlaySelect=new core.EventEmitter}overlayClick(event){event.target===this.overlay.nativeElement&&(event.stopPropagation(),this.overlaySelect.emit(event))}static{this.propDecorators={theme:[{type:core.Input}],open:[{type:core.Input}],hasModalDecorator:[{type:core.Input}],overlaySelect:[{type:core.Output}],overlay:[{type:core.ViewChild,args:["overlay",{static:!0}]}]}}};Overlay=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-overlay, ibm-overlay",template:"\n\t\t<section\n\t\t\tclass=\"cds--modal cds--modal-tall\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--modal--danger': theme === 'danger',\n\t\t\t\t'is-visible': open,\n\t\t\t\t'cds--modal--decorator': hasModalDecorator\n\t\t\t}\"\n\t\t\t(click)=\"overlayClick($event)\"\n\t\t\t#overlay>\n\t\t\t<ng-content />\n\t\t</section>\n\t",imports:[common_module_Dx7dWex5.YU]})],Overlay);let Modal=class Modal{constructor(modalService,document,renderer){this.modalService=modalService,this.document=document,this.renderer=renderer,this.size="md",this.theme="default",this.ariaLabel="default",this.isFullWidth=!1,this.open=!1,this.hasScrollingContent=null,this.overlaySelected=new core.EventEmitter,this.close=new core.EventEmitter,this.selectorPrimaryFocus="[modal-primary-focus]"}ngOnChanges({open,hasScrollingContent}){open&&(open.currentValue?(setTimeout((()=>this.focusInitialElement()),100),this.renderer.addClass(this.document.body,"cds--body--with-modal-open")):open.currentValue?this.trigger&&this.trigger.focus():this.renderer.removeClass(this.document.body,"cds--body--with-modal-open")),hasScrollingContent&&this.updateScrollbar()}ngAfterViewInit(){this.focusInitialElement(),this.updateScrollbar()}handleKeyboardEvent(event){switch(event.key){case"Escape":event.stopImmediatePropagation(),this.open=!1,this.close.emit(),this.modalService.destroy();break;case"Tab":(0,tab_service.HJ)(event,this.modal.nativeElement)}}get shouldShowScrollbar(){const modalContent=this.modal?this.modal.nativeElement.querySelector(".cds--modal-content"):null;if(modalContent){const modalContentHeight=Math.ceil(modalContent.getBoundingClientRect().height);return modalContent.scrollHeight>modalContentHeight}return!1}ngOnDestroy(){this.renderer.removeClass(this.document.body,"cds--body--with-modal-open")}focusInitialElement(){const primaryFocusElement=this.modal.nativeElement.querySelector(this.selectorPrimaryFocus);primaryFocusElement&&primaryFocusElement.focus?setTimeout((()=>primaryFocusElement.focus())):(0,tab_service.T6)(this.modal.nativeElement).length>0?setTimeout((()=>(0,tab_service.T6)(this.modal.nativeElement)[0].focus())):setTimeout((()=>this.modal.nativeElement.focus()))}updateScrollbar(){const modalContent=this.modal?this.modal.nativeElement.querySelector(".cds--modal-content"):null,showScrollbar=null!==this.hasScrollingContent?this.hasScrollingContent:this.shouldShowScrollbar;modalContent&&(showScrollbar?this.renderer.addClass(modalContent,"cds--modal-scroll-content"):this.renderer.removeClass(modalContent,"cds--modal-scroll-content"))}static{this.ctorParameters=()=>[{type:BaseModalService},{type:Document,decorators:[{type:core.Inject,args:[dom_tokens_rA0ACyx7.q]}]},{type:core.Renderer2}]}static{this.propDecorators={size:[{type:core.Input}],theme:[{type:core.Input}],ariaLabel:[{type:core.Input}],isFullWidth:[{type:core.Input}],open:[{type:core.Input}],trigger:[{type:core.Input}],hasScrollingContent:[{type:core.Input}],decorator:[{type:core.Input}],overlaySelected:[{type:core.Output}],close:[{type:core.Output}],modal:[{type:core.ViewChild,args:["modal",{static:!0}]}],selectorPrimaryFocus:[{type:core.Input}],handleKeyboardEvent:[{type:core.HostListener,args:["keydown",["$event"]]}]}}};Modal=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-modal, ibm-modal",template:'\n\t\t<cds-overlay\n\t\t\t[theme]="theme"\n\t\t\t[open]="open"\n\t\t\t[hasModalDecorator]="!!decorator"\n\t\t\t(overlaySelect)="overlaySelected.emit()">\n\t\t\t<div\n\t\t\t\tclass="cds--modal-container"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--modal-container--xs\': size === \'xs\',\n\t\t\t\t\t\'cds--modal-container--sm\': size === \'sm\',\n\t\t\t\t\t\'cds--modal-container--md\': size === \'md\',\n\t\t\t\t\t\'cds--modal-container--lg\': size === \'lg\',\n\t\t\t\t\t\'cds--modal-container--full-width\': isFullWidth\n\t\t\t\t}"\n\t\t\t\trole="dialog"\n\t\t\t\taria-modal="true"\n\t\t\t\tstyle="z-index:1;"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t#modal>\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t</cds-overlay>\n\t',providers:[placeholder.F2,BaseModalService],imports:[Overlay,common_module_Dx7dWex5.YU]})],Modal);var i18n=__webpack_require__("./src/i18n/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),icon=__webpack_require__("./src/icon/index.ts");let ModalHeader=class ModalHeader{constructor(i18n){this.i18n=i18n,this.theme="default",this.closeLabel=this.i18n.get().MODAL.CLOSE,this.showCloseButton=!0,this.closeSelect=new core.EventEmitter,this.buttonNgClass={"cds--modal-close":!0},this.buttonAttributes={"aria-label":this.i18n.get().MODAL.CLOSE}}onClose(){this.closeSelect.emit()}static{this.ctorParameters=()=>[{type:i18n.F2}]}static{this.propDecorators={theme:[{type:core.Input}],closeLabel:[{type:core.Input}],showCloseButton:[{type:core.Input}],decorator:[{type:core.Input}],closeSelect:[{type:core.Output}]}}};ModalHeader=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-modal-header, ibm-modal-header",template:'\n\t\t<header class="cds--modal-header {{theme}}">\n\t\t\t<ng-content></ng-content>\n\t\t\t@if (decorator) {\n\t\t\t\t<div class="cds--modal--inner__decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class="cds--modal-close-button">\n\t\t\t\t@if (showCloseButton) {\n\t\t\t\t\t<cds-icon-button\n\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\t[buttonNgClass]="buttonNgClass"\n\t\t\t\t\t\t[buttonAttributes]="buttonAttributes"\n\t\t\t\t\t\talign="left"\n\t\t\t\t\t\t[description]="closeLabel"\n\t\t\t\t\t\t(click)="onClose()">\n\t\t\t\t\t\t<svg cdsIcon="close" size="20" class="cds--modal-close__icon"></svg>\n\t\t\t\t\t</cds-icon-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</header>\n\t',imports:[common_module_Dx7dWex5.T3,src_button.K0,icon.LJ]})],ModalHeader);let ModalHeaderLabel=class ModalHeaderLabel{constructor(){this.modalHeaderLabelClass=!0}static{this.propDecorators={modalHeaderLabelClass:[{type:core.HostBinding,args:["class.cds--modal-header__label"]}]}}};ModalHeaderLabel=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsModalHeaderLabel], [ibmModalHeaderLabel]",standalone:!0})],ModalHeaderLabel);let ModalHeaderHeading=class ModalHeaderHeading{constructor(){this.modalHeaderHeadingClass=!0}static{this.propDecorators={modalHeaderHeadingClass:[{type:core.HostBinding,args:["class.cds--modal-header__heading"]}]}}};ModalHeaderHeading=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsModalHeaderHeading], [ibmModalHeaderHeading]",standalone:!0})],ModalHeaderHeading);let ModalContent=class ModalContent{constructor(){this.modalContentClass=!0,this.hasForm=!1}static{this.propDecorators={modalContentClass:[{type:core.HostBinding,args:["class.cds--modal-content"]}],hasForm:[{type:core.HostBinding,args:["class.cds--modal-content--with-form"]},{type:core.Input}]}}};ModalContent=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsModalContent], [ibmModalContent]",standalone:!0})],ModalContent);let ModalFooter=class ModalFooter{};ModalFooter=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-modal-footer, ibm-modal-footer",template:'\n\t\t<footer class="cds--modal-footer">\n\t\t\t<ng-content />\n\t\t</footer>\n\t',standalone:!0})],ModalFooter);let AlertModal=class AlertModal extends BaseModal{constructor(type="default",label,title,content,size,hasScrollingContent=null,buttons=[],onClose,showCloseButton=!0){super(),this.type=type,this.label=label,this.title=title,this.content=content,this.size=size,this.hasScrollingContent=hasScrollingContent,this.buttons=buttons,this.onClose=onClose,this.showCloseButton=showCloseButton;for(let i=0;i<this.buttons.length;i++){const button=this.buttons[i];button.id\|\|(button.id=`alert-modal-button-${i}`),button.type\|\|(button.type="secondary")}}ngAfterViewInit(){if(!this.modalContent)return!1;const element=this.modalContent.nativeElement;element.scrollHeight>element.clientHeight?element.tabIndex=0:element.tabIndex=-1}buttonClicked(buttonIndex){const button=this.buttons[buttonIndex];button.click&&button.click(),this.closeModal()}dismissModal(trigger){this.onClose&&!1===this.onClose(trigger)\|\|this.closeModal()}static{this.ctorParameters=()=>[{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:["type"]}]},{type:String,decorators:[{type:core.Optional},{type:core.Inject,args:["label"]}]},{type:String,decorators:[{type:core.Optional},{type:core.Inject,args:["title"]}]},{type:String,decorators:[{type:core.Optional},{type:core.Inject,args:["content"]}]},{type:String,decorators:[{type:core.Optional},{type:core.Inject,args:["size"]}]},{type:Boolean,decorators:[{type:core.Optional},{type:core.Inject,args:["hasScrollingContent"]}]},{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:["buttons"]}]},{type:Function,decorators:[{type:core.Optional},{type:core.Inject,args:["close"]}]},{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:["showCloseButton"]}]}]}static{this.propDecorators={modalContent:[{type:core.ViewChild,args:["modalContent",{static:!0}]}]}}};var AlertModalType,ModalButtonType;AlertModal=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-alert-modal, ibm-alert-modal",template:'\n\t\t<cds-modal\n\t\t\t[size]="size"\n\t\t\t[theme]="type"\n\t\t\t[ariaLabel]="title"\n\t\t\t[hasScrollingContent]="hasScrollingContent"\n\t\t\t[open]="open"\n\t\t\t(overlaySelected)="dismissModal(\'overlay\')">\n\t\t\t<cds-modal-header (closeSelect)="dismissModal(\'close\')" [showCloseButton]="showCloseButton">\n\t\t\t\t<p cdsModalHeaderLabel class="cds--type-delta">{{label}}</p>\n\t\t\t\t<p cdsModalHeaderHeading class="cds--type-beta">{{title}}</p>\n\t\t\t</cds-modal-header>\n\t\t\t<div cdsModalContent #modalContent>\n\t\t\t\t<p [innerHTML]="content"></p>\n\t\t\t</div>\n\t\t\t@if (buttons.length > 0) {\n\t\t\t\t<cds-modal-footer>\n\t\t\t\t\t@for (button of buttons; track button.id; let i = $index) {\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t[cdsButton]="button.type"\n\t\t\t\t\t\t\t(click)="buttonClicked(i)"\n\t\t\t\t\t\t\t[id]="button.id"\n\t\t\t\t\t\t\t[attr.modal-primary-focus]="(button.type.indexOf(\'primary\') !== -1 ? \'\' : null)">\n\t\t\t\t\t\t\t{{button.text}}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t}\n\t\t\t\t</cds-modal-footer>\n\t\t\t}\n\t\t</cds-modal>\n\t',providers:[BaseModalService],imports:[Modal,ModalHeader,ModalHeaderLabel,ModalHeaderHeading,ModalContent,ModalFooter,src_button.$n]})],AlertModal),function(AlertModalType){AlertModalType.default="default",AlertModalType.danger="danger"}(AlertModalType\|\|(AlertModalType={})),function(ModalButtonType){ModalButtonType.primary="primary",ModalButtonType.secondary="secondary",ModalButtonType.tertiary="tertiary",ModalButtonType.ghost="ghost",ModalButtonType.danger="danger",ModalButtonType.danger_primary="danger--primary"}(ModalButtonType\|\|(ModalButtonType={}));let ModalService=class ModalService extends BaseModalService{constructor(placeholderService){super(placeholderService),this.placeholderService=placeholderService}show(data){return this.create({component:AlertModal,inputs:{type:data.type,label:data.label,title:data.title,content:data.content,hasScrollingContent:void 0!==data.hasScrollingContent?data.hasScrollingContent:null,size:data.size,buttons:data.buttons\|\|[],close:data.close\|\|(()=>{}),showCloseButton:data.showCloseButton}})}static{this.ctorParameters=()=>[{type:placeholder.F2}]}};ModalService=(0,tslib_es6.Cg)([(0,core.Injectable)()],ModalService);var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),src_checkbox=__webpack_require__("./src/checkbox/index.ts"),toggle=__webpack_require__("./src/toggle/index.ts"),src_radio=__webpack_require__("./src/radio/index.ts"),input=__webpack_require__("./src/input/index.ts");let NFormsModule=class NFormsModule{};NFormsModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[src_checkbox.q4,toggle.d_,src_radio.s7,input.x1,src_button.tm,input.x1],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,src_checkbox.q4,toggle.d_,src_radio.s7,input.x1,src_button.tm]})],NFormsModule);var experimental=__webpack_require__("./src/experimental/index.ts");let ModalContentText=class ModalContentText{constructor(){this.modalContentTextClass=!0}static{this.propDecorators={modalContentTextClass:[{type:core.HostBinding,args:["class.cds--modal-content__text"]}]}}};ModalContentText=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsModalContentText], [ibmModalContentText]",standalone:!0})],ModalContentText);let ModalModule=class ModalModule{};ModalModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[AlertModal,Modal,ModalHeader,ModalFooter,ModalContent,ModalContentText,ModalHeaderHeading,ModalHeaderLabel,BaseModal],providers:[BaseModalService,ModalService],imports:[common_module_Dx7dWex5.MD,src_button.tm,i18n.LP,placeholder.UU,experimental.bq,icon.op,AlertModal,Modal,ModalHeader,ModalFooter,Overlay,ModalContent,ModalContentText,ModalHeaderHeading,ModalHeaderLabel,BaseModal]})],ModalModule)},"./src/toggle/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{lM:()=>Toggle,d_:()=>ToggleModule});var Toggle_1,ToggleState,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),src_checkbox=__webpack_require__("./src/checkbox/index.ts"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),i18n=__webpack_require__("./src/i18n/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");!function(ToggleState){ToggleState[ToggleState.Init=0]="Init",ToggleState[ToggleState.Checked=1]="Checked",ToggleState[ToggleState.Unchecked=2]="Unchecked"}(ToggleState\|\|(ToggleState={}));let Toggle=class Toggle extends src_checkbox.Sc{static{Toggle_1=this}static{this.toggleCount=0}set offText(value){this._offValues.override(value)}get offText(){return this._offValues.value}set onText(value){this._onValues.override(value)}get onText(){return this._onValues.value}get disabledClass(){return this.disabled}get formItem(){return!this.skeleton}constructor(changeDetectorRef,hostGroup,i18n){super(changeDetectorRef,hostGroup),this.changeDetectorRef=changeDetectorRef,this.i18n=i18n,this.size="md",this.hideLabel=!1,this.skeleton=!1,this.toggleClass=!0,this.id="toggle-"+Toggle_1.toggleCount,this._offValues=this.i18n.getOverridable("TOGGLE.OFF"),this._onValues=this.i18n.getOverridable("TOGGLE.ON"),Toggle_1.toggleCount++}setDisabledState(isDisabled){this.disabled=isDisabled}getOffText(){return this._offValues.subject}getOnText(){return this._onValues.subject}getCheckedText(){return this.checked?this._onValues.subject:this._offValues.subject}emitChangeEvent(){this.checkedChange.emit(this.checked),this.propagateChange(this.checked)}isTemplate(value){return value instanceof core.TemplateRef}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef},{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:[src_checkbox.Bv]}]},{type:i18n.F2}]}static{this.propDecorators={offText:[{type:core.Input}],onText:[{type:core.Input}],label:[{type:core.Input}],size:[{type:core.Input}],hideLabel:[{type:core.Input}],ariaLabel:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--toggle--skeleton"]},{type:core.Input}],toggleClass:[{type:core.HostBinding,args:["class.cds--toggle"]}],disabledClass:[{type:core.HostBinding,args:["class.cds--toggle--disabled"]}],formItem:[{type:core.HostBinding,args:["class.cds--form-item"]}]}}};Toggle=Toggle_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-toggle, ibm-toggle",template:'\n\t\t@if (skeleton) {\n\t\t\t<div class="cds--toggle__skeleton-circle"></div>\n\t\t\t<div class="cds--toggle__skeleton-rectangle"></div>\n\t\t} @else {\n\t\t\t<button\n\t\t\t\tclass="cds--toggle__button"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[id]="id"\n\t\t\t\trole="switch"\n\t\t\t\ttype="button"\n\t\t\t\t[attr.aria-checked]="checked"\n\t\t\t\t(click)="onClick($event)"\n\t\t\t\t[attr.aria-label]="ariaLabel">\n\t\t\t</button>\n\t\t\t<label\n\t\t\t\tclass="cds--toggle__label"\n\t\t\t\t[for]="id">\n\t\t\t\t<span\n\t\t\t\t\tclass="cds--toggle__label-text"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t}">\n\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{label}}\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--toggle__appearance"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--toggle__appearance--sm\': size === \'sm\'\n\t\t\t\t\t}">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="cds--toggle__switch"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--toggle__switch--checked\': checked\n\t\t\t\t\t\t}">\n\t\t\t\t\t\t@if (size === \'sm\') {\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclass=\'cds--toggle__check\'\n\t\t\t\t\t\t\t\twidth="6px"\n\t\t\t\t\t\t\t\theight="5px"\n\t\t\t\t\t\t\t\tviewBox="0 0 6 5">\n\t\t\t\t\t\t\t\t<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<span class="cds--toggle__text">\n\t\t\t\t\t\t{{(hideLabel ? label : (getCheckedText() \| async))}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t}\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:Toggle,multi:!0}],imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,common_module_Dx7dWex5.Jj]})],Toggle);let ToggleModule=class ToggleModule{};ToggleModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Toggle],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,i18n.LP,Toggle]})],ToggleModule)}}]);
1	+ "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[6372],{"./src/modal/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{WD:()=>AlertModal,dW:()=>BaseModal,aF:()=>Modal,QW:()=>ModalButtonType,$m:()=>ModalContent,qK:()=>ModalContentText,jl:()=>ModalFooter,rQ:()=>ModalHeader,hN:()=>ModalHeaderHeading,tB:()=>ModalHeaderLabel,Bg:()=>ModalService});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let BaseModal=class BaseModal{constructor(){this.close=new core.EventEmitter,this.open=!1}closeModal(){this.close.emit()}static{this.propDecorators={close:[{type:core.Output}],open:[{type:core.Input}]}}};BaseModal=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsBaseModal], [ibmBaseModal]",standalone:!0})],BaseModal);var BaseModalService_1,dom_tokens_rA0ACyx7=__webpack_require__("./node_modules/@angular/common/fesm2022/dom_tokens-rA0ACyx7.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),tab_service=__webpack_require__("./src/common/tab.service.ts"),placeholder=__webpack_require__("./src/placeholder/index.ts"),tap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/tap.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js");let BaseModalService=class BaseModalService{static{BaseModalService_1=this}static{this.modalList=[]}constructor(placeholderService){this.placeholderService=placeholderService,this.environment=(0,core.inject)(core.EnvironmentInjector)}create(data){data=Object.assign({},{inputs:{}},data);const inputProviders=Object.keys(data.inputs).map((inputName=>({provide:inputName,useValue:data.inputs[inputName]}))),injector=core.Injector.create({providers:inputProviders}),component=this.placeholderService.createComponent(data.component,injector,void 0,this.environment);let focusedElement=document.activeElement;return setTimeout((()=>{component.instance.open=!0})),component.previouslyFocusedElement=focusedElement,component.instance.close.pipe((0,tap.M)((()=>{component.instance.open=!1})),(0,delay.c)(240)).subscribe((()=>{this.placeholderService.destroyComponent(component),BaseModalService_1.modalList=BaseModalService_1.modalList.filter((c=>c!==component))})),component.onDestroy((()=>{focusedElement.focus()})),BaseModalService_1.modalList.push(component),component}destroy(index=-1){index>=BaseModalService_1.modalList.length\|\|0===BaseModalService_1.modalList.length\|\|(index<0&&(index=BaseModalService_1.modalList.length-1),setTimeout((()=>{BaseModalService_1.modalList[index]&&(this.placeholderService.destroyComponent(BaseModalService_1.modalList[index]),BaseModalService_1.modalList.splice(index,1))}),240))}static{this.ctorParameters=()=>[{type:placeholder.F2}]}};BaseModalService=BaseModalService_1=(0,tslib_es6.Cg)([(0,core.Injectable)()],BaseModalService);let Overlay=class Overlay{constructor(){this.theme="default",this.open=!1,this.hasModalDecorator=!1,this.overlaySelect=new core.EventEmitter}overlayClick(event){event.target===this.overlay.nativeElement&&(event.stopPropagation(),this.overlaySelect.emit(event))}static{this.propDecorators={theme:[{type:core.Input}],open:[{type:core.Input}],hasModalDecorator:[{type:core.Input}],overlaySelect:[{type:core.Output}],overlay:[{type:core.ViewChild,args:["overlay",{static:!0}]}]}}};Overlay=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-overlay, ibm-overlay",template:"\n\t\t<section\n\t\t\tclass=\"cds--modal cds--modal-tall\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--modal--danger': theme === 'danger',\n\t\t\t\t'is-visible': open,\n\t\t\t\t'cds--modal--decorator': hasModalDecorator\n\t\t\t}\"\n\t\t\t(click)=\"overlayClick($event)\"\n\t\t\t#overlay>\n\t\t\t<ng-content />\n\t\t</section>\n\t",imports:[common_module_Dx7dWex5.YU]})],Overlay);let Modal=class Modal{constructor(modalService,document,renderer){this.modalService=modalService,this.document=document,this.renderer=renderer,this.size="md",this.theme="default",this.ariaLabel="default",this.isFullWidth=!1,this.open=!1,this.hasScrollingContent=null,this.overlaySelected=new core.EventEmitter,this.close=new core.EventEmitter,this.selectorPrimaryFocus="[modal-primary-focus]"}ngOnChanges({open,hasScrollingContent}){open&&(open.currentValue?(setTimeout((()=>this.focusInitialElement()),100),this.renderer.addClass(this.document.body,"cds--body--with-modal-open")):open.currentValue?this.trigger&&this.trigger.focus():this.renderer.removeClass(this.document.body,"cds--body--with-modal-open")),hasScrollingContent&&this.updateScrollbar()}ngAfterViewInit(){this.focusInitialElement(),this.updateScrollbar()}handleKeyboardEvent(event){switch(event.key){case"Escape":event.stopImmediatePropagation(),this.open=!1,this.close.emit(),this.modalService.destroy();break;case"Tab":(0,tab_service.HJ)(event,this.modal.nativeElement)}}get shouldShowScrollbar(){const modalContent=this.modal?this.modal.nativeElement.querySelector(".cds--modal-content"):null;if(modalContent){const modalContentHeight=Math.ceil(modalContent.getBoundingClientRect().height);return modalContent.scrollHeight>modalContentHeight}return!1}ngOnDestroy(){this.renderer.removeClass(this.document.body,"cds--body--with-modal-open")}focusInitialElement(){const primaryFocusElement=this.modal.nativeElement.querySelector(this.selectorPrimaryFocus);primaryFocusElement&&primaryFocusElement.focus?setTimeout((()=>primaryFocusElement.focus())):(0,tab_service.T6)(this.modal.nativeElement).length>0?setTimeout((()=>(0,tab_service.T6)(this.modal.nativeElement)[0].focus())):setTimeout((()=>this.modal.nativeElement.focus()))}updateScrollbar(){const modalContent=this.modal?this.modal.nativeElement.querySelector(".cds--modal-content"):null,showScrollbar=null!==this.hasScrollingContent?this.hasScrollingContent:this.shouldShowScrollbar;modalContent&&(showScrollbar?this.renderer.addClass(modalContent,"cds--modal-scroll-content"):this.renderer.removeClass(modalContent,"cds--modal-scroll-content"))}static{this.ctorParameters=()=>[{type:BaseModalService},{type:Document,decorators:[{type:core.Inject,args:[dom_tokens_rA0ACyx7.q]}]},{type:core.Renderer2}]}static{this.propDecorators={size:[{type:core.Input}],theme:[{type:core.Input}],ariaLabel:[{type:core.Input}],isFullWidth:[{type:core.Input}],open:[{type:core.Input}],trigger:[{type:core.Input}],hasScrollingContent:[{type:core.Input}],decorator:[{type:core.Input}],overlaySelected:[{type:core.Output}],close:[{type:core.Output}],modal:[{type:core.ViewChild,args:["modal",{static:!0}]}],selectorPrimaryFocus:[{type:core.Input}],handleKeyboardEvent:[{type:core.HostListener,args:["keydown",["$event"]]}]}}};Modal=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-modal, ibm-modal",template:'\n\t\t<cds-overlay\n\t\t\t[theme]="theme"\n\t\t\t[open]="open"\n\t\t\t[hasModalDecorator]="!!decorator"\n\t\t\t(overlaySelect)="overlaySelected.emit()">\n\t\t\t<div\n\t\t\t\tclass="cds--modal-container"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--modal-container--xs\': size === \'xs\',\n\t\t\t\t\t\'cds--modal-container--sm\': size === \'sm\',\n\t\t\t\t\t\'cds--modal-container--md\': size === \'md\',\n\t\t\t\t\t\'cds--modal-container--lg\': size === \'lg\',\n\t\t\t\t\t\'cds--modal-container--full-width\': isFullWidth\n\t\t\t\t}"\n\t\t\t\trole="dialog"\n\t\t\t\taria-modal="true"\n\t\t\t\tstyle="z-index:1;"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t#modal>\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t</cds-overlay>\n\t',providers:[placeholder.F2,BaseModalService],imports:[Overlay,common_module_Dx7dWex5.YU]})],Modal);var i18n=__webpack_require__("./src/i18n/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),icon=__webpack_require__("./src/icon/index.ts");let ModalHeader=class ModalHeader{constructor(i18n){this.i18n=i18n,this.theme="default",this.closeLabel=this.i18n.get().MODAL.CLOSE,this.showCloseButton=!0,this.closeSelect=new core.EventEmitter,this.buttonNgClass={"cds--modal-close":!0},this.buttonAttributes={"aria-label":this.i18n.get().MODAL.CLOSE}}onClose(){this.closeSelect.emit()}static{this.ctorParameters=()=>[{type:i18n.F2}]}static{this.propDecorators={theme:[{type:core.Input}],closeLabel:[{type:core.Input}],showCloseButton:[{type:core.Input}],decorator:[{type:core.Input}],closeSelect:[{type:core.Output}]}}};ModalHeader=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-modal-header, ibm-modal-header",template:'\n\t\t<header class="cds--modal-header {{theme}}">\n\t\t\t<ng-content></ng-content>\n\t\t\t@if (decorator) {\n\t\t\t\t<div class="cds--modal--inner__decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class="cds--modal-close-button">\n\t\t\t\t@if (showCloseButton) {\n\t\t\t\t\t<cds-icon-button\n\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\t[buttonNgClass]="buttonNgClass"\n\t\t\t\t\t\t[buttonAttributes]="buttonAttributes"\n\t\t\t\t\t\talign="left"\n\t\t\t\t\t\t[description]="closeLabel"\n\t\t\t\t\t\t(click)="onClose()">\n\t\t\t\t\t\t<svg cdsIcon="close" size="20" class="cds--modal-close__icon"></svg>\n\t\t\t\t\t</cds-icon-button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</header>\n\t',imports:[common_module_Dx7dWex5.T3,src_button.K0,icon.LJ]})],ModalHeader);let ModalHeaderLabel=class ModalHeaderLabel{constructor(){this.modalHeaderLabelClass=!0}static{this.propDecorators={modalHeaderLabelClass:[{type:core.HostBinding,args:["class.cds--modal-header__label"]}]}}};ModalHeaderLabel=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsModalHeaderLabel], [ibmModalHeaderLabel]",standalone:!0})],ModalHeaderLabel);let ModalHeaderHeading=class ModalHeaderHeading{constructor(){this.modalHeaderHeadingClass=!0}static{this.propDecorators={modalHeaderHeadingClass:[{type:core.HostBinding,args:["class.cds--modal-header__heading"]}]}}};ModalHeaderHeading=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsModalHeaderHeading], [ibmModalHeaderHeading]",standalone:!0})],ModalHeaderHeading);let ModalContent=class ModalContent{constructor(){this.modalContentClass=!0,this.hasForm=!1}static{this.propDecorators={modalContentClass:[{type:core.HostBinding,args:["class.cds--modal-content"]}],hasForm:[{type:core.HostBinding,args:["class.cds--modal-content--with-form"]},{type:core.Input}]}}};ModalContent=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsModalContent], [ibmModalContent]",standalone:!0})],ModalContent);let ModalFooter=class ModalFooter{};ModalFooter=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-modal-footer, ibm-modal-footer",template:'\n\t\t<footer class="cds--modal-footer">\n\t\t\t<ng-content />\n\t\t</footer>\n\t',standalone:!0})],ModalFooter);let AlertModal=class AlertModal extends BaseModal{constructor(type="default",label,title,content,size,hasScrollingContent=null,buttons=[],onClose,showCloseButton=!0){super(),this.type=type,this.label=label,this.title=title,this.content=content,this.size=size,this.hasScrollingContent=hasScrollingContent,this.buttons=buttons,this.onClose=onClose,this.showCloseButton=showCloseButton;for(let i=0;i<this.buttons.length;i++){const button=this.buttons[i];button.id\|\|(button.id=`alert-modal-button-${i}`),button.type\|\|(button.type="secondary")}}ngAfterViewInit(){if(!this.modalContent)return!1;const element=this.modalContent.nativeElement;element.scrollHeight>element.clientHeight?element.tabIndex=0:element.tabIndex=-1}buttonClicked(buttonIndex){const button=this.buttons[buttonIndex];button.click&&button.click(),this.closeModal()}dismissModal(trigger){this.onClose&&!1===this.onClose(trigger)\|\|this.closeModal()}static{this.ctorParameters=()=>[{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:["type"]}]},{type:String,decorators:[{type:core.Optional},{type:core.Inject,args:["label"]}]},{type:String,decorators:[{type:core.Optional},{type:core.Inject,args:["title"]}]},{type:String,decorators:[{type:core.Optional},{type:core.Inject,args:["content"]}]},{type:String,decorators:[{type:core.Optional},{type:core.Inject,args:["size"]}]},{type:Boolean,decorators:[{type:core.Optional},{type:core.Inject,args:["hasScrollingContent"]}]},{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:["buttons"]}]},{type:Function,decorators:[{type:core.Optional},{type:core.Inject,args:["close"]}]},{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:["showCloseButton"]}]}]}static{this.propDecorators={modalContent:[{type:core.ViewChild,args:["modalContent",{static:!0}]}]}}};var AlertModalType,ModalButtonType;AlertModal=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-alert-modal, ibm-alert-modal",template:'\n\t\t<cds-modal\n\t\t\t[size]="size"\n\t\t\t[theme]="type"\n\t\t\t[ariaLabel]="title"\n\t\t\t[hasScrollingContent]="hasScrollingContent"\n\t\t\t[open]="open"\n\t\t\t(overlaySelected)="dismissModal(\'overlay\')">\n\t\t\t<cds-modal-header (closeSelect)="dismissModal(\'close\')" [showCloseButton]="showCloseButton">\n\t\t\t\t<p cdsModalHeaderLabel class="cds--type-delta">{{label}}</p>\n\t\t\t\t<p cdsModalHeaderHeading class="cds--type-beta">{{title}}</p>\n\t\t\t</cds-modal-header>\n\t\t\t<div cdsModalContent #modalContent>\n\t\t\t\t<p [innerHTML]="content"></p>\n\t\t\t</div>\n\t\t\t@if (buttons.length > 0) {\n\t\t\t\t<cds-modal-footer>\n\t\t\t\t\t@for (button of buttons; track button.id; let i = $index) {\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t[cdsButton]="button.type"\n\t\t\t\t\t\t\t(click)="buttonClicked(i)"\n\t\t\t\t\t\t\t[id]="button.id"\n\t\t\t\t\t\t\t[attr.modal-primary-focus]="(button.type.indexOf(\'primary\') !== -1 ? \'\' : null)">\n\t\t\t\t\t\t\t{{button.text}}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t}\n\t\t\t\t</cds-modal-footer>\n\t\t\t}\n\t\t</cds-modal>\n\t',providers:[BaseModalService],imports:[Modal,ModalHeader,ModalHeaderLabel,ModalHeaderHeading,ModalContent,ModalFooter,src_button.$n]})],AlertModal),function(AlertModalType){AlertModalType.default="default",AlertModalType.danger="danger"}(AlertModalType\|\|(AlertModalType={})),function(ModalButtonType){ModalButtonType.primary="primary",ModalButtonType.secondary="secondary",ModalButtonType.tertiary="tertiary",ModalButtonType.ghost="ghost",ModalButtonType.danger="danger",ModalButtonType.danger_primary="danger--primary"}(ModalButtonType\|\|(ModalButtonType={}));let ModalService=class ModalService extends BaseModalService{constructor(placeholderService){super(placeholderService),this.placeholderService=placeholderService}show(data){return this.create({component:AlertModal,inputs:{type:data.type,label:data.label,title:data.title,content:data.content,hasScrollingContent:void 0!==data.hasScrollingContent?data.hasScrollingContent:null,size:data.size,buttons:data.buttons\|\|[],close:data.close\|\|(()=>{}),showCloseButton:data.showCloseButton}})}static{this.ctorParameters=()=>[{type:placeholder.F2}]}};ModalService=(0,tslib_es6.Cg)([(0,core.Injectable)()],ModalService);var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),src_checkbox=__webpack_require__("./src/checkbox/index.ts"),toggle=__webpack_require__("./src/toggle/index.ts"),src_radio=__webpack_require__("./src/radio/index.ts"),input=__webpack_require__("./src/input/index.ts");let NFormsModule=class NFormsModule{};NFormsModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[src_checkbox.q4,toggle.d,src_radio.s7,input.x1,src_button.tm,input.x1],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,src_checkbox.q4,toggle.d,src_radio.s7,input.x1,src_button.tm]})],NFormsModule);var experimental=__webpack_require__("./src/experimental/index.ts");let ModalContentText=class ModalContentText{constructor(){this.modalContentTextClass=!0}static{this.propDecorators={modalContentTextClass:[{type:core.HostBinding,args:["class.cds--modal-content__text"]}]}}};ModalContentText=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsModalContentText], [ibmModalContentText]",standalone:!0})],ModalContentText);let ModalModule=class ModalModule{};ModalModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[AlertModal,Modal,ModalHeader,ModalFooter,ModalContent,ModalContentText,ModalHeaderHeading,ModalHeaderLabel,BaseModal],providers:[BaseModalService,ModalService],imports:[common_module_Dx7dWex5.MD,src_button.tm,i18n.LP,placeholder.UU,experimental.bq,icon.op,AlertModal,Modal,ModalHeader,ModalFooter,Overlay,ModalContent,ModalContentText,ModalHeaderHeading,ModalHeaderLabel,BaseModal]})],ModalModule)},"./src/toggle/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>Toggle,d:()=>ToggleModule});var Toggle_1,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),i18n=__webpack_require__("./src/i18n/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let Toggle=class Toggle{static{Toggle_1=this}static{this.toggleCount=0}set checked(checked){this.setChecked(!!checked)}get checked(){return this._checked}set offText(value){this._offValues.override(value)}get offText(){return this._offValues.value}set onText(value){this._onValues.override(value)}get onText(){return this._onValues.value}get disabledClass(){return this.disabled}get formItem(){return!this.skeleton}constructor(changeDetectorRef,i18n){this.changeDetectorRef=changeDetectorRef,this.i18n=i18n,this.disabled=!1,this.checkedChange=new core.EventEmitter,this.size="md",this.hideLabel=!1,this.skeleton=!1,this.toggleClass=!0,this.id="toggle-"+Toggle_1.toggleCount,this._checked=!1,this._offValues=this.i18n.getOverridable("TOGGLE.OFF"),this._onValues=this.i18n.getOverridable("TOGGLE.ON"),this.onTouched=()=>{},this.propagateChange=()=>{},Toggle_1.toggleCount++}setDisabledState(isDisabled){this.disabled=isDisabled,this.changeDetectorRef.markForCheck()}getOffText(){return this._offValues.subject}getOnText(){return this._onValues.subject}getCheckedText(){return this.checked?this._onValues.subject:this._offValues.subject}emitChangeEvent(){this.checkedChange.emit(this.checked),this.propagateChange(this.checked)}isTemplate(value){return value instanceof core.TemplateRef}writeValue(value){this.setChecked(!!value)}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}onClick(event){event.stopPropagation(),this.disabled\|\|(this.setChecked(!this._checked),this.emitChangeEvent())}focusOut(){this.onTouched()}setChecked(checked){checked!==this._checked&&(this._checked=checked,this.changeDetectorRef.markForCheck())}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef},{type:i18n.F2}]}static{this.propDecorators={disabled:[{type:core.Input}],checked:[{type:core.Input}],checkedChange:[{type:core.Output}],offText:[{type:core.Input}],onText:[{type:core.Input}],label:[{type:core.Input}],size:[{type:core.Input}],hideLabel:[{type:core.Input}],ariaLabel:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--toggle--skeleton"]},{type:core.Input}],toggleClass:[{type:core.HostBinding,args:["class.cds--toggle"]}],disabledClass:[{type:core.HostBinding,args:["class.cds--toggle--disabled"]}],formItem:[{type:core.HostBinding,args:["class.cds--form-item"]}],focusOut:[{type:core.HostListener,args:["focusout"]}]}}};Toggle=Toggle_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-toggle, ibm-toggle",template:'\n\t\t@if (skeleton) {\n\t\t\t<div class="cds--toggle__skeleton-circle"></div>\n\t\t\t<div class="cds--toggle__skeleton-rectangle"></div>\n\t\t} @else {\n\t\t\t<button\n\t\t\t\tclass="cds--toggle__button"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[id]="id"\n\t\t\t\trole="switch"\n\t\t\t\ttype="button"\n\t\t\t\t[attr.aria-checked]="checked"\n\t\t\t\t(click)="onClick($event)"\n\t\t\t\t[attr.aria-label]="ariaLabel">\n\t\t\t</button>\n\t\t\t<label\n\t\t\t\tclass="cds--toggle__label"\n\t\t\t\t[for]="id">\n\t\t\t\t<span\n\t\t\t\t\tclass="cds--toggle__label-text"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t}">\n\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{label}}\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--toggle__appearance"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--toggle__appearance--sm\': size === \'sm\'\n\t\t\t\t\t}">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="cds--toggle__switch"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--toggle__switch--checked\': checked\n\t\t\t\t\t\t}">\n\t\t\t\t\t\t@if (size === \'sm\') {\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclass=\'cds--toggle__check\'\n\t\t\t\t\t\t\t\twidth="6px"\n\t\t\t\t\t\t\t\theight="5px"\n\t\t\t\t\t\t\t\tviewBox="0 0 6 5">\n\t\t\t\t\t\t\t\t<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<span class="cds--toggle__text">\n\t\t\t\t\t\t{{(hideLabel ? label : (getCheckedText() \| async))}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t}\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:Toggle,multi:!0}],imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,common_module_Dx7dWex5.Jj]})],Toggle);let ToggleModule=class ToggleModule{};ToggleModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Toggle],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,i18n.LP,Toggle]})],ToggleModule)}}]);

package/docs/storybook/{6878.5ee808b5.iframe.bundle.js → 6878.c010cd64.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[6878],{"./src/pagination/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{dK:()=>Pagination,cm:()=>PaginationModel,S1:()=>PaginationNav,Rk:()=>PaginationNavItem,ro:()=>PaginationOverflow});class PaginationModel{constructor(){this.currentPage=1,this.pageLength=10,this.totalDataLength=0}}var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),i18n=__webpack_require__("./src/i18n/index.ts"),experimental=__webpack_require__("./src/experimental/index.ts"),utils=__webpack_require__("./src/utils/index.ts");function range(stop,start=0,step=1){return Array(Math.ceil((stop-start)/step)).fill(0).map(((x,i)=>istep+start))}var Pagination_1,common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),icon=__webpack_require__("./src/icon/index.ts"),src_button=__webpack_require__("./src/button/index.ts");let Pagination=class Pagination{static{Pagination_1=this}static{this.paginationCounter=0}set disabled(value){this.backwardDisabled=value,this.forwardDisabled=value}set translations(value){const valueWithDefaults=(0,utils.h1)(this.i18n.getMultiple("PAGINATION"),value);this.itemsPerPageText.override(valueWithDefaults.ITEMS_PER_PAGE),this.optionsListText.override(valueWithDefaults.OPEN_LIST_OF_OPTIONS),this.backwardText.override(valueWithDefaults.BACKWARD),this.forwardText.override(valueWithDefaults.FORWARD),this.totalItemsText.override(valueWithDefaults.TOTAL_ITEMS),this.totalItemText.override(valueWithDefaults.TOTAL_ITEM),this.totalItemsUnknownText.override(valueWithDefaults.TOTAL_ITEMS_UNKNOWN),this.pageText.override(valueWithDefaults.PAGE),this.ofLastPagesText.override(valueWithDefaults.OF_LAST_PAGES),this.ofLastPageText.override(valueWithDefaults.OF_LAST_PAGE)}get itemsPerPage(){return this.model.pageLength}set itemsPerPage(value){this.model.pageLength=Number(value),this.currentPage=1}get currentPage(){return this.model.currentPage}set currentPage(value){value=Number(value),this.selectPage.emit(value)}get totalDataLength(){return this.model.totalDataLength}get lastPage(){const last=Math.ceil(this.totalDataLength/this.itemsPerPage);return last>0?last:1}get startItemIndex(){return this.endItemIndex>0?(this.currentPage-1)this.itemsPerPage+1:0}get endItemIndex(){const projectedEndItemIndex=this.currentPagethis.itemsPerPage;return projectedEndItemIndex<this.totalDataLength?projectedEndItemIndex:this.totalDataLength}get previousPage(){return this.currentPage<=1?1:this.currentPage-1}get nextPage(){const lastPage=this.lastPage;return this.currentPage>=lastPage?lastPage:this.currentPage+1}get pageOptions(){const numberOfPages=Math.max(Math.ceil(this.totalDataLength/this.itemsPerPage),1);return this._pageOptions.length!==numberOfPages&&(this._pageOptions=range(numberOfPages+1,1)),this._pageOptions}constructor(i18n,experimental){this.i18n=i18n,this.experimental=experimental,this.skeleton=!1,this.pageInputDisabled=!1,this.size="md",this.showPageInput=!0,this.pagesUnknown=!1,this.pageSelectThreshold=1e3,this.backwardDisabled=!1,this.forwardDisabled=!1,this.itemsPerPageOptions=[10,20,30,40,50],this.selectPage=new core.EventEmitter,this.itemsPerPageSelectId=`pagination-select-items-per-page-${Pagination_1.paginationCounter}`,this.currentPageSelectId=`pagination-select-current-page-${Pagination_1.paginationCounter}`,this.itemsPerPageText=this.i18n.getOverridable("PAGINATION.ITEMS_PER_PAGE"),this.optionsListText=this.i18n.getOverridable("PAGINATION.OPEN_LIST_OF_OPTIONS"),this.backwardText=this.i18n.getOverridable("PAGINATION.BACKWARD"),this.forwardText=this.i18n.getOverridable("PAGINATION.FORWARD"),this.totalItemsText=this.i18n.getOverridable("PAGINATION.TOTAL_ITEMS"),this.totalItemText=this.i18n.getOverridable("PAGINATION.TOTAL_ITEM"),this.totalItemsUnknownText=this.i18n.getOverridable("PAGINATION.TOTAL_ITEMS_UNKNOWN"),this.pageText=this.i18n.getOverridable("PAGINATION.PAGE"),this.ofLastPagesText=this.i18n.getOverridable("PAGINATION.OF_LAST_PAGES"),this.ofLastPageText=this.i18n.getOverridable("PAGINATION.OF_LAST_PAGE"),this._pageOptions=[],Pagination_1.paginationCounter++}static{this.ctorParameters=()=>[{type:i18n.F2},{type:experimental.ks}]}static{this.propDecorators={skeleton:[{type:core.Input}],model:[{type:core.Input}],disabled:[{type:core.Input}],pageInputDisabled:[{type:core.Input}],size:[{type:core.Input}],showPageInput:[{type:core.Input}],pagesUnknown:[{type:core.Input}],pageSelectThreshold:[{type:core.Input}],backwardDisabled:[{type:core.Input}],forwardDisabled:[{type:core.Input}],translations:[{type:core.Input}],itemsPerPageOptions:[{type:core.Input}],selectPage:[{type:core.Output}]}}};Pagination=Pagination_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-pagination, ibm-pagination",template:'\n\t<div\n\t\tclass="cds--pagination"\n\t\t[ngClass]="{\n\t\t\t\'cds--skeleton\': skeleton,\n\t\t\t\'cds--pagination--sm\': size === \'sm\',\n\t\t\t\'cds--pagination--md\': size === \'md\',\n\t\t\t\'cds--pagination--lg\': size === \'lg\'\n\t\t}">\n\t\t\x3c!-- left skeleton div --\x3e\n\t\t@if (skeleton) {\n\t\t\t<div class="cds--pagination__left">\n\t\t\t\t<p class="cds--skeleton__text" style="width: 70px"></p>\n\t\t\t\t<p class="cds--skeleton__text" style="width: 35px"></p>\n\t\t\t\t<p class="cds--skeleton__text" style="width: 105px"></p>\n\t\t\t</div>\n\t\t}\n\n\t\t@if (!skeleton) {\n\t\t\t<div class="cds--pagination__left">\n\t\t\t@if (showPageInput) {\n\n\t\t\t\t<label class="cds--pagination__text" [for]="itemsPerPageSelectId">\n\t\t\t\t\t{{itemsPerPageText.subject \| async}}\n\t\t\t\t</label>\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--select cds--select--inline cds--select__item-count"\n\t\t\t\t\t[class.cds--select--disabled]="pageInputDisabled">\n\t\t\t\t\t<select\n\t\t\t\t\t\t[id]="itemsPerPageSelectId"\n\t\t\t\t\t\t[(ngModel)]="itemsPerPage"\n\t\t\t\t\t\t[disabled]="pageInputDisabled"\n\t\t\t\t\t\tclass="cds--select-input">\n\t\t\t\t\t\t@for (option of itemsPerPageOptions; track option) {\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tclass="cds--select-option"\n\t\t\t\t\t\t\t\t[value]="option">\n\t\t\t\t\t\t\t\t{{ option }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t}\n\t\t\t\t\t</select>\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="chevron--down"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tstyle="display: inherit"\n\t\t\t\t\t\tclass="cds--select__arrow"\n\t\t\t\t\t\taria-hidden="true"\n\t\t\t\t\t\t[attr.ariaLabel]="optionsListText.subject \| async">\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\n}\n\t\t\t@if (!pagesUnknown && totalDataLength <= 1) {\n\t\t\t\t<span class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}">\n\t\t\t\t\t{{totalItemText.subject \| i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t@if (!pagesUnknown && totalDataLength > 1) {\n\t\t\t\t<span class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}">\n\t\t\t\t\t{{totalItemsText.subject \| i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t@if (pagesUnknown) {\n\t\t\t\t<span class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}">\n\t\t\t\t\t{{totalItemsUnknownText.subject \| i18nReplace:{start: startItemIndex, end: endItemIndex } \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t</div>\n}\n\n\t\t\x3c!-- right skeleton div --\x3e\n\t\t@if (skeleton) {\n\t\t\t<div class="cds--pagination__right">\n\t\t\t\t<p class="cds--skeleton__text" style="width: 70px"></p>\n\t\t\t</div>\n\t\t}\n\n\t\t@if (!skeleton) {\n\t\t\t<div class="cds--pagination__right">\n\t\t\t@if (pagesUnknown) {\n\t\t\t\t<span class="cds--pagination__text cds--pagination__page-text">\n\t\t\t\t\t@if (!showPageInput) {\n\t\t\t\t\t\t{{currentPage}}\n\t\t\t\t\t}\n\t\t\t\t\t{{pageText.subject \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t@if (showPageInput) {\n\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--select cds--select--inline cds--select__page-number"\n\t\t\t\t\t[class.cds--select--disabled]="pageInputDisabled">\n\t\t\t\t\t<label [for]="currentPageSelectId" class="cds--label cds--visually-hidden">{{pageText.subject \| async}}</label>\n\t\t\t\t\t@if (pageOptions.length > pageSelectThreshold) {\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tstyle="padding-right: 1rem; margin-right: 1rem;"\n\t\t\t\t\t\t\t[id]="currentPageSelectId"\n\t\t\t\t\t\t\ttype="number"\n\t\t\t\t\t\t\tmin="1"\n\t\t\t\t\t\t\t[max]="pageOptions.length"\n\t\t\t\t\t\t\tclass="cds--select-input"\n\t\t\t\t\t\t\t[(ngModel)]="currentPage">\n\t\t\t\t\t}\n\t\t\t\t\t@if (pageOptions.length <= pageSelectThreshold) {\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t[id]="currentPageSelectId"\n\t\t\t\t\t\t\tclass="cds--select-input"\n\t\t\t\t\t\t\t[disabled]="pageInputDisabled"\n\t\t\t\t\t\t\t[(ngModel)]="currentPage">\n\t\t\t\t\t\t\t@for (page of pageOptions; track page; let i = $index) {\n\t\t\t\t\t\t\t\t<option class="cds--select-option" [value]="i + 1">{{i + 1}}</option>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</select>\n\t\t\t\t\t}\n\t\t\t\t\t@if (pageOptions.length <= pageSelectThreshold) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="chevron--down"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tstyle="display: inherit;"\n\t\t\t\t\t\t\tclass="cds--select__arrow"\n\t\t\t\t\t\t\t[attr.ariaLabel]="optionsListText.subject \| async">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n}\n\n\t\t\t@if (!pagesUnknown && lastPage <= 1) {\n\t\t\t\t<span class="cds--pagination__text">\n\t\t\t\t\t@if (!showPageInput) {\n\t\t\t\t\t\t{{currentPage}}\n\t\t\t\t\t}\n\t\t\t\t\t{{ofLastPageText.subject \| i18nReplace: {last: lastPage} \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t@if (!pagesUnknown && lastPage > 1) {\n\t\t\t\t<span class="cds--pagination__text">\n\t\t\t\t\t@if (!showPageInput) {\n\t\t\t\t\t\t{{currentPage}}\n\t\t\t\t\t}\n\t\t\t\t\t{{ofLastPagesText.subject \| i18nReplace: {last: lastPage} \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t<div class="cds--pagination__control-buttons">\n\t\t\t\t<button\n\t\t\t\t\tcdsButton="ghost"\n\t\t\t\t\ticonOnly="true"\n\t\t\t\t\tclass="cds--pagination__button cds--pagination__button--backward"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--pagination__button--no-index\': currentPage <= 1 \|\| backwardDisabled\n\t\t\t\t\t}"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[attr.aria-label]="backwardText.subject \| async"\n\t\t\t\t\t(click)="selectPage.emit(previousPage)"\n\t\t\t\t\t[disabled]="(currentPage <= 1 \|\| backwardDisabled ? true : null)">\n\t\t\t\t\t<svg cdsIcon="caret--left" size="16" class="cds--btn__icon"></svg>\n\t\t\t\t</button>\n\n\t\t\t\t<button\n\t\t\t\t\tcdsButton="ghost"\n\t\t\t\t\ticonOnly="true"\n\t\t\t\t\tclass="\n\t\t\t\t\t\tcds--pagination__button\n\t\t\t\t\t\tcds--pagination__button--forward"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--pagination__button--no-index\': currentPage >= lastPage \|\| forwardDisabled\n\t\t\t\t\t}"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[attr.aria-label]="forwardText.subject \| async"\n\t\t\t\t\t(click)="selectPage.emit(nextPage)"\n\t\t\t\t\t[disabled]="(currentPage >= lastPage \|\| forwardDisabled ? true : null)">\n\t\t\t\t\t<svg cdsIcon="caret--right" size="16" class="cds--btn__icon"></svg>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n}\n\t</div>\n\t',imports:[common_module_Dx7dWex5.YU,fesm2022_forms.YN,icon.LJ,common_module_Dx7dWex5.B3,src_button.$n,common_module_Dx7dWex5.Jj,i18n.J$],providers:[experimental.hI]})],Pagination);let PaginationNavItem=class PaginationNavItem{constructor(){this.page=0,this.isActive=!1,this.click=new core.EventEmitter}static{this.ctorParameters=()=>[]}static{this.propDecorators={page:[{type:core.Input}],isActive:[{type:core.Input}],click:[{type:core.Output}]}}};PaginationNavItem=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-pagination-nav-item, ibm-pagination-nav-item",template:'\n\t\t<li class="cds--pagination-nav__list-item">\n\t\t\t<button\n\t\t\t\ttype="button"\n\t\t\t\tclass="cds--pagination-nav__page"\n\t\t\t\t[ngClass]="{ \'cds--pagination-nav__page--active\': isActive }"\n\t\t\t\t(click)="click.emit(page)">\n\t\t\t\t<span class="cds--pagination-nav__accessibility-label">\n\t\t\t\t\t{{page}}\n\t\t\t\t</span>\n\t\t\t\t{{page}}\n\t\t\t</button>\n\t\t</li>\n\t',imports:[common_module_Dx7dWex5.YU]})],PaginationNavItem);let PaginationOverflow=class PaginationOverflow{get countAsArray(){return range(this.count>=0?this.count+1:0,1)}constructor(i18n){this.i18n=i18n,this.ariaLabel=this.i18n.get().PAGINATION.SELECT_ARIA,this.change=new core.EventEmitter}handleChange(event){this.change.emit(+event.target.value),event.target.value=""}static{this.ctorParameters=()=>[{type:i18n.F2}]}static{this.propDecorators={fromIndex:[{type:core.Input}],count:[{type:core.Input}],ariaLabel:[{type:core.Input}],change:[{type:core.Output}]}}};var PaginationNav_1;PaginationOverflow=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-pagination-overflow, ibm-pagination-overflow",template:'\n\t\t@if (count === 1) {\n\t\t\t<cds-pagination-nav-item [page]="fromIndex + 1"></cds-pagination-nav-item>\n\t\t} @else if (count > 1) {\n\t\t\t<li class="cds--pagination-nav__list-item">\n\t\t\t\t<div class="cds--pagination-nav__select">\n\t\t\t\t\t<select\n\t\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t\tclass="cds--pagination-nav__page cds--pagination-nav__page--select"\n\t\t\t\t\t\t(change)="handleChange($event)">\n\t\t\t\t\t\t<option value="" hidden></option>\n\t\t\t\t\t\t@for (item of countAsArray; track item; let i = $index) {\n\t\t\t\t\t\t\t<option>\n\t\t\t\t\t\t\t\t{{fromIndex + i + 1}}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t}\n\t\t\t\t\t</select>\n\t\t\t\t\t<div class="cds--pagination-nav__select-icon-wrapper">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="overflow-menu--horizontal"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tstyle="display: inherit"\n\t\t\t\t\t\t\tclass="cds--pagination-nav__select-icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t}\n\t',imports:[PaginationNavItem,fesm2022_forms.YN,icon.LJ]})],PaginationOverflow);let PaginationNav=class PaginationNav{static{PaginationNav_1=this}static{this.paginationCounter=0}set translations(value){const valueWithDefaults=(0,utils.h1)(this.i18n.getMultiple("PAGINATION"),value);this.nextItemText.override(valueWithDefaults.NEXT),this.previousItemText.override(valueWithDefaults.PREVIOUS)}get smallLayoutSize(){return"sm"===this.size}get mediumLayoutSize(){return"md"===this.size}get largeLayoutSize(){return"lg"===this.size}get totalNumbersArray(){return range(this.totalDataLength+1,1)}get currentPage(){return this.model.currentPage}set currentPage(value){value=Number(value),this.selectPage.emit(value)}get totalDataLength(){return this.model.totalDataLength}get startOffset(){return this.numOfItemsToShow<=4&&this.currentPage>1?0:1}get frontCuts(){return this.getCuts().front}get backCuts(){return this.getCuts().back}get leftArrowDisabled(){return this.disabled\|\|!this.loop&&1===this.currentPage}get rightArrowDisabled(){return this.disabled\|\|!this.loop&&this.currentPage===this.totalDataLength}constructor(i18n,experimental){this.i18n=i18n,this.experimental=experimental,this.disabled=!1,this.numOfItemsToShow=4,this.loop=!1,this.size="lg",this.selectPage=new core.EventEmitter,this.nextItemText=this.i18n.getOverridable("PAGINATION.NEXT"),this.previousItemText=this.i18n.getOverridable("PAGINATION.PREVIOUS"),PaginationNav_1.paginationCounter++}handleOverflowSelection(page){"number"==typeof page&&(this.currentPage=page)}jumpToNext(){this.currentPage<this.totalDataLength?this.currentPage=this.currentPage+1:this.loop?this.currentPage=1:this.currentPage=this.totalDataLength}jumpToPrevious(){this.currentPage>1?this.currentPage=this.currentPage-1:this.loop?this.currentPage=this.totalDataLength:this.currentPage=1}getPages(){if(this.totalDataLength<=1)return null;const cuts=this.getCuts();return this.totalNumbersArray.slice(this.startOffset+cuts.front,-1(1+cuts.back))}getCuts(splitPoint=null){const page=this.currentPage-1,totalItems=this.totalDataLength,itemsThatFit=this.numOfItemsToShow;if(itemsThatFit>=totalItems)return{front:0,back:0};const split=splitPoint\|\|Math.ceil(itemsThatFit/2)-1;let frontHidden=page+1-split,backHidden=totalItems-page-(itemsThatFit-split)+1;return frontHidden<=1&&(backHidden-=frontHidden<=0?Math.abs(frontHidden)+1:0,frontHidden=0),backHidden<=1&&(frontHidden-=backHidden<=0?Math.abs(backHidden)+1:0,backHidden=0),{front:frontHidden,back:backHidden}}static{this.ctorParameters=()=>[{type:i18n.F2},{type:experimental.ks}]}static{this.propDecorators={model:[{type:core.Input}],disabled:[{type:core.Input}],numOfItemsToShow:[{type:core.Input}],loop:[{type:core.Input}],translations:[{type:core.Input}],size:[{type:core.Input}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],selectPage:[{type:core.Output}]}}};PaginationNav=PaginationNav_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-pagination-nav, ibm-pagination-navm",template:'\n\t<div>\n\t\t<div class="cds--pagination-nav">\n\t\t\t<ul class="cds--pagination-nav__list">\n\t\t\t\t<li class="cds--pagination-nav__list-item">\n\t\t\t\t\t<cds-icon-button\n\t\t\t\t\t\tkind="ghost"\n\t\t\t\t\t\t[size]="size"\n\t\t\t\t\t\t(click)="jumpToPrevious()"\n\t\t\t\t\t\t[disabled]="leftArrowDisabled"\n\t\t\t\t\t\t[description]="previousItemText.subject \| async">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="caret--left"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--btn__icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</cds-icon-button>\n\t\t\t\t</li>\n\t\t\t\t@if (this.numOfItemsToShow >= 5 \|\| (this.numOfItemsToShow <= 4 && currentPage <= 1)) {\n\t\t\t\t\t<cds-pagination-nav-item\n\t\t\t\t\t\tpage="1"\n\t\t\t\t\t\t(click)="currentPage = 1"\n\t\t\t\t\t\t[isActive]="currentPage === 1">\n\t\t\t\t\t</cds-pagination-nav-item>\n\t\t\t\t}\n\t\t\t\t@if (frontCuts) {\n\t\t\t\t\t<cds-pagination-overflow\n\t\t\t\t\t\t[count]="frontCuts"\n\t\t\t\t\t\t[fromIndex]="startOffset"\n\t\t\t\t\t\t(change)="handleOverflowSelection($event)">\n\t\t\t\t\t</cds-pagination-overflow>\n\t\t\t\t}\n\t\t\t\t@for (page of getPages(); track page) {\n\t\t\t\t\t<cds-pagination-nav-item\n\t\t\t\t\t\t[page]="page"\n\t\t\t\t\t\t(click)="currentPage = page"\n\t\t\t\t\t\t[isActive]="currentPage === page">\n\t\t\t\t\t</cds-pagination-nav-item>\n\t\t\t\t}\n\t\t\t\t@if (backCuts) {\n\t\t\t\t\t<cds-pagination-overflow\n\t\t\t\t\t\t[count]="backCuts"\n\t\t\t\t\t\t[fromIndex]="totalNumbersArray.length - backCuts - 1"\n\t\t\t\t\t\t(change)="handleOverflowSelection($event)">\n\t\t\t\t\t</cds-pagination-overflow>\n\t\t\t\t}\n\t\t\t\t@if (totalDataLength > 1) {\n\t\t\t\t\t<cds-pagination-nav-item\n\t\t\t\t\t\t[page]="totalNumbersArray.length"\n\t\t\t\t\t\t(click)="currentPage = totalNumbersArray.length"\n\t\t\t\t\t\t[isActive]="currentPage === totalNumbersArray.length">\n\t\t\t\t\t</cds-pagination-nav-item>\n\t\t\t\t}\n\t\t\t\t<li class="cds--pagination-nav__list-item">\n\t\t\t\t\t<cds-icon-button\n\t\t\t\t\t\tkind="ghost"\n\t\t\t\t\t\t[size]="size"\n\t\t\t\t\t\t(click)="jumpToNext()"\n\t\t\t\t\t\t[disabled]="rightArrowDisabled"\n\t\t\t\t\t\t[description]="nextItemText.subject \| async">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="caret--right"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--btn__icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</cds-icon-button>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n\t',imports:[src_button.K0,icon.LJ,PaginationNavItem,PaginationOverflow,common_module_Dx7dWex5.Jj],providers:[experimental.hI]})],PaginationNav);let PaginationModule=class PaginationModule{};PaginationModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Pagination,PaginationNav,PaginationNavItem,PaginationOverflow],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,i18n.LP,experimental.bq,icon.LJ,Pagination,PaginationNav,PaginationNavItem,PaginationOverflow]})],PaginationModule)}}]);
1	+ "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[6878],{"./src/pagination/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{dK:()=>Pagination,cm:()=>PaginationModel,S1:()=>PaginationNav,Rk:()=>PaginationNavItem,ro:()=>PaginationOverflow});class PaginationModel{constructor(){this.currentPage=1,this.pageLength=10,this.totalDataLength=0}}var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),i18n=__webpack_require__("./src/i18n/index.ts"),experimental=__webpack_require__("./src/experimental/index.ts"),utils=__webpack_require__("./src/utils/index.ts");function range(stop,start=0,step=1){return Array(Math.ceil((stop-start)/step)).fill(0).map(((x,i)=>istep+start))}var Pagination_1,common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),icon=__webpack_require__("./src/icon/index.ts"),src_button=__webpack_require__("./src/button/index.ts");let Pagination=class Pagination{static{Pagination_1=this}static{this.paginationCounter=0}set disabled(value){this.backwardDisabled=value,this.forwardDisabled=value}set translations(value){const valueWithDefaults=(0,utils.h1)(this.i18n.getMultiple("PAGINATION"),value);this.itemsPerPageText.override(valueWithDefaults.ITEMS_PER_PAGE),this.optionsListText.override(valueWithDefaults.OPEN_LIST_OF_OPTIONS),this.backwardText.override(valueWithDefaults.BACKWARD),this.forwardText.override(valueWithDefaults.FORWARD),this.totalItemsText.override(valueWithDefaults.TOTAL_ITEMS),this.totalItemText.override(valueWithDefaults.TOTAL_ITEM),this.totalItemsUnknownText.override(valueWithDefaults.TOTAL_ITEMS_UNKNOWN),this.pageText.override(valueWithDefaults.PAGE),this.ofLastPagesText.override(valueWithDefaults.OF_LAST_PAGES),this.ofLastPageText.override(valueWithDefaults.OF_LAST_PAGE)}get itemsPerPage(){return this.model.pageLength}set itemsPerPage(value){this.model.pageLength=Number(value),this.currentPage=1}get currentPage(){return this.model.currentPage}set currentPage(value){value=Number(value),this.selectPage.emit(value)}get totalDataLength(){return this.model.totalDataLength}get lastPage(){const last=Math.ceil(this.totalDataLength/this.itemsPerPage);return last>0?last:1}get startItemIndex(){return this.endItemIndex>0?(this.currentPage-1)this.itemsPerPage+1:0}get endItemIndex(){const projectedEndItemIndex=this.currentPagethis.itemsPerPage;return projectedEndItemIndex<this.totalDataLength?projectedEndItemIndex:this.totalDataLength}get previousPage(){return this.currentPage<=1?1:this.currentPage-1}get nextPage(){const lastPage=this.lastPage;return this.currentPage>=lastPage?lastPage:this.currentPage+1}get pageOptions(){const numberOfPages=Math.max(Math.ceil(this.totalDataLength/this.itemsPerPage),1);return this._pageOptions.length!==numberOfPages&&(this._pageOptions=range(numberOfPages+1,1)),this._pageOptions}constructor(i18n,experimental){this.i18n=i18n,this.experimental=experimental,this.skeleton=!1,this.pageInputDisabled=!1,this.size="md",this.showPageInput=!0,this.pagesUnknown=!1,this.pageSelectThreshold=1e3,this.backwardDisabled=!1,this.forwardDisabled=!1,this.itemsPerPageOptions=[10,20,30,40,50],this.selectPage=new core.EventEmitter,this.itemsPerPageSelectId=`pagination-select-items-per-page-${Pagination_1.paginationCounter}`,this.currentPageSelectId=`pagination-select-current-page-${Pagination_1.paginationCounter}`,this.itemsPerPageText=this.i18n.getOverridable("PAGINATION.ITEMS_PER_PAGE"),this.optionsListText=this.i18n.getOverridable("PAGINATION.OPEN_LIST_OF_OPTIONS"),this.backwardText=this.i18n.getOverridable("PAGINATION.BACKWARD"),this.forwardText=this.i18n.getOverridable("PAGINATION.FORWARD"),this.totalItemsText=this.i18n.getOverridable("PAGINATION.TOTAL_ITEMS"),this.totalItemText=this.i18n.getOverridable("PAGINATION.TOTAL_ITEM"),this.totalItemsUnknownText=this.i18n.getOverridable("PAGINATION.TOTAL_ITEMS_UNKNOWN"),this.pageText=this.i18n.getOverridable("PAGINATION.PAGE"),this.ofLastPagesText=this.i18n.getOverridable("PAGINATION.OF_LAST_PAGES"),this.ofLastPageText=this.i18n.getOverridable("PAGINATION.OF_LAST_PAGE"),this._pageOptions=[],Pagination_1.paginationCounter++}static{this.ctorParameters=()=>[{type:i18n.F2},{type:experimental.ks}]}static{this.propDecorators={skeleton:[{type:core.Input}],model:[{type:core.Input}],disabled:[{type:core.Input}],pageInputDisabled:[{type:core.Input}],size:[{type:core.Input}],showPageInput:[{type:core.Input}],pagesUnknown:[{type:core.Input}],pageSelectThreshold:[{type:core.Input}],backwardDisabled:[{type:core.Input}],forwardDisabled:[{type:core.Input}],translations:[{type:core.Input}],itemsPerPageOptions:[{type:core.Input}],selectPage:[{type:core.Output}]}}};Pagination=Pagination_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-pagination, ibm-pagination",template:'\n\t<div\n\t\tclass="cds--pagination"\n\t\t[ngClass]="{\n\t\t\t\'cds--skeleton\': skeleton,\n\t\t\t\'cds--pagination--sm\': size === \'sm\',\n\t\t\t\'cds--pagination--md\': size === \'md\',\n\t\t\t\'cds--pagination--lg\': size === \'lg\'\n\t\t}">\n\t\t\x3c!-- left skeleton div --\x3e\n\t\t@if (skeleton) {\n\t\t\t<div class="cds--pagination__left">\n\t\t\t\t<p class="cds--skeleton__text" style="width: 70px"></p>\n\t\t\t\t<p class="cds--skeleton__text" style="width: 35px"></p>\n\t\t\t\t<p class="cds--skeleton__text" style="width: 105px"></p>\n\t\t\t</div>\n\t\t}\n\n\t\t@if (!skeleton) {\n\t\t\t<div class="cds--pagination__left">\n\t\t\t@if (showPageInput) {\n\n\t\t\t\t<label class="cds--pagination__text" [for]="itemsPerPageSelectId">\n\t\t\t\t\t{{itemsPerPageText.subject \| async}}\n\t\t\t\t</label>\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--select cds--select--inline cds--select__item-count"\n\t\t\t\t\t[class.cds--select--disabled]="pageInputDisabled">\n\t\t\t\t\t<select\n\t\t\t\t\t\t[id]="itemsPerPageSelectId"\n\t\t\t\t\t\t[(ngModel)]="itemsPerPage"\n\t\t\t\t\t\t[disabled]="pageInputDisabled"\n\t\t\t\t\t\tclass="cds--select-input">\n\t\t\t\t\t\t@for (option of itemsPerPageOptions; track option) {\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tclass="cds--select-option"\n\t\t\t\t\t\t\t\t[value]="option">\n\t\t\t\t\t\t\t\t{{ option }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t}\n\t\t\t\t\t</select>\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="chevron--down"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tstyle="display: inherit"\n\t\t\t\t\t\tclass="cds--select__arrow"\n\t\t\t\t\t\taria-hidden="true"\n\t\t\t\t\t\t[attr.ariaLabel]="optionsListText.subject \| async">\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\n}\n\t\t\t@if (!pagesUnknown && totalDataLength <= 1) {\n\t\t\t\t<span class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}">\n\t\t\t\t\t{{totalItemText.subject \| i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t@if (!pagesUnknown && totalDataLength > 1) {\n\t\t\t\t<span class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}">\n\t\t\t\t\t{{totalItemsText.subject \| i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t@if (pagesUnknown) {\n\t\t\t\t<span class="cds--pagination__text cds--pagination__items-count" [ngStyle]="{\'margin-left\': showPageInput ? null : 0}">\n\t\t\t\t\t{{totalItemsUnknownText.subject \| i18nReplace:{start: startItemIndex, end: endItemIndex } \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t</div>\n}\n\n\t\t\x3c!-- right skeleton div --\x3e\n\t\t@if (skeleton) {\n\t\t\t<div class="cds--pagination__right">\n\t\t\t\t<p class="cds--skeleton__text" style="width: 70px"></p>\n\t\t\t</div>\n\t\t}\n\n\t\t@if (!skeleton) {\n\t\t\t<div class="cds--pagination__right">\n\t\t\t@if (pagesUnknown) {\n\t\t\t\t<span class="cds--pagination__text cds--pagination__page-text">\n\t\t\t\t\t@if (!showPageInput) {\n\t\t\t\t\t\t{{currentPage}}\n\t\t\t\t\t}\n\t\t\t\t\t{{pageText.subject \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t@if (showPageInput) {\n\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--select cds--select--inline cds--select__page-number"\n\t\t\t\t\t[class.cds--select--disabled]="pageInputDisabled">\n\t\t\t\t\t<label [for]="currentPageSelectId" class="cds--label cds--visually-hidden">{{pageText.subject \| async}}</label>\n\t\t\t\t\t@if (pageOptions.length > pageSelectThreshold) {\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tstyle="padding-right: 1rem; margin-right: 1rem;"\n\t\t\t\t\t\t\t[id]="currentPageSelectId"\n\t\t\t\t\t\t\ttype="number"\n\t\t\t\t\t\t\tmin="1"\n\t\t\t\t\t\t\t[max]="pageOptions.length"\n\t\t\t\t\t\t\tclass="cds--select-input"\n\t\t\t\t\t\t\t[(ngModel)]="currentPage">\n\t\t\t\t\t}\n\t\t\t\t\t@if (pageOptions.length <= pageSelectThreshold) {\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t[id]="currentPageSelectId"\n\t\t\t\t\t\t\tclass="cds--select-input"\n\t\t\t\t\t\t\t[disabled]="pageInputDisabled"\n\t\t\t\t\t\t\t[(ngModel)]="currentPage">\n\t\t\t\t\t\t\t@for (page of pageOptions; track page; let i = $index) {\n\t\t\t\t\t\t\t\t<option class="cds--select-option" [value]="i + 1">{{i + 1}}</option>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</select>\n\t\t\t\t\t}\n\t\t\t\t\t@if (pageOptions.length <= pageSelectThreshold) {\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="chevron--down"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tstyle="display: inherit;"\n\t\t\t\t\t\t\tclass="cds--select__arrow"\n\t\t\t\t\t\t\t[attr.ariaLabel]="optionsListText.subject \| async">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\n}\n\n\t\t\t@if (!pagesUnknown && lastPage <= 1) {\n\t\t\t\t<span class="cds--pagination__text">\n\t\t\t\t\t@if (!showPageInput) {\n\t\t\t\t\t\t{{currentPage}}\n\t\t\t\t\t}\n\t\t\t\t\t{{ofLastPageText.subject \| i18nReplace: {last: lastPage} \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t@if (!pagesUnknown && lastPage > 1) {\n\t\t\t\t<span class="cds--pagination__text">\n\t\t\t\t\t@if (!showPageInput) {\n\t\t\t\t\t\t{{currentPage}}\n\t\t\t\t\t}\n\t\t\t\t\t{{ofLastPagesText.subject \| i18nReplace: {last: lastPage} \| async}}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\t<div class="cds--pagination__control-buttons">\n\t\t\t\t<button\n\t\t\t\t\tcdsButton="ghost"\n\t\t\t\t\ticonOnly="true"\n\t\t\t\t\tclass="cds--pagination__button cds--pagination__button--backward"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--pagination__button--no-index\': currentPage <= 1 \|\| backwardDisabled\n\t\t\t\t\t}"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[attr.aria-label]="backwardText.subject \| async"\n\t\t\t\t\t(click)="selectPage.emit(previousPage)"\n\t\t\t\t\t[disabled]="(currentPage <= 1 \|\| backwardDisabled ? true : null)">\n\t\t\t\t\t<svg cdsIcon="caret--left" size="16" class="cds--btn__icon"></svg>\n\t\t\t\t</button>\n\n\t\t\t\t<button\n\t\t\t\t\tcdsButton="ghost"\n\t\t\t\t\ticonOnly="true"\n\t\t\t\t\tclass="\n\t\t\t\t\t\tcds--pagination__button\n\t\t\t\t\t\tcds--pagination__button--forward"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--pagination__button--no-index\': currentPage >= lastPage \|\| forwardDisabled\n\t\t\t\t\t}"\n\t\t\t\t\ttabindex="0"\n\t\t\t\t\t[attr.aria-label]="forwardText.subject \| async"\n\t\t\t\t\t(click)="selectPage.emit(nextPage)"\n\t\t\t\t\t[disabled]="(currentPage >= lastPage \|\| forwardDisabled ? true : null)">\n\t\t\t\t\t<svg cdsIcon="caret--right" size="16" class="cds--btn__icon"></svg>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n}\n\t</div>\n\t',imports:[common_module_Dx7dWex5.YU,fesm2022_forms.YN,icon.LJ,common_module_Dx7dWex5.B3,src_button.$n,common_module_Dx7dWex5.Jj,i18n.J$],providers:[experimental.hI]})],Pagination);let PaginationNavItem=class PaginationNavItem{constructor(){this.page=0,this.isActive=!1,this.click=new core.EventEmitter}static{this.ctorParameters=()=>[]}static{this.propDecorators={page:[{type:core.Input}],isActive:[{type:core.Input}],click:[{type:core.Output}]}}};PaginationNavItem=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-pagination-nav-item, ibm-pagination-nav-item",template:'\n\t\t<li class="cds--pagination-nav__list-item">\n\t\t\t<button\n\t\t\t\ttype="button"\n\t\t\t\tclass="cds--pagination-nav__page"\n\t\t\t\t[ngClass]="{ \'cds--pagination-nav__page--active\': isActive }"\n\t\t\t\t(click)="click.emit(page)">\n\t\t\t\t<span class="cds--pagination-nav__accessibility-label">\n\t\t\t\t\t{{page}}\n\t\t\t\t</span>\n\t\t\t\t{{page}}\n\t\t\t</button>\n\t\t</li>\n\t',imports:[common_module_Dx7dWex5.YU]})],PaginationNavItem);let PaginationOverflow=class PaginationOverflow{get countAsArray(){return range(this.count>=0?this.count+1:0,1)}constructor(i18n){this.i18n=i18n,this.ariaLabel=this.i18n.get().PAGINATION.SELECT_ARIA,this.change=new core.EventEmitter}handleChange(event){this.change.emit(+event.target.value),event.target.value=""}static{this.ctorParameters=()=>[{type:i18n.F2}]}static{this.propDecorators={fromIndex:[{type:core.Input}],count:[{type:core.Input}],ariaLabel:[{type:core.Input}],change:[{type:core.Output}]}}};var PaginationNav_1;PaginationOverflow=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-pagination-overflow, ibm-pagination-overflow",template:'\n\t\t@if (count === 1) {\n\t\t\t<cds-pagination-nav-item [page]="fromIndex + 1" />\n\t\t} @else if (count > 1) {\n\t\t\t<li class="cds--pagination-nav__list-item">\n\t\t\t\t<div class="cds--pagination-nav__select">\n\t\t\t\t\t<select\n\t\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t\tclass="cds--pagination-nav__page cds--pagination-nav__page--select"\n\t\t\t\t\t\t(change)="handleChange($event)">\n\t\t\t\t\t\t<option value="" hidden></option>\n\t\t\t\t\t\t@for (item of countAsArray; track item; let i = $index) {\n\t\t\t\t\t\t\t<option>\n\t\t\t\t\t\t\t\t{{fromIndex + i + 1}}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t}\n\t\t\t\t\t</select>\n\t\t\t\t\t<div class="cds--pagination-nav__select-icon-wrapper">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="overflow-menu--horizontal"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tstyle="display: inherit"\n\t\t\t\t\t\t\tclass="cds--pagination-nav__select-icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t}\n\t',imports:[PaginationNavItem,fesm2022_forms.YN,icon.LJ]})],PaginationOverflow);let PaginationNav=class PaginationNav{static{PaginationNav_1=this}static{this.paginationCounter=0}set translations(value){const valueWithDefaults=(0,utils.h1)(this.i18n.getMultiple("PAGINATION"),value);this.nextItemText.override(valueWithDefaults.NEXT),this.previousItemText.override(valueWithDefaults.PREVIOUS)}get smallLayoutSize(){return"sm"===this.size}get mediumLayoutSize(){return"md"===this.size}get largeLayoutSize(){return"lg"===this.size}get totalNumbersArray(){return range(this.totalDataLength+1,1)}get currentPage(){return this.model.currentPage}set currentPage(value){value=Number(value),this.selectPage.emit(value)}get totalDataLength(){return this.model.totalDataLength}get startOffset(){return this.numOfItemsToShow<=4&&this.currentPage>1?0:1}get frontCuts(){return this.getCuts().front}get backCuts(){return this.getCuts().back}get leftArrowDisabled(){return this.disabled\|\|!this.loop&&1===this.currentPage}get rightArrowDisabled(){return this.disabled\|\|!this.loop&&this.currentPage===this.totalDataLength}constructor(i18n,experimental){this.i18n=i18n,this.experimental=experimental,this.disabled=!1,this.numOfItemsToShow=4,this.loop=!1,this.size="lg",this.selectPage=new core.EventEmitter,this.nextItemText=this.i18n.getOverridable("PAGINATION.NEXT"),this.previousItemText=this.i18n.getOverridable("PAGINATION.PREVIOUS"),PaginationNav_1.paginationCounter++}handleOverflowSelection(page){"number"==typeof page&&(this.currentPage=page)}jumpToNext(){this.currentPage<this.totalDataLength?this.currentPage=this.currentPage+1:this.loop?this.currentPage=1:this.currentPage=this.totalDataLength}jumpToPrevious(){this.currentPage>1?this.currentPage=this.currentPage-1:this.loop?this.currentPage=this.totalDataLength:this.currentPage=1}getPages(){if(this.totalDataLength<=1)return null;const cuts=this.getCuts();return this.totalNumbersArray.slice(this.startOffset+cuts.front,-1(1+cuts.back))}getCuts(splitPoint=null){const page=this.currentPage-1,totalItems=this.totalDataLength,itemsThatFit=this.numOfItemsToShow;if(itemsThatFit>=totalItems)return{front:0,back:0};const split=splitPoint\|\|Math.ceil(itemsThatFit/2)-1;let frontHidden=page+1-split,backHidden=totalItems-page-(itemsThatFit-split)+1;return frontHidden<=1&&(backHidden-=frontHidden<=0?Math.abs(frontHidden)+1:0,frontHidden=0),backHidden<=1&&(frontHidden-=backHidden<=0?Math.abs(backHidden)+1:0,backHidden=0),{front:frontHidden,back:backHidden}}static{this.ctorParameters=()=>[{type:i18n.F2},{type:experimental.ks}]}static{this.propDecorators={model:[{type:core.Input}],disabled:[{type:core.Input}],numOfItemsToShow:[{type:core.Input}],loop:[{type:core.Input}],translations:[{type:core.Input}],size:[{type:core.Input}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],selectPage:[{type:core.Output}]}}};PaginationNav=PaginationNav_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-pagination-nav, ibm-pagination-navm",template:'\n\t<div>\n\t\t<div class="cds--pagination-nav">\n\t\t\t<ul class="cds--pagination-nav__list">\n\t\t\t\t<li class="cds--pagination-nav__list-item">\n\t\t\t\t\t<cds-icon-button\n\t\t\t\t\t\tkind="ghost"\n\t\t\t\t\t\t[size]="size"\n\t\t\t\t\t\t(click)="jumpToPrevious()"\n\t\t\t\t\t\t[disabled]="leftArrowDisabled"\n\t\t\t\t\t\t[description]="previousItemText.subject \| async">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="caret--left"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--btn__icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</cds-icon-button>\n\t\t\t\t</li>\n\t\t\t\t@if (this.numOfItemsToShow >= 5 \|\| (this.numOfItemsToShow <= 4 && currentPage <= 1)) {\n\t\t\t\t\t<cds-pagination-nav-item\n\t\t\t\t\t\tpage="1"\n\t\t\t\t\t\t(click)="currentPage = 1"\n\t\t\t\t\t\t[isActive]="currentPage === 1">\n\t\t\t\t\t</cds-pagination-nav-item>\n\t\t\t\t}\n\t\t\t\t@if (frontCuts) {\n\t\t\t\t\t<cds-pagination-overflow\n\t\t\t\t\t\t[count]="frontCuts"\n\t\t\t\t\t\t[fromIndex]="startOffset"\n\t\t\t\t\t\t(change)="handleOverflowSelection($event)">\n\t\t\t\t\t</cds-pagination-overflow>\n\t\t\t\t}\n\t\t\t\t@for (page of getPages(); track page) {\n\t\t\t\t\t<cds-pagination-nav-item\n\t\t\t\t\t\t[page]="page"\n\t\t\t\t\t\t(click)="currentPage = page"\n\t\t\t\t\t\t[isActive]="currentPage === page">\n\t\t\t\t\t</cds-pagination-nav-item>\n\t\t\t\t}\n\t\t\t\t@if (backCuts) {\n\t\t\t\t\t<cds-pagination-overflow\n\t\t\t\t\t\t[count]="backCuts"\n\t\t\t\t\t\t[fromIndex]="totalNumbersArray.length - backCuts - 1"\n\t\t\t\t\t\t(change)="handleOverflowSelection($event)">\n\t\t\t\t\t</cds-pagination-overflow>\n\t\t\t\t}\n\t\t\t\t@if (totalDataLength > 1) {\n\t\t\t\t\t<cds-pagination-nav-item\n\t\t\t\t\t\t[page]="totalNumbersArray.length"\n\t\t\t\t\t\t(click)="currentPage = totalNumbersArray.length"\n\t\t\t\t\t\t[isActive]="currentPage === totalNumbersArray.length">\n\t\t\t\t\t</cds-pagination-nav-item>\n\t\t\t\t}\n\t\t\t\t<li class="cds--pagination-nav__list-item">\n\t\t\t\t\t<cds-icon-button\n\t\t\t\t\t\tkind="ghost"\n\t\t\t\t\t\t[size]="size"\n\t\t\t\t\t\t(click)="jumpToNext()"\n\t\t\t\t\t\t[disabled]="rightArrowDisabled"\n\t\t\t\t\t\t[description]="nextItemText.subject \| async">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tcdsIcon="caret--right"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\tclass="cds--btn__icon">\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</cds-icon-button>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n\t',imports:[src_button.K0,icon.LJ,PaginationNavItem,PaginationOverflow,common_module_Dx7dWex5.Jj],providers:[experimental.hI]})],PaginationNav);let PaginationModule=class PaginationModule{};PaginationModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Pagination,PaginationNav,PaginationNavItem,PaginationOverflow],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,i18n.LP,experimental.bq,icon.LJ,Pagination,PaginationNav,PaginationNavItem,PaginationOverflow]})],PaginationModule)}}]);

package/docs/storybook/{6931.bca31e10.iframe.bundle.js → 6931.723d7595.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[6931],{"./src/context-menu/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Ek:()=>ContextMenuComponent,d7:()=>ContextMenuDividerComponent,BW:()=>ContextMenuGroupComponent,hl:()=>ContextMenuItemComponent,rc:()=>ContextMenuModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.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-menu-divider, cds-context-menu-divider, ibm-context-menu-divider",template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],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-menu-group, cds-context-menu-group, ibm-context-menu-group",template:"\n\t\t<ng-content />\n\t",providers:[ContextMenuSelectionService],changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],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 hostClass(){const open=this.open?"cds--menu--open cds--menu--shown":"";return`cds--menu cds--autoalign cds--menu--${this.size} ${open}`}get leftPosition(){return this.position.left}get topPosition(){return this.position.top}constructor(elementRef){this.elementRef=elementRef,this.open=!1,this.position={left:0,top:0},this.size="lg",this.role="menu",this.tabindex="-1",this.iconClass=!1}ngOnChanges(changes){changes.open&&changes.open.currentValue&&this.focusMenu()}ngAfterViewInit(){setTimeout((()=>{const nativeElement=this.elementRef.nativeElement;nativeElement&&(this.iconClass=!!nativeElement.querySelector(".cds--menu-item .cds--menu-item__icon svg"))}))}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}],size:[{type:core.Input}],hostClass:[{type:core.HostBinding,args:["class"]}],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"]}],iconClass:[{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-menu, cds-context-menu, ibm-context-menu",template:"\n\t\t\t<ng-content />\n\t",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0,styles:[context_menu_component_default()]})],ContextMenuComponent);let ContextMenuItemComponent=class ContextMenuItemComponent{get ariaChecked(){return"checkbox"===this.type?!!this.checked:null}get ariaDisabled(){return this.disabled}constructor(elementRef,changeDetectorRef,contextMenuSelectionService){this.elementRef=elementRef,this.changeDetectorRef=changeDetectorRef,this.contextMenuSelectionService=contextMenuSelectionService,this.optionClass=!0,this.role="menuitem",this.tabindex=-1,this.ariaHasPopup=null,this.ariaExpanded=null,this.disabled=!1,this.danger=!1,this.label="",this.info="",this.type=null,this.checked=!1,this.icon="",this.value="",this.dangerDescription="",this.checkedChange=new core.EventEmitter,this.itemClick=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.changeDetectorRef.markForCheck()}));this.subscriptions.add(subscription)}}ngAfterContentInit(){this.childContextMenu&&(this.hasChildren=!0,this.ariaHasPopup=!0,this.ariaExpanded=!1)}handleClick(event){event.stopPropagation(),this.disabled\|\|(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)),this.disabled\|\|this.itemClick.emit({event,label:this.label,info:this.info,value:this.value,type:this.type}))}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:core.ChangeDetectorRef},{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"]}],ariaDisabled:[{type:core.HostBinding,args:["attr.aria-disabled"]}],disabled:[{type:core.Input},{type:core.HostBinding,args:["class.cds--menu-item--disabled"]}],danger:[{type:core.Input},{type:core.HostBinding,args:["class.cds--menu-item--danger"]}],label:[{type:core.Input}],info:[{type:core.Input}],type:[{type:core.Input}],checked:[{type:core.Input}],icon:[{type:core.Input}],value:[{type:core.Input}],dangerDescription:[{type:core.Input}],checkedChange:[{type:core.Output}],itemClick:[{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-menu-item, 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@if (danger && dangerDescription) {\n\t\t\t<span class="cds--visually-hidden">{{dangerDescription}}</span>\n\t\t}\n\t\t<ng-content></ng-content>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[icon.LJ],styles:[context_menu_item_component_default()]})],ContextMenuItemComponent);let ContextMenuModule=class ContextMenuModule{};ContextMenuModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[ContextMenuDividerComponent,ContextMenuGroupComponent,ContextMenuItemComponent,ContextMenuComponent],imports:[common_module_Dx7dWex5.MD,icon.LJ,ContextMenuDividerComponent,ContextMenuGroupComponent,ContextMenuItemComponent,ContextMenuComponent]})],ContextMenuModule)},"./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.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()}}]);
1	+ (self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[6931],{"./src/context-menu/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Ek:()=>ContextMenuComponent,d7:()=>ContextMenuDividerComponent,BW:()=>ContextMenuGroupComponent,hl:()=>ContextMenuItemComponent,rc:()=>ContextMenuModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.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-menu-divider, cds-context-menu-divider, ibm-context-menu-divider",template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],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-menu-group, cds-context-menu-group, ibm-context-menu-group",template:"\n\t\t<ng-content />\n\t",providers:[ContextMenuSelectionService],changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],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 hostClass(){const open=this.open?"cds--menu--open cds--menu--shown":"";return`cds--menu cds--autoalign cds--menu--${this.size} ${open}`}get leftPosition(){return this.position.left}get topPosition(){return this.position.top}constructor(elementRef){this.elementRef=elementRef,this.open=!1,this.position={left:0,top:0},this.size="lg",this.role="menu",this.tabindex="-1",this.iconClass=!1}ngOnChanges(changes){changes.open&&changes.open.currentValue&&this.focusMenu()}ngAfterViewInit(){setTimeout((()=>{const nativeElement=this.elementRef.nativeElement;nativeElement&&(this.iconClass=!!nativeElement.querySelector(".cds--menu-item .cds--menu-item__icon svg"))}))}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}],size:[{type:core.Input}],hostClass:[{type:core.HostBinding,args:["class"]}],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"]}],iconClass:[{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-menu, cds-context-menu, ibm-context-menu",template:"\n\t\t\t<ng-content />\n\t",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0,styles:[context_menu_component_default()]})],ContextMenuComponent);let ContextMenuItemComponent=class ContextMenuItemComponent{get ariaChecked(){return"checkbox"===this.type?!!this.checked:null}get ariaDisabled(){return this.disabled}constructor(elementRef,changeDetectorRef,contextMenuSelectionService){this.elementRef=elementRef,this.changeDetectorRef=changeDetectorRef,this.contextMenuSelectionService=contextMenuSelectionService,this.optionClass=!0,this.role="menuitem",this.tabindex=-1,this.ariaHasPopup=null,this.ariaExpanded=null,this.disabled=!1,this.danger=!1,this.label="",this.info="",this.type=null,this.checked=!1,this.icon="",this.value="",this.dangerDescription="",this.checkedChange=new core.EventEmitter,this.itemClick=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.changeDetectorRef.markForCheck()}));this.subscriptions.add(subscription)}}ngAfterContentInit(){this.childContextMenu&&(this.hasChildren=!0,this.ariaHasPopup=!0,this.ariaExpanded=!1)}handleClick(event){event.stopPropagation(),this.disabled\|\|(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)),this.disabled\|\|this.itemClick.emit({event,label:this.label,info:this.info,value:this.value,type:this.type}))}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:core.ChangeDetectorRef},{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"]}],ariaDisabled:[{type:core.HostBinding,args:["attr.aria-disabled"]}],disabled:[{type:core.Input},{type:core.HostBinding,args:["class.cds--menu-item--disabled"]}],danger:[{type:core.Input},{type:core.HostBinding,args:["class.cds--menu-item--danger"]}],label:[{type:core.Input}],info:[{type:core.Input}],type:[{type:core.Input}],checked:[{type:core.Input}],icon:[{type:core.Input}],value:[{type:core.Input}],dangerDescription:[{type:core.Input}],checkedChange:[{type:core.Output}],itemClick:[{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-menu-item, 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@if (danger && dangerDescription) {\n\t\t\t<span class="cds--visually-hidden">{{dangerDescription}}</span>\n\t\t}\n\t\t<ng-content />\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[icon.LJ],styles:[context_menu_item_component_default()]})],ContextMenuItemComponent);let ContextMenuModule=class ContextMenuModule{};ContextMenuModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[ContextMenuDividerComponent,ContextMenuGroupComponent,ContextMenuItemComponent,ContextMenuComponent],imports:[common_module_Dx7dWex5.MD,icon.LJ,ContextMenuDividerComponent,ContextMenuGroupComponent,ContextMenuItemComponent,ContextMenuComponent]})],ContextMenuModule)},"./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.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()}}]);