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

package/docs/storybook/patterns-dialogs-modal-with-table-stories.c77ae337.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[700],{"./src/link/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__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}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"]}],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]"})],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]"})],LinkIconDirective);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");let LinkModule=class LinkModule{};LinkModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[Link,LinkIconDirective],exports:[Link,LinkIconDirective],imports:[common.CommonModule]})],LinkModule)},"./src/progress-indicator/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ProgressIndicator,b:()=>ProgressIndicatorModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),i18n=__webpack_require__("./src/i18n/index.ts");let ProgressIndicator=class ProgressIndicator{get current(){return this._current}set current(current){this._current=current,this.setProgressIndicatorStates()}static skeletonSteps(stepCount){const steps=[];for(let i=0;i<stepCount;i++)steps.push({complete:!1});return steps}constructor(i18n){this.i18n=i18n,this.stepSelected=new core.EventEmitter,this.translations=this.i18n.get().PROGRESS_INDICATOR,this.orientation="horizontal",this.skeleton=!1,this.spacing="default",this.statusIcons={current:"incomplete",complete:"checkmark--outline",invalid:"warning",incomplete:"circle-dash"}}onClick(index){index!==this.current&&"function"==typeof this.steps[index].onClick&&this.steps[index].onClick(),this.stepSelected.emit({step:this.steps[index],index})}getCurrentState(index){return index===this.current?"current":this.steps[index].invalid?"invalid":this.steps[index].complete?"complete":"incomplete"}setProgressIndicatorStates(){void 0!==this.steps&&this.steps.forEach(((step,index)=>{index<this.current?step.complete=!0:step.complete=!1}))}static{this.ctorParameters=()=>[{type:i18n.F2}]}static{this.propDecorators={current:[{type:core.Input}],steps:[{type:core.Input}],stepSelected:[{type:core.Output}],translations:[{type:core.Input}],orientation:[{type:core.Input}],skeleton:[{type:core.Input}],spacing:[{type:core.Input}]}}};ProgressIndicator=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-progress-indicator, ibm-progress-indicator",template:'\n\t\t<ul\n\t\t\tdata-progress\n\t\t\tdata-progress-current\n\t\t\tclass="cds--progress"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--skeleton\': skeleton,\n\t\t\t\t\'cds--progress--vertical\': (orientation === \'vertical\'),\n\t\t\t\t\'cds--progress--space-equal\': spacing === \'equal\' && orientation !== \'vertical\'\n\t\t\t}">\n\t\t\t@for (step of steps; track step; let i = $index) {\n\t\t\t\t<li\n\t\t\t\t\tclass="cds--progress-step"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--progress-step--disabled\' : step.disabled,\n\t\t\t\t\t\t\'cds--progress-step--complete\' : step.complete,\n\t\t\t\t\t\t\'cds--progress-step--incomplete\' : !step.complete && i !== current,\n\t\t\t\t\t\t\'cds--progress-step--current\': i === current\n\t\t\t\t\t}">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\tclass="cds--progress-step-button"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--progress-step-button--unclickable\': !step.onClick || current === i\n\t\t\t\t\t\t}"\n\t\t\t\t\t\t[disabled]="step.disabled"\n\t\t\t\t\t\t[attr.aria-disabled]="step.disabled"\n\t\t\t\t\t\t[tabindex]="(current !== i && step.onClick && !step.disabled) ? 0 : -1"\n\t\t\t\t\t\t[title]="step.label"\n\t\t\t\t\t\t(click)="onClick(i)">\n\t\t\t\t\t\t<span class="cds--assistive-text">\n\t\t\t\t\t\t\t{{this.translations[getCurrentState(i)?.toUpperCase()]}}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t[cdsIcon]="statusIcons[getCurrentState(i)]"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--progress__warning\': step.invalid && i !== current\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (step.description) {\n\t\t\t\t\t\t\t\t<title>{{step.description}}</title>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<div class="cds--progress-text">\n\t\t\t\t\t\t\t<p class="cds--progress-label">{{step.label}}</p>\n\t\t\t\t\t\t\t@if (step.secondaryLabel) {\n\t\t\t\t\t\t\t\t<p class="cds--progress-optional">{{step.secondaryLabel}}</p>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span class="cds--progress-line"></span>\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t</ul>\n\t'})],ProgressIndicator);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),icon=__webpack_require__("./src/icon/index.ts");let ProgressIndicatorModule=class ProgressIndicatorModule{};ProgressIndicatorModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[ProgressIndicator],exports:[ProgressIndicator],imports:[common.CommonModule,icon.op,i18n.LP]})],ProgressIndicatorModule)},"./src/patterns/dialogs/modal-with-table.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{WithDataTable:()=>WithDataTable,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var tslib__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_dialogs_modal_with_table_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmNkcy0tbW9kYWwtY29udGVudCB7CgkJCS8qICFpbXBvcnRhbnQgaXMgbmVlZGVkIHRvIHByZXZlbnQgb3ZlcnJpZGUgZnJvbSBtZWRpYSBxdWVyaWVzLiAqLwoJCQlwYWRkaW5nLWxlZnQ6IDAgIWltcG9ydGFudDsKCQkJcGFkZGluZy1yaWdodDogMCAhaW1wb3J0YW50OwoJCX0KCgkJLnByb2dyZXNzLXdyYXBwZXIgewoJCQltYXJnaW4tdG9wOiAycmVtOwoJCQltYXJnaW4tYm90dG9tOiAxcmVtOwoJCQlwYWRkaW5nLWxlZnQ6IDFyZW07CgkJCXBhZGRpbmctcmlnaHQ6IDFyZW07CgkJCXdpZHRoOiAxMDAlOwoJCX0KCgkJLmJ1dHRvbnMtd3JhcHBlciB7CgkJCXdpZHRoOiA1MCU7CgkJfQoKCQkubW9kYWwtYnV0dG9uewoJCQl3aWR0aDogNTAlOwoJCX0KCgkJLmNkcy0tbGluayB7CgkJCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCQkJYWxpZ24tc2VsZjogY2VudGVyOwoJCQlsZWZ0OiAxcmVtOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_dialogs_modal_with_table_stories_ts__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/patterns/dialogs/modal-with-table.stories.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJLmNkcy0tbW9kYWwtY29udGVudCB7CgkJCS8qICFpbXBvcnRhbnQgaXMgbmVlZGVkIHRvIHByZXZlbnQgb3ZlcnJpZGUgZnJvbSBtZWRpYSBxdWVyaWVzLiAqLwoJCQlwYWRkaW5nLWxlZnQ6IDAgIWltcG9ydGFudDsKCQkJcGFkZGluZy1yaWdodDogMCAhaW1wb3J0YW50OwoJCX0KCgkJLnByb2dyZXNzLXdyYXBwZXIgewoJCQltYXJnaW4tdG9wOiAycmVtOwoJCQltYXJnaW4tYm90dG9tOiAxcmVtOwoJCQlwYWRkaW5nLWxlZnQ6IDFyZW07CgkJCXBhZGRpbmctcmlnaHQ6IDFyZW07CgkJCXdpZHRoOiAxMDAlOwoJCX0KCgkJLmJ1dHRvbnMtd3JhcHBlciB7CgkJCXdpZHRoOiA1MCU7CgkJfQoKCQkubW9kYWwtYnV0dG9uewoJCQl3aWR0aDogNTAlOwoJCX0KCgkJLmNkcy0tbGluayB7CgkJCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCQkJYWxpZ24tc2VsZjogY2VudGVyOwoJCQlsZWZ0OiAxcmVtOwoJCX0KCQ%3D%3D!./src/patterns/dialogs/modal-with-table.stories.ts"),_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_dialogs_modal_with_table_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmNkcy0tbW9kYWwtY29udGVudCB7CgkJCS8qICFpbXBvcnRhbnQgaXMgbmVlZGVkIHRvIHByZXZlbnQgb3ZlcnJpZGUgZnJvbSBtZWRpYSBxdWVyaWVzLiAqLwoJCQlwYWRkaW5nLWxlZnQ6IDAgIWltcG9ydGFudDsKCQkJcGFkZGluZy1yaWdodDogMCAhaW1wb3J0YW50OwoJCX0KCgkJLnByb2dyZXNzLXdyYXBwZXIgewoJCQltYXJnaW4tdG9wOiAycmVtOwoJCQltYXJnaW4tYm90dG9tOiAxcmVtOwoJCQlwYWRkaW5nLWxlZnQ6IDFyZW07CgkJCXBhZGRpbmctcmlnaHQ6IDFyZW07CgkJCXdpZHRoOiAxMDAlOwoJCX0KCgkJLmJ1dHRvbnMtd3JhcHBlciB7CgkJCXdpZHRoOiA1MCU7CgkJfQoKCQkubW9kYWwtYnV0dG9uewoJCQl3aWR0aDogNTAlOwoJCX0KCgkJLmNkcy0tbGluayB7CgkJCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCQkJYWxpZ24tc2VsZjogY2VudGVyOwoJCQlsZWZ0OiAxcmVtOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_dialogs_modal_with_table_stories_ts__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_dialogs_modal_with_table_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmNkcy0tbW9kYWwtY29udGVudCB7CgkJCS8qICFpbXBvcnRhbnQgaXMgbmVlZGVkIHRvIHByZXZlbnQgb3ZlcnJpZGUgZnJvbSBtZWRpYSBxdWVyaWVzLiAqLwoJCQlwYWRkaW5nLWxlZnQ6IDAgIWltcG9ydGFudDsKCQkJcGFkZGluZy1yaWdodDogMCAhaW1wb3J0YW50OwoJCX0KCgkJLnByb2dyZXNzLXdyYXBwZXIgewoJCQltYXJnaW4tdG9wOiAycmVtOwoJCQltYXJnaW4tYm90dG9tOiAxcmVtOwoJCQlwYWRkaW5nLWxlZnQ6IDFyZW07CgkJCXBhZGRpbmctcmlnaHQ6IDFyZW07CgkJCXdpZHRoOiAxMDAlOwoJCX0KCgkJLmJ1dHRvbnMtd3JhcHBlciB7CgkJCXdpZHRoOiA1MCU7CgkJfQoKCQkubW9kYWwtYnV0dG9uewoJCQl3aWR0aDogNTAlOwoJCX0KCgkJLmNkcy0tbGluayB7CgkJCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCQkJYWxpZ24tc2VsZjogY2VudGVyOwoJCQlsZWZ0OiAxcmVtOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_dialogs_modal_with_table_stories_ts__WEBPACK_IMPORTED_MODULE_0__),_angular_core__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_storybook_angular__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_modal__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/modal/index.ts"),_table_index__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/table/index.ts"),_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/button/index.ts"),_progress_indicator__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/progress-indicator/index.ts"),_link__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/link/index.ts");let ModalWithTableStory=class ModalWithTableStory extends _modal__WEBPACK_IMPORTED_MODULE_2__.dW{constructor(){super(...arguments),this.steps=[{text:"General",state:["complete"]},{text:"Select nodes",state:["current"]},{text:"Select widgets",state:["incomplete"]}],this.current=1,this.model=new _table_index__WEBPACK_IMPORTED_MODULE_3__.qU,this.dataset=[[new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"800"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"East Sadye"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Store"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"US"})],[new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"500"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Lueilwitzview"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Store"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"US"})],[new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"120"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"East Arcelyside"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Store"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"France"})],[new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"119"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"West Dylan"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Store"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Argentina"})],[new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"54"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Brandynberg"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Store"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Japan"})],[new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"15"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Stoltenbergport"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Store"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Canada"})],[new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"12"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Rheabury"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"Store"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.O4({data:"US"})]]}ngOnInit(){this.model.header=[new _table_index__WEBPACK_IMPORTED_MODULE_3__.Bg({data:"Node ID"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.Bg({data:"Node name"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.Bg({data:"Node type"}),new _table_index__WEBPACK_IMPORTED_MODULE_3__.Bg({data:"Country"})],this.model.data=this.dataset}onSearch(searchString){this.model.data=this.dataset.filter((row=>row[0].data.toLowerCase().includes(searchString)))}};ModalWithTableStory=(0,tslib__WEBPACK_IMPORTED_MODULE_7__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_8__.Component)({selector:"app-modal-with-table",template:'\n        <cds-modal\n            size="lg"\n            [open]="true"\n            (overlaySelected)="closeModal()">\n            <cds-modal-header>\n                <h3 cdsModalHeaderHeading>Create workspace</h3>\n            </cds-modal-header>\n            <section cdsModalContent [hasForm]="true">\n                <div class="progress-wrapper">\n                    <cds-progress-indicator\n                        [steps]="steps"\n                        [current]="current"\n                        spacing="equal">\n                    </cds-progress-indicator>\n                </div>\n                <cds-table-container>\n                    <cds-table-toolbar size="md">\n                        <cds-table-toolbar-content>\n                            <cds-table-toolbar-search\n                                [expandable]="true"\n                                placeholder="Search node ID"\n                                (valueChange)="onSearch($event)">\n                            </cds-table-toolbar-search>\n                            <button cdsButton="ghost" class="toolbar-action" size="sm">\n                                <svg size="16" class="cds--toolbar-action__icon" cdsIcon="Data_2"></svg>\n                            </button>\n                        </cds-table-toolbar-content>\n                    </cds-table-toolbar>\n                    <cds-table\n                        [model]="model"\n                        size="sh"\n                        [showSelectionColumn]="true"\n                        [sortable]="false"\n                        [striped]="false"\n                        [isDataGrid]="false">\n                        <ng-content></ng-content>\n                    </cds-table>\n                </cds-table-container>\n            </section>\n            <cds-modal-footer>\n                <a href="#" cdsLink [disabled]="disabled" [inline]="inline">Cancel</a>\n                <div class="buttons-wrapper">\n                    <button class="modal-button" cdsButton="secondary">Previous</button>\n                    <button class="modal-button" cdsButton="primary">Next</button>\n                </div>\n            </cds-modal-footer>\n        </cds-modal>\n    ',encapsulation:_angular_core__WEBPACK_IMPORTED_MODULE_8__.ViewEncapsulation.None,styles:[_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_dialogs_modal_with_table_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmNkcy0tbW9kYWwtY29udGVudCB7CgkJCS8qICFpbXBvcnRhbnQgaXMgbmVlZGVkIHRvIHByZXZlbnQgb3ZlcnJpZGUgZnJvbSBtZWRpYSBxdWVyaWVzLiAqLwoJCQlwYWRkaW5nLWxlZnQ6IDAgIWltcG9ydGFudDsKCQkJcGFkZGluZy1yaWdodDogMCAhaW1wb3J0YW50OwoJCX0KCgkJLnByb2dyZXNzLXdyYXBwZXIgewoJCQltYXJnaW4tdG9wOiAycmVtOwoJCQltYXJnaW4tYm90dG9tOiAxcmVtOwoJCQlwYWRkaW5nLWxlZnQ6IDFyZW07CgkJCXBhZGRpbmctcmlnaHQ6IDFyZW07CgkJCXdpZHRoOiAxMDAlOwoJCX0KCgkJLmJ1dHRvbnMtd3JhcHBlciB7CgkJCXdpZHRoOiA1MCU7CgkJfQoKCQkubW9kYWwtYnV0dG9uewoJCQl3aWR0aDogNTAlOwoJCX0KCgkJLmNkcy0tbGluayB7CgkJCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCQkJYWxpZ24tc2VsZjogY2VudGVyOwoJCQlsZWZ0OiAxcmVtOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_dialogs_modal_with_table_stories_ts__WEBPACK_IMPORTED_MODULE_0___default()]})],ModalWithTableStory);const __WEBPACK_DEFAULT_EXPORT__={title:"Pattern/Dialogs",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_1__.moduleMetadata)({declarations:[ModalWithTableStory],imports:[_modal__WEBPACK_IMPORTED_MODULE_2__.Q_,_table_index__WEBPACK_IMPORTED_MODULE_3__.bG,_button__WEBPACK_IMPORTED_MODULE_4__.tm,_progress_indicator__WEBPACK_IMPORTED_MODULE_5__.b,_link__WEBPACK_IMPORTED_MODULE_6__.VM]})]},WithDataTable=(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 as an example.\n        --\x3e\n        <app-modal-with-table></app-modal-with-table>\n    "})).bind({});WithDataTable.parameters={...WithDataTable.parameters,docs:{...WithDataTable.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 as an example.\n        --\x3e\n        <app-modal-with-table></app-modal-with-table>\n    `\n})",...WithDataTable.parameters?.docs?.source}}};const __namedExportsOrder=["WithDataTable"]},"./src/patterns/dialogs/modal-with-table.stories.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJLmNkcy0tbW9kYWwtY29udGVudCB7CgkJCS8qICFpbXBvcnRhbnQgaXMgbmVlZGVkIHRvIHByZXZlbnQgb3ZlcnJpZGUgZnJvbSBtZWRpYSBxdWVyaWVzLiAqLwoJCQlwYWRkaW5nLWxlZnQ6IDAgIWltcG9ydGFudDsKCQkJcGFkZGluZy1yaWdodDogMCAhaW1wb3J0YW50OwoJCX0KCgkJLnByb2dyZXNzLXdyYXBwZXIgewoJCQltYXJnaW4tdG9wOiAycmVtOwoJCQltYXJnaW4tYm90dG9tOiAxcmVtOwoJCQlwYWRkaW5nLWxlZnQ6IDFyZW07CgkJCXBhZGRpbmctcmlnaHQ6IDFyZW07CgkJCXdpZHRoOiAxMDAlOwoJCX0KCgkJLmJ1dHRvbnMtd3JhcHBlciB7CgkJCXdpZHRoOiA1MCU7CgkJfQoKCQkubW9kYWwtYnV0dG9uewoJCQl3aWR0aDogNTAlOwoJCX0KCgkJLmNkcy0tbGluayB7CgkJCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCQkJYWxpZ24tc2VsZjogY2VudGVyOwoJCQlsZWZ0OiAxcmVtOwoJCX0KCQ%3D%3D!./src/patterns/dialogs/modal-with-table.stories.ts":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"\n\t\t.cds--modal-content {\n\t\t\t/* !important is needed to prevent override from media queries. */\n\t\t\tpadding-left: 0 !important;\n\t\t\tpadding-right: 0 !important;\n\t\t}\n\n\t\t.progress-wrapper {\n\t\t\tmargin-top: 2rem;\n\t\t\tmargin-bottom: 1rem;\n\t\t\tpadding-left: 1rem;\n\t\t\tpadding-right: 1rem;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.buttons-wrapper {\n\t\t\twidth: 50%;\n\t\t}\n\n\t\t.modal-button{\n\t\t\twidth: 50%;\n\t\t}\n\n\t\t.cds--link {\n\t\t\tposition: absolute;\n\t\t\talign-self: center;\n\t\t\tleft: 1rem;\n\t\t}\n\t",""]),module.exports=___CSS_LOADER_EXPORT___.toString()}}]);

package/docs/storybook/patterns-forms-multi-step-form-stories.f7a06f1c.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[5426],{"./src/breadcrumb/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Qp:()=>Breadcrumb,_b:()=>BreadcrumbItemComponent,_S:()=>BreadcrumbModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),platform_browser=__webpack_require__("./node_modules/@angular/platform-browser/fesm2022/platform-browser.mjs"),router=__webpack_require__("./node_modules/@angular/router/fesm2022/router.mjs");let BreadcrumbItemComponent=class BreadcrumbItemComponent{set href(v){this._href=v}get href(){return this.domSanitizer.bypassSecurityTrustUrl(this._href)}constructor(domSanitizer,router){this.domSanitizer=domSanitizer,this.router=router,this.navigation=new core.EventEmitter,this.skeleton=!1,this.ariaCurrent="page",this.current=!1,this.itemClass=!0}useTemplate(){return this.skeleton||this._href||this.route}navigate(event){if(this.router&&this.route){event.preventDefault();const status=this.router.navigate(this.route,this.routeExtras);this.navigation.emit(status)}}static{this.ctorParameters=()=>[{type:platform_browser.DomSanitizer},{type:router.Ix,decorators:[{type:core.Optional}]}]}static{this.propDecorators={href:[{type:core.Input}],route:[{type:core.Input}],routeExtras:[{type:core.Input}],navigation:[{type:core.Output}],skeleton:[{type:core.Input}],ariaCurrent:[{type:core.Input}],current:[{type:core.HostBinding,args:["class.cds--breadcrumb-item--current"]},{type:core.Input}],itemClass:[{type:core.HostBinding,args:["class.cds--breadcrumb-item"]}]}}};BreadcrumbItemComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-breadcrumb-item, ibm-breadcrumb-item",template:'\n\t\t@if (useTemplate()) {\n\t\t\t<a\n\t\t\t\tclass="cds--link"\n\t\t\t\t[href]="(skeleton ? \'/#\' : href)"\n\t\t\t\t(click)="navigate($event)"\n\t\t\t\t[attr.aria-current]="(current ? ariaCurrent : null)">\n\t\t\t\t<ng-container *ngTemplateOutlet="content" />\n\t\t\t</a>\n\t\t} @else {\n\t\t\t<ng-content />\n\t\t}\n\t'})],BreadcrumbItemComponent);var i18n=__webpack_require__("./src/i18n/index.ts");let Breadcrumb=class Breadcrumb{set skeleton(value){this._skeleton=value,this.updateChildren()}get skeleton(){return this._skeleton}set threshold(threshold){this._threshold=threshold,(isNaN(threshold)||threshold<4)&&(this._threshold=4)}get threshold(){return this._threshold}get shouldShowContent(){return!this.items}get shouldShowOverflow(){return!!this.items&&this.items.length>this.threshold}get first(){return this.shouldShowOverflow?this.items[0]:null}get overflowItems(){return this.shouldShowOverflow?this.items.slice(1,this.items.length-2):[]}get secondLast(){return this.shouldShowOverflow?this.items[this.items.length-2]:null}get last(){return this.shouldShowOverflow?this.items[this.items.length-1]:null}constructor(i18n,router){this.i18n=i18n,this.router=router,this.noTrailingSlash=!1,this.ariaLabel=this.i18n.get().BREADCRUMB.LABEL,this.autoAlign=!1,this.description=this.i18n.get().BREADCRUMB.OVERFLOW_MENU_DESCRIPTION,this.navigation=new core.EventEmitter,this._skeleton=!1}ngAfterContentInit(){this.updateChildren()}navigate(event,item){if(this.router&&item.route){event.preventDefault();const status=this.router.navigate(item.route,item.routeExtras);this.navigation.emit(status)}}updateChildren(){this.children&&this.children.toArray().forEach((child=>child.skeleton=this.skeleton))}static{this.ctorParameters=()=>[{type:i18n.F2},{type:router.Ix,decorators:[{type:core.Optional}]}]}static{this.propDecorators={children:[{type:core.ContentChildren,args:[BreadcrumbItemComponent]}],items:[{type:core.Input}],noTrailingSlash:[{type:core.Input}],ariaLabel:[{type:core.Input}],skeleton:[{type:core.Input}],threshold:[{type:core.Input}],autoAlign:[{type:core.Input}],description:[{type:core.Input}],navigation:[{type:core.Output}]}}};Breadcrumb=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-breadcrumb, ibm-breadcrumb",template:'\n\t\t<nav #nav class="cds--breadcrumb"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--skeleton\' : skeleton,\n\t\t\t\t\'cds--breadcrumb--no-trailing-slash\' : noTrailingSlash\n\t\t\t}"\n\t\t\t[attr.aria-label]="ariaLabel">\n\t\t\t@if (shouldShowContent) {\n\t\t\t\t<ng-content />\n\t\t\t}\n\t\t\t@if (shouldShowOverflow) {\n\t\t\t\t<cds-breadcrumb-item\n\t\t\t\t\t[href]="first?.href"\n\t\t\t\t\t[route]="first?.route"\n\t\t\t\t\t[routeExtras]="first?.routeExtras"\n\t\t\t\t\t[current]="first?.current"\n\t\t\t\t\t[ariaCurrent]="first?.ariaCurrent"\n\t\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t\t@if (first?.template) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="first?.template" [ngTemplateOutletContext]="{ $implicit: first }" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{first?.content}}\n\t\t\t\t\t}\n\t\t\t\t</cds-breadcrumb-item>\n\t\t\t\t<cds-breadcrumb-item>\n\t\t\t\t\t<ng-template #overflowMenuTrigger>\n\t\t\t\t\t\t<svg class="cds--overflow-menu__icon" cdsIcon="overflow-menu--horizontal" size="16"></svg>\n\t\t\t\t\t</ng-template>\n\t\t\t\t\t<cds-overflow-menu\n\t\t\t\t\t\t[customTrigger]="overflowMenuTrigger"\n\t\t\t\t\t\ttriggerClass="cds--btn--icon-only"\n\t\t\t\t\t\t[description]="description"\n\t\t\t\t\t\t[autoAlign]="autoAlign">\n\t\t\t\t\t\t@for (item of overflowItems; track item) {\n\t\t\t\t\t\t\t<li class="cds--overflow-menu-options__option">\n\t\t\t\t\t\t\t\t<a class="cds--overflow-menu-options__btn"\n\t\t\t\t\t\t\t\t\thref="{{item?.href}}"\n\t\t\t\t\t\t\t\t\t(click)="navigate($event, item)"\n\t\t\t\t\t\t\t\t\tstyle="text-decoration: none;">\n\t\t\t\t\t\t\t\t\t@if (item?.template) {\n\t\t\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="item?.template" [ngTemplateOutletContext]="{ $implicit: item }" />\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t{{item?.content}}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t}\n\t\t\t\t\t</cds-overflow-menu>\n\t\t\t\t</cds-breadcrumb-item>\n\t\t\t\t<cds-breadcrumb-item\n\t\t\t\t\t[href]="secondLast?.href"\n\t\t\t\t\t[route]="secondLast?.route"\n\t\t\t\t\t[routeExtras]="secondLast?.routeExtras"\n\t\t\t\t\t[current]="secondLast?.current"\n\t\t\t\t\t[ariaCurrent]="secondLast?.ariaCurrent"\n\t\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t\t@if (secondLast?.template) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="secondLast?.template" [ngTemplateOutletContext]="{ $implicit: secondLast }" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{secondLast?.content}}\n\t\t\t\t\t}\n\t\t\t\t</cds-breadcrumb-item>\n\t\t\t\t<cds-breadcrumb-item\n\t\t\t\t\t[href]="last?.href"\n\t\t\t\t\t[route]="last?.route"\n\t\t\t\t\t[routeExtras]="last?.routeExtras"\n\t\t\t\t\t[current]="last?.current"\n\t\t\t\t\t[ariaCurrent]="last?.ariaCurrent"\n\t\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t\t@if (last?.template) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="last?.template" [ngTemplateOutletContext]="{ $implicit: last }" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{last?.content}}\n\t\t\t\t\t}\n\t\t\t\t</cds-breadcrumb-item>\n\t\t\t} @else {\n\t\t\t\t@for (item of items; track item) {\n\t\t\t\t\t<cds-breadcrumb-item\n\t\t\t\t\t\t[href]="item.href"\n\t\t\t\t\t\t[route]="item.route"\n\t\t\t\t\t\t[routeExtras]="item.routeExtras"\n\t\t\t\t\t\t[current]="item.current"\n\t\t\t\t\t\t[ariaCurrent]="item.ariaCurrent"\n\t\t\t\t\t\t(navigation)="navigation.emit($event)">\n\t\t\t\t\t\t@if (item.template) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="item.template" [ngTemplateOutletContext]="{ $implicit: item }" />\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t{{item.content}}\n\t\t\t\t\t\t}\n\t\t\t\t\t</cds-breadcrumb-item>\n\t\t\t\t}\n\t\t\t}\n\t\t</nav>\n\t'})],Breadcrumb);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),dialog=__webpack_require__("./src/dialog/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),icon=__webpack_require__("./src/icon/index.ts");let BreadcrumbModule=class BreadcrumbModule{};BreadcrumbModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[Breadcrumb,BreadcrumbItemComponent],exports:[Breadcrumb,BreadcrumbItemComponent],imports:[common.CommonModule,src_button.tm,dialog.Ph,i18n.LP,icon.op]})],BreadcrumbModule)},"./src/grid/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ee:()=>ColumnDirective,gk:()=>GridDirective,pc:()=>GridModule,YP:()=>RowDirective});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),BehaviorSubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js");let GridService=class GridService{constructor(){this.gridSubject=new BehaviorSubject.t(!1),this.cssGridEnabled=!1,this.gridObservable=this.gridSubject.asObservable()}updateGridType(enableCssGrid){this.cssGridEnabled!==enableCssGrid&&(this.cssGridEnabled=!0,this.gridSubject.next(enableCssGrid))}static{this.ctorParameters=()=>[]}};GridService=(0,tslib_es6.Cg)([(0,core.Injectable)()],GridService);let ColumnDirective=class ColumnDirective{get columnClasses(){return this._columnClasses.join(" ")}set columnClasses(classes){this._columnClasses=classes.split(" ")}constructor(gridService){this.gridService=gridService,this.class="",this.columnNumbers={},this.offsets={},this.columnHang=!1,this._columnClasses=[],this.isCssGrid=!1,this.subscription=new Subscription.yU}ngOnInit(){this.gridService?this.subscription=this.gridService.gridObservable.subscribe((isCssGrid=>{this.isCssGrid=isCssGrid,this.updateColumnClasses()})):this.updateColumnClasses()}ngOnChanges(){this.updateColumnClasses()}ngOnDestroy(){this.subscription.unsubscribe()}updateColumnClasses(){try{this._columnClasses=[];const columnKeys=Object.keys(this.columnNumbers);this.isCssGrid?(this._columnClasses.push("cds--css-grid-column"),this.columnHang&&this._columnClasses.push("cds--grid-column-hang"),columnKeys.forEach((key=>{"auto"===this.columnNumbers[key]?this._columnClasses.push(`cds--${key}:col-span-auto`):"object"==typeof this.columnNumbers[key]?(this.columnNumbers[key].start&&this._columnClasses.push(`cds--${key}:col-start-${this.columnNumbers[key].start}`),this.columnNumbers[key].end&&this._columnClasses.push(`cds--${key}:col-end-${this.columnNumbers[key].end}`),this.columnNumbers[key].span&&this._columnClasses.push(`cds--${key}:col-span-${this.columnNumbers[key].span}`)):this._columnClasses.push(`cds--${key}:col-span-${this.columnNumbers[key]}`)})),Object.keys(this.offsets).forEach((key=>{this._columnClasses.push(`cds--${key}:col-start${this.offsets[key]+1}`)}))):(columnKeys.length<=0&&this._columnClasses.push("cds--col"),columnKeys.forEach((key=>{"nobreak"===this.columnNumbers[key]?this._columnClasses.push(`cds--col-${key}`):this._columnClasses.push(`cds--col-${key}-${this.columnNumbers[key]}`)})),Object.keys(this.offsets).forEach((key=>{this._columnClasses.push(`cds--offset-${key}-${this.offsets[key]}`)})))}catch(err){console.error(`Malformed \`offsets\` or \`columnNumbers\`: ${err}`)}this.class&&this._columnClasses.push(this.class)}static{this.ctorParameters=()=>[{type:GridService,decorators:[{type:core.Optional}]}]}static{this.propDecorators={columnClasses:[{type:core.HostBinding,args:["class"]}],class:[{type:core.Input}],columnNumbers:[{type:core.Input}],offsets:[{type:core.Input}],columnHang:[{type:core.Input}]}}};ColumnDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsCol], [ibmCol]"})],ColumnDirective);let RowDirective=class RowDirective{constructor(){this.baseClass=!0,this.condensed=!1,this.narrow=!1}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--row"]}],condensed:[{type:core.HostBinding,args:["class.cds--row--condensed"]},{type:core.Input}],narrow:[{type:core.HostBinding,args:["class.cds--row--narrow"]},{type:core.Input}]}}};RowDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsRow], [ibmRow]"})],RowDirective);let GridDirective=class GridDirective{set useCssGrid(enable){this.cssGridEnabled=enable,this.gridService.updateGridType(enable)}get flexGrid(){return!this.cssGridEnabled}get flexCondensed(){return!this.cssGridEnabled&&this.condensed}get flexNarrow(){return!this.cssGridEnabled&&this.narrow}get flexFullWidth(){return!this.cssGridEnabled&&this.fullWidth}get ccsGrid(){return this.cssGridEnabled&&!this.isSubgrid}get ccsCondensed(){return this.cssGridEnabled&&!this.isSubgrid&&this.condensed}get ccsNarrow(){return this.cssGridEnabled&&!this.isSubgrid&&this.narrow}get ccsFullWidth(){return this.cssGridEnabled&&!this.isSubgrid&&this.fullWidth}get subGrid(){return this.cssGridEnabled&&this.isSubgrid}get subCondensed(){return this.cssGridEnabled&&this.isSubgrid&&this.condensed}get subNarrow(){return this.cssGridEnabled&&this.isSubgrid&&this.narrow}get subFullWidth(){return this.cssGridEnabled&&this.isSubgrid&&this.fullWidth}constructor(gridService){this.gridService=gridService,this.condensed=!1,this.narrow=!1,this.fullWidth=!1,this.cssGridEnabled=!1,this.isSubgrid=!1,this.subscription=new Subscription.yU}ngOnInit(){this.subscription=this.gridService.gridObservable.subscribe((isCssGrid=>{this.cssGridEnabled=isCssGrid}))}set cssGridChildren(list){this.cssGridEnabled&&list.forEach((grid=>{grid!==this&&(grid.isSubgrid=!0)}))}ngOnDestroy(){this.subscription.unsubscribe()}static{this.ctorParameters=()=>[{type:GridService}]}static{this.propDecorators={condensed:[{type:core.Input}],narrow:[{type:core.Input}],fullWidth:[{type:core.Input}],useCssGrid:[{type:core.Input}],flexGrid:[{type:core.HostBinding,args:["class.cds--grid"]}],flexCondensed:[{type:core.HostBinding,args:["class.cds--grid--condensed"]}],flexNarrow:[{type:core.HostBinding,args:["class.cds--grid--narrow"]}],flexFullWidth:[{type:core.HostBinding,args:["class.cds--grid--full-width"]}],ccsGrid:[{type:core.HostBinding,args:["class.cds--css-grid"]}],ccsCondensed:[{type:core.HostBinding,args:["class.cds--css-grid--condensed"]}],ccsNarrow:[{type:core.HostBinding,args:["class.cds--css-grid--narrow"]}],ccsFullWidth:[{type:core.HostBinding,args:["class.cds--css-grid--full-width"]}],subGrid:[{type:core.HostBinding,args:["class.cds--subgrid"]}],subCondensed:[{type:core.HostBinding,args:["class.cds--subgrid--condensed"]}],subNarrow:[{type:core.HostBinding,args:["class.cds--subgrid--narrow"]}],subFullWidth:[{type:core.HostBinding,args:["class.cds--subgrid--wide"]}],cssGridChildren:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>GridDirective)),{descendants:!0}]}]}}};GridDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsGrid], [ibmGrid]",providers:[{provide:GridService,deps:[[new core.Optional,new core.SkipSelf,GridService]],useFactory:parentService=>parentService||new GridService}]})],GridDirective);let GridModule=class GridModule{};GridModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[ColumnDirective,GridDirective,RowDirective],exports:[ColumnDirective,GridDirective,RowDirective],providers:[GridService],imports:[common.CommonModule]})],GridModule)},"./src/progress-indicator/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ProgressIndicator,b:()=>ProgressIndicatorModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),i18n=__webpack_require__("./src/i18n/index.ts");let ProgressIndicator=class ProgressIndicator{get current(){return this._current}set current(current){this._current=current,this.setProgressIndicatorStates()}static skeletonSteps(stepCount){const steps=[];for(let i=0;i<stepCount;i++)steps.push({complete:!1});return steps}constructor(i18n){this.i18n=i18n,this.stepSelected=new core.EventEmitter,this.translations=this.i18n.get().PROGRESS_INDICATOR,this.orientation="horizontal",this.skeleton=!1,this.spacing="default",this.statusIcons={current:"incomplete",complete:"checkmark--outline",invalid:"warning",incomplete:"circle-dash"}}onClick(index){index!==this.current&&"function"==typeof this.steps[index].onClick&&this.steps[index].onClick(),this.stepSelected.emit({step:this.steps[index],index})}getCurrentState(index){return index===this.current?"current":this.steps[index].invalid?"invalid":this.steps[index].complete?"complete":"incomplete"}setProgressIndicatorStates(){void 0!==this.steps&&this.steps.forEach(((step,index)=>{index<this.current?step.complete=!0:step.complete=!1}))}static{this.ctorParameters=()=>[{type:i18n.F2}]}static{this.propDecorators={current:[{type:core.Input}],steps:[{type:core.Input}],stepSelected:[{type:core.Output}],translations:[{type:core.Input}],orientation:[{type:core.Input}],skeleton:[{type:core.Input}],spacing:[{type:core.Input}]}}};ProgressIndicator=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-progress-indicator, ibm-progress-indicator",template:'\n\t\t<ul\n\t\t\tdata-progress\n\t\t\tdata-progress-current\n\t\t\tclass="cds--progress"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--skeleton\': skeleton,\n\t\t\t\t\'cds--progress--vertical\': (orientation === \'vertical\'),\n\t\t\t\t\'cds--progress--space-equal\': spacing === \'equal\' && orientation !== \'vertical\'\n\t\t\t}">\n\t\t\t@for (step of steps; track step; let i = $index) {\n\t\t\t\t<li\n\t\t\t\t\tclass="cds--progress-step"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--progress-step--disabled\' : step.disabled,\n\t\t\t\t\t\t\'cds--progress-step--complete\' : step.complete,\n\t\t\t\t\t\t\'cds--progress-step--incomplete\' : !step.complete && i !== current,\n\t\t\t\t\t\t\'cds--progress-step--current\': i === current\n\t\t\t\t\t}">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\tclass="cds--progress-step-button"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--progress-step-button--unclickable\': !step.onClick || current === i\n\t\t\t\t\t\t}"\n\t\t\t\t\t\t[disabled]="step.disabled"\n\t\t\t\t\t\t[attr.aria-disabled]="step.disabled"\n\t\t\t\t\t\t[tabindex]="(current !== i && step.onClick && !step.disabled) ? 0 : -1"\n\t\t\t\t\t\t[title]="step.label"\n\t\t\t\t\t\t(click)="onClick(i)">\n\t\t\t\t\t\t<span class="cds--assistive-text">\n\t\t\t\t\t\t\t{{this.translations[getCurrentState(i)?.toUpperCase()]}}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t[cdsIcon]="statusIcons[getCurrentState(i)]"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--progress__warning\': step.invalid && i !== current\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (step.description) {\n\t\t\t\t\t\t\t\t<title>{{step.description}}</title>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<div class="cds--progress-text">\n\t\t\t\t\t\t\t<p class="cds--progress-label">{{step.label}}</p>\n\t\t\t\t\t\t\t@if (step.secondaryLabel) {\n\t\t\t\t\t\t\t\t<p class="cds--progress-optional">{{step.secondaryLabel}}</p>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span class="cds--progress-line"></span>\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t</ul>\n\t'})],ProgressIndicator);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),icon=__webpack_require__("./src/icon/index.ts");let ProgressIndicatorModule=class ProgressIndicatorModule{};ProgressIndicatorModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[ProgressIndicator],exports:[ProgressIndicator],imports:[common.CommonModule,icon.op,i18n.LP]})],ProgressIndicatorModule)},"./src/patterns/forms/multi-step-form.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MultiStep:()=>MultiStep,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var tslib__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_forms_multi_step_form_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDVyZW07CgkJfQoKCQkuaW5kaWNhdG9yLXdyYXBwZXIgewoJCQliYWNrZ3JvdW5kLWNvbG9yOiAjZjRmNGY0OwoJCX0KCgkJLnN1Yi1oZWFkaW5nIHsKCQkJbWFyZ2luLWJvdHRvbTogMS41cmVtOwoJCX0KCgkJLmluZGljYXRvciB7CgkJCW1hcmdpbi10b3A6IDFyZW07CgkJfQoKCQkuZm9ybS1sYWJlbCB7CgkJCW1hcmdpbi10b3A6IDAuN3JlbTsKCQkJbWFyZ2luLWJvdHRvbTogMC41cmVtOwoJCX0KCgkJLmRyb3Bkb3duIHsKCQkJd2lkdGg6IDEwMCU7CgkJfQoKCQkuZm9ybS1pdGVtIHsKCQkJbWFyZ2luLXRvcDogMS41cmVtOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_forms_multi_step_form_stories_ts__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/patterns/forms/multi-step-form.stories.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDVyZW07CgkJfQoKCQkuaW5kaWNhdG9yLXdyYXBwZXIgewoJCQliYWNrZ3JvdW5kLWNvbG9yOiAjZjRmNGY0OwoJCX0KCgkJLnN1Yi1oZWFkaW5nIHsKCQkJbWFyZ2luLWJvdHRvbTogMS41cmVtOwoJCX0KCgkJLmluZGljYXRvciB7CgkJCW1hcmdpbi10b3A6IDFyZW07CgkJfQoKCQkuZm9ybS1sYWJlbCB7CgkJCW1hcmdpbi10b3A6IDAuN3JlbTsKCQkJbWFyZ2luLWJvdHRvbTogMC41cmVtOwoJCX0KCgkJLmRyb3Bkb3duIHsKCQkJd2lkdGg6IDEwMCU7CgkJfQoKCQkuZm9ybS1pdGVtIHsKCQkJbWFyZ2luLXRvcDogMS41cmVtOwoJCX0KCQ%3D%3D!./src/patterns/forms/multi-step-form.stories.ts"),_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_forms_multi_step_form_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDVyZW07CgkJfQoKCQkuaW5kaWNhdG9yLXdyYXBwZXIgewoJCQliYWNrZ3JvdW5kLWNvbG9yOiAjZjRmNGY0OwoJCX0KCgkJLnN1Yi1oZWFkaW5nIHsKCQkJbWFyZ2luLWJvdHRvbTogMS41cmVtOwoJCX0KCgkJLmluZGljYXRvciB7CgkJCW1hcmdpbi10b3A6IDFyZW07CgkJfQoKCQkuZm9ybS1sYWJlbCB7CgkJCW1hcmdpbi10b3A6IDAuN3JlbTsKCQkJbWFyZ2luLWJvdHRvbTogMC41cmVtOwoJCX0KCgkJLmRyb3Bkb3duIHsKCQkJd2lkdGg6IDEwMCU7CgkJfQoKCQkuZm9ybS1pdGVtIHsKCQkJbWFyZ2luLXRvcDogMS41cmVtOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_forms_multi_step_form_stories_ts__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_forms_multi_step_form_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDVyZW07CgkJfQoKCQkuaW5kaWNhdG9yLXdyYXBwZXIgewoJCQliYWNrZ3JvdW5kLWNvbG9yOiAjZjRmNGY0OwoJCX0KCgkJLnN1Yi1oZWFkaW5nIHsKCQkJbWFyZ2luLWJvdHRvbTogMS41cmVtOwoJCX0KCgkJLmluZGljYXRvciB7CgkJCW1hcmdpbi10b3A6IDFyZW07CgkJfQoKCQkuZm9ybS1sYWJlbCB7CgkJCW1hcmdpbi10b3A6IDAuN3JlbTsKCQkJbWFyZ2luLWJvdHRvbTogMC41cmVtOwoJCX0KCgkJLmRyb3Bkb3duIHsKCQkJd2lkdGg6IDEwMCU7CgkJfQoKCQkuZm9ybS1pdGVtIHsKCQkJbWFyZ2luLXRvcDogMS41cmVtOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_forms_multi_step_form_stories_ts__WEBPACK_IMPORTED_MODULE_0__),_angular_core__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_storybook_angular__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_grid__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/grid/index.ts"),_ui_shell__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui-shell/index.ts"),_dropdown__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/dropdown/index.ts"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/button/index.ts"),_input__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/input/index.ts"),_progress_indicator__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/progress-indicator/index.ts"),_breadcrumb__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/breadcrumb/index.ts"),_angular_forms__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs");let MultiStepFormStory=class MultiStepFormStory{constructor(formBuilder){this.formBuilder=formBuilder,this.steps=[{label:"Step 1",complete:!0},{label:"Step 2",current:!0,complete:!1},{label:"Step 3",complete:!1,invalid:!0},{label:"Step 4",complete:!1,secondaryLabel:"Optional"}],this.resourceGroups=[{content:"None"},{content:"Resource group 1"},{content:"Resource group 2"}],this.currentStep=1}ngOnInit(){document.querySelector(".sb-show-main")?.classList.add("full-page"),this.step2FormGroup=this.formBuilder.group({workspaceName:new _angular_forms__WEBPACK_IMPORTED_MODULE_9__.MJ,resourceGroup:new _angular_forms__WEBPACK_IMPORTED_MODULE_9__.MJ,purpose:new _angular_forms__WEBPACK_IMPORTED_MODULE_9__.MJ}),this.step2FormGroup.get("resourceGroup")?.setValue("None")}ngOnDestroy(){document.querySelector(".sb-show-main")?.classList.remove("full-page")}changeStep(step){this.currentStep=step}static{this.ctorParameters=()=>[{type:_angular_forms__WEBPACK_IMPORTED_MODULE_9__.ok}]}};MultiStepFormStory=(0,tslib__WEBPACK_IMPORTED_MODULE_10__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_11__.Component)({selector:"app-multi-step-form",template:'\n        <div cdsGrid>\n            <div cdsRow class="header">\n                <cds-header name="Patterns">\n                    <cds-hamburger></cds-hamburger>\n                </cds-header>\n            </div>\n            <div cdsRow>\n                <div cdsCol [columnNumbers]="{\'lg\': 8, \'md\': 8, \'sm\': 8}">\n                    <cds-breadcrumb [noTrailingSlash]="noTrailingSlash">\n                        <cds-breadcrumb-item href="#1">\n                            Dashboard\n                        </cds-breadcrumb-item>\n                    </cds-breadcrumb>\n                </div>\n            </div>\n            <div cdsRow class="sub-heading">\n                <div cdsCol [columnNumbers]="{\'lg\': 8, \'md\': 8, \'sm\': 8}">\n                    <h4>Vertical multi-step form</h4>\n                </div>\n            </div>\n            <div cdsRow>\n                <div\n                    cdsCol\n                    [columnNumbers]="{\'lg\': 2, \'md\': 2, \'sm\': 2}"\n                    class="indicator-wrapper">\n                    <div class="indicator">\n                        <cds-progress-indicator\n                            orientation="vertical"\n                            [steps]="steps"\n                            [current]="currentStep">\n                        </cds-progress-indicator>\n                    </div>\n                </div>\n                <div cdsCol [columnNumbers]="{\'lg\': 6, \'md\': 6, \'sm\': 6}">\n                    @switch (currentStep) {\n                        @case (1) {\n                            <form [formGroup]="step2FormGroup">\n                                <div cdsGrid>\n                                    <div cdsRow>\n                                        <h4>Create a new workspace</h4>\n                                        <label class="form-label">\n                                            When you create a workspace, you connect IBM Cloud\n                                            Schematics to existing Github / Gitlab repos that host\n                                            your Terraform templates.\n                                        </label>\n                                    </div>\n                                    <div cdsRow class="form-item">\n                                        <cds-label>\n                                            Workspace name\n                                            <input\n                                                cdsText\n                                                [autocomplete]="false"\n                                                formControlName="workspaceName">\n                                        </cds-label>\n                                    </div>\n                                    <div cdsRow class="form-item">\n                                        <cds-dropdown\n                                            class="dropdown"\n                                            label="Resource group"\n                                            value="content"\n                                            formControlName="resourceGroup"\n                                            [dropUp]="false">\n                                            <cds-dropdown-list [items]="resourceGroups"></cds-dropdown-list>\n                                        </cds-dropdown>\n                                    </div>\n                                    <div cdsRow class="form-item">\n                                        <cds-label>\n                                            Description (optional)\n                                            <textarea\n                                                cdsTextArea\n                                                placeholder="What is the purpose of this workspace?"\n                                                formControlName="purpose"\n                                                [rows]="3"\n                                                aria-label="textarea"></textarea>\n                                        </cds-label>\n                                    </div>\n                                    <div cdsRow class="form-item">\n                                        <button cdsButton (click)="changeStep(2)">Step 3</button>\n                                    </div>\n                                </div>\n                            </form>\n                        }\n                        @case (2) {\n                            <div cdsGrid>\n                                <div cdsRow>\n                                    Step 3 form!\n                                </div>\n                                <div cdsRow class="form-item">\n                                    <button cdsButton (click)="changeStep(1)">Step 2</button>\n                                </div>\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n        </div>\n    ',styles:[_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_forms_multi_step_form_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDVyZW07CgkJfQoKCQkuaW5kaWNhdG9yLXdyYXBwZXIgewoJCQliYWNrZ3JvdW5kLWNvbG9yOiAjZjRmNGY0OwoJCX0KCgkJLnN1Yi1oZWFkaW5nIHsKCQkJbWFyZ2luLWJvdHRvbTogMS41cmVtOwoJCX0KCgkJLmluZGljYXRvciB7CgkJCW1hcmdpbi10b3A6IDFyZW07CgkJfQoKCQkuZm9ybS1sYWJlbCB7CgkJCW1hcmdpbi10b3A6IDAuN3JlbTsKCQkJbWFyZ2luLWJvdHRvbTogMC41cmVtOwoJCX0KCgkJLmRyb3Bkb3duIHsKCQkJd2lkdGg6IDEwMCU7CgkJfQoKCQkuZm9ybS1pdGVtIHsKCQkJbWFyZ2luLXRvcDogMS41cmVtOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_forms_multi_step_form_stories_ts__WEBPACK_IMPORTED_MODULE_0___default()]})],MultiStepFormStory);const __WEBPACK_DEFAULT_EXPORT__={title:"Pattern/Forms",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_1__.moduleMetadata)({declarations:[MultiStepFormStory],imports:[_button__WEBPACK_IMPORTED_MODULE_5__.tm,_grid__WEBPACK_IMPORTED_MODULE_2__.pc,_ui_shell__WEBPACK_IMPORTED_MODULE_3__.Vd,_progress_indicator__WEBPACK_IMPORTED_MODULE_7__.b,_breadcrumb__WEBPACK_IMPORTED_MODULE_8__._S,_angular_forms__WEBPACK_IMPORTED_MODULE_9__.X1,_input__WEBPACK_IMPORTED_MODULE_6__.x1,_dropdown__WEBPACK_IMPORTED_MODULE_4__.kr]})]},MultiStep=(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 as an example.\n        --\x3e\n        <app-multi-step-form></app-multi-step-form>\n    "})).bind({});MultiStep.parameters={...MultiStep.parameters,docs:{...MultiStep.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 as an example.\n        --\x3e\n        <app-multi-step-form></app-multi-step-form>\n    `\n})",...MultiStep.parameters?.docs?.source}}};const __namedExportsOrder=["MultiStep"]},"./src/patterns/forms/multi-step-form.stories.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDVyZW07CgkJfQoKCQkuaW5kaWNhdG9yLXdyYXBwZXIgewoJCQliYWNrZ3JvdW5kLWNvbG9yOiAjZjRmNGY0OwoJCX0KCgkJLnN1Yi1oZWFkaW5nIHsKCQkJbWFyZ2luLWJvdHRvbTogMS41cmVtOwoJCX0KCgkJLmluZGljYXRvciB7CgkJCW1hcmdpbi10b3A6IDFyZW07CgkJfQoKCQkuZm9ybS1sYWJlbCB7CgkJCW1hcmdpbi10b3A6IDAuN3JlbTsKCQkJbWFyZ2luLWJvdHRvbTogMC41cmVtOwoJCX0KCgkJLmRyb3Bkb3duIHsKCQkJd2lkdGg6IDEwMCU7CgkJfQoKCQkuZm9ybS1pdGVtIHsKCQkJbWFyZ2luLXRvcDogMS41cmVtOwoJCX0KCQ%3D%3D!./src/patterns/forms/multi-step-form.stories.ts":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"\n\t\t.header {\n\t\t\tmargin-bottom: 5rem;\n\t\t}\n\n\t\t.indicator-wrapper {\n\t\t\tbackground-color: #f4f4f4;\n\t\t}\n\n\t\t.sub-heading {\n\t\t\tmargin-bottom: 1.5rem;\n\t\t}\n\n\t\t.indicator {\n\t\t\tmargin-top: 1rem;\n\t\t}\n\n\t\t.form-label {\n\t\t\tmargin-top: 0.7rem;\n\t\t\tmargin-bottom: 0.5rem;\n\t\t}\n\n\t\t.dropdown {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.form-item {\n\t\t\tmargin-top: 1.5rem;\n\t\t}\n\t",""]),module.exports=___CSS_LOADER_EXPORT___.toString()}}]);

package/docs/storybook/patterns-loading-large-loading-stories.0ffe3bf0.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[9396],{"./src/button/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__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 />"})],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 />\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/grid/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ee:()=>ColumnDirective,gk:()=>GridDirective,pc:()=>GridModule,YP:()=>RowDirective});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),BehaviorSubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js");let GridService=class GridService{constructor(){this.gridSubject=new BehaviorSubject.t(!1),this.cssGridEnabled=!1,this.gridObservable=this.gridSubject.asObservable()}updateGridType(enableCssGrid){this.cssGridEnabled!==enableCssGrid&&(this.cssGridEnabled=!0,this.gridSubject.next(enableCssGrid))}static{this.ctorParameters=()=>[]}};GridService=(0,tslib_es6.Cg)([(0,core.Injectable)()],GridService);let ColumnDirective=class ColumnDirective{get columnClasses(){return this._columnClasses.join(" ")}set columnClasses(classes){this._columnClasses=classes.split(" ")}constructor(gridService){this.gridService=gridService,this.class="",this.columnNumbers={},this.offsets={},this.columnHang=!1,this._columnClasses=[],this.isCssGrid=!1,this.subscription=new Subscription.yU}ngOnInit(){this.gridService?this.subscription=this.gridService.gridObservable.subscribe((isCssGrid=>{this.isCssGrid=isCssGrid,this.updateColumnClasses()})):this.updateColumnClasses()}ngOnChanges(){this.updateColumnClasses()}ngOnDestroy(){this.subscription.unsubscribe()}updateColumnClasses(){try{this._columnClasses=[];const columnKeys=Object.keys(this.columnNumbers);this.isCssGrid?(this._columnClasses.push("cds--css-grid-column"),this.columnHang&&this._columnClasses.push("cds--grid-column-hang"),columnKeys.forEach((key=>{"auto"===this.columnNumbers[key]?this._columnClasses.push(`cds--${key}:col-span-auto`):"object"==typeof this.columnNumbers[key]?(this.columnNumbers[key].start&&this._columnClasses.push(`cds--${key}:col-start-${this.columnNumbers[key].start}`),this.columnNumbers[key].end&&this._columnClasses.push(`cds--${key}:col-end-${this.columnNumbers[key].end}`),this.columnNumbers[key].span&&this._columnClasses.push(`cds--${key}:col-span-${this.columnNumbers[key].span}`)):this._columnClasses.push(`cds--${key}:col-span-${this.columnNumbers[key]}`)})),Object.keys(this.offsets).forEach((key=>{this._columnClasses.push(`cds--${key}:col-start${this.offsets[key]+1}`)}))):(columnKeys.length<=0&&this._columnClasses.push("cds--col"),columnKeys.forEach((key=>{"nobreak"===this.columnNumbers[key]?this._columnClasses.push(`cds--col-${key}`):this._columnClasses.push(`cds--col-${key}-${this.columnNumbers[key]}`)})),Object.keys(this.offsets).forEach((key=>{this._columnClasses.push(`cds--offset-${key}-${this.offsets[key]}`)})))}catch(err){console.error(`Malformed \`offsets\` or \`columnNumbers\`: ${err}`)}this.class&&this._columnClasses.push(this.class)}static{this.ctorParameters=()=>[{type:GridService,decorators:[{type:core.Optional}]}]}static{this.propDecorators={columnClasses:[{type:core.HostBinding,args:["class"]}],class:[{type:core.Input}],columnNumbers:[{type:core.Input}],offsets:[{type:core.Input}],columnHang:[{type:core.Input}]}}};ColumnDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsCol], [ibmCol]"})],ColumnDirective);let RowDirective=class RowDirective{constructor(){this.baseClass=!0,this.condensed=!1,this.narrow=!1}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--row"]}],condensed:[{type:core.HostBinding,args:["class.cds--row--condensed"]},{type:core.Input}],narrow:[{type:core.HostBinding,args:["class.cds--row--narrow"]},{type:core.Input}]}}};RowDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsRow], [ibmRow]"})],RowDirective);let GridDirective=class GridDirective{set useCssGrid(enable){this.cssGridEnabled=enable,this.gridService.updateGridType(enable)}get flexGrid(){return!this.cssGridEnabled}get flexCondensed(){return!this.cssGridEnabled&&this.condensed}get flexNarrow(){return!this.cssGridEnabled&&this.narrow}get flexFullWidth(){return!this.cssGridEnabled&&this.fullWidth}get ccsGrid(){return this.cssGridEnabled&&!this.isSubgrid}get ccsCondensed(){return this.cssGridEnabled&&!this.isSubgrid&&this.condensed}get ccsNarrow(){return this.cssGridEnabled&&!this.isSubgrid&&this.narrow}get ccsFullWidth(){return this.cssGridEnabled&&!this.isSubgrid&&this.fullWidth}get subGrid(){return this.cssGridEnabled&&this.isSubgrid}get subCondensed(){return this.cssGridEnabled&&this.isSubgrid&&this.condensed}get subNarrow(){return this.cssGridEnabled&&this.isSubgrid&&this.narrow}get subFullWidth(){return this.cssGridEnabled&&this.isSubgrid&&this.fullWidth}constructor(gridService){this.gridService=gridService,this.condensed=!1,this.narrow=!1,this.fullWidth=!1,this.cssGridEnabled=!1,this.isSubgrid=!1,this.subscription=new Subscription.yU}ngOnInit(){this.subscription=this.gridService.gridObservable.subscribe((isCssGrid=>{this.cssGridEnabled=isCssGrid}))}set cssGridChildren(list){this.cssGridEnabled&&list.forEach((grid=>{grid!==this&&(grid.isSubgrid=!0)}))}ngOnDestroy(){this.subscription.unsubscribe()}static{this.ctorParameters=()=>[{type:GridService}]}static{this.propDecorators={condensed:[{type:core.Input}],narrow:[{type:core.Input}],fullWidth:[{type:core.Input}],useCssGrid:[{type:core.Input}],flexGrid:[{type:core.HostBinding,args:["class.cds--grid"]}],flexCondensed:[{type:core.HostBinding,args:["class.cds--grid--condensed"]}],flexNarrow:[{type:core.HostBinding,args:["class.cds--grid--narrow"]}],flexFullWidth:[{type:core.HostBinding,args:["class.cds--grid--full-width"]}],ccsGrid:[{type:core.HostBinding,args:["class.cds--css-grid"]}],ccsCondensed:[{type:core.HostBinding,args:["class.cds--css-grid--condensed"]}],ccsNarrow:[{type:core.HostBinding,args:["class.cds--css-grid--narrow"]}],ccsFullWidth:[{type:core.HostBinding,args:["class.cds--css-grid--full-width"]}],subGrid:[{type:core.HostBinding,args:["class.cds--subgrid"]}],subCondensed:[{type:core.HostBinding,args:["class.cds--subgrid--condensed"]}],subNarrow:[{type:core.HostBinding,args:["class.cds--subgrid--narrow"]}],subFullWidth:[{type:core.HostBinding,args:["class.cds--subgrid--wide"]}],cssGridChildren:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>GridDirective)),{descendants:!0}]}]}}};GridDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsGrid], [ibmGrid]",providers:[{provide:GridService,deps:[[new core.Optional,new core.SkipSelf,GridService]],useFactory:parentService=>parentService||new GridService}]})],GridDirective);let GridModule=class GridModule{};GridModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[ColumnDirective,GridDirective,RowDirective],exports:[ColumnDirective,GridDirective,RowDirective],providers:[GridService],imports:[common.CommonModule]})],GridModule)},"./src/icon/icon.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>IconDirective});var IconDirective_1,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_icon_service__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js");let IconDirective=class IconDirective{static{IconDirective_1=this}set ibmIcon(iconName){this.cdsIcon=iconName}static{this.titleIdCounter=0}constructor(elementRef,iconService){this.elementRef=elementRef,this.iconService=iconService,this.cdsIcon="",this.size="16",this.title="",this.ariaLabel="",this.ariaLabelledBy="",this.ariaHidden="",this.isFocusable=!1}renderIcon(iconName){const root=this.elementRef.nativeElement;let icon;try{icon=this.iconService.get(iconName,this.size.toString())}catch(error){return void console.warn(error)}const domParser=new DOMParser,rawSVG=icon.svg,svgElement=domParser.parseFromString(rawSVG,"image/svg+xml").documentElement;let node="SVG"!==root.tagName.toUpperCase()?svgElement:svgElement.firstChild;for(root.innerHTML="";node;)root.appendChild(root.ownerDocument.importNode(node,!0)),node=node.nextSibling;const svg="SVG"!==root.tagName.toUpperCase()?svgElement:root;svg.setAttribute("xmlns","http://www.w3.org/2000/svg");const attributes=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_1__.gu)({width:icon.attrs.width,height:icon.attrs.height,viewBox:icon.attrs.viewBox,title:this.title,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-hidden":this.ariaHidden,focusable:this.isFocusable.toString(),fill:icon.attrs.fill}),attrKeys=Object.keys(attributes);for(let i=0;i<attrKeys.length;i++){const key=attrKeys[i],value=attributes[key];"title"!==key&&(value&&svg.setAttribute(key,value))}if(attributes.title){const title=document.createElement("title");title.textContent=attributes.title,IconDirective_1.titleIdCounter++,title.setAttribute("id",`${icon.name}-title-${IconDirective_1.titleIdCounter}`),svg.insertBefore(title,svg.firstElementChild),svg.setAttribute("aria-labelledby",`${icon.name}-title-${IconDirective_1.titleIdCounter}`)}}ngAfterViewInit(){this.renderIcon(this.cdsIcon)}ngOnChanges({cdsIcon}){cdsIcon&&!cdsIcon.isFirstChange()&&this.renderIcon(this.cdsIcon)}static{this.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.ElementRef},{type:_icon_service__WEBPACK_IMPORTED_MODULE_0__.fM}]}static{this.propDecorators={ibmIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],cdsIcon:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaLabelledBy:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],ariaHidden:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}],isFocusable:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_2__.Input}]}}};IconDirective=IconDirective_1=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Directive)({selector:"[cdsIcon], [ibmIcon]"})],IconDirective)},"./src/icon/icon.module.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{op:()=>IconModule});var tslib__WEBPACK_IMPORTED_MODULE_56__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_55__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_57__=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),_icon_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/icon/icon.directive.ts"),_icon_service__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/icon/icon.service.ts"),_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@carbon/icons/es/add/16.js"),_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@carbon/icons/es/add/20.js"),_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@carbon/icons/es/bee/16.js"),_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@carbon/icons/es/bee/20.js"),_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@carbon/icons/es/calendar/16.js"),_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/16.js"),_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@carbon/icons/es/carbon/20.js"),_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@carbon/icons/es/caret--down/16.js"),_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@carbon/icons/es/caret--left/16.js"),_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@carbon/icons/es/caret--right/16.js"),_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@carbon/icons/es/caret--up/16.js"),_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark/16.js"),_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/16.js"),_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--filled/20.js"),_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@carbon/icons/es/checkmark--outline/16.js"),_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--down/16.js"),_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@carbon/icons/es/chevron--right/16.js"),_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@carbon/icons/es/circle-dash/16.js"),_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@carbon/icons/es/close/16.js"),_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@carbon/icons/es/close/20.js"),_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/@carbon/icons/es/copy/16.js"),_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./node_modules/@carbon/icons/es/copy/20.js"),_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/16.js"),_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./node_modules/@carbon/icons/es/data--2/20.js"),_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./node_modules/@carbon/icons/es/document/16.js"),_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./node_modules/@carbon/icons/es/document/20.js"),_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/16.js"),_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./node_modules/@carbon/icons/es/error--filled/20.js"),_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./node_modules/@carbon/icons/es/fade/16.js"),_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./node_modules/@carbon/icons/es/fade/20.js"),_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./node_modules/@carbon/icons/es/folder/16.js"),_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/@carbon/icons/es/incomplete/16.js"),_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/16.js"),_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./node_modules/@carbon/icons/es/information--filled/20.js"),_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./node_modules/@carbon/icons/es/information--square--filled/20.js"),_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./node_modules/@carbon/icons/es/menu/16.js"),_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./node_modules/@carbon/icons/es/menu/20.js"),_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--vertical/16.js"),_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./node_modules/@carbon/icons/es/overflow-menu--horizontal/16.js"),_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./node_modules/@carbon/icons/es/save/16.js"),_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./node_modules/@carbon/icons/es/search/16.js"),_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./node_modules/@carbon/icons/es/settings/16.js"),_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./node_modules/@carbon/icons/es/settings--adjust/16.js"),_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./node_modules/@carbon/icons/es/subtract/16.js"),_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./node_modules/@carbon/icons/es/trash-can/16.js"),_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./node_modules/@carbon/icons/es/warning/16.js"),_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/16.js"),_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./node_modules/@carbon/icons/es/warning--filled/20.js"),_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/16.js"),_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./node_modules/@carbon/icons/es/warning--alt--filled/20.js"),_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__=__webpack_require__("./node_modules/@carbon/icons/es/view--off/16.js");const ICON_SERVICE_PROVIDER={provide:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM,deps:[[new _angular_core__WEBPACK_IMPORTED_MODULE_55__.Optional,new _angular_core__WEBPACK_IMPORTED_MODULE_55__.SkipSelf,_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM]],useFactory:function ICON_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new _icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}};let IconModule=class IconModule{constructor(iconService){this.iconService=iconService,iconService.registerAll([_carbon_icons_es_add_16__WEBPACK_IMPORTED_MODULE_2__.A,_carbon_icons_es_add_20__WEBPACK_IMPORTED_MODULE_3__.A,_carbon_icons_es_bee_16__WEBPACK_IMPORTED_MODULE_4__.A,_carbon_icons_es_bee_20__WEBPACK_IMPORTED_MODULE_5__.A,_carbon_icons_es_calendar_16__WEBPACK_IMPORTED_MODULE_6__.A,_carbon_icons_es_carbon_16__WEBPACK_IMPORTED_MODULE_7__.A,_carbon_icons_es_carbon_20__WEBPACK_IMPORTED_MODULE_8__.A,_carbon_icons_es_caret_down_16__WEBPACK_IMPORTED_MODULE_9__.A,_carbon_icons_es_caret_left_16__WEBPACK_IMPORTED_MODULE_10__.A,_carbon_icons_es_caret_right_16__WEBPACK_IMPORTED_MODULE_11__.A,_carbon_icons_es_caret_up_16__WEBPACK_IMPORTED_MODULE_12__.A,_carbon_icons_es_checkmark_16__WEBPACK_IMPORTED_MODULE_13__.A,_carbon_icons_es_checkmark_filled_16__WEBPACK_IMPORTED_MODULE_14__.A,_carbon_icons_es_checkmark_filled_20__WEBPACK_IMPORTED_MODULE_15__.A,_carbon_icons_es_checkmark_outline_16__WEBPACK_IMPORTED_MODULE_16__.A,_carbon_icons_es_chevron_down_16__WEBPACK_IMPORTED_MODULE_17__.A,_carbon_icons_es_chevron_right_16__WEBPACK_IMPORTED_MODULE_18__.A,_carbon_icons_es_circle_dash_16__WEBPACK_IMPORTED_MODULE_19__.A,_carbon_icons_es_close_16__WEBPACK_IMPORTED_MODULE_20__.A,_carbon_icons_es_close_20__WEBPACK_IMPORTED_MODULE_21__.A,_carbon_icons_es_copy_16__WEBPACK_IMPORTED_MODULE_22__.A,_carbon_icons_es_copy_20__WEBPACK_IMPORTED_MODULE_23__.A,_carbon_icons_es_data_2_16__WEBPACK_IMPORTED_MODULE_24__.A,_carbon_icons_es_data_2_20__WEBPACK_IMPORTED_MODULE_25__.A,_carbon_icons_es_document_16__WEBPACK_IMPORTED_MODULE_26__.A,_carbon_icons_es_document_20__WEBPACK_IMPORTED_MODULE_27__.A,_carbon_icons_es_download_16__WEBPACK_IMPORTED_MODULE_28__.A,_carbon_icons_es_error_filled_16__WEBPACK_IMPORTED_MODULE_29__.A,_carbon_icons_es_error_filled_20__WEBPACK_IMPORTED_MODULE_30__.A,_carbon_icons_es_fade_16__WEBPACK_IMPORTED_MODULE_31__.A,_carbon_icons_es_fade_20__WEBPACK_IMPORTED_MODULE_32__.A,_carbon_icons_es_folder_16__WEBPACK_IMPORTED_MODULE_33__.A,_carbon_icons_es_incomplete_16__WEBPACK_IMPORTED_MODULE_34__.A,_carbon_icons_es_information_filled_16__WEBPACK_IMPORTED_MODULE_35__.A,_carbon_icons_es_information_filled_20__WEBPACK_IMPORTED_MODULE_36__.A,_carbon_icons_es_information_square_filled_20__WEBPACK_IMPORTED_MODULE_37__.A,_carbon_icons_es_menu_16__WEBPACK_IMPORTED_MODULE_38__.A,_carbon_icons_es_menu_20__WEBPACK_IMPORTED_MODULE_39__.A,_carbon_icons_es_overflow_menu_vertical_16__WEBPACK_IMPORTED_MODULE_40__.A,_carbon_icons_es_overflow_menu_horizontal_16__WEBPACK_IMPORTED_MODULE_41__.A,_carbon_icons_es_save_16__WEBPACK_IMPORTED_MODULE_42__.A,_carbon_icons_es_search_16__WEBPACK_IMPORTED_MODULE_43__.A,_carbon_icons_es_settings_16__WEBPACK_IMPORTED_MODULE_44__.A,_carbon_icons_es_settings_adjust_16__WEBPACK_IMPORTED_MODULE_45__.A,_carbon_icons_es_subtract_16__WEBPACK_IMPORTED_MODULE_46__.A,_carbon_icons_es_trash_can_16__WEBPACK_IMPORTED_MODULE_47__.A,_carbon_icons_es_view_16__WEBPACK_IMPORTED_MODULE_53__.A,_carbon_icons_es_view_off_16__WEBPACK_IMPORTED_MODULE_54__.A,_carbon_icons_es_warning_16__WEBPACK_IMPORTED_MODULE_48__.A,_carbon_icons_es_warning_filled_16__WEBPACK_IMPORTED_MODULE_49__.A,_carbon_icons_es_warning_filled_20__WEBPACK_IMPORTED_MODULE_50__.A,_carbon_icons_es_warning_alt_filled_16__WEBPACK_IMPORTED_MODULE_51__.A,_carbon_icons_es_warning_alt_filled_20__WEBPACK_IMPORTED_MODULE_52__.A])}static{this.ctorParameters=()=>[{type:_icon_service__WEBPACK_IMPORTED_MODULE_1__.fM}]}};IconModule=(0,tslib__WEBPACK_IMPORTED_MODULE_56__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_55__.NgModule)({declarations:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],exports:[_icon_directive__WEBPACK_IMPORTED_MODULE_0__.L],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_57__.CommonModule],providers:[ICON_SERVICE_PROVIDER]})],IconModule)},"./src/icon/icon.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{fM:()=>IconService});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@carbon/icon-helpers/es/index.js");class IconCache{}class IconNameNotFoundError extends Error{constructor(name){super(`Icon ${name} not found`)}}class IconSizeNotFoundError extends Error{constructor(size,name){super("Size ${size} for ${name} not found")}}class IconMemoryCache extends IconCache{constructor(){super(...arguments),this.iconMap=new Map}get(name,size){if(!this.iconMap.has(name))throw new IconNameNotFoundError(name);const sizeMap=this.iconMap.get(name);if(!sizeMap.has(size))throw new IconSizeNotFoundError(size,name);return sizeMap.get(size)}set(name,size,descriptor){this.iconMap.has(name)||this.iconMap.set(name,new Map);this.iconMap.get(name).set(size,descriptor)}}let IconService=class IconService{constructor(){this.iconCache=new IconMemoryCache}registerAll(descriptors){descriptors.forEach((icon=>this.register(icon)))}register(descriptor){const{name}=descriptor;this.registerAs(name,descriptor)}registerAs(name,descriptor){const{size}=descriptor;this.iconCache.set(name,size.toString(),descriptor)}get(name,size){try{const icon=this.iconCache.get(name,size.toString());return icon.svg||(icon.svg=(0,_carbon_icon_helpers__WEBPACK_IMPORTED_MODULE_0__.dI)(icon)),icon}catch(e){throw e}}configure(options){this.iconCache=options.cache}};IconService=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)()],IconService)},"./src/icon/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{LJ:()=>icon_directive.L,op:()=>icon_module.op,fM:()=>icon_service.fM});var icon_directive=__webpack_require__("./src/icon/icon.directive.ts"),icon_module=__webpack_require__("./src/icon/icon.module.ts"),icon_service=__webpack_require__("./src/icon/icon.service.ts")},"./src/loading/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>Loading,H:()=>LoadingModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),i18n=__webpack_require__("./src/i18n/index.ts");let Loading=class Loading{constructor(i18n){this.i18n=i18n,this.title=this.i18n.get().LOADING.TITLE,this.isActive=!0,this.size="normal",this.overlay=!1}static{this.ctorParameters=()=>[{type:i18n.F2}]}static{this.propDecorators={title:[{type:core.Input}],isActive:[{type:core.Input}],size:[{type:core.Input}],overlay:[{type:core.Input},{type:core.HostBinding,args:["class.cds--loading-overlay"]}]}}};Loading=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-loading, ibm-loading",template:'\n\t\t<div\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--loading--small\': size === \'sm\',\n\t\t\t\t\'cds--loading--stop\': !isActive && !overlay,\n\t\t\t\t\'cds--loading-overlay--stop\': !isActive && overlay\n\t\t\t}"\n\t\t\tclass="cds--loading">\n\t\t\t<svg class="cds--loading__svg" viewBox="0 0 100 100">\n\t\t\t\t<title>{{title}}</title>\n\t\t\t\t<circle class="cds--loading__stroke" cx="50%" cy="50%" r="44" />\n\t\t\t</svg>\n\t\t</div>\n\t'})],Loading);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");let LoadingModule=class LoadingModule{};LoadingModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[Loading],exports:[Loading],imports:[common.CommonModule,i18n.LP]})],LoadingModule)},"./src/placeholder/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{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){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}):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);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>"})],Placeholder);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");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 PlaceholderModule=class PlaceholderModule{};PlaceholderModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[Placeholder],exports:[Placeholder],providers:[PLACEHOLDER_SERVICE_PROVIDER],imports:[common.CommonModule]})],PlaceholderModule)},"./src/progress-indicator/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>ProgressIndicator,b:()=>ProgressIndicatorModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),i18n=__webpack_require__("./src/i18n/index.ts");let ProgressIndicator=class ProgressIndicator{get current(){return this._current}set current(current){this._current=current,this.setProgressIndicatorStates()}static skeletonSteps(stepCount){const steps=[];for(let i=0;i<stepCount;i++)steps.push({complete:!1});return steps}constructor(i18n){this.i18n=i18n,this.stepSelected=new core.EventEmitter,this.translations=this.i18n.get().PROGRESS_INDICATOR,this.orientation="horizontal",this.skeleton=!1,this.spacing="default",this.statusIcons={current:"incomplete",complete:"checkmark--outline",invalid:"warning",incomplete:"circle-dash"}}onClick(index){index!==this.current&&"function"==typeof this.steps[index].onClick&&this.steps[index].onClick(),this.stepSelected.emit({step:this.steps[index],index})}getCurrentState(index){return index===this.current?"current":this.steps[index].invalid?"invalid":this.steps[index].complete?"complete":"incomplete"}setProgressIndicatorStates(){void 0!==this.steps&&this.steps.forEach(((step,index)=>{index<this.current?step.complete=!0:step.complete=!1}))}static{this.ctorParameters=()=>[{type:i18n.F2}]}static{this.propDecorators={current:[{type:core.Input}],steps:[{type:core.Input}],stepSelected:[{type:core.Output}],translations:[{type:core.Input}],orientation:[{type:core.Input}],skeleton:[{type:core.Input}],spacing:[{type:core.Input}]}}};ProgressIndicator=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-progress-indicator, ibm-progress-indicator",template:'\n\t\t<ul\n\t\t\tdata-progress\n\t\t\tdata-progress-current\n\t\t\tclass="cds--progress"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--skeleton\': skeleton,\n\t\t\t\t\'cds--progress--vertical\': (orientation === \'vertical\'),\n\t\t\t\t\'cds--progress--space-equal\': spacing === \'equal\' && orientation !== \'vertical\'\n\t\t\t}">\n\t\t\t@for (step of steps; track step; let i = $index) {\n\t\t\t\t<li\n\t\t\t\t\tclass="cds--progress-step"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--progress-step--disabled\' : step.disabled,\n\t\t\t\t\t\t\'cds--progress-step--complete\' : step.complete,\n\t\t\t\t\t\t\'cds--progress-step--incomplete\' : !step.complete && i !== current,\n\t\t\t\t\t\t\'cds--progress-step--current\': i === current\n\t\t\t\t\t}">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype="button"\n\t\t\t\t\t\tclass="cds--progress-step-button"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--progress-step-button--unclickable\': !step.onClick || current === i\n\t\t\t\t\t\t}"\n\t\t\t\t\t\t[disabled]="step.disabled"\n\t\t\t\t\t\t[attr.aria-disabled]="step.disabled"\n\t\t\t\t\t\t[tabindex]="(current !== i && step.onClick && !step.disabled) ? 0 : -1"\n\t\t\t\t\t\t[title]="step.label"\n\t\t\t\t\t\t(click)="onClick(i)">\n\t\t\t\t\t\t<span class="cds--assistive-text">\n\t\t\t\t\t\t\t{{this.translations[getCurrentState(i)?.toUpperCase()]}}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t[cdsIcon]="statusIcons[getCurrentState(i)]"\n\t\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--progress__warning\': step.invalid && i !== current\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (step.description) {\n\t\t\t\t\t\t\t\t<title>{{step.description}}</title>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t<div class="cds--progress-text">\n\t\t\t\t\t\t\t<p class="cds--progress-label">{{step.label}}</p>\n\t\t\t\t\t\t\t@if (step.secondaryLabel) {\n\t\t\t\t\t\t\t\t<p class="cds--progress-optional">{{step.secondaryLabel}}</p>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span class="cds--progress-line"></span>\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t</ul>\n\t'})],ProgressIndicator);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs"),icon=__webpack_require__("./src/icon/index.ts");let ProgressIndicatorModule=class ProgressIndicatorModule{};ProgressIndicatorModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[ProgressIndicator],exports:[ProgressIndicator],imports:[common.CommonModule,icon.op,i18n.LP]})],ProgressIndicatorModule)},"./node_modules/css-loader/dist/runtime/api.js":module=>{"use strict";module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/noSourceMaps.js":module=>{"use strict";module.exports=function(i){return i[1]}},"./src/patterns/loading/large-loading.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LargeLoading:()=>LargeLoading,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var tslib__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_loading_large_loading_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDgwcHg7CgkJfQoKCQkucHJvZ3Jlc3MtaW5kaWNhdG9yLXdyYXBwZXIgewoJCQltYXJnaW4tYm90dG9tOiA1MHB4OwoJCX0KCgkJLmRyb3Bkb3duLXdyYXBwZXIgewoJCQl3aWR0aDogNTAlOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_loading_large_loading_stories_ts__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/patterns/loading/large-loading.stories.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDgwcHg7CgkJfQoKCQkucHJvZ3Jlc3MtaW5kaWNhdG9yLXdyYXBwZXIgewoJCQltYXJnaW4tYm90dG9tOiA1MHB4OwoJCX0KCgkJLmRyb3Bkb3duLXdyYXBwZXIgewoJCQl3aWR0aDogNTAlOwoJCX0KCQ%3D%3D!./src/patterns/loading/large-loading.stories.ts"),_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_loading_large_loading_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDgwcHg7CgkJfQoKCQkucHJvZ3Jlc3MtaW5kaWNhdG9yLXdyYXBwZXIgewoJCQltYXJnaW4tYm90dG9tOiA1MHB4OwoJCX0KCgkJLmRyb3Bkb3duLXdyYXBwZXIgewoJCQl3aWR0aDogNTAlOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_loading_large_loading_stories_ts__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_loading_large_loading_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDgwcHg7CgkJfQoKCQkucHJvZ3Jlc3MtaW5kaWNhdG9yLXdyYXBwZXIgewoJCQltYXJnaW4tYm90dG9tOiA1MHB4OwoJCX0KCgkJLmRyb3Bkb3duLXdyYXBwZXIgewoJCQl3aWR0aDogNTAlOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_loading_large_loading_stories_ts__WEBPACK_IMPORTED_MODULE_0__),_angular_core__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_storybook_angular__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_grid__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/grid/index.ts"),_ui_shell__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui-shell/index.ts"),_progress_indicator__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/progress-indicator/index.ts"),_placeholder__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/placeholder/index.ts"),_input__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/input/index.ts"),_dropdown__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/dropdown/index.ts"),_loading__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/loading/index.ts"),_button__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/button/index.ts"),_angular_forms__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs");let SampleLargeLoading=class SampleLargeLoading{constructor(){this.isLoading=!1,this.overlay=!1,this.formGroup=new _angular_forms__WEBPACK_IMPORTED_MODULE_10__.gE({input:new _angular_forms__WEBPACK_IMPORTED_MODULE_10__.MJ("",[_angular_forms__WEBPACK_IMPORTED_MODULE_10__.k0.required]),textArea:new _angular_forms__WEBPACK_IMPORTED_MODULE_10__.MJ("",[_angular_forms__WEBPACK_IMPORTED_MODULE_10__.k0.required]),dropdown:new _angular_forms__WEBPACK_IMPORTED_MODULE_10__.MJ("",[_angular_forms__WEBPACK_IMPORTED_MODULE_10__.k0.required])}),this.steps=[{text:"First step",state:["complete"]},{text:"Second step",state:["complete"],tooltip:{content:"Overflow tooltip content.",trigger:"click",placement:"bottom"}},{text:"Third step",state:["current"],tooltip:{content:"Lorem ipsum dolor, sit amet consectetur adipisicing elit.\n                    Animi consequuntur hic ratione aliquid cupiditate, nesciunt saepe iste\n                    blanditiis cumque maxime tenetur veniam est illo deserunt sint quae pariatur.\n                    Laboriosam, consequatur.",trigger:"click",placement:"bottom"}},{text:"Fourth step",state:["incomplete"]},{text:"Fifth step",state:["incomplete"]}],this.items=[{content:"Option 1"},{content:"Option 2"},{content:"Option 3"},{content:"Option 4"},{content:"Option 5"}]}onSubmit(){if(this.isLoading=!0,this.overlay=!0,setTimeout((()=>{this.isLoading=!1,this.overlay=!1}),2e3),this.formGroup.invalid){[].slice.call(document.getElementsByClassName("ng-invalid"))[1].focus()}}isInvalid(controlName){const control=this.formGroup.get(controlName);return control&&control.invalid&&(control.dirty||control.touched)}};SampleLargeLoading=(0,tslib__WEBPACK_IMPORTED_MODULE_11__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_12__.Component)({selector:"app-sample-large-loading",template:'\n    <div cdsGrid>\n        <div cdsRow class="header">\n            <cds-header name="Patterns">\n                <cds-hamburger></cds-hamburger>\n            </cds-header>\n        </div>\n        <div cdsRow class="progress-indicator-wrapper">\n            <cds-progress-indicator [steps]="steps"></cds-progress-indicator>\n        </div>\n        <div cdsRow class="form">\n            <form [formGroup]="formGroup" (ngSubmit)="onSubmit()">\n                <div class="cds--form-item">\n                    <cds-label\n                        helperText="Optional helper text here; if message is more than one line text should wrap (~100 character count maximum)"\n                        [invalid]="isInvalid(\'input\')"\n                        invalidText="Please enter a response">\n                        Text input label\n                        <input\n                            cdsText\n                            formControlName="input"\n                            placeholder="Optional placeholder text">\n                    </cds-label>\n                </div>\n                <div class="cds--form-item">\n                    <cds-label\n                        helperText="Optional helper text here; if message is more than one line text should wrap (~100 character count maximum)"\n                        [invalid]="isInvalid(\'textArea\')"\n                        invalidText="Please enter a response">\n                        Text input label\n                        <textarea\n                            cdsTextArea\n                            formControlName="textArea"\n                            placeholder="Optional placeholder text">\n                        </textarea>\n                    </cds-label>\n                </div>\n                <div class="cds--form-item">\n                    <div class="dropdown-wrapper">\n                        <cds-dropdown\n                            label="Choose one option"\n                            [invalid]="isInvalid(\'dropdown\')"\n                            invalidText="Please choose an option"\n                            placeholder="Select an option"\n                            formControlName="dropdown">\n                            <cds-dropdown-list [items]="items"></cds-dropdown-list>\n                        </cds-dropdown>\n                    </div>\n                </div>\n                <div class="cds--form-item">\n                    <button\n                        class="form-button"\n                        cdsButton\n                        type="submit">\n                        Show Loading\n                    </button>\n                </div>\n            </form>\n        </div>\n    </div>\n    @if (isLoading) {\n        <cds-loading\n            [isActive]="isLoading"\n            size="normal"\n            [overlay]="overlay">\n        </cds-loading>\n    }\n    ',styles:[_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_loading_large_loading_stories_ts_css_ngResource_home_runner_work_carbon_components_angular_carbon_components_angular_node_modules_ngtools_webpack_src_loaders_inline_resource_js_data_CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDgwcHg7CgkJfQoKCQkucHJvZ3Jlc3MtaW5kaWNhdG9yLXdyYXBwZXIgewoJCQltYXJnaW4tYm90dG9tOiA1MHB4OwoJCX0KCgkJLmRyb3Bkb3duLXdyYXBwZXIgewoJCQl3aWR0aDogNTAlOwoJCX0KCQ_3D_3D_home_runner_work_carbon_components_angular_carbon_components_angular_src_patterns_loading_large_loading_stories_ts__WEBPACK_IMPORTED_MODULE_0___default()]})],SampleLargeLoading);const __WEBPACK_DEFAULT_EXPORT__={title:"Pattern/Loading",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_1__.moduleMetadata)({declarations:[SampleLargeLoading],imports:[_dropdown__WEBPACK_IMPORTED_MODULE_7__.kr,_grid__WEBPACK_IMPORTED_MODULE_2__.pc,_ui_shell__WEBPACK_IMPORTED_MODULE_3__.Vd,_progress_indicator__WEBPACK_IMPORTED_MODULE_4__.b,_placeholder__WEBPACK_IMPORTED_MODULE_5__.UU,_input__WEBPACK_IMPORTED_MODULE_6__.x1,_loading__WEBPACK_IMPORTED_MODULE_8__.H,_angular_forms__WEBPACK_IMPORTED_MODULE_10__.YN,_angular_forms__WEBPACK_IMPORTED_MODULE_10__.X1,_button__WEBPACK_IMPORTED_MODULE_9__.tm]})]},LargeLoading=(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 as an example.\n        --\x3e\n        <app-sample-large-loading></app-sample-large-loading>\n    "})).bind({});LargeLoading.parameters={...LargeLoading.parameters,docs:{...LargeLoading.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 as an example.\n        --\x3e\n        <app-sample-large-loading></app-sample-large-loading>\n    `\n})",...LargeLoading.parameters?.docs?.source}}};const __namedExportsOrder=["LargeLoading"]},"./src/patterns/loading/large-loading.stories.ts.css?ngResource!=!./node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJLmhlYWRlciB7CgkJCW1hcmdpbi1ib3R0b206IDgwcHg7CgkJfQoKCQkucHJvZ3Jlc3MtaW5kaWNhdG9yLXdyYXBwZXIgewoJCQltYXJnaW4tYm90dG9tOiA1MHB4OwoJCX0KCgkJLmRyb3Bkb3duLXdyYXBwZXIgewoJCQl3aWR0aDogNTAlOwoJCX0KCQ%3D%3D!./src/patterns/loading/large-loading.stories.ts":(module,__unused_webpack_exports,__webpack_require__)=>{var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/noSourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"\n\t\t.header {\n\t\t\tmargin-bottom: 80px;\n\t\t}\n\n\t\t.progress-indicator-wrapper {\n\t\t\tmargin-bottom: 50px;\n\t\t}\n\n\t\t.dropdown-wrapper {\n\t\t\twidth: 50%;\n\t\t}\n\t",""]),module.exports=___CSS_LOADER_EXPORT___.toString()}}]);

package/docs/storybook/tiles-expandable-tile-stories.a62c03dc.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[508],{"./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 />"})],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 />\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/tiles/expandable-tile.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Interactive:()=>Interactive,WithLayers:()=>WithLayers,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_layer__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/layer/index.ts"),_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/button/index.ts"),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/tiles/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Tiles/Expandable",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata)({imports:[_button__WEBPACK_IMPORTED_MODULE_2__.tm,_layer__WEBPACK_IMPORTED_MODULE_1__.G,___WEBPACK_IMPORTED_MODULE_3__.mt]})],component:___WEBPACK_IMPORTED_MODULE_3__.BY},Basic=(args=>({props:args,template:'\n        <cds-expandable-tile>\n            <span cdsAboveFold style="height: 200px">Above the fold content here</span>\n            <span cdsBelowFold style="height: 400px">Below the fold content here</span>\n        </cds-expandable-tile>\n    '})).bind({}),Interactive=(args=>({props:args,template:'\n        <cds-expandable-tile [interactive]="true">\n            <span cdsAboveFold style="height: 200px">\n                Above the fold content\n                <button ibmButton>Click me!</button>\n            </span>\n            <span cdsBelowFold style="height: 400px">\n                Below the fold content here\n                <button ibmButton>No me!</button>\n            </span>\n        </cds-expandable-tile>\n    '})).bind({}),WithLayers=(args=>({props:args,template:'\n        <cds-expandable-tile>\n            <span cdsAboveFold style="height: 200px">\n                First Layer, above the fold content here\n            </span>\n            <span cdsBelowFold style="height: 400px">\n                First Layer, below the fold content here\n            </span>\n        </cds-expandable-tile>\n        <div cdsLayer>\n            <cds-expandable-tile>\n                <span cdsAboveFold style="height: 200px">\n                    Second layer, above the fold content here\n                </span>\n                <span cdsBelowFold style="height: 400px">\n                    Second layer, below the fold content here\n                </span>\n            </cds-expandable-tile>\n            <div cdsLayer>\n                <cds-expandable-tile>\n                    <span cdsAboveFold style="height: 200px">\n                        Third layer, above the fold content here\n                    </span>\n                    <span cdsBelowFold style="height: 400px">\n                        Third layer, below the fold content here\n                    </span>\n                </cds-expandable-tile>\n            </div>\n        </div>\n    '})).bind({});WithLayers.parameters={controls:{disable:!0}},Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-expandable-tile>\n            <span cdsAboveFold style="height: 200px">Above the fold content here</span>\n            <span cdsBelowFold style="height: 400px">Below the fold content here</span>\n        </cds-expandable-tile>\n    `\n})',...Basic.parameters?.docs?.source}}},Interactive.parameters={...Interactive.parameters,docs:{...Interactive.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-expandable-tile [interactive]="true">\n            <span cdsAboveFold style="height: 200px">\n                Above the fold content\n                <button ibmButton>Click me!</button>\n            </span>\n            <span cdsBelowFold style="height: 400px">\n                Below the fold content here\n                <button ibmButton>No me!</button>\n            </span>\n        </cds-expandable-tile>\n    `\n})',...Interactive.parameters?.docs?.source}}},WithLayers.parameters={...WithLayers.parameters,docs:{...WithLayers.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-expandable-tile>\n            <span cdsAboveFold style="height: 200px">\n                First Layer, above the fold content here\n            </span>\n            <span cdsBelowFold style="height: 400px">\n                First Layer, below the fold content here\n            </span>\n        </cds-expandable-tile>\n        <div cdsLayer>\n            <cds-expandable-tile>\n                <span cdsAboveFold style="height: 200px">\n                    Second layer, above the fold content here\n                </span>\n                <span cdsBelowFold style="height: 400px">\n                    Second layer, below the fold content here\n                </span>\n            </cds-expandable-tile>\n            <div cdsLayer>\n                <cds-expandable-tile>\n                    <span cdsAboveFold style="height: 200px">\n                        Third layer, above the fold content here\n                    </span>\n                    <span cdsBelowFold style="height: 400px">\n                        Third layer, below the fold content here\n                    </span>\n                </cds-expandable-tile>\n            </div>\n        </div>\n    `\n})',...WithLayers.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","Interactive","WithLayers"]}}]);

package/docs/storybook/toggletip-toggletip-stories.37645232.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 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 />"})],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 />\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/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}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"]}],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]"})],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]"})],LinkIconDirective);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");let LinkModule=class LinkModule{};LinkModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[Link,LinkIconDirective],exports:[Link,LinkIconDirective],imports:[common.CommonModule]})],LinkModule)},"./node_modules/@storybook/angular/dist/client/argsToTemplate.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.argsToTemplate=void 0,exports.argsToTemplate=function argsToTemplate(args,options={}){const includeSet=options.include?new Set(options.include):null,excludeSet=options.exclude?new Set(options.exclude):null;return Object.entries(args).filter((([key])=>void 0!==args[key])).filter((([key])=>includeSet?includeSet.has(key):!excludeSet||!excludeSet.has(key))).map((([key,value])=>"function"==typeof value?`(${key})="${key}($event)"`:`[${key}]="${key}"`)).join(" ")}},"./node_modules/@storybook/angular/dist/client/decorators.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentWrapperDecorator=exports.applicationConfig=exports.moduleMetadata=void 0;const ComputesTemplateFromComponent_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/ComputesTemplateFromComponent.js"),NgComponentAnalyzer_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/utils/NgComponentAnalyzer.js");exports.moduleMetadata=metadata=>storyFn=>{const story=storyFn(),storyMetadata=story.moduleMetadata||{};return metadata=metadata||{},{...story,moduleMetadata:{declarations:[...metadata.declarations||[],...storyMetadata.declarations||[]],entryComponents:[...metadata.entryComponents||[],...storyMetadata.entryComponents||[]],imports:[...metadata.imports||[],...storyMetadata.imports||[]],schemas:[...metadata.schemas||[],...storyMetadata.schemas||[]],providers:[...metadata.providers||[],...storyMetadata.providers||[]]}}},exports.applicationConfig=function applicationConfig(config){return storyFn=>{const story=storyFn(),storyConfig=story.applicationConfig;return{...story,applicationConfig:storyConfig||config?{...config,...storyConfig,providers:[...config?.providers||[],...storyConfig?.providers||[]]}:void 0}}};exports.componentWrapperDecorator=(element,props)=>(storyFn,storyContext)=>{const story=storyFn(),currentProps="function"==typeof props?props(storyContext):props,template=(0,NgComponentAnalyzer_1.isComponent)(element)?(0,ComputesTemplateFromComponent_1.computesTemplateFromComponent)(element,currentProps??{},story.template):element(story.template);return{...story,template,...currentProps||story.props?{props:{...currentProps,...story.props}}:{}}}},"./node_modules/@storybook/angular/dist/client/index.js":function(__unused_webpack_module,exports,__webpack_require__){var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){void 0===k2&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);desc&&!("get"in desc?!m.__esModule:desc.writable||desc.configurable)||(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){void 0===k2&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports){for(var p in m)"default"===p||Object.prototype.hasOwnProperty.call(exports,p)||__createBinding(exports,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.argsToTemplate=exports.applicationConfig=exports.componentWrapperDecorator=exports.moduleMetadata=void 0,__webpack_require__("./node_modules/@storybook/angular/dist/client/globals.js"),__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-api.js"),exports),__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-types.js"),exports);var decorators_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/decorators.js");Object.defineProperty(exports,"moduleMetadata",{enumerable:!0,get:function(){return decorators_1.moduleMetadata}}),Object.defineProperty(exports,"componentWrapperDecorator",{enumerable:!0,get:function(){return decorators_1.componentWrapperDecorator}}),Object.defineProperty(exports,"applicationConfig",{enumerable:!0,get:function(){return decorators_1.applicationConfig}});var argsToTemplate_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/argsToTemplate.js");Object.defineProperty(exports,"argsToTemplate",{enumerable:!0,get:function(){return argsToTemplate_1.argsToTemplate}})},"./node_modules/@storybook/angular/dist/client/public-api.js":function(__unused_webpack_module,exports,__webpack_require__){var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){void 0===k2&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);desc&&!("get"in desc?!m.__esModule:desc.writable||desc.configurable)||(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){void 0===k2&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports){for(var p in m)"default"===p||Object.prototype.hasOwnProperty.call(exports,p)||__createBinding(exports,m,p)},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.raw=exports.forceReRender=exports.configure=exports.storiesOf=void 0;const preview_api_1=__webpack_require__("@storybook/preview-api"),render_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/render.js"),decorateStory_1=__importDefault(__webpack_require__("./node_modules/@storybook/angular/dist/client/decorateStory.js"));__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-types.js"),exports);const api=(0,preview_api_1.start)(render_1.renderToCanvas,{decorateStory:decorateStory_1.default,render:render_1.render});exports.storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:"angular"});exports.configure=(...args)=>api.configure("angular",...args),exports.forceReRender=api.forceReRender,exports.raw=api.clientApi.raw},"./node_modules/@storybook/angular/dist/client/public-types.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0})},"./node_modules/@storybook/angular/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var _client_index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/client/index.js");__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"applicationConfig")&&__webpack_require__.d(__webpack_exports__,{applicationConfig:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.applicationConfig}}),__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"componentWrapperDecorator")&&__webpack_require__.d(__webpack_exports__,{componentWrapperDecorator:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.componentWrapperDecorator}}),__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"moduleMetadata")&&__webpack_require__.d(__webpack_exports__,{moduleMetadata:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata}})},"./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]"})],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]"})],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]"})],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]"})],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]" />\n\t\t<cds-popover-content>\n\t\t\t<ng-content select="[cdsToggletipContent]" />\n\t\t</cds-popover-content>\n\t'})],Toggletip);var common=__webpack_require__("./node_modules/@angular/common/fesm2022/common.mjs");let ToggletipModule=class ToggletipModule{};ToggletipModule=(0,tslib_es6.Cg)([(0,core.NgModule)({declarations:[Toggletip,ToggletipLabel,ToggletipAction,ToggletipButton,ToggletipContent],exports:[Toggletip,ToggletipLabel,ToggletipAction,ToggletipButton,ToggletipContent],imports:[common.CommonModule,popover.k0]})],ToggletipModule);const toggletip_stories={title:"Components/Toggletip",decorators:[(0,dist.moduleMetadata)({imports:[ToggletipModule,src_link.VM,src_button.tm]})],args:{isOpen:!0,align:"bottom",autoAlign:!1},argTypes:{autoAlign:{control:!1},onOpen:{control:"Opened!"},onClose:{control:"Closed!"},isOpenChange:{control:"Is Open Change!"},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"},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}}};const __namedExportsOrder=["Basic","WithAutoAlign"]}}]);