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

package/docs/storybook/toggle-toggle-stories.5c291417.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[8156],{"./src/checkbox/checkbox-group-host.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{B:()=>CHECKBOX_GROUP_HOST});const CHECKBOX_GROUP_HOST=new(__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs").InjectionToken)("CheckboxGroupHost")},"./src/checkbox/checkbox.component.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{S:()=>Checkbox});var Checkbox_1,CheckboxState,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icon/index.ts"),_checkbox_group_host__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/checkbox/checkbox-group-host.ts");!function(CheckboxState){CheckboxState[CheckboxState.Init=0]="Init",CheckboxState[CheckboxState.Indeterminate=1]="Indeterminate",CheckboxState[CheckboxState.Checked=2]="Checked",CheckboxState[CheckboxState.Unchecked=3]="Unchecked"}(CheckboxState||(CheckboxState={}));let Checkbox=class Checkbox{static{Checkbox_1=this}static{this.checkboxCount=0}static{this.helperIdCounter=0}set indeterminate(indeterminate){indeterminate!==this._indeterminate&&(this._indeterminate=indeterminate,this._indeterminate?this.transitionCheckboxState(CheckboxState.Indeterminate):this.transitionCheckboxState(this.checked?CheckboxState.Checked:CheckboxState.Unchecked),this.inputCheckbox&&this.inputCheckbox.nativeElement&&(this.inputCheckbox.nativeElement.indeterminate=indeterminate),this.changeDetectorRef.markForCheck(),this.indeterminateChange.emit(this._indeterminate))}get indeterminate(){return this._indeterminate}set checked(checked){this.setChecked(checked,!1)}get checked(){return this._checked}constructor(changeDetectorRef,hostGroup){this.changeDetectorRef=changeDetectorRef,this.hostGroup=hostGroup,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id=`checkbox-${Checkbox_1.checkboxCount}`,this.title="",this.click=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.checkedChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.indeterminateChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this._checked=!1,this._indeterminate=!1,this.currentCheckboxState=CheckboxState.Init,this.helperId="checkbox-helper-"+Checkbox_1.helperIdCounter++,this.onTouched=()=>{},this.propagateChange=_=>{},Checkbox_1.checkboxCount++}get effectiveReadOnly(){const own=this.readOnly,group=this.hostGroup?.readOnly??!1;return!!(void 0!==own?own:group)}get effectiveInvalid(){const own=this.invalid,group=this.hostGroup?.invalid??!1;return!!(void 0!==own?own:group)}get effectiveWarn(){const own=this.warn,group=this.hostGroup?.warn??!1;return!!(void 0!==own?own:group)}toggle(){this.effectiveReadOnly||this.setChecked(!this.checked,!0)}writeValue(value){this.setChecked(!!value,!0)}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){this.disabled=isDisabled,this.changeDetectorRef.markForCheck()}markForCheckFromGroup(){this.changeDetectorRef.markForCheck()}focusOut(){this.onTouched()}onChange(event){event.stopPropagation()}onClick(event){return this.effectiveReadOnly?(event.preventDefault(),void(this.click.observers.length&&this.click.emit())):this.click.observers.length?(event.preventDefault(),void this.click.emit()):void(this.disabled||(this.toggle(),this.transitionCheckboxState(this._checked?CheckboxState.Checked:CheckboxState.Unchecked),this.emitChangeEvent()))}transitionCheckboxState(newState){this.currentCheckboxState=newState}emitChangeEvent(){this.checkedChange.emit(this.checked),this.propagateChange(this.checked)}ngAfterViewInit(){this.indeterminate&&this.inputCheckbox&&this.inputCheckbox.nativeElement&&(this.inputCheckbox.nativeElement.indeterminate=!0)}isTemplate(value){return value instanceof _angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef}setChecked(checked,resetIndeterminate){checked!==this._checked&&(this._checked=checked,resetIndeterminate&&this._indeterminate&&(this._indeterminate=!1,Promise.resolve().then((()=>{this.indeterminateChange.emit(this._indeterminate)}))),this.changeDetectorRef.markForCheck())}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ChangeDetectorRef},{type:void 0,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Optional},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_checkbox_group_host__WEBPACK_IMPORTED_MODULE_5__.B]}]}]}static{this.propDecorators={disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],skeleton:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hideLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],name:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],id:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],required:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],value:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledby:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],helperText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalidText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warn:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warnText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],readOnly:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],decorator:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],indeterminate:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],checked:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],click:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],checkedChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],indeterminateChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],inputCheckbox:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild,args:["inputCheckbox"]}],focusOut:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["focusout"]}]}}};Checkbox=Checkbox_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({selector:"cds-checkbox, ibm-checkbox",template:'\n\t\t<div class="cds--form-item cds--checkbox-wrapper"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--checkbox-wrapper--invalid\': !effectiveReadOnly && effectiveInvalid,\n\t\t\t\t\'cds--checkbox-wrapper--warning\': !effectiveReadOnly && !effectiveInvalid && effectiveWarn,\n\t\t\t\t\'cds--checkbox-wrapper--readonly\': effectiveReadOnly,\n\t\t\t\t\'cds--checkbox-wrapper--decorator\': !!decorator\n\t\t\t}">\n\t\t\t<input\n\t\t\t\t#inputCheckbox\n\t\t\t\tclass="cds--checkbox"\n\t\t\t\ttype="checkbox"\n\t\t\t\t[id]="id + \'_input\'"\n\t\t\t\t[value]="value"\n\t\t\t\t[name]="name"\n\t\t\t\t[required]="required"\n\t\t\t\t[checked]="checked"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[attr.data-invalid]="(!effectiveReadOnly && effectiveInvalid) ? true : null"\n\t\t\t\t[attr.aria-readonly]="effectiveReadOnly ? true : null"\n\t\t\t\t[attr.aria-labelledby]="ariaLabelledby"\n\t\t\t\t[attr.aria-describedby]="(helperText && !effectiveInvalid && !effectiveWarn) ? helperId : null"\n\t\t\t\t(change)="onChange($event)"\n\t\t\t\t(click)="onClick($event)">\n\t\t\t<label\n\t\t\t\t[for]="id + \'_input\'"\n\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t[attr.title]="title || null"\n\t\t\t\tclass="cds--checkbox-label"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--skeleton\' : skeleton\n\t\t\t\t}">\n\t\t\t\t<span [ngClass]="{\'cds--visually-hidden\' : hideLabel}" class="cds--checkbox-label-text">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t@if (decorator) {\n\t\t\t\t\t\t<div class="cds--checkbox-wrapper-inner--decorator">\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t\t<div class="cds--checkbox__validation-msg">\n\t\t\t\t@if (!effectiveReadOnly && effectiveInvalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--checkbox__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="$any(invalidText)"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!effectiveReadOnly && !effectiveInvalid && effectiveWarn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="$any(warnText)"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (helperText && !effectiveInvalid && !effectiveWarn) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[id]="helperId">\n\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="$any(helperText)"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t',providers:[{provide:_angular_forms__WEBPACK_IMPORTED_MODULE_2__.kq,useExisting:Checkbox,multi:!0}],changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ChangeDetectionStrategy.OnPush,imports:[_angular_common__WEBPACK_IMPORTED_MODULE_3__.YU,_angular_common__WEBPACK_IMPORTED_MODULE_3__.T3,carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__.LJ]})],Checkbox)},"./src/checkbox/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Bv:()=>checkbox_group_host.B,Sc:()=>checkbox_component.S,q4:()=>CheckboxModule});var CheckboxGroup_1,checkbox_component=__webpack_require__("./src/checkbox/checkbox.component.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts"),checkbox_group_host=__webpack_require__("./src/checkbox/checkbox-group-host.ts");let CheckboxGroup=class CheckboxGroup{static{CheckboxGroup_1=this}static{this.nextHelperId=0}constructor(changeDetectorRef){this.changeDetectorRef=changeDetectorRef,this.hostFormItem=!0,this.helperTextId="checkbox-group-helper-"+CheckboxGroup_1.nextHelperId++,this.orientation="vertical",this.invalid=!1,this.warn=!1,this.readOnly=!1}ngOnChanges(changes){(changes.readOnly||changes.invalid||changes.warn)&&this.notifyCheckboxesHostStateChanged()}ngAfterContentInit(){this.checkboxes.changes.subscribe((()=>this.notifyCheckboxesHostStateChanged()))}isTemplate(value){return value instanceof core.TemplateRef}notifyCheckboxesHostStateChanged(){Promise.resolve().then((()=>{this.checkboxes?.forEach((cb=>cb.markForCheckFromGroup())),this.changeDetectorRef.markForCheck()}))}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef}]}static{this.propDecorators={hostFormItem:[{type:core.HostBinding,args:["class.cds--form-item"]}],checkboxes:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>checkbox_component.S)),{descendants:!0}]}],legend:[{type:core.Input}],legendId:[{type:core.Input}],fieldsetAriaLabelledby:[{type:core.Input}],orientation:[{type:core.Input}],helperText:[{type:core.Input}],invalid:[{type:core.Input}],invalidText:[{type:core.Input}],warn:[{type:core.Input}],warnText:[{type:core.Input}],readOnly:[{type:core.Input}],decorator:[{type:core.Input}]}}};CheckboxGroup=CheckboxGroup_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-checkbox-group, ibm-checkbox-group",template:'\n\t\t<fieldset\n\t\t\tclass="cds--checkbox-group"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--checkbox-group--horizontal\': orientation === \'horizontal\',\n\t\t\t\t\'cds--checkbox-group--readonly\': readOnly,\n\t\t\t\t\'cds--checkbox-group--invalid\': !readOnly && invalid,\n\t\t\t\t\'cds--checkbox-group--warning\': !readOnly && !invalid && warn,\n\t\t\t\t\'cds--checkbox-group--decorator\': !!decorator\n\t\t\t}"\n\t\t\t[attr.data-invalid]="invalid ? true : null"\n\t\t\t[attr.aria-labelledby]="legendId || fieldsetAriaLabelledby || null"\n\t\t\t[attr.aria-readonly]="readOnly ? true : null"\n\t\t\t[attr.aria-describedby]="(helperText && !invalid && !warn) ? helperTextId : null">\n\t\t\t@if (legend) {\n\t\t\t\t<legend\n\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t[attr.id]="legendId || null">\n\t\t\t\t\t@if (isTemplate(legend)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="legend"></ng-template>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{legend}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (decorator) {\n\t\t\t\t\t\t<div class="cds--checkbox-group-inner--decorator">\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</legend>\n\t\t\t}\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class="cds--checkbox-group__validation-msg">\n\t\t\t\t@if (!readOnly && invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--checkbox__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{ invalidText }}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!readOnly && !invalid && warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--checkbox__invalid-icon cds--checkbox__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (helperText && !invalid && !warn) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t[id]="helperTextId">\n\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t}\n\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</fieldset>\n\t',providers:[{provide:checkbox_group_host.B,useExisting:CheckboxGroup}],changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,icon.LJ]})],CheckboxGroup);var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs");let CheckboxModule=class CheckboxModule{};CheckboxModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[checkbox_component.S,CheckboxGroup],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.op,checkbox_component.S,CheckboxGroup]})],CheckboxModule)},"./src/icon/icon.directive.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/placeholder/index.ts");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root,xmlns="http://www.w3.org/2000/svg";svg.setAttribute("xmlns",xmlns);const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_3__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElementNS(xmlns,"title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_2__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cdsIcon], [ibmIcon]",providers:[carbon_components_angular_placeholder__WEBPACK_IMPORTED_MODULE_4__.F2],standalone:!0})],IconDirective)},"./src/icon/icon.module.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/icon/icon.directive.ts");let IconModule=class IconModule{};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.NgModule)({exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.MD,_icon_directive__WEBPACK_IMPORTED_MODULE_3__.L]})],IconModule)},"./src/icon/icon.service.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/arrow--down/16.js"),_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/arrows--vertical/16.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox/16.js"),_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/checkbox--checked--filled/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__=__webpack_require__("./node_modules/@carbon/icons/es/undo/16.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super(`Size ${size} for ${name} not found`)}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)||this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache,this.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_arrow_down_16__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_arrows_vertical_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_checkbox_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_checkbox_checked_filled_16__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_52__.A,_carbon_icons_es_undo_16__WEBPACK_IMPORTED_MODULE_58__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_59__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_60__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_55__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_56__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_57__.A])}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){let{size,attrs:{width}}=descriptor;this.iconCache.set(name,(size??width).toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg||(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_2__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}static{this.ctorParameters=()=>[]}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconService)},"./src/icon/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.o,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/placeholder/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{gc:()=>PLACEHOLDER_SERVICE_PROVIDER,Or:()=>Placeholder,UU:()=>PlaceholderModule,F2:()=>PlaceholderService});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let PlaceholderService=class PlaceholderService{constructor(){this.viewContainerRef=null,this.viewContainerMap=new Map}registerViewContainerRef(vcRef,id){id?this.viewContainerMap.set(id,vcRef):this.viewContainerRef=vcRef}createComponent(component,injector,id,environment=void 0){return id?this.viewContainerMap.has(id)?this.viewContainerMap.get(id).createComponent(component,{index:this.viewContainerMap.size,injector}):void console.error(`No view container with id ${id} found`):this.viewContainerRef?this.viewContainerRef.createComponent(component,{index:this.viewContainerRef.length,injector,environmentInjector:environment}):void console.error("No view container defined! Likely due to a missing `cds-placeholder`")}destroyComponent(component){component.destroy()}hasComponentRef(component,id){return id?!(this.viewContainerMap.get(id).indexOf(component.hostView)<0):!(this.viewContainerRef.indexOf(component.hostView)<0)}hasPlaceholderRef(id){return id?this.viewContainerMap.has(id):!!this.viewContainerRef}appendElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.appendChild(element):this.viewContainerRef.element.nativeElement.appendChild(element)}removeElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.removeChild(element):this.viewContainerRef.element.nativeElement.removeChild(element)}hasElement(element,id){return id?this.viewContainerMap.get(id).element.nativeElement.contains(element):this.viewContainerRef.element.nativeElement.contains(element)}};PlaceholderService=(0,tslib_es6.Cg)([(0,core.Injectable)()],PlaceholderService);const PLACEHOLDER_SERVICE_PROVIDER={provide:PlaceholderService,deps:[[new core.Optional,new core.SkipSelf,PlaceholderService]],useFactory:function PLACEHOLDER_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new PlaceholderService}};let Placeholder=class Placeholder{constructor(placeholderService){this.placeholderService=placeholderService}ngOnInit(){this.placeholderService.registerViewContainerRef(this.viewContainerRef)}static{this.ctorParameters=()=>[{type:PlaceholderService}]}static{this.propDecorators={id:[{type:core.Input}],viewContainerRef:[{type:core.ViewChild,args:["placeholder",{read:core.ViewContainerRef,static:!0}]}]}}};Placeholder=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-placeholder, ibm-placeholder",template:"<div #placeholder></div>",providers:[PLACEHOLDER_SERVICE_PROVIDER],standalone:!0})],Placeholder);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let PlaceholderModule=class PlaceholderModule{};PlaceholderModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Placeholder],providers:[PLACEHOLDER_SERVICE_PROVIDER],imports:[common_module_Dx7dWex5.MD,Placeholder]})],PlaceholderModule)},"./src/toggle/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{lM:()=>Toggle,d_:()=>ToggleModule});var Toggle_1,ToggleState,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),src_checkbox=__webpack_require__("./src/checkbox/index.ts"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),i18n=__webpack_require__("./src/i18n/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");!function(ToggleState){ToggleState[ToggleState.Init=0]="Init",ToggleState[ToggleState.Checked=1]="Checked",ToggleState[ToggleState.Unchecked=2]="Unchecked"}(ToggleState||(ToggleState={}));let Toggle=class Toggle extends src_checkbox.Sc{static{Toggle_1=this}static{this.toggleCount=0}set offText(value){this._offValues.override(value)}get offText(){return this._offValues.value}set onText(value){this._onValues.override(value)}get onText(){return this._onValues.value}get disabledClass(){return this.disabled}get formItem(){return!this.skeleton}constructor(changeDetectorRef,hostGroup,i18n){super(changeDetectorRef,hostGroup),this.changeDetectorRef=changeDetectorRef,this.i18n=i18n,this.size="md",this.hideLabel=!1,this.skeleton=!1,this.toggleClass=!0,this.id="toggle-"+Toggle_1.toggleCount,this._offValues=this.i18n.getOverridable("TOGGLE.OFF"),this._onValues=this.i18n.getOverridable("TOGGLE.ON"),Toggle_1.toggleCount++}setDisabledState(isDisabled){this.disabled=isDisabled}getOffText(){return this._offValues.subject}getOnText(){return this._onValues.subject}getCheckedText(){return this.checked?this._onValues.subject:this._offValues.subject}emitChangeEvent(){this.checkedChange.emit(this.checked),this.propagateChange(this.checked)}isTemplate(value){return value instanceof core.TemplateRef}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef},{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:[src_checkbox.Bv]}]},{type:i18n.F2}]}static{this.propDecorators={offText:[{type:core.Input}],onText:[{type:core.Input}],label:[{type:core.Input}],size:[{type:core.Input}],hideLabel:[{type:core.Input}],ariaLabel:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--toggle--skeleton"]},{type:core.Input}],toggleClass:[{type:core.HostBinding,args:["class.cds--toggle"]}],disabledClass:[{type:core.HostBinding,args:["class.cds--toggle--disabled"]}],formItem:[{type:core.HostBinding,args:["class.cds--form-item"]}]}}};Toggle=Toggle_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-toggle, ibm-toggle",template:'\n\t\t@if (skeleton) {\n\t\t\t<div class="cds--toggle__skeleton-circle"></div>\n\t\t\t<div class="cds--toggle__skeleton-rectangle"></div>\n\t\t} @else {\n\t\t\t<button\n\t\t\t\tclass="cds--toggle__button"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[id]="id"\n\t\t\t\trole="switch"\n\t\t\t\ttype="button"\n\t\t\t\t[attr.aria-checked]="checked"\n\t\t\t\t(click)="onClick($event)"\n\t\t\t\t[attr.aria-label]="ariaLabel">\n\t\t\t</button>\n\t\t\t<label\n\t\t\t\tclass="cds--toggle__label"\n\t\t\t\t[for]="id">\n\t\t\t\t<span\n\t\t\t\t\tclass="cds--toggle__label-text"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t}">\n\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{label}}\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--toggle__appearance"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--toggle__appearance--sm\': size === \'sm\'\n\t\t\t\t\t}">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="cds--toggle__switch"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--toggle__switch--checked\': checked\n\t\t\t\t\t\t}">\n\t\t\t\t\t\t@if (size === \'sm\') {\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclass=\'cds--toggle__check\'\n\t\t\t\t\t\t\t\twidth="6px"\n\t\t\t\t\t\t\t\theight="5px"\n\t\t\t\t\t\t\t\tviewBox="0 0 6 5">\n\t\t\t\t\t\t\t\t<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<span class="cds--toggle__text">\n\t\t\t\t\t\t{{(hideLabel ? label : (getCheckedText() | async))}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t}\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:Toggle,multi:!0}],imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,common_module_Dx7dWex5.Jj]})],Toggle);let ToggleModule=class ToggleModule{};ToggleModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Toggle],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,i18n.LP,Toggle]})],ToggleModule)},"./src/toggle/toggle.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/toggle/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Toggle",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.Iz)({imports:[___WEBPACK_IMPORTED_MODULE_1__.lM]})],component:___WEBPACK_IMPORTED_MODULE_1__.lM},Basic=(args=>({props:args,template:'\n        <cds-toggle\n            [skeleton]="skeleton"\n            [label]="label"\n            [hideLabel]="hideLabel"\n            [onText]="onText"\n            [offText]="offText"\n            [disabled]="disabled"\n            [checked]="checked"\n            (checkedChange)="onChange($event)"\n            [size]="size">\n        </cds-toggle>\n    '})).bind({});Basic.args={disabled:!1,checked:!1,hideLabel:!1,label:"Toggle element label",onText:"On",offText:"Off",skeleton:!1,size:"md"},Basic.argTypes={onChange:{control:"Toggled!"},size:{options:["sm","md"],control:"radio"}};const __namedExportsOrder=["Basic"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-toggle\n            [skeleton]="skeleton"\n            [label]="label"\n            [hideLabel]="hideLabel"\n            [onText]="onText"\n            [offText]="offText"\n            [disabled]="disabled"\n            [checked]="checked"\n            (checkedChange)="onChange($event)"\n            [size]="size">\n        </cds-toggle>\n    `\n})',...Basic.parameters?.docs?.source}}}}}]);

package/docs/storybook/toggletip-toggletip-stories.2987ef51.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[966],{"./src/button/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{TV:()=>BaseIconButton,$n:()=>Button,tm:()=>ButtonModule,Te:()=>ButtonSet,K0:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Button=class Button{constructor(){this.cdsButton="primary",this.skeleton=!1,this.iconOnly=!1,this.isExpressive=!1,this.baseClass=!0}set ibmButton(type){this.cdsButton=type}get primaryButton(){return"primary"===this.cdsButton||!this.cdsButton}get secondaryButton(){return"secondary"===this.cdsButton}get tertiaryButton(){return"tertiary"===this.cdsButton}get ghostButton(){return"ghost"===this.cdsButton}get dangerButton(){return"danger"===this.cdsButton||"danger--primary"===this.cdsButton}get dangerTertiary(){return"danger--tertiary"===this.cdsButton}get dangerGhost(){return"danger--ghost"===this.cdsButton}get extraSmallSize(){return"xs"===this.size&&!this.isExpressive}get smallSize(){return"sm"===this.size&&!this.isExpressive}get mediumSize(){return"md"===this.size&&!this.isExpressive}get largeSize(){return"lg"===this.size}get extraLargeSize(){return"xl"===this.size}get twoExtraLargeSize(){return"2xl"===this.size}get extraSmallLayoutSize(){return"xs"===this.size&&!this.isExpressive}get smallLayoutSize(){return"sm"===this.size&&!this.isExpressive}get mediumLayoutSize(){return"md"===this.size&&!this.isExpressive}get largeLayoutSize(){return"lg"===this.size}get extraLargeLayoutSize(){return"xl"===this.size}get twoExtraLargeLayoutSize(){return"2xl"===this.size}static{this.propDecorators={ibmButton:[{type:core.Input}],cdsButton:[{type:core.Input}],size:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],iconOnly:[{type:core.HostBinding,args:["class.cds--btn--icon-only"]},{type:core.Input}],isExpressive:[{type:core.HostBinding,args:["class.cds--btn--expressive"]},{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--btn"]}],primaryButton:[{type:core.HostBinding,args:["class.cds--btn--primary"]}],secondaryButton:[{type:core.HostBinding,args:["class.cds--btn--secondary"]}],tertiaryButton:[{type:core.HostBinding,args:["class.cds--btn--tertiary"]}],ghostButton:[{type:core.HostBinding,args:["class.cds--btn--ghost"]}],dangerButton:[{type:core.HostBinding,args:["class.cds--btn--danger"]}],dangerTertiary:[{type:core.HostBinding,args:["class.cds--btn--danger--tertiary"]}],dangerGhost:[{type:core.HostBinding,args:["class.cds--btn--danger--ghost"]}],extraSmallSize:[{type:core.HostBinding,args:["class.cds--btn--xs"]}],smallSize:[{type:core.HostBinding,args:["class.cds--btn--sm"]}],mediumSize:[{type:core.HostBinding,args:["class.cds--btn--md"]}],largeSize:[{type:core.HostBinding,args:["class.cds--btn--lg"]}],extraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--xl"]}],twoExtraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--2xl"]}],extraSmallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xs"]}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],extraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xl"]}],twoExtraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-2xl"]}]}}};Button=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsButton], [ibmButton]",standalone:!0})],Button);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0,this.fluid=!1,this.stacked=!1}get fluidClass(){return this.fluid}get stackedClass(){return this.stacked}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}],fluid:[{type:core.Input}],stacked:[{type:core.Input}],fluidClass:[{type:core.HostBinding,args:["class.cds--btn-set--fluid"]}],stackedClass:[{type:core.HostBinding,args:["class.cds--btn-set--stacked"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:'\n\t\t@if (fluid) {\n\t\t\t<div class="cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack">\n\t\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t\t</div>\n\t\t}\n\t\t@if (!fluid) {\n\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],ButtonSet);let BaseIconButton=class BaseIconButton{constructor(){this.caret=!0,this.dropShadow=!0,this.highContrast=!0,this.isOpen=!1,this.align="bottom",this.autoAlign=!1,this.enterDelayMs=100,this.leaveDelayMs=300}static{this.propDecorators={caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],isOpen:[{type:core.Input}],align:[{type:core.Input}],autoAlign:[{type:core.Input}],enterDelayMs:[{type:core.Input}],leaveDelayMs:[{type:core.Input}]}}};BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],BaseIconButton);var IconButton_1,tooltip=__webpack_require__("./src/tooltip/index.ts");let IconButton=class IconButton extends BaseIconButton{static{IconButton_1=this}set buttonNgClass(obj){this.classList=Object.assign({"cds--btn--disabled":this.disabled},obj)}get buttonNgClass(){return this.classList}set buttonAttributes(obj){this.button&&(Object.keys(this.attributeList).forEach((key=>{this.renderer.removeAttribute(this.button.nativeElement,key)})),Object.keys(obj).forEach((key=>{this.renderer.setAttribute(this.button.nativeElement,key,obj[key])}))),this.attributeList=obj}get buttonAttributes(){return this.buttonAttributes}static{this.iconButtonCounter=0}constructor(renderer){super(),this.renderer=renderer,this.buttonId="icon-btn-"+IconButton_1.iconButtonCounter++,this.kind="primary",this.size="lg",this.type="button",this.isExpressive=!1,this.disabled=!1,this.showTooltipWhenDisabled=!1,this.click=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.tooltipClick=new core.EventEmitter,this.classList={},this.attributeList={}}ngAfterViewInit(){this.buttonAttributes=this.attributeList}emitClickEvent(event,element="button"){event.preventDefault(),event.stopPropagation(),"tooltip"!==element?this.click.emit(event):this.tooltipClick.emit(event)}static{this.ctorParameters=()=>[{type:core.Renderer2}]}static{this.propDecorators={buttonNgClass:[{type:core.Input}],buttonAttributes:[{type:core.Input}],button:[{type:core.ViewChild,args:["button"]}],buttonId:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],type:[{type:core.Input}],isExpressive:[{type:core.Input}],disabled:[{type:core.Input}],description:[{type:core.Input}],showTooltipWhenDisabled:[{type:core.Input}],click:[{type:core.Output}],focus:[{type:core.Output}],blur:[{type:core.Output}],tooltipClick:[{type:core.Output}]}}};IconButton=IconButton_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-icon-button, ibm-icon-button",template:'\n\t<cds-tooltip\n\t\tclass="cds--icon-tooltip"\n\t\t[description]="description"\n\t\t[disabled]="showTooltipWhenDisabled ? false : disabled"\n\t\t[caret]="caret"\n\t\t[dropShadow]="dropShadow"\n\t\t[highContrast]="highContrast"\n\t\t[isOpen]="isOpen"\n\t\t[align]="align"\n\t\t[autoAlign]="autoAlign"\n\t\t[enterDelayMs]="enterDelayMs"\n\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t(click)="emitClickEvent($event, \'tooltip\')">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]="buttonId"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.type]="type"\n\t\t\t[iconOnly]="true"\n\t\t\t[ngClass]="buttonNgClass"\n\t\t\t[cdsButton]="kind"\n\t\t\t[size]="size"\n\t\t\t[isExpressive]="isExpressive"\n\t\t\t(click)="emitClickEvent($event)"\n\t\t\t(focus)="focus.emit($event)"\n\t\t\t(blur)="blur.emit($event)">\n\t\t\t<ng-content />\n\t\t</button>\n\t</cds-tooltip>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[tooltip.m_,common_module_Dx7dWex5.YU,Button]})],IconButton);let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Button,ButtonSet,IconButton],imports:[common_module_Dx7dWex5.MD,tooltip.Ss,Button,ButtonSet,BaseIconButton,IconButton]})],ButtonModule)},"./src/link/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{N_:()=>Link,VM:()=>LinkModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Link=class Link{constructor(){this.baseClass=!0,this.inline=!1,this.visited=!1}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizeLg(){return"lg"===this.size}set disabled(disabled){this._disabled=disabled,this.tabindex=this.disabled?-1:null}get disabled(){return this._disabled}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--link"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],inline:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--inline"]}],size:[{type:core.Input}],sizeSm:[{type:core.HostBinding,args:["class.cds--link--sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--link--md"]}],sizeLg:[{type:core.HostBinding,args:["class.cds--link--lg"]}],visited:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--visited"]}],disabled:[{type:core.Input},{type:core.HostBinding,args:["attr.aria-disabled"]},{type:core.HostBinding,args:["class.cds--link--disabled"]}]}}};Link=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsLink], [ibmLink]",standalone:!0})],Link);let LinkIconDirective=class LinkIconDirective{constructor(){this.iconClass=!0}static{this.propDecorators={iconClass:[{type:core.HostBinding,args:["class.cds--link__icon"]}]}}};LinkIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[ibmLinkIcon], [cdsLinkIcon]",standalone:!0})],LinkIconDirective);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let LinkModule=class LinkModule{};LinkModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Link,LinkIconDirective],imports:[common_module_Dx7dWex5.MD,Link,LinkIconDirective]})],LinkModule)},"./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{R:()=>fromEvent});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_observable_innerFrom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js"),_Observable__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Observable.js"),_operators_mergeMap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js"),_util_isArrayLike__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js"),_util_isFunction__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js"),_util_mapOneOrManyArgs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/mapOneOrManyArgs.js"),nodeEventEmitterMethods=["addListener","removeListener"],eventTargetMethods=["addEventListener","removeEventListener"],jqueryMethods=["on","off"];function fromEvent(target,eventName,options,resultSelector){if((0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(options)&&(resultSelector=options,options=void 0),resultSelector)return fromEvent(target,eventName,options).pipe((0,_util_mapOneOrManyArgs__WEBPACK_IMPORTED_MODULE_6__.I)(resultSelector));var _a=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.zs)(function isEventTarget(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.addEventListener)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.removeEventListener)}(target)?eventTargetMethods.map((function(methodName){return function(handler){return target[methodName](eventName,handler,options)}})):function isNodeStyleEventEmitter(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.addListener)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.removeListener)}(target)?nodeEventEmitterMethods.map(toCommonHandlerRegistry(target,eventName)):function isJQueryStyleEventEmitter(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.on)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.off)}(target)?jqueryMethods.map(toCommonHandlerRegistry(target,eventName)):[],2),add=_a[0],remove=_a[1];if(!add&&(0,_util_isArrayLike__WEBPACK_IMPORTED_MODULE_4__.X)(target))return(0,_operators_mergeMap__WEBPACK_IMPORTED_MODULE_3__.Z)((function(subTarget){return fromEvent(subTarget,eventName,options)}))((0,_observable_innerFrom__WEBPACK_IMPORTED_MODULE_1__.Tg)(target));if(!add)throw new TypeError("Invalid event target");return new _Observable__WEBPACK_IMPORTED_MODULE_2__.c((function(subscriber){var handler=function(){for(var args=[],_i=0;_i<arguments.length;_i++)args[_i]=arguments[_i];return subscriber.next(1<args.length?args:args[0])};return add(handler),function(){return remove(handler)}}))}function toCommonHandlerRegistry(target,eventName){return function(methodName){return function(handler){return target[methodName](eventName,handler)}}}},"./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Tg:()=>innerFrom});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_util_isArrayLike__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js"),_util_isPromise__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isPromise.js"),_Observable__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Observable.js"),_util_isInteropObservable__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isInteropObservable.js"),_util_isAsyncIterable__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isAsyncIterable.js"),_util_throwUnobservableError__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/throwUnobservableError.js"),_util_isIterable__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isIterable.js"),_util_isReadableStreamLike__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isReadableStreamLike.js"),_util_isFunction__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js"),_util_reportUnhandledError__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/reportUnhandledError.js"),_symbol_observable__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/symbol/observable.js");function innerFrom(input){if(input instanceof _Observable__WEBPACK_IMPORTED_MODULE_3__.c)return input;if(null!=input){if((0,_util_isInteropObservable__WEBPACK_IMPORTED_MODULE_4__.l)(input))return function fromInteropObservable(obj){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){var obs=obj[_symbol_observable__WEBPACK_IMPORTED_MODULE_11__.s]();if((0,_util_isFunction__WEBPACK_IMPORTED_MODULE_9__.T)(obs.subscribe))return obs.subscribe(subscriber);throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}(input);if((0,_util_isArrayLike__WEBPACK_IMPORTED_MODULE_1__.X)(input))return function fromArrayLike(array){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){for(var i=0;i<array.length&&!subscriber.closed;i++)subscriber.next(array[i]);subscriber.complete()}))}(input);if((0,_util_isPromise__WEBPACK_IMPORTED_MODULE_2__.y)(input))return function fromPromise(promise){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){promise.then((function(value){subscriber.closed||(subscriber.next(value),subscriber.complete())}),(function(err){return subscriber.error(err)})).then(null,_util_reportUnhandledError__WEBPACK_IMPORTED_MODULE_10__.m)}))}(input);if((0,_util_isAsyncIterable__WEBPACK_IMPORTED_MODULE_5__.T)(input))return fromAsyncIterable(input);if((0,_util_isIterable__WEBPACK_IMPORTED_MODULE_7__.x)(input))return function fromIterable(iterable){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){var e_1,_a;try{for(var iterable_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Ju)(iterable),iterable_1_1=iterable_1.next();!iterable_1_1.done;iterable_1_1=iterable_1.next()){var value=iterable_1_1.value;if(subscriber.next(value),subscriber.closed)return}}catch(e_1_1){e_1={error:e_1_1}}finally{try{iterable_1_1&&!iterable_1_1.done&&(_a=iterable_1.return)&&_a.call(iterable_1)}finally{if(e_1)throw e_1.error}}subscriber.complete()}))}(input);if((0,_util_isReadableStreamLike__WEBPACK_IMPORTED_MODULE_8__.U)(input))return function fromReadableStreamLike(readableStream){return fromAsyncIterable((0,_util_isReadableStreamLike__WEBPACK_IMPORTED_MODULE_8__.C)(readableStream))}(input)}throw(0,_util_throwUnobservableError__WEBPACK_IMPORTED_MODULE_6__.L)(input)}function fromAsyncIterable(asyncIterable){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){(function process(asyncIterable,subscriber){var asyncIterable_1,asyncIterable_1_1,e_2,_a;return(0,tslib__WEBPACK_IMPORTED_MODULE_0__.sH)(this,void 0,void 0,(function(){var value,e_2_1;return(0,tslib__WEBPACK_IMPORTED_MODULE_0__.YH)(this,(function(_b){switch(_b.label){case 0:_b.trys.push([0,5,6,11]),asyncIterable_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.xN)(asyncIterable),_b.label=1;case 1:return[4,asyncIterable_1.next()];case 2:if((asyncIterable_1_1=_b.sent()).done)return[3,4];if(value=asyncIterable_1_1.value,subscriber.next(value),subscriber.closed)return[2];_b.label=3;case 3:return[3,1];case 4:return[3,11];case 5:return e_2_1=_b.sent(),e_2={error:e_2_1},[3,11];case 6:return _b.trys.push([6,,9,10]),asyncIterable_1_1&&!asyncIterable_1_1.done&&(_a=asyncIterable_1.return)?[4,_a.call(asyncIterable_1)]:[3,8];case 7:_b.sent(),_b.label=8;case 8:return[3,10];case 9:if(e_2)throw e_2.error;return[7];case 10:return[7];case 11:return subscriber.complete(),[2]}}))}))})(asyncIterable,subscriber).catch((function(err){return subscriber.error(err)}))}))}},"./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:()=>mergeMap});var map=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/map.js"),innerFrom=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js"),lift=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/lift.js"),executeSchedule=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/executeSchedule.js"),OperatorSubscriber=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/OperatorSubscriber.js");var isFunction=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function mergeMap(project,resultSelector,concurrent){return void 0===concurrent&&(concurrent=1/0),(0,isFunction.T)(resultSelector)?mergeMap((function(a,i){return(0,map.T)((function(b,ii){return resultSelector(a,b,i,ii)}))((0,innerFrom.Tg)(project(a,i)))}),concurrent):("number"==typeof resultSelector&&(concurrent=resultSelector),(0,lift.N)((function(source,subscriber){return function mergeInternals(source,subscriber,project,concurrent,onBeforeNext,expand,innerSubScheduler,additionalTeardown){var buffer=[],active=0,index=0,isComplete=!1,checkComplete=function(){!isComplete||buffer.length||active||subscriber.complete()},outerNext=function(value){return active<concurrent?doInnerSub(value):buffer.push(value)},doInnerSub=function(value){expand&&subscriber.next(value),active++;var innerComplete=!1;(0,innerFrom.Tg)(project(value,index++)).subscribe(new OperatorSubscriber.H(subscriber,(function(innerValue){null==onBeforeNext||onBeforeNext(innerValue),expand?outerNext(innerValue):subscriber.next(innerValue)}),(function(){innerComplete=!0}),void 0,(function(){if(innerComplete)try{active--;for(var _loop_1=function(){var bufferedValue=buffer.shift();innerSubScheduler?(0,executeSchedule.N)(subscriber,innerSubScheduler,(function(){return doInnerSub(bufferedValue)})):doInnerSub(bufferedValue)};buffer.length&&active<concurrent;)_loop_1();checkComplete()}catch(err){subscriber.error(err)}})))};return source.subscribe(new OperatorSubscriber.H(subscriber,outerNext,(function(){isComplete=!0,checkComplete()}))),function(){null==additionalTeardown||additionalTeardown()}}(source,subscriber,project,concurrent)})))}},"./node_modules/rxjs/dist/esm5/internal/symbol/iterator.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>iterator});var iterator=function getSymbolIterator(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}()},"./node_modules/rxjs/dist/esm5/internal/util/executeSchedule.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){function executeSchedule(parentSubscription,scheduler,work,delay,repeat){void 0===delay&&(delay=0),void 0===repeat&&(repeat=!1);var scheduleSubscription=scheduler.schedule((function(){work(),repeat?parentSubscription.add(this.schedule(null,delay)):this.unsubscribe()}),delay);if(parentSubscription.add(scheduleSubscription),!repeat)return scheduleSubscription}__webpack_require__.d(__webpack_exports__,{N:()=>executeSchedule})},"./node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{X:()=>isArrayLike});var isArrayLike=function(x){return x&&"number"==typeof x.length&&"function"!=typeof x}},"./node_modules/rxjs/dist/esm5/internal/util/isAsyncIterable.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{T:()=>isAsyncIterable});var _isFunction__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isAsyncIterable(obj){return Symbol.asyncIterator&&(0,_isFunction__WEBPACK_IMPORTED_MODULE_0__.T)(null==obj?void 0:obj[Symbol.asyncIterator])}},"./node_modules/rxjs/dist/esm5/internal/util/isInteropObservable.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>isInteropObservable});var _symbol_observable__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/symbol/observable.js"),_isFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isInteropObservable(input){return(0,_isFunction__WEBPACK_IMPORTED_MODULE_1__.T)(input[_symbol_observable__WEBPACK_IMPORTED_MODULE_0__.s])}},"./node_modules/rxjs/dist/esm5/internal/util/isIterable.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{x:()=>isIterable});var _symbol_iterator__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/symbol/iterator.js"),_isFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isIterable(input){return(0,_isFunction__WEBPACK_IMPORTED_MODULE_1__.T)(null==input?void 0:input[_symbol_iterator__WEBPACK_IMPORTED_MODULE_0__.l])}},"./node_modules/rxjs/dist/esm5/internal/util/isPromise.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{y:()=>isPromise});var _isFunction__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isPromise(value){return(0,_isFunction__WEBPACK_IMPORTED_MODULE_0__.T)(null==value?void 0:value.then)}},"./node_modules/rxjs/dist/esm5/internal/util/isReadableStreamLike.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{C:()=>readableStreamLikeToAsyncGenerator,U:()=>isReadableStreamLike});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_isFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function readableStreamLikeToAsyncGenerator(readableStream){return(0,tslib__WEBPACK_IMPORTED_MODULE_0__.AQ)(this,arguments,(function readableStreamLikeToAsyncGenerator_1(){var reader,_a,value;return(0,tslib__WEBPACK_IMPORTED_MODULE_0__.YH)(this,(function(_b){switch(_b.label){case 0:reader=readableStream.getReader(),_b.label=1;case 1:_b.trys.push([1,,9,10]),_b.label=2;case 2:return[4,(0,tslib__WEBPACK_IMPORTED_MODULE_0__.N3)(reader.read())];case 3:return _a=_b.sent(),value=_a.value,_a.done?[4,(0,tslib__WEBPACK_IMPORTED_MODULE_0__.N3)(void 0)]:[3,5];case 4:return[2,_b.sent()];case 5:return[4,(0,tslib__WEBPACK_IMPORTED_MODULE_0__.N3)(value)];case 6:return[4,_b.sent()];case 7:return _b.sent(),[3,2];case 8:return[3,10];case 9:return reader.releaseLock(),[7];case 10:return[2]}}))}))}function isReadableStreamLike(obj){return(0,_isFunction__WEBPACK_IMPORTED_MODULE_1__.T)(null==obj?void 0:obj.getReader)}},"./node_modules/rxjs/dist/esm5/internal/util/mapOneOrManyArgs.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{I:()=>mapOneOrManyArgs});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_operators_map__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/map.js"),isArray=Array.isArray;function mapOneOrManyArgs(fn){return(0,_operators_map__WEBPACK_IMPORTED_MODULE_1__.T)((function(args){return function callOrApply(fn,args){return isArray(args)?fn.apply(void 0,(0,tslib__WEBPACK_IMPORTED_MODULE_0__.fX)([],(0,tslib__WEBPACK_IMPORTED_MODULE_0__.zs)(args))):fn(args)}(fn,args)}))}},"./node_modules/rxjs/dist/esm5/internal/util/throwUnobservableError.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){function createInvalidObservableTypeError(input){return new TypeError("You provided "+(null!==input&&"object"==typeof input?"an invalid object":"'"+input+"'")+" where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.")}__webpack_require__.d(__webpack_exports__,{L:()=>createInvalidObservableTypeError})},"./src/toggletip/toggletip.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,WithAutoAlign:()=>WithAutoAlign,__namedExportsOrder:()=>__namedExportsOrder,default:()=>toggletip_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),src_link=__webpack_require__("./src/link/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let ToggletipAction=class ToggletipAction{constructor(){this.toggleTipActions=!0}static{this.propDecorators={toggleTipActions:[{type:core.HostBinding,args:["class.cds--toggletip-actions"]}]}}};ToggletipAction=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToggletipAction], [ibmToggletipAction]",standalone:!0})],ToggletipAction);let ToggletipButton=class ToggletipButton{constructor(){this.toggletipButton=!0,this.toggletipButtonType="button",this.ariaLabel="Show information"}static{this.propDecorators={toggletipButton:[{type:core.HostBinding,args:["class.cds--toggletip-button"]}],toggletipButtonType:[{type:core.HostBinding,args:["attr.type"]}],ariaLabel:[{type:core.HostBinding,args:["attr.aria-label"]},{type:core.Input}]}}};ToggletipButton=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToggletipButton], [ibmToggletipButton]",standalone:!0})],ToggletipButton);let ToggletipContent=class ToggletipContent{constructor(){this.toggletipContent=!0}static{this.propDecorators={toggletipContent:[{type:core.HostBinding,args:["class.cds--toggletip-content"]}]}}};ToggletipContent=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToggletipContent], [ibmToggletipContent]",standalone:!0})],ToggletipContent);let ToggletipLabel=class ToggletipLabel{constructor(){this.toggleTipLabel=!0}static{this.propDecorators={toggleTipLabel:[{type:core.HostBinding,args:["class.cds--toggletip-label"]}]}}};ToggletipLabel=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToggletipLabel], [ibmToggletipLabel]",standalone:!0})],ToggletipLabel);var Toggletip_1,fromEvent=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"),popover=__webpack_require__("./src/popover/index.ts");let Toggletip=class Toggletip extends popover.de{static{Toggletip_1=this}static{this.toggletipCounter=0}constructor(hostElement,ngZone,renderer,changeDetectorRef){super(hostElement,ngZone,renderer,changeDetectorRef),this.hostElement=hostElement,this.ngZone=ngZone,this.renderer=renderer,this.changeDetectorRef=changeDetectorRef,this.id="tooltip-"+Toggletip_1.toggletipCounter++,this.toggletipClass=!0,this.isOpen=!1,this.documentClick=this.handleFocusOut.bind(this),this.highContrast=!0,this.dropShadow=!1}ngAfterViewInit(){this.initializeReferences(),this.subscription=(0,fromEvent.R)(this.btn.nativeElement,"click").subscribe((event=>{this.isOpen?document.removeEventListener("click",this.documentClick):document.addEventListener("click",this.documentClick),this.handleExpansion(!this.isOpen,event)})),this.isOpen&&document.addEventListener("click",this.documentClick),this.btn&&this.renderer.setAttribute(this.btn.nativeElement,"aria-controls",this.id)}hostkeys(event){open&&"Escape"===event.key&&(event.stopPropagation(),this.handleExpansion(!1,event))}handleFocusOut(event){this.hostElement.nativeElement.contains(event.target)||this.handleExpansion(!1,event)}ngOnDestroy(){this.subscription.unsubscribe()}handleExpansion(state=!1,event){this.handleChange(state,event),this.btn&&this.renderer.setAttribute(this.btn.nativeElement,"aria-expanded",this.isOpen.toString())}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:core.NgZone},{type:core.Renderer2},{type:core.ChangeDetectorRef}]}static{this.propDecorators={id:[{type:core.Input}],toggletipClass:[{type:core.HostBinding,args:["class.cds--toggletip"]}],isOpen:[{type:core.HostBinding,args:["class.cds--toggletip--open"]},{type:core.Input}],btn:[{type:core.ContentChild,args:[ToggletipButton,{read:core.ElementRef}]}],hostkeys:[{type:core.HostListener,args:["keyup",["$event"]]}]}}};Toggletip=Toggletip_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-toggletip, ibm-toggletip",changeDetection:core.ChangeDetectionStrategy.OnPush,template:'\n\t\t<ng-content select="[cdsToggletipButton]"></ng-content>\n\t\t<cds-popover-content [attr.id]="id" aria-live="polite">\n\t\t\t<ng-content select="[cdsToggletipContent]"></ng-content>\n\t\t</cds-popover-content>\n\t',imports:[popover.hl]})],Toggletip);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ToggletipModule=class ToggletipModule{};ToggletipModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Toggletip,ToggletipLabel,ToggletipAction,ToggletipButton,ToggletipContent],imports:[common_module_Dx7dWex5.MD,popover.k0,Toggletip,ToggletipLabel,ToggletipAction,ToggletipButton,ToggletipContent]})],ToggletipModule);const toggletip_stories={title:"Components/Toggletip",decorators:[(0,dist.Iz)({imports:[Toggletip,ToggletipAction,ToggletipButton,ToggletipContent,ToggletipLabel,src_link.N_,src_button.$n]})],args:{isOpen:!0,align:"bottom",autoAlign:!1},argTypes:{autoAlign:{control:!1},onOpen:{action:"onOpen"},onClose:{action:"onClose"},isOpenChange:{action:"isOpenChange"},align:{options:["top","bottom","left","right"],control:"select"}},component:Toggletip,subcomponents:{ToggletipAction,ToggletipButton,ToggletipContent,ToggletipLabel}},Basic=(args=>({props:args,template:'\n        <span cdsToggletipLabel>Toggletip label</span>\n        <cds-toggletip\n            [isOpen]="isOpen"\n            [align]="align"\n            (isOpenChange)="isOpenChange($event)"\n            (onClose)="onClose($event)"\n            (onOpen)="onOpen($event)">\n            <button cdsToggletipButton>\n                <svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">\n                    <path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"></path>\n                </svg>\n            </button>\n            <div cdsToggletipContent>\n                <p>\n                    Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n                    do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n                </p>\n                <div cdsToggletipAction>\n                    <a href="#" cdsLink>Link action</a>\n                    <button cdsButton size="sm">Some button</button>\n                </div>\n            </div>\n        </cds-toggletip>\n    ',styles:["\n        .tooltip-trigger {\n            box-sizing: border-box;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            background: white;\n            border: 1px solid var(--cds-border-subtle);\n            cursor: pointer;\n        }\n        svg { fill: var(--cds-background-inverse); }\n    "]})).bind({});Basic.parameters={docs:{story:{inline:!1,height:"30rem"}},layout:"centered"};const WithAutoAlign=(args=>({props:args,template:'\n        <div style="height:3000px">\n            Scrolling will update the position of the popover:\n            <div style="position: absolute; top: 500px; left: 500px;">\n            <span cdsToggletipLabel>Toggletip label</span>\n                <cds-toggletip\n                    [isOpen]="isOpen"\n                    [align]="align"\n                    [autoAlign]="true"\n                    (isOpenChange)="isOpenChange($event)"\n                    (onClose)="onClose($event)"\n                    (onOpen)="onOpen($event)">\n                    <button cdsToggletipButton>\n                        <svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">\n                            <path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"></path>\n                        </svg>\n                    </button>\n                    <div cdsToggletipContent>\n                        <p>\n                            Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n                            do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n                        </p>\n                        <div cdsToggletipAction>\n                            <a href="#" cdsLink>Link action</a>\n                            <button cdsButton size="sm">Some button</button>\n                        </div>\n                    </div>\n                </cds-toggletip>\n            </div>\n        </div>\n    ',styles:["\n        .tooltip-trigger {\n            box-sizing: border-box;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            background: white;\n            border: 1px solid var(--cds-border-subtle);\n            cursor: pointer;\n        }\n        svg { fill: var(--cds-background-inverse); }\n    "]})).bind({});WithAutoAlign.args={autoAlign:!0,align:"top"};const __namedExportsOrder=["Basic","WithAutoAlign"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <span cdsToggletipLabel>Toggletip label</span>\n        <cds-toggletip\n            [isOpen]="isOpen"\n            [align]="align"\n            (isOpenChange)="isOpenChange($event)"\n            (onClose)="onClose($event)"\n            (onOpen)="onOpen($event)">\n            <button cdsToggletipButton>\n                <svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">\n                    <path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"></path>\n                </svg>\n            </button>\n            <div cdsToggletipContent>\n                <p>\n                    Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n                    do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n                </p>\n                <div cdsToggletipAction>\n                    <a href="#" cdsLink>Link action</a>\n                    <button cdsButton size="sm">Some button</button>\n                </div>\n            </div>\n        </cds-toggletip>\n    `,\n  styles: [`\n        .tooltip-trigger {\n            box-sizing: border-box;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            background: white;\n            border: 1px solid var(--cds-border-subtle);\n            cursor: pointer;\n        }\n        svg { fill: var(--cds-background-inverse); }\n    `]\n})',...Basic.parameters?.docs?.source}}},WithAutoAlign.parameters={...WithAutoAlign.parameters,docs:{...WithAutoAlign.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <div style="height:3000px">\n            Scrolling will update the position of the popover:\n            <div style="position: absolute; top: 500px; left: 500px;">\n            <span cdsToggletipLabel>Toggletip label</span>\n                <cds-toggletip\n                    [isOpen]="isOpen"\n                    [align]="align"\n                    [autoAlign]="true"\n                    (isOpenChange)="isOpenChange($event)"\n                    (onClose)="onClose($event)"\n                    (onOpen)="onOpen($event)">\n                    <button cdsToggletipButton>\n                        <svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">\n                            <path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"></path>\n                        </svg>\n                    </button>\n                    <div cdsToggletipContent>\n                        <p>\n                            Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n                            do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n                        </p>\n                        <div cdsToggletipAction>\n                            <a href="#" cdsLink>Link action</a>\n                            <button cdsButton size="sm">Some button</button>\n                        </div>\n                    </div>\n                </cds-toggletip>\n            </div>\n        </div>\n    `,\n  styles: [`\n        .tooltip-trigger {\n            box-sizing: border-box;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            background: white;\n            border: 1px solid var(--cds-border-subtle);\n            cursor: pointer;\n        }\n        svg { fill: var(--cds-background-inverse); }\n    `]\n})',...WithAutoAlign.parameters?.docs?.source}}}}}]);