carbon-components-angular/docs/storybook/pagination-pagination-stories.05ab4dd7.iframe.bundle.js

Next generation components

"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[799],{"./src/experimental/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{OV:()=>ExperimentalModule,tM:()=>ExperimentalService});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ExperimentalService=class ExperimentalService{constructor(){this.experiments=new Map}addExperiment(name,options={enabled:!1}){this.experiments.has(name)||this.experiments.set(name,options)}enableExperiment(name){this.getExperiment(name).enabled=!0}disableExperiment(name){this.getExperiment(name).enabled=!1}getExperiment(name){return this.experiments.has(name)?this.experiments.get(name):(this.addExperiment(name),this.getExperiment(name))}getExperiments(){return Array.from(this.experiments.entries())}};ExperimentalService=(0,tslib_es6.gn)([(0,core.Injectable)()],ExperimentalService);const EXPERIMENTAL_SERVICE_PROVIDER={provide:ExperimentalService,deps:[[new core.Optional,new core.SkipSelf,ExperimentalService]],useFactory:function EXPERIMENTAL_SERVICE_PROVIDER_FACTORY(parentService){return parentService||new ExperimentalService}};let ExperimentalModule=class ExperimentalModule{};ExperimentalModule=(0,tslib_es6.gn)([(0,core.NgModule)({providers:[ExperimentalService,EXPERIMENTAL_SERVICE_PROVIDER]})],ExperimentalModule)},"./src/pagination/pagination.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>pagination_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),pagination=__webpack_require__("./src/pagination/index.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let PaginationStory=class PaginationStory{constructor(){this.model=new pagination.wi,this.skeleton=!1,this.disabled=!1,this.pageInputDisabled=!1,this.pagesUnknown=!1,this.showPageInput=!0}get totalDataLength(){return this.model.totalDataLength}set totalDataLength(value){this.model.totalDataLength=value}ngOnInit(){this.model.pageLength=10,this.model.currentPage=1}selectPage(page){console.log("Loading page",page,"from pagination model"),this.model.currentPage=page}};PaginationStory.propDecorators={model:[{type:core.Input}],skeleton:[{type:core.Input}],disabled:[{type:core.Input}],pageInputDisabled:[{type:core.Input}],pagesUnknown:[{type:core.Input}],showPageInput:[{type:core.Input}],totalDataLength:[{type:core.Input}]},PaginationStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-pagination",template:'\n\t\t<cds-pagination\n\t\t\t[model]="model"\n\t\t\t[disabled]="disabled"\n\t\t\t[pageInputDisabled]="pageInputDisabled"\n\t\t\t[pagesUnknown]="pagesUnknown"\n\t\t\t[showPageInput]="showPageInput"\n\t\t\t[skeleton]="skeleton"\n\t\t\t(selectPage)="selectPage($event)">\n\t\t</cds-pagination>\n\t'})],PaginationStory);const pagination_stories={title:"Components/Pagination",decorators:[(0,dist.moduleMetadata)({imports:[pagination.u3],declarations:[PaginationStory]})],component:pagination.tl},Basic=(args=>({props:args,template:'\n        \x3c!--\n        app-* components are for demo purposes only.\n        You can create your own implementation by using the component source found at:\n        https://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n        --\x3e\n        <app-pagination\n            [disabled]="disabled"\n            [pageInputDisabled]="pageInputDisabled"\n            [pagesUnknown]="pagesUnknown"\n            [totalDataLength]="totalDataLength"\n            [showPageInput]="showPageInput"\n            [skeleton]="skeleton">\n        </app-pagination>\n    '})).bind({});Basic.args={disabled:!1,pageInputDisabled:!1,pageUnknown:!1,totalDataLength:105,showPageInput:!0,skeleton:!1},Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        \x3c!--\n        app-* components are for demo purposes only.\n        You can create your own implementation by using the component source found at:\n        https://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n        --\x3e\n        <app-pagination\n            [disabled]="disabled"\n            [pageInputDisabled]="pageInputDisabled"\n            [pagesUnknown]="pagesUnknown"\n            [totalDataLength]="totalDataLength"\n            [showPageInput]="showPageInput"\n            [skeleton]="skeleton">\n        </app-pagination>\n    `\n})',...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]}}]);