carbon-components-angular/docs/storybook/input-password-stories.82ec8b0f.iframe.bundle.js

Next generation components

"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[3046],{"./src/input/password.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Skeleton:()=>Skeleton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/input/index.ts"),_angular_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Input/Password",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata)({imports:[___WEBPACK_IMPORTED_MODULE_1__.gP,_angular_forms__WEBPACK_IMPORTED_MODULE_2__.u5]})],component:___WEBPACK_IMPORTED_MODULE_1__.R$},Basic=(args=>({props:args,template:'\n        <cds-password-label\n            [helperText]="helperText"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [disabled]="disabled"\n            [warnText]="warnText">\n            {{ label }}\n            <input\n                cdsPassword\n                type="password"\n                [size]="size"\n                [invalid]="invalid"\n                [warn]="warn"\n                [disabled]="disabled"\n                [theme]="theme"\n                [placeholder]="placeholder"\n                [autocomplete]="autocomplete">\n        </cds-password-label>\n    '})).bind({});Basic.args={disabled:!1,invalid:!1,invalidText:"Invalid entry",warn:!1,warnText:"This is a warning!",label:"Text input label",helperText:"Optional helper text",placeholder:"Placeholder",autocomplete:"on",theme:"dark",size:"md"},Basic.argTypes={autocomplete:{options:["on","off"],control:"radio"},theme:{options:["light","dark"],control:"radio"},size:{options:["sm","md","lg"],control:"select"}};const Skeleton=(args=>({props:args,template:'\n        <cds-password-label skeleton="true">\n            <input cdsPassword [skeleton]="true">\n        </cds-password-label>\n    '})).bind({});Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-password-label\n            [helperText]="helperText"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [disabled]="disabled"\n            [warnText]="warnText">\n            {{ label }}\n            <input\n                cdsPassword\n                type="password"\n                [size]="size"\n                [invalid]="invalid"\n                [warn]="warn"\n                [disabled]="disabled"\n                [theme]="theme"\n                [placeholder]="placeholder"\n                [autocomplete]="autocomplete">\n        </cds-password-label>\n    `\n})',...Basic.parameters?.docs?.source}}},Skeleton.parameters={...Skeleton.parameters,docs:{...Skeleton.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-password-label skeleton="true">\n            <input cdsPassword [skeleton]="true">\n        </cds-password-label>\n    `\n})',...Skeleton.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","Skeleton"]}}]);