npm - carbon-components-angular - Versions diffs - 6.0.0-rc.1 → 6.0.0-rc.2 - Mend

carbon-components-angular 6.0.0-rc.1 → 6.0.0-rc.2

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 (423) hide show

package/docs/storybook/ui-shell-ui-shell-stories.9b5a8c7f.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[8610],{"./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 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 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"]}],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"]}],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]"})],Button);let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:"<ng-content></ng-content>"})],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}]}}};var IconButton_1;BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:""})],BaseIconButton);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></ng-content>\n\t\t</button>\n\t</cds-tooltip>\n\t'})],IconButton);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),tooltip=__webpack_require__("./src/tooltip/index.ts");let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[Button,ButtonSet,BaseIconButton,IconButton],exports:[Button,ButtonSet,IconButton],imports:[common.CommonModule,tooltip.Ss]})],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_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root;svg.setAttribute("xmlns","http://www.w3.org/2000/svg");const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElement("title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_0__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Directive)({selector:"[cdsIcon], [ibmIcon]"})],IconDirective)},"./src/icon/icon.module.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{op:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.directive.ts"),_icon_service__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");const ICON_SERVICE_PROVIDER={provide:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM,deps:[[new _angular_core__WEBPACK_IMPORTED_MODULE_55__.Optional,new _angular_core__WEBPACK_IMPORTED_MODULE_55__.SkipSelf,_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM]],useFactory:function ICON_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new _icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}};let IconModule=class IconModule{constructor(iconService){this.iconService=iconService,iconService.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__.A])}static{this.ctorParameters=()=>[{type:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}]}};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_56__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_55__.NgModule)({declarations:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_57__.CommonModule],providers:[ICON_SERVICE_PROVIDER]})],IconModule)},"./src/icon/icon.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super("Size ${size} for ${name} not found")}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)||this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){const{size}=descriptor;this.iconCache.set(name,size.toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg||(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_0__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)()],IconService)},"./src/icon/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.op,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/layer/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>LayerDirective,G:()=>LayerModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let LayerDirective=class LayerDirective{set ibmLayer(level){this.cdsLayer=level}set cdsLayer(level){"number"==typeof level&&(this._passedLevel=level,this.layer=level)}get cdsLayer(){return this._passedLevel}set layer(level){"number"==typeof level&&(this._level=Math.max(0,Math.min(level,2)),this.layerChildren&&this.layerChildren.forEach((layer=>{layer!==this&&(layer.layer="number"==typeof layer._passedLevel?layer._passedLevel:this.layer+1)})))}get layer(){return this._level}get layerOneClass(){return 0===this.layer}get layerTwoClass(){return 1===this.layer}get layerThreeClass(){return 2===this.layer}ngAfterContentInit(){"number"!=typeof this.cdsLayer&&(this.layer=1)}static{this.propDecorators={ibmLayer:[{type:core.Input}],cdsLayer:[{type:core.Input}],layerOneClass:[{type:core.HostBinding,args:["class.cds--layer-one"]}],layerTwoClass:[{type:core.HostBinding,args:["class.cds--layer-two"]}],layerThreeClass:[{type:core.HostBinding,args:["class.cds--layer-three"]}],layerChildren:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>LayerDirective)),{descendants:!1}]}]}}};LayerDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsLayer], [ibmLayer]",exportAs:"layer"})],LayerDirective);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");let LayerModule=class LayerModule{};LayerModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[LayerDirective],exports:[LayerDirective],imports:[common.CommonModule]})],LayerModule)},"./src/search/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{v:()=>Search,t:()=>SearchModule});var Search_1,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),search_componentngResource=__webpack_require__("./src/search/search.component.html?ngResource"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),i18n=__webpack_require__("./src/i18n/index.ts");let Search=class Search{static{Search_1=this}static{this.searchCount=0}get containerClass(){return!(this.toolbar||this.expandable)}get fluidSkeletonClass(){return this.skeleton&&this.fluid}constructor(elementRef,i18n){this.elementRef=elementRef,this.i18n=i18n,this.theme="dark",this.size="md",this.disabled=!1,this.toolbar=!1,this.expandable=!1,this.skeleton=!1,this.active=!1,this.tableSearch=!1,this.id=`search-${Search_1.searchCount}`,this.value="",this.autocomplete="on",this.label=this.i18n.get().SEARCH.LABEL,this.placeholder=this.i18n.get().SEARCH.PLACEHOLDER,this.clearButtonTitle=this.i18n.get().SEARCH.CLEAR_BUTTON,this.searchTitle="",this.fluid=!1,this.valueChange=new core.EventEmitter,this.open=new core.EventEmitter,this.clear=new core.EventEmitter,this.search=new core.EventEmitter,this.isComposing=!1,this.onTouched=()=>{},this.propagateChange=_=>{},Search_1.searchCount++}writeValue(value){this.value=value}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}onSearch(search){this.isComposing||(this.value=search,this.doValueChange())}onEnter(){this.search.emit(this.value)}clearSearch(){this.value="",this.clear.emit(),this.propagateChange(this.value)}doValueChange(){this.valueChange.emit(this.value),this.propagateChange(this.value)}openSearch(){this.active=!0,this.open.emit(this.active),setTimeout((()=>this.inputRef.nativeElement.focus()))}keyDown(event){(this.toolbar||this.expandable)&&("Escape"===event.key?""===this.value&&(this.active=!1,this.open.emit(this.active)):"Enter"===event.key&&this.openSearch()),"Escape"===event.key&&""!==this.value&&this.clearSearch()}focusOut(event){this.onTouched(),(this.expandable||this.toolbar)&&this.inputRef&&""===this.inputRef.nativeElement.value&&!this.elementRef.nativeElement.contains(event.relatedTarget)&&(this.active=!1,this.open.emit(this.active))}focusIn(event){this.onTouched(),!this.expandable&&!this.toolbar||!this.inputRef||event.relatedTarget||this.elementRef.nativeElement.contains(event.relatedTarget)||this.openSearch()}compositionStart(event){this.isComposing=!0}compositionEnd(event){this.isComposing=!1,this.onSearch(this.value+event.data)}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:i18n.F2}]}static{this.propDecorators={containerClass:[{type:core.HostBinding,args:["class.cds--form-item"]}],fluidSkeletonClass:[{type:core.HostBinding,args:["class.cds--text-input--fluid__skeleton"]}],theme:[{type:core.Input}],size:[{type:core.Input}],disabled:[{type:core.Input}],toolbar:[{type:core.Input}],expandable:[{type:core.Input}],skeleton:[{type:core.Input}],active:[{type:core.Input}],tableSearch:[{type:core.Input}],name:[{type:core.Input}],id:[{type:core.Input}],required:[{type:core.Input}],value:[{type:core.Input}],autocomplete:[{type:core.Input}],label:[{type:core.Input}],placeholder:[{type:core.Input}],clearButtonTitle:[{type:core.Input}],searchTitle:[{type:core.Input}],ariaLabel:[{type:core.Input}],fluid:[{type:core.Input}],valueChange:[{type:core.Output}],open:[{type:core.Output}],clear:[{type:core.Output}],search:[{type:core.Output}],inputRef:[{type:core.ViewChild,args:["input"]}],keyDown:[{type:core.HostListener,args:["keydown",["$event"]]}],focusOut:[{type:core.HostListener,args:["focusout",["$event"]]}],focusIn:[{type:core.HostListener,args:["focusin",["$event"]]}],compositionStart:[{type:core.HostListener,args:["compositionstart",["$event"]]}],compositionEnd:[{type:core.HostListener,args:["compositionend",["$event"]]}]}}};Search=Search_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-search, ibm-search",template:search_componentngResource,providers:[{provide:fesm2022_forms.kq,useExisting:Search,multi:!0}]})],Search);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),icon=__webpack_require__("./src/icon/index.ts");let SearchModule=class SearchModule{};SearchModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[Search],exports:[Search],imports:[fesm2022_forms.YN,common.CommonModule,i18n.LP,icon.op]})],SearchModule)},"./src/theme/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>ThemeDirective,O:()=>ThemeModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),src_layer=__webpack_require__("./src/layer/index.ts");let ThemeDirective=class ThemeDirective{constructor(){this.cdsTheme="white",this.layerClass=!0}set ibmTheme(type){this.cdsTheme=type}get whiteThemeClass(){return"white"===this.cdsTheme||!this.cdsTheme}get g10ThemeClass(){return"g10"===this.cdsTheme}get g90ThemeClass(){return"g90"===this.cdsTheme}get g100ThemeClass(){return"g100"===this.cdsTheme}ngAfterContentChecked(){this.layerChildren.toArray().forEach((layer=>{"number"!=typeof layer.cdsLayer&&(layer.cdsLayer=1)}))}static{this.propDecorators={ibmTheme:[{type:core.Input}],cdsTheme:[{type:core.Input}],layerChildren:[{type:core.ContentChildren,args:[src_layer.P,{descendants:!1}]}],whiteThemeClass:[{type:core.HostBinding,args:["class.cds--white"]}],g10ThemeClass:[{type:core.HostBinding,args:["class.cds--g10"]}],g90ThemeClass:[{type:core.HostBinding,args:["class.cds--g90"]}],g100ThemeClass:[{type:core.HostBinding,args:["class.cds--g100"]}],layerClass:[{type:core.HostBinding,args:["class.cds--layer-one"]}]}}};ThemeDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsTheme], [ibmTheme]",exportAs:"theme"})],ThemeDirective);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");let ThemeModule=class ThemeModule{};ThemeModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[ThemeDirective],exports:[ThemeDirective],imports:[common.CommonModule,src_layer.G]})],ThemeModule)},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/noSourceMaps.js":module=>{module.exports=function(i){return i[1]}},"./src/ui-shell/ui-shell.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AngularRouting:()=>AngularRouting,Header:()=>Header,HeaderFluid:()=>HeaderFluid,HeaderWithRouter:()=>HeaderWithRouter,HeaderWithTemp:()=>HeaderWithTemp,SideNavigation:()=>SideNavigation,SideNavigationRail:()=>SideNavigationRail,SideNavigationRouter:()=>SideNavigationRouter,SideNavigationUseRouter:()=>SideNavigationUseRouter,SidePanel:()=>SidePanel,Together:()=>Together,WithModel:()=>WithModel,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ui_shell_stories});var core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),router=__webpack_require__("./node_modules/@angular/router/fesm2022/router.mjs"),dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),search=__webpack_require__("./src/search/index.ts"),icon=__webpack_require__("./src/icon/index.ts"),theme=__webpack_require__("./src/theme/index.ts"),ui_shell=__webpack_require__("./src/ui-shell/index.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");let BarComponent=class BarComponent{};BarComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"app-bar",template:"<h1>bar</h1>"})],BarComponent);let FooComponent=class FooComponent{};FooComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"app-foo",template:"<h1>foo</h1>"})],FooComponent);let HeaderFluidComponent=class HeaderFluidComponent{constructor(){this.hasHamburger=!1}static{this.propDecorators={headerItems:[{type:core.Input}]}}};HeaderFluidComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"app-header-fluid",template:'\n\t\t<cds-header name="[Platform]">\n\t\t\t<cds-hamburger\n\t\t\t\t(selected)="hasHamburger = !hasHamburger"\n\t\t\t\tclass="cds--header__menu-toggle__hidden"></cds-hamburger>\n\t\t\t<cds-header-navigation [navigationItems]="headerItems"></cds-header-navigation>\n\t\t\t<cds-sidenav\n\t\t\t\t*ngIf="hasHamburger"\n\t\t\t\t[navigationItems]="headerItems"\n\t\t\t\tclass="cds--header__menu-toggle__hidden"></cds-sidenav>\n\t\t</cds-header>\n\t'})],HeaderFluidComponent);const ui_shell_stories={title:"Components/UI Shell",decorators:[(0,dist.applicationConfig)({providers:[(0,core.importProvidersFrom)(router.iI.forRoot([{path:"bar",component:BarComponent},{path:"foo",component:FooComponent}],{useHash:!0}))]}),(0,dist.moduleMetadata)({declarations:[BarComponent,FooComponent,HeaderFluidComponent],imports:[theme.O,ui_shell.Vd,icon.op,search.t,router.iI]})],args:{theme:"white"},argTypes:{theme:{options:["white","g10","g90","g100"],control:"radio"}},parameters:{docs:{story:{height:"30rem"}}}},Header=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-header name="[Platform]">\n <cds-hamburger *ngIf="hasHamburger" (click)="expanded($event)"></cds-hamburger>\n <cds-header-navigation>\n <cds-header-item>Catalog</cds-header-item>\n <cds-header-item isCurrentPage="true">Docs</cds-header-item>\n <cds-header-item>Support</cds-header-item>\n <cds-header-menu title="Manage">\n <cds-header-item>Link 1</cds-header-item>\n <cds-header-item>Link 2</cds-header-item>\n <cds-header-item>Link 3</cds-header-item>\n </cds-header-menu>\n </cds-header-navigation>\n <cds-header-global>\n <cds-header-action description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n <cds-header-action description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n </cds-header-global>\n </cds-header>\n </div>\n '})).bind({});Header.args={hasHamburger:!0},Header.argTypes={expanded:{action:"Menu clicked!"}};const HeaderFluid=(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/ui-shell/stories/header-fluid.component.ts\n --\x3e\n <app-header-fluid [headerItems]="headerItems"></app-header-fluid>\n '})).bind({});HeaderFluid.storyName="Header fluid items to side navigation",HeaderFluid.args={headerItems:[{type:"item",content:"Catalog",title:"Catalog"},{type:"item",content:"Docs",isCurrentPage:!0},{type:"item",content:"Support"},{type:"menu",title:"Manage",menuItems:[{type:"item",content:"Link 1"},{type:"item",content:"Link 2"},{type:"item",content:"Link 3"}]}]},HeaderFluid.argTypes={headerItems:{control:!1},theme:{control:!1}};const HeaderWithTemp=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-header name="[Platform]" [brand]="brandTemplate">\n <cds-hamburger *ngIf="hasHamburger" (click)="expanded($event)"></cds-hamburger>\n <cds-header-navigation>\n <cds-header-item>Catalog</cds-header-item>\n <cds-header-item>Docs</cds-header-item>\n <cds-header-item>Support</cds-header-item>\n <cds-header-menu title="Manage">\n <cds-header-item>Link 1</cds-header-item>\n <cds-header-item>Link 2</cds-header-item>\n <cds-header-item>Link 3</cds-header-item>\n </cds-header-menu>\n </cds-header-navigation>\n <cds-header-global>\n <cds-header-action description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n <cds-header-action description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n </cds-header-global>\n </cds-header>\n </div>\n <ng-template #brandTemplate>\n <a class="cds--header__name">\n <svg cdsIcon="carbon" size="32" style="stroke:white;fill:white"></svg>\n <span class="cds--header__name--prefix">IBM</span>\n [Platform]\n </a>\n </ng-template>\n '})).bind({});HeaderWithTemp.storyName="Header with template",HeaderWithTemp.args={hasHamburger:!0},HeaderWithTemp.argTypes={expanded:{action:"Menu clicked!"}};const HeaderWithRouter=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-header name="[Platform]" [route]="[\'bar\']">\n <cds-header-navigation>\n <cds-header-item [route]="[\'foo\']">Catalog</cds-header-item>\n <cds-header-item [route]="[\'bar\']">Docs</cds-header-item>\n <cds-header-item [route]="[\'foo\']">Support</cds-header-item>\n <cds-header-menu title="Manage">\n <cds-header-item [route]="[\'foo\']">Link 1</cds-header-item>\n <cds-header-item [route]="[\'bar\']">Link 2</cds-header-item>\n <cds-header-item [route]="[\'foo\']">Link 3</cds-header-item>\n </cds-header-menu>\n </cds-header-navigation>\n </cds-header>\n </div>\n <div style="margin-top: 2rem">\n <router-outlet></router-outlet>\n </div>\n '})).bind({});HeaderWithRouter.argTypes={expanded:{action:"Menu clicked!"}};const SideNavigation=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-sidenav>\n <cds-sidenav-item [active]="true">\n Link\n </cds-sidenav-item>\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n </div>\n '})).bind({});SideNavigation.args={options:[{content:"Option 1",value:1},{content:"Option 2",value:2},{content:"Option 3",value:3}]},SideNavigation.argTypes={options:{control:!1}};const SideNavigationRouter=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-sidenav>\n <cds-sidenav-item [route]="[\'foo\']">\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item [route]="[\'bar\']">\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item [route]="[\'foo\']">Link</cds-sidenav-item>\n <cds-sidenav-item [route]="[\'bar\']">Link</cds-sidenav-item>\n <cds-sidenav-item [route]="[\'foo\']">Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n </div>\n <div style="margin-left: 18rem">\n <router-outlet></router-outlet>\n </div>\n '})).bind({});SideNavigationRouter.storyName="Side Navigation with router";const SideNavigationUseRouter=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-sidenav>\n <cds-sidenav-item [route]="[\'foo\']" [useRouter]="true">\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item [route]="[\'bar\']" [useRouter]="true" [routeExtras]="routeExtras">\n <svg cdsIcon="fade" size="16"></svg>\n Link with query params\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item [route]="[\'foo\']" [useRouter]="true">Link</cds-sidenav-item>\n <cds-sidenav-item [route]="[\'bar\']" [useRouter]="true">Link</cds-sidenav-item>\n <cds-sidenav-item [route]="[\'foo\']" [useRouter]="true">Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n </div>\n <div style="margin-left: 256px">\n <router-outlet></router-outlet>\n </div>\n '})).bind({});SideNavigationUseRouter.storyName="Side Navigation with useRouter",SideNavigationUseRouter.args={routeExtras:{queryParams:{key:"value"}}};const SidePanel=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-panel expanded="true">\n <cds-switcher-list>\n <cds-switcher-list-item [route]="[\'foo\']">Switcher item one</cds-switcher-list-item>\n <cds-switcher-list-item [route]="[\'bar\']">Switcher item two</cds-switcher-list-item>\n <cds-switcher-list-item [route]="[\'foo\']">Switcher item three</cds-switcher-list-item>\n <cds-switcher-list-item [route]="[\'bar\']">Switcher item four</cds-switcher-list-item>\n </cds-switcher-list>\n </cds-panel>\n </div>\n <div>\n <router-outlet></router-outlet>\n </div>\n '})).bind({});SidePanel.storyName="Side Panel with router";const Together=(args=>({props:args,template:'\n <div>\n <cds-header name="[Platform]">\n <cds-hamburger *ngIf="hasHamburger" [active]="active" (selected)="active = !active"></cds-hamburger>\n <cds-header-navigation>\n <cds-header-item>Catalog</cds-header-item>\n <cds-header-item>Docs</cds-header-item>\n <cds-header-item>Support</cds-header-item>\n <cds-header-menu title="Manage">\n <cds-header-item>Link 1</cds-header-item>\n <cds-header-item>Link 2</cds-header-item>\n <cds-header-item>Link 3</cds-header-item>\n </cds-header-menu>\n </cds-header-navigation>\n <cds-header-global>\n <cds-header-action #firstAction description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n <cds-header-action [(active)]="secondAction" description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n </cds-header-global>\n </cds-header>\n <cds-sidenav [expanded]="active" style="margin-top: 3rem">\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" size="16"></svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item [active]="hasActiveChild">Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n <cds-panel [expanded]="firstAction.active"></cds-panel>\n <cds-panel [expanded]="secondAction">\n <cds-switcher-list>\n <cds-switcher-list-item active="true">Switcher item one</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item two</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item three</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item four</cds-switcher-list-item>\n </cds-switcher-list>\n </cds-panel>\n </div>\n '})).bind({});Together.args={hasHamburger:!0,active:!0,secondAction:!1,hasActiveChild:!0,options:[{content:"Option 1",value:1},{content:"Option 2",value:2},{content:"Option 3",value:3}]},Together.argTypes={options:{control:!1}};const SideNavigationRail=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-sidenav rail="true" [expanded]="false">\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n </div>\n '})).bind({});SideNavigationRail.args={options:[{content:"Option 1",value:1},{content:"Option 2",value:2},{content:"Option 3",value:3}]},SideNavigationRail.argTypes={options:{control:!1}};const WithModel=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-header name="[Platform]">\n <cds-hamburger *ngIf="hasHamburger" [active]="active" (selected)="active = !active"></cds-hamburger>\n <cds-header-navigation [navigationItems]="headerItems">\n </cds-header-navigation>\n <cds-header-global>\n <cds-header-action #firstAction description="action">\n <svg\n width="20"\n height="20"\n xmlns="http://www.w3.org/2000/svg"\n viewBox="0 0 32 32"\n aria-hidden="true">\n <path\n d="M8.24 25.14L7 26.67a14 14 0 0 0 4.18 2.44l.68-1.88a12\n 12 0 0 1-3.62-2.09zm-4.05-7.07l-2 .35A13.89 13.89 0 0 0 3.86\n 23l1.73-1a11.9 11.9 0 0 1-1.4-3.93zm7.63-13.31l-.68-1.88A14\n 14 0 0 0 7 5.33l1.24 1.53a12 12 0 0 1 3.58-2.1zM5.59\n 10L3.86 9a13.89 13.89 0 0 0-1.64 4.54l2 .35A11.9 11.9 0 0 1 5.59\n 10zM16 2v2a12 12 0 0 1 0 24v2a14 14 0 0 0 0-28z" />\n </svg>\n </cds-header-action>\n <cds-header-action #secondAction description="action">\n <svg\n width="20"\n height="20"\n xmlns="http://www.w3.org/2000/svg"\n viewBox="0 0 32 32"\n aria-hidden="true">\n <path\n d="M8.24 25.14L7 26.67a14 14 0 0 0 4.18 2.44l.68-1.88a12\n 12 0 0 1-3.62-2.09zm-4.05-7.07l-2 .35A13.89 13.89 0 0 0 3.86\n 23l1.73-1a11.9 11.9 0 0 1-1.4-3.93zm7.63-13.31l-.68-1.88A14\n 14 0 0 0 7 5.33l1.24 1.53a12 12 0 0 1 3.58-2.1zM5.59\n 10L3.86 9a13.89 13.89 0 0 0-1.64 4.54l2 .35A11.9 11.9 0 0 1 5.59\n 10zM16 2v2a12 12 0 0 1 0 24v2a14 14 0 0 0 0-28z" />\n </svg>\n </cds-header-action>\n </cds-header-global>\n </cds-header>\n <cds-sidenav [navigationItems]="headerItems" style="margin-top: 3rem">\n <cds-sidenav-menu title="Category title">\n <svg icon width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true">\n <path\n d="M8.24 25.14L7 26.67a14 14 0 0 0 4.18 2.44l.68-1.88a12\n 12 0 0 1-3.62-2.09zm-4.05-7.07l-2 .35A13.89 13.89 0 0 0 3.86\n 23l1.73-1a11.9 11.9 0 0 1-1.4-3.93zm7.63-13.31l-.68-1.88A14\n 14 0 0 0 7 5.33l1.24 1.53a12 12 0 0 1 3.58-2.1zM5.59\n 10L3.86 9a13.89 13.89 0 0 0-1.64 4.54l2 .35A11.9 11.9 0 0 1 5.59\n 10zM16 2v2a12 12 0 0 1 0 24v2a14 14 0 0 0 0-28z" />\n </svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n <cds-panel [expanded]="firstAction.active"></cds-panel>\n <cds-panel [expanded]="secondAction.active">\n <cds-switcher-list>\n <cds-switcher-list-item active="true">Switcher item one</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item two</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item three</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item four</cds-switcher-list-item>\n </cds-switcher-list>\n </cds-panel>\n </div>\n <router-outlet></router-outlet>\n '})).bind({});WithModel.args={options:[{content:"Option 1",value:1},{content:"Option 2",value:2},{content:"Option 3",value:3}],headerItems:[{type:"item",route:["foo"],content:"Catalog"},{type:"item",route:["bar"],content:"Docs"},{type:"item",route:["foo"],content:"Support"},{type:"menu",title:"Manage",trigger:"click",menuItems:[{type:"item",route:["foo"],content:"Link 1"},{type:"item",route:["bar"],content:"Link 2"}]}]},WithModel.argTypes={options:{control:!1},headerItems:{control:!1}};const AngularRouting=(args=>({props:args,template:'\n <div [cdsTheme]="theme">\n <cds-sidenav rail="true" [expanded]="false">\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n <div>\n '})).bind({});AngularRouting.storyName="Use angular router attributes for routing",Header.parameters={...Header.parameters,docs:{...Header.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-header name="[Platform]">\n <cds-hamburger *ngIf="hasHamburger" (click)="expanded($event)"></cds-hamburger>\n <cds-header-navigation>\n <cds-header-item>Catalog</cds-header-item>\n <cds-header-item isCurrentPage="true">Docs</cds-header-item>\n <cds-header-item>Support</cds-header-item>\n <cds-header-menu title="Manage">\n <cds-header-item>Link 1</cds-header-item>\n <cds-header-item>Link 2</cds-header-item>\n <cds-header-item>Link 3</cds-header-item>\n </cds-header-menu>\n </cds-header-navigation>\n <cds-header-global>\n <cds-header-action description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n <cds-header-action description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n </cds-header-global>\n </cds-header>\n </div>\n `\n})',...Header.parameters?.docs?.source}}},HeaderFluid.parameters={...HeaderFluid.parameters,docs:{...HeaderFluid.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/ui-shell/stories/header-fluid.component.ts\n --\x3e\n <app-header-fluid [headerItems]="headerItems"></app-header-fluid>\n `\n})',...HeaderFluid.parameters?.docs?.source}}},HeaderWithTemp.parameters={...HeaderWithTemp.parameters,docs:{...HeaderWithTemp.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-header name="[Platform]" [brand]="brandTemplate">\n <cds-hamburger *ngIf="hasHamburger" (click)="expanded($event)"></cds-hamburger>\n <cds-header-navigation>\n <cds-header-item>Catalog</cds-header-item>\n <cds-header-item>Docs</cds-header-item>\n <cds-header-item>Support</cds-header-item>\n <cds-header-menu title="Manage">\n <cds-header-item>Link 1</cds-header-item>\n <cds-header-item>Link 2</cds-header-item>\n <cds-header-item>Link 3</cds-header-item>\n </cds-header-menu>\n </cds-header-navigation>\n <cds-header-global>\n <cds-header-action description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n <cds-header-action description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n </cds-header-global>\n </cds-header>\n </div>\n <ng-template #brandTemplate>\n <a class="cds--header__name">\n <svg cdsIcon="carbon" size="32" style="stroke:white;fill:white"></svg>\n <span class="cds--header__name--prefix">IBM</span>\n [Platform]\n </a>\n </ng-template>\n `\n})',...HeaderWithTemp.parameters?.docs?.source}}},HeaderWithRouter.parameters={...HeaderWithRouter.parameters,docs:{...HeaderWithRouter.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-header name="[Platform]" [route]="[\'bar\']">\n <cds-header-navigation>\n <cds-header-item [route]="[\'foo\']">Catalog</cds-header-item>\n <cds-header-item [route]="[\'bar\']">Docs</cds-header-item>\n <cds-header-item [route]="[\'foo\']">Support</cds-header-item>\n <cds-header-menu title="Manage">\n <cds-header-item [route]="[\'foo\']">Link 1</cds-header-item>\n <cds-header-item [route]="[\'bar\']">Link 2</cds-header-item>\n <cds-header-item [route]="[\'foo\']">Link 3</cds-header-item>\n </cds-header-menu>\n </cds-header-navigation>\n </cds-header>\n </div>\n <div style="margin-top: 2rem">\n <router-outlet></router-outlet>\n </div>\n `\n})',...HeaderWithRouter.parameters?.docs?.source}}},SideNavigation.parameters={...SideNavigation.parameters,docs:{...SideNavigation.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-sidenav>\n <cds-sidenav-item [active]="true">\n Link\n </cds-sidenav-item>\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n </div>\n `\n})',...SideNavigation.parameters?.docs?.source}}},SideNavigationRouter.parameters={...SideNavigationRouter.parameters,docs:{...SideNavigationRouter.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-sidenav>\n <cds-sidenav-item [route]="[\'foo\']">\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item [route]="[\'bar\']">\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item [route]="[\'foo\']">Link</cds-sidenav-item>\n <cds-sidenav-item [route]="[\'bar\']">Link</cds-sidenav-item>\n <cds-sidenav-item [route]="[\'foo\']">Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n </div>\n <div style="margin-left: 18rem">\n <router-outlet></router-outlet>\n </div>\n `\n})',...SideNavigationRouter.parameters?.docs?.source}}},SideNavigationUseRouter.parameters={...SideNavigationUseRouter.parameters,docs:{...SideNavigationUseRouter.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-sidenav>\n <cds-sidenav-item [route]="[\'foo\']" [useRouter]="true">\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item [route]="[\'bar\']" [useRouter]="true" [routeExtras]="routeExtras">\n <svg cdsIcon="fade" size="16"></svg>\n Link with query params\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item [route]="[\'foo\']" [useRouter]="true">Link</cds-sidenav-item>\n <cds-sidenav-item [route]="[\'bar\']" [useRouter]="true">Link</cds-sidenav-item>\n <cds-sidenav-item [route]="[\'foo\']" [useRouter]="true">Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n </div>\n <div style="margin-left: 256px">\n <router-outlet></router-outlet>\n </div>\n `\n})',...SideNavigationUseRouter.parameters?.docs?.source}}},SidePanel.parameters={...SidePanel.parameters,docs:{...SidePanel.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-panel expanded="true">\n <cds-switcher-list>\n <cds-switcher-list-item [route]="[\'foo\']">Switcher item one</cds-switcher-list-item>\n <cds-switcher-list-item [route]="[\'bar\']">Switcher item two</cds-switcher-list-item>\n <cds-switcher-list-item [route]="[\'foo\']">Switcher item three</cds-switcher-list-item>\n <cds-switcher-list-item [route]="[\'bar\']">Switcher item four</cds-switcher-list-item>\n </cds-switcher-list>\n </cds-panel>\n </div>\n <div>\n <router-outlet></router-outlet>\n </div>\n `\n})',...SidePanel.parameters?.docs?.source}}},Together.parameters={...Together.parameters,docs:{...Together.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div>\n <cds-header name="[Platform]">\n <cds-hamburger *ngIf="hasHamburger" [active]="active" (selected)="active = !active"></cds-hamburger>\n <cds-header-navigation>\n <cds-header-item>Catalog</cds-header-item>\n <cds-header-item>Docs</cds-header-item>\n <cds-header-item>Support</cds-header-item>\n <cds-header-menu title="Manage">\n <cds-header-item>Link 1</cds-header-item>\n <cds-header-item>Link 2</cds-header-item>\n <cds-header-item>Link 3</cds-header-item>\n </cds-header-menu>\n </cds-header-navigation>\n <cds-header-global>\n <cds-header-action #firstAction description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n <cds-header-action [(active)]="secondAction" description="action">\n <svg cdsIcon="fade" size="20"></svg>\n </cds-header-action>\n </cds-header-global>\n </cds-header>\n <cds-sidenav [expanded]="active" style="margin-top: 3rem">\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" size="16"></svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item [active]="hasActiveChild">Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n <cds-panel [expanded]="firstAction.active"></cds-panel>\n <cds-panel [expanded]="secondAction">\n <cds-switcher-list>\n <cds-switcher-list-item active="true">Switcher item one</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item two</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item three</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item four</cds-switcher-list-item>\n </cds-switcher-list>\n </cds-panel>\n </div>\n `\n})',...Together.parameters?.docs?.source}}},SideNavigationRail.parameters={...SideNavigationRail.parameters,docs:{...SideNavigationRail.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-sidenav rail="true" [expanded]="false">\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n </div>\n `\n})',...SideNavigationRail.parameters?.docs?.source}}},WithModel.parameters={...WithModel.parameters,docs:{...WithModel.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-header name="[Platform]">\n <cds-hamburger *ngIf="hasHamburger" [active]="active" (selected)="active = !active"></cds-hamburger>\n <cds-header-navigation [navigationItems]="headerItems">\n </cds-header-navigation>\n <cds-header-global>\n <cds-header-action #firstAction description="action">\n <svg\n width="20"\n height="20"\n xmlns="http://www.w3.org/2000/svg"\n viewBox="0 0 32 32"\n aria-hidden="true">\n <path\n d="M8.24 25.14L7 26.67a14 14 0 0 0 4.18 2.44l.68-1.88a12\n 12 0 0 1-3.62-2.09zm-4.05-7.07l-2 .35A13.89 13.89 0 0 0 3.86\n 23l1.73-1a11.9 11.9 0 0 1-1.4-3.93zm7.63-13.31l-.68-1.88A14\n 14 0 0 0 7 5.33l1.24 1.53a12 12 0 0 1 3.58-2.1zM5.59\n 10L3.86 9a13.89 13.89 0 0 0-1.64 4.54l2 .35A11.9 11.9 0 0 1 5.59\n 10zM16 2v2a12 12 0 0 1 0 24v2a14 14 0 0 0 0-28z" />\n </svg>\n </cds-header-action>\n <cds-header-action #secondAction description="action">\n <svg\n width="20"\n height="20"\n xmlns="http://www.w3.org/2000/svg"\n viewBox="0 0 32 32"\n aria-hidden="true">\n <path\n d="M8.24 25.14L7 26.67a14 14 0 0 0 4.18 2.44l.68-1.88a12\n 12 0 0 1-3.62-2.09zm-4.05-7.07l-2 .35A13.89 13.89 0 0 0 3.86\n 23l1.73-1a11.9 11.9 0 0 1-1.4-3.93zm7.63-13.31l-.68-1.88A14\n 14 0 0 0 7 5.33l1.24 1.53a12 12 0 0 1 3.58-2.1zM5.59\n 10L3.86 9a13.89 13.89 0 0 0-1.64 4.54l2 .35A11.9 11.9 0 0 1 5.59\n 10zM16 2v2a12 12 0 0 1 0 24v2a14 14 0 0 0 0-28z" />\n </svg>\n </cds-header-action>\n </cds-header-global>\n </cds-header>\n <cds-sidenav [navigationItems]="headerItems" style="margin-top: 3rem">\n <cds-sidenav-menu title="Category title">\n <svg icon width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true">\n <path\n d="M8.24 25.14L7 26.67a14 14 0 0 0 4.18 2.44l.68-1.88a12\n 12 0 0 1-3.62-2.09zm-4.05-7.07l-2 .35A13.89 13.89 0 0 0 3.86\n 23l1.73-1a11.9 11.9 0 0 1-1.4-3.93zm7.63-13.31l-.68-1.88A14\n 14 0 0 0 7 5.33l1.24 1.53a12 12 0 0 1 3.58-2.1zM5.59\n 10L3.86 9a13.89 13.89 0 0 0-1.64 4.54l2 .35A11.9 11.9 0 0 1 5.59\n 10zM16 2v2a12 12 0 0 1 0 24v2a14 14 0 0 0 0-28z" />\n </svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n <cds-panel [expanded]="firstAction.active"></cds-panel>\n <cds-panel [expanded]="secondAction.active">\n <cds-switcher-list>\n <cds-switcher-list-item active="true">Switcher item one</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item two</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item three</cds-switcher-list-item>\n <cds-switcher-list-item>Switcher item four</cds-switcher-list-item>\n </cds-switcher-list>\n </cds-panel>\n </div>\n <router-outlet></router-outlet>\n `\n})',...WithModel.parameters?.docs?.source}}},AngularRouting.parameters={...AngularRouting.parameters,docs:{...AngularRouting.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div [cdsTheme]="theme">\n <cds-sidenav rail="true" [expanded]="false">\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-item>\n <svg cdsIcon="fade" size="16"></svg>\n Link\n </cds-sidenav-item>\n <cds-sidenav-menu title="Category title">\n <svg cdsIcon="fade" icon size="16"></svg>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n <cds-sidenav-item>Link</cds-sidenav-item>\n </cds-sidenav-menu>\n </cds-sidenav>\n <div>\n `\n})',...AngularRouting.parameters?.docs?.source}}};const __namedExportsOrder=["Header","HeaderFluid","HeaderWithTemp","HeaderWithRouter","SideNavigation","SideNavigationRouter","SideNavigationUseRouter","SidePanel","Together","SideNavigationRail","WithModel","AngularRouting"]},"./src/search/search.component.html?ngResource":module=>{module.exports='<div\n\tclass="cds--search"\n\t[ngClass]="{\n\t\t\'cds--search--sm\': size === \'sm\',\n\t\t\'cds--search--md\': size === \'md\',\n\t\t\'cds--search--lg\': size === \'lg\',\n\t\t\'cds--search--light\': theme === \'light\',\n\t\t\'cds--skeleton\': skeleton && !fluid,\n\t\t\'cds--search--expandable\': expandable && !tableSearch,\n\t\t\'cds--search--expanded\': expandable && !tableSearch && active,\n\t\t\'cds--toolbar-search\': toolbar && !expandable,\n\t\t\'cds--toolbar-search--active\': toolbar && !expandable && active,\n\t\t\'cds--toolbar-search-container-persistent\': tableSearch && !expandable,\n\t\t\'cds--toolbar-search-container-expandable\': tableSearch && expandable,\n\t\t\'cds--toolbar-search-container-active\': tableSearch && expandable && active,\n\t\t\'cds--search--fluid\': fluid,\n\t\t\'cds--search--disabled\': disabled\n\t}"\n\trole="search"\n\t[attr.aria-label]="ariaLabel"\n\t(click)="openSearch()">\n\t<label\n\t\tclass="cds--label"\n\t\t[for]="id"\n\t\t[ngClass]="{ \'cds--skeleton\': skeleton && fluid }">\n\t\t{{ !skeleton ? label : \'\'}}\n\t</label>\n\n\t<div *ngIf="skeleton; else enableInput" class="cds--text-input cds--skeleton"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\tclass="cds--search-input"\n\t\t\t[type]="tableSearch || !toolbar ? \'text\' : \'search\'"\n\t\t\t[id]="id"\n\t\t\t[value]="value"\n\t\t\t[autocomplete]="autocomplete"\n\t\t\t[placeholder]="placeholder"\n\t\t\t[disabled]="disabled"\n\t\t\t[required]="required"\n\t\t\t(input)="onSearch($event.target.value)"\n\t\t\t(keyup.enter)="onEnter()"/>\n\t\t<button\n\t\t\t*ngIf="!tableSearch && toolbar"\n\t\t\tclass="cds--toolbar-search__btn"\n\t\t\t(click)="openSearch()"\n\t\t\taria-label="Open search">\n\t\t\t<svg cdsIcon="search" size="16" class="cds--search-magnifier-icon"></svg>\n\t\t</button>\n\t\t<svg\n\t\t\tcdsIcon="search"\n\t\t\t*ngIf="tableSearch || !toolbar"\n\t\t\tclass="cds--search-magnifier-icon"\n\t\t\tsize="16">\n\t\t</svg>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf="tableSearch || !toolbar"\n\t\tclass="cds--search-close"\n\t\t[ngClass]="{\n\t\t\t\'cds--search-close--hidden\': !value || value.length === 0\n\t\t}"\n\t\t[title]="clearButtonTitle"\n\t\t(click)="clearSearch()">\n\t\t<span class="cds--visually-hidden">{{ clearButtonTitle }}</span>\n\t\t<svg cdsIcon="close" size="16"></svg>\n\t</button>\n</div>\n'}}]);

package/dropdown/dropdown.component.d.ts CHANGED Viewed

@@ -55,6 +55,10 @@ export declare class Dropdown implements OnInit, AfterContentInit, AfterViewInit
     protected dropdownService: DropdownService;
     protected elementService: ElementService;
     static dropdownCount: number;
+    get fluidInvalidClass(): boolean;
+    get fluidFocusClass(): boolean;
+    protected get writtenValue(): any[];
+    protected set writtenValue(val: any[]);
     id: string;
     /**
      * Label for the dropdown.
@@ -189,6 +193,11 @@ export declare class Dropdown implements OnInit, AfterContentInit, AfterViewInit
      */
     dropdownMenu: any;
     hostClass: boolean;
+    hostWrapperClass: boolean;
+    /**
+     * Experimental: enable fluid state
+     */
+    fluid: boolean;
     /**
      * Set to `true` if the dropdown is closed (not expanded).
      */
@@ -203,9 +212,8 @@ export declare class Dropdown implements OnInit, AfterContentInit, AfterViewInit
     keyboardNav: any;
     protected visibilitySubscription: Subscription;
     protected onTouchedCallback: () => void;
+    protected _isFocused: boolean;
     private _writtenValue;
-    protected get writtenValue(): any[];
-    protected set writtenValue(val: any[]);
     /**
      * Creates an instance of Dropdown.
      */
@@ -310,10 +318,11 @@ export declare class Dropdown implements OnInit, AfterContentInit, AfterViewInit
      */
     toggleMenu(): void;
     isTemplate(value: any): boolean;
+    handleFocus(event: FocusEvent): void;
     /**
      * Controls when it's needed to apply the selection feedback
      */
     protected checkForReorder(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Dropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Dropdown, "cds-dropdown, ibm-dropdown", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "skeleton": { "alias": "skeleton"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "disableArrowKeys": { "alias": "disableArrowKeys"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "warn": { "alias": "warn"; "required": false; }; "warnText": { "alias": "warnText"; "required": false; }; "appendInline": { "alias": "appendInline"; "required": false; }; "scrollableContainer": { "alias": "scrollableContainer"; "required": false; }; "itemValueKey": { "alias": "itemValueKey"; "required": false; }; "selectionFeedback": { "alias": "selectionFeedback"; "required": false; }; "menuButtonLabel": { "alias": "menuButtonLabel"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "dropUp": { "alias": "dropUp"; "required": false; }; }, { "selected": "selected"; "onClose": "onClose"; "close": "close"; }, ["view"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Dropdown, "cds-dropdown, ibm-dropdown", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "skeleton": { "alias": "skeleton"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "disableArrowKeys": { "alias": "disableArrowKeys"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidText": { "alias": "invalidText"; "required": false; }; "warn": { "alias": "warn"; "required": false; }; "warnText": { "alias": "warnText"; "required": false; }; "appendInline": { "alias": "appendInline"; "required": false; }; "scrollableContainer": { "alias": "scrollableContainer"; "required": false; }; "itemValueKey": { "alias": "itemValueKey"; "required": false; }; "selectionFeedback": { "alias": "selectionFeedback"; "required": false; }; "menuButtonLabel": { "alias": "menuButtonLabel"; "required": false; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; }; "dropUp": { "alias": "dropUp"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, { "selected": "selected"; "onClose": "onClose"; "close": "close"; }, ["view"], ["*"], false, never>;
 }

package/esm2022/button/icon-button.component.mjs CHANGED Viewed

@@ -73,6 +73,10 @@ export class IconButton extends BaseIconButton {
          * Set to `true` to disable button
          */
         this.disabled = false;
+        /**
+         * Indicates whether the tooltip should be shown when the button is disabled
+         */
+        this.showTooltipWhenDisabled = false;
         /**
          * Common button events
          */
@@ -105,11 +109,11 @@ export class IconButton extends BaseIconButton {
         this.click.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IconButton, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: { buttonNgClass: "buttonNgClass", buttonAttributes: "buttonAttributes", buttonId: "buttonId", kind: "kind", size: "size", type: "type", isExpressive: "isExpressive", disabled: "disabled", description: "description" }, outputs: { click: "click", focus: "focus", blur: "blur", tooltipClick: "tooltipClick" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: { buttonNgClass: "buttonNgClass", buttonAttributes: "buttonAttributes", buttonId: "buttonId", kind: "kind", size: "size", type: "type", isExpressive: "isExpressive", disabled: "disabled", description: "description", showTooltipWhenDisabled: "showTooltipWhenDisabled" }, outputs: { click: "click", focus: "focus", blur: "blur", tooltipClick: "tooltipClick" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
 	<cds-tooltip
 		class="cds--icon-tooltip"
 		[description]="description"
-		[disabled]="disabled"
+		[disabled]="showTooltipWhenDisabled ? false : disabled"
 		[caret]="caret"
 		[dropShadow]="dropShadow"
 		[highContrast]="highContrast"
@@ -145,7 +149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
 	<cds-tooltip
 		class="cds--icon-tooltip"
 		[description]="description"
-		[disabled]="disabled"
+		[disabled]="showTooltipWhenDisabled ? false : disabled"
 		[caret]="caret"
 		[dropShadow]="dropShadow"
 		[highContrast]="highContrast"
@@ -194,6 +198,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                 type: Input
             }], description: [{
                 type: Input
+            }], showTooltipWhenDisabled: [{
+                type: Input
             }], click: [{
                 type: Output
             }], focus: [{
@@ -203,4 +209,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }], tooltipClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2J1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVOLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFHTixTQUFTLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7OztBQUc5RDs7Ozs7Ozs7R0FRRztBQW1DSCxNQUFNLE9BQU8sVUFBVyxTQUFRLGNBQWM7SUFDN0M7O09BRUc7SUFDSCxJQUFhLGFBQWEsQ0FBQyxHQUErQjtRQUN6RCxJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELElBQUksYUFBYTtRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDdkIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxJQUFhLGdCQUFnQixDQUFDLEdBQThCO1FBQzNELElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2pCLHdCQUF3QjtZQUN4QixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFXLEVBQUUsRUFBRTtnQkFDdkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDL0QsQ0FBQyxDQUFDLENBQUM7WUFDSCxxQkFBcUI7WUFDckIsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFXLEVBQUUsRUFBRTtnQkFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ3RFLENBQUMsQ0FBQyxDQUFDO1FBQ0osQ0FBQztRQUNELHFCQUFxQjtRQUNyQixJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDbkIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDOUIsQ0FBQzthQUVNLHNCQUFpQixHQUFHLENBQUMsQUFBSixDQUFLO0lBK0M3QixZQUFvQixRQUFtQjtRQUN0QyxLQUFLLEVBQUUsQ0FBQztRQURXLGFBQVEsR0FBUixRQUFRLENBQVc7UUEzQ3ZDOztXQUVHO1FBQ00sYUFBUSxHQUFHLFlBQVksVUFBVSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQztRQUNqRTs7V0FFRztRQUNNLFNBQUksR0FBZSxTQUFTLENBQUM7UUFDdEM7O1dBRUc7UUFDTSxTQUFJLEdBQWUsSUFBSSxDQUFDO1FBQ2pDOztXQUVHO1FBQ00sU0FBSSxHQUFHLFFBQVEsQ0FBQztRQUN6Qjs7V0FFRztRQUNNLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzlCOztXQUVHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztRQU0xQjs7V0FFRztRQUNPLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQ2xDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQ2xDLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQzNDOztXQUVHO1FBQ08saUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRTNDLGNBQVMsR0FBK0IsRUFBRSxDQUFDO1FBQzNDLGtCQUFhLEdBQThCLEVBQUUsQ0FBQztJQUl0RCxDQUFDO0lBRUQsZUFBZTtRQUNkLHVDQUF1QztRQUN2QyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsY0FBYyxDQUFDLEtBQUssRUFBRSxVQUFnQyxRQUFRO1FBQzdELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsdUZBQXVGO1FBQ3ZGLElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzlCLE9BQU87UUFDUixDQUFDO1FBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQzsrR0F6R1csVUFBVTttR0FBVixVQUFVLDRmQWhDWjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBOEJUOzs0RkFFVyxVQUFVO2tCQWxDdEIsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsa0NBQWtDO29CQUM1QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQThCVDtpQkFDRDs4RUFLYSxhQUFhO3NCQUF6QixLQUFLO2dCQWFPLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFxQmUsTUFBTTtzQkFBMUIsU0FBUzt1QkFBQyxRQUFRO2dCQUtWLFFBQVE7c0JBQWhCLEtBQUs7Z0JBSUcsSUFBSTtzQkFBWixLQUFLO2dCQUlHLElBQUk7c0JBQVosS0FBSztnQkFJRyxJQUFJO3NCQUFaLEtBQUs7Z0JBSUcsWUFBWTtzQkFBcEIsS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUlHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0ksS0FBSztzQkFBZCxNQUFNO2dCQUNHLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBSUcsWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdEFmdGVyVmlld0luaXQsXG5cdENvbXBvbmVudCxcblx0RWxlbWVudFJlZixcblx0RXZlbnRFbWl0dGVyLFxuXHRJbnB1dCxcblx0T3V0cHV0LFxuXHRSZW5kZXJlcjIsXG5cdFRlbXBsYXRlUmVmLFxuXHRWaWV3Q2hpbGRcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEJhc2VJY29uQnV0dG9uIH0gZnJvbSBcIi4vYmFzZS1pY29uLWJ1dHRvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUsIEJ1dHRvblR5cGUgfSBmcm9tIFwiLi9idXR0b24udHlwZXNcIjtcblxuLyoqXG4gKiBHZXQgc3RhcnRlZCB3aXRoIGltcG9ydGluZyB0aGUgbW9kdWxlOlxuICpcbiAqIGBgYHR5cGVzY3JpcHRcbiAqIGltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ2NhcmJvbi1jb21wb25lbnRzLWFuZ3VsYXInO1xuICogYGBgXG4gKlxuICogW1NlZSBkZW1vXSguLi8uLi8/cGF0aD0vc3RvcnkvY29tcG9uZW50cy1idXR0b24taWNvbi1idXR0b24tLWJhc2ljKVxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6IFwiY2RzLWljb24tYnV0dG9uLCBpYm0taWNvbi1idXR0b25cIixcblx0dGVtcGxhdGU6IGBcblx0PGNkcy10b29sdGlwXG5cdFx0Y2xhc3M9XCJjZHMtLWljb24tdG9vbHRpcFwiXG5cdFx0W2Rlc2NyaXB0aW9uXT1cImRlc2NyaXB0aW9uXCJcblx0XHRbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuXHRcdFtjYXJldF09XCJjYXJldFwiXG5cdFx0W2Ryb3BTaGFkb3ddPVwiZHJvcFNoYWRvd1wiXG5cdFx0W2hpZ2hDb250cmFzdF09XCJoaWdoQ29udHJhc3RcIlxuXHRcdFtpc09wZW5dPVwiaXNPcGVuXCJcblx0XHRbYWxpZ25dPVwiYWxpZ25cIlxuXHRcdFthdXRvQWxpZ25dPVwiYXV0b0FsaWduXCJcblx0XHRbZW50ZXJEZWxheU1zXT1cImVudGVyRGVsYXlNc1wiXG5cdFx0W2xlYXZlRGVsYXlNc109XCJsZWF2ZURlbGF5TXNcIlxuXHRcdChjbGljayk9XCJlbWl0Q2xpY2tFdmVudCgkZXZlbnQsICd0b29sdGlwJylcIj5cblx0XHQ8YnV0dG9uXG5cdFx0XHQjYnV0dG9uXG5cdFx0XHRbaWRdPVwiYnV0dG9uSWRcIlxuXHRcdFx0W2Rpc2FibGVkXT1cImRpc2FibGVkXCJcblx0XHRcdFthdHRyLnR5cGVdPVwidHlwZVwiXG5cdFx0XHRbaWNvbk9ubHldPVwidHJ1ZVwiXG5cdFx0XHRbbmdDbGFzc109XCJidXR0b25OZ0NsYXNzXCJcblx0XHRcdFtjZHNCdXR0b25dPVwia2luZFwiXG5cdFx0XHRbc2l6ZV09XCJzaXplXCJcblx0XHRcdFtpc0V4cHJlc3NpdmVdPVwiaXNFeHByZXNzaXZlXCJcblx0XHRcdChjbGljayk9XCJlbWl0Q2xpY2tFdmVudCgkZXZlbnQpXCJcblx0XHRcdChmb2N1cyk9XCJmb2N1cy5lbWl0KCRldmVudClcIlxuXHRcdFx0KGJsdXIpPVwiYmx1ci5lbWl0KCRldmVudClcIj5cblx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0XHQ8L2J1dHRvbj5cblx0PC9jZHMtdG9vbHRpcD5cblx0YFxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uIGV4dGVuZHMgQmFzZUljb25CdXR0b24gaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblx0LyoqXG5cdCAqIFBhc3MgZ2xvYmFsIGNhcmJvbiBjbGFzc2VzIHRvIGljb24gYnV0dG9uXG5cdCAqL1xuXHRASW5wdXQoKSBzZXQgYnV0dG9uTmdDbGFzcyhvYmo6IHsgW2tleTogc3RyaW5nXTogYm9vbGVhbiB9KSB7XG5cdFx0dGhpcy5jbGFzc0xpc3QgPSBPYmplY3QuYXNzaWduKHsgXCJjZHMtLWJ0bi0tZGlzYWJsZWRcIjogdGhpcy5kaXNhYmxlZCB9LCBvYmopO1xuXHR9XG5cblx0Z2V0IGJ1dHRvbk5nQ2xhc3MoKSB7XG5cdFx0cmV0dXJuIHRoaXMuY2xhc3NMaXN0O1xuXHR9XG5cblx0LyoqXG5cdCAqIEBwYXJhbSBvYmo6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nXG5cdCAqIFVzZXIgY2FuIHBhc3MgYWRkaXRpb25hbCBidXR0b24gYXR0cmlidXRlcyBpZiBjb21wb25lbnQgcHJvcGVydHkgZG9lcyBub3QgYWxyZWFkeSBleGlzdFxuXHQgKiBLZXkgaXMgdGhlIGF0dHJpYnV0ZSBuYW1lICYgdmFsdWUgaXMgdGhlIGF0dHJpYnV0ZSB2YWx1ZSBmb3IgdGhlIGJ1dHRvblxuXHQgKi9cblx0QElucHV0KCkgc2V0IGJ1dHRvbkF0dHJpYnV0ZXMob2JqOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9KSB7XG5cdFx0aWYgKHRoaXMuYnV0dG9uKSB7XG5cdFx0XHQvLyBSZW1vdmUgb2xkIGF0dHJpYnV0ZXNcblx0XHRcdE9iamVjdC5rZXlzKHRoaXMuYXR0cmlidXRlTGlzdCkuZm9yRWFjaCgoa2V5OiBzdHJpbmcpID0+IHtcblx0XHRcdFx0dGhpcy5yZW5kZXJlci5yZW1vdmVBdHRyaWJ1dGUodGhpcy5idXR0b24ubmF0aXZlRWxlbWVudCwga2V5KTtcblx0XHRcdH0pO1xuXHRcdFx0Ly8gU2V0IG5ldyBhdHRyaWJ1dGVzXG5cdFx0XHRPYmplY3Qua2V5cyhvYmopLmZvckVhY2goKGtleTogc3RyaW5nKSA9PiB7XG5cdFx0XHRcdHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKHRoaXMuYnV0dG9uLm5hdGl2ZUVsZW1lbnQsIGtleSwgb2JqW2tleV0pO1xuXHRcdFx0fSk7XG5cdFx0fVxuXHRcdC8vIFNldCBuZXcgYXR0cmlidXRlc1xuXHRcdHRoaXMuYXR0cmlidXRlTGlzdCA9IG9iajtcblx0fVxuXG5cdGdldCBidXR0b25BdHRyaWJ1dGVzKCkge1xuXHRcdHJldHVybiB0aGlzLmJ1dHRvbkF0dHJpYnV0ZXM7XG5cdH1cblxuXHRzdGF0aWMgaWNvbkJ1dHRvbkNvdW50ZXIgPSAwO1xuXG5cdEBWaWV3Q2hpbGQoXCJidXR0b25cIikgYnV0dG9uOiBFbGVtZW50UmVmO1xuXG5cdC8qKlxuXHQgKiBPdmVycmlkZSBpZFxuXHQgKi9cblx0QElucHV0KCkgYnV0dG9uSWQgPSBgaWNvbi1idG4tJHtJY29uQnV0dG9uLmljb25CdXR0b25Db3VudGVyKyt9YDtcblx0LyoqXG5cdCAqIFNldHMgdGhlIGJ1dHRvbiB0eXBlLlxuXHQgKi9cblx0QElucHV0KCkga2luZDogQnV0dG9uVHlwZSA9IFwicHJpbWFyeVwiO1xuXHQvKipcblx0ICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYnV0dG9uLlxuXHQgKi9cblx0QElucHV0KCkgc2l6ZTogQnV0dG9uU2l6ZSA9IFwibGdcIjtcblx0LyoqXG5cdCAqIFNldCBidXR0b24gdHlwZSwgYGJ1dHRvbmAgYnkgZGVmYXVsdFxuXHQgKi9cblx0QElucHV0KCkgdHlwZSA9IFwiYnV0dG9uXCI7XG5cdC8qKlxuXHQgKiBTZXQgdG8gYHRydWVgIHRvIG1ha2UgYnV0dG9uIGV4cHJlc3NpdmVcblx0ICovXG5cdEBJbnB1dCgpIGlzRXhwcmVzc2l2ZSA9IGZhbHNlO1xuXHQvKipcblx0ICogU2V0IHRvIGB0cnVlYCB0byBkaXNhYmxlIGJ1dHRvblxuXHQgKi9cblx0QElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblx0LyoqXG5cdCAqIFRoZSBzdHJpbmcgb3IgdGVtcGxhdGUgY29udGVudCB0byBiZSBleHBvc2VkIGJ5IHRoZSB0b29sdGlwLlxuXHQgKi9cblx0QElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG5cblx0LyoqXG5cdCAqIENvbW1vbiBidXR0b24gZXZlbnRzXG5cdCAqL1xuXHRAT3V0cHV0KCkgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXHRAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXHRAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cdC8qKlxuXHQgKiBFdmVudCB0byBlbWl0IHdoZW4gY2xpY2sgZXZlbnQgaXMgZmlyZWQgZnJvbSB0b29sdGlwXG5cdCAqL1xuXHRAT3V0cHV0KCkgdG9vbHRpcENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuXHRwcml2YXRlIGNsYXNzTGlzdDogeyBba2V5OiBzdHJpbmddOiBib29sZWFuIH0gPSB7fTtcblx0cHJpdmF0ZSBhdHRyaWJ1dGVMaXN0OiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9ID0ge307XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG5cdFx0c3VwZXIoKTtcblx0fVxuXG5cdG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcblx0XHQvLyBTZXQgYXR0cmlidXRlcyBvbmNlIGVsZW1lbnQgaXMgZm91bmRcblx0XHR0aGlzLmJ1dHRvbkF0dHJpYnV0ZXMgPSB0aGlzLmF0dHJpYnV0ZUxpc3Q7XG5cdH1cblxuXHQvKipcblx0ICogU3RvcCBwcm9wb2dhdGlvbiBvZiBjbGljayBldmVudFxuXHQgKiBFbHNlIGRvdWJsZSBmaXJlcyAoY2xpY2spIGV2ZW50XG5cdCAqL1xuXHRlbWl0Q2xpY2tFdmVudChldmVudCwgZWxlbWVudDogXCJ0b29sdGlwXCIgfCBcImJ1dHRvblwiID0gXCJidXR0b25cIikge1xuXHRcdGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cdFx0ZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdFx0Ly8gUHJldmVudHMgKGNsaWNrKSBldmVudCBmcm9tIGJ1YmJsaW5nIHNpbmNlIGl0IHdvdWxkIGFwcGVhciB1c2VyIGNsaWNrZWQgdGhlIGBidXR0b25gXG5cdFx0aWYgKGVsZW1lbnQgPT09IFwidG9vbHRpcFwiKSB7XG5cdFx0XHR0aGlzLnRvb2x0aXBDbGljay5lbWl0KGV2ZW50KTtcblx0XHRcdHJldHVybjtcblx0XHR9XG5cdFx0dGhpcy5jbGljay5lbWl0KGV2ZW50KTtcblx0fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2J1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVOLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFHTixTQUFTLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7OztBQUc5RDs7Ozs7Ozs7R0FRRztBQW1DSCxNQUFNLE9BQU8sVUFBVyxTQUFRLGNBQWM7SUFDN0M7O09BRUc7SUFDSCxJQUFhLGFBQWEsQ0FBQyxHQUErQjtRQUN6RCxJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELElBQUksYUFBYTtRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDdkIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxJQUFhLGdCQUFnQixDQUFDLEdBQThCO1FBQzNELElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2pCLHdCQUF3QjtZQUN4QixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFXLEVBQUUsRUFBRTtnQkFDdkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDL0QsQ0FBQyxDQUFDLENBQUM7WUFDSCxxQkFBcUI7WUFDckIsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFXLEVBQUUsRUFBRTtnQkFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ3RFLENBQUMsQ0FBQyxDQUFDO1FBQ0osQ0FBQztRQUNELHFCQUFxQjtRQUNyQixJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDbkIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDOUIsQ0FBQzthQUVNLHNCQUFpQixHQUFHLENBQUMsQUFBSixDQUFLO0lBbUQ3QixZQUFvQixRQUFtQjtRQUN0QyxLQUFLLEVBQUUsQ0FBQztRQURXLGFBQVEsR0FBUixRQUFRLENBQVc7UUEvQ3ZDOztXQUVHO1FBQ00sYUFBUSxHQUFHLFlBQVksVUFBVSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQztRQUNqRTs7V0FFRztRQUNNLFNBQUksR0FBZSxTQUFTLENBQUM7UUFDdEM7O1dBRUc7UUFDTSxTQUFJLEdBQWUsSUFBSSxDQUFDO1FBQ2pDOztXQUVHO1FBQ00sU0FBSSxHQUFHLFFBQVEsQ0FBQztRQUN6Qjs7V0FFRztRQUNNLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzlCOztXQUVHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztRQUsxQjs7V0FFRztRQUNNLDRCQUF1QixHQUFHLEtBQUssQ0FBQztRQUV6Qzs7V0FFRztRQUNPLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQ2xDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQ2xDLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQzNDOztXQUVHO1FBQ08saUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRTNDLGNBQVMsR0FBK0IsRUFBRSxDQUFDO1FBQzNDLGtCQUFhLEdBQThCLEVBQUUsQ0FBQztJQUl0RCxDQUFDO0lBRUQsZUFBZTtRQUNkLHVDQUF1QztRQUN2QyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsY0FBYyxDQUFDLEtBQUssRUFBRSxVQUFnQyxRQUFRO1FBQzdELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsdUZBQXVGO1FBQ3ZGLElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzlCLE9BQU87UUFDUixDQUFDO1FBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQzsrR0E3R1csVUFBVTttR0FBVixVQUFVLGdqQkFoQ1o7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQThCVDs7NEZBRVcsVUFBVTtrQkFsQ3RCLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLGtDQUFrQztvQkFDNUMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUE4QlQ7aUJBQ0Q7OEVBS2EsYUFBYTtzQkFBekIsS0FBSztnQkFhTyxnQkFBZ0I7c0JBQTVCLEtBQUs7Z0JBcUJlLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFLVixRQUFRO3NCQUFoQixLQUFLO2dCQUlHLElBQUk7c0JBQVosS0FBSztnQkFJRyxJQUFJO3NCQUFaLEtBQUs7Z0JBSUcsSUFBSTtzQkFBWixLQUFLO2dCQUlHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBSUcsUUFBUTtzQkFBaEIsS0FBSztnQkFJRyxXQUFXO3NCQUFuQixLQUFLO2dCQUlHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFLSSxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFJRyxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcblx0QWZ0ZXJWaWV3SW5pdCxcblx0Q29tcG9uZW50LFxuXHRFbGVtZW50UmVmLFxuXHRFdmVudEVtaXR0ZXIsXG5cdElucHV0LFxuXHRPdXRwdXQsXG5cdFJlbmRlcmVyMixcblx0VGVtcGxhdGVSZWYsXG5cdFZpZXdDaGlsZFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQmFzZUljb25CdXR0b24gfSBmcm9tIFwiLi9iYXNlLWljb24tYnV0dG9uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgQnV0dG9uU2l6ZSwgQnV0dG9uVHlwZSB9IGZyb20gXCIuL2J1dHRvbi50eXBlc1wiO1xuXG4vKipcbiAqIEdldCBzdGFydGVkIHdpdGggaW1wb3J0aW5nIHRoZSBtb2R1bGU6XG4gKlxuICogYGBgdHlwZXNjcmlwdFxuICogaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnY2FyYm9uLWNvbXBvbmVudHMtYW5ndWxhcic7XG4gKiBgYGBcbiAqXG4gKiBbU2VlIGRlbW9dKC4uLy4uLz9wYXRoPS9zdG9yeS9jb21wb25lbnRzLWJ1dHRvbi1pY29uLWJ1dHRvbi0tYmFzaWMpXG4gKi9cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogXCJjZHMtaWNvbi1idXR0b24sIGlibS1pY29uLWJ1dHRvblwiLFxuXHR0ZW1wbGF0ZTogYFxuXHQ8Y2RzLXRvb2x0aXBcblx0XHRjbGFzcz1cImNkcy0taWNvbi10b29sdGlwXCJcblx0XHRbZGVzY3JpcHRpb25dPVwiZGVzY3JpcHRpb25cIlxuXHRcdFtkaXNhYmxlZF09XCJzaG93VG9vbHRpcFdoZW5EaXNhYmxlZCA/IGZhbHNlIDogZGlzYWJsZWRcIlxuXHRcdFtjYXJldF09XCJjYXJldFwiXG5cdFx0W2Ryb3BTaGFkb3ddPVwiZHJvcFNoYWRvd1wiXG5cdFx0W2hpZ2hDb250cmFzdF09XCJoaWdoQ29udHJhc3RcIlxuXHRcdFtpc09wZW5dPVwiaXNPcGVuXCJcblx0XHRbYWxpZ25dPVwiYWxpZ25cIlxuXHRcdFthdXRvQWxpZ25dPVwiYXV0b0FsaWduXCJcblx0XHRbZW50ZXJEZWxheU1zXT1cImVudGVyRGVsYXlNc1wiXG5cdFx0W2xlYXZlRGVsYXlNc109XCJsZWF2ZURlbGF5TXNcIlxuXHRcdChjbGljayk9XCJlbWl0Q2xpY2tFdmVudCgkZXZlbnQsICd0b29sdGlwJylcIj5cblx0XHQ8YnV0dG9uXG5cdFx0XHQjYnV0dG9uXG5cdFx0XHRbaWRdPVwiYnV0dG9uSWRcIlxuXHRcdFx0W2Rpc2FibGVkXT1cImRpc2FibGVkXCJcblx0XHRcdFthdHRyLnR5cGVdPVwidHlwZVwiXG5cdFx0XHRbaWNvbk9ubHldPVwidHJ1ZVwiXG5cdFx0XHRbbmdDbGFzc109XCJidXR0b25OZ0NsYXNzXCJcblx0XHRcdFtjZHNCdXR0b25dPVwia2luZFwiXG5cdFx0XHRbc2l6ZV09XCJzaXplXCJcblx0XHRcdFtpc0V4cHJlc3NpdmVdPVwiaXNFeHByZXNzaXZlXCJcblx0XHRcdChjbGljayk9XCJlbWl0Q2xpY2tFdmVudCgkZXZlbnQpXCJcblx0XHRcdChmb2N1cyk9XCJmb2N1cy5lbWl0KCRldmVudClcIlxuXHRcdFx0KGJsdXIpPVwiYmx1ci5lbWl0KCRldmVudClcIj5cblx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0XHQ8L2J1dHRvbj5cblx0PC9jZHMtdG9vbHRpcD5cblx0YFxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uIGV4dGVuZHMgQmFzZUljb25CdXR0b24gaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblx0LyoqXG5cdCAqIFBhc3MgZ2xvYmFsIGNhcmJvbiBjbGFzc2VzIHRvIGljb24gYnV0dG9uXG5cdCAqL1xuXHRASW5wdXQoKSBzZXQgYnV0dG9uTmdDbGFzcyhvYmo6IHsgW2tleTogc3RyaW5nXTogYm9vbGVhbiB9KSB7XG5cdFx0dGhpcy5jbGFzc0xpc3QgPSBPYmplY3QuYXNzaWduKHsgXCJjZHMtLWJ0bi0tZGlzYWJsZWRcIjogdGhpcy5kaXNhYmxlZCB9LCBvYmopO1xuXHR9XG5cblx0Z2V0IGJ1dHRvbk5nQ2xhc3MoKSB7XG5cdFx0cmV0dXJuIHRoaXMuY2xhc3NMaXN0O1xuXHR9XG5cblx0LyoqXG5cdCAqIEBwYXJhbSBvYmo6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nXG5cdCAqIFVzZXIgY2FuIHBhc3MgYWRkaXRpb25hbCBidXR0b24gYXR0cmlidXRlcyBpZiBjb21wb25lbnQgcHJvcGVydHkgZG9lcyBub3QgYWxyZWFkeSBleGlzdFxuXHQgKiBLZXkgaXMgdGhlIGF0dHJpYnV0ZSBuYW1lICYgdmFsdWUgaXMgdGhlIGF0dHJpYnV0ZSB2YWx1ZSBmb3IgdGhlIGJ1dHRvblxuXHQgKi9cblx0QElucHV0KCkgc2V0IGJ1dHRvbkF0dHJpYnV0ZXMob2JqOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9KSB7XG5cdFx0aWYgKHRoaXMuYnV0dG9uKSB7XG5cdFx0XHQvLyBSZW1vdmUgb2xkIGF0dHJpYnV0ZXNcblx0XHRcdE9iamVjdC5rZXlzKHRoaXMuYXR0cmlidXRlTGlzdCkuZm9yRWFjaCgoa2V5OiBzdHJpbmcpID0+IHtcblx0XHRcdFx0dGhpcy5yZW5kZXJlci5yZW1vdmVBdHRyaWJ1dGUodGhpcy5idXR0b24ubmF0aXZlRWxlbWVudCwga2V5KTtcblx0XHRcdH0pO1xuXHRcdFx0Ly8gU2V0IG5ldyBhdHRyaWJ1dGVzXG5cdFx0XHRPYmplY3Qua2V5cyhvYmopLmZvckVhY2goKGtleTogc3RyaW5nKSA9PiB7XG5cdFx0XHRcdHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKHRoaXMuYnV0dG9uLm5hdGl2ZUVsZW1lbnQsIGtleSwgb2JqW2tleV0pO1xuXHRcdFx0fSk7XG5cdFx0fVxuXHRcdC8vIFNldCBuZXcgYXR0cmlidXRlc1xuXHRcdHRoaXMuYXR0cmlidXRlTGlzdCA9IG9iajtcblx0fVxuXG5cdGdldCBidXR0b25BdHRyaWJ1dGVzKCkge1xuXHRcdHJldHVybiB0aGlzLmJ1dHRvbkF0dHJpYnV0ZXM7XG5cdH1cblxuXHRzdGF0aWMgaWNvbkJ1dHRvbkNvdW50ZXIgPSAwO1xuXG5cdEBWaWV3Q2hpbGQoXCJidXR0b25cIikgYnV0dG9uOiBFbGVtZW50UmVmO1xuXG5cdC8qKlxuXHQgKiBPdmVycmlkZSBpZFxuXHQgKi9cblx0QElucHV0KCkgYnV0dG9uSWQgPSBgaWNvbi1idG4tJHtJY29uQnV0dG9uLmljb25CdXR0b25Db3VudGVyKyt9YDtcblx0LyoqXG5cdCAqIFNldHMgdGhlIGJ1dHRvbiB0eXBlLlxuXHQgKi9cblx0QElucHV0KCkga2luZDogQnV0dG9uVHlwZSA9IFwicHJpbWFyeVwiO1xuXHQvKipcblx0ICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYnV0dG9uLlxuXHQgKi9cblx0QElucHV0KCkgc2l6ZTogQnV0dG9uU2l6ZSA9IFwibGdcIjtcblx0LyoqXG5cdCAqIFNldCBidXR0b24gdHlwZSwgYGJ1dHRvbmAgYnkgZGVmYXVsdFxuXHQgKi9cblx0QElucHV0KCkgdHlwZSA9IFwiYnV0dG9uXCI7XG5cdC8qKlxuXHQgKiBTZXQgdG8gYHRydWVgIHRvIG1ha2UgYnV0dG9uIGV4cHJlc3NpdmVcblx0ICovXG5cdEBJbnB1dCgpIGlzRXhwcmVzc2l2ZSA9IGZhbHNlO1xuXHQvKipcblx0ICogU2V0IHRvIGB0cnVlYCB0byBkaXNhYmxlIGJ1dHRvblxuXHQgKi9cblx0QElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblx0LyoqXG5cdCAqIFRoZSBzdHJpbmcgb3IgdGVtcGxhdGUgY29udGVudCB0byBiZSBleHBvc2VkIGJ5IHRoZSB0b29sdGlwLlxuXHQgKi9cblx0QElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG5cdC8qKlxuXHQgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgdG9vbHRpcCBzaG91bGQgYmUgc2hvd24gd2hlbiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkXG5cdCAqL1xuXHRASW5wdXQoKSBzaG93VG9vbHRpcFdoZW5EaXNhYmxlZCA9IGZhbHNlO1xuXG5cdC8qKlxuXHQgKiBDb21tb24gYnV0dG9uIGV2ZW50c1xuXHQgKi9cblx0QE91dHB1dCgpIGNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblx0QE91dHB1dCgpIGZvY3VzID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblx0QE91dHB1dCgpIGJsdXIgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXHQvKipcblx0ICogRXZlbnQgdG8gZW1pdCB3aGVuIGNsaWNrIGV2ZW50IGlzIGZpcmVkIGZyb20gdG9vbHRpcFxuXHQgKi9cblx0QE91dHB1dCgpIHRvb2x0aXBDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cblx0cHJpdmF0ZSBjbGFzc0xpc3Q6IHsgW2tleTogc3RyaW5nXTogYm9vbGVhbiB9ID0ge307XG5cdHByaXZhdGUgYXR0cmlidXRlTGlzdDogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xuXG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuXHRcdHN1cGVyKCk7XG5cdH1cblxuXHRuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG5cdFx0Ly8gU2V0IGF0dHJpYnV0ZXMgb25jZSBlbGVtZW50IGlzIGZvdW5kXG5cdFx0dGhpcy5idXR0b25BdHRyaWJ1dGVzID0gdGhpcy5hdHRyaWJ1dGVMaXN0O1xuXHR9XG5cblx0LyoqXG5cdCAqIFN0b3AgcHJvcG9nYXRpb24gb2YgY2xpY2sgZXZlbnRcblx0ICogRWxzZSBkb3VibGUgZmlyZXMgKGNsaWNrKSBldmVudFxuXHQgKi9cblx0ZW1pdENsaWNrRXZlbnQoZXZlbnQsIGVsZW1lbnQ6IFwidG9vbHRpcFwiIHwgXCJidXR0b25cIiA9IFwiYnV0dG9uXCIpIHtcblx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXHRcdGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXHRcdC8vIFByZXZlbnRzIChjbGljaykgZXZlbnQgZnJvbSBidWJibGluZyBzaW5jZSBpdCB3b3VsZCBhcHBlYXIgdXNlciBjbGlja2VkIHRoZSBgYnV0dG9uYFxuXHRcdGlmIChlbGVtZW50ID09PSBcInRvb2x0aXBcIikge1xuXHRcdFx0dGhpcy50b29sdGlwQ2xpY2suZW1pdChldmVudCk7XG5cdFx0XHRyZXR1cm47XG5cdFx0fVxuXHRcdHRoaXMuY2xpY2suZW1pdChldmVudCk7XG5cdH1cbn1cbiJdfQ==

package/esm2022/code-snippet/code-snippet.component.mjs CHANGED Viewed

@@ -304,7 +304,7 @@ export class CodeSnippet extends BaseIconButton {
 		<ng-template #codeTemplate>
 			<ng-content></ng-content>
 		</ng-template>
-	`, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { kind: "directive", type: i5.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] }); }
+	`, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description", "showTooltipWhenDisabled"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { kind: "directive", type: i5.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CodeSnippet, decorators: [{
             type: Component,