carbon-components-angular/docs/storybook/file-uploader-file-uploader-stories.fa3bd098.iframe.bundle.js

Next generation components

"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[6310],{"./src/file-uploader/file-uploader.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,DragAndDrop:()=>DragAndDrop,NgModel:()=>NgModel,ReactiveForms:()=>ReactiveForms,Skeleton:()=>Skeleton,UploaderWithCustomFile:()=>UploaderWithCustomFile,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _angular_forms__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),_storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/button/index.ts"),_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/index.ts"),_notification__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/notification/index.ts"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/file-uploader/index.ts"),_stories__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/file-uploader/stories/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/File Uploader",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata)({declarations:[_stories__WEBPACK_IMPORTED_MODULE_5__.ZR,_stories__WEBPACK_IMPORTED_MODULE_5__.O5,_stories__WEBPACK_IMPORTED_MODULE_5__.fh,_stories__WEBPACK_IMPORTED_MODULE_5__.sv,_stories__WEBPACK_IMPORTED_MODULE_5__.EY],imports:[_button__WEBPACK_IMPORTED_MODULE_1__.hJ,_stories__WEBPACK_IMPORTED_MODULE_5__.hC,___WEBPACK_IMPORTED_MODULE_4__.pd,_angular_forms__WEBPACK_IMPORTED_MODULE_6__.u5,_icon__WEBPACK_IMPORTED_MODULE_2__.QX,_notification__WEBPACK_IMPORTED_MODULE_3__.PQ,_angular_forms__WEBPACK_IMPORTED_MODULE_6__.UX]})],args:{title:"Account photo",description:"only .jpg and .png files. 500kb max file size.",buttonText:"Add files",disabled:!1,multiple:!0,size:"md",buttonType:"primary",fileItemSize:"lg"},argTypes:{size:{options:["sm","md","lg"],control:"radio"},buttonType:{options:["primary","secondary","tertiary","ghost","danger"],control:"select"},fileItemSize:{options:["sm","md","lg"],control:"radio"}},component:___WEBPACK_IMPORTED_MODULE_4__.bA},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/file-uploader/stories/uploader.component.ts\n        --\x3e\n        <app-file-uploader\n            [title]="title"\n            [description]="description"\n            [buttonText]="buttonText"\n            [buttonType]="buttonType"\n            [accept]="accept"\n            [multiple]="multiple"\n            [size]="size"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-file-uploader>\n    '})).bind({}),UploaderWithCustomFile=(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/file-uploader/stories/uploader-custom-file.component.ts\n        --\x3e\n        <app-file-uploader-with-custom-file\n            [title]="title"\n            [description]="description"\n            [buttonText]="buttonText"\n            [buttonType]="buttonType"\n            [accept]="accept"\n            [multiple]="multiple"\n            [size]="size"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-file-uploader-with-custom-file>\n    '})).bind({});UploaderWithCustomFile.argTypes={size:{control:!1},buttonType:{control:!1}};const DragAndDrop=(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/file-uploader/stories/drag-drop.component.ts\n        --\x3e\n        <app-drop-file-uploader\n            [title]="title"\n            [description]="description"\n            [accept]="accept"\n            [multiple]="multiple"\n            [dropText]="dropText"\n            drop="true"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-drop-file-uploader>\n    '})).bind({});DragAndDrop.args={dropText:"Drag and drop files here or upload",accept:[".png","image/jpeg"]},DragAndDrop.argTypes={size:{control:!1},buttonType:{control:!1}};const NgModel=(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/file-uploader/stories/uploader-form.component.ts\n        --\x3e\n        <app-ngmodel-file-uploader\n            [title]="title"\n            [description]="description"\n            [buttonText]="buttonText"\n            [buttonType]="buttonType"\n            [accept]="accept"\n            [multiple]="multiple"\n            [size]="size"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-ngmodel-file-uploader>\n    '})).bind({});NgModel.storyName="Using NgModel",NgModel.args={accept:[".png",".jpeg"]};const ReactiveForms=(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/file-uploader/stories/uploader-reactive-form.component.ts\n        --\x3e\n        <app-reactive-forms\n            [title]="title"\n            [description]="description"\n            [buttonText]="buttonText"\n            [buttonType]="buttonType"\n            [accept]="accept"\n            [multiple]="multiple"\n            [size]="size"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-reactive-forms>\n    '})).bind({});NgModel.args={accept:[".png",".jpeg"]};const Skeleton=(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/file-uploader/stories/uploader.component.ts\n        --\x3e\n        <app-file-uploader skeleton="true"></app-file-uploader>\n    '})).bind({});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/file-uploader/stories/uploader.component.ts\n        --\x3e\n        <app-file-uploader\n            [title]="title"\n            [description]="description"\n            [buttonText]="buttonText"\n            [buttonType]="buttonType"\n            [accept]="accept"\n            [multiple]="multiple"\n            [size]="size"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-file-uploader>\n    `\n})',...Basic.parameters?.docs?.source}}},UploaderWithCustomFile.parameters={...UploaderWithCustomFile.parameters,docs:{...UploaderWithCustomFile.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/file-uploader/stories/uploader-custom-file.component.ts\n        --\x3e\n        <app-file-uploader-with-custom-file\n            [title]="title"\n            [description]="description"\n            [buttonText]="buttonText"\n            [buttonType]="buttonType"\n            [accept]="accept"\n            [multiple]="multiple"\n            [size]="size"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-file-uploader-with-custom-file>\n    `\n})',...UploaderWithCustomFile.parameters?.docs?.source}}},DragAndDrop.parameters={...DragAndDrop.parameters,docs:{...DragAndDrop.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/file-uploader/stories/drag-drop.component.ts\n        --\x3e\n        <app-drop-file-uploader\n            [title]="title"\n            [description]="description"\n            [accept]="accept"\n            [multiple]="multiple"\n            [dropText]="dropText"\n            drop="true"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-drop-file-uploader>\n    `\n})',...DragAndDrop.parameters?.docs?.source}}},NgModel.parameters={...NgModel.parameters,docs:{...NgModel.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/file-uploader/stories/uploader-form.component.ts\n        --\x3e\n        <app-ngmodel-file-uploader\n            [title]="title"\n            [description]="description"\n            [buttonText]="buttonText"\n            [buttonType]="buttonType"\n            [accept]="accept"\n            [multiple]="multiple"\n            [size]="size"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-ngmodel-file-uploader>\n    `\n})',...NgModel.parameters?.docs?.source}}},ReactiveForms.parameters={...ReactiveForms.parameters,docs:{...ReactiveForms.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/file-uploader/stories/uploader-reactive-form.component.ts\n        --\x3e\n        <app-reactive-forms\n            [title]="title"\n            [description]="description"\n            [buttonText]="buttonText"\n            [buttonType]="buttonType"\n            [accept]="accept"\n            [multiple]="multiple"\n            [size]="size"\n            [fileItemSize]="fileItemSize"\n            [disabled]="disabled">\n        </app-reactive-forms>\n    `\n})',...ReactiveForms.parameters?.docs?.source}}},Skeleton.parameters={...Skeleton.parameters,docs:{...Skeleton.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/file-uploader/stories/uploader.component.ts\n        --\x3e\n        <app-file-uploader skeleton="true"></app-file-uploader>\n    `\n})',...Skeleton.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","UploaderWithCustomFile","DragAndDrop","NgModel","ReactiveForms","Skeleton"]}}]);