carbon-components-angular 5.60.0 → 5.61.0

package/docs/documentation.json

@@ -32307,7 +32307,7 @@
         },
         {
             "name": "FileComponent",
-            "id": "component-FileComponent-98d2d2905e5064dca3650e1cf863203986cc01d0988be17bd8eb2a88affdb4350e6c25dff8b12833d3ee534057028fd5a8fb09ecfe35b5687e60fab00e0c8b69",
+            "id": "component-FileComponent-440115d0b6a1699c9f9ba3afba9480f35137ac947fc32748424cfe59df7a65bb98ffb9040c93924b474f4baeb50d2d3ec7e350407e2c17583347548f24dfcac6",
             "file": "src/file-uploader/file.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -32317,7 +32317,7 @@
             "selector": "cds-file, ibm-file",
             "styleUrls": [],
             "styles": [],
-            "template": "<p class=\"cds--file-filename\" [title]=\"fileItem.file.name\">\n\t<ng-template\n\t\t*ngIf=\"isTemplate(nameTpl); else defaultName\"\n\t\t[ngTemplateOutlet]=\"nameTpl\"\n\t\t[ngTemplateOutletContext]=\"{ $implicit: fileItem }\">\n\t</ng-template>\n\t<ng-template #defaultName>{{ fileItem.file.name }}</ng-template>\n</p>\n<span *ngIf=\"fileItem.state === 'edit'\" class=\"cds--file__state-container\">\n\t<svg\n\t\t*ngIf=\"isInvalidText\"\n\t\tcdsIcon=\"warning--filled\"\n\t\tclass=\"cds--file--invalid\"\n\t\tsize=\"16\">\n\t</svg>\n\t<ng-template\n\t\t*ngIf=\"isTemplate(actionsTpl); else defaultActions\"\n\t\t[ngTemplateOutlet]=\"actionsTpl\">\n\t</ng-template>\n\t<ng-template #defaultActions>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tcdsButton=\"ghost\"\n\t\t\ticonOnly=\"true\"\n\t\t\t[size]=\"size\"\n\t\t\t[attr.aria-label]=\"translations.REMOVE_BUTTON\"\n\t\t\t(click)=\"remove.emit()\"\n\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t(keyup.space)=\"remove.emit()\">\n\t\t\t<svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n\t\t</button>\n\t</ng-template>\n</span>\n<span *ngIf=\"fileItem.state === 'upload'\">\n\t<div class=\"cds--inline-loading__animation\">\n\t\t<cds-loading size=\"sm\"></cds-loading>\n\t</div>\n</span>\n<span\n\t*ngIf=\"fileItem.state === 'complete'\"\n\tclass=\"cds--file__state-container\">\n\t<svg\n\t\tcdsIcon=\"checkmark--filled\"\n\t\tsize=\"16\"\n\t\tclass=\"cds--file-complete\"\n\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t</svg>\n</span>\n<div\n\tclass=\"cds--form-requirement\"\n\trole=\"alert\"\n\t*ngIf=\"fileItem.invalid\">\n\t<div class=\"cds--form-requirement__title\">\n\t\t{{ fileItem.invalidTitle }}\n\t</div>\n\t<p class=\"cds--form-requirement__supplement\">\n\t\t{{ fileItem.invalidText }}\n\t</p>\n</div>\n\t",
+            "template": "<p class=\"cds--file-filename\" [title]=\"fileItem.file.name\">\n\t<ng-template\n\t\t*ngIf=\"isTemplate(nameTpl); else defaultName\"\n\t\t[ngTemplateOutlet]=\"nameTpl\"\n\t\t[ngTemplateOutletContext]=\"{ $implicit: fileItem }\">\n\t</ng-template>\n\t<ng-template #defaultName>{{ fileItem.file.name }}</ng-template>\n</p>\n<span *ngIf=\"fileItem.state === 'edit'\" class=\"cds--file__state-container\">\n\t<svg\n\t\t*ngIf=\"isInvalidText\"\n\t\tcdsIcon=\"warning--filled\"\n\t\tclass=\"cds--file--invalid\"\n\t\tsize=\"16\">\n\t</svg>\n\t<ng-template\n\t\t*ngIf=\"isTemplate(actionsTpl); else defaultActions\"\n\t\t[ngTemplateOutlet]=\"actionsTpl\"\n\t\t[ngTemplateOutletContext]=\"{ $implicit: fileItem }\">\n\t</ng-template>\n\t<ng-template #defaultActions>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tcdsButton=\"ghost\"\n\t\t\ticonOnly=\"true\"\n\t\t\t[size]=\"size\"\n\t\t\t[attr.aria-label]=\"translations.REMOVE_BUTTON\"\n\t\t\t(click)=\"remove.emit()\"\n\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t(keyup.space)=\"remove.emit()\">\n\t\t\t<svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n\t\t</button>\n\t</ng-template>\n</span>\n<span *ngIf=\"fileItem.state === 'upload'\">\n\t<div class=\"cds--inline-loading__animation\">\n\t\t<cds-loading size=\"sm\"></cds-loading>\n\t</div>\n</span>\n<span\n\t*ngIf=\"fileItem.state === 'complete'\"\n\tclass=\"cds--file__state-container\">\n\t<svg\n\t\tcdsIcon=\"checkmark--filled\"\n\t\tsize=\"16\"\n\t\tclass=\"cds--file-complete\"\n\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t</svg>\n</span>\n<div\n\tclass=\"cds--form-requirement\"\n\trole=\"alert\"\n\t*ngIf=\"fileItem.invalid\">\n\t<div class=\"cds--form-requirement__title\">\n\t\t{{ fileItem.invalidTitle }}\n\t</div>\n\t<p class=\"cds--form-requirement__supplement\">\n\t\t{{ fileItem.invalidText }}\n\t</p>\n</div>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -32328,7 +32328,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nA custom template for the available file actions\n",
                     "description": "<p>A custom template for the available file actions</p>\n",
-                    "line": 98,
+                    "line": 99,
                     "type": "TemplateRef<>",
                     "decorators": []
                 },
@@ -32338,7 +32338,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nA single `FileItem` from the set of `FileItem`s\n",
                     "description": "<p>A single <code>FileItem</code> from the set of <code>FileItem</code>s</p>\n",
-                    "line": 86,
+                    "line": 87,
                     "type": "FileItem",
                     "decorators": []
                 },
@@ -32348,7 +32348,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nA custom template for the file name\n",
                     "description": "<p>A custom template for the file name</p>\n",
-                    "line": 93,
+                    "line": 94,
                     "type": "TemplateRef<>",
                     "decorators": []
                 },
@@ -32357,7 +32357,7 @@
                     "defaultValue": "\"lg\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 88,
+                    "line": 89,
                     "type": "\"sm\" | \"md\" | \"lg\"",
                     "decorators": []
                 },
@@ -32368,7 +32368,7 @@
                     "deprecationMessage": "",
                     "rawdescription": "\n\nAccessible translations for the close and complete icons\n",
                     "description": "<p>Accessible translations for the close and complete icons</p>\n",
-                    "line": 82,
+                    "line": 83,
                     "type": "any",
                     "decorators": []
                 }
@@ -32379,7 +32379,7 @@
                     "defaultValue": "new EventEmitter()",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 100,
+                    "line": 101,
                     "type": "EventEmitter"
                 }
             ],
@@ -32392,7 +32392,7 @@
                     "type": "",
                     "optional": false,
                     "description": "",
-                    "line": 102,
+                    "line": 103,
                     "decorators": [
                         {
                             "name": "HostBinding",
@@ -32418,7 +32418,7 @@
                     "optional": false,
                     "returnType": "boolean",
                     "typeParameters": [],
-                    "line": 122,
+                    "line": 123,
                     "deprecated": false,
                     "deprecationMessage": "",
                     "modifierKind": [
@@ -32445,7 +32445,7 @@
                     "defaultValue": "true",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 102,
+                    "line": 103,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -32453,7 +32453,7 @@
                     "name": "class.cds--file__selected-file--invalid",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 104,
+                    "line": 105,
                     "type": "any",
                     "decorators": []
                 },
@@ -32461,7 +32461,7 @@
                     "name": "class.cds--file__selected-file--lg",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 116,
+                    "line": 117,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -32469,7 +32469,7 @@
                     "name": "class.cds--file__selected-file--md",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 112,
+                    "line": 113,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -32477,7 +32477,7 @@
                     "name": "class.cds--file__selected-file--sm",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 108,
+                    "line": 109,
                     "type": "boolean",
                     "decorators": []
                 }
@@ -32488,7 +32488,7 @@
             "description": "",
             "rawdescription": "\n",
             "type": "component",
-            "sourceCode": "import {\n\tComponent,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tOnDestroy,\n\tOutput,\n\tTemplateRef\n} from \"@angular/core\";\n\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { FileItem } from \"./file-item.interface\";\n\n@Component({\n\tselector: \"cds-file, ibm-file\",\n\ttemplate: `\n\t\t<p class=\"cds--file-filename\" [title]=\"fileItem.file.name\">\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(nameTpl); else defaultName\"\n\t\t\t\t[ngTemplateOutlet]=\"nameTpl\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: fileItem }\">\n\t\t\t</ng-template>\n\t\t\t<ng-template #defaultName>{{ fileItem.file.name }}</ng-template>\n\t\t</p>\n\t\t<span *ngIf=\"fileItem.state === 'edit'\" class=\"cds--file__state-container\">\n\t\t\t<svg\n\t\t\t\t*ngIf=\"isInvalidText\"\n\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\tclass=\"cds--file--invalid\"\n\t\t\t\tsize=\"16\">\n\t\t\t</svg>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(actionsTpl); else defaultActions\"\n\t\t\t\t[ngTemplateOutlet]=\"actionsTpl\">\n\t\t\t</ng-template>\n\t\t\t<ng-template #defaultActions>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tcdsButton=\"ghost\"\n\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t[size]=\"size\"\n\t\t\t\t\t[attr.aria-label]=\"translations.REMOVE_BUTTON\"\n\t\t\t\t\t(click)=\"remove.emit()\"\n\t\t\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t\t\t(keyup.space)=\"remove.emit()\">\n\t\t\t\t\t<svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\t\t</span>\n\t\t<span *ngIf=\"fileItem.state === 'upload'\">\n\t\t\t<div class=\"cds--inline-loading__animation\">\n\t\t\t\t<cds-loading size=\"sm\"></cds-loading>\n\t\t\t</div>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'complete'\"\n\t\t\tclass=\"cds--file__state-container\">\n\t\t\t<svg\n\t\t\t\tcdsIcon=\"checkmark--filled\"\n\t\t\t\tsize=\"16\"\n\t\t\t\tclass=\"cds--file-complete\"\n\t\t\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t\t\t</svg>\n\t\t</span>\n\t\t<div\n\t\t\tclass=\"cds--form-requirement\"\n\t\t\trole=\"alert\"\n\t\t\t*ngIf=\"fileItem.invalid\">\n\t\t\t<div class=\"cds--form-requirement__title\">\n\t\t\t\t{{ fileItem.invalidTitle }}\n\t\t\t</div>\n\t\t\t<p class=\"cds--form-requirement__supplement\">\n\t\t\t\t{{ fileItem.invalidText }}\n\t\t\t</p>\n\t\t</div>\n\t`\n})\nexport class FileComponent implements OnDestroy {\n\t/**\n\t * Accessible translations for the close and complete icons\n\t */\n\t@Input() translations = this.i18n.get().FILE_UPLOADER;\n\t/**\n\t * A single `FileItem` from the set of `FileItem`s\n\t */\n\t@Input() fileItem: FileItem;\n\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"lg\";\n\n\t/**\n\t * A custom template for the file name\n\t */\n\t@Input() nameTpl: TemplateRef<unknown>;\n\n\t/**\n\t * A custom template for the available file actions\n\t */\n\t@Input() actionsTpl: TemplateRef<unknown>;\n\n\t@Output() remove = new EventEmitter();\n\n\t@HostBinding(\"class.cds--file__selected-file\") selectedFile = true;\n\n\t@HostBinding(\"class.cds--file__selected-file--invalid\") get isInvalidText() {\n\t\treturn this.fileItem.invalidText;\n\t}\n\n\t@HostBinding(\"class.cds--file__selected-file--sm\") get fileSizeSmall() {\n\t\treturn this.size === \"sm\";\n\t}\n\n\t@HostBinding(\"class.cds--file__selected-file--md\") get fileSizeMedium() {\n\t\treturn this.size === \"md\";\n\t}\n\n\t@HostBinding(\"class.cds--file__selected-file--lg\") get fileSizeLarge() {\n\t\treturn this.size === \"lg\";\n\t}\n\n\tconstructor(protected i18n: I18n) {}\n\n\tpublic isTemplate(value: unknown): boolean {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\tngOnDestroy() {\n\t\tthis.remove.emit();\n\t}\n}\n",
+            "sourceCode": "import {\n\tComponent,\n\tEventEmitter,\n\tHostBinding,\n\tInput,\n\tOnDestroy,\n\tOutput,\n\tTemplateRef\n} from \"@angular/core\";\n\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { FileItem } from \"./file-item.interface\";\n\n@Component({\n\tselector: \"cds-file, ibm-file\",\n\ttemplate: `\n\t\t<p class=\"cds--file-filename\" [title]=\"fileItem.file.name\">\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(nameTpl); else defaultName\"\n\t\t\t\t[ngTemplateOutlet]=\"nameTpl\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: fileItem }\">\n\t\t\t</ng-template>\n\t\t\t<ng-template #defaultName>{{ fileItem.file.name }}</ng-template>\n\t\t</p>\n\t\t<span *ngIf=\"fileItem.state === 'edit'\" class=\"cds--file__state-container\">\n\t\t\t<svg\n\t\t\t\t*ngIf=\"isInvalidText\"\n\t\t\t\tcdsIcon=\"warning--filled\"\n\t\t\t\tclass=\"cds--file--invalid\"\n\t\t\t\tsize=\"16\">\n\t\t\t</svg>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"isTemplate(actionsTpl); else defaultActions\"\n\t\t\t\t[ngTemplateOutlet]=\"actionsTpl\"\n\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: fileItem }\">\n\t\t\t</ng-template>\n\t\t\t<ng-template #defaultActions>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tcdsButton=\"ghost\"\n\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t[size]=\"size\"\n\t\t\t\t\t[attr.aria-label]=\"translations.REMOVE_BUTTON\"\n\t\t\t\t\t(click)=\"remove.emit()\"\n\t\t\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t\t\t(keyup.space)=\"remove.emit()\">\n\t\t\t\t\t<svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\t\t</span>\n\t\t<span *ngIf=\"fileItem.state === 'upload'\">\n\t\t\t<div class=\"cds--inline-loading__animation\">\n\t\t\t\t<cds-loading size=\"sm\"></cds-loading>\n\t\t\t</div>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'complete'\"\n\t\t\tclass=\"cds--file__state-container\">\n\t\t\t<svg\n\t\t\t\tcdsIcon=\"checkmark--filled\"\n\t\t\t\tsize=\"16\"\n\t\t\t\tclass=\"cds--file-complete\"\n\t\t\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t\t\t</svg>\n\t\t</span>\n\t\t<div\n\t\t\tclass=\"cds--form-requirement\"\n\t\t\trole=\"alert\"\n\t\t\t*ngIf=\"fileItem.invalid\">\n\t\t\t<div class=\"cds--form-requirement__title\">\n\t\t\t\t{{ fileItem.invalidTitle }}\n\t\t\t</div>\n\t\t\t<p class=\"cds--form-requirement__supplement\">\n\t\t\t\t{{ fileItem.invalidText }}\n\t\t\t</p>\n\t\t</div>\n\t`\n})\nexport class FileComponent implements OnDestroy {\n\t/**\n\t * Accessible translations for the close and complete icons\n\t */\n\t@Input() translations = this.i18n.get().FILE_UPLOADER;\n\t/**\n\t * A single `FileItem` from the set of `FileItem`s\n\t */\n\t@Input() fileItem: FileItem;\n\n\t@Input() size: \"sm\" | \"md\" | \"lg\" = \"lg\";\n\n\t/**\n\t * A custom template for the file name\n\t */\n\t@Input() nameTpl: TemplateRef<unknown>;\n\n\t/**\n\t * A custom template for the available file actions\n\t */\n\t@Input() actionsTpl: TemplateRef<unknown>;\n\n\t@Output() remove = new EventEmitter();\n\n\t@HostBinding(\"class.cds--file__selected-file\") selectedFile = true;\n\n\t@HostBinding(\"class.cds--file__selected-file--invalid\") get isInvalidText() {\n\t\treturn this.fileItem.invalidText;\n\t}\n\n\t@HostBinding(\"class.cds--file__selected-file--sm\") get fileSizeSmall() {\n\t\treturn this.size === \"sm\";\n\t}\n\n\t@HostBinding(\"class.cds--file__selected-file--md\") get fileSizeMedium() {\n\t\treturn this.size === \"md\";\n\t}\n\n\t@HostBinding(\"class.cds--file__selected-file--lg\") get fileSizeLarge() {\n\t\treturn this.size === \"lg\";\n\t}\n\n\tconstructor(protected i18n: I18n) {}\n\n\tpublic isTemplate(value: unknown): boolean {\n\t\treturn value instanceof TemplateRef;\n\t}\n\n\tngOnDestroy() {\n\t\tthis.remove.emit();\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -32505,7 +32505,7 @@
                         "deprecationMessage": ""
                     }
                 ],
-                "line": 118,
+                "line": 119,
                 "jsdoctags": [
                     {
                         "name": "i18n",
@@ -32529,7 +32529,7 @@
                         "name": "isInvalidText",
                         "type": "",
                         "returnType": "",
-                        "line": 104
+                        "line": 105
                     }
                 },
                 "fileSizeSmall": {
@@ -32538,7 +32538,7 @@
                         "name": "fileSizeSmall",
                         "type": "",
                         "returnType": "",
-                        "line": 108
+                        "line": 109
                     }
                 },
                 "fileSizeMedium": {
@@ -32547,7 +32547,7 @@
                         "name": "fileSizeMedium",
                         "type": "",
                         "returnType": "",
-                        "line": 112
+                        "line": 113
                     }
                 },
                 "fileSizeLarge": {
@@ -32556,7 +32556,7 @@
                         "name": "fileSizeLarge",
                         "type": "",
                         "returnType": "",
-                        "line": 116
+                        "line": 117
                     }
                 }
             }
@@ -33377,7 +33377,7 @@
         },
         {
             "name": "FileUploaderWithCustomFileStory",
-            "id": "component-FileUploaderWithCustomFileStory-1fa4b8c6e0e98dcc543f4986430b04b5a50cc6874b999d586f9da615e70b80754f49907c842dc7e41227d80e526d070f647fe88dd40563dd714249062154805d",
+            "id": "component-FileUploaderWithCustomFileStory-0847324b80e43514c99f8d3049887fd5a8bab42e124aa234f95fb03e851093db1cfe78bce857276e36f3abc13f15e0f9488b20345b9ba859884e165ab9389f39",
             "file": "src/file-uploader/stories/uploader-custom-file.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -33387,7 +33387,7 @@
             "selector": "app-file-uploader-with-custom-file",
             "styleUrls": [],
             "styles": [],
-            "template": "<cds-file-uploader\n\t[title]=\"title\"\n\t[description]=\"description\"\n\t[buttonText]=\"buttonText\"\n\t[buttonType]=\"buttonType\"\n\t[accept]=\"accept\"\n\t[multiple]=\"multiple\"\n\t[skeleton]=\"skeleton\"\n\t[(files)]=\"files\"\n\t[size]=\"size\"\n\t[fileItemSize]=\"fileItemSize\"\n\t[disabled]=\"disabled\"\n\t[fileNameTpl]=\"nameTpl\"\n\t[fileActionsTpl]=\"actionsTpl\">\n</cds-file-uploader>\n<button\n\tcdsButton\n\t*ngIf=\"files && files.size > 0\"\n\t(click)=\"onUpload()\"\n\tstyle=\"margin-top:20px\">\n\tUpload\n</button>\n\n<ng-template #nameTpl let-fileItem>\n\t<a href=\"#\" cdsLink>{{ fileItem.file.name }}</a>\n</ng-template>\n\n<ng-template #actionsTpl>\n\t<button\n\t\tibmButton=\"ghost\"\n\t\ticonOnly=\"true\"\n\t\taria-label=\"View\"\n\t\t[size]=\"fileItemSize\">\n\t\t<svg ibmIcon=\"view\" size=\"16\"></svg>\n\t</button>\n\t<button\n\t\tibmButton=\"ghost\"\n\t\ticonOnly=\"true\"\n\t\taria-label=\"Download\"\n\t\t[size]=\"fileItemSize\">\n\t\t<svg ibmIcon=\"download\" size=\"16\"></svg>\n\t</button>\n</ng-template>\n\t",
+            "template": "<p *ngIf=\"lastViewedFile\">Last viewed file: {{ lastViewedFile | json }}</p>\n<p *ngIf=\"lastDownloadedFile\">Last downloaded file: {{ lastDownloadedFile | json }}</p>\n<cds-file-uploader\n\t[title]=\"title\"\n\t[description]=\"description\"\n\t[buttonText]=\"buttonText\"\n\t[buttonType]=\"buttonType\"\n\t[accept]=\"accept\"\n\t[multiple]=\"multiple\"\n\t[skeleton]=\"skeleton\"\n\t[(files)]=\"files\"\n\t[size]=\"size\"\n\t[fileItemSize]=\"fileItemSize\"\n\t[disabled]=\"disabled\"\n\t[fileNameTpl]=\"nameTpl\"\n\t[fileActionsTpl]=\"actionsTpl\">\n</cds-file-uploader>\n<button\n\tcdsButton\n\t*ngIf=\"files && files.size > 0\"\n\t(click)=\"onUpload()\"\n\tstyle=\"margin-top:20px\">\n\tUpload\n</button>\n\n<ng-template #nameTpl let-fileItem>\n\t<a href=\"#\" cdsLink>{{ fileItem.file.name }}</a>\n</ng-template>\n\n<ng-template #actionsTpl let-fileItem>\n\t<button\n\t\tibmButton=\"ghost\"\n\t\ticonOnly=\"true\"\n\t\taria-label=\"View\"\n\t\t[size]=\"fileItemSize\"\n\t\t(click)=\"onViewClick(fileItem)\">\n\t\t<svg ibmIcon=\"view\" size=\"16\"></svg>\n\t</button>\n\t<button\n\t\tibmButton=\"ghost\"\n\t\ticonOnly=\"true\"\n\t\taria-label=\"Download\"\n\t\t[size]=\"fileItemSize\"\n\t\t(click)=\"onDownloadClick(fileItem)\">\n\t\t<svg ibmIcon=\"download\" size=\"16\"></svg>\n\t</button>\n</ng-template>\n\t",
             "templateUrl": [],
             "viewProviders": [],
             "hostDirectives": [],
@@ -33397,7 +33397,7 @@
                     "defaultValue": "[\".jpg\", \".png\"]",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 59,
+                    "line": 66,
                     "type": "{}",
                     "decorators": []
                 },
@@ -33405,7 +33405,7 @@
                     "name": "buttonText",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 57,
+                    "line": 64,
                     "type": "any",
                     "decorators": []
                 },
@@ -33414,7 +33414,7 @@
                     "defaultValue": "\"primary\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 58,
+                    "line": 65,
                     "type": "string",
                     "decorators": []
                 },
@@ -33422,7 +33422,7 @@
                     "name": "description",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 56,
+                    "line": 63,
                     "type": "any",
                     "decorators": []
                 },
@@ -33431,7 +33431,7 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 63,
+                    "line": 70,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -33440,7 +33440,7 @@
                     "defaultValue": "\"lg\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 64,
+                    "line": 71,
                     "type": "\"sm\" | \"md\" | \"lg\"",
                     "decorators": []
                 },
@@ -33449,7 +33449,7 @@
                     "defaultValue": "new Set<FileItem>()",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 54,
+                    "line": 61,
                     "type": "any",
                     "decorators": []
                 },
@@ -33457,7 +33457,7 @@
                     "name": "multiple",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 60,
+                    "line": 67,
                     "type": "any",
                     "decorators": []
                 },
@@ -33466,7 +33466,7 @@
                     "defaultValue": "\"md\"",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 62,
+                    "line": 69,
                     "type": "string",
                     "decorators": []
                 },
@@ -33475,7 +33475,7 @@
                     "defaultValue": "false",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 61,
+                    "line": 68,
                     "type": "boolean",
                     "decorators": []
                 },
@@ -33483,23 +33483,100 @@
                     "name": "title",
                     "deprecated": false,
                     "deprecationMessage": "",
-                    "line": 55,
+                    "line": 62,
                     "type": "any",
                     "decorators": []
                 }
             ],
             "outputsClass": [],
-            "propertiesClass": [],
+            "propertiesClass": [
+                {
+                    "name": "lastDownloadedFile",
+                    "defaultValue": "null",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "FileItem | null",
+                    "optional": false,
+                    "description": "",
+                    "line": 59
+                },
+                {
+                    "name": "lastViewedFile",
+                    "defaultValue": "null",
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "type": "FileItem | null",
+                    "optional": false,
+                    "description": "",
+                    "line": 58
+                }
+            ],
             "methodsClass": [
+                {
+                    "name": "onDownloadClick",
+                    "args": [
+                        {
+                            "name": "file",
+                            "type": "FileItem",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 79,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "jsdoctags": [
+                        {
+                            "name": "file",
+                            "type": "FileItem",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
+                },
                 {
                     "name": "onUpload",
                     "args": [],
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 68,
+                    "line": 83,
                     "deprecated": false,
                     "deprecationMessage": ""
+                },
+                {
+                    "name": "onViewClick",
+                    "args": [
+                        {
+                            "name": "file",
+                            "type": "FileItem",
+                            "deprecated": false,
+                            "deprecationMessage": ""
+                        }
+                    ],
+                    "optional": false,
+                    "returnType": "void",
+                    "typeParameters": [],
+                    "line": 75,
+                    "deprecated": false,
+                    "deprecationMessage": "",
+                    "jsdoctags": [
+                        {
+                            "name": "file",
+                            "type": "FileItem",
+                            "deprecated": false,
+                            "deprecationMessage": "",
+                            "tagName": {
+                                "text": "param"
+                            }
+                        }
+                    ]
                 }
             ],
             "deprecated": false,
@@ -33511,7 +33588,7 @@
             "description": "",
             "rawdescription": "\n",
             "type": "component",
-            "sourceCode": "import { Component, Input } from \"@angular/core\";\n\nimport { FileItem } from \"../\";\n\n@Component({\n\tselector: \"app-file-uploader-with-custom-file\",\n\ttemplate: `\n\t\t<cds-file-uploader\n\t\t\t[title]=\"title\"\n\t\t\t[description]=\"description\"\n\t\t\t[buttonText]=\"buttonText\"\n\t\t\t[buttonType]=\"buttonType\"\n\t\t\t[accept]=\"accept\"\n\t\t\t[multiple]=\"multiple\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[(files)]=\"files\"\n\t\t\t[size]=\"size\"\n\t\t\t[fileItemSize]=\"fileItemSize\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[fileNameTpl]=\"nameTpl\"\n\t\t\t[fileActionsTpl]=\"actionsTpl\">\n\t\t</cds-file-uploader>\n\t\t<button\n\t\t\tcdsButton\n\t\t\t*ngIf=\"files && files.size > 0\"\n\t\t\t(click)=\"onUpload()\"\n\t\t\tstyle=\"margin-top:20px\">\n\t\t\tUpload\n\t\t</button>\n\n\t\t<ng-template #nameTpl let-fileItem>\n\t\t\t<a href=\"#\" cdsLink>{{ fileItem.file.name }}</a>\n\t\t</ng-template>\n\n\t\t<ng-template #actionsTpl>\n\t\t\t<button\n\t\t\t\tibmButton=\"ghost\"\n\t\t\t\ticonOnly=\"true\"\n\t\t\t\taria-label=\"View\"\n\t\t\t\t[size]=\"fileItemSize\">\n\t\t\t\t<svg ibmIcon=\"view\" size=\"16\"></svg>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tibmButton=\"ghost\"\n\t\t\t\ticonOnly=\"true\"\n\t\t\t\taria-label=\"Download\"\n\t\t\t\t[size]=\"fileItemSize\">\n\t\t\t\t<svg ibmIcon=\"download\" size=\"16\"></svg>\n\t\t\t</button>\n\t\t</ng-template>\n\t`\n})\nexport class FileUploaderWithCustomFileStory {\n\t@Input() files = new Set<FileItem>();\n\t@Input() title;\n\t@Input() description;\n\t@Input() buttonText;\n\t@Input() buttonType = \"primary\";\n\t@Input() accept = [\".jpg\", \".png\"];\n\t@Input() multiple;\n\t@Input() skeleton = false;\n\t@Input() size = \"md\";\n\t@Input() disabled = false;\n\t@Input() fileItemSize: \"sm\" | \"md\" | \"lg\" = \"lg\";\n\n\tprotected maxSize = 500000;\n\n\tonUpload() {\n\t\tthis.files.forEach((fileItem) => {\n\t\t\tif (!fileItem.uploaded) {\n\t\t\t\tif (fileItem.file.size < this.maxSize) {\n\t\t\t\t\tfileItem.state = \"upload\";\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tfileItem.state = \"complete\";\n\t\t\t\t\t\tfileItem.uploaded = true;\n\t\t\t\t\t\tconsole.log(fileItem);\n\t\t\t\t\t}, 1500);\n\t\t\t\t}\n\n\t\t\t\tif (fileItem.file.size > this.maxSize) {\n\t\t\t\t\tfileItem.state = \"upload\";\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tfileItem.state = \"edit\";\n\t\t\t\t\t\tfileItem.invalid = true;\n\t\t\t\t\t\tfileItem.invalidTitle = \"File size exceeds limit\";\n\t\t\t\t\t\tfileItem.invalidText =\n\t\t\t\t\t\t\t\"500kb max file size. Select a new file and try again.\";\n\t\t\t\t\t}, 1500);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n}\n",
+            "sourceCode": "import { Component, Input } from \"@angular/core\";\n\nimport { FileItem } from \"../\";\n\n@Component({\n\tselector: \"app-file-uploader-with-custom-file\",\n\ttemplate: `\n\t\t<p *ngIf=\"lastViewedFile\">Last viewed file: {{ lastViewedFile | json }}</p>\n\t\t<p *ngIf=\"lastDownloadedFile\">Last downloaded file: {{ lastDownloadedFile | json }}</p>\n\t\t<cds-file-uploader\n\t\t\t[title]=\"title\"\n\t\t\t[description]=\"description\"\n\t\t\t[buttonText]=\"buttonText\"\n\t\t\t[buttonType]=\"buttonType\"\n\t\t\t[accept]=\"accept\"\n\t\t\t[multiple]=\"multiple\"\n\t\t\t[skeleton]=\"skeleton\"\n\t\t\t[(files)]=\"files\"\n\t\t\t[size]=\"size\"\n\t\t\t[fileItemSize]=\"fileItemSize\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[fileNameTpl]=\"nameTpl\"\n\t\t\t[fileActionsTpl]=\"actionsTpl\">\n\t\t</cds-file-uploader>\n\t\t<button\n\t\t\tcdsButton\n\t\t\t*ngIf=\"files && files.size > 0\"\n\t\t\t(click)=\"onUpload()\"\n\t\t\tstyle=\"margin-top:20px\">\n\t\t\tUpload\n\t\t</button>\n\n\t\t<ng-template #nameTpl let-fileItem>\n\t\t\t<a href=\"#\" cdsLink>{{ fileItem.file.name }}</a>\n\t\t</ng-template>\n\n\t\t<ng-template #actionsTpl let-fileItem>\n\t\t\t<button\n\t\t\t\tibmButton=\"ghost\"\n\t\t\t\ticonOnly=\"true\"\n\t\t\t\taria-label=\"View\"\n\t\t\t\t[size]=\"fileItemSize\"\n\t\t\t\t(click)=\"onViewClick(fileItem)\">\n\t\t\t\t<svg ibmIcon=\"view\" size=\"16\"></svg>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tibmButton=\"ghost\"\n\t\t\t\ticonOnly=\"true\"\n\t\t\t\taria-label=\"Download\"\n\t\t\t\t[size]=\"fileItemSize\"\n\t\t\t\t(click)=\"onDownloadClick(fileItem)\">\n\t\t\t\t<svg ibmIcon=\"download\" size=\"16\"></svg>\n\t\t\t</button>\n\t\t</ng-template>\n\t`\n})\nexport class FileUploaderWithCustomFileStory {\n\tlastViewedFile: FileItem | null = null;\n\tlastDownloadedFile: FileItem | null = null;\n\n\t@Input() files = new Set<FileItem>();\n\t@Input() title;\n\t@Input() description;\n\t@Input() buttonText;\n\t@Input() buttonType = \"primary\";\n\t@Input() accept = [\".jpg\", \".png\"];\n\t@Input() multiple;\n\t@Input() skeleton = false;\n\t@Input() size = \"md\";\n\t@Input() disabled = false;\n\t@Input() fileItemSize: \"sm\" | \"md\" | \"lg\" = \"lg\";\n\n\tprotected maxSize = 500000;\n\n\tonViewClick(file: FileItem) {\n\t\tthis.lastViewedFile = file;\n\t}\n\n\tonDownloadClick(file: FileItem) {\n\t\tthis.lastDownloadedFile = file;\n\t}\n\n\tonUpload() {\n\t\tthis.files.forEach((fileItem) => {\n\t\t\tif (!fileItem.uploaded) {\n\t\t\t\tif (fileItem.file.size < this.maxSize) {\n\t\t\t\t\tfileItem.state = \"upload\";\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tfileItem.state = \"complete\";\n\t\t\t\t\t\tfileItem.uploaded = true;\n\t\t\t\t\t\tconsole.log(fileItem);\n\t\t\t\t\t}, 1500);\n\t\t\t\t}\n\n\t\t\t\tif (fileItem.file.size > this.maxSize) {\n\t\t\t\t\tfileItem.state = \"upload\";\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tfileItem.state = \"edit\";\n\t\t\t\t\t\tfileItem.invalid = true;\n\t\t\t\t\t\tfileItem.invalidTitle = \"File size exceeds limit\";\n\t\t\t\t\t\tfileItem.invalidText =\n\t\t\t\t\t\t\t\"500kb max file size. Select a new file and try again.\";\n\t\t\t\t\t}, 1500);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -89364,7 +89441,7 @@
                 "linktype": "component",
                 "name": "FileUploaderWithCustomFileStory",
                 "coveragePercent": 0,
-                "coverageCount": "0/13",
+                "coverageCount": "0/17",
                 "status": "low"
             },
             {

package/docs/storybook/1335.988334fd.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[1335],{"./src/file-uploader/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Pw:()=>FileComponent,bA:()=>FileUploader,pd:()=>FileUploaderModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),i18n=__webpack_require__("./src/i18n/index.ts");const noop=()=>{};let FileUploader=class FileUploader{constructor(i18n){this.i18n=i18n,this.buttonText=this.i18n.get().FILE_UPLOADER.OPEN,this.buttonType="primary",this.accept=[],this.multiple=!0,this.skeleton=!1,this.fileItemSize="lg",this.drop=!1,this.fileUploaderId=`file-uploader-${FileUploader.fileUploaderCount}`,this.files=new Set,this.disabled=!1,this.filesChange=new core.EventEmitter,this.dragOver=!1,this.onTouchedCallback=noop,this.onChangeCallback=noop,FileUploader.fileUploaderCount++}get value(){return this.files}set value(v){v!==this.files&&(this.files=v,this.onChangeCallback(v))}onBlur(){this.onTouchedCallback()}get fileList(){return Array.from(this.fileInput.nativeElement.files)}writeValue(value){value!==this.value&&(this.files=value)}createFileItem(file){return{uploaded:!1,state:"edit",invalid:!1,invalidText:"",file}}onFilesAdded(){const newFiles=new Set(this.files);this.multiple||newFiles.clear();for(let file of this.fileList){const fileItem=this.createFileItem(file);newFiles.add(fileItem)}this.value=newFiles,this.filesChange.emit(newFiles)}onDragOver(event){event.stopPropagation(),event.preventDefault(),this.disabled||(this.dragOver=!0)}onDragLeave(event){event.stopPropagation(),event.preventDefault(),this.dragOver=!1}onDrop(event){if(event.stopPropagation(),event.preventDefault(),this.disabled)return;const transferredFiles=Array.from(event.dataTransfer.files),newFiles=new Set(this.files);transferredFiles.filter((({name,type})=>{const fileExtension=name.split(".").pop().replace(/^/,".");return this.accept.includes(type)||this.accept.includes(fileExtension)||!this.accept.length})).forEach((file=>{if(!newFiles.size||this.multiple){const fileItem=this.createFileItem(file);newFiles.add(fileItem)}})),this.value=newFiles,this.filesChange.emit(newFiles),this.dragOver=!1}removeFile(fileItem){if(this.files&&this.files.has(fileItem)){const newFiles=new Set(this.files);newFiles.delete(fileItem),this.filesChange.emit(newFiles),this.value=newFiles}this.fileInput.nativeElement.value=""}isTemplate(value){return value instanceof core.TemplateRef}registerOnTouched(fn){this.onTouchedCallback=fn}registerOnChange(fn){this.onChangeCallback=fn}setDisabledState(isDisabled){this.disabled=isDisabled}};FileUploader.fileUploaderCount=0,FileUploader.ctorParameters=()=>[{type:i18n.oc}],FileUploader.propDecorators={buttonText:[{type:core.Input}],buttonType:[{type:core.Input}],title:[{type:core.Input}],description:[{type:core.Input}],accept:[{type:core.Input}],multiple:[{type:core.Input}],skeleton:[{type:core.Input}],size:[{type:core.Input}],fileItemSize:[{type:core.Input}],drop:[{type:core.Input}],dropText:[{type:core.Input}],fileUploaderId:[{type:core.Input}],fileInput:[{type:core.ViewChild,args:["fileInput"]}],files:[{type:core.Input}],disabled:[{type:core.Input}],fileNameTpl:[{type:core.Input}],fileActionsTpl:[{type:core.Input}],filesChange:[{type:core.Output}]},FileUploader=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-file-uploader, ibm-file-uploader",template:'\n\t\t<ng-container *ngIf="!skeleton; else skeletonTemplate">\n\t\t\t<label [for]="fileUploaderId" class="cds--file--label">{{title}}</label>\n\t\t\t<p class="cds--label-description" role="alert">{{description}}</p>\n\t\t\t<div class="cds--file">\n\t\t\t\t<label\n\t\t\t\t\t*ngIf="drop"\n\t\t\t\t\tclass="cds--file-browse-btn"\n\t\t\t\t\t(keyup.enter)="fileInput.click()"\n\t\t\t\t\t(keyup.space)="fileInput.click()"\n\t\t\t\t\t[ngClass]="{\'cds--file-browse-btn--disabled\': disabled}"\n\t\t\t\t\ttabindex="0">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="cds--file__drop-container"\n\t\t\t\t\t\t[ngClass]="{\'cds--file__drop-container--drag-over\': dragOver}"\n\t\t\t\t\t\trole="button"\n\t\t\t\t\t\t(click)="fileInput.click()"\n\t\t\t\t\t\t[attr.for]="fileUploaderId"\n\t\t\t\t\t\t(dragover)="onDragOver($event)"\n\t\t\t\t\t\t(dragleave)="onDragLeave($event)"\n\t\t\t\t\t\t(drop)="onDrop($event)">\n\t\t\t\t\t\t<ng-container *ngIf="!isTemplate(dropText)">{{dropText}}</ng-container>\n\t\t\t\t\t\t<ng-template *ngIf="isTemplate(dropText)" [ngTemplateOutlet]="dropText"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t\t<button\n\t\t\t\t\t*ngIf="!drop"\n\t\t\t\t\ttype="button"\n\t\t\t\t\t[cdsButton]="buttonType"\n\t\t\t\t\t(click)="fileInput.click()"\n\t\t\t\t\t[attr.for]="fileUploaderId"\n\t\t\t\t\t[size]="size"\n\t\t\t\t\t[disabled]="disabled">\n\t\t\t\t\t{{buttonText}}\n\t\t\t\t</button>\n\t\t\t\t<input\n\t\t\t\t\t#fileInput\n\t\t\t\t\ttype="file"\n\t\t\t\t\tclass="cds--file-input"\n\t\t\t\t\t[accept]="accept"\n\t\t\t\t\t[id]="fileUploaderId"\n\t\t\t\t\t[multiple]="multiple"\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\t(change)="onFilesAdded()"\n\t\t\t\t\t[disabled]="disabled"/>\n\t\t\t\t<div class="cds--file-container">\n\t\t\t\t\t<ng-container *ngFor="let fileItem of files">\n\t\t\t\t\t\t<cds-file\n\t\t\t\t\t\t\t[fileItem]="fileItem"\n\t\t\t\t\t\t\t[nameTpl]="fileNameTpl"\n\t\t\t\t\t\t\t[actionsTpl]="fileActionsTpl"\n\t\t\t\t\t\t\t[size]="fileItemSize"\n\t\t\t\t\t\t\t(remove)="removeFile(fileItem)">\n\t\t\t\t\t\t</cds-file>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<div class="cds--skeleton__text" style="width: 100px"></div>\n\t\t\t<div class="cds--skeleton__text" style="width: 225px"></div>\n\t\t\t<button cdsButton skeleton="true"></button>\n\t\t</ng-template>\n\t',providers:[{provide:fesm2020_forms.JU,useExisting:FileUploader,multi:!0}]})],FileUploader);let FileComponent=class FileComponent{constructor(i18n){this.i18n=i18n,this.translations=this.i18n.get().FILE_UPLOADER,this.size="lg",this.remove=new core.EventEmitter,this.selectedFile=!0}get isInvalidText(){return this.fileItem.invalidText}get fileSizeSmall(){return"sm"===this.size}get fileSizeMedium(){return"md"===this.size}get fileSizeLarge(){return"lg"===this.size}isTemplate(value){return value instanceof core.TemplateRef}ngOnDestroy(){this.remove.emit()}};FileComponent.ctorParameters=()=>[{type:i18n.oc}],FileComponent.propDecorators={translations:[{type:core.Input}],fileItem:[{type:core.Input}],size:[{type:core.Input}],nameTpl:[{type:core.Input}],actionsTpl:[{type:core.Input}],remove:[{type:core.Output}],selectedFile:[{type:core.HostBinding,args:["class.cds--file__selected-file"]}],isInvalidText:[{type:core.HostBinding,args:["class.cds--file__selected-file--invalid"]}],fileSizeSmall:[{type:core.HostBinding,args:["class.cds--file__selected-file--sm"]}],fileSizeMedium:[{type:core.HostBinding,args:["class.cds--file__selected-file--md"]}],fileSizeLarge:[{type:core.HostBinding,args:["class.cds--file__selected-file--lg"]}]},FileComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-file, ibm-file",template:'\n\t\t<p class="cds--file-filename" [title]="fileItem.file.name">\n\t\t\t<ng-template\n\t\t\t\t*ngIf="isTemplate(nameTpl); else defaultName"\n\t\t\t\t[ngTemplateOutlet]="nameTpl"\n\t\t\t\t[ngTemplateOutletContext]="{ $implicit: fileItem }">\n\t\t\t</ng-template>\n\t\t\t<ng-template #defaultName>{{ fileItem.file.name }}</ng-template>\n\t\t</p>\n\t\t<span *ngIf="fileItem.state === \'edit\'" class="cds--file__state-container">\n\t\t\t<svg\n\t\t\t\t*ngIf="isInvalidText"\n\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\tclass="cds--file--invalid"\n\t\t\t\tsize="16">\n\t\t\t</svg>\n\t\t\t<ng-template\n\t\t\t\t*ngIf="isTemplate(actionsTpl); else defaultActions"\n\t\t\t\t[ngTemplateOutlet]="actionsTpl"\n\t\t\t\t[ngTemplateOutletContext]="{ $implicit: fileItem }">\n\t\t\t</ng-template>\n\t\t\t<ng-template #defaultActions>\n\t\t\t\t<button\n\t\t\t\t\ttype="button"\n\t\t\t\t\tcdsButton="ghost"\n\t\t\t\t\ticonOnly="true"\n\t\t\t\t\t[size]="size"\n\t\t\t\t\t[attr.aria-label]="translations.REMOVE_BUTTON"\n\t\t\t\t\t(click)="remove.emit()"\n\t\t\t\t\t(keyup.enter)="remove.emit()"\n\t\t\t\t\t(keyup.space)="remove.emit()">\n\t\t\t\t\t<svg cdsIcon="trash-can" size="16"></svg>\n\t\t\t\t</button>\n\t\t\t</ng-template>\n\t\t</span>\n\t\t<span *ngIf="fileItem.state === \'upload\'">\n\t\t\t<div class="cds--inline-loading__animation">\n\t\t\t\t<cds-loading size="sm"></cds-loading>\n\t\t\t</div>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf="fileItem.state === \'complete\'"\n\t\t\tclass="cds--file__state-container">\n\t\t\t<svg\n\t\t\t\tcdsIcon="checkmark--filled"\n\t\t\t\tsize="16"\n\t\t\t\tclass="cds--file-complete"\n\t\t\t\t[ariaLabel]="translations.CHECKMARK">\n\t\t\t</svg>\n\t\t</span>\n\t\t<div\n\t\t\tclass="cds--form-requirement"\n\t\t\trole="alert"\n\t\t\t*ngIf="fileItem.invalid">\n\t\t\t<div class="cds--form-requirement__title">\n\t\t\t\t{{ fileItem.invalidTitle }}\n\t\t\t</div>\n\t\t\t<p class="cds--form-requirement__supplement">\n\t\t\t\t{{ fileItem.invalidText }}\n\t\t\t</p>\n\t\t</div>\n\t'})],FileComponent);var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),src_button=__webpack_require__("./src/button/index.ts"),loading=__webpack_require__("./src/loading/index.ts"),icon=__webpack_require__("./src/icon/index.ts");let FileUploaderModule=class FileUploaderModule{};FileUploaderModule=(0,tslib_es6.gn)([(0,core.NgModule)({declarations:[FileUploader,FileComponent],exports:[FileUploader,FileComponent],imports:[common.CommonModule,src_button.hJ,loading.I,icon.QX]})],FileUploaderModule)},"./src/file-uploader/stories/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{jm:()=>BasicFileStory,hC:()=>CustomFileIconsModule,ze:()=>CustomFileStory,sv:()=>DragAndDropStory,ZR:()=>FileUploaderStory,O5:()=>FileUploaderWithCustomFileStory,fh:()=>NgModelFileUploaderStory,EY:()=>ReactiveFormsStory});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let BasicFileStory=class BasicFileStory{constructor(){this.size="sm",this.fileItem={file:new File(["foo"],"Lorem ipsum dolor sit amet.txt",{type:"text/plain"}),state:"edit"}}};BasicFileStory.propDecorators={size:[{type:core.Input}]},BasicFileStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-basic-file",template:'<cds-file [size]="size" [fileItem]="fileItem"></cds-file>'})],BasicFileStory);var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),_16=__webpack_require__("./node_modules/@carbon/icons/es/download/16.js"),view_16=__webpack_require__("./node_modules/@carbon/icons/es/view/16.js"),icon=__webpack_require__("./src/icon/index.ts");let CustomFileIconsModule=class CustomFileIconsModule{constructor(iconService){this.iconService=iconService,this.iconService.registerAll([_16.Z,view_16.Z])}};CustomFileIconsModule.ctorParameters=()=>[{type:icon.C6}],CustomFileIconsModule=(0,tslib_es6.gn)([(0,core.NgModule)({imports:[common.CommonModule,icon.QX]})],CustomFileIconsModule);let CustomFileStory=class CustomFileStory{constructor(){this.size="sm",this.fileItem={file:new File(["foo"],"Lorem ipsum dolor sit amet.txt",{type:"text/plain"}),state:"edit"}}};CustomFileStory.propDecorators={size:[{type:core.Input}]},CustomFileStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-custom-file",template:'\n\t\t<cds-file\n\t\t\t[size]="size"\n\t\t\t[fileItem]="fileItem"\n\t\t\t[nameTpl]="nameTpl"\n\t\t\t[actionsTpl]="actionsTpl">\n\t\t</cds-file>\n\n\t\t<ng-template #nameTpl let-fileItem>\n\t\t\t<a href="#" cdsLink>{{ fileItem.file.name }}</a>\n\t\t</ng-template>\n\n\t\t<ng-template #actionsTpl>\n\t\t\t<button\n\t\t\t\tibmButton="ghost"\n\t\t\t\ticonOnly="true"\n\t\t\t\taria-label="View"\n\t\t\t\t[size]="size">\n\t\t\t\t<svg ibmIcon="view" size="16"></svg>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tibmButton="ghost"\n\t\t\t\ticonOnly="true"\n\t\t\t\taria-label="Download"\n\t\t\t\t[size]="size">\n\t\t\t\t<svg ibmIcon="download" size="16"></svg>\n\t\t\t</button>\n\t\t</ng-template>\n\t'})],CustomFileStory);var file_type=__webpack_require__("./node_modules/file-type/index.js");let DragAndDropStory=class DragAndDropStory{constructor(){this.files=new Set,this.accept=[".jpg",".png"],this.dropText="Drag and drop files here of upload",this.disabled=!1,this.fileItemSize="lg",this.maxSize=5e5}onDropped(event){const transferredFiles=Array.from(event),readFileAndCheckType=fileObj=>new Promise(((resolve,reject)=>{let fileExtension,mime,reader=new FileReader;reader.readAsArrayBuffer(fileObj.file),reader.onload=()=>{if(reader.result){const type=file_type(reader.result);type?(fileExtension=type.ext.replace(/^/,"."),mime=type.mime):(fileExtension=fileObj.file.name.split(".").pop().replace(/^/,"."),mime=fileObj.file.type)}resolve({file:fileObj,accept:this.accept.includes(fileExtension)||this.accept.includes(mime)||!this.accept.length})},reader.onerror=error=>{reject(error)}})),promises=transferredFiles.map((file=>readFileAndCheckType(file)));Promise.all(promises).then((filePromiseArray=>filePromiseArray.filter((filePromise=>filePromise.accept)).map((acceptedFile=>acceptedFile.file)))).then((acceptedFiles=>this.files=new Set(acceptedFiles))).catch((error=>console.log(error)))}onUpload(){this.files.forEach((fileItem=>{fileItem.uploaded||(fileItem.file.size<this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="complete",fileItem.uploaded=!0,console.log(fileItem)}),1500)),fileItem.file.size>this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="edit",fileItem.invalid=!0,fileItem.invalidText="File size exceeds limit"}),1500)))}))}};DragAndDropStory.propDecorators={files:[{type:core.Input}],title:[{type:core.Input}],description:[{type:core.Input}],accept:[{type:core.Input}],multiple:[{type:core.Input}],dropText:[{type:core.Input}],disabled:[{type:core.Input}],fileItemSize:[{type:core.Input}]},DragAndDropStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-drop-file-uploader",template:'\n\t\t<cds-file-uploader\n\t\t\t[title]="title"\n\t\t\t[description]="description"\n\t\t\t[buttonText]="buttonText"\n\t\t\t[buttonType]="buttonType"\n\t\t\t[accept]="accept"\n\t\t\t[multiple]="multiple"\n\t\t\t[skeleton]="skeleton"\n\t\t\t[(files)]="files"\n\t\t\t[size]="size"\n\t\t\t[fileItemSize]="fileItemSize"\n\t\t\tdrop="true"\n\t\t\t[dropText]="dropText"\n\t\t\t(filesChange)="onDropped($event)"\n\t\t\t[disabled]="disabled">\n\t\t</cds-file-uploader>\n\t\t<button\n\t\t\tcdsButton\n\t\t\t*ngIf="files && files.size > 0"\n\t\t\t(click)="onUpload()"\n\t\t\tstyle="margin-top:20px">\n\t\t\tUpload\n\t\t</button>\n\t'})],DragAndDropStory);let FileUploaderWithCustomFileStory=class FileUploaderWithCustomFileStory{constructor(){this.lastViewedFile=null,this.lastDownloadedFile=null,this.files=new Set,this.buttonType="primary",this.accept=[".jpg",".png"],this.skeleton=!1,this.size="md",this.disabled=!1,this.fileItemSize="lg",this.maxSize=5e5}onViewClick(file){this.lastViewedFile=file}onDownloadClick(file){this.lastDownloadedFile=file}onUpload(){this.files.forEach((fileItem=>{fileItem.uploaded||(fileItem.file.size<this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="complete",fileItem.uploaded=!0,console.log(fileItem)}),1500)),fileItem.file.size>this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="edit",fileItem.invalid=!0,fileItem.invalidTitle="File size exceeds limit",fileItem.invalidText="500kb max file size. Select a new file and try again."}),1500)))}))}};FileUploaderWithCustomFileStory.propDecorators={files:[{type:core.Input}],title:[{type:core.Input}],description:[{type:core.Input}],buttonText:[{type:core.Input}],buttonType:[{type:core.Input}],accept:[{type:core.Input}],multiple:[{type:core.Input}],skeleton:[{type:core.Input}],size:[{type:core.Input}],disabled:[{type:core.Input}],fileItemSize:[{type:core.Input}]},FileUploaderWithCustomFileStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-file-uploader-with-custom-file",template:'\n\t\t<p *ngIf="lastViewedFile">Last viewed file: {{ lastViewedFile | json }}</p>\n\t\t<p *ngIf="lastDownloadedFile">Last downloaded file: {{ lastDownloadedFile | json }}</p>\n\t\t<cds-file-uploader\n\t\t\t[title]="title"\n\t\t\t[description]="description"\n\t\t\t[buttonText]="buttonText"\n\t\t\t[buttonType]="buttonType"\n\t\t\t[accept]="accept"\n\t\t\t[multiple]="multiple"\n\t\t\t[skeleton]="skeleton"\n\t\t\t[(files)]="files"\n\t\t\t[size]="size"\n\t\t\t[fileItemSize]="fileItemSize"\n\t\t\t[disabled]="disabled"\n\t\t\t[fileNameTpl]="nameTpl"\n\t\t\t[fileActionsTpl]="actionsTpl">\n\t\t</cds-file-uploader>\n\t\t<button\n\t\t\tcdsButton\n\t\t\t*ngIf="files && files.size > 0"\n\t\t\t(click)="onUpload()"\n\t\t\tstyle="margin-top:20px">\n\t\t\tUpload\n\t\t</button>\n\n\t\t<ng-template #nameTpl let-fileItem>\n\t\t\t<a href="#" cdsLink>{{ fileItem.file.name }}</a>\n\t\t</ng-template>\n\n\t\t<ng-template #actionsTpl let-fileItem>\n\t\t\t<button\n\t\t\t\tibmButton="ghost"\n\t\t\t\ticonOnly="true"\n\t\t\t\taria-label="View"\n\t\t\t\t[size]="fileItemSize"\n\t\t\t\t(click)="onViewClick(fileItem)">\n\t\t\t\t<svg ibmIcon="view" size="16"></svg>\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\tibmButton="ghost"\n\t\t\t\ticonOnly="true"\n\t\t\t\taria-label="Download"\n\t\t\t\t[size]="fileItemSize"\n\t\t\t\t(click)="onDownloadClick(fileItem)">\n\t\t\t\t<svg ibmIcon="download" size="16"></svg>\n\t\t\t</button>\n\t\t</ng-template>\n\t'})],FileUploaderWithCustomFileStory);let NgModelFileUploaderStory=class NgModelFileUploaderStory{constructor(){this.buttonType="primary",this.size="md",this.disabled=!1,this.fileItemSize="lg",this.model=new Set,this.maxSize=5e5}removeFiles(){this.model=new Set}onUpload(){this.model.forEach((fileItem=>{fileItem.uploaded||(fileItem.file.size<this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="complete",fileItem.uploaded=!0,console.log(fileItem)}),1500)),fileItem.file.size>this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="edit",fileItem.invalid=!0,fileItem.invalidTitle="File size exceeds limit",fileItem.invalidText="500kb max file size. Select a new file and try again."}),1500)))}))}};NgModelFileUploaderStory.propDecorators={title:[{type:core.Input}],description:[{type:core.Input}],buttonText:[{type:core.Input}],buttonType:[{type:core.Input}],accept:[{type:core.Input}],multiple:[{type:core.Input}],size:[{type:core.Input}],disabled:[{type:core.Input}],fileItemSize:[{type:core.Input}]},NgModelFileUploaderStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-ngmodel-file-uploader",template:'\n\t\t<cds-file-uploader\n\t\t\t[title]="title"\n\t\t\t[description]="description"\n\t\t\t[buttonText]="buttonText"\n\t\t\t[buttonType]="buttonType"\n\t\t\t[accept]="accept"\n\t\t\t[multiple]="multiple"\n\t\t\t[size]="size"\n\t\t\t[fileItemSize]="fileItemSize"\n\t\t\t[(ngModel)]="model"\n\t\t\t[disabled]="disabled">\n\t\t</cds-file-uploader>\n\t\t<button\n\t\t\tcdsButton\n\t\t\t*ngIf="model && model.size > 0"\n\t\t\t(click)="onUpload()"\n\t\t\tstyle="margin-top:20px">\n\t\t\tUpload\n\t\t</button>\n\t\t<button cdsButton (click)="removeFiles()">Remove all</button>\n\t'})],NgModelFileUploaderStory);var fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs");let ReactiveFormsStory=class ReactiveFormsStory{constructor(formBuilder){this.formBuilder=formBuilder,this.buttonType="primary",this.accept=[".jpg",".png"],this.skeleton=!1,this.size="md",this.disabled=!1,this.fileItemSize="lg",this.maxSize=5e5}ngOnInit(){this.formGroup=this.formBuilder.group({files:new fesm2020_forms.NI(new Set,[fesm2020_forms.kI.required])}),this.disabledFormGroup=this.formBuilder.group({files:new fesm2020_forms.NI(new Set,[fesm2020_forms.kI.required])}),this.disabledFormGroup.disable()}onUpload(){this.formGroup.get("files").value.forEach((fileItem=>{fileItem.uploaded||(fileItem.file.size<this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="complete",fileItem.uploaded=!0}),1500)),fileItem.file.size>this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="edit",fileItem.invalid=!0,fileItem.invalidTitle="File size exceeds limit",fileItem.invalidText="500kb max file size. Select a new file and try again."}),1500)))}))}};ReactiveFormsStory.ctorParameters=()=>[{type:fesm2020_forms.qu}],ReactiveFormsStory.propDecorators={title:[{type:core.Input}],description:[{type:core.Input}],buttonText:[{type:core.Input}],buttonType:[{type:core.Input}],accept:[{type:core.Input}],multiple:[{type:core.Input}],skeleton:[{type:core.Input}],size:[{type:core.Input}],disabled:[{type:core.Input}],fileItemSize:[{type:core.Input}]},ReactiveFormsStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-reactive-forms",template:'\n\t\t<form [formGroup]="formGroup" (ngSubmit)="onUpload()">\n\t\t\t<cds-file-uploader\n\t\t\t\t[title]="title"\n\t\t\t\t[description]="description"\n\t\t\t\t[buttonText]="buttonText"\n\t\t\t\t[buttonType]="buttonType"\n\t\t\t\t[accept]="accept"\n\t\t\t\t[multiple]="multiple"\n\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t[size]="size"\n\t\t\t\t[fileItemSize]="fileItemSize"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\tformControlName="files">\n\t\t\t</cds-file-uploader>\n\t\t\t<button\n\t\t\t\tcdsButton\n\t\t\t\t*ngIf="formGroup.get(\'files\').value && formGroup.get(\'files\').value.size > 0"\n\t\t\t\ttype="submit"\n\t\t\t\tstyle="margin-top: 20px">\n\t\t\t\tUpload\n\t\t\t</button>\n\t\t</form>\n\t\t<form [formGroup]="disabledFormGroup" (ngSubmit)="onUpload()">\n\t\t\t<cds-file-uploader\n\t\t\t\t[title]="title"\n\t\t\t\t[description]="description"\n\t\t\t\t[buttonText]="buttonText"\n\t\t\t\t[buttonType]="buttonType"\n\t\t\t\t[accept]="accept"\n\t\t\t\t[multiple]="multiple"\n\t\t\t\t[skeleton]="skeleton"\n\t\t\t\t[size]="size"\n\t\t\t\tformControlName="files">\n\t\t\t</cds-file-uploader>\n\t\t\t<div [id]="notificationId" style="width: 300px; margin-top: 20px"></div>\n\t\t\t<button cdsButton *ngIf="disabledFormGroup.get(\'files\').value && disabledFormGroup.get(\'files\').value.size > 0" type="submit">\n\t\t\t\tUpload\n\t\t\t</button>\n\t\t</form>\n\t'})],ReactiveFormsStory);let FileUploaderStory=class FileUploaderStory{constructor(){this.files=new Set,this.buttonType="primary",this.accept=[".jpg",".png"],this.skeleton=!1,this.size="md",this.disabled=!1,this.fileItemSize="lg",this.maxSize=5e5}onUpload(){this.files.forEach((fileItem=>{fileItem.uploaded||(fileItem.file.size<this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="complete",fileItem.uploaded=!0,console.log(fileItem)}),1500)),fileItem.file.size>this.maxSize&&(fileItem.state="upload",setTimeout((()=>{fileItem.state="edit",fileItem.invalid=!0,fileItem.invalidTitle="File size exceeds limit",fileItem.invalidText="500kb max file size. Select a new file and try again."}),1500)))}))}};FileUploaderStory.propDecorators={files:[{type:core.Input}],title:[{type:core.Input}],description:[{type:core.Input}],buttonText:[{type:core.Input}],buttonType:[{type:core.Input}],accept:[{type:core.Input}],multiple:[{type:core.Input}],skeleton:[{type:core.Input}],size:[{type:core.Input}],disabled:[{type:core.Input}],fileItemSize:[{type:core.Input}]},FileUploaderStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-file-uploader",template:'\n\t\t<cds-file-uploader\n\t\t\t[title]="title"\n\t\t\t[description]="description"\n\t\t\t[buttonText]="buttonText"\n\t\t\t[buttonType]="buttonType"\n\t\t\t[accept]="accept"\n\t\t\t[multiple]="multiple"\n\t\t\t[skeleton]="skeleton"\n\t\t\t[(files)]="files"\n\t\t\t[size]="size"\n\t\t\t[fileItemSize]="fileItemSize"\n\t\t\t[disabled]="disabled">\n\t\t</cds-file-uploader>\n\t\t<button cdsButton *ngIf="files && files.size > 0" (click)="onUpload()" style="margin-top:20px">\n\t\t\tUpload\n\t\t</button>\n\t'})],FileUploaderStory)},"./src/loading/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{g:()=>Loading,I:()=>LoadingModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/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}};Loading.ctorParameters=()=>[{type:i18n.oc}],Loading.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.gn)([(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/fesm2020/common.mjs");let LoadingModule=class LoadingModule{};LoadingModule=(0,tslib_es6.gn)([(0,core.NgModule)({declarations:[Loading],exports:[Loading],imports:[common.CommonModule,i18n.LU]})],LoadingModule)}}]);

package/docs/storybook/iframe.html

@@ -348,8 +348,8 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.4bbe449f.iframe.bundle.js';
+      import './runtime~main.5491fa20.iframe.bundle.js';
       
       import './5478.5fc19af5.iframe.bundle.js';
       
-      import './main.eff7657a.iframe.bundle.js';</script></body></html>
+      import './main.be15134b.iframe.bundle.js';</script></body></html>