carbon-components-angular/docs/storybook/list-list-stories.e906cf67.iframe.bundle.js

Next generation components

"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[210],{"./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/list/list.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Nesting:()=>Nesting,__namedExportsOrder:()=>__namedExportsOrder,default:()=>list_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ListItemDirective=class ListItemDirective{constructor(){this.wrapper=!0}};ListItemDirective.propDecorators={wrapper:[{type:core.HostBinding,args:["class.cds--list__item"]}]},ListItemDirective=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cdsListItem], [ibmListItem]"})],ListItemDirective);let List=class List{constructor(elementRef){this.elementRef=elementRef}get ordered(){return!this.nested&&"OL"===this.elementRef.nativeElement.tagName}get unordered(){return!this.nested&&"UL"===this.elementRef.nativeElement.tagName}get nested(){return!(!this.elementRef.nativeElement.parentElement||"LI"!==this.elementRef.nativeElement.parentElement.tagName)}};List.ctorParameters=()=>[{type:core.ElementRef}],List.propDecorators={ordered:[{type:core.HostBinding,args:["class.cds--list--ordered"]}],unordered:[{type:core.HostBinding,args:["class.cds--list--unordered"]}],nested:[{type:core.HostBinding,args:["class.cds--list--nested"]}]},List=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cdsList], [ibmList]"})],List);var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs");let ListModule=class ListModule{};ListModule=(0,tslib_es6.gn)([(0,core.NgModule)({declarations:[ListItemDirective,List],exports:[ListItemDirective,List],imports:[common.CommonModule]})],ListModule);const list_stories={title:"Components/List",decorators:[(0,dist.moduleMetadata)({imports:[ListModule]})],parameters:{layout:"centered"},component:List},Basic=(args=>({props:args,template:"\n        <p>Ordered List</p>\n        <ol cdsList>\n            <li cdsListItem>One</li>\n            <li cdsListItem>Two</li>\n            <li cdsListItem>Three</li>\n        </ol>\n        <p>Unordered List</p>\n        <ul cdsList>\n            <li cdsListItem>One</li>\n            <li cdsListItem>Two</li>\n            <li cdsListItem>Three</li>\n        </ul>\n    "})).bind({}),Nesting=(args=>({props:args,template:"\n        <p>Ordered List</p>\n        <ol cdsList>\n            <li cdsListItem>\n                One\n                <ol cdsList>\n                    <li cdsListItem>Nested one</li>\n                    <li cdsListItem>Nested two</li>\n                    <li cdsListItem>Nested three</li>\n                </ol>\n            </li>\n            <li cdsListItem>Two</li>\n            <li cdsListItem>Three</li>\n        </ol>\n        <p>Unordered List</p>\n        <ul cdsList>\n            <li cdsListItem>\n                One\n                <ul cdsList>\n                    <li cdsListItem>Nested one</li>\n                    <li cdsListItem>Nested two</li>\n                    <li cdsListItem>Nested three</li>\n                </ul>\n            </li>\n            <li cdsListItem>Two</li>\n            <li cdsListItem>Three</li>\n        </ul>\n    "})).bind({});Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"args => ({\n  props: args,\n  template: `\n        <p>Ordered List</p>\n        <ol cdsList>\n            <li cdsListItem>One</li>\n            <li cdsListItem>Two</li>\n            <li cdsListItem>Three</li>\n        </ol>\n        <p>Unordered List</p>\n        <ul cdsList>\n            <li cdsListItem>One</li>\n            <li cdsListItem>Two</li>\n            <li cdsListItem>Three</li>\n        </ul>\n    `\n})",...Basic.parameters?.docs?.source}}},Nesting.parameters={...Nesting.parameters,docs:{...Nesting.parameters?.docs,source:{originalSource:"args => ({\n  props: args,\n  template: `\n        <p>Ordered List</p>\n        <ol cdsList>\n            <li cdsListItem>\n                One\n                <ol cdsList>\n                    <li cdsListItem>Nested one</li>\n                    <li cdsListItem>Nested two</li>\n                    <li cdsListItem>Nested three</li>\n                </ol>\n            </li>\n            <li cdsListItem>Two</li>\n            <li cdsListItem>Three</li>\n        </ol>\n        <p>Unordered List</p>\n        <ul cdsList>\n            <li cdsListItem>\n                One\n                <ul cdsList>\n                    <li cdsListItem>Nested one</li>\n                    <li cdsListItem>Nested two</li>\n                    <li cdsListItem>Nested three</li>\n                </ul>\n            </li>\n            <li cdsListItem>Two</li>\n            <li cdsListItem>Three</li>\n        </ul>\n    `\n})",...Nesting.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","Nesting"]}}]);