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/button-button-set-stories.fa675e32.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[3035],{"./src/button/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{TV:()=>BaseIconButton,$n:()=>Button,tm:()=>ButtonModule,Te:()=>ButtonSet,K0:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Button=class Button{constructor(){this.cdsButton="primary",this.skeleton=!1,this.iconOnly=!1,this.isExpressive=!1,this.baseClass=!0}set ibmButton(type){this.cdsButton=type}get primaryButton(){return"primary"===this.cdsButton||!this.cdsButton}get secondaryButton(){return"secondary"===this.cdsButton}get tertiaryButton(){return"tertiary"===this.cdsButton}get ghostButton(){return"ghost"===this.cdsButton}get dangerButton(){return"danger"===this.cdsButton||"danger--primary"===this.cdsButton}get dangerTertiary(){return"danger--tertiary"===this.cdsButton}get dangerGhost(){return"danger--ghost"===this.cdsButton}get extraSmallSize(){return"xs"===this.size&&!this.isExpressive}get smallSize(){return"sm"===this.size&&!this.isExpressive}get mediumSize(){return"md"===this.size&&!this.isExpressive}get largeSize(){return"lg"===this.size}get extraLargeSize(){return"xl"===this.size}get twoExtraLargeSize(){return"2xl"===this.size}get extraSmallLayoutSize(){return"xs"===this.size&&!this.isExpressive}get smallLayoutSize(){return"sm"===this.size&&!this.isExpressive}get mediumLayoutSize(){return"md"===this.size&&!this.isExpressive}get largeLayoutSize(){return"lg"===this.size}get extraLargeLayoutSize(){return"xl"===this.size}get twoExtraLargeLayoutSize(){return"2xl"===this.size}static{this.propDecorators={ibmButton:[{type:core.Input}],cdsButton:[{type:core.Input}],size:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],iconOnly:[{type:core.HostBinding,args:["class.cds--btn--icon-only"]},{type:core.Input}],isExpressive:[{type:core.HostBinding,args:["class.cds--btn--expressive"]},{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--btn"]}],primaryButton:[{type:core.HostBinding,args:["class.cds--btn--primary"]}],secondaryButton:[{type:core.HostBinding,args:["class.cds--btn--secondary"]}],tertiaryButton:[{type:core.HostBinding,args:["class.cds--btn--tertiary"]}],ghostButton:[{type:core.HostBinding,args:["class.cds--btn--ghost"]}],dangerButton:[{type:core.HostBinding,args:["class.cds--btn--danger"]}],dangerTertiary:[{type:core.HostBinding,args:["class.cds--btn--danger--tertiary"]}],dangerGhost:[{type:core.HostBinding,args:["class.cds--btn--danger--ghost"]}],extraSmallSize:[{type:core.HostBinding,args:["class.cds--btn--xs"]}],smallSize:[{type:core.HostBinding,args:["class.cds--btn--sm"]}],mediumSize:[{type:core.HostBinding,args:["class.cds--btn--md"]}],largeSize:[{type:core.HostBinding,args:["class.cds--btn--lg"]}],extraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--xl"]}],twoExtraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--2xl"]}],extraSmallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xs"]}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],extraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xl"]}],twoExtraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-2xl"]}]}}};Button=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsButton], [ibmButton]",standalone:!0})],Button);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0,this.fluid=!1,this.stacked=!1}get fluidClass(){return this.fluid}get stackedClass(){return this.stacked}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}],fluid:[{type:core.Input}],stacked:[{type:core.Input}],fluidClass:[{type:core.HostBinding,args:["class.cds--btn-set--fluid"]}],stackedClass:[{type:core.HostBinding,args:["class.cds--btn-set--stacked"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:'\n\t\t@if (fluid) {\n\t\t\t<div class="cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack">\n\t\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t\t</div>\n\t\t}\n\t\t@if (!fluid) {\n\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],ButtonSet);let BaseIconButton=class BaseIconButton{constructor(){this.caret=!0,this.dropShadow=!0,this.highContrast=!0,this.isOpen=!1,this.align="bottom",this.autoAlign=!1,this.enterDelayMs=100,this.leaveDelayMs=300}static{this.propDecorators={caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],isOpen:[{type:core.Input}],align:[{type:core.Input}],autoAlign:[{type:core.Input}],enterDelayMs:[{type:core.Input}],leaveDelayMs:[{type:core.Input}]}}};BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],BaseIconButton);var IconButton_1,tooltip=__webpack_require__("./src/tooltip/index.ts");let IconButton=class IconButton extends BaseIconButton{static{IconButton_1=this}set buttonNgClass(obj){this.classList=Object.assign({"cds--btn--disabled":this.disabled},obj)}get buttonNgClass(){return this.classList}set buttonAttributes(obj){this.button&&(Object.keys(this.attributeList).forEach((key=>{this.renderer.removeAttribute(this.button.nativeElement,key)})),Object.keys(obj).forEach((key=>{this.renderer.setAttribute(this.button.nativeElement,key,obj[key])}))),this.attributeList=obj}get buttonAttributes(){return this.buttonAttributes}static{this.iconButtonCounter=0}constructor(renderer){super(),this.renderer=renderer,this.buttonId="icon-btn-"+IconButton_1.iconButtonCounter++,this.kind="primary",this.size="lg",this.type="button",this.isExpressive=!1,this.disabled=!1,this.showTooltipWhenDisabled=!1,this.click=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.tooltipClick=new core.EventEmitter,this.classList={},this.attributeList={}}ngAfterViewInit(){this.buttonAttributes=this.attributeList}emitClickEvent(event,element="button"){event.preventDefault(),event.stopPropagation(),"tooltip"!==element?this.click.emit(event):this.tooltipClick.emit(event)}static{this.ctorParameters=()=>[{type:core.Renderer2}]}static{this.propDecorators={buttonNgClass:[{type:core.Input}],buttonAttributes:[{type:core.Input}],button:[{type:core.ViewChild,args:["button"]}],buttonId:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],type:[{type:core.Input}],isExpressive:[{type:core.Input}],disabled:[{type:core.Input}],description:[{type:core.Input}],showTooltipWhenDisabled:[{type:core.Input}],click:[{type:core.Output}],focus:[{type:core.Output}],blur:[{type:core.Output}],tooltipClick:[{type:core.Output}]}}};IconButton=IconButton_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-icon-button, ibm-icon-button",template:'\n\t<cds-tooltip\n\t\tclass="cds--icon-tooltip"\n\t\t[description]="description"\n\t\t[disabled]="showTooltipWhenDisabled ? false : disabled"\n\t\t[caret]="caret"\n\t\t[dropShadow]="dropShadow"\n\t\t[highContrast]="highContrast"\n\t\t[isOpen]="isOpen"\n\t\t[align]="align"\n\t\t[autoAlign]="autoAlign"\n\t\t[enterDelayMs]="enterDelayMs"\n\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t(click)="emitClickEvent($event, \'tooltip\')">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]="buttonId"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.type]="type"\n\t\t\t[iconOnly]="true"\n\t\t\t[ngClass]="buttonNgClass"\n\t\t\t[cdsButton]="kind"\n\t\t\t[size]="size"\n\t\t\t[isExpressive]="isExpressive"\n\t\t\t(click)="emitClickEvent($event)"\n\t\t\t(focus)="focus.emit($event)"\n\t\t\t(blur)="blur.emit($event)">\n\t\t\t<ng-content />\n\t\t</button>\n\t</cds-tooltip>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[tooltip.m_,common_module_Dx7dWex5.YU,Button]})],IconButton);let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Button,ButtonSet,IconButton],imports:[common_module_Dx7dWex5.MD,tooltip.Ss,Button,ButtonSet,BaseIconButton,IconButton]})],ButtonModule)},"./src/icon/icon.directive.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/placeholder/index.ts");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root,xmlns="http://www.w3.org/2000/svg";svg.setAttribute("xmlns",xmlns);const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElementNS(xmlns,"title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_2__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cdsIcon], [ibmIcon]",providers:[carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__.F2],standalone:!0})],IconDirective)},"./src/icon/icon.module.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/icon.directive.ts");let IconModule=class IconModule{};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.MD,_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L]})],IconModule)},"./src/icon/icon.service.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/arrow--down/16.js"),_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/arrows--vertical/16.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox/16.js"),_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox--checked--filled/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__=__webpack_require__("./node_modules/@carbon/icons/es/undo/16.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super(`Size ${size} for ${name} not found`)}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)||this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache,this.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__.A,_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__.A])}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){let{size,attrs:{width}}=descriptor;this.iconCache.set(name,(size??width).toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg||(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}static{this.ctorParameters=()=>[]}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconService)},"./src/icon/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.o,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/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/button/button-set.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Fluid:()=>Fluid,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/index.ts"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Button/Button Set",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.Iz)({imports:[___WEBPACK_IMPORTED_MODULE_2__.$n,_icon__WEBPACK_IMPORTED_MODULE_1__.LJ]})],parameters:{layout:"centered"},component:___WEBPACK_IMPORTED_MODULE_2__.Te},Basic=(args=>({props:args,template:'\n <cds-button-set>\n <button cdsButton="secondary">Button</button>\n <button cdsButton>Button</button>\n </cds-button-set>\n '})).bind({});Basic.args={fluid:!1,stacked:!1};const Fluid=(args=>({props:args,template:'\n <cds-button-set [fluid]="fluid" [stacked]="stacked" style="width: 800px;">\n <button cdsButton="ghost" [size]="size">Cancel</button>\n <button cdsButton="secondary" [size]="size">Button</button>\n <button cdsButton>Button</button>\n </cds-button-set>\n '})).bind({});Fluid.args={fluid:!0,stacked:!1};const __namedExportsOrder=["Basic","Fluid"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-button-set>\n <button cdsButton="secondary">Button</button>\n <button cdsButton>Button</button>\n </cds-button-set>\n `\n})',...Basic.parameters?.docs?.source}}},Fluid.parameters={...Fluid.parameters,docs:{...Fluid.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-button-set [fluid]="fluid" [stacked]="stacked" style="width: 800px;">\n <button cdsButton="ghost" [size]="size">Cancel</button>\n <button cdsButton="secondary" [size]="size">Button</button>\n <button cdsButton>Button</button>\n </cds-button-set>\n `\n})',...Fluid.parameters?.docs?.source}}}}}]);

package/docs/storybook/button-button-stories.018cbff3.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[8016],{"./src/button/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{TV:()=>BaseIconButton,$n:()=>Button,tm:()=>ButtonModule,Te:()=>ButtonSet,K0:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Button=class Button{constructor(){this.cdsButton="primary",this.skeleton=!1,this.iconOnly=!1,this.isExpressive=!1,this.baseClass=!0}set ibmButton(type){this.cdsButton=type}get primaryButton(){return"primary"===this.cdsButton||!this.cdsButton}get secondaryButton(){return"secondary"===this.cdsButton}get tertiaryButton(){return"tertiary"===this.cdsButton}get ghostButton(){return"ghost"===this.cdsButton}get dangerButton(){return"danger"===this.cdsButton||"danger--primary"===this.cdsButton}get dangerTertiary(){return"danger--tertiary"===this.cdsButton}get dangerGhost(){return"danger--ghost"===this.cdsButton}get extraSmallSize(){return"xs"===this.size&&!this.isExpressive}get smallSize(){return"sm"===this.size&&!this.isExpressive}get mediumSize(){return"md"===this.size&&!this.isExpressive}get largeSize(){return"lg"===this.size}get extraLargeSize(){return"xl"===this.size}get twoExtraLargeSize(){return"2xl"===this.size}get extraSmallLayoutSize(){return"xs"===this.size&&!this.isExpressive}get smallLayoutSize(){return"sm"===this.size&&!this.isExpressive}get mediumLayoutSize(){return"md"===this.size&&!this.isExpressive}get largeLayoutSize(){return"lg"===this.size}get extraLargeLayoutSize(){return"xl"===this.size}get twoExtraLargeLayoutSize(){return"2xl"===this.size}static{this.propDecorators={ibmButton:[{type:core.Input}],cdsButton:[{type:core.Input}],size:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],iconOnly:[{type:core.HostBinding,args:["class.cds--btn--icon-only"]},{type:core.Input}],isExpressive:[{type:core.HostBinding,args:["class.cds--btn--expressive"]},{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--btn"]}],primaryButton:[{type:core.HostBinding,args:["class.cds--btn--primary"]}],secondaryButton:[{type:core.HostBinding,args:["class.cds--btn--secondary"]}],tertiaryButton:[{type:core.HostBinding,args:["class.cds--btn--tertiary"]}],ghostButton:[{type:core.HostBinding,args:["class.cds--btn--ghost"]}],dangerButton:[{type:core.HostBinding,args:["class.cds--btn--danger"]}],dangerTertiary:[{type:core.HostBinding,args:["class.cds--btn--danger--tertiary"]}],dangerGhost:[{type:core.HostBinding,args:["class.cds--btn--danger--ghost"]}],extraSmallSize:[{type:core.HostBinding,args:["class.cds--btn--xs"]}],smallSize:[{type:core.HostBinding,args:["class.cds--btn--sm"]}],mediumSize:[{type:core.HostBinding,args:["class.cds--btn--md"]}],largeSize:[{type:core.HostBinding,args:["class.cds--btn--lg"]}],extraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--xl"]}],twoExtraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--2xl"]}],extraSmallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xs"]}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],extraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xl"]}],twoExtraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-2xl"]}]}}};Button=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsButton], [ibmButton]",standalone:!0})],Button);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0,this.fluid=!1,this.stacked=!1}get fluidClass(){return this.fluid}get stackedClass(){return this.stacked}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}],fluid:[{type:core.Input}],stacked:[{type:core.Input}],fluidClass:[{type:core.HostBinding,args:["class.cds--btn-set--fluid"]}],stackedClass:[{type:core.HostBinding,args:["class.cds--btn-set--stacked"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:'\n\t\t@if (fluid) {\n\t\t\t<div class="cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack">\n\t\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t\t</div>\n\t\t}\n\t\t@if (!fluid) {\n\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],ButtonSet);let BaseIconButton=class BaseIconButton{constructor(){this.caret=!0,this.dropShadow=!0,this.highContrast=!0,this.isOpen=!1,this.align="bottom",this.autoAlign=!1,this.enterDelayMs=100,this.leaveDelayMs=300}static{this.propDecorators={caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],isOpen:[{type:core.Input}],align:[{type:core.Input}],autoAlign:[{type:core.Input}],enterDelayMs:[{type:core.Input}],leaveDelayMs:[{type:core.Input}]}}};BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],BaseIconButton);var IconButton_1,tooltip=__webpack_require__("./src/tooltip/index.ts");let IconButton=class IconButton extends BaseIconButton{static{IconButton_1=this}set buttonNgClass(obj){this.classList=Object.assign({"cds--btn--disabled":this.disabled},obj)}get buttonNgClass(){return this.classList}set buttonAttributes(obj){this.button&&(Object.keys(this.attributeList).forEach((key=>{this.renderer.removeAttribute(this.button.nativeElement,key)})),Object.keys(obj).forEach((key=>{this.renderer.setAttribute(this.button.nativeElement,key,obj[key])}))),this.attributeList=obj}get buttonAttributes(){return this.buttonAttributes}static{this.iconButtonCounter=0}constructor(renderer){super(),this.renderer=renderer,this.buttonId="icon-btn-"+IconButton_1.iconButtonCounter++,this.kind="primary",this.size="lg",this.type="button",this.isExpressive=!1,this.disabled=!1,this.showTooltipWhenDisabled=!1,this.click=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.tooltipClick=new core.EventEmitter,this.classList={},this.attributeList={}}ngAfterViewInit(){this.buttonAttributes=this.attributeList}emitClickEvent(event,element="button"){event.preventDefault(),event.stopPropagation(),"tooltip"!==element?this.click.emit(event):this.tooltipClick.emit(event)}static{this.ctorParameters=()=>[{type:core.Renderer2}]}static{this.propDecorators={buttonNgClass:[{type:core.Input}],buttonAttributes:[{type:core.Input}],button:[{type:core.ViewChild,args:["button"]}],buttonId:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],type:[{type:core.Input}],isExpressive:[{type:core.Input}],disabled:[{type:core.Input}],description:[{type:core.Input}],showTooltipWhenDisabled:[{type:core.Input}],click:[{type:core.Output}],focus:[{type:core.Output}],blur:[{type:core.Output}],tooltipClick:[{type:core.Output}]}}};IconButton=IconButton_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-icon-button, ibm-icon-button",template:'\n\t<cds-tooltip\n\t\tclass="cds--icon-tooltip"\n\t\t[description]="description"\n\t\t[disabled]="showTooltipWhenDisabled ? false : disabled"\n\t\t[caret]="caret"\n\t\t[dropShadow]="dropShadow"\n\t\t[highContrast]="highContrast"\n\t\t[isOpen]="isOpen"\n\t\t[align]="align"\n\t\t[autoAlign]="autoAlign"\n\t\t[enterDelayMs]="enterDelayMs"\n\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t(click)="emitClickEvent($event, \'tooltip\')">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]="buttonId"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.type]="type"\n\t\t\t[iconOnly]="true"\n\t\t\t[ngClass]="buttonNgClass"\n\t\t\t[cdsButton]="kind"\n\t\t\t[size]="size"\n\t\t\t[isExpressive]="isExpressive"\n\t\t\t(click)="emitClickEvent($event)"\n\t\t\t(focus)="focus.emit($event)"\n\t\t\t(blur)="blur.emit($event)">\n\t\t\t<ng-content />\n\t\t</button>\n\t</cds-tooltip>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[tooltip.m_,common_module_Dx7dWex5.YU,Button]})],IconButton);let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Button,ButtonSet,IconButton],imports:[common_module_Dx7dWex5.MD,tooltip.Ss,Button,ButtonSet,BaseIconButton,IconButton]})],ButtonModule)},"./src/icon/icon.directive.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/placeholder/index.ts");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root,xmlns="http://www.w3.org/2000/svg";svg.setAttribute("xmlns",xmlns);const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElementNS(xmlns,"title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_2__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cdsIcon], [ibmIcon]",providers:[carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__.F2],standalone:!0})],IconDirective)},"./src/icon/icon.module.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/icon.directive.ts");let IconModule=class IconModule{};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.MD,_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L]})],IconModule)},"./src/icon/icon.service.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/arrow--down/16.js"),_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/arrows--vertical/16.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox/16.js"),_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox--checked--filled/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__=__webpack_require__("./node_modules/@carbon/icons/es/undo/16.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super(`Size ${size} for ${name} not found`)}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)||this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache,this.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__.A,_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__.A])}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){let{size,attrs:{width}}=descriptor;this.iconCache.set(name,(size??width).toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg||(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}static{this.ctorParameters=()=>[]}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconService)},"./src/icon/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.o,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/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/button/button.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,WithIcon:()=>WithIcon,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/index.ts"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Button",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.Iz)({imports:[___WEBPACK_IMPORTED_MODULE_2__.$n,_icon__WEBPACK_IMPORTED_MODULE_1__.LJ]})],args:{kind:"primary",size:"md",isExpressive:"false",disabled:!1},argTypes:{kind:{options:["primary","secondary","tertiary","ghost","danger","danger--primary","danger--tertiary","danger--ghost"],control:{type:"select"},name:"cdsButton"},size:{options:["sm","md","lg","xl","2xl"],control:{type:"select"}},isExpressive:{type:"boolean"},disabled:{type:"boolean"},onClick:{action:"clicked"},onMouseEnter:{action:"mouseenter"},onMouseLeave:{action:"mouseleave"},onFocus:{action:"focus"},onBlur:{action:"blur"}},parameters:{layout:"centered"},component:___WEBPACK_IMPORTED_MODULE_2__.$n},Basic=(args=>({props:args,template:'\n <button\n [cdsButton]="kind"\n [size]="size"\n [isExpressive]="isExpressive"\n [disabled]="disabled"\n (click)="onClick($event)"\n (mouseenter)="onMouseEnter($event)"\n (mouseleave)="onMouseLeave($event)"\n (focus)="onFocus($event)"\n (blur)="onBlur($event)">\n Button\n </button>\n '})).bind({}),WithIcon=(args=>({props:args,template:'\n <button\n [cdsButton]="kind"\n [size]="size"\n [isExpressive]="isExpressive"\n [disabled]="disabled"\n (click)="onClick($event)"\n (mouseenter)="onMouseEnter($event)"\n (mouseleave)="onMouseleave($event)"\n (focus)="onFocus($event)"\n (blur)="onBlur($event)">\n With icon\n <svg class="cds--btn__icon" cdsIcon="add" size="16"></svg>\n </button>\n '})).bind({}),__namedExportsOrder=["Basic","WithIcon"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <button\n [cdsButton]="kind"\n [size]="size"\n [isExpressive]="isExpressive"\n [disabled]="disabled"\n (click)="onClick($event)"\n (mouseenter)="onMouseEnter($event)"\n (mouseleave)="onMouseLeave($event)"\n (focus)="onFocus($event)"\n (blur)="onBlur($event)">\n Button\n </button>\n `\n})',...Basic.parameters?.docs?.source}}},WithIcon.parameters={...WithIcon.parameters,docs:{...WithIcon.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <button\n [cdsButton]="kind"\n [size]="size"\n [isExpressive]="isExpressive"\n [disabled]="disabled"\n (click)="onClick($event)"\n (mouseenter)="onMouseEnter($event)"\n (mouseleave)="onMouseleave($event)"\n (focus)="onFocus($event)"\n (blur)="onBlur($event)">\n With icon\n <svg class="cds--btn__icon" cdsIcon="add" size="16"></svg>\n </button>\n `\n})',...WithIcon.parameters?.docs?.source}}}}}]);

package/docs/storybook/button-icon-button-stories.dd6cbcba.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[9476],{"./src/button/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{TV:()=>BaseIconButton,$n:()=>Button,tm:()=>ButtonModule,Te:()=>ButtonSet,K0:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Button=class Button{constructor(){this.cdsButton="primary",this.skeleton=!1,this.iconOnly=!1,this.isExpressive=!1,this.baseClass=!0}set ibmButton(type){this.cdsButton=type}get primaryButton(){return"primary"===this.cdsButton||!this.cdsButton}get secondaryButton(){return"secondary"===this.cdsButton}get tertiaryButton(){return"tertiary"===this.cdsButton}get ghostButton(){return"ghost"===this.cdsButton}get dangerButton(){return"danger"===this.cdsButton||"danger--primary"===this.cdsButton}get dangerTertiary(){return"danger--tertiary"===this.cdsButton}get dangerGhost(){return"danger--ghost"===this.cdsButton}get extraSmallSize(){return"xs"===this.size&&!this.isExpressive}get smallSize(){return"sm"===this.size&&!this.isExpressive}get mediumSize(){return"md"===this.size&&!this.isExpressive}get largeSize(){return"lg"===this.size}get extraLargeSize(){return"xl"===this.size}get twoExtraLargeSize(){return"2xl"===this.size}get extraSmallLayoutSize(){return"xs"===this.size&&!this.isExpressive}get smallLayoutSize(){return"sm"===this.size&&!this.isExpressive}get mediumLayoutSize(){return"md"===this.size&&!this.isExpressive}get largeLayoutSize(){return"lg"===this.size}get extraLargeLayoutSize(){return"xl"===this.size}get twoExtraLargeLayoutSize(){return"2xl"===this.size}static{this.propDecorators={ibmButton:[{type:core.Input}],cdsButton:[{type:core.Input}],size:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],iconOnly:[{type:core.HostBinding,args:["class.cds--btn--icon-only"]},{type:core.Input}],isExpressive:[{type:core.HostBinding,args:["class.cds--btn--expressive"]},{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--btn"]}],primaryButton:[{type:core.HostBinding,args:["class.cds--btn--primary"]}],secondaryButton:[{type:core.HostBinding,args:["class.cds--btn--secondary"]}],tertiaryButton:[{type:core.HostBinding,args:["class.cds--btn--tertiary"]}],ghostButton:[{type:core.HostBinding,args:["class.cds--btn--ghost"]}],dangerButton:[{type:core.HostBinding,args:["class.cds--btn--danger"]}],dangerTertiary:[{type:core.HostBinding,args:["class.cds--btn--danger--tertiary"]}],dangerGhost:[{type:core.HostBinding,args:["class.cds--btn--danger--ghost"]}],extraSmallSize:[{type:core.HostBinding,args:["class.cds--btn--xs"]}],smallSize:[{type:core.HostBinding,args:["class.cds--btn--sm"]}],mediumSize:[{type:core.HostBinding,args:["class.cds--btn--md"]}],largeSize:[{type:core.HostBinding,args:["class.cds--btn--lg"]}],extraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--xl"]}],twoExtraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--2xl"]}],extraSmallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xs"]}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],extraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xl"]}],twoExtraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-2xl"]}]}}};Button=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsButton], [ibmButton]",standalone:!0})],Button);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0,this.fluid=!1,this.stacked=!1}get fluidClass(){return this.fluid}get stackedClass(){return this.stacked}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}],fluid:[{type:core.Input}],stacked:[{type:core.Input}],fluidClass:[{type:core.HostBinding,args:["class.cds--btn-set--fluid"]}],stackedClass:[{type:core.HostBinding,args:["class.cds--btn-set--stacked"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:'\n\t\t@if (fluid) {\n\t\t\t<div class="cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack">\n\t\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t\t</div>\n\t\t}\n\t\t@if (!fluid) {\n\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],ButtonSet);let BaseIconButton=class BaseIconButton{constructor(){this.caret=!0,this.dropShadow=!0,this.highContrast=!0,this.isOpen=!1,this.align="bottom",this.autoAlign=!1,this.enterDelayMs=100,this.leaveDelayMs=300}static{this.propDecorators={caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],isOpen:[{type:core.Input}],align:[{type:core.Input}],autoAlign:[{type:core.Input}],enterDelayMs:[{type:core.Input}],leaveDelayMs:[{type:core.Input}]}}};BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],BaseIconButton);var IconButton_1,tooltip=__webpack_require__("./src/tooltip/index.ts");let IconButton=class IconButton extends BaseIconButton{static{IconButton_1=this}set buttonNgClass(obj){this.classList=Object.assign({"cds--btn--disabled":this.disabled},obj)}get buttonNgClass(){return this.classList}set buttonAttributes(obj){this.button&&(Object.keys(this.attributeList).forEach((key=>{this.renderer.removeAttribute(this.button.nativeElement,key)})),Object.keys(obj).forEach((key=>{this.renderer.setAttribute(this.button.nativeElement,key,obj[key])}))),this.attributeList=obj}get buttonAttributes(){return this.buttonAttributes}static{this.iconButtonCounter=0}constructor(renderer){super(),this.renderer=renderer,this.buttonId="icon-btn-"+IconButton_1.iconButtonCounter++,this.kind="primary",this.size="lg",this.type="button",this.isExpressive=!1,this.disabled=!1,this.showTooltipWhenDisabled=!1,this.click=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.tooltipClick=new core.EventEmitter,this.classList={},this.attributeList={}}ngAfterViewInit(){this.buttonAttributes=this.attributeList}emitClickEvent(event,element="button"){event.preventDefault(),event.stopPropagation(),"tooltip"!==element?this.click.emit(event):this.tooltipClick.emit(event)}static{this.ctorParameters=()=>[{type:core.Renderer2}]}static{this.propDecorators={buttonNgClass:[{type:core.Input}],buttonAttributes:[{type:core.Input}],button:[{type:core.ViewChild,args:["button"]}],buttonId:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],type:[{type:core.Input}],isExpressive:[{type:core.Input}],disabled:[{type:core.Input}],description:[{type:core.Input}],showTooltipWhenDisabled:[{type:core.Input}],click:[{type:core.Output}],focus:[{type:core.Output}],blur:[{type:core.Output}],tooltipClick:[{type:core.Output}]}}};IconButton=IconButton_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-icon-button, ibm-icon-button",template:'\n\t<cds-tooltip\n\t\tclass="cds--icon-tooltip"\n\t\t[description]="description"\n\t\t[disabled]="showTooltipWhenDisabled ? false : disabled"\n\t\t[caret]="caret"\n\t\t[dropShadow]="dropShadow"\n\t\t[highContrast]="highContrast"\n\t\t[isOpen]="isOpen"\n\t\t[align]="align"\n\t\t[autoAlign]="autoAlign"\n\t\t[enterDelayMs]="enterDelayMs"\n\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t(click)="emitClickEvent($event, \'tooltip\')">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]="buttonId"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.type]="type"\n\t\t\t[iconOnly]="true"\n\t\t\t[ngClass]="buttonNgClass"\n\t\t\t[cdsButton]="kind"\n\t\t\t[size]="size"\n\t\t\t[isExpressive]="isExpressive"\n\t\t\t(click)="emitClickEvent($event)"\n\t\t\t(focus)="focus.emit($event)"\n\t\t\t(blur)="blur.emit($event)">\n\t\t\t<ng-content />\n\t\t</button>\n\t</cds-tooltip>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[tooltip.m_,common_module_Dx7dWex5.YU,Button]})],IconButton);let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Button,ButtonSet,IconButton],imports:[common_module_Dx7dWex5.MD,tooltip.Ss,Button,ButtonSet,BaseIconButton,IconButton]})],ButtonModule)},"./src/icon/icon.directive.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/placeholder/index.ts");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root,xmlns="http://www.w3.org/2000/svg";svg.setAttribute("xmlns",xmlns);const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElementNS(xmlns,"title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_2__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cdsIcon], [ibmIcon]",providers:[carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__.F2],standalone:!0})],IconDirective)},"./src/icon/icon.module.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/icon.directive.ts");let IconModule=class IconModule{};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.MD,_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L]})],IconModule)},"./src/icon/icon.service.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/arrow--down/16.js"),_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/arrows--vertical/16.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox/16.js"),_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox--checked--filled/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__=__webpack_require__("./node_modules/@carbon/icons/es/undo/16.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super(`Size ${size} for ${name} not found`)}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)||this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache,this.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__.A,_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__.A])}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){let{size,attrs:{width}}=descriptor;this.iconCache.set(name,(size??width).toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg||(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}static{this.ctorParameters=()=>[]}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconService)},"./src/icon/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.o,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/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/button/icon-button.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,WithAutoAlign:()=>WithAutoAlign,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/index.ts"),___WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Button/Icon Button",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.Iz)({imports:[___WEBPACK_IMPORTED_MODULE_2__.$n,_icon__WEBPACK_IMPORTED_MODULE_1__.LJ]})],args:{align:"bottom",kind:"primary",size:"md",isExpressive:"false",disabled:!1,autoAlign:!1,showTooltipWhenDisabled:!1},argTypes:{align:{options:["top","left","bottom","right"],control:{type:"select"}},kind:{options:["primary","secondary","tertiary","ghost","danger","danger--primary","danger--tertiary","danger--ghost"],control:{type:"select"},name:"kind"},size:{options:["sm","md","lg","xl","2xl"],control:{type:"select"}},isExpressive:{type:"boolean"},disabled:{type:"boolean"},showTooltipWhenDisabled:{type:"boolean"},onClick:{action:"clicked"},onMouseEnter:{action:"mouseenter"},onMouseLeave:{action:"mouseleave"},onFocus:{action:"focus"},onBlur:{action:"blur"}},parameters:{layout:"centered"},component:___WEBPACK_IMPORTED_MODULE_2__.K0},Basic=(args=>({props:args,template:'\n <cds-icon-button\n buttonId="icon-btn1"\n type="button"\n [kind]="kind"\n [size]="size"\n [align]="align"\n [buttonNgClass]="buttonNgClass"\n [buttonAttributes]="buttonAttributes"\n [disabled]="disabled"\n [showTooltipWhenDisabled]="showTooltipWhenDisabled"\n description="Icon Description"\n (click)="onClick($event)"\n (mouseenter)="onMouseEnter($event)"\n (mouseleave)="onMouseLeave($event)"\n (focus)="onFocus($event)"\n (blur)="onBlur($event)">\n <svg class="cds--btn__icon" cdsIcon="copy" size="16"></svg>\n </cds-icon-button>\n '})).bind({});Basic.args={buttonAttributes:{"aria-label":"Example button aria-label"},buttonNgClass:{"example-global-class":!0}};const WithAutoAlign=(args=>({props:args,template:'\n <div style="height:3000px">\n Scrolling will update the position of the tooltip:\n <div style="position: absolute; top: 500px; left: 500px;">\n <cds-icon-button\n buttonId="icon-btn1"\n type="button"\n [kind]="kind"\n [size]="size"\n [align]="align"\n [autoAlign]="autoAlign"\n [isOpen]="isOpen"\n [buttonNgClass]="buttonNgClass"\n [disabled]="disabled"\n [showTooltipWhenDisabled]="showTooltipWhenDisabled"\n [description]="description"\n (click)="onClick($event)"\n (mouseenter)="onMouseEnter($event)"\n (mouseleave)="onMouseLeave($event)"\n (focus)="onFocus($event)"\n (blur)="onBlur($event)">\n <svg class="cds--btn__icon" cdsIcon="copy" size="16"></svg>\n </cds-icon-button>\n </div>\n </div>\n '})).bind({});WithAutoAlign.args={autoAlign:!0,description:"Icon Description",align:"top",isOpen:!0};const __namedExportsOrder=["Basic","WithAutoAlign"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-icon-button\n buttonId="icon-btn1"\n type="button"\n [kind]="kind"\n [size]="size"\n [align]="align"\n [buttonNgClass]="buttonNgClass"\n [buttonAttributes]="buttonAttributes"\n [disabled]="disabled"\n [showTooltipWhenDisabled]="showTooltipWhenDisabled"\n description="Icon Description"\n (click)="onClick($event)"\n (mouseenter)="onMouseEnter($event)"\n (mouseleave)="onMouseLeave($event)"\n (focus)="onFocus($event)"\n (blur)="onBlur($event)">\n <svg class="cds--btn__icon" cdsIcon="copy" size="16"></svg>\n </cds-icon-button>\n `\n})',...Basic.parameters?.docs?.source}}},WithAutoAlign.parameters={...WithAutoAlign.parameters,docs:{...WithAutoAlign.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div style="height:3000px">\n Scrolling will update the position of the tooltip:\n <div style="position: absolute; top: 500px; left: 500px;">\n <cds-icon-button\n buttonId="icon-btn1"\n type="button"\n [kind]="kind"\n [size]="size"\n [align]="align"\n [autoAlign]="autoAlign"\n [isOpen]="isOpen"\n [buttonNgClass]="buttonNgClass"\n [disabled]="disabled"\n [showTooltipWhenDisabled]="showTooltipWhenDisabled"\n [description]="description"\n (click)="onClick($event)"\n (mouseenter)="onMouseEnter($event)"\n (mouseleave)="onMouseLeave($event)"\n (focus)="onFocus($event)"\n (blur)="onBlur($event)">\n <svg class="cds--btn__icon" cdsIcon="copy" size="16"></svg>\n </cds-icon-button>\n </div>\n </div>\n `\n})',...WithAutoAlign.parameters?.docs?.source}}}}}]);

package/docs/storybook/checkbox-checkbox-stories.5ef654f3.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[5666],{"./src/checkbox/checkbox-group-host.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{B:()=>CHECKBOX_GROUP_HOST});const CHECKBOX_GROUP_HOST=new(__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs").InjectionToken)("CheckboxGroupHost")},"./src/checkbox/checkbox.component.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{S:()=>Checkbox});var Checkbox_1,CheckboxState,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icon/index.ts"),_checkbox_group_host__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/checkbox/checkbox-group-host.ts");!function(CheckboxState){CheckboxState[CheckboxState.Init=0]="Init",CheckboxState[CheckboxState.Indeterminate=1]="Indeterminate",CheckboxState[CheckboxState.Checked=2]="Checked",CheckboxState[CheckboxState.Unchecked=3]="Unchecked"}(CheckboxState||(CheckboxState={}));let Checkbox=class Checkbox{static{Checkbox_1=this}static{this.checkboxCount=0}static{this.helperIdCounter=0}set indeterminate(indeterminate){indeterminate!==this._indeterminate&&(this._indeterminate=indeterminate,this._indeterminate?this.transitionCheckboxState(CheckboxState.Indeterminate):this.transitionCheckboxState(this.checked?CheckboxState.Checked:CheckboxState.Unchecked),this.inputCheckbox&&this.inputCheckbox.nativeElement&&(this.inputCheckbox.nativeElement.indeterminate=indeterminate),this.changeDetectorRef.markForCheck(),this.indeterminateChange.emit(this._indeterminate))}get indeterminate(){return this._indeterminate}set checked(checked){this.setChecked(checked,!1)}get checked(){return this._checked}constructor(changeDetectorRef,hostGroup){this.changeDetectorRef=changeDetectorRef,this.hostGroup=hostGroup,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id=`checkbox-${Checkbox_1.checkboxCount}`,this.title="",this.click=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.checkedChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.indeterminateChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this._checked=!1,this._indeterminate=!1,this.currentCheckboxState=CheckboxState.Init,this.helperId="checkbox-helper-"+Checkbox_1.helperIdCounter++,this.onTouched=()=>{},this.propagateChange=_=>{},Checkbox_1.checkboxCount++}get effectiveReadOnly(){const own=this.readOnly,group=this.hostGroup?.readOnly??!1;return!!(void 0!==own?own:group)}get effectiveInvalid(){const own=this.invalid,group=this.hostGroup?.invalid??!1;return!!(void 0!==own?own:group)}get effectiveWarn(){const own=this.warn,group=this.hostGroup?.warn??!1;return!!(void 0!==own?own:group)}toggle(){this.effectiveReadOnly||this.setChecked(!this.checked,!0)}writeValue(value){this.setChecked(!!value,!0)}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){this.disabled=isDisabled,this.changeDetectorRef.markForCheck()}markForCheckFromGroup(){this.changeDetectorRef.markForCheck()}focusOut(){this.onTouched()}onChange(event){event.stopPropagation()}onClick(event){return this.effectiveReadOnly?(event.preventDefault(),void(this.click.observers.length&&this.click.emit())):this.click.observers.length?(event.preventDefault(),void this.click.emit()):void(this.disabled||(this.toggle(),this.transitionCheckboxState(this._checked?CheckboxState.Checked:CheckboxState.Unchecked),this.emitChangeEvent()))}transitionCheckboxState(newState){this.currentCheckboxState=newState}emitChangeEvent(){this.checkedChange.emit(this.checked),this.propagateChange(this.checked)}ngAfterViewInit(){this.indeterminate&&this.inputCheckbox&&this.inputCheckbox.nativeElement&&(this.inputCheckbox.nativeElement.indeterminate=!0)}isTemplate(value){return value instanceof _angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef}setChecked(checked,resetIndeterminate){checked!==this._checked&&(this._checked=checked,resetIndeterminate&&this._indeterminate&&(this._indeterminate=!1,Promise.resolve().then((()=>{this.indeterminateChange.emit(this._indeterminate)}))),this.changeDetectorRef.markForCheck())}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ChangeDetectorRef},{type:void 0,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Optional},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_checkbox_group_host__WEBPACK_IMPORTED_MODULE_5__.B]}]}]}static{this.propDecorators={disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],skeleton:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hideLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],name:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],id:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],required:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],value:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledby:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],helperText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalidText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warn:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warnText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],readOnly:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],decorator:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],indeterminate:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],checked:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],click:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],checkedChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],indeterminateChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],inputCheckbox:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild,args:["inputCheckbox"]}],focusOut:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["focusout"]}]}}};Checkbox=Checkbox_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({selector:"cds-checkbox, ibm-checkbox",template:'\n\t\t<div class="cds--form-item cds--checkbox-wrapper"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--checkbox-wrapper--invalid\': !effectiveReadOnly && effectiveInvalid,\n\t\t\t\t\'cds--checkbox-wrapper--warning\': !effectiveReadOnly && !effectiveInvalid && effectiveWarn,\n\t\t\t\t\'cds--checkbox-wrapper--readonly\': effectiveReadOnly,\n\t\t\t\t\'cds--checkbox-wrapper--decorator\': !!decorator\n\t\t\t}">\n\t\t\t<input\n\t\t\t\t#inputCheckbox\n\t\t\t\tclass="cds--checkbox"\n\t\t\t\ttype="checkbox"\n\t\t\t\t[id]="id + \'_input\'"\n\t\t\t\t[value]="value"\n\t\t\t\t[name]="name"\n\t\t\t\t[required]="required"\n\t\t\t\t[checked]="checked"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[attr.data-invalid]="(!effectiveReadOnly && effectiveInvalid) ? true : null"\n\t\t\t\t[attr.aria-readonly]="effectiveReadOnly ? true : null"\n\t\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t\t[attr.aria-describedby]="(helperText && !effectiveInvalid && !effectiveWarn) ? helperId : null"\n\t\t\t\t(change)="onChange($event)"\n\t\t\t\t(click)="onClick($event)">\n\t\t\t<label\n\t\t\t\t[for]="id + \'_input\'"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t[attr.title]="title || null"\n\t\t\t\tclass="cds--checkbox-label"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--skeleton\' : skeleton\n\t\t\t\t}">\n\t\t\t\t<span [ngClass]="{\'cds--visually-hidden\' : hideLabel}" class="cds--checkbox-label-text">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t@if (decorator) {\n\t\t\t\t\t\t<div class="cds--checkbox-wrapper-inner--decorator">\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t\t<div class="cds--checkbox__validation-msg">\n\t\t\t\t@if (!effectiveReadOnly && effectiveInvalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--checkbox__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="$any(invalidText)"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!effectiveReadOnly && !effectiveInvalid && effectiveWarn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="$any(warnText)"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (helperText && !effectiveInvalid && !effectiveWarn) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[id]="helperId">\n\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="$any(helperText)"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t',providers:[{provide:_angular_forms__WEBPACK_IMPORTED_MODULE_2__.kq,useExisting:Checkbox,multi:!0}],changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ChangeDetectionStrategy.OnPush,imports:[_angular_common__WEBPACK_IMPORTED_MODULE_3__.YU,_angular_common__WEBPACK_IMPORTED_MODULE_3__.T3,carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__.LJ]})],Checkbox)},"./src/checkbox/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Bv:()=>checkbox_group_host.B,Sc:()=>checkbox_component.S,q4:()=>CheckboxModule});var CheckboxGroup_1,checkbox_component=__webpack_require__("./src/checkbox/checkbox.component.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts"),checkbox_group_host=__webpack_require__("./src/checkbox/checkbox-group-host.ts");let CheckboxGroup=class CheckboxGroup{static{CheckboxGroup_1=this}static{this.nextHelperId=0}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.hostFormItem=!0,this.helperTextId="checkbox-group-helper-"+CheckboxGroup_1.nextHelperId++,this.orientation="vertical",this.invalid=!1,this.warn=!1,this.readOnly=!1}ngOnChanges(changes){(changes.readOnly||changes.invalid||changes.warn)&&this.notifyCheckboxesHostStateChanged()}ngAfterContentInit(){this.checkboxes.changes.subscribe((()=>this.notifyCheckboxesHostStateChanged()))}isTemplate(value){return value instanceof core.TemplateRef}notifyCheckboxesHostStateChanged(){Promise.resolve().then((()=>{this.checkboxes?.forEach((cb=>cb.markForCheckFromGroup())),this.changeDetectorRef.markForCheck()}))}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={hostFormItem:[{type:core.HostBinding,args:["class.cds--form-item"]}],checkboxes:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>checkbox_component.S)),{descendants:!0}]}],legend:[{type:core.Input}],legendId:[{type:core.Input}],fieldsetAriaLabelledby:[{type:core.Input}],orientation:[{type:core.Input}],helperText:[{type:core.Input}],invalid:[{type:core.Input}],invalidText:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],readOnly:[{type:core.Input}],decorator:[{type:core.Input}]}}};CheckboxGroup=CheckboxGroup_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-checkbox-group, ibm-checkbox-group",template:'\n\t\t<fieldset\n\t\t\tclass="cds--checkbox-group"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--checkbox-group--horizontal\': orientation === \'horizontal\',\n\t\t\t\t\'cds--checkbox-group--readonly\': readOnly,\n\t\t\t\t\'cds--checkbox-group--invalid\': !readOnly && invalid,\n\t\t\t\t\'cds--checkbox-group--warning\': !readOnly && !invalid && warn,\n\t\t\t\t\'cds--checkbox-group--decorator\': !!decorator\n\t\t\t}"\n\t\t\t[attr.data-invalid]="invalid ? true : null"\n\t\t\t[attr.aria-labelledby]="legendId || fieldsetAriaLabelledby || null"\n\t\t\t[attr.aria-readonly]="readOnly ? true : null"\n\t\t\t[attr.aria-describedby]="(helperText && !invalid && !warn) ? helperTextId : null">\n\t\t\t@if (legend) {\n\t\t\t\t<legend\n\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t[attr.id]="legendId || null">\n\t\t\t\t\t@if (isTemplate(legend)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="legend"></ng-template>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{legend}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (decorator) {\n\t\t\t\t\t\t<div class="cds--checkbox-group-inner--decorator">\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</legend>\n\t\t\t}\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class="cds--checkbox-group__validation-msg">\n\t\t\t\t@if (!readOnly && invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--checkbox__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{ invalidText }}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!readOnly && !invalid && warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (helperText && !invalid && !warn) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[id]="helperTextId">\n\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</fieldset>\n\t',providers:[{provide:checkbox_group_host.B,useExisting:CheckboxGroup}],changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ]})],CheckboxGroup);var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs");let CheckboxModule=class CheckboxModule{};CheckboxModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[checkbox_component.S,CheckboxGroup],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.op,checkbox_component.S,CheckboxGroup]})],CheckboxModule)},"./src/checkbox/checkbox.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,GroupStatePropagation:()=>GroupStatePropagation,Single:()=>Single,WithNgModel:()=>WithNgModel,WithReactiveForms:()=>WithReactiveForms,__namedExportsOrder:()=>__namedExportsOrder,default:()=>checkbox_stories,withAILabel:()=>withAILabel});var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),src_checkbox=__webpack_require__("./src/checkbox/index.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),checkbox_component=__webpack_require__("./src/checkbox/checkbox.component.ts");let ReactiveFormsStory=class ReactiveFormsStory{constructor(formBuilder){this.formBuilder=formBuilder}ngOnInit(){this.formGroup=this.formBuilder.group({disabledCheckbox:this.formBuilder.control({value:!0,disabled:!0}),checkbox:this.formBuilder.control(!1)})}toggleDisable(){const checkbox=this.formGroup.get("checkbox");null!=checkbox&&(checkbox.disabled?checkbox.enable():checkbox.disable())}static{this.ctorParameters=()=>[{type:fesm2022_forms.ok}]}};ReactiveFormsStory=(0,tslib_es6.Cg)([(0,core.Component)({selector:"app-reactive-forms",imports:[checkbox_component.S,fesm2022_forms.X1],template:'\n\t\t<form [formGroup]="formGroup">\n\t\t\t<cds-checkbox formControlName="disabledCheckbox">\n\t\t\t\tDisabled checkbox in a reactive form\n\t\t\t</cds-checkbox>\n\t\t\t<cds-checkbox formControlName="checkbox">\n\t\t\t\tCheckbox in a reactive form\n\t\t\t</cds-checkbox>\n\t\t</form>\n\t\t<br>\n\t\t<button (click)="toggleDisable()">Toggle disabled state</button>\n\t'})],ReactiveFormsStory);var ai_label=__webpack_require__("./src/ai-label/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),icon=__webpack_require__("./src/icon/index.ts"),ai_label_story_shared=__webpack_require__("./src/storybook/ai-label-story-shared.ts");const checkbox_stories={title:"Components/Checkbox",decorators:[(0,dist.Iz)({imports:[fesm2022_forms.YN,fesm2022_forms.X1,src_checkbox.Sc,src_button.tm,ai_label.Zr,icon.op,ReactiveFormsStory]})],component:src_checkbox.Sc},Basic=(args=>({props:args,template:'\n <fieldset class="cds--fieldset">\n <legend class="cds--label">{{label}}</legend>\n <cds-checkbox\n [disabled]="disabled"\n [indeterminate]="indeterminate"\n [checked]="checked"\n (checkedChange)="onChange($event)"\n [hideLabel]="hideLabel"\n (indeterminateChange)="onIndeterminateChange($event)">\n Indeterminate checkbox\n </cds-checkbox>\n </fieldset>\n '})).bind({});Basic.args={label:"Label",hideLabel:!1,indeterminate:!0,checked:!0,disabled:!1},Basic.argTypes={onChange:{action:"Changed!"},onIndeterminateChange:{action:"Indeterminate Change!"}};const WithNgModel=(args=>({props:args,template:'\n <cds-checkbox\n [(ngModel)]="model">\n ngModel checkbox\n </cds-checkbox>\n\n <div style="display:flex; flex-direction: column; width: 150px">\n <button (click)="model=!model">Set model</button>\n Checked: {{ model }}\n </div>\n '})).bind({});WithNgModel.storyName="With NgModel",WithNgModel.args={model:!0},WithNgModel.parameters={controls:{disabled:!0}};const WithReactiveForms=(args=>({props:args,template:"\n \x3c!--\n app-* components are for demo purposes only.\n You can create your own implementation by using the component source found at:\n https://github.com/IBM/carbon-components-angular/tree/master/src/checkbox/stories/reactive-form.component.ts\n --\x3e\n <app-reactive-forms></app-reactive-forms>\n "})).bind({}),Single=(()=>({template:'\n <cds-checkbox\n class="some-class"\n id="checkbox-3"\n helperText="Helper text goes here">\n Checkbox label\n </cds-checkbox>\n <br /><br />\n <cds-checkbox\n class="some-class"\n id="checkbox-4"\n [invalid]="true"\n invalidText="Invalid text goes here">\n Checkbox label\n </cds-checkbox>\n <br /><br />\n <cds-checkbox\n class="some-class"\n id="checkbox-5"\n [warn]="true"\n warnText="Warning text goes here">\n Checkbox label\n </cds-checkbox>\n <br /><br />\n <cds-checkbox\n class="some-class"\n id="checkbox-6"\n [readOnly]="true">\n Checkbox label\n </cds-checkbox>\n '})).bind({}),GroupStatePropagation=(args=>({props:args,template:'\n <div style="max-width: 32rem;">\n <cds-checkbox-group\n legend="Controlled group"\n [helperText]="groupHelperText"\n [readOnly]="groupReadOnly"\n [invalid]="groupInvalid"\n [invalidText]="groupInvalidText"\n [warn]="groupWarn"\n [warnText]="groupWarnText">\n <cds-checkbox id="group-inherit-1">Inherits from group</cds-checkbox>\n <cds-checkbox id="group-inherit-2">Inherits from group</cds-checkbox>\n <cds-checkbox id="group-override-invalid" [invalid]="false">\n Explicit invalid false (overrides group invalid)\n </cds-checkbox>\n </cds-checkbox-group>\n\n\n <p class="cds--label-01" style="margin-bottom: 1rem; margin-top: 2rem;">\n Checkbox sets its own invalid message:\n </p>\n <cds-checkbox-group\n legend="Mixed per-checkbox state"\n helperText="Group helper (hidden when any checkbox is invalid/warn at group level).">\n <cds-checkbox id="mixed-1">Default</cds-checkbox>\n <cds-checkbox\n id="mixed-2"\n [invalid]="true"\n invalidText="This checkbox has its own error">\n Own invalid state\n </cds-checkbox>\n </cds-checkbox-group>\n </div>\n '})).bind({});GroupStatePropagation.storyName="Group state (host injection)",GroupStatePropagation.args={groupReadOnly:!1,groupInvalid:!1,groupInvalidText:"Invalid message goes here",groupWarn:!1,groupWarnText:"Warning message goes here",groupHelperText:"Helper text goes here"};const withAILabel=(args=>({props:args,styles:ai_label_story_shared.lt,template:'\n <div class="ai-label-check-radio-container">\n <cds-checkbox-group\n legend="Group Label"\n [decorator]="decoratorDefaultTpl"\n [readOnly]="readOnly"\n [invalid]="invalid"\n [invalidText]="invalidText"\n [warn]="warn"\n [warnText]="warnText">\n <cds-checkbox id="checkbox-label-1">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-2">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-3">Checkbox label</cds-checkbox>\n </cds-checkbox-group>\n\n <cds-checkbox-group\n legend="Group Label"\n [readOnly]="readOnly"\n [invalid]="invalid"\n [invalidText]="invalidText"\n [warn]="warn"\n [warnText]="warnText">\n <cds-checkbox id="checkbox-label-4" [decorator]="decoratorDefaultTpl">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-5" [decorator]="decoratorDefaultTpl">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-6">Checkbox label</cds-checkbox>\n </cds-checkbox-group>\n\n <cds-checkbox-group\n legend="Group Label"\n [readOnly]="readOnly"\n [invalid]="invalid"\n [invalidText]="invalidText"\n [warn]="warn"\n [warnText]="warnText">\n <cds-checkbox id="checkbox-label-7" [decorator]="decoratorInlineTpl">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-8" [decorator]="decoratorInlineTpl">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-9">Checkbox label</cds-checkbox>\n </cds-checkbox-group>\n </div>\n\n <ng-template #decoratorDefaultTpl>\n <cds-ai-label\n size="mini"\n aiText="AI"\n [autoAlign]="true"\n ariaLabel="Show information">\n '+ai_label_story_shared.tw+'\n </cds-ai-label>\n </ng-template>\n <ng-template #decoratorInlineTpl>\n <cds-ai-label\n [autoAlign]="true"\n kind="inline"\n size="md"\n aiText="AI"\n ariaLabel="Show information">\n '+ai_label_story_shared.tw+"\n </cds-ai-label>\n </ng-template>\n "})).bind({});withAILabel.args={readOnly:!1,invalid:!1,invalidText:"Invalid message goes here",warn:!1,warnText:"Warning message goes here"};const __namedExportsOrder=["Basic","WithNgModel","WithReactiveForms","Single","GroupStatePropagation","withAILabel"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <fieldset class="cds--fieldset">\n <legend class="cds--label">{{label}}</legend>\n <cds-checkbox\n [disabled]="disabled"\n [indeterminate]="indeterminate"\n [checked]="checked"\n (checkedChange)="onChange($event)"\n [hideLabel]="hideLabel"\n (indeterminateChange)="onIndeterminateChange($event)">\n Indeterminate checkbox\n </cds-checkbox>\n </fieldset>\n `\n})',...Basic.parameters?.docs?.source}}},WithNgModel.parameters={...WithNgModel.parameters,docs:{...WithNgModel.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-checkbox\n [(ngModel)]="model">\n ngModel checkbox\n </cds-checkbox>\n\n <div style="display:flex; flex-direction: column; width: 150px">\n <button (click)="model=!model">Set model</button>\n Checked: {{ model }}\n </div>\n `\n})',...WithNgModel.parameters?.docs?.source}}},WithReactiveForms.parameters={...WithReactiveForms.parameters,docs:{...WithReactiveForms.parameters?.docs,source:{originalSource:"args => ({\n props: args,\n template: `\n \x3c!--\n app-* components are for demo purposes only.\n You can create your own implementation by using the component source found at:\n https://github.com/IBM/carbon-components-angular/tree/master/src/checkbox/stories/reactive-form.component.ts\n --\x3e\n <app-reactive-forms></app-reactive-forms>\n `\n})",...WithReactiveForms.parameters?.docs?.source}}},Single.parameters={...Single.parameters,docs:{...Single.parameters?.docs,source:{originalSource:'() => ({\n template: `\n <cds-checkbox\n class="some-class"\n id="checkbox-3"\n helperText="Helper text goes here">\n Checkbox label\n </cds-checkbox>\n <br /><br />\n <cds-checkbox\n class="some-class"\n id="checkbox-4"\n [invalid]="true"\n invalidText="Invalid text goes here">\n Checkbox label\n </cds-checkbox>\n <br /><br />\n <cds-checkbox\n class="some-class"\n id="checkbox-5"\n [warn]="true"\n warnText="Warning text goes here">\n Checkbox label\n </cds-checkbox>\n <br /><br />\n <cds-checkbox\n class="some-class"\n id="checkbox-6"\n [readOnly]="true">\n Checkbox label\n </cds-checkbox>\n `\n})',...Single.parameters?.docs?.source}}},GroupStatePropagation.parameters={...GroupStatePropagation.parameters,docs:{...GroupStatePropagation.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div style="max-width: 32rem;">\n <cds-checkbox-group\n legend="Controlled group"\n [helperText]="groupHelperText"\n [readOnly]="groupReadOnly"\n [invalid]="groupInvalid"\n [invalidText]="groupInvalidText"\n [warn]="groupWarn"\n [warnText]="groupWarnText">\n <cds-checkbox id="group-inherit-1">Inherits from group</cds-checkbox>\n <cds-checkbox id="group-inherit-2">Inherits from group</cds-checkbox>\n <cds-checkbox id="group-override-invalid" [invalid]="false">\n Explicit invalid false (overrides group invalid)\n </cds-checkbox>\n </cds-checkbox-group>\n\n\n <p class="cds--label-01" style="margin-bottom: 1rem; margin-top: 2rem;">\n Checkbox sets its own invalid message:\n </p>\n <cds-checkbox-group\n legend="Mixed per-checkbox state"\n helperText="Group helper (hidden when any checkbox is invalid/warn at group level).">\n <cds-checkbox id="mixed-1">Default</cds-checkbox>\n <cds-checkbox\n id="mixed-2"\n [invalid]="true"\n invalidText="This checkbox has its own error">\n Own invalid state\n </cds-checkbox>\n </cds-checkbox-group>\n </div>\n `\n})',...GroupStatePropagation.parameters?.docs?.source}}},withAILabel.parameters={...withAILabel.parameters,docs:{...withAILabel.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n styles: AI_LABEL_STORY_STYLES,\n template: `\n <div class="ai-label-check-radio-container">\n <cds-checkbox-group\n legend="Group Label"\n [decorator]="decoratorDefaultTpl"\n [readOnly]="readOnly"\n [invalid]="invalid"\n [invalidText]="invalidText"\n [warn]="warn"\n [warnText]="warnText">\n <cds-checkbox id="checkbox-label-1">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-2">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-3">Checkbox label</cds-checkbox>\n </cds-checkbox-group>\n\n <cds-checkbox-group\n legend="Group Label"\n [readOnly]="readOnly"\n [invalid]="invalid"\n [invalidText]="invalidText"\n [warn]="warn"\n [warnText]="warnText">\n <cds-checkbox id="checkbox-label-4" [decorator]="decoratorDefaultTpl">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-5" [decorator]="decoratorDefaultTpl">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-6">Checkbox label</cds-checkbox>\n </cds-checkbox-group>\n\n <cds-checkbox-group\n legend="Group Label"\n [readOnly]="readOnly"\n [invalid]="invalid"\n [invalidText]="invalidText"\n [warn]="warn"\n [warnText]="warnText">\n <cds-checkbox id="checkbox-label-7" [decorator]="decoratorInlineTpl">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-8" [decorator]="decoratorInlineTpl">Checkbox label</cds-checkbox>\n <cds-checkbox id="checkbox-label-9">Checkbox label</cds-checkbox>\n </cds-checkbox-group>\n </div>\n\n <ng-template #decoratorDefaultTpl>\n <cds-ai-label\n size="mini"\n aiText="AI"\n [autoAlign]="true"\n ariaLabel="Show information">\n ` + AI_LABEL_INNER + `\n </cds-ai-label>\n </ng-template>\n <ng-template #decoratorInlineTpl>\n <cds-ai-label\n [autoAlign]="true"\n kind="inline"\n size="md"\n aiText="AI"\n ariaLabel="Show information">\n ` + AI_LABEL_INNER + `\n </cds-ai-label>\n </ng-template>\n `\n})',...withAILabel.parameters?.docs?.source}}}}}]);

package/docs/storybook/code-snippet-code-snippet-stories.3613f4e0.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[9238],{"./src/button/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{TV:()=>BaseIconButton,$n:()=>Button,tm:()=>ButtonModule,Te:()=>ButtonSet,K0:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Button=class Button{constructor(){this.cdsButton="primary",this.skeleton=!1,this.iconOnly=!1,this.isExpressive=!1,this.baseClass=!0}set ibmButton(type){this.cdsButton=type}get primaryButton(){return"primary"===this.cdsButton||!this.cdsButton}get secondaryButton(){return"secondary"===this.cdsButton}get tertiaryButton(){return"tertiary"===this.cdsButton}get ghostButton(){return"ghost"===this.cdsButton}get dangerButton(){return"danger"===this.cdsButton||"danger--primary"===this.cdsButton}get dangerTertiary(){return"danger--tertiary"===this.cdsButton}get dangerGhost(){return"danger--ghost"===this.cdsButton}get extraSmallSize(){return"xs"===this.size&&!this.isExpressive}get smallSize(){return"sm"===this.size&&!this.isExpressive}get mediumSize(){return"md"===this.size&&!this.isExpressive}get largeSize(){return"lg"===this.size}get extraLargeSize(){return"xl"===this.size}get twoExtraLargeSize(){return"2xl"===this.size}get extraSmallLayoutSize(){return"xs"===this.size&&!this.isExpressive}get smallLayoutSize(){return"sm"===this.size&&!this.isExpressive}get mediumLayoutSize(){return"md"===this.size&&!this.isExpressive}get largeLayoutSize(){return"lg"===this.size}get extraLargeLayoutSize(){return"xl"===this.size}get twoExtraLargeLayoutSize(){return"2xl"===this.size}static{this.propDecorators={ibmButton:[{type:core.Input}],cdsButton:[{type:core.Input}],size:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],iconOnly:[{type:core.HostBinding,args:["class.cds--btn--icon-only"]},{type:core.Input}],isExpressive:[{type:core.HostBinding,args:["class.cds--btn--expressive"]},{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--btn"]}],primaryButton:[{type:core.HostBinding,args:["class.cds--btn--primary"]}],secondaryButton:[{type:core.HostBinding,args:["class.cds--btn--secondary"]}],tertiaryButton:[{type:core.HostBinding,args:["class.cds--btn--tertiary"]}],ghostButton:[{type:core.HostBinding,args:["class.cds--btn--ghost"]}],dangerButton:[{type:core.HostBinding,args:["class.cds--btn--danger"]}],dangerTertiary:[{type:core.HostBinding,args:["class.cds--btn--danger--tertiary"]}],dangerGhost:[{type:core.HostBinding,args:["class.cds--btn--danger--ghost"]}],extraSmallSize:[{type:core.HostBinding,args:["class.cds--btn--xs"]}],smallSize:[{type:core.HostBinding,args:["class.cds--btn--sm"]}],mediumSize:[{type:core.HostBinding,args:["class.cds--btn--md"]}],largeSize:[{type:core.HostBinding,args:["class.cds--btn--lg"]}],extraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--xl"]}],twoExtraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--2xl"]}],extraSmallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xs"]}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],extraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xl"]}],twoExtraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-2xl"]}]}}};Button=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsButton], [ibmButton]",standalone:!0})],Button);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0,this.fluid=!1,this.stacked=!1}get fluidClass(){return this.fluid}get stackedClass(){return this.stacked}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}],fluid:[{type:core.Input}],stacked:[{type:core.Input}],fluidClass:[{type:core.HostBinding,args:["class.cds--btn-set--fluid"]}],stackedClass:[{type:core.HostBinding,args:["class.cds--btn-set--stacked"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:'\n\t\t@if (fluid) {\n\t\t\t<div class="cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack">\n\t\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t\t</div>\n\t\t}\n\t\t@if (!fluid) {\n\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],ButtonSet);let BaseIconButton=class BaseIconButton{constructor(){this.caret=!0,this.dropShadow=!0,this.highContrast=!0,this.isOpen=!1,this.align="bottom",this.autoAlign=!1,this.enterDelayMs=100,this.leaveDelayMs=300}static{this.propDecorators={caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],isOpen:[{type:core.Input}],align:[{type:core.Input}],autoAlign:[{type:core.Input}],enterDelayMs:[{type:core.Input}],leaveDelayMs:[{type:core.Input}]}}};BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],BaseIconButton);var IconButton_1,tooltip=__webpack_require__("./src/tooltip/index.ts");let IconButton=class IconButton extends BaseIconButton{static{IconButton_1=this}set buttonNgClass(obj){this.classList=Object.assign({"cds--btn--disabled":this.disabled},obj)}get buttonNgClass(){return this.classList}set buttonAttributes(obj){this.button&&(Object.keys(this.attributeList).forEach((key=>{this.renderer.removeAttribute(this.button.nativeElement,key)})),Object.keys(obj).forEach((key=>{this.renderer.setAttribute(this.button.nativeElement,key,obj[key])}))),this.attributeList=obj}get buttonAttributes(){return this.buttonAttributes}static{this.iconButtonCounter=0}constructor(renderer){super(),this.renderer=renderer,this.buttonId="icon-btn-"+IconButton_1.iconButtonCounter++,this.kind="primary",this.size="lg",this.type="button",this.isExpressive=!1,this.disabled=!1,this.showTooltipWhenDisabled=!1,this.click=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.tooltipClick=new core.EventEmitter,this.classList={},this.attributeList={}}ngAfterViewInit(){this.buttonAttributes=this.attributeList}emitClickEvent(event,element="button"){event.preventDefault(),event.stopPropagation(),"tooltip"!==element?this.click.emit(event):this.tooltipClick.emit(event)}static{this.ctorParameters=()=>[{type:core.Renderer2}]}static{this.propDecorators={buttonNgClass:[{type:core.Input}],buttonAttributes:[{type:core.Input}],button:[{type:core.ViewChild,args:["button"]}],buttonId:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],type:[{type:core.Input}],isExpressive:[{type:core.Input}],disabled:[{type:core.Input}],description:[{type:core.Input}],showTooltipWhenDisabled:[{type:core.Input}],click:[{type:core.Output}],focus:[{type:core.Output}],blur:[{type:core.Output}],tooltipClick:[{type:core.Output}]}}};IconButton=IconButton_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-icon-button, ibm-icon-button",template:'\n\t<cds-tooltip\n\t\tclass="cds--icon-tooltip"\n\t\t[description]="description"\n\t\t[disabled]="showTooltipWhenDisabled ? false : disabled"\n\t\t[caret]="caret"\n\t\t[dropShadow]="dropShadow"\n\t\t[highContrast]="highContrast"\n\t\t[isOpen]="isOpen"\n\t\t[align]="align"\n\t\t[autoAlign]="autoAlign"\n\t\t[enterDelayMs]="enterDelayMs"\n\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t(click)="emitClickEvent($event, \'tooltip\')">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]="buttonId"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.type]="type"\n\t\t\t[iconOnly]="true"\n\t\t\t[ngClass]="buttonNgClass"\n\t\t\t[cdsButton]="kind"\n\t\t\t[size]="size"\n\t\t\t[isExpressive]="isExpressive"\n\t\t\t(click)="emitClickEvent($event)"\n\t\t\t(focus)="focus.emit($event)"\n\t\t\t(blur)="blur.emit($event)">\n\t\t\t<ng-content />\n\t\t</button>\n\t</cds-tooltip>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[tooltip.m_,common_module_Dx7dWex5.YU,Button]})],IconButton);let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Button,ButtonSet,IconButton],imports:[common_module_Dx7dWex5.MD,tooltip.Ss,Button,ButtonSet,BaseIconButton,IconButton]})],ButtonModule)},"./src/icon/icon.directive.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/placeholder/index.ts");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root,xmlns="http://www.w3.org/2000/svg";svg.setAttribute("xmlns",xmlns);const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElementNS(xmlns,"title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_2__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cdsIcon], [ibmIcon]",providers:[carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__.F2],standalone:!0})],IconDirective)},"./src/icon/icon.module.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/icon.directive.ts");let IconModule=class IconModule{};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.MD,_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L]})],IconModule)},"./src/icon/icon.service.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/arrow--down/16.js"),_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/arrows--vertical/16.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox/16.js"),_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox--checked--filled/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__=__webpack_require__("./node_modules/@carbon/icons/es/undo/16.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super(`Size ${size} for ${name} not found`)}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)||this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache,this.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__.A,_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__.A])}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){let{size,attrs:{width}}=descriptor;this.iconCache.set(name,(size??width).toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg||(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}static{this.ctorParameters=()=>[]}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconService)},"./src/icon/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.o,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/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/code-snippet/code-snippet.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Inline:()=>Inline,Multi:()=>Multi,Skeleton:()=>Skeleton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>code_snippet_stories});var SnippetType,dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),src_button=__webpack_require__("./src/button/index.ts"),i18n=__webpack_require__("./src/i18n/index.ts"),utils=__webpack_require__("./src/utils/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts");!function(SnippetType){SnippetType.single="single",SnippetType.multi="multi",SnippetType.inline="inline"}(SnippetType||(SnippetType={}));let CodeSnippet=class CodeSnippet extends src_button.TV{get snippetClass(){return this.display!==SnippetType.inline}get snippetSingleClass(){return this.display===SnippetType.single}get snippetMultiClass(){return this.display===SnippetType.multi}get snippetDisabledClass(){return"inline"!==this.display&&this.disabled}get snippetInlineLightClass(){return"light"===this.theme}constructor(i18n,eventService){super(),this.i18n=i18n,this.eventService=eventService,this.rowHeightInPixel=16,this.display=SnippetType.single,this.translations=this.i18n.get().CODE_SNIPPET,this.hideCopyButton=!1,this.disabled=!1,this.maxCollapsedNumberOfRows=15,this.minCollapsedNumberOfRows=3,this.maxExpandedNumberOfRows=0,this.minExpandedNumberOfRows=16,this.wrapText=!1,this.theme="dark",this.feedbackText=this.translations.COPIED,this.feedbackTimeout=2e3,this.expanded=!1,this.skeleton=!1,this.styles={},this.showFeedback=!1,this.animating=!1,this.hasExpandButton=null,this.isExpandable=!1,this.hasRightOverflow=!1,this.hasRight=!1,this.hasLeft=!1,this.dropShadow=!1}handleScroll(){if(this.skeleton)return;let ref;switch(this.display){case"multi":ref=this.codeContent.nativeElement;break;case"single":ref=this.codeContainer.nativeElement;break;default:return}if(ref){const{scrollWidth,clientWidth,scrollLeft}=ref,horizontalOverflow=scrollWidth>clientWidth;this.hasLeft=horizontalOverflow&&!!scrollLeft,this.hasRight=horizontalOverflow&&scrollLeft+clientWidth!==scrollWidth}}toggleSnippetExpansion(){this.expanded=!this.expanded,this.calculateContainerHeight()}onCopyButtonClicked(){this.disabled||window.navigator.clipboard.writeText(this.code.nativeElement.innerText||this.code.nativeElement.textContent).then((()=>{this.showFeedback=!0,this.animating=!0,setTimeout((()=>{this.showFeedback=!1,this.animating=!1}),this.feedbackTimeout)}))}ngOnInit(){this.calculateContainerHeight()}ngAfterViewInit(){this.canExpand(),this.handleScroll(),window&&this.eventService.on(window,"resize",(()=>{this.canExpand(),this.handleScroll()}))}calculateContainerHeight(){"multi"!==this.display||this.skeleton||(this.styles={},this.expanded?(this.maxExpandedNumberOfRows>0&&(this.styles["max-height"]=this.maxExpandedNumberOfRows*this.rowHeightInPixel+"px"),this.minExpandedNumberOfRows>0&&(this.styles["min-height"]=this.minExpandedNumberOfRows*this.rowHeightInPixel+"px")):(this.maxCollapsedNumberOfRows>0&&(this.styles["max-height"]=this.maxCollapsedNumberOfRows*this.rowHeightInPixel+"px"),this.minCollapsedNumberOfRows>0&&(this.styles["min-height"]=this.minCollapsedNumberOfRows*this.rowHeightInPixel+"px")))}canExpand(){if("multi"===this.display&&!this.skeleton){const height=this.codeContent.nativeElement.getBoundingClientRect().height;this.maxCollapsedNumberOfRows>0&&(this.maxExpandedNumberOfRows<=0||this.maxExpandedNumberOfRows>this.maxCollapsedNumberOfRows)&&height>this.maxCollapsedNumberOfRows*this.rowHeightInPixel?this.isExpandable=!0:this.isExpandable=!1,this.expanded&&this.minExpandedNumberOfRows>0&&height<=this.minExpandedNumberOfRows*this.rowHeightInPixel&&(this.isExpandable=!1)}}static{this.ctorParameters=()=>[{type:i18n.F2},{type:utils.US}]}static{this.propDecorators={snippetClass:[{type:core.HostBinding,args:["class.cds--snippet"]}],snippetSingleClass:[{type:core.HostBinding,args:["class.cds--snippet--single"]}],snippetMultiClass:[{type:core.HostBinding,args:["class.cds--snippet--multi"]}],snippetDisabledClass:[{type:core.HostBinding,args:["class.cds--snippet--disabled"]}],snippetInlineLightClass:[{type:core.HostBinding,args:["class.cds--snippet--light"]}],display:[{type:core.Input}],translations:[{type:core.Input}],copyButtonDescription:[{type:core.Input}],hideCopyButton:[{type:core.Input}],disabled:[{type:core.Input}],maxCollapsedNumberOfRows:[{type:core.Input}],minCollapsedNumberOfRows:[{type:core.Input}],maxExpandedNumberOfRows:[{type:core.Input}],minExpandedNumberOfRows:[{type:core.Input}],wrapText:[{type:core.HostBinding,args:["class.cds--snippet--wraptext"]},{type:core.Input}],theme:[{type:core.Input}],feedbackText:[{type:core.Input}],feedbackTimeout:[{type:core.Input}],expanded:[{type:core.HostBinding,args:["class.cds--snippet--expand"]},{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],code:[{type:core.ViewChild,args:["code"]}],codeContent:[{type:core.ViewChild,args:["codeContent"]}],codeContainer:[{type:core.ViewChild,args:["codeContainer"]}]}}};CodeSnippet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-code-snippet, ibm-code-snippet",template:'\n\t\t@if (display === \'inline\') {\n\t\t\t@if (!hideCopyButton) {\n\t\t\t\t<ng-container *ngTemplateOutlet="buttonTemplate" />\n\t\t\t} @else {\n\t\t\t\t<span\n\t\t\t\t\tclass="cds--snippet cds--snippet--inline cds--snippet--no-copy"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--snippet--light\': theme === \'light\'\n\t\t\t\t\t}">\n\t\t\t\t\t<code #code>\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet="codeTemplate" />\n\t\t\t\t\t</code>\n\t\t\t\t</span>\n\t\t\t}\n\t\t} @else {\n\t\t\t<div\n\t\t\t\t#codeContainer\n\t\t\t\tclass="cds--snippet-container"\n\t\t\t\t[attr.aria-label]="translations.CODE_SNIPPET_TEXT"\n\t\t\t\t[attr.tabindex]="display === \'single\' && !disabled ? \'0\' : null"\n\t\t\t\t[attr.role]="display===\'single\' ? \'textarea\' : null"\n\t\t\t\t[ngStyle]="styles"\n\t\t\t\t(scroll)="(display === \'single\' ? handleScroll() : null)">\n\t\t\t\t@if (skeleton) {\n\t\t\t\t\t@if (display === \'single\') {\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (!skeleton) {\n\t\t\t\t\t<pre #codeContent (scroll)="(display === \'multi\' ? handleScroll() : null)"><code #code><ng-container *ngTemplateOutlet="codeTemplate" /></code></pre>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (hasLeft) {\n\t\t\t\t<div class="cds--snippet__overflow-indicator--left"></div>\n\t\t\t}\n\t\t\t@if (hasRight) {\n\t\t\t\t<div class="cds--snippet__overflow-indicator--right"></div>\n\t\t\t}\n\t\t\t@if (!hideCopyButton) {\n\t\t\t\t<ng-container *ngTemplateOutlet="buttonTemplate" />\n\t\t\t}\n\t\t\t@if (isExpandable) {\n\t\t\t\t<button\n\t\t\t\t\tclass="cds--btn cds--btn--ghost cds--btn--sm cds--snippet-btn--expand"\n\t\t\t\t\t(click)="toggleSnippetExpansion()"\n\t\t\t\t\ttype="button">\n\t\t\t\t\t<span class="cds--snippet-btn--text">{{expanded ? translations.SHOW_LESS : translations.SHOW_MORE}}</span>\n\t\t\t\t\t<svg cdsIcon="chevron--down" size="16" class="cds--icon-chevron--down" [attr.aria-label]="translations.SHOW_MORE_ICON"></svg>\n\t\t\t\t</button>\n\t\t\t}\n\t\t}\n\n\t\t<ng-template #buttonTemplate>\n\t\t\t@if (!skeleton) {\n\t\t\t\t<cds-icon-button\n\t\t\t\t\t[description]="showFeedback ? feedbackText : copyButtonDescription"\n\t\t\t\t\t[align]="align"\n\t\t\t\t\t[autoAlign]="autoAlign"\n\t\t\t\t\t[dropShadow]="dropShadow"\n\t\t\t\t\t[caret]="caret"\n\t\t\t\t\t[highContrast]="highContrast"\n\t\t\t\t\t[isOpen]="isOpen"\n\t\t\t\t\t[enterDelayMs]="enterDelayMs"\n\t\t\t\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t\t\t\ttype="button"\n\t\t\t\t\tkind="primary"\n\t\t\t\t\tsize="md"\n\t\t\t\t\t(click)="onCopyButtonClicked($event)"\n\t\t\t\t\t[buttonNgClass]="{\n\t\t\t\t\t\t\'cds--snippet--light\': theme === \'light\',\n\t\t\t\t\t\t\'cds--snippet--inline\': display === \'inline\',\n\t\t\t\t\t\t\'cds--btn--icon-only\': display !== \'inline\',\n\t\t\t\t\t\t\'cds--copy-btn\': display !== \'inline\',\n\t\t\t\t\t\t\'cds--copy-btn--animating\': animating,\n\t\t\t\t\t\t\'cds--copy-btn--fade-in\': showFeedback,\n\t\t\t\t\t\t\'cds--copy-btn--fade-out\': !showFeedback && animating,\n\t\t\t\t\t\t\'cds--snippet cds--copy\': true\n\t\t\t\t\t}"\n\t\t\t\t\t[buttonAttributes]="{\n\t\t\t\t\t\t\'aria-label\': translations.COPY_CODE,\n\t\t\t\t\t\t\'aria-live\': \'polite\',\n\t\t\t\t\t\t\'tabindex\': \'0\'\n\t\t\t\t\t}">\n\t\t\t\t\t@if (display === \'inline\') {\n\t\t\t\t\t\t<code #code>\n\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet="codeTemplate" />\n\t\t\t\t\t\t</code>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<svg cdsIcon="copy" size="16" class="cds--snippet__icon"></svg>\n\t\t\t\t\t}\n\t\t\t\t</cds-icon-button>\n\t\t\t}\n\t\t</ng-template>\n\n\t\t<ng-template #codeTemplate>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,providers:[utils.US],imports:[common_module_Dx7dWex5.T3,common_module_Dx7dWex5.YU,common_module_Dx7dWex5.B3,icon.LJ,src_button.K0]})],CodeSnippet);let CodeSnippetModule=class CodeSnippetModule{};CodeSnippetModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[CodeSnippet],imports:[CodeSnippet,common_module_Dx7dWex5.MD,src_button.tm,i18n.LP,utils.uh,icon.op]})],CodeSnippetModule);const code_snippet_stories={title:"Components/Code Snippet",decorators:[(0,dist.Iz)({imports:[CodeSnippet]})],argTypes:{snippet:{control:!1},display:{control:!1},feedbackText:{control:!1},maxCollapsedNumberOfRows:{controls:!1},maxExpandedNumberOfRows:{controls:!1},minCollapsedNumberOfRows:{controls:!1},minExpandedNumberOfRows:{controls:!1},expanded:{control:!1}},component:CodeSnippet},Basic=(args=>({props:args,template:'\n <cds-code-snippet display="single">{{snippet}}</cds-code-snippet>\n '})).bind({});Basic.args={snippet:"import { UIShellModule } from 'carbon-components-angular'; // Single line of code"};const Inline=(args=>({props:args,template:'\n Here is some <cds-code-snippet display="inline" [theme]="theme">{{snippet}}</cds-code-snippet> for you.\n '})).bind({});Inline.args={snippet:"<inline code>"};const Multi=(args=>({props:args,template:'\n <cds-code-snippet\n display="multi"\n [autoAlign]="true"\n [copyButtonDescription]="copyButtonDescription">\n {{snippet}}\n </cds-code-snippet>\n '})).bind({});Multi.args={snippet:'{\n "name": "carbon-components-angular",\n "version": "0.0.0",\n "description": "Next generation components",\n "main": "index.js",\n "scripts": {\n "build": "bash scripts/build.sh",\n "storybook": "start-storybook -s .storybook/public -p 6006",\n "docs:build": "typedoc",\n "lint": "tslint \'src/**/*.ts\'",\n "lint:fix": "tslint --fix \'src/**/*.ts\'",\n "test": "ng test --no-watch",\n "test:watch": "ng test --watch",\n "build-storybook": "build-storybook -c .storybook -s .storybook/public -o dist/docs/storybook",\n "semantic-release": "semantic-release",\n "commit": "git-cz",\n "ng": "ng",\n "ng:build": "node --max_old_space_size=4096 ./node_modules/@angular/cli/bin/ng build"\n },\n "repository": {\n "type": "git",\n "url": "git@github.com:IBM/carbon-components-angular.git"\n },\n "license": "Apache-2.0",\n "author": "IBM",\n "peerDependencies": {\n "@angular/common": "^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0",\n "@angular/core": "^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0",\n "@angular/forms": "^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0",\n "rxjs": "^6.0.0",\n "zone.js": "^0.8.26 || ^0.9.0 || ^0.10.0",\n "@carbon/styles": "^1.2.0"\n }\n }',copyButtonDescription:"Click to copy to clipboard!"},Multi.argTypes={maxCollapsedNumberOfRows:{controls:!0},maxExpandedNumberOfRows:{controls:!0},minCollapsedNumberOfRows:{controls:!0},minExpandedNumberOfRows:{controls:!0},expanded:{control:!0}};const Skeleton=(args=>({props:args,template:'\n <cds-code-snippet display="single" skeleton="true"></cds-code-snippet>\n <br>\n <cds-code-snippet display="multi" skeleton="true"></cds-code-snippet>\n '})).bind({}),__namedExportsOrder=["Basic","Inline","Multi","Skeleton"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-code-snippet display="single">{{snippet}}</cds-code-snippet>\n `\n})',...Basic.parameters?.docs?.source}}},Inline.parameters={...Inline.parameters,docs:{...Inline.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n Here is some <cds-code-snippet display="inline" [theme]="theme">{{snippet}}</cds-code-snippet> for you.\n `\n})',...Inline.parameters?.docs?.source}}},Multi.parameters={...Multi.parameters,docs:{...Multi.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-code-snippet\n display="multi"\n [autoAlign]="true"\n [copyButtonDescription]="copyButtonDescription">\n {{snippet}}\n </cds-code-snippet>\n `\n})',...Multi.parameters?.docs?.source}}},Skeleton.parameters={...Skeleton.parameters,docs:{...Skeleton.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-code-snippet display="single" skeleton="true"></cds-code-snippet>\n <br>\n <cds-code-snippet display="multi" skeleton="true"></cds-code-snippet>\n `\n})',...Skeleton.parameters?.docs?.source}}}}}]);

package/docs/storybook/combo-button-combo-button-stories.d30cbfba.iframe.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[4618],{"./src/button/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{TV:()=>BaseIconButton,$n:()=>Button,tm:()=>ButtonModule,Te:()=>ButtonSet,K0:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Button=class Button{constructor(){this.cdsButton="primary",this.skeleton=!1,this.iconOnly=!1,this.isExpressive=!1,this.baseClass=!0}set ibmButton(type){this.cdsButton=type}get primaryButton(){return"primary"===this.cdsButton||!this.cdsButton}get secondaryButton(){return"secondary"===this.cdsButton}get tertiaryButton(){return"tertiary"===this.cdsButton}get ghostButton(){return"ghost"===this.cdsButton}get dangerButton(){return"danger"===this.cdsButton||"danger--primary"===this.cdsButton}get dangerTertiary(){return"danger--tertiary"===this.cdsButton}get dangerGhost(){return"danger--ghost"===this.cdsButton}get extraSmallSize(){return"xs"===this.size&&!this.isExpressive}get smallSize(){return"sm"===this.size&&!this.isExpressive}get mediumSize(){return"md"===this.size&&!this.isExpressive}get largeSize(){return"lg"===this.size}get extraLargeSize(){return"xl"===this.size}get twoExtraLargeSize(){return"2xl"===this.size}get extraSmallLayoutSize(){return"xs"===this.size&&!this.isExpressive}get smallLayoutSize(){return"sm"===this.size&&!this.isExpressive}get mediumLayoutSize(){return"md"===this.size&&!this.isExpressive}get largeLayoutSize(){return"lg"===this.size}get extraLargeLayoutSize(){return"xl"===this.size}get twoExtraLargeLayoutSize(){return"2xl"===this.size}static{this.propDecorators={ibmButton:[{type:core.Input}],cdsButton:[{type:core.Input}],size:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],iconOnly:[{type:core.HostBinding,args:["class.cds--btn--icon-only"]},{type:core.Input}],isExpressive:[{type:core.HostBinding,args:["class.cds--btn--expressive"]},{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--btn"]}],primaryButton:[{type:core.HostBinding,args:["class.cds--btn--primary"]}],secondaryButton:[{type:core.HostBinding,args:["class.cds--btn--secondary"]}],tertiaryButton:[{type:core.HostBinding,args:["class.cds--btn--tertiary"]}],ghostButton:[{type:core.HostBinding,args:["class.cds--btn--ghost"]}],dangerButton:[{type:core.HostBinding,args:["class.cds--btn--danger"]}],dangerTertiary:[{type:core.HostBinding,args:["class.cds--btn--danger--tertiary"]}],dangerGhost:[{type:core.HostBinding,args:["class.cds--btn--danger--ghost"]}],extraSmallSize:[{type:core.HostBinding,args:["class.cds--btn--xs"]}],smallSize:[{type:core.HostBinding,args:["class.cds--btn--sm"]}],mediumSize:[{type:core.HostBinding,args:["class.cds--btn--md"]}],largeSize:[{type:core.HostBinding,args:["class.cds--btn--lg"]}],extraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--xl"]}],twoExtraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--2xl"]}],extraSmallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xs"]}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],extraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xl"]}],twoExtraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-2xl"]}]}}};Button=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsButton], [ibmButton]",standalone:!0})],Button);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0,this.fluid=!1,this.stacked=!1}get fluidClass(){return this.fluid}get stackedClass(){return this.stacked}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}],fluid:[{type:core.Input}],stacked:[{type:core.Input}],fluidClass:[{type:core.HostBinding,args:["class.cds--btn-set--fluid"]}],stackedClass:[{type:core.HostBinding,args:["class.cds--btn-set--stacked"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:'\n\t\t@if (fluid) {\n\t\t\t<div class="cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack">\n\t\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t\t</div>\n\t\t}\n\t\t@if (!fluid) {\n\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],ButtonSet);let BaseIconButton=class BaseIconButton{constructor(){this.caret=!0,this.dropShadow=!0,this.highContrast=!0,this.isOpen=!1,this.align="bottom",this.autoAlign=!1,this.enterDelayMs=100,this.leaveDelayMs=300}static{this.propDecorators={caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],isOpen:[{type:core.Input}],align:[{type:core.Input}],autoAlign:[{type:core.Input}],enterDelayMs:[{type:core.Input}],leaveDelayMs:[{type:core.Input}]}}};BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],BaseIconButton);var IconButton_1,tooltip=__webpack_require__("./src/tooltip/index.ts");let IconButton=class IconButton extends BaseIconButton{static{IconButton_1=this}set buttonNgClass(obj){this.classList=Object.assign({"cds--btn--disabled":this.disabled},obj)}get buttonNgClass(){return this.classList}set buttonAttributes(obj){this.button&&(Object.keys(this.attributeList).forEach((key=>{this.renderer.removeAttribute(this.button.nativeElement,key)})),Object.keys(obj).forEach((key=>{this.renderer.setAttribute(this.button.nativeElement,key,obj[key])}))),this.attributeList=obj}get buttonAttributes(){return this.buttonAttributes}static{this.iconButtonCounter=0}constructor(renderer){super(),this.renderer=renderer,this.buttonId="icon-btn-"+IconButton_1.iconButtonCounter++,this.kind="primary",this.size="lg",this.type="button",this.isExpressive=!1,this.disabled=!1,this.showTooltipWhenDisabled=!1,this.click=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.tooltipClick=new core.EventEmitter,this.classList={},this.attributeList={}}ngAfterViewInit(){this.buttonAttributes=this.attributeList}emitClickEvent(event,element="button"){event.preventDefault(),event.stopPropagation(),"tooltip"!==element?this.click.emit(event):this.tooltipClick.emit(event)}static{this.ctorParameters=()=>[{type:core.Renderer2}]}static{this.propDecorators={buttonNgClass:[{type:core.Input}],buttonAttributes:[{type:core.Input}],button:[{type:core.ViewChild,args:["button"]}],buttonId:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],type:[{type:core.Input}],isExpressive:[{type:core.Input}],disabled:[{type:core.Input}],description:[{type:core.Input}],showTooltipWhenDisabled:[{type:core.Input}],click:[{type:core.Output}],focus:[{type:core.Output}],blur:[{type:core.Output}],tooltipClick:[{type:core.Output}]}}};IconButton=IconButton_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-icon-button, ibm-icon-button",template:'\n\t<cds-tooltip\n\t\tclass="cds--icon-tooltip"\n\t\t[description]="description"\n\t\t[disabled]="showTooltipWhenDisabled ? false : disabled"\n\t\t[caret]="caret"\n\t\t[dropShadow]="dropShadow"\n\t\t[highContrast]="highContrast"\n\t\t[isOpen]="isOpen"\n\t\t[align]="align"\n\t\t[autoAlign]="autoAlign"\n\t\t[enterDelayMs]="enterDelayMs"\n\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t(click)="emitClickEvent($event, \'tooltip\')">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]="buttonId"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.type]="type"\n\t\t\t[iconOnly]="true"\n\t\t\t[ngClass]="buttonNgClass"\n\t\t\t[cdsButton]="kind"\n\t\t\t[size]="size"\n\t\t\t[isExpressive]="isExpressive"\n\t\t\t(click)="emitClickEvent($event)"\n\t\t\t(focus)="focus.emit($event)"\n\t\t\t(blur)="blur.emit($event)">\n\t\t\t<ng-content />\n\t\t</button>\n\t</cds-tooltip>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[tooltip.m_,common_module_Dx7dWex5.YU,Button]})],IconButton);let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Button,ButtonSet,IconButton],imports:[common_module_Dx7dWex5.MD,tooltip.Ss,Button,ButtonSet,BaseIconButton,IconButton]})],ButtonModule)},"./src/combo-button/combo-button.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>combo_button_stories});var ComboButtonComponent_1,dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),asyncToGenerator=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),floating_ui_dom=__webpack_require__("./node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),context_menu=__webpack_require__("./src/context-menu/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),icon=__webpack_require__("./src/icon/index.ts");let ComboButtonComponent=class ComboButtonComponent{static{ComboButtonComponent_1=this}static{this.comboButtonCounter=0}set projectedMenuItems(itemList){this.subscriptions.forEach((sub=>sub?.unsubscribe())),this.subscriptions=[],itemList.forEach((item=>{this.subscriptions.push(item.itemClick.subscribe((clickEvent=>this.handleMenuItemClick(clickEvent))))}))}get sizeLg(){return"lg"===this.size}get sizeMd(){return"md"===this.size}get sizeSm(){return"sm"===this.size}get sizeXs(){return"xs"===this.size}get ariaOwns(){return this.open?this.comboId:void 0}constructor(ngZone,renderer,hostElement,viewContainerRef,changeDetectorRef){this.ngZone=ngZone,this.renderer=renderer,this.hostElement=hostElement,this.viewContainerRef=viewContainerRef,this.changeDetectorRef=changeDetectorRef,this.comboId="combo-button-"+ComboButtonComponent_1.comboButtonCounter++,this.size="lg",this.disabled=!1,this.menuAlignment="bottom",this.tooltipAutoAlign=!1,this.tooltipPlacement="bottom",this.open=!1,this.actionClick=new core.EventEmitter,this.comboButtonContainer=!0,this.documentClick=this.handleFocusOut.bind(this),this.subscriptions=[],this._alignment="bottom"}ngOnChanges(changes){changes.menuAlignment&&(this._alignment=changes.menuAlignment.currentValue)}ngAfterViewInit(){this.open&&(this.open=!this.open,this.toggleMenu())}ngOnDestroy(){this.cleanUp(),this.subscriptions.forEach((sub=>sub.unsubscribe()))}handleMenuItemClick(event){event.type||this.toggleMenu()}handleFocusOut(event){this.hostElement.nativeElement.contains(event.target)||this.toggleMenu()}cleanUp(){document.removeEventListener("click",this.documentClick),this.unmountFloatingElement&&(this.menuRef.remove(),this.viewContainerRef.clear(),this.unmountFloatingElement()),this.unmountFloatingElement=void 0,this.changeDetectorRef.markForCheck()}onActionClick(event){this.open&&this.toggleMenu(),this.actionClick.emit(event)}toggleMenu(){if(this.open=!this.open,this.open){const view=this.viewContainerRef.createEmbeddedView(this.menuTemplate);this.menuRef=document.body.appendChild(view.rootNodes[0]),Object.assign(this.menuRef.style,{width:`${this.hostElement.nativeElement.clientWidth}px`,top:"0",left:"0"}),this.menuAlignment=this._alignment,document.addEventListener("click",this.documentClick),this.unmountFloatingElement=(0,floating_ui_dom.ll)(this.hostElement.nativeElement,this.menuRef,this.recomputePosition.bind(this))}else this.cleanUp()}roundByDPR(value){const dpr=window.devicePixelRatio||1;return Math.round(value*dpr)/dpr}recomputePosition(){var _this=this;this.menuTemplate&&this.hostElement&&this.ngZone.runOutsideAngular((0,asyncToGenerator.A)((function*(){const{x,y,placement}=yield(0,floating_ui_dom.rD)(_this.hostElement.nativeElement,_this.menuRef,{placement:_this.menuAlignment,strategy:"fixed",middleware:[(0,floating_ui_dom.UU)({crossAxis:!1})]});_this.menuAlignment=placement,Object.assign(_this.menuRef.style,{position:"fixed",transform:`translate(${_this.roundByDPR(x)}px,${_this.roundByDPR(y)}px)`}),_this.changeDetectorRef.markForCheck()})))}static{this.ctorParameters=()=>[{type:core.NgZone},{type:core.Renderer2},{type:core.ElementRef},{type:core.ViewContainerRef},{type:core.ChangeDetectorRef}]}static{this.propDecorators={comboId:[{type:core.Input}],projectedMenuItems:[{type:core.ContentChildren,args:[context_menu.hl]}],size:[{type:core.Input}],label:[{type:core.Input}],disabled:[{type:core.Input}],menuAlignment:[{type:core.Input}],description:[{type:core.Input}],tooltipAutoAlign:[{type:core.Input}],tooltipPlacement:[{type:core.Input}],open:[{type:core.Input},{type:core.HostBinding,args:["class.cds--combo-button__container--open"]}],actionClick:[{type:core.Output}],comboButtonContainer:[{type:core.HostBinding,args:["class.cds--combo-button__container"]}],sizeLg:[{type:core.HostBinding,args:["class.cds--combo-button__container--lg"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--combo-button__container--md"]}],sizeSm:[{type:core.HostBinding,args:["class.cds--combo-button__container--sm"]}],sizeXs:[{type:core.HostBinding,args:["class.cds--combo-button__container--xs"]}],ariaOwns:[{type:core.HostBinding,args:["attr.aria-owns"]}],menuTemplate:[{type:core.ViewChild,args:["menuTemplate"]}]}}};ComboButtonComponent=ComboButtonComponent_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-combo-button",template:'\n\t\t<div class="cds--combo-button__primary-action" [attr.aria-owns]="open ? comboId : undefined">\n\t\t\t<button\n\t\t\t\tcdsButton="primary"\n\t\t\t\t[size]="size"\n\t\t\t\t[attr.title]="label"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\ttype="button"\n\t\t\t\t(click)="onActionClick($event)">\n\t\t\t\t{{label}}\n\t\t\t</button>\n\t\t</div>\n\t\t<cds-icon-button\n\t\t\t[buttonNgClass]="{ \'cds--combo-button__trigger\': true }"\n\t\t\t[buttonAttributes]="{\n\t\t\t\t\'aria-haspopup\': true,\n\t\t\t\t\'aria-expanded\': open,\n\t\t\t\t\'aria-controls\': open ? comboId : undefined\n\t\t\t}"\n\t\t\t[size]="size"\n\t\t\t[description]="description"\n\t\t\t[disabled]="disabled"\n\t\t\t[autoAlign]="tooltipAutoAlign"\n\t\t\t[align]="tooltipPlacement"\n\t\t\t(click)="toggleMenu()">\n\t\t\t<svg\n\t\t\t\tcdsIcon="chevron--down"\n\t\t\t\tsize="16">\n\t\t\t</svg>\n\t\t</cds-icon-button>\n\n\t\t<ng-template #menuTemplate>\n\t\t\t<cds-menu\n\t\t\t\tmode="basic"\n\t\t\t\t[size]="size"\n\t\t\t\t[open]="open"\n\t\t\t\t[attr.id]="comboId">\n\t\t\t\t<ng-content select="cds-menu-item, cds-menu-divider"></ng-content>\n\t\t\t</cds-menu>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[src_button.$n,src_button.K0,icon.LJ,context_menu.Ek]})],ComboButtonComponent);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ComboButtonModule=class ComboButtonModule{};ComboButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({imports:[common_module_Dx7dWex5.MD,src_button.tm,icon.op,context_menu.rc,ComboButtonComponent],exports:[ComboButtonComponent]})],ComboButtonModule);const combo_button_stories={title:"Components/Combo button",decorators:[(0,dist.Iz)({imports:[ComboButtonComponent,icon.LJ,context_menu.Ek,context_menu.hl,context_menu.d7]})],argTypes:{onClick:{action:"clicked"}},component:ComboButtonComponent},Basic=(args=>({props:args,template:'\n <cds-combo-button\n [size]="size"\n [menuAlignment]="menuAlignment"\n [label]="label"\n [description]="description"\n [tooltipAutoAlign]="tooltipAutoAlign"\n [tooltipPlacement]="tooltipPlacement">\n <cds-menu-item label="First action with a long label description"></cds-menu-item>\n <cds-menu-item label="Second action" (click)="onClick($event)"></cds-menu-item>\n <cds-menu-item label="Third action" [disabled]="true"></cds-menu-item>\n <cds-menu-divider></cds-menu-divider>\n <cds-menu-item label="Cut" info="⌘X"></cds-menu-item>\n <cds-menu-item label="Option with icon" icon="calendar"></cds-menu-item>\n <cds-menu-divider></cds-menu-divider>\n <cds-menu-item label="Danger action" [danger]="true"></cds-menu-item>\n </cds-combo-button>\n '})).bind({});Basic.args={size:"lg",menuAlignment:"bottom",label:"Combo button",description:"Additional actions",tooltipAutoAlign:!0,tooltipPlacement:"right"};const __namedExportsOrder=["Basic"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-combo-button\n [size]="size"\n [menuAlignment]="menuAlignment"\n [label]="label"\n [description]="description"\n [tooltipAutoAlign]="tooltipAutoAlign"\n [tooltipPlacement]="tooltipPlacement">\n <cds-menu-item label="First action with a long label description"></cds-menu-item>\n <cds-menu-item label="Second action" (click)="onClick($event)"></cds-menu-item>\n <cds-menu-item label="Third action" [disabled]="true"></cds-menu-item>\n <cds-menu-divider></cds-menu-divider>\n <cds-menu-item label="Cut" info="⌘X"></cds-menu-item>\n <cds-menu-item label="Option with icon" icon="calendar"></cds-menu-item>\n <cds-menu-divider></cds-menu-divider>\n <cds-menu-item label="Danger action" [danger]="true"></cds-menu-item>\n </cds-combo-button>\n `\n})',...Basic.parameters?.docs?.source}}}}}]);