From 11e2d1ca95a9ab7d9cb61d5e9b4dadddaaf7593d Mon Sep 17 00:00:00 2001 From: telekom Date: Mon, 22 Jul 2024 07:56:09 +0000 Subject: [PATCH] chore(deploy): storybook to gh-pages --- iframe.html | 2 +- main.5eab718a.iframe.bundle.js | 1 + main.f1b92c41.iframe.bundle.js | 1 - 3 files changed, 2 insertions(+), 2 deletions(-) create mode 100644 main.5eab718a.iframe.bundle.js delete mode 100644 main.f1b92c41.iframe.bundle.js diff --git a/iframe.html b/iframe.html index d9467dadd6..15d59c2bd2 100644 --- a/iframe.html +++ b/iframe.html @@ -399,4 +399,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"**/**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"**/**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"}]; \ No newline at end of file diff --git a/main.5eab718a.iframe.bundle.js b/main.5eab718a.iframe.bundle.js new file mode 100644 index 0000000000..d2402e6ad9 --- /dev/null +++ b/main.5eab718a.iframe.bundle.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[409],{"../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/icon/ScaleIcon.vue?vue&type=style&index=0&id=4083c6d8&scoped=true&lang=css&":function(module,exports,__webpack_require__){(exports=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"\n.visually-hidden[data-v-4083c6d8] {\n clip: rect(0 0 0 0);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n",""]),module.exports=exports},"../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/link/ScaleLink.vue?vue&type=style&index=0&lang=css&":function(module,exports,__webpack_require__){(exports=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"\nscale-link {\n font: var(--telekom-text-style-body);\n}\n",""]),module.exports=exports},"../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/tab-navigation/ScaleTabNav.vue?vue&type=style&index=0&id=1349bb3e&scoped=true&lang=css&":function(module,exports,__webpack_require__){(exports=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"\np[data-v-1349bb3e] {\n max-width: 60ch;\n margin-top: 0;\n}\n",""]),module.exports=exports},"../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/SlotFunctions.vue?vue&type=style&index=0&lang=css&":function(module,exports,__webpack_require__){(exports=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"\nscale-badge::part(label) {\n display: none;\n}\n@media screen and (min-width: 1040px) {\nscale-badge::part(label) {\n display: flex;\n}\n}\n",""]),module.exports=exports},"../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/SlotFunctionsSlim.vue?vue&type=style&index=0&lang=css&":function(module,exports,__webpack_require__){(exports=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"\nscale-badge::part(label) {\n display: none;\n}\n@media screen and (min-width: 1040px) {\nscale-badge::part(label) {\n display: flex\n}\n}\n",""]),module.exports=exports},"../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/TelekomHeaderTemplate.vue?vue&type=style&index=0&lang=css&":function(module,exports,__webpack_require__){(exports=__webpack_require__("../../node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"\n.wrapper {\n margin: -1rem;\n}\nscale-telekom-app-shell {\n --min-height: 200vh;\n --background: var(--telekom-color-background-surface-subtle);\n}\n",""]),module.exports=exports},"../../node_modules/vue-docgen-loader/lib/index.js?!../../node_modules/style-loader/dist/cjs.js!../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/icon/ScaleIcon.vue?vue&type=style&index=0&id=4083c6d8&scoped=true&lang=css&":function(module,exports,__webpack_require__){var api=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/icon/ScaleIcon.vue?vue&type=style&index=0&id=4083c6d8&scoped=true&lang=css&");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"../../node_modules/vue-docgen-loader/lib/index.js?!../../node_modules/style-loader/dist/cjs.js!../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/link/ScaleLink.vue?vue&type=style&index=0&lang=css&":function(module,exports,__webpack_require__){var api=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/link/ScaleLink.vue?vue&type=style&index=0&lang=css&");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"../../node_modules/vue-docgen-loader/lib/index.js?!../../node_modules/style-loader/dist/cjs.js!../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/tab-navigation/ScaleTabNav.vue?vue&type=style&index=0&id=1349bb3e&scoped=true&lang=css&":function(module,exports,__webpack_require__){var api=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/tab-navigation/ScaleTabNav.vue?vue&type=style&index=0&id=1349bb3e&scoped=true&lang=css&");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"../../node_modules/vue-docgen-loader/lib/index.js?!../../node_modules/style-loader/dist/cjs.js!../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/SlotFunctions.vue?vue&type=style&index=0&lang=css&":function(module,exports,__webpack_require__){var api=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/SlotFunctions.vue?vue&type=style&index=0&lang=css&");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"../../node_modules/vue-docgen-loader/lib/index.js?!../../node_modules/style-loader/dist/cjs.js!../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/SlotFunctionsSlim.vue?vue&type=style&index=0&lang=css&":function(module,exports,__webpack_require__){var api=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/SlotFunctionsSlim.vue?vue&type=style&index=0&lang=css&");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"../../node_modules/vue-docgen-loader/lib/index.js?!../../node_modules/style-loader/dist/cjs.js!../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/TelekomHeaderTemplate.vue?vue&type=style&index=0&lang=css&":function(module,exports,__webpack_require__){var api=__webpack_require__("../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("../../node_modules/css-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/@storybook/builder-webpack4/node_modules/postcss-loader/dist/cjs.js?!../../node_modules/vue-loader/lib/index.js?!./stories/components/telekom-brand-header-navigation/TelekomHeaderTemplate.vue?vue&type=style&index=0&lang=css&");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"../components/dist/esm lazy recursive ^\\.\\/.*\\.entry\\.js$ include: \\.entry\\.js$ exclude: \\.system\\.entry\\.js$":function(module,exports,__webpack_require__){var map={"./app-logo.entry.js":["../components/dist/esm/app-logo.entry.js",47],"./app-mega-menu_7.entry.js":["../components/dist/esm/app-mega-menu_7.entry.js",5],"./app-navigation-user-menu_3.entry.js":["../components/dist/esm/app-navigation-user-menu_3.entry.js",13],"./duet-date-picker_2.entry.js":["../components/dist/esm/duet-date-picker_2.entry.js",29],"./scale-accordion.entry.js":["../components/dist/esm/scale-accordion.entry.js",48],"./scale-alert.entry.js":["../components/dist/esm/scale-alert.entry.js",31],"./scale-app-footer.entry.js":["../components/dist/esm/scale-app-footer.entry.js",30],"./scale-app-header.entry.js":["../components/dist/esm/scale-app-header.entry.js",7],"./scale-app-shell.entry.js":["../components/dist/esm/scale-app-shell.entry.js",63],"./scale-badge_5.entry.js":["../components/dist/esm/scale-badge_5.entry.js",14],"./scale-breadcrumb.entry.js":["../components/dist/esm/scale-breadcrumb.entry.js",49],"./scale-button_2.entry.js":["../components/dist/esm/scale-button_2.entry.js",32],"./scale-callout.entry.js":["../components/dist/esm/scale-callout.entry.js",60],"./scale-card.entry.js":["../components/dist/esm/scale-card.entry.js",50],"./scale-carousel.entry.js":["../components/dist/esm/scale-carousel.entry.js",33],"./scale-chart-stack-card.entry.js":["../components/dist/esm/scale-chart-stack-card.entry.js",15],"./scale-checkbox-group.entry.js":["../components/dist/esm/scale-checkbox-group.entry.js",61],"./scale-checkbox_2.entry.js":["../components/dist/esm/scale-checkbox_2.entry.js",44],"./scale-chip.entry.js":["../components/dist/esm/scale-chip.entry.js",34],"./scale-collapsible.entry.js":["../components/dist/esm/scale-collapsible.entry.js",35],"./scale-data-grid.entry.js":["../components/dist/esm/scale-data-grid.entry.js",4],"./scale-date-picker.entry.js":["../components/dist/esm/scale-date-picker.entry.js",8],"./scale-divider.entry.js":["../components/dist/esm/scale-divider.entry.js",51],"./scale-dropdown-select_13.entry.js":["../components/dist/esm/scale-dropdown-select_13.entry.js",0,36],"./scale-dropdown.entry.js":["../components/dist/esm/scale-dropdown.entry.js",9],"./scale-grid-item.entry.js":["../components/dist/esm/scale-grid-item.entry.js",27],"./scale-grid.entry.js":["../components/dist/esm/scale-grid.entry.js",28],"./scale-helper-text.entry.js":["../components/dist/esm/scale-helper-text.entry.js",64],"./scale-icon-action-add-card.entry.js":["../components/dist/esm/scale-icon-action-add-card.entry.js",65],"./scale-icon-action-add.entry.js":["../components/dist/esm/scale-icon-action-add.entry.js",66],"./scale-icon-action-arrange.entry.js":["../components/dist/esm/scale-icon-action-arrange.entry.js",67],"./scale-icon-action-arrow-down.entry.js":["../components/dist/esm/scale-icon-action-arrow-down.entry.js",68],"./scale-icon-action-arrow-left.entry.js":["../components/dist/esm/scale-icon-action-arrow-left.entry.js",69],"./scale-icon-action-arrow-right.entry.js":["../components/dist/esm/scale-icon-action-arrow-right.entry.js",70],"./scale-icon-action-arrow-up.entry.js":["../components/dist/esm/scale-icon-action-arrow-up.entry.js",71],"./scale-icon-action-auto-login.entry.js":["../components/dist/esm/scale-icon-action-auto-login.entry.js",72],"./scale-icon-action-backspace.entry.js":["../components/dist/esm/scale-icon-action-backspace.entry.js",73],"./scale-icon-action-backward.entry.js":["../components/dist/esm/scale-icon-action-backward.entry.js",74],"./scale-icon-action-changelog.entry.js":["../components/dist/esm/scale-icon-action-changelog.entry.js",75],"./scale-icon-action-checkmark.entry.js":["../components/dist/esm/scale-icon-action-checkmark.entry.js",76],"./scale-icon-action-circle-add.entry.js":["../components/dist/esm/scale-icon-action-circle-add.entry.js",77],"./scale-icon-action-circle-close_2.entry.js":["../components/dist/esm/scale-icon-action-circle-close_2.entry.js",78],"./scale-icon-action-close.entry.js":["../components/dist/esm/scale-icon-action-close.entry.js",79],"./scale-icon-action-compare.entry.js":["../components/dist/esm/scale-icon-action-compare.entry.js",80],"./scale-icon-action-copy-paste.entry.js":["../components/dist/esm/scale-icon-action-copy-paste.entry.js",81],"./scale-icon-action-cut-paste.entry.js":["../components/dist/esm/scale-icon-action-cut-paste.entry.js",82],"./scale-icon-action-disabled-microphone.entry.js":["../components/dist/esm/scale-icon-action-disabled-microphone.entry.js",83],"./scale-icon-action-download-from-cloud.entry.js":["../components/dist/esm/scale-icon-action-download-from-cloud.entry.js",84],"./scale-icon-action-download.entry.js":["../components/dist/esm/scale-icon-action-download.entry.js",85],"./scale-icon-action-drag-and-drop.entry.js":["../components/dist/esm/scale-icon-action-drag-and-drop.entry.js",86],"./scale-icon-action-edit.entry.js":["../components/dist/esm/scale-icon-action-edit.entry.js",87],"./scale-icon-action-export.entry.js":["../components/dist/esm/scale-icon-action-export.entry.js",88],"./scale-icon-action-fast-forward-nb.entry.js":["../components/dist/esm/scale-icon-action-fast-forward-nb.entry.js",89],"./scale-icon-action-fast-forward.entry.js":["../components/dist/esm/scale-icon-action-fast-forward.entry.js",90],"./scale-icon-action-favorite.entry.js":["../components/dist/esm/scale-icon-action-favorite.entry.js",91],"./scale-icon-action-filter-2.entry.js":["../components/dist/esm/scale-icon-action-filter-2.entry.js",92],"./scale-icon-action-filter.entry.js":["../components/dist/esm/scale-icon-action-filter.entry.js",93],"./scale-icon-action-forward.entry.js":["../components/dist/esm/scale-icon-action-forward.entry.js",94],"./scale-icon-action-full-screen.entry.js":["../components/dist/esm/scale-icon-action-full-screen.entry.js",95],"./scale-icon-action-import.entry.js":["../components/dist/esm/scale-icon-action-import.entry.js",96],"./scale-icon-action-install.entry.js":["../components/dist/esm/scale-icon-action-install.entry.js",97],"./scale-icon-action-launch.entry.js":["../components/dist/esm/scale-icon-action-launch.entry.js",98],"./scale-icon-action-light-dark-mode.entry.js":["../components/dist/esm/scale-icon-action-light-dark-mode.entry.js",99],"./scale-icon-action-link.entry.js":["../components/dist/esm/scale-icon-action-link.entry.js",100],"./scale-icon-action-logout.entry.js":["../components/dist/esm/scale-icon-action-logout.entry.js",101],"./scale-icon-action-loop.entry.js":["../components/dist/esm/scale-icon-action-loop.entry.js",102],"./scale-icon-action-menu_7.entry.js":["../components/dist/esm/scale-icon-action-menu_7.entry.js",37],"./scale-icon-action-microphone.entry.js":["../components/dist/esm/scale-icon-action-microphone.entry.js",103],"./scale-icon-action-minimize-screen.entry.js":["../components/dist/esm/scale-icon-action-minimize-screen.entry.js",104],"./scale-icon-action-minus-circle.entry.js":["../components/dist/esm/scale-icon-action-minus-circle.entry.js",105],"./scale-icon-action-more.entry.js":["../components/dist/esm/scale-icon-action-more.entry.js",106],"./scale-icon-action-move.entry.js":["../components/dist/esm/scale-icon-action-move.entry.js",107],"./scale-icon-action-mute.entry.js":["../components/dist/esm/scale-icon-action-mute.entry.js",108],"./scale-icon-action-notification.entry.js":["../components/dist/esm/scale-icon-action-notification.entry.js",109],"./scale-icon-action-pause-nb.entry.js":["../components/dist/esm/scale-icon-action-pause-nb.entry.js",110],"./scale-icon-action-pause.entry.js":["../components/dist/esm/scale-icon-action-pause.entry.js",111],"./scale-icon-action-pin.entry.js":["../components/dist/esm/scale-icon-action-pin.entry.js",112],"./scale-icon-action-play-nb.entry.js":["../components/dist/esm/scale-icon-action-play-nb.entry.js",113],"./scale-icon-action-play.entry.js":["../components/dist/esm/scale-icon-action-play.entry.js",114],"./scale-icon-action-pop-up-window.entry.js":["../components/dist/esm/scale-icon-action-pop-up-window.entry.js",115],"./scale-icon-action-power.entry.js":["../components/dist/esm/scale-icon-action-power.entry.js",116],"./scale-icon-action-previous-nb.entry.js":["../components/dist/esm/scale-icon-action-previous-nb.entry.js",117],"./scale-icon-action-print.entry.js":["../components/dist/esm/scale-icon-action-print.entry.js",118],"./scale-icon-action-publish.entry.js":["../components/dist/esm/scale-icon-action-publish.entry.js",119],"./scale-icon-action-random.entry.js":["../components/dist/esm/scale-icon-action-random.entry.js",120],"./scale-icon-action-record-nb.entry.js":["../components/dist/esm/scale-icon-action-record-nb.entry.js",121],"./scale-icon-action-refresh.entry.js":["../components/dist/esm/scale-icon-action-refresh.entry.js",122],"./scale-icon-action-remove.entry.js":["../components/dist/esm/scale-icon-action-remove.entry.js",123],"./scale-icon-action-reply-all.entry.js":["../components/dist/esm/scale-icon-action-reply-all.entry.js",124],"./scale-icon-action-reply-forward.entry.js":["../components/dist/esm/scale-icon-action-reply-forward.entry.js",125],"./scale-icon-action-reply.entry.js":["../components/dist/esm/scale-icon-action-reply.entry.js",126],"./scale-icon-action-restart.entry.js":["../components/dist/esm/scale-icon-action-restart.entry.js",127],"./scale-icon-action-search.entry.js":["../components/dist/esm/scale-icon-action-search.entry.js",128],"./scale-icon-action-send.entry.js":["../components/dist/esm/scale-icon-action-send.entry.js",129],"./scale-icon-action-share.entry.js":["../components/dist/esm/scale-icon-action-share.entry.js",130],"./scale-icon-action-shopping-cart.entry.js":["../components/dist/esm/scale-icon-action-shopping-cart.entry.js",131],"./scale-icon-action-show-password.entry.js":["../components/dist/esm/scale-icon-action-show-password.entry.js",132],"./scale-icon-action-sound-on.entry.js":["../components/dist/esm/scale-icon-action-sound-on.entry.js",133],"./scale-icon-action-star.entry.js":["../components/dist/esm/scale-icon-action-star.entry.js",134],"./scale-icon-action-stream-on.entry.js":["../components/dist/esm/scale-icon-action-stream-on.entry.js",135],"./scale-icon-action-success_3.entry.js":["../components/dist/esm/scale-icon-action-success_3.entry.js",136],"./scale-icon-action-thumbs-down.entry.js":["../components/dist/esm/scale-icon-action-thumbs-down.entry.js",137],"./scale-icon-action-thumbs-up.entry.js":["../components/dist/esm/scale-icon-action-thumbs-up.entry.js",138],"./scale-icon-action-tiles-add.entry.js":["../components/dist/esm/scale-icon-action-tiles-add.entry.js",139],"./scale-icon-action-upload-to-cloud.entry.js":["../components/dist/esm/scale-icon-action-upload-to-cloud.entry.js",140],"./scale-icon-action-upload.entry.js":["../components/dist/esm/scale-icon-action-upload.entry.js",141],"./scale-icon-action-volume-down.entry.js":["../components/dist/esm/scale-icon-action-volume-down.entry.js",142],"./scale-icon-action-volume-up.entry.js":["../components/dist/esm/scale-icon-action-volume-up.entry.js",143],"./scale-icon-action-zoom-in.entry.js":["../components/dist/esm/scale-icon-action-zoom-in.entry.js",144],"./scale-icon-action-zoom-out.entry.js":["../components/dist/esm/scale-icon-action-zoom-out.entry.js",145],"./scale-icon-alert-antivirus-protection.entry.js":["../components/dist/esm/scale-icon-alert-antivirus-protection.entry.js",146],"./scale-icon-alert-compliance.entry.js":["../components/dist/esm/scale-icon-alert-compliance.entry.js",147],"./scale-icon-alert-cyber-security.entry.js":["../components/dist/esm/scale-icon-alert-cyber-security.entry.js",148],"./scale-icon-alert-help.entry.js":["../components/dist/esm/scale-icon-alert-help.entry.js",149],"./scale-icon-alert-high-priority-email.entry.js":["../components/dist/esm/scale-icon-alert-high-priority-email.entry.js",150],"./scale-icon-alert-imprint-dataprivacy.entry.js":["../components/dist/esm/scale-icon-alert-imprint-dataprivacy.entry.js",151],"./scale-icon-alert-legal.entry.js":["../components/dist/esm/scale-icon-alert-legal.entry.js",152],"./scale-icon-alert-network-disrupted.entry.js":["../components/dist/esm/scale-icon-alert-network-disrupted.entry.js",153],"./scale-icon-alert-password-breaking.entry.js":["../components/dist/esm/scale-icon-alert-password-breaking.entry.js",154],"./scale-icon-alert-security.entry.js":["../components/dist/esm/scale-icon-alert-security.entry.js",155],"./scale-icon-alert-traffic-disruption.entry.js":["../components/dist/esm/scale-icon-alert-traffic-disruption.entry.js",156],"./scale-icon-alert-unknown.entry.js":["../components/dist/esm/scale-icon-alert-unknown.entry.js",157],"./scale-icon-communication-available.entry.js":["../components/dist/esm/scale-icon-communication-available.entry.js",158],"./scale-icon-communication-blog.entry.js":["../components/dist/esm/scale-icon-communication-blog.entry.js",159],"./scale-icon-communication-call-incoming.entry.js":["../components/dist/esm/scale-icon-communication-call-incoming.entry.js",160],"./scale-icon-communication-call-outgoing.entry.js":["../components/dist/esm/scale-icon-communication-call-outgoing.entry.js",161],"./scale-icon-communication-chat-badge.entry.js":["../components/dist/esm/scale-icon-communication-chat-badge.entry.js",162],"./scale-icon-communication-chat.entry.js":["../components/dist/esm/scale-icon-communication-chat.entry.js",163],"./scale-icon-communication-email.entry.js":["../components/dist/esm/scale-icon-communication-email.entry.js",164],"./scale-icon-communication-end-call.entry.js":["../components/dist/esm/scale-icon-communication-end-call.entry.js",165],"./scale-icon-communication-feedback.entry.js":["../components/dist/esm/scale-icon-communication-feedback.entry.js",166],"./scale-icon-communication-flight-mode.entry.js":["../components/dist/esm/scale-icon-communication-flight-mode.entry.js",167],"./scale-icon-communication-happy-person.entry.js":["../components/dist/esm/scale-icon-communication-happy-person.entry.js",168],"./scale-icon-communication-inbox.entry.js":["../components/dist/esm/scale-icon-communication-inbox.entry.js",169],"./scale-icon-communication-landing-mobile-contact-client.entry.js":["../components/dist/esm/scale-icon-communication-landing-mobile-contact-client.entry.js",170],"./scale-icon-communication-loyalty-earned.entry.js":["../components/dist/esm/scale-icon-communication-loyalty-earned.entry.js",171],"./scale-icon-communication-loyalty-lost.entry.js":["../components/dist/esm/scale-icon-communication-loyalty-lost.entry.js",172],"./scale-icon-communication-mail-opened.entry.js":["../components/dist/esm/scale-icon-communication-mail-opened.entry.js",173],"./scale-icon-communication-message-incoming.entry.js":["../components/dist/esm/scale-icon-communication-message-incoming.entry.js",174],"./scale-icon-communication-message-outgoing.entry.js":["../components/dist/esm/scale-icon-communication-message-outgoing.entry.js",175],"./scale-icon-communication-message.entry.js":["../components/dist/esm/scale-icon-communication-message.entry.js",176],"./scale-icon-communication-mms-incoming.entry.js":["../components/dist/esm/scale-icon-communication-mms-incoming.entry.js",177],"./scale-icon-communication-mms-outgoing.entry.js":["../components/dist/esm/scale-icon-communication-mms-outgoing.entry.js",178],"./scale-icon-communication-mobile-phone-number.entry.js":["../components/dist/esm/scale-icon-communication-mobile-phone-number.entry.js",179],"./scale-icon-communication-network-signal.entry.js":["../components/dist/esm/scale-icon-communication-network-signal.entry.js",180],"./scale-icon-communication-new-email.entry.js":["../components/dist/esm/scale-icon-communication-new-email.entry.js",181],"./scale-icon-communication-outbox.entry.js":["../components/dist/esm/scale-icon-communication-outbox.entry.js",182],"./scale-icon-communication-phone-number.entry.js":["../components/dist/esm/scale-icon-communication-phone-number.entry.js",183],"./scale-icon-communication-recipient.entry.js":["../components/dist/esm/scale-icon-communication-recipient.entry.js",184],"./scale-icon-communication-save-emails-to-drafts.entry.js":["../components/dist/esm/scale-icon-communication-save-emails-to-drafts.entry.js",185],"./scale-icon-communication-sms.entry.js":["../components/dist/esm/scale-icon-communication-sms.entry.js",186],"./scale-icon-communication-spam.entry.js":["../components/dist/esm/scale-icon-communication-spam.entry.js",187],"./scale-icon-communication-voice-message.entry.js":["../components/dist/esm/scale-icon-communication-voice-message.entry.js",188],"./scale-icon-content-2fa-google-auth.entry.js":["../components/dist/esm/scale-icon-content-2fa-google-auth.entry.js",189],"./scale-icon-content-achievement.entry.js":["../components/dist/esm/scale-icon-content-achievement.entry.js",190],"./scale-icon-content-android.entry.js":["../components/dist/esm/scale-icon-content-android.entry.js",191],"./scale-icon-content-apple.entry.js":["../components/dist/esm/scale-icon-content-apple.entry.js",192],"./scale-icon-content-applications.entry.js":["../components/dist/esm/scale-icon-content-applications.entry.js",193],"./scale-icon-content-available-keychain.entry.js":["../components/dist/esm/scale-icon-content-available-keychain.entry.js",194],"./scale-icon-content-bank.entry.js":["../components/dist/esm/scale-icon-content-bank.entry.js",195],"./scale-icon-content-biometric.entry.js":["../components/dist/esm/scale-icon-content-biometric.entry.js",196],"./scale-icon-content-birthday.entry.js":["../components/dist/esm/scale-icon-content-birthday.entry.js",197],"./scale-icon-content-bookmark.entry.js":["../components/dist/esm/scale-icon-content-bookmark.entry.js",198],"./scale-icon-content-clipboard.entry.js":["../components/dist/esm/scale-icon-content-clipboard.entry.js",199],"./scale-icon-content-clock.entry.js":["../components/dist/esm/scale-icon-content-clock.entry.js",200],"./scale-icon-content-cloud-security.entry.js":["../components/dist/esm/scale-icon-content-cloud-security.entry.js",201],"./scale-icon-content-code-scanner.entry.js":["../components/dist/esm/scale-icon-content-code-scanner.entry.js",202],"./scale-icon-content-color-selection.entry.js":["../components/dist/esm/scale-icon-content-color-selection.entry.js",203],"./scale-icon-content-country.entry.js":["../components/dist/esm/scale-icon-content-country.entry.js",204],"./scale-icon-content-credit-card.entry.js":["../components/dist/esm/scale-icon-content-credit-card.entry.js",205],"./scale-icon-content-data-visualisation.entry.js":["../components/dist/esm/scale-icon-content-data-visualisation.entry.js",206],"./scale-icon-content-delivery.entry.js":["../components/dist/esm/scale-icon-content-delivery.entry.js",207],"./scale-icon-content-digital-banking.entry.js":["../components/dist/esm/scale-icon-content-digital-banking.entry.js",208],"./scale-icon-content-digital-media.entry.js":["../components/dist/esm/scale-icon-content-digital-media.entry.js",209],"./scale-icon-content-discount.entry.js":["../components/dist/esm/scale-icon-content-discount.entry.js",210],"./scale-icon-content-e-sim.entry.js":["../components/dist/esm/scale-icon-content-e-sim.entry.js",211],"./scale-icon-content-eu.entry.js":["../components/dist/esm/scale-icon-content-eu.entry.js",212],"./scale-icon-content-face-mask.entry.js":["../components/dist/esm/scale-icon-content-face-mask.entry.js",213],"./scale-icon-content-features.entry.js":["../components/dist/esm/scale-icon-content-features.entry.js",214],"./scale-icon-content-flexible-tariffs.entry.js":["../components/dist/esm/scale-icon-content-flexible-tariffs.entry.js",215],"./scale-icon-content-folder.entry.js":["../components/dist/esm/scale-icon-content-folder.entry.js",216],"./scale-icon-content-food.entry.js":["../components/dist/esm/scale-icon-content-food.entry.js",217],"./scale-icon-content-gender-diverse.entry.js":["../components/dist/esm/scale-icon-content-gender-diverse.entry.js",218],"./scale-icon-content-gender-female.entry.js":["../components/dist/esm/scale-icon-content-gender-female.entry.js",219],"./scale-icon-content-gender-male.entry.js":["../components/dist/esm/scale-icon-content-gender-male.entry.js",220],"./scale-icon-content-half-rating.entry.js":["../components/dist/esm/scale-icon-content-half-rating.entry.js",221],"./scale-icon-content-heart.entry.js":["../components/dist/esm/scale-icon-content-heart.entry.js",222],"./scale-icon-content-height.entry.js":["../components/dist/esm/scale-icon-content-height.entry.js",223],"./scale-icon-content-history.entry.js":["../components/dist/esm/scale-icon-content-history.entry.js",224],"./scale-icon-content-hour-glass.entry.js":["../components/dist/esm/scale-icon-content-hour-glass.entry.js",225],"./scale-icon-content-iban.entry.js":["../components/dist/esm/scale-icon-content-iban.entry.js",226],"./scale-icon-content-id.entry.js":["../components/dist/esm/scale-icon-content-id.entry.js",227],"./scale-icon-content-in-stock.entry.js":["../components/dist/esm/scale-icon-content-in-stock.entry.js",228],"./scale-icon-content-international-sms.entry.js":["../components/dist/esm/scale-icon-content-international-sms.entry.js",229],"./scale-icon-content-international.entry.js":["../components/dist/esm/scale-icon-content-international.entry.js",230],"./scale-icon-content-interview.entry.js":["../components/dist/esm/scale-icon-content-interview.entry.js",231],"./scale-icon-content-key.entry.js":["../components/dist/esm/scale-icon-content-key.entry.js",232],"./scale-icon-content-language.entry.js":["../components/dist/esm/scale-icon-content-language.entry.js",233],"./scale-icon-content-lock.entry.js":["../components/dist/esm/scale-icon-content-lock.entry.js",234],"./scale-icon-content-loyalty.entry.js":["../components/dist/esm/scale-icon-content-loyalty.entry.js",235],"./scale-icon-content-media-folder.entry.js":["../components/dist/esm/scale-icon-content-media-folder.entry.js",236],"./scale-icon-content-money-at.entry.js":["../components/dist/esm/scale-icon-content-money-at.entry.js",237],"./scale-icon-content-music.entry.js":["../components/dist/esm/scale-icon-content-music.entry.js",238],"./scale-icon-content-news.entry.js":["../components/dist/esm/scale-icon-content-news.entry.js",239],"./scale-icon-content-out-of-stock.entry.js":["../components/dist/esm/scale-icon-content-out-of-stock.entry.js",240],"./scale-icon-content-person-walking.entry.js":["../components/dist/esm/scale-icon-content-person-walking.entry.js",241],"./scale-icon-content-prepaid-activate.entry.js":["../components/dist/esm/scale-icon-content-prepaid-activate.entry.js",242],"./scale-icon-content-price-tag.entry.js":["../components/dist/esm/scale-icon-content-price-tag.entry.js",243],"./scale-icon-content-ratings.entry.js":["../components/dist/esm/scale-icon-content-ratings.entry.js",244],"./scale-icon-content-route.entry.js":["../components/dist/esm/scale-icon-content-route.entry.js",245],"./scale-icon-content-rss.entry.js":["../components/dist/esm/scale-icon-content-rss.entry.js",246],"./scale-icon-content-shop.entry.js":["../components/dist/esm/scale-icon-content-shop.entry.js",247],"./scale-icon-content-signal.entry.js":["../components/dist/esm/scale-icon-content-signal.entry.js",248],"./scale-icon-content-sim-card.entry.js":["../components/dist/esm/scale-icon-content-sim-card.entry.js",249],"./scale-icon-content-smile.entry.js":["../components/dist/esm/scale-icon-content-smile.entry.js",250],"./scale-icon-content-sort-indicator-mini-down.entry.js":["../components/dist/esm/scale-icon-content-sort-indicator-mini-down.entry.js",251],"./scale-icon-content-sort-indicator-up-mini.entry.js":["../components/dist/esm/scale-icon-content-sort-indicator-up-mini.entry.js",252],"./scale-icon-content-status-inactive.entry.js":["../components/dist/esm/scale-icon-content-status-inactive.entry.js",253],"./scale-icon-content-status-recurring.entry.js":["../components/dist/esm/scale-icon-content-status-recurring.entry.js",254],"./scale-icon-content-stopwatch.entry.js":["../components/dist/esm/scale-icon-content-stopwatch.entry.js",255],"./scale-icon-content-support-chat.entry.js":["../components/dist/esm/scale-icon-content-support-chat.entry.js",256],"./scale-icon-content-sustainable.entry.js":["../components/dist/esm/scale-icon-content-sustainable.entry.js",257],"./scale-icon-content-tariffs.entry.js":["../components/dist/esm/scale-icon-content-tariffs.entry.js",258],"./scale-icon-content-threats.entry.js":["../components/dist/esm/scale-icon-content-threats.entry.js",259],"./scale-icon-content-todo-list.entry.js":["../components/dist/esm/scale-icon-content-todo-list.entry.js",260],"./scale-icon-content-transport.entry.js":["../components/dist/esm/scale-icon-content-transport.entry.js",261],"./scale-icon-content-unlock.entry.js":["../components/dist/esm/scale-icon-content-unlock.entry.js",262],"./scale-icon-content-voucher.entry.js":["../components/dist/esm/scale-icon-content-voucher.entry.js",263],"./scale-icon-content-waiting.entry.js":["../components/dist/esm/scale-icon-content-waiting.entry.js",264],"./scale-icon-content-wallet.entry.js":["../components/dist/esm/scale-icon-content-wallet.entry.js",265],"./scale-icon-device-add-device.entry.js":["../components/dist/esm/scale-icon-device-add-device.entry.js",266],"./scale-icon-device-camera.entry.js":["../components/dist/esm/scale-icon-device-camera.entry.js",267],"./scale-icon-device-change-camera.entry.js":["../components/dist/esm/scale-icon-device-change-camera.entry.js",268],"./scale-icon-device-computer.entry.js":["../components/dist/esm/scale-icon-device-computer.entry.js",269],"./scale-icon-device-device-controller.entry.js":["../components/dist/esm/scale-icon-device-device-controller.entry.js",270],"./scale-icon-device-device-ethernet.entry.js":["../components/dist/esm/scale-icon-device-device-ethernet.entry.js",271],"./scale-icon-device-device-mesh.entry.js":["../components/dist/esm/scale-icon-device-device-mesh.entry.js",272],"./scale-icon-device-device-phone.entry.js":["../components/dist/esm/scale-icon-device-device-phone.entry.js",273],"./scale-icon-device-device-router.entry.js":["../components/dist/esm/scale-icon-device-device-router.entry.js",274],"./scale-icon-device-device-tv.entry.js":["../components/dist/esm/scale-icon-device-device-tv.entry.js",275],"./scale-icon-device-device-watch.entry.js":["../components/dist/esm/scale-icon-device-device-watch.entry.js",276],"./scale-icon-device-dongle.entry.js":["../components/dist/esm/scale-icon-device-dongle.entry.js",277],"./scale-icon-device-fax.entry.js":["../components/dist/esm/scale-icon-device-fax.entry.js",278],"./scale-icon-device-fixed-line-services.entry.js":["../components/dist/esm/scale-icon-device-fixed-line-services.entry.js",279],"./scale-icon-device-game-controller.entry.js":["../components/dist/esm/scale-icon-device-game-controller.entry.js",280],"./scale-icon-device-media-receiver.entry.js":["../components/dist/esm/scale-icon-device-media-receiver.entry.js",281],"./scale-icon-device-mobile-data.entry.js":["../components/dist/esm/scale-icon-device-mobile-data.entry.js",282],"./scale-icon-device-mobile-devices-combination.entry.js":["../components/dist/esm/scale-icon-device-mobile-devices-combination.entry.js",283],"./scale-icon-device-mobile-equipment.entry.js":["../components/dist/esm/scale-icon-device-mobile-equipment.entry.js",284],"./scale-icon-device-mobile-phone-insurance.entry.js":["../components/dist/esm/scale-icon-device-mobile-phone-insurance.entry.js",285],"./scale-icon-device-mobile-services.entry.js":["../components/dist/esm/scale-icon-device-mobile-services.entry.js",286],"./scale-icon-device-no-camera.entry.js":["../components/dist/esm/scale-icon-device-no-camera.entry.js",287],"./scale-icon-device-phone-with-mobile-plan.entry.js":["../components/dist/esm/scale-icon-device-phone-with-mobile-plan.entry.js",288],"./scale-icon-device-phone-without-mobile-plan.entry.js":["../components/dist/esm/scale-icon-device-phone-without-mobile-plan.entry.js",289],"./scale-icon-device-photo-camera.entry.js":["../components/dist/esm/scale-icon-device-photo-camera.entry.js",290],"./scale-icon-device-remote-controller.entry.js":["../components/dist/esm/scale-icon-device-remote-controller.entry.js",291],"./scale-icon-device-replacement-mobilephone.entry.js":["../components/dist/esm/scale-icon-device-replacement-mobilephone.entry.js",292],"./scale-icon-device-screen-rotate.entry.js":["../components/dist/esm/scale-icon-device-screen-rotate.entry.js",293],"./scale-icon-device-server.entry.js":["../components/dist/esm/scale-icon-device-server.entry.js",294],"./scale-icon-device-smart-speaker.entry.js":["../components/dist/esm/scale-icon-device-smart-speaker.entry.js",295],"./scale-icon-device-tablet.entry.js":["../components/dist/esm/scale-icon-device-tablet.entry.js",296],"./scale-icon-device-tv-and-mobile.entry.js":["../components/dist/esm/scale-icon-device-tv-and-mobile.entry.js",297],"./scale-icon-device-twitching-closed-state.entry.js":["../components/dist/esm/scale-icon-device-twitching-closed-state.entry.js",298],"./scale-icon-device-twitching-open-state.entry.js":["../components/dist/esm/scale-icon-device-twitching-open-state.entry.js",299],"./scale-icon-home-home.entry.js":["../components/dist/esm/scale-icon-home-home.entry.js",300],"./scale-icon-home-internet-at-home.entry.js":["../components/dist/esm/scale-icon-home-internet-at-home.entry.js",301],"./scale-icon-home-iot.entry.js":["../components/dist/esm/scale-icon-home-iot.entry.js",302],"./scale-icon-home-light-bulb.entry.js":["../components/dist/esm/scale-icon-home-light-bulb.entry.js",303],"./scale-icon-home-network-secure.entry.js":["../components/dist/esm/scale-icon-home-network-secure.entry.js",304],"./scale-icon-home-no-wifi.entry.js":["../components/dist/esm/scale-icon-home-no-wifi.entry.js",305],"./scale-icon-home-power-socket.entry.js":["../components/dist/esm/scale-icon-home-power-socket.entry.js",306],"./scale-icon-home-preferred-wifi.entry.js":["../components/dist/esm/scale-icon-home-preferred-wifi.entry.js",307],"./scale-icon-home-reduced-wifi.entry.js":["../components/dist/esm/scale-icon-home-reduced-wifi.entry.js",308],"./scale-icon-home-slow-wifi.entry.js":["../components/dist/esm/scale-icon-home-slow-wifi.entry.js",309],"./scale-icon-home-smarthome.entry.js":["../components/dist/esm/scale-icon-home-smarthome.entry.js",310],"./scale-icon-home-unable-to-connect-to-router.entry.js":["../components/dist/esm/scale-icon-home-unable-to-connect-to-router.entry.js",311],"./scale-icon-home-wifi-connected.entry.js":["../components/dist/esm/scale-icon-home-wifi-connected.entry.js",312],"./scale-icon-home-wifi-connection-error.entry.js":["../components/dist/esm/scale-icon-home-wifi-connection-error.entry.js",313],"./scale-icon-home-wifi-manual-login.entry.js":["../components/dist/esm/scale-icon-home-wifi-manual-login.entry.js",314],"./scale-icon-home-wifi-no-wired-internet.entry.js":["../components/dist/esm/scale-icon-home-wifi-no-wired-internet.entry.js",315],"./scale-icon-home-wifi.entry.js":["../components/dist/esm/scale-icon-home-wifi.entry.js",316],"./scale-icon-navigation-circle-top-up.entry.js":["../components/dist/esm/scale-icon-navigation-circle-top-up.entry.js",317],"./scale-icon-navigation-collapse-down.entry.js":["../components/dist/esm/scale-icon-navigation-collapse-down.entry.js",318],"./scale-icon-navigation-collapse-up.entry.js":["../components/dist/esm/scale-icon-navigation-collapse-up.entry.js",319],"./scale-icon-navigation-double-left_2.entry.js":["../components/dist/esm/scale-icon-navigation-double-left_2.entry.js",320],"./scale-icon-navigation-external-link.entry.js":["../components/dist/esm/scale-icon-navigation-external-link.entry.js",321],"./scale-icon-navigation-internal-link.entry.js":["../components/dist/esm/scale-icon-navigation-internal-link.entry.js",322],"./scale-icon-navigation-left-condensed.entry.js":["../components/dist/esm/scale-icon-navigation-left-condensed.entry.js",323],"./scale-icon-navigation-left.entry.js":["../components/dist/esm/scale-icon-navigation-left.entry.js",324],"./scale-icon-navigation-location.entry.js":["../components/dist/esm/scale-icon-navigation-location.entry.js",325],"./scale-icon-navigation-map.entry.js":["../components/dist/esm/scale-icon-navigation-map.entry.js",326],"./scale-icon-navigation-my-location.entry.js":["../components/dist/esm/scale-icon-navigation-my-location.entry.js",327],"./scale-icon-navigation-right-condensed.entry.js":["../components/dist/esm/scale-icon-navigation-right-condensed.entry.js",328],"./scale-icon-navigation-right.entry.js":["../components/dist/esm/scale-icon-navigation-right.entry.js",329],"./scale-icon-navigation-start.entry.js":["../components/dist/esm/scale-icon-navigation-start.entry.js",330],"./scale-icon-navigation-top-up.entry.js":["../components/dist/esm/scale-icon-navigation-top-up.entry.js",331],"./scale-icon-process-order-status.entry.js":["../components/dist/esm/scale-icon-process-order-status.entry.js",332],"./scale-icon-process-processing.entry.js":["../components/dist/esm/scale-icon-process-processing.entry.js",333],"./scale-icon-process-sepa-transaction.entry.js":["../components/dist/esm/scale-icon-process-sepa-transaction.entry.js",334],"./scale-icon-service-devices-service.entry.js":["../components/dist/esm/scale-icon-service-devices-service.entry.js",335],"./scale-icon-service-maintanance.entry.js":["../components/dist/esm/scale-icon-service-maintanance.entry.js",336],"./scale-icon-service-manual.entry.js":["../components/dist/esm/scale-icon-service-manual.entry.js",337],"./scale-icon-service-one-time-password.entry.js":["../components/dist/esm/scale-icon-service-one-time-password.entry.js",338],"./scale-icon-service-services.entry.js":["../components/dist/esm/scale-icon-service-services.entry.js",339],"./scale-icon-service-support.entry.js":["../components/dist/esm/scale-icon-service-support.entry.js",340],"./scale-icon-service-vpn.entry.js":["../components/dist/esm/scale-icon-service-vpn.entry.js",341],"./scale-icon-t-product-2fa-telekom-app.entry.js":["../components/dist/esm/scale-icon-t-product-2fa-telekom-app.entry.js",342],"./scale-icon-t-product-magenta-cloud.entry.js":["../components/dist/esm/scale-icon-t-product-magenta-cloud.entry.js",343],"./scale-icon-t-product-magenta-tv.entry.js":["../components/dist/esm/scale-icon-t-product-magenta-tv.entry.js",344],"./scale-icon-t-product-magentaone.entry.js":["../components/dist/esm/scale-icon-t-product-magentaone.entry.js",345],"./scale-icon-t-product-measure-internet-speed.entry.js":["../components/dist/esm/scale-icon-t-product-measure-internet-speed.entry.js",346],"./scale-icon-t-product-seamless-connectivity.entry.js":["../components/dist/esm/scale-icon-t-product-seamless-connectivity.entry.js",347],"./scale-icon-t-product-telekom-1t1.entry.js":["../components/dist/esm/scale-icon-t-product-telekom-1t1.entry.js",348],"./scale-icon-t-product-telekom-plan.entry.js":["../components/dist/esm/scale-icon-t-product-telekom-plan.entry.js",349],"./scale-icon-t-product-telekom-shop-b.entry.js":["../components/dist/esm/scale-icon-t-product-telekom-shop-b.entry.js",350],"./scale-icon-t-product-usage.entry.js":["../components/dist/esm/scale-icon-t-product-usage.entry.js",351],"./scale-icon-t-product-voice.entry.js":["../components/dist/esm/scale-icon-t-product-voice.entry.js",352],"./scale-icon-user-file-admin.entry.js":["../components/dist/esm/scale-icon-user-file-admin.entry.js",353],"./scale-icon-user-file-analytics.entry.js":["../components/dist/esm/scale-icon-user-file-analytics.entry.js",354],"./scale-icon-user-file-attachment.entry.js":["../components/dist/esm/scale-icon-user-file-attachment.entry.js",355],"./scale-icon-user-file-audio-file.entry.js":["../components/dist/esm/scale-icon-user-file-audio-file.entry.js",356],"./scale-icon-user-file-billing.entry.js":["../components/dist/esm/scale-icon-user-file-billing.entry.js",357],"./scale-icon-user-file-boy.entry.js":["../components/dist/esm/scale-icon-user-file-boy.entry.js",358],"./scale-icon-user-file-bussines-users.entry.js":["../components/dist/esm/scale-icon-user-file-bussines-users.entry.js",359],"./scale-icon-user-file-communities.entry.js":["../components/dist/esm/scale-icon-user-file-communities.entry.js",360],"./scale-icon-user-file-contacts-from-cloud.entry.js":["../components/dist/esm/scale-icon-user-file-contacts-from-cloud.entry.js",361],"./scale-icon-user-file-contacts.entry.js":["../components/dist/esm/scale-icon-user-file-contacts.entry.js",362],"./scale-icon-user-file-contracts.entry.js":["../components/dist/esm/scale-icon-user-file-contracts.entry.js",363],"./scale-icon-user-file-draft-file.entry.js":["../components/dist/esm/scale-icon-user-file-draft-file.entry.js",364],"./scale-icon-user-file-families.entry.js":["../components/dist/esm/scale-icon-user-file-families.entry.js",365],"./scale-icon-user-file-family.entry.js":["../components/dist/esm/scale-icon-user-file-family.entry.js",366],"./scale-icon-user-file-file-collection.entry.js":["../components/dist/esm/scale-icon-user-file-file-collection.entry.js",367],"./scale-icon-user-file-file.entry.js":["../components/dist/esm/scale-icon-user-file-file.entry.js",368],"./scale-icon-user-file-girl.entry.js":["../components/dist/esm/scale-icon-user-file-girl.entry.js",369],"./scale-icon-user-file-handshake.entry.js":["../components/dist/esm/scale-icon-user-file-handshake.entry.js",370],"./scale-icon-user-file-html-file.entry.js":["../components/dist/esm/scale-icon-user-file-html-file.entry.js",371],"./scale-icon-user-file-id-card.entry.js":["../components/dist/esm/scale-icon-user-file-id-card.entry.js",372],"./scale-icon-user-file-image-file.entry.js":["../components/dist/esm/scale-icon-user-file-image-file.entry.js",373],"./scale-icon-user-file-logout.entry.js":["../components/dist/esm/scale-icon-user-file-logout.entry.js",374],"./scale-icon-user-file-man.entry.js":["../components/dist/esm/scale-icon-user-file-man.entry.js",375],"./scale-icon-user-file-pdf-file.entry.js":["../components/dist/esm/scale-icon-user-file-pdf-file.entry.js",376],"./scale-icon-user-file-switch-users.entry.js":["../components/dist/esm/scale-icon-user-file-switch-users.entry.js",377],"./scale-icon-user-file-videos.entry.js":["../components/dist/esm/scale-icon-user-file-videos.entry.js",378],"./scale-icon-user-file-woman.entry.js":["../components/dist/esm/scale-icon-user-file-woman.entry.js",379],"./scale-icon-weather-cloudy-rain.entry.js":["../components/dist/esm/scale-icon-weather-cloudy-rain.entry.js",380],"./scale-icon-weather-cloudy-sleet.entry.js":["../components/dist/esm/scale-icon-weather-cloudy-sleet.entry.js",381],"./scale-icon-weather-cloudy-snow.entry.js":["../components/dist/esm/scale-icon-weather-cloudy-snow.entry.js",382],"./scale-icon-weather-cloudy-thunder-rain.entry.js":["../components/dist/esm/scale-icon-weather-cloudy-thunder-rain.entry.js",383],"./scale-icon-weather-cloudy-thunder-snow.entry.js":["../components/dist/esm/scale-icon-weather-cloudy-thunder-snow.entry.js",384],"./scale-icon-weather-cloudy.entry.js":["../components/dist/esm/scale-icon-weather-cloudy.entry.js",385],"./scale-icon-weather-heavy-sleet.entry.js":["../components/dist/esm/scale-icon-weather-heavy-sleet.entry.js",386],"./scale-icon-weather-heavy-snow.entry.js":["../components/dist/esm/scale-icon-weather-heavy-snow.entry.js",387],"./scale-icon-weather-moon-clear.entry.js":["../components/dist/esm/scale-icon-weather-moon-clear.entry.js",388],"./scale-icon-weather-moon-cloudy-a.entry.js":["../components/dist/esm/scale-icon-weather-moon-cloudy-a.entry.js",389],"./scale-icon-weather-moon-cloudy-b.entry.js":["../components/dist/esm/scale-icon-weather-moon-cloudy-b.entry.js",390],"./scale-icon-weather-moon-rain.entry.js":["../components/dist/esm/scale-icon-weather-moon-rain.entry.js",391],"./scale-icon-weather-moon-sleet.entry.js":["../components/dist/esm/scale-icon-weather-moon-sleet.entry.js",392],"./scale-icon-weather-moon-snow.entry.js":["../components/dist/esm/scale-icon-weather-moon-snow.entry.js",393],"./scale-icon-weather-moon-thunder-rain.entry.js":["../components/dist/esm/scale-icon-weather-moon-thunder-rain.entry.js",394],"./scale-icon-weather-moon-thunder-snow.entry.js":["../components/dist/esm/scale-icon-weather-moon-thunder-snow.entry.js",395],"./scale-icon-weather-overcast.entry.js":["../components/dist/esm/scale-icon-weather-overcast.entry.js",396],"./scale-icon-weather-rain.entry.js":["../components/dist/esm/scale-icon-weather-rain.entry.js",397],"./scale-icon-weather-sunny.entry.js":["../components/dist/esm/scale-icon-weather-sunny.entry.js",398],"./scale-icon-weather-thunder-rain.entry.js":["../components/dist/esm/scale-icon-weather-thunder-rain.entry.js",399],"./scale-icon-weather-thunder-snow.entry.js":["../components/dist/esm/scale-icon-weather-thunder-snow.entry.js",400],"./scale-input.entry.js":["../components/dist/esm/scale-input.entry.js",10],"./scale-link.entry.js":["../components/dist/esm/scale-link.entry.js",401],"./scale-list-item.entry.js":["../components/dist/esm/scale-list-item.entry.js",52],"./scale-list.entry.js":["../components/dist/esm/scale-list.entry.js",53],"./scale-loading-spinner.entry.js":["../components/dist/esm/scale-loading-spinner.entry.js",54],"./scale-logo_2.entry.js":["../components/dist/esm/scale-logo_2.entry.js",38],"./scale-menu-flyout-divider.entry.js":["../components/dist/esm/scale-menu-flyout-divider.entry.js",55],"./scale-modal.entry.js":["../components/dist/esm/scale-modal.entry.js",39],"./scale-notification-banner.entry.js":["../components/dist/esm/scale-notification-banner.entry.js",16],"./scale-notification-message.entry.js":["../components/dist/esm/scale-notification-message.entry.js",17],"./scale-notification-toast.entry.js":["../components/dist/esm/scale-notification-toast.entry.js",18],"./scale-notification.entry.js":["../components/dist/esm/scale-notification.entry.js",40],"./scale-radio-button-group.entry.js":["../components/dist/esm/scale-radio-button-group.entry.js",19],"./scale-radio-button.entry.js":["../components/dist/esm/scale-radio-button.entry.js",20],"./scale-rating-stars.entry.js":["../components/dist/esm/scale-rating-stars.entry.js",45],"./scale-segment.entry.js":["../components/dist/esm/scale-segment.entry.js",11],"./scale-segmented-button.entry.js":["../components/dist/esm/scale-segmented-button.entry.js",41],"./scale-sidebar-nav-collapsible.entry.js":["../components/dist/esm/scale-sidebar-nav-collapsible.entry.js",56],"./scale-sidebar-nav-item.entry.js":["../components/dist/esm/scale-sidebar-nav-item.entry.js",57],"./scale-sidebar-nav.entry.js":["../components/dist/esm/scale-sidebar-nav.entry.js",42],"./scale-slider.entry.js":["../components/dist/esm/scale-slider.entry.js",21],"./scale-ssr-slot-fix.entry.js":["../components/dist/esm/scale-ssr-slot-fix.entry.js",402],"./scale-tab-header.entry.js":["../components/dist/esm/scale-tab-header.entry.js",22],"./scale-tab-nav.entry.js":["../components/dist/esm/scale-tab-nav.entry.js",43],"./scale-tab-panel.entry.js":["../components/dist/esm/scale-tab-panel.entry.js",62],"./scale-table.entry.js":["../components/dist/esm/scale-table.entry.js",23],"./scale-telekom-app-shell.entry.js":["../components/dist/esm/scale-telekom-app-shell.entry.js",403],"./scale-telekom-footer-data-back-compat.entry.js":["../components/dist/esm/scale-telekom-footer-data-back-compat.entry.js",404],"./scale-telekom-footer-extended-navigation-column.entry.js":["../components/dist/esm/scale-telekom-footer-extended-navigation-column.entry.js",58],"./scale-telekom-footer-extended-navigation.entry.js":["../components/dist/esm/scale-telekom-footer-extended-navigation.entry.js",405],"./scale-telekom-footer_2.entry.js":["../components/dist/esm/scale-telekom-footer_2.entry.js",59],"./scale-telekom-header-data-back-compat.entry.js":["../components/dist/esm/scale-telekom-header-data-back-compat.entry.js",12],"./scale-telekom-profile-menu.entry.js":["../components/dist/esm/scale-telekom-profile-menu.entry.js",406],"./scale-textarea.entry.js":["../components/dist/esm/scale-textarea.entry.js",24],"./scale-toast.entry.js":["../components/dist/esm/scale-toast.entry.js",6],"./scale-toggle-button.entry.js":["../components/dist/esm/scale-toggle-button.entry.js",25],"./scale-toggle-group.entry.js":["../components/dist/esm/scale-toggle-group.entry.js",26],"./scale-tooltip.entry.js":["../components/dist/esm/scale-tooltip.entry.js",0,407]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((function(){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((function(){return __webpack_require__(id)}))}webpackAsyncContext.keys=function webpackAsyncContextKeys(){return Object.keys(map)},webpackAsyncContext.id="../components/dist/esm lazy recursive ^\\.\\/.*\\.entry\\.js$ include: \\.entry\\.js$ exclude: \\.system\\.entry\\.js$",module.exports=webpackAsyncContext},"../components/dist/esm/index-6d95a4bc.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Fragment})),__webpack_require__.d(__webpack_exports__,"b",(function(){return NAMESPACE})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Host})),__webpack_require__.d(__webpack_exports__,"d",(function(){return bootstrapLazy})),__webpack_require__.d(__webpack_exports__,"e",(function(){return createEvent})),__webpack_require__.d(__webpack_exports__,"f",(function(){return getElement})),__webpack_require__.d(__webpack_exports__,"g",(function(){return h})),__webpack_require__.d(__webpack_exports__,"h",(function(){return promiseResolve})),__webpack_require__.d(__webpack_exports__,"i",(function(){return registerInstance}));__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.weak-map.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.set.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.find.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.some.js"),__webpack_require__("../../node_modules/core-js/modules/es.map.js"),__webpack_require__("../../node_modules/core-js/modules/es.parse-float.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.is-nan.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.every.js"),__webpack_require__("../../node_modules/core-js/modules/web.url.js"),__webpack_require__("../../node_modules/core-js/modules/web.timers.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.create.js");function _defineProperties(target,props){for(var i=0;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i2?_len-2:0),_key=2;_key<_len;_key++)children[_key-2]=arguments[_key];if(walk(children),vnodeData){vnodeData.key&&(key=vnodeData.key),vnodeData.name&&(slotName=vnodeData.name);var classData=vnodeData.className||vnodeData.class;classData&&(vnodeData.class="object"!=typeof classData?classData:Object.keys(classData).filter((function(k){return classData[k]})).join(" "))}if("function"==typeof nodeName)return nodeName(null===vnodeData?{}:vnodeData,vNodeChildren,vdomFnUtils);var vnode=newVNode(nodeName,null);return vnode.$attrs$=vnodeData,vNodeChildren.length>0&&(vnode.$children$=vNodeChildren),vnode.$key$=key,vnode.$name$=slotName,vnode},newVNode=function newVNode(tag,text){var vnode={$flags$:0,$tag$:tag,$text$:text,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null};return vnode},Host={},vdomFnUtils={forEach:function forEach(children,cb){return children.map(convertToPublic).forEach(cb)},map:function map(children,cb){return children.map(convertToPublic).map(cb).map(convertToPrivate)}},convertToPublic=function convertToPublic(node){return{vattrs:node.$attrs$,vchildren:node.$children$,vkey:node.$key$,vname:node.$name$,vtag:node.$tag$,vtext:node.$text$}},convertToPrivate=function convertToPrivate(node){if("function"==typeof node.vtag){var vnodeData=Object.assign({},node.vattrs);return node.vkey&&(vnodeData.key=node.vkey),node.vname&&(vnodeData.name=node.vname),h.apply(void 0,[node.vtag,vnodeData].concat(_toConsumableArray(node.vchildren||[])))}var vnode=newVNode(node.vtag,node.vtext);return vnode.$attrs$=node.vattrs,vnode.$children$=node.vchildren,vnode.$key$=node.vkey,vnode.$name$=node.vname,vnode},setAccessor=function setAccessor(elm,memberName,oldValue,newValue,isSvg,flags){if(oldValue!==newValue){var isProp=isMemberInElement(elm,memberName),ln=memberName.toLowerCase();if("class"===memberName){var classList=elm.classList,oldClasses=parseClassList(oldValue),newClasses=parseClassList(newValue);classList.remove.apply(classList,_toConsumableArray(oldClasses.filter((function(c){return c&&!newClasses.includes(c)})))),classList.add.apply(classList,_toConsumableArray(newClasses.filter((function(c){return c&&!oldClasses.includes(c)}))))}else if("style"===memberName){for(var prop in oldValue)newValue&&null!=newValue[prop]||(prop.includes("-")?elm.style.removeProperty(prop):elm.style[prop]="");for(var _prop in newValue)oldValue&&newValue[_prop]===oldValue[_prop]||(_prop.includes("-")?elm.style.setProperty(_prop,newValue[_prop]):elm.style[_prop]=newValue[_prop])}else if("key"===memberName);else if("ref"===memberName)newValue&&newValue(elm);else if(isProp||"o"!==memberName[0]||"n"!==memberName[1]){var isComplex=isComplexType(newValue);if((isProp||isComplex&&null!==newValue)&&!isSvg)try{if(elm.tagName.includes("-"))elm[memberName]=newValue;else{var n=null==newValue?"":newValue;"list"===memberName?isProp=!1:null!=oldValue&&elm[memberName]==n||(elm[memberName]=n)}}catch(e){}var xlink=!1;ln!==(ln=ln.replace(/^xlink\:?/,""))&&(memberName=ln,xlink=!0),null==newValue||!1===newValue?!1===newValue&&""!==elm.getAttribute(memberName)||(xlink?elm.removeAttributeNS(XLINK_NS,memberName):elm.removeAttribute(memberName)):(!isProp||4&flags||isSvg)&&!isComplex&&(newValue=!0===newValue?"":newValue,xlink?elm.setAttributeNS(XLINK_NS,memberName,newValue):elm.setAttribute(memberName,newValue))}else memberName="-"===memberName[2]?memberName.slice(3):isMemberInElement(win,ln)?ln.slice(2):ln[2]+memberName.slice(3),oldValue&&plt.rel(elm,memberName,oldValue,!1),newValue&&plt.ael(elm,memberName,newValue,!1)}},parseClassListRegex=/\s/,parseClassList=function parseClassList(value){return value?value.split(parseClassListRegex):[]},updateElement=function updateElement(oldVnode,newVnode,isSvgMode,memberName){var elm=11===newVnode.$elm$.nodeType&&newVnode.$elm$.host?newVnode.$elm$.host:newVnode.$elm$,oldVnodeAttrs=oldVnode&&oldVnode.$attrs$||EMPTY_OBJ,newVnodeAttrs=newVnode.$attrs$||EMPTY_OBJ;for(memberName in oldVnodeAttrs)memberName in newVnodeAttrs||setAccessor(elm,memberName,oldVnodeAttrs[memberName],void 0,isSvgMode,newVnode.$flags$);for(memberName in newVnodeAttrs)setAccessor(elm,memberName,oldVnodeAttrs[memberName],newVnodeAttrs[memberName],isSvgMode,newVnode.$flags$)},createElm=function createElm(oldParentVNode,newParentVNode,childIndex,parentElm){var elm,childNode,oldVNode,newVNode=newParentVNode.$children$[childIndex],i=0;if(useNativeShadowDom||(checkSlotRelocate=!0,"slot"===newVNode.$tag$&&(scopeId&&parentElm.classList.add(scopeId+"-s"),newVNode.$flags$|=newVNode.$children$?2:1)),null!==newVNode.$text$)elm=newVNode.$elm$=doc.createTextNode(newVNode.$text$);else if(1&newVNode.$flags$)elm=newVNode.$elm$=doc.createTextNode("");else{if(isSvgMode||(isSvgMode="svg"===newVNode.$tag$),elm=newVNode.$elm$=doc.createElementNS(isSvgMode?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&newVNode.$flags$?"slot-fb":newVNode.$tag$),isSvgMode&&"foreignObject"===newVNode.$tag$&&(isSvgMode=!1),updateElement(null,newVNode,isSvgMode),function isDef(v){return null!=v}(scopeId)&&elm["s-si"]!==scopeId&&elm.classList.add(elm["s-si"]=scopeId),newVNode.$children$)for(i=0;i=0;i--){var childNode=oldSlotChildNodes[i];childNode["s-hn"]!==hostTagName&&childNode["s-ol"]&&(parentReferenceNode(childNode).insertBefore(childNode,referenceNode(childNode)),childNode["s-ol"].remove(),childNode["s-ol"]=void 0,checkSlotRelocate=!0),recursive&&putBackInOriginalLocation(childNode,recursive)}plt.$flags$&=-2},addVnodes=function addVnodes(parentElm,before,parentVNode,vnodes,startIdx,endIdx){var childNode,containerElm=parentElm["s-cr"]&&parentElm["s-cr"].parentNode||parentElm;for(containerElm.shadowRoot&&containerElm.tagName===hostTagName&&(containerElm=containerElm.shadowRoot);startIdx<=endIdx;++startIdx)vnodes[startIdx]&&(childNode=createElm(null,parentVNode,startIdx,parentElm))&&(vnodes[startIdx].$elm$=childNode,containerElm.insertBefore(childNode,referenceNode(before)))},removeVnodes=function removeVnodes(vnodes,startIdx,endIdx,vnode,elm){for(;startIdx<=endIdx;++startIdx)(vnode=vnodes[startIdx])&&(elm=vnode.$elm$,callNodeRefs(vnode),checkSlotFallbackVisibility=!0,elm["s-ol"]?elm["s-ol"].remove():putBackInOriginalLocation(elm,!0),elm.remove())},updateChildren=function updateChildren(parentElm,oldCh,newVNode,newCh){for(var node,elmToMove,oldStartIdx=0,newStartIdx=0,idxInOld=0,i=0,oldEndIdx=oldCh.length-1,oldStartVnode=oldCh[0],oldEndVnode=oldCh[oldEndIdx],newEndIdx=newCh.length-1,newStartVnode=newCh[0],newEndVnode=newCh[newEndIdx];oldStartIdx<=oldEndIdx&&newStartIdx<=newEndIdx;)if(null==oldStartVnode)oldStartVnode=oldCh[++oldStartIdx];else if(null==oldEndVnode)oldEndVnode=oldCh[--oldEndIdx];else if(null==newStartVnode)newStartVnode=newCh[++newStartIdx];else if(null==newEndVnode)newEndVnode=newCh[--newEndIdx];else if(isSameVnode(oldStartVnode,newStartVnode))patch(oldStartVnode,newStartVnode),oldStartVnode=oldCh[++oldStartIdx],newStartVnode=newCh[++newStartIdx];else if(isSameVnode(oldEndVnode,newEndVnode))patch(oldEndVnode,newEndVnode),oldEndVnode=oldCh[--oldEndIdx],newEndVnode=newCh[--newEndIdx];else if(isSameVnode(oldStartVnode,newEndVnode))"slot"!==oldStartVnode.$tag$&&"slot"!==newEndVnode.$tag$||putBackInOriginalLocation(oldStartVnode.$elm$.parentNode,!1),patch(oldStartVnode,newEndVnode),parentElm.insertBefore(oldStartVnode.$elm$,oldEndVnode.$elm$.nextSibling),oldStartVnode=oldCh[++oldStartIdx],newEndVnode=newCh[--newEndIdx];else if(isSameVnode(oldEndVnode,newStartVnode))"slot"!==oldStartVnode.$tag$&&"slot"!==newEndVnode.$tag$||putBackInOriginalLocation(oldEndVnode.$elm$.parentNode,!1),patch(oldEndVnode,newStartVnode),parentElm.insertBefore(oldEndVnode.$elm$,oldStartVnode.$elm$),oldEndVnode=oldCh[--oldEndIdx],newStartVnode=newCh[++newStartIdx];else{for(idxInOld=-1,i=oldStartIdx;i<=oldEndIdx;++i)if(oldCh[i]&&null!==oldCh[i].$key$&&oldCh[i].$key$===newStartVnode.$key$){idxInOld=i;break}idxInOld>=0?((elmToMove=oldCh[idxInOld]).$tag$!==newStartVnode.$tag$?node=createElm(oldCh&&oldCh[newStartIdx],newVNode,idxInOld,parentElm):(patch(elmToMove,newStartVnode),oldCh[idxInOld]=void 0,node=elmToMove.$elm$),newStartVnode=newCh[++newStartIdx]):(node=createElm(oldCh&&oldCh[newStartIdx],newVNode,newStartIdx,parentElm),newStartVnode=newCh[++newStartIdx]),node&&parentReferenceNode(oldStartVnode.$elm$).insertBefore(node,referenceNode(oldStartVnode.$elm$))}oldStartIdx>oldEndIdx?addVnodes(parentElm,null==newCh[newEndIdx+1]?null:newCh[newEndIdx+1].$elm$,newVNode,newCh,newStartIdx,newEndIdx):newStartIdx>newEndIdx&&removeVnodes(oldCh,oldStartIdx,oldEndIdx)},isSameVnode=function isSameVnode(vnode1,vnode2){return vnode1.$tag$===vnode2.$tag$&&("slot"===vnode1.$tag$?vnode1.$name$===vnode2.$name$:vnode1.$key$===vnode2.$key$)},referenceNode=function referenceNode(node){return node&&node["s-ol"]||node},parentReferenceNode=function parentReferenceNode(node){return(node["s-ol"]?node["s-ol"]:node).parentNode},patch=function patch(oldVNode,newVNode){var defaultHolder,elm=newVNode.$elm$=oldVNode.$elm$,oldChildren=oldVNode.$children$,newChildren=newVNode.$children$,tag=newVNode.$tag$,text=newVNode.$text$;null===text?(isSvgMode="svg"===tag||"foreignObject"!==tag&&isSvgMode,"slot"===tag||updateElement(oldVNode,newVNode,isSvgMode),null!==oldChildren&&null!==newChildren?updateChildren(elm,oldChildren,newVNode,newChildren):null!==newChildren?(null!==oldVNode.$text$&&(elm.textContent=""),addVnodes(elm,null,newVNode,newChildren,0,newChildren.length-1)):null!==oldChildren&&removeVnodes(oldChildren,0,oldChildren.length-1),isSvgMode&&"svg"===tag&&(isSvgMode=!1)):(defaultHolder=elm["s-cr"])?defaultHolder.parentNode.textContent=text:oldVNode.$text$!==text&&(elm.data=text)},updateFallbackSlotVisibility=function updateFallbackSlotVisibility(elm){var childNode,i,ilen,j,slotNameAttr,nodeType,childNodes=elm.childNodes;for(i=0,ilen=childNodes.length;i=0;j--)(node=hostContentNodes[j])["s-cn"]||node["s-nr"]||node["s-hn"]===childNode["s-hn"]||(isNodeLocatedInSlot(node,slotNameAttr)?(relocateNodeData=relocateNodes.find((function(r){return r.$nodeToRelocate$===node})),checkSlotFallbackVisibility=!0,node["s-sn"]=node["s-sn"]||slotNameAttr,relocateNodeData?relocateNodeData.$slotRefNode$=childNode:relocateNodes.push({$slotRefNode$:childNode,$nodeToRelocate$:node}),node["s-sr"]&&relocateNodes.map((function(relocateNode){isNodeLocatedInSlot(relocateNode.$nodeToRelocate$,node["s-sn"])&&(relocateNodeData=relocateNodes.find((function(r){return r.$nodeToRelocate$===node})))&&!relocateNode.$slotRefNode$&&(relocateNode.$slotRefNode$=relocateNodeData.$slotRefNode$)}))):relocateNodes.some((function(r){return r.$nodeToRelocate$===node}))||relocateNodes.push({$nodeToRelocate$:node}));1===childNode.nodeType&&relocateSlotContent(childNode)}},isNodeLocatedInSlot=function isNodeLocatedInSlot(nodeToRelocate,slotNameAttr){return 1===nodeToRelocate.nodeType?null===nodeToRelocate.getAttribute("slot")&&""===slotNameAttr||nodeToRelocate.getAttribute("slot")===slotNameAttr:nodeToRelocate["s-sn"]===slotNameAttr||""===slotNameAttr},callNodeRefs=function callNodeRefs(vNode){vNode.$attrs$&&vNode.$attrs$.ref&&vNode.$attrs$.ref(null),vNode.$children$&&vNode.$children$.map(callNodeRefs)},renderVdom=function renderVdom(hostRef,renderFnResults){var hostElm=hostRef.$hostElement$,cmpMeta=hostRef.$cmpMeta$,oldVNode=hostRef.$vnode$||newVNode(null,null),rootVnode=function isHost(node){return node&&node.$tag$===Host}(renderFnResults)?renderFnResults:h(null,null,renderFnResults);if(hostTagName=hostElm.tagName,cmpMeta.$attrsToReflect$&&(rootVnode.$attrs$=rootVnode.$attrs$||{},cmpMeta.$attrsToReflect$.map((function(_ref3){var _ref4=_slicedToArray(_ref3,2),propName=_ref4[0],attribute=_ref4[1];return rootVnode.$attrs$[attribute]=hostElm[propName]}))),rootVnode.$tag$=null,rootVnode.$flags$|=4,hostRef.$vnode$=rootVnode,rootVnode.$elm$=oldVNode.$elm$=hostElm.shadowRoot||hostElm,scopeId=hostElm["s-sc"],contentRef=hostElm["s-cr"],useNativeShadowDom=0!=(1&cmpMeta.$flags$),checkSlotFallbackVisibility=!1,patch(oldVNode,rootVnode),plt.$flags$|=1,checkSlotRelocate){var relocateData,nodeToRelocate,orgLocationNode,parentNodeRef,insertBeforeNode,refNode;relocateSlotContent(rootVnode.$elm$);for(var i=0;i=0;i--)clientHydrate(parentVNode,childRenderNodes,slotNodes,shadowRootNodes,hostElm,node.childNodes[i],hostId);if(node.shadowRoot)for(i=node.shadowRoot.childNodes.length-1;i>=0;i--)clientHydrate(parentVNode,childRenderNodes,slotNodes,shadowRootNodes,hostElm,node.shadowRoot.childNodes[i],hostId)}else if(8===node.nodeType)(childIdSplt=node.nodeValue.split("."))[1]!==hostId&&"0"!==childIdSplt[1]||(childNodeType=childIdSplt[0],childVNode={$flags$:0,$hostId$:childIdSplt[1],$nodeId$:childIdSplt[2],$depth$:childIdSplt[3],$index$:childIdSplt[4],$elm$:node,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},"t"===childNodeType?(childVNode.$elm$=node.nextSibling,childVNode.$elm$&&3===childVNode.$elm$.nodeType&&(childVNode.$text$=childVNode.$elm$.textContent,childRenderNodes.push(childVNode),node.remove(),parentVNode.$children$||(parentVNode.$children$=[]),parentVNode.$children$[childVNode.$index$]=childVNode,shadowRootNodes&&"0"===childVNode.$depth$&&(shadowRootNodes[childVNode.$index$]=childVNode.$elm$))):childVNode.$hostId$===hostId&&("s"===childNodeType?(childVNode.$tag$="slot",childIdSplt[5]?node["s-sn"]=childVNode.$name$=childIdSplt[5]:node["s-sn"]="",node["s-sr"]=!0,shadowRootNodes&&(childVNode.$elm$=doc.createElement(childVNode.$tag$),childVNode.$name$&&childVNode.$elm$.setAttribute("name",childVNode.$name$),node.parentNode.insertBefore(childVNode.$elm$,node),node.remove(),"0"===childVNode.$depth$&&(shadowRootNodes[childVNode.$index$]=childVNode.$elm$)),slotNodes.push(childVNode),parentVNode.$children$||(parentVNode.$children$=[]),parentVNode.$children$[childVNode.$index$]=childVNode):"r"===childNodeType&&(shadowRootNodes?node.remove():(hostElm["s-cr"]=node,node["s-cn"]=!0))));else if(parentVNode&&"style"===parentVNode.$tag$){var vnode=newVNode(null,node.textContent);vnode.$elm$=node,vnode.$index$="0",parentVNode.$children$=[vnode]}},initializeDocumentHydrate=function initializeDocumentHydrate(node,orgLocNodes){if(1===node.nodeType){for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:{},endBootstrap=function(){},cmpTags=[],exclude=options.exclude||[],customElements=win.customElements,head=doc.head,metaCharset=head.querySelector("meta[charset]"),visibilityStyle=doc.createElement("style"),deferredConnectedCallbacks=[],styles=doc.querySelectorAll("[sty-id]"),isBootstrapping=!0,i=0;for(Object.assign(plt,options),plt.$resourcesUrl$=new URL(options.resourcesUrl||"./",doc.baseURI).href,plt.$flags$|=2;i0)&&plt.raf(flush)},nextTick=function nextTick(cb){return promiseResolve().then(cb)},writeTask=queueTask(queueDomWrites,!0)},"../components/dist/scale-components/components/icons/scale-icons.json":function(module){module.exports=JSON.parse('[{"label":"Action","category":"action","items":["add","add-card","arrange","arrow-left","arrow-right","arrow-down","arrow-up","auto-login","backspace","backward","changelog","checkmark","circle-add","circle-close","close","compare","copy-paste","cut-paste","disabled-microphone","download","download-from-cloud","drag-and-drop","edit","export","fast-forward","fast-forward-nb","favorite","filter","filter-2","forward","full-screen","hide-password","import","install","launch","light-dark-mode","link","logout","loop","menu","microphone","minimize-screen","minus","minus-circle","more","move","mute","notification","pause","pause-nb","pin","play","play-nb","pop-up-window","power","previous-nb","print","publish","random","record-nb","refresh","remove","reply","reply-all","reply-forward","restart","search","send","share","shopping-cart","show-password","sort","sound-on","star","stream-on","success","thumbs-down","thumbs-up","tiles-add","upload","upload-to-cloud","volume-down","volume-up","zoom-in","zoom-out"]},{"label":"Alert","category":"alert","items":["antivirus-protection","compliance","cyber-security","error","help","high-priority-email","imprint-dataprivacy","information","legal","network-disrupted","password-breaking","security","traffic-disruption","unknown","warning"]},{"label":"Communication","category":"communication","items":["available","blog","call-incoming","call-outgoing","chat","chat-badge","email","end-call","feedback","flight-mode","happy-person","inbox","landing-mobile-contact-client","loyalty-earned","loyalty-lost","mail-opened","message","message-incoming","message-outgoing","mms-incoming","mms-outgoing","mobile-phone-number","network-signal","new-email","outbox","phone-number","recipient","save-emails-to-drafts","sms","spam","voice-message"]},{"label":"Content","category":"content","items":["2fa-google-auth","achievement","android","apple","applications","available-keychain","bank","biometric","birthday","bookmark","calendar","clipboard","clock","cloud-security","code-scanner","color-selection","country","credit-card","data-visualisation","delivery","digital-banking","digital-media","discount","e-sim","eu","face-mask","features","flexible-tariffs","folder","food","gender-diverse","gender-female","gender-male","half-rating","heart","height","history","hour-glass","iban","id","in-stock","international","international-sms","interview","key","language","lock","loyalty","media-folder","money-at","music","news","out-of-stock","person-walking","prepaid-activate","price-tag","ratings","route","rss","shop","signal","sim-card","smile","sort-indicator-down","sort-indicator-mini-down","sort-indicator-up","sort-indicator-up-mini","status-inactive","status-recurring","stopwatch","support-chat","sustainable","tariffs","threats","todo-list","transport","unlock","voucher","waiting","wallet"]},{"label":"Device","category":"device","items":["add-device","camera","change-camera","computer","device-controller","device-ethernet","device-mesh","device-phone","device-router","device-tv","device-watch","dongle","fax","fixed-line-services","game-controller","media-receiver","mobile-data","mobile-devices-combination","mobile-equipment","mobile-phone-insurance","mobile-services","no-camera","phone-with-mobile-plan","phone-without-mobile-plan","photo-camera","remote-controller","replacement-mobilephone","screen-rotate","server","smart-speaker","tablet","tv-and-mobile","twitching-closed-state","twitching-open-state"]},{"label":"Home","category":"home","items":["home","internet-at-home","iot","light-bulb","network-secure","no-wifi","power-socket","preferred-wifi","reduced-wifi","slow-wifi","smarthome","unable-to-connect-to-router","wifi","wifi-connected","wifi-connection-error","wifi-manual-login","wifi-no-wired-internet"]},{"label":"Navigation","category":"navigation","items":["circle-top-up","collapse-down","collapse-up","double-left","double-right","external-link","internal-link","left","left-condensed","location","map","my-location","right","right-condensed","start","top-up"]},{"label":"Process","category":"process","items":["order-status","processing","sepa-transaction"]},{"label":"Service","category":"service","items":["devices-service","maintanance","manual","one-time-password","services","settings","support","vpn"]},{"label":"T Product","category":"t-product","items":["2fa-telekom-app","magenta-cloud","magenta-tv","magentaone","measure-internet-speed","seamless-connectivity","telekom-1t1","telekom-plan","telekom-shop-b","usage","voice"]},{"label":"User File","category":"user-file","items":["admin","analytics","attachment","audio-file","billing","boy","bussines-users","communities","contacts","contacts-from-cloud","contracts","draft-file","families","family","file","file-collection","girl","handshake","html-file","id-card","image-file","logout","man","pdf-file","switch-users","user","videos","woman"]},{"label":"Weather","category":"weather","items":["cloudy","cloudy-rain","cloudy-sleet","cloudy-snow","cloudy-thunder-rain","cloudy-thunder-snow","heavy-sleet","heavy-snow","moon-clear","moon-cloudy-a","moon-cloudy-b","moon-rain","moon-sleet","moon-snow","moon-thunder-rain","moon-thunder-snow","overcast","rain","sunny","thunder-rain","thunder-snow"]}]')},"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("../../node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("../../node_modules/@storybook/client-logger/dist/esm/index.js"),vue_esm=__webpack_require__("../../node_modules/vue/dist/vue.esm.js");__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.url.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.find.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.ends-with.js"),__webpack_require__("../../node_modules/core-js/modules/es.weak-map.js");var index_6d95a4bc=__webpack_require__("../components/dist/esm/index-6d95a4bc.js"),loader_defineCustomElements=function defineCustomElements(win,options){return"undefined"==typeof window?Promise.resolve():function patchEsm(){return Object(index_6d95a4bc.h)()}().then((function(){return Object(index_6d95a4bc.d)(JSON.parse('[["scale-data-grid",[[1,"scale-data-grid",{"fields":[8],"freezeHeader":[4,"freeze-header"],"heading":[1],"height":[1],"hideBorder":[4,"hide-border"],"hideHeader":[4,"hide-header"],"hideInfo":[4,"hide-info"],"hideMenu":[4,"hide-menu"],"numbered":[4],"pageSize":[2,"page-size"],"rows":[8],"selectable":[4],"selection":[16],"shadeAlternate":[4,"shade-alternate"],"styles":[8],"visible":[4],"sortableColumnTitle":[1,"sortable-column-title"],"localization":[16],"forceRender":[32],"paginationStart":[32],"scrollY":[32]}]]],["scale-telekom-header-data-back-compat",[[0,"scale-telekom-header-data-back-compat",{"appName":[513,"app-name"],"appNameLink":[1,"app-name-link"],"appNameClick":[8,"app-name-click"],"logoHref":[1,"logo-href"],"logoTitle":[1,"logo-title"],"logoHideTitle":[4,"logo-hide-title"],"mainNavigation":[8,"main-navigation"],"iconNavigation":[8,"icon-navigation"],"addonNavigation":[8,"addon-navigation"],"sectorNavigation":[8,"sector-navigation"],"userNavigation":[8,"user-navigation"],"activeRouteId":[1,"active-route-id"]}]]],["scale-app-shell",[[1,"scale-app-shell",{"portalName":[1,"portal-name"],"claimLang":[1,"claim-lang"],"logoHref":[1,"logo-href"],"logoTitle":[1,"logo-title"],"logoHideTitle":[4,"logo-hide-title"],"logoClick":[8,"logo-click"],"logoAriaDescribedBy":[1,"logo-aria-described-by"],"mainNavigation":[8,"main-navigation"],"iconNavigation":[8,"icon-navigation"],"userNavigation":[8,"user-navigation"],"sectorNavigation":[8,"sector-navigation"],"addonNavigation":[8,"addon-navigation"],"activeRouteId":[1,"active-route-id"],"activeSectorId":[1,"active-sector-id"],"userMenuAriaLabel":[1,"user-menu-aria-label"],"sticky":[4],"styles":[1],"scrolled":[32]}]]],["scale-telekom-profile-menu",[[0,"scale-telekom-profile-menu",{"label":[1],"accessibilityLabel":[1,"accessibility-label"],"closeMenuAccessibilityLabel":[1,"close-menu-accessibility-label"],"appName":[1,"app-name"],"serviceName":[1,"service-name"],"serviceDescription":[1,"service-description"],"loggedIn":[4,"logged-in"],"loginUrl":[1,"login-url"],"loginLabel":[1,"login-label"],"loginHelpUrl":[1,"login-help-url"],"loginHelpLabel":[1,"login-help-label"],"registerHeadline":[1,"register-headline"],"registerUrl":[1,"register-url"],"registerLabel":[1,"register-label"],"userInfo":[8,"user-info"],"serviceLinks":[8,"service-links"],"loginSettingsLabel":[1,"login-settings-label"],"loginSettingsUrl":[1,"login-settings-url"],"hideLoginSettings":[4,"hide-login-settings"],"logoutLabel":[1,"logout-label"],"logoutUrl":[1,"logout-url"],"logoutHandler":[1,"logout-handler"],"menuOpen":[32]},[[0,"keydown","onKeydown"]]]]],["scale-date-picker",[[0,"scale-date-picker",{"name":[1],"popupTitle":[1,"popup-title"],"identifier":[1025],"disabled":[516],"innerRole":[1,"inner-role"],"direction":[1],"required":[4],"value":[1537],"min":[1],"max":[1],"firstDayOfWeek":[8,"first-day-of-week"],"localization":[16],"dateAdapter":[8,"date-adapter"],"helperText":[1,"helper-text"],"status":[1],"invalid":[4],"label":[1],"styles":[1],"placeholder":[1],"size":[1],"variant":[1],"hasFocus":[32],"hasValue":[32],"setFocus":[64],"show":[64],"hide":[64]}]]],["scale-notification-banner",[[1,"scale-notification-banner",{"variant":[1],"dismissible":[4],"opened":[516],"autoHide":[4,"auto-hide"],"autoHideDuration":[2,"auto-hide-duration"],"href":[1],"closeButtonLabel":[1,"close-button-label"],"closeButtonTitle":[1,"close-button-title"],"open":[64]}]]],["scale-notification-toast",[[1,"scale-notification-toast",{"variant":[1],"opened":[516],"animated":[4],"alignment":[1],"positionVertical":[2,"position-vertical"],"positionHorizontal":[2,"position-horizontal"],"autoHide":[4,"auto-hide"],"autoHideDuration":[2,"auto-hide-duration"],"fadeDuration":[2,"fade-duration"],"styles":[513],"closeButtonLabel":[1,"close-button-label"],"closeButtonTitle":[1,"close-button-title"],"story":[4],"href":[1],"toastHeightWithOffset":[32],"open":[64]}]]],["scale-checkbox-group",[[4,"scale-checkbox-group",{"name":[1],"label":[1],"ariaLabelCheckboxGroup":[1,"aria-label-checkbox-group"],"helperText":[1,"helper-text"],"status":[1],"invalid":[4],"value":[1],"inputId":[1025,"input-id"],"styles":[1],"selectText":[1,"select-text"],"unselectText":[1,"unselect-text"],"checked":[32],"indeterminate":[32],"disabled":[32]},[[0,"scaleChange","handleCheckboxChange"]]]]],["scale-notification-message",[[1,"scale-notification-message",{"variant":[1],"dismissible":[4],"opened":[516],"autoHide":[4,"auto-hide"],"autoHideDuration":[2,"auto-hide-duration"],"closeButtonLabel":[1,"close-button-label"],"closeButtonTitle":[1,"close-button-title"],"open":[64]}]]],["scale-helper-text",[[1,"scale-helper-text",{"helperText":[1,"helper-text"],"styles":[1],"variant":[1]}]]],["scale-dropdown",[[4,"scale-dropdown",{"name":[1],"label":[1],"helperText":[1,"helper-text"],"status":[1],"size":[1],"invalid":[4],"variant":[1],"disabled":[4],"required":[4],"value":[1032],"inputId":[1,"input-id"],"multiple":[4],"visibleSize":[2,"visible-size"],"transparent":[4],"controlled":[4],"hideLabelVisually":[4,"hide-label-visually"],"styles":[1],"forceUpdate":[32]}]]],["scale-segmented-button",[[1,"scale-segmented-button",{"size":[1],"multiSelect":[4,"multi-select"],"selectedIndex":[2,"selected-index"],"disabled":[516],"fullWidth":[4,"full-width"],"invalid":[4],"helperText":[1,"helper-text"],"label":[1],"styles":[1],"ariaLabelTranslation":[1,"aria-label-translation"],"longestButtonWidth":[1025,"longest-button-width"],"status":[32]},[[0,"scaleClick","scaleClickHandler"]]]]],["scale-telekom-footer-data-back-compat",[[0,"scale-telekom-footer-data-back-compat",{"type":[513],"footerNavigation":[8,"footer-navigation"],"copyright":[1]}]]],["scale-textarea",[[0,"scale-textarea",{"name":[1],"label":[1],"rows":[2],"cols":[2],"helperText":[1,"helper-text"],"status":[1],"invalid":[4],"variant":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"placeholder":[1],"disabled":[4],"readonly":[4],"required":[4],"counter":[4],"resize":[1],"value":[1032],"inputId":[1,"input-id"],"transparent":[4],"inputAutofocus":[4,"input-autofocus"],"styles":[1],"hasFocus":[32]}]]],["scale-app-footer",[[1,"scale-app-footer",{"footerNavigation":[8,"footer-navigation"],"variant":[1],"copyright":[1],"logoHref":[1,"logo-href"],"logoTitle":[1,"logo-title"],"logoClick":[8,"logo-click"],"logoAriaDescribedBy":[1,"logo-aria-described-by"],"styles":[1]}]]],["scale-chip",[[1,"scale-chip",{"variant":[1],"type":[1],"selected":[4],"ariaRoleTitle":[1,"aria-role-title"],"ariaCheckedState":[4,"aria-checked-state"],"label":[1],"disabled":[4],"dismissText":[1,"dismiss-text"],"styles":[1]}]]],["scale-notification",[[1,"scale-notification",{"heading":[1],"type":[1],"variant":[1],"opened":[1540],"dismissible":[4],"delay":[2],"innerAriaLive":[1,"inner-aria-live"],"innerRole":[1,"inner-role"],"closeButtonLabel":[1,"close-button-label"],"closeButtonTitle":[1,"close-button-title"],"headingLevel":[2,"heading-level"],"ariaHeading":[1,"aria-heading"],"styles":[1],"isOpen":[32],"animationState":[32],"hasTextSlot":[32]}]]],["scale-radio-button",[[0,"scale-radio-button",{"name":[1],"label":[1],"helperText":[1,"helper-text"],"status":[1],"invalid":[4],"disabled":[4],"checked":[516],"value":[1032],"inputId":[1,"input-id"],"styles":[1]}]]],["scale-radio-button-group",[[1,"scale-radio-button-group",{"label":[1],"helperText":[1,"helper-text"],"status":[1],"invalid":[4]}]]],["scale-breadcrumb",[[1,"scale-breadcrumb",{"separator":[1],"styles":[1],"linksArray":[32],"separatorSlot":[32]}]]],["scale-chart-stack-card",[[0,"scale-chart-stack-card",{"data":[1],"heading":[1]}]]],["scale-input",[[4,"scale-input",{"type":[1],"name":[1],"variant":[1],"label":[1],"size":[1],"rows":[2],"cols":[2],"helperText":[1,"helper-text"],"status":[1],"invalid":[4],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"placeholder":[1],"disabled":[4],"required":[4],"counter":[4],"checked":[516],"resize":[1],"value":[1032],"inputId":[1,"input-id"],"icon":[1],"multiple":[4],"visibleSize":[2,"visible-size"],"transparent":[4],"controlled":[4],"styles":[1],"customResize":[32],"hasFocus":[32],"forceUpdate":[32]}]]],["scale-modal",[[1,"scale-modal",{"heading":[1],"size":[1],"opened":[1540],"duration":[2],"closeButtonLabel":[1,"close-button-label"],"closeButtonTitle":[1,"close-button-title"],"omitCloseButton":[4,"omit-close-button"],"alignActions":[1,"align-actions"],"styles":[1],"allowInjectingStyleToBody":[4,"allow-injecting-style-to-body"],"isOpen":[32],"hasActionsSlot":[32],"hasBody":[32],"hasScroll":[32],"bodyOverflowValue":[32]}]]],["scale-rating-stars",[[1,"scale-rating-stars",{"starSize":[1,"star-size"],"size":[1537],"minRating":[2,"min-rating"],"maxRating":[2,"max-rating"],"max":[1538],"rating":[1538],"readonly":[516],"disabled":[516],"ariaLabelTranslation":[1,"aria-label-translation"],"label":[513],"hideLabel":[516,"hide-label"],"infoText":[1,"info-text"]}]]],["scale-segment",[[1,"scale-segment",{"size":[1],"selected":[1028],"disabled":[4],"segmentId":[1537,"segment-id"],"ariaLabelSegment":[1,"aria-label-segment"],"width":[1],"styles":[1],"adjacentSiblings":[1537,"adjacent-siblings"],"ariaLangSelected":[1,"aria-lang-selected"],"ariaLangDeselected":[1,"aria-lang-deselected"],"ariaDescriptionTranslation":[1,"aria-description-translation"],"position":[2],"hasIcon":[1028,"has-icon"],"textOnly":[1028,"text-only"],"iconOnly":[1028,"icon-only"],"selectedIndex":[1025,"selected-index"],"setFocus":[64]}]]],["scale-sidebar-nav",[[1,"scale-sidebar-nav",{"ariaLabelSidebarNav":[1,"aria-label-sidebar-nav"],"collapsible":[1540],"collapsibleMediaQuery":[1,"collapsible-media-query"],"collapsibleLabel":[1,"collapsible-label"],"styles":[1],"collapsed":[32]}]]],["scale-sidebar-nav-collapsible",[[1,"scale-sidebar-nav-collapsible",{"tag":[1],"label":[1],"href":[1],"expanded":[1540],"active":[4],"bold":[4],"condensed":[4],"nestingLevel":[2,"nesting-level"],"styles":[1]}]]],["scale-telekom-footer-extended-navigation-column",[[1,"scale-telekom-footer-extended-navigation-column",{"heading":[1],"expanded":[516],"headingLevel":[1,"heading-level"]}]]],["app-logo",[[0,"app-logo",{"href":[1],"logoTitle":[1,"logo-title"],"color":[1],"claim":[4],"claimLang":[1,"claim-lang"],"focusable":[4]}]]],["scale-accordion",[[1,"scale-accordion",{"styles":[1],"dependent":[4],"expanded":[4],"headingLevel":[2,"heading-level"],"iconLocation":[1,"icon-location"]},[[0,"scale-expand","collapsibleHandler"]]]]],["scale-alert",[[1,"scale-alert",{"size":[1],"variant":[1],"headline":[513],"opened":[516],"timeout":[8],"icon":[1],"styles":[1],"open":[64]}]]],["scale-callout",[[1,"scale-callout",{"variant":[1],"rotation":[2],"top":[1],"right":[1],"bottom":[1],"left":[1],"styles":[1]}]]],["scale-carousel",[[1,"scale-carousel",{"vertical":[4],"styles":[1],"slidesArray":[32],"value":[32]}]]],["scale-collapsible",[[1,"scale-collapsible",{"expanded":[1540],"headingLevel":[2,"heading-level"],"styles":[1],"iconLocation":[1,"icon-location"]}]]],["scale-divider",[[1,"scale-divider",{"vertical":[4],"styles":[1]}]]],["scale-grid",[[4,"scale-grid",{"columns":[1],"gutterY":[1,"gutter-y"],"gutterX":[1,"gutter-x"],"spacing":[1],"maxWidth":[1,"max-width"]}]]],["scale-grid-item",[[4,"scale-grid-item",{"size":[1],"offset":[1]}]]],["scale-icon-action-add",[[0,"scale-icon-action-add",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-add-card",[[0,"scale-icon-action-add-card",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-arrange",[[0,"scale-icon-action-arrange",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-arrow-down",[[0,"scale-icon-action-arrow-down",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-arrow-left",[[0,"scale-icon-action-arrow-left",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-arrow-right",[[0,"scale-icon-action-arrow-right",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-arrow-up",[[0,"scale-icon-action-arrow-up",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-auto-login",[[0,"scale-icon-action-auto-login",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-backspace",[[0,"scale-icon-action-backspace",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-backward",[[0,"scale-icon-action-backward",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-changelog",[[0,"scale-icon-action-changelog",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-circle-add",[[0,"scale-icon-action-circle-add",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-compare",[[0,"scale-icon-action-compare",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-copy-paste",[[0,"scale-icon-action-copy-paste",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-cut-paste",[[0,"scale-icon-action-cut-paste",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-disabled-microphone",[[0,"scale-icon-action-disabled-microphone",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-download",[[0,"scale-icon-action-download",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-download-from-cloud",[[0,"scale-icon-action-download-from-cloud",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-drag-and-drop",[[0,"scale-icon-action-drag-and-drop",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-edit",[[0,"scale-icon-action-edit",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-export",[[0,"scale-icon-action-export",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-fast-forward",[[0,"scale-icon-action-fast-forward",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-fast-forward-nb",[[0,"scale-icon-action-fast-forward-nb",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-filter",[[0,"scale-icon-action-filter",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-filter-2",[[0,"scale-icon-action-filter-2",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-forward",[[0,"scale-icon-action-forward",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-full-screen",[[0,"scale-icon-action-full-screen",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-import",[[0,"scale-icon-action-import",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-install",[[0,"scale-icon-action-install",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-launch",[[0,"scale-icon-action-launch",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-light-dark-mode",[[0,"scale-icon-action-light-dark-mode",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-link",[[0,"scale-icon-action-link",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-logout",[[0,"scale-icon-action-logout",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-loop",[[0,"scale-icon-action-loop",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-microphone",[[0,"scale-icon-action-microphone",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-minimize-screen",[[0,"scale-icon-action-minimize-screen",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-minus-circle",[[0,"scale-icon-action-minus-circle",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-more",[[0,"scale-icon-action-more",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-move",[[0,"scale-icon-action-move",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-mute",[[0,"scale-icon-action-mute",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-notification",[[0,"scale-icon-action-notification",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-pause",[[0,"scale-icon-action-pause",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-pause-nb",[[0,"scale-icon-action-pause-nb",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-pin",[[0,"scale-icon-action-pin",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-play",[[0,"scale-icon-action-play",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-play-nb",[[0,"scale-icon-action-play-nb",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-pop-up-window",[[0,"scale-icon-action-pop-up-window",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-power",[[0,"scale-icon-action-power",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-previous-nb",[[0,"scale-icon-action-previous-nb",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-print",[[0,"scale-icon-action-print",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-publish",[[0,"scale-icon-action-publish",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-random",[[0,"scale-icon-action-random",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-record-nb",[[0,"scale-icon-action-record-nb",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-refresh",[[0,"scale-icon-action-refresh",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-remove",[[0,"scale-icon-action-remove",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-reply",[[0,"scale-icon-action-reply",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-reply-all",[[0,"scale-icon-action-reply-all",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-reply-forward",[[0,"scale-icon-action-reply-forward",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-restart",[[0,"scale-icon-action-restart",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-search",[[0,"scale-icon-action-search",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-send",[[0,"scale-icon-action-send",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-share",[[0,"scale-icon-action-share",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-shopping-cart",[[0,"scale-icon-action-shopping-cart",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-show-password",[[0,"scale-icon-action-show-password",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-sound-on",[[0,"scale-icon-action-sound-on",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-star",[[0,"scale-icon-action-star",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-stream-on",[[0,"scale-icon-action-stream-on",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-thumbs-down",[[0,"scale-icon-action-thumbs-down",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-thumbs-up",[[0,"scale-icon-action-thumbs-up",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-tiles-add",[[0,"scale-icon-action-tiles-add",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-upload",[[0,"scale-icon-action-upload",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-upload-to-cloud",[[0,"scale-icon-action-upload-to-cloud",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-volume-down",[[0,"scale-icon-action-volume-down",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-volume-up",[[0,"scale-icon-action-volume-up",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-zoom-in",[[0,"scale-icon-action-zoom-in",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-zoom-out",[[0,"scale-icon-action-zoom-out",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-antivirus-protection",[[0,"scale-icon-alert-antivirus-protection",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-compliance",[[0,"scale-icon-alert-compliance",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-cyber-security",[[0,"scale-icon-alert-cyber-security",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-help",[[0,"scale-icon-alert-help",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-high-priority-email",[[0,"scale-icon-alert-high-priority-email",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-imprint-dataprivacy",[[0,"scale-icon-alert-imprint-dataprivacy",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-legal",[[0,"scale-icon-alert-legal",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-network-disrupted",[[0,"scale-icon-alert-network-disrupted",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-password-breaking",[[0,"scale-icon-alert-password-breaking",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-security",[[0,"scale-icon-alert-security",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-traffic-disruption",[[0,"scale-icon-alert-traffic-disruption",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-alert-unknown",[[0,"scale-icon-alert-unknown",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-available",[[0,"scale-icon-communication-available",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-blog",[[0,"scale-icon-communication-blog",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-call-incoming",[[0,"scale-icon-communication-call-incoming",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-call-outgoing",[[0,"scale-icon-communication-call-outgoing",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-chat",[[0,"scale-icon-communication-chat",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-chat-badge",[[0,"scale-icon-communication-chat-badge",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-email",[[0,"scale-icon-communication-email",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-end-call",[[0,"scale-icon-communication-end-call",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-feedback",[[0,"scale-icon-communication-feedback",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-flight-mode",[[0,"scale-icon-communication-flight-mode",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-happy-person",[[0,"scale-icon-communication-happy-person",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-inbox",[[0,"scale-icon-communication-inbox",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-landing-mobile-contact-client",[[0,"scale-icon-communication-landing-mobile-contact-client",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-loyalty-earned",[[0,"scale-icon-communication-loyalty-earned",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-loyalty-lost",[[0,"scale-icon-communication-loyalty-lost",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-mail-opened",[[0,"scale-icon-communication-mail-opened",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-message",[[0,"scale-icon-communication-message",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-message-incoming",[[0,"scale-icon-communication-message-incoming",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-message-outgoing",[[0,"scale-icon-communication-message-outgoing",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-mms-incoming",[[0,"scale-icon-communication-mms-incoming",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-mms-outgoing",[[0,"scale-icon-communication-mms-outgoing",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-mobile-phone-number",[[0,"scale-icon-communication-mobile-phone-number",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-network-signal",[[0,"scale-icon-communication-network-signal",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-new-email",[[0,"scale-icon-communication-new-email",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-outbox",[[0,"scale-icon-communication-outbox",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-phone-number",[[0,"scale-icon-communication-phone-number",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-recipient",[[0,"scale-icon-communication-recipient",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-save-emails-to-drafts",[[0,"scale-icon-communication-save-emails-to-drafts",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-sms",[[0,"scale-icon-communication-sms",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-spam",[[0,"scale-icon-communication-spam",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-communication-voice-message",[[0,"scale-icon-communication-voice-message",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-2fa-google-auth",[[0,"scale-icon-content-2fa-google-auth",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-achievement",[[0,"scale-icon-content-achievement",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-android",[[0,"scale-icon-content-android",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-apple",[[0,"scale-icon-content-apple",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-applications",[[0,"scale-icon-content-applications",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-available-keychain",[[0,"scale-icon-content-available-keychain",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-bank",[[0,"scale-icon-content-bank",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-biometric",[[0,"scale-icon-content-biometric",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-birthday",[[0,"scale-icon-content-birthday",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-bookmark",[[0,"scale-icon-content-bookmark",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-clipboard",[[0,"scale-icon-content-clipboard",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-clock",[[0,"scale-icon-content-clock",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-cloud-security",[[0,"scale-icon-content-cloud-security",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-code-scanner",[[0,"scale-icon-content-code-scanner",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-color-selection",[[0,"scale-icon-content-color-selection",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-country",[[0,"scale-icon-content-country",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-credit-card",[[0,"scale-icon-content-credit-card",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-data-visualisation",[[0,"scale-icon-content-data-visualisation",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-delivery",[[0,"scale-icon-content-delivery",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-digital-banking",[[0,"scale-icon-content-digital-banking",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-digital-media",[[0,"scale-icon-content-digital-media",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-discount",[[0,"scale-icon-content-discount",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-e-sim",[[0,"scale-icon-content-e-sim",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-eu",[[0,"scale-icon-content-eu",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-face-mask",[[0,"scale-icon-content-face-mask",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-features",[[0,"scale-icon-content-features",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-flexible-tariffs",[[0,"scale-icon-content-flexible-tariffs",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-folder",[[0,"scale-icon-content-folder",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-food",[[0,"scale-icon-content-food",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-gender-diverse",[[0,"scale-icon-content-gender-diverse",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-gender-female",[[0,"scale-icon-content-gender-female",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-gender-male",[[0,"scale-icon-content-gender-male",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-half-rating",[[0,"scale-icon-content-half-rating",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-heart",[[0,"scale-icon-content-heart",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-height",[[0,"scale-icon-content-height",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-history",[[0,"scale-icon-content-history",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-hour-glass",[[0,"scale-icon-content-hour-glass",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-iban",[[0,"scale-icon-content-iban",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-id",[[0,"scale-icon-content-id",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-in-stock",[[0,"scale-icon-content-in-stock",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-international",[[0,"scale-icon-content-international",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-international-sms",[[0,"scale-icon-content-international-sms",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-interview",[[0,"scale-icon-content-interview",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-key",[[0,"scale-icon-content-key",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-language",[[0,"scale-icon-content-language",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-lock",[[0,"scale-icon-content-lock",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-loyalty",[[0,"scale-icon-content-loyalty",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-media-folder",[[0,"scale-icon-content-media-folder",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-money-at",[[0,"scale-icon-content-money-at",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-music",[[0,"scale-icon-content-music",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-news",[[0,"scale-icon-content-news",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-out-of-stock",[[0,"scale-icon-content-out-of-stock",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-person-walking",[[0,"scale-icon-content-person-walking",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-prepaid-activate",[[0,"scale-icon-content-prepaid-activate",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-price-tag",[[0,"scale-icon-content-price-tag",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-ratings",[[0,"scale-icon-content-ratings",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-route",[[0,"scale-icon-content-route",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-rss",[[0,"scale-icon-content-rss",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-shop",[[0,"scale-icon-content-shop",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-signal",[[0,"scale-icon-content-signal",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-sim-card",[[0,"scale-icon-content-sim-card",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-smile",[[0,"scale-icon-content-smile",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-sort-indicator-mini-down",[[0,"scale-icon-content-sort-indicator-mini-down",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-sort-indicator-up-mini",[[0,"scale-icon-content-sort-indicator-up-mini",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-status-inactive",[[0,"scale-icon-content-status-inactive",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-status-recurring",[[0,"scale-icon-content-status-recurring",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-stopwatch",[[0,"scale-icon-content-stopwatch",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-support-chat",[[0,"scale-icon-content-support-chat",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-sustainable",[[0,"scale-icon-content-sustainable",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-tariffs",[[0,"scale-icon-content-tariffs",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-threats",[[0,"scale-icon-content-threats",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-todo-list",[[0,"scale-icon-content-todo-list",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-transport",[[0,"scale-icon-content-transport",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-unlock",[[0,"scale-icon-content-unlock",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-voucher",[[0,"scale-icon-content-voucher",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-waiting",[[0,"scale-icon-content-waiting",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-content-wallet",[[0,"scale-icon-content-wallet",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-add-device",[[0,"scale-icon-device-add-device",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-camera",[[0,"scale-icon-device-camera",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-change-camera",[[0,"scale-icon-device-change-camera",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-computer",[[0,"scale-icon-device-computer",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-device-controller",[[0,"scale-icon-device-device-controller",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-device-ethernet",[[0,"scale-icon-device-device-ethernet",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-device-mesh",[[0,"scale-icon-device-device-mesh",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-device-phone",[[0,"scale-icon-device-device-phone",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-device-router",[[0,"scale-icon-device-device-router",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-device-tv",[[0,"scale-icon-device-device-tv",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-device-watch",[[0,"scale-icon-device-device-watch",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-dongle",[[0,"scale-icon-device-dongle",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-fax",[[0,"scale-icon-device-fax",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-fixed-line-services",[[0,"scale-icon-device-fixed-line-services",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-game-controller",[[0,"scale-icon-device-game-controller",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-media-receiver",[[0,"scale-icon-device-media-receiver",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-mobile-data",[[0,"scale-icon-device-mobile-data",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-mobile-devices-combination",[[0,"scale-icon-device-mobile-devices-combination",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-mobile-equipment",[[0,"scale-icon-device-mobile-equipment",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-mobile-phone-insurance",[[0,"scale-icon-device-mobile-phone-insurance",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-mobile-services",[[0,"scale-icon-device-mobile-services",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-no-camera",[[0,"scale-icon-device-no-camera",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-phone-with-mobile-plan",[[0,"scale-icon-device-phone-with-mobile-plan",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-phone-without-mobile-plan",[[0,"scale-icon-device-phone-without-mobile-plan",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-photo-camera",[[0,"scale-icon-device-photo-camera",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-remote-controller",[[0,"scale-icon-device-remote-controller",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-replacement-mobilephone",[[0,"scale-icon-device-replacement-mobilephone",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-screen-rotate",[[0,"scale-icon-device-screen-rotate",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-server",[[0,"scale-icon-device-server",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-smart-speaker",[[0,"scale-icon-device-smart-speaker",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-tablet",[[0,"scale-icon-device-tablet",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-tv-and-mobile",[[0,"scale-icon-device-tv-and-mobile",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-twitching-closed-state",[[0,"scale-icon-device-twitching-closed-state",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-device-twitching-open-state",[[0,"scale-icon-device-twitching-open-state",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-home",[[0,"scale-icon-home-home",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-internet-at-home",[[0,"scale-icon-home-internet-at-home",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-iot",[[0,"scale-icon-home-iot",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-light-bulb",[[0,"scale-icon-home-light-bulb",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-network-secure",[[0,"scale-icon-home-network-secure",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-no-wifi",[[0,"scale-icon-home-no-wifi",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-power-socket",[[0,"scale-icon-home-power-socket",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-preferred-wifi",[[0,"scale-icon-home-preferred-wifi",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-reduced-wifi",[[0,"scale-icon-home-reduced-wifi",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-slow-wifi",[[0,"scale-icon-home-slow-wifi",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-smarthome",[[0,"scale-icon-home-smarthome",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-unable-to-connect-to-router",[[0,"scale-icon-home-unable-to-connect-to-router",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-wifi",[[0,"scale-icon-home-wifi",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-wifi-connected",[[0,"scale-icon-home-wifi-connected",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-wifi-connection-error",[[0,"scale-icon-home-wifi-connection-error",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-wifi-manual-login",[[0,"scale-icon-home-wifi-manual-login",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-home-wifi-no-wired-internet",[[0,"scale-icon-home-wifi-no-wired-internet",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-circle-top-up",[[0,"scale-icon-navigation-circle-top-up",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-external-link",[[0,"scale-icon-navigation-external-link",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-internal-link",[[0,"scale-icon-navigation-internal-link",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-left-condensed",[[0,"scale-icon-navigation-left-condensed",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-location",[[0,"scale-icon-navigation-location",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-map",[[0,"scale-icon-navigation-map",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-my-location",[[0,"scale-icon-navigation-my-location",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-right-condensed",[[0,"scale-icon-navigation-right-condensed",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-start",[[0,"scale-icon-navigation-start",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-top-up",[[0,"scale-icon-navigation-top-up",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-process-order-status",[[0,"scale-icon-process-order-status",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-process-processing",[[0,"scale-icon-process-processing",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-process-sepa-transaction",[[0,"scale-icon-process-sepa-transaction",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-service-devices-service",[[0,"scale-icon-service-devices-service",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-service-maintanance",[[0,"scale-icon-service-maintanance",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-service-manual",[[0,"scale-icon-service-manual",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-service-one-time-password",[[0,"scale-icon-service-one-time-password",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-service-services",[[0,"scale-icon-service-services",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-service-support",[[0,"scale-icon-service-support",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-service-vpn",[[0,"scale-icon-service-vpn",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-2fa-telekom-app",[[0,"scale-icon-t-product-2fa-telekom-app",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-magenta-cloud",[[0,"scale-icon-t-product-magenta-cloud",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-magenta-tv",[[0,"scale-icon-t-product-magenta-tv",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-magentaone",[[0,"scale-icon-t-product-magentaone",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-measure-internet-speed",[[0,"scale-icon-t-product-measure-internet-speed",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-seamless-connectivity",[[0,"scale-icon-t-product-seamless-connectivity",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-telekom-1t1",[[0,"scale-icon-t-product-telekom-1t1",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-telekom-plan",[[0,"scale-icon-t-product-telekom-plan",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-telekom-shop-b",[[0,"scale-icon-t-product-telekom-shop-b",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-usage",[[0,"scale-icon-t-product-usage",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-t-product-voice",[[0,"scale-icon-t-product-voice",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-admin",[[0,"scale-icon-user-file-admin",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-analytics",[[0,"scale-icon-user-file-analytics",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-attachment",[[0,"scale-icon-user-file-attachment",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-audio-file",[[0,"scale-icon-user-file-audio-file",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-billing",[[0,"scale-icon-user-file-billing",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-boy",[[0,"scale-icon-user-file-boy",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-bussines-users",[[0,"scale-icon-user-file-bussines-users",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-communities",[[0,"scale-icon-user-file-communities",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-contacts",[[0,"scale-icon-user-file-contacts",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-contacts-from-cloud",[[0,"scale-icon-user-file-contacts-from-cloud",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-contracts",[[0,"scale-icon-user-file-contracts",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-draft-file",[[0,"scale-icon-user-file-draft-file",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-families",[[0,"scale-icon-user-file-families",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-family",[[0,"scale-icon-user-file-family",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-file",[[0,"scale-icon-user-file-file",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-file-collection",[[0,"scale-icon-user-file-file-collection",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-girl",[[0,"scale-icon-user-file-girl",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-handshake",[[0,"scale-icon-user-file-handshake",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-html-file",[[0,"scale-icon-user-file-html-file",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-id-card",[[0,"scale-icon-user-file-id-card",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-image-file",[[0,"scale-icon-user-file-image-file",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-logout",[[0,"scale-icon-user-file-logout",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-man",[[0,"scale-icon-user-file-man",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-pdf-file",[[0,"scale-icon-user-file-pdf-file",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-switch-users",[[0,"scale-icon-user-file-switch-users",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-videos",[[0,"scale-icon-user-file-videos",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-user-file-woman",[[0,"scale-icon-user-file-woman",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-cloudy",[[0,"scale-icon-weather-cloudy",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-cloudy-rain",[[0,"scale-icon-weather-cloudy-rain",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-cloudy-sleet",[[0,"scale-icon-weather-cloudy-sleet",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-cloudy-snow",[[0,"scale-icon-weather-cloudy-snow",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-cloudy-thunder-rain",[[0,"scale-icon-weather-cloudy-thunder-rain",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-cloudy-thunder-snow",[[0,"scale-icon-weather-cloudy-thunder-snow",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-heavy-sleet",[[0,"scale-icon-weather-heavy-sleet",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-heavy-snow",[[0,"scale-icon-weather-heavy-snow",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-moon-clear",[[0,"scale-icon-weather-moon-clear",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-moon-cloudy-a",[[0,"scale-icon-weather-moon-cloudy-a",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-moon-cloudy-b",[[0,"scale-icon-weather-moon-cloudy-b",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-moon-rain",[[0,"scale-icon-weather-moon-rain",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-moon-sleet",[[0,"scale-icon-weather-moon-sleet",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-moon-snow",[[0,"scale-icon-weather-moon-snow",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-moon-thunder-rain",[[0,"scale-icon-weather-moon-thunder-rain",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-moon-thunder-snow",[[0,"scale-icon-weather-moon-thunder-snow",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-overcast",[[0,"scale-icon-weather-overcast",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-rain",[[0,"scale-icon-weather-rain",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-sunny",[[0,"scale-icon-weather-sunny",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-thunder-rain",[[0,"scale-icon-weather-thunder-rain",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-weather-thunder-snow",[[0,"scale-icon-weather-thunder-snow",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-list",[[1,"scale-list",{"ordered":[4],"styles":[1]}]]],["scale-list-item",[[1,"scale-list-item",{"ordered":[4],"index":[1026],"marker":[4],"styles":[1],"hasNestedChild":[32],"isNested":[32]}]]],["scale-loading-spinner",[[1,"scale-loading-spinner",{"variant":[1],"alignment":[1],"text":[1],"accessibilityTitle":[1,"accessibility-title"],"size":[1]}]]],["scale-menu-flyout-divider",[[1,"scale-menu-flyout-divider",{"styles":[1]}]]],["scale-sidebar-nav-item",[[1,"scale-sidebar-nav-item",{"condensed":[4],"bold":[4],"active":[1540],"current":[8],"nestingLevel":[2,"nesting-level"],"styles":[1]}]]],["scale-slider",[[1,"scale-slider",{"name":[1],"value":[1538],"range":[4],"valueFrom":[1538,"value-from"],"valueTo":[1538,"value-to"],"min":[2],"max":[2],"step":[2],"showStepMarks":[4,"show-step-marks"],"label":[1],"helperText":[1,"helper-text"],"showValue":[4,"show-value"],"unit":[1],"unitPosition":[1,"unit-position"],"decimals":[2],"platform":[513],"customColor":[1,"custom-color"],"disabled":[4],"trackSmall":[4,"track-small"],"thumbLarge":[4,"thumb-large"],"sliderId":[1025,"slider-id"],"innerAriaValueText":[1,"inner-aria-value-text"],"styles":[1],"position":[32],"positionFrom":[32],"positionTo":[32]}]]],["scale-ssr-slot-fix",[[4,"scale-ssr-slot-fix"]]],["scale-tab-header",[[1,"scale-tab-header",{"disabled":[516],"small":[4],"size":[1],"selected":[4],"styles":[1],"hasFocus":[32]},[[0,"click","handleClick"]]]]],["scale-tab-nav",[[1,"scale-tab-nav",{"small":[4],"size":[1],"styles":[1]},[[0,"scale-select","handleSelect"],[0,"keydown","handleKeydown"]]]]],["scale-tab-panel",[[1,"scale-tab-panel",{"small":[4],"size":[1],"tabbablePanel":[4,"tabbable-panel"],"styles":[1]}]]],["scale-table",[[4,"scale-table",{"showSort":[4,"show-sort"],"size":[1],"striped":[4],"styles":[1],"forceUpdate":[32]}]]],["scale-telekom-app-shell",[[1,"scale-telekom-app-shell",{"styles":[1]}]]],["scale-telekom-footer-extended-navigation",[[4,"scale-telekom-footer-extended-navigation"]]],["scale-toast",[[1,"scale-toast",{"size":[1],"variant":[1],"opened":[516],"autoHide":[8,"auto-hide"],"animated":[4],"time":[2],"positionTop":[2,"position-top"],"positionRight":[2,"position-right"],"fadeDuration":[2,"fade-duration"],"styles":[513],"progress":[32],"toastHeightWithOffset":[32],"open":[64]}]]],["scale-toggle-button",[[1,"scale-toggle-button",{"size":[1],"background":[1],"colorScheme":[1,"color-scheme"],"variant":[1],"disabled":[4],"selected":[1028],"iconOnly":[4,"icon-only"],"iconPosition":[1537,"icon-position"],"hideBorder":[4,"hide-border"],"radius":[1],"toggleButtonId":[513,"toggle-button-id"],"ariaLabelToggleButton":[1,"aria-label-toggle-button"],"styles":[1],"position":[2],"ariaLangSelected":[1,"aria-lang-selected"],"ariaLangDeselected":[1,"aria-lang-deselected"],"ariaDescriptionTranslation":[1,"aria-description-translation"],"setFocus":[64]}]]],["scale-toggle-group",[[1,"scale-toggle-group",{"size":[1],"background":[1],"fullWidth":[4,"full-width"],"disabled":[4],"hideBorder":[4,"hide-border"],"singleSelect":[4,"single-select"],"ariaLabelTranslation":[1,"aria-label-translation"],"colorScheme":[1,"color-scheme"],"variant":[1],"styles":[1],"status":[32]},[[0,"scaleClick","scaleClickHandler"]]]]],["scale-tooltip",[[1,"scale-tooltip",{"content":[1],"placement":[1],"disabled":[4],"distance":[2],"arrowOffset":[2,"arrow-offset"],"arrowPadding":[2,"arrow-padding"],"opened":[1540],"trigger":[1],"flip":[4],"styles":[1],"mouseOverTooltip":[32],"showTooltip":[64],"hideTooltip":[64]},[[4,"click","handleOutsideClick"]]]]],["scale-app-header",[[4,"scale-app-header",{"logoHref":[1,"logo-href"],"logoTitle":[1,"logo-title"],"logoHideTitle":[4,"logo-hide-title"],"logoClick":[8,"logo-click"],"logoAriaDescribedBy":[1,"logo-aria-described-by"],"claimLang":[1,"claim-lang"],"portalName":[1,"portal-name"],"mainNavigation":[8,"main-navigation"],"iconNavigation":[8,"icon-navigation"],"userNavigation":[8,"user-navigation"],"sectorNavigation":[8,"sector-navigation"],"addonNavigation":[8,"addon-navigation"],"activeRouteId":[1,"active-route-id"],"activeSectorId":[1,"active-sector-id"],"sticky":[4],"userMenuAriaLabel":[1,"user-menu-aria-label"],"isMegaMenuVisible":[4,"is-mega-menu-visible"],"megaMenuVisible":[4,"mega-menu-visible"],"isMobileMenuVisible":[4,"is-mobile-menu-visible"],"mobileMenuVisible":[4,"mobile-menu-visible"],"activeSegment":[32],"mobileMenu":[32],"userMenu":[32],"userMenuMobile":[32],"visibleMegaMenu":[32],"scrolled":[32]},[[9,"scroll","onScroll"],[0,"closeMenu","handleCloseMenu"],[0,"scale-close","handleCloseUserMenu"],[0,"scale-open","handleOpenUserMenu"]]]]],["scale-card",[[1,"scale-card",{"to":[1],"label":[1],"target":[1],"rel":[1],"styles":[1]}]]],["scale-icon-action-favorite",[[0,"scale-icon-action-favorite",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-telekom-footer_2",[[1,"scale-telekom-footer-content",{"logoHref":[1,"logo-href"],"logoTitle":[1,"logo-title"],"logoHideTitle":[4,"logo-hide-title"]}],[4,"scale-telekom-footer",{"type":[513]}]]],["duet-date-picker_2",[[0,"duet-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"value":[513],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"dateAdapter":[16],"activeFocus":[32],"focusedDay":[32],"open":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]],[0,"scale-icon-content-calendar",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-collapse-up",[[0,"scale-icon-navigation-collapse-up",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-double-left_2",[[0,"scale-icon-navigation-double-left",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[0,"scale-icon-navigation-double-right",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-link",[[1,"scale-link",{"disabled":[4],"omitUnderline":[4,"omit-underline"],"href":[1],"download":[1],"iconPosition":[1,"icon-position"],"hreflang":[1],"ping":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"type":[1],"innerTabindex":[2,"inner-tabindex"],"styles":[1],"setFocus":[64]}]]],["scale-checkbox_2",[[4,"scale-checkbox",{"name":[1],"label":[1],"ariaLabelCheckbox":[1,"aria-label-checkbox"],"hideLabel":[4,"hide-label"],"helperText":[1,"helper-text"],"status":[1],"invalid":[4],"disabled":[516],"checked":[1540],"indeterminate":[1540],"value":[1],"inputId":[1025,"input-id"],"styles":[1],"required":[4]}],[0,"scale-icon-action-minus",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-close",[[0,"scale-icon-action-close",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-menu_7",[[1,"scale-telekom-header",{"appName":[513,"app-name"],"appNameLink":[1,"app-name-link"],"appNameClick":[8,"app-name-click"],"logoHref":[1,"logo-href"],"logoTitle":[1,"logo-title"],"logoHideTitle":[4,"logo-hide-title"],"type":[1],"metaNavAriaLabel":[1,"meta-nav-aria-label"],"metaNavExternalAriaLabel":[1,"meta-nav-external-aria-label"],"langSwitcherAriaLabel":[1,"lang-switcher-aria-label"],"mainNavAriaLabel":[1,"main-nav-aria-label"],"scrolled":[32],"scrolledBack":[32],"pageYOffset":[32]},[[5,"scroll","onScroll"]]],[1,"scale-telekom-mega-menu-column",{"headingLevel":[2,"heading-level"],"headingHasLink":[32]}],[1,"scale-telekom-mobile-menu",{"backButtonTitle":[1,"back-button-title"],"appName":[1,"app-name"],"appNameLink":[1,"app-name-link"],"appNameClick":[8,"app-name-click"],"currentLevel":[32]},[[0,"scale-set-menu-item-active","handleSetMenuItemActive"],[0,"scale-set-menu-item-open","handleSetMenuItemOpen"]]],[1,"scale-telekom-mobile-menu-item",{"open":[4],"active":[4],"level":[1],"currentLevel":[1,"current-level"]}],[0,"scale-icon-action-menu",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[4,"scale-telekom-mega-menu",{"childrenTooMany":[32]}],[4,"scale-telekom-nav-list",{"role":[513],"alignment":[513],"variant":[513]},[[0,"scale-expanded","handleScaleExpanded"]]]]],["scale-icon-navigation-collapse-down",[[0,"scale-icon-navigation-collapse-down",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-circle-close_2",[[0,"scale-icon-alert-warning",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[0,"scale-icon-action-circle-close",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-navigation-left",[[0,"scale-icon-navigation-left",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-icon-action-checkmark",[[0,"scale-icon-action-checkmark",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-badge_5",[[1,"scale-telekom-mobile-flyout-canvas",{"appName":[1,"app-name"],"appNameLink":[1,"app-name-link"],"appNameClick":[8,"app-name-click"],"closeButtonLabel":[1,"close-button-label"],"closeButtonTitle":[1,"close-button-title"]}],[1,"scale-badge",{"count":[2],"label":[1],"labelVisuallyHidden":[4,"label-visually-hidden"],"ariaLabelTranslation":[1,"aria-label-translation"]}],[0,"scale-icon-user-file-user",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[1,"scale-telekom-nav-flyout",{"expanded":[1540],"triggerSelector":[1,"trigger-selector"],"variant":[1],"hover":[4],"isExpanded":[32],"animationState":[32],"show":[64],"hide":[64]},[[8,"keydown","handleWindowKeydown"],[0,"scale-close-nav-flyout","handleScaleCloseNavFlyout"],[4,"click","handleDocumentClick"]]],[4,"scale-telekom-nav-item",{"active":[516],"variant":[513],"role":[513],"hideOnMobile":[516,"hide-on-mobile"],"hideOnDesktop":[516,"hide-on-desktop"]}]]],["scale-icon-navigation-right",[[0,"scale-icon-navigation-right",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-dropdown-select_13",[[1,"scale-dropdown-select",{"comboboxId":[1,"combobox-id"],"label":[1],"name":[1],"helperText":[1,"helper-text"],"disabled":[4],"readonly":[4],"transparent":[4],"invalid":[4],"variant":[1],"value":[1544],"floatingStrategy":[1,"floating-strategy"],"hideLabelVisually":[4,"hide-label-visually"],"ariaLabelSelected":[1,"aria-label-selected"],"hcmLabelDisabled":[1,"hcm-label-disabled"],"options":[32],"open":[32],"currentIndex":[32],"queryString":[32],"queryTimeout":[32],"hasFocus":[32]}],[1,"scale-pagination",{"hideBorders":[4,"hide-borders"],"hideBorder":[4,"hide-border"],"pageSize":[2,"page-size"],"startElement":[2,"start-element"],"totalElements":[2,"total-elements"],"styles":[1],"small":[4],"size":[1],"ariaLabelFirstPage":[1,"aria-label-first-page"],"ariaLabelNextPage":[1,"aria-label-next-page"],"ariaLabelPreviousPage":[1,"aria-label-previous-page"],"ariaLabelLastPage":[1,"aria-label-last-page"]}],[0,"scale-text-field",{"type":[1],"inputModeType":[1,"input-mode-type"],"name":[1],"label":[1],"size":[1],"helperText":[1,"helper-text"],"status":[1],"invalid":[4],"variant":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"max":[2],"min":[2],"placeholder":[1],"disabled":[4],"readonly":[4],"required":[4],"counter":[4],"value":[1032],"inputId":[1,"input-id"],"transparent":[4],"step":[1],"list":[1],"inputAutofocus":[4,"input-autofocus"],"inputAutocomplete":[1,"input-autocomplete"],"ariaDetailedId":[1,"aria-detailed-id"],"hideLabelVisually":[4,"hide-label-visually"],"styles":[1],"experimentalControlled":[4,"experimental-controlled"],"hasFocus":[32],"forceUpdate":[32]}],[1,"scale-menu-flyout-item",{"cascade":[4],"active":[516],"checkable":[1],"checked":[1540],"disabled":[516],"value":[513],"styles":[1],"triggerEvent":[64]}],[1,"scale-progress-bar",{"busy":[4],"percentage":[2],"percentageStart":[2,"percentage-start"],"customColor":[1,"custom-color"],"showStatus":[4,"show-status"],"icon":[1],"statusDescription":[1,"status-description"],"hasError":[4,"has-error"],"disabled":[4],"progressBarId":[1,"progress-bar-id"],"label":[1],"mute":[4],"styles":[1]}],[0,"scale-switch",{"checked":[1540],"disabled":[4],"name":[1],"inputId":[1025,"input-id"],"label":[1],"styles":[1],"size":[1]}],[1,"scale-tag",{"size":[1],"type":[1],"color":[1],"href":[1],"target":[1],"dismissable":[4],"disabled":[4],"dismissText":[1,"dismiss-text"],"styles":[1]}],[1,"scale-dropdown-select-item",{"selected":[4],"focused":[4],"value":[520],"disabled":[516]}],[0,"scale-icon-action-hide-password",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[0,"scale-icon-action-sort",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[0,"scale-icon-content-sort-indicator-down",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[0,"scale-icon-content-sort-indicator-up",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[0,"scale-icon-service-settings",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]],["scale-logo_2",[[1,"scale-logo",{"variant":[1],"transparent":[4],"language":[1],"size":[2],"href":[1],"accessibilityTitle":[1,"accessibility-title"],"styles":[1],"focusable":[4],"scrollIntoViewOnFocus":[4,"scroll-into-view-on-focus"],"logoTitle":[1,"logo-title"],"logoHideTitle":[4,"logo-hide-title"],"logoAriaDescribedBy":[1,"logo-aria-described-by"],"logoAriaHidden":[4,"logo-aria-hidden"]}],[0,"scale-logo-svg",{"color":[1],"innerRole":[1,"inner-role"],"focusable":[4],"accessibilityTitle":[1,"accessibility-title"],"logoTitle":[1,"logo-title"],"logoHideTitle":[4,"logo-hide-title"]}]]],["scale-button_2",[[1,"scale-button",{"size":[1],"variant":[1],"disabled":[4],"type":[1],"name":[1],"value":[1],"iconOnly":[4,"icon-only"],"iconPosition":[513,"icon-position"],"href":[1],"target":[1],"styles":[1],"download":[1],"innerTabindex":[2,"inner-tabindex"],"innerAriaLabel":[1,"inner-aria-label"],"setFocus":[64]},[[2,"click","handleHostClick"]]],[0,"scale-icon",{"name":[1],"path":[1],"size":[514],"fill":[1],"stroke":[1],"focusable":[4],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"]}]]],["app-navigation-user-menu_3",[[1,"app-navigation-user-menu",{"hide":[16],"navigation":[8],"styles":[1]}],[1,"scale-menu-flyout",{"closeOnSelect":[4,"close-on-select"],"triggerHasPopup":[4,"trigger-has-popup"],"direction":[1],"styles":[1]},[[0,"scale-open","handleScaleOpen"],[0,"scale-select","handleScaleSelect"],[0,"scale-close","handleScaleClose"],[9,"scroll","handleWindowScroll"],[4,"click","handleOutsideClick"],[0,"keydown","handleKeydown"]]],[1,"scale-menu-flyout-list",{"opened":[1540],"trigger":[16],"direction":[1025],"active":[1540],"closeOnSelect":[4,"close-on-select"],"brandHeaderDropdown":[4,"brand-header-dropdown"],"styles":[1],"preventFlipVertical":[4,"prevent-flip-vertical"],"forceRender":[32],"open":[64],"close":[64],"setFocus":[64]},[[9,"resize","handleResize"],[0,"keydown","handleKeydown"],[0,"click","handleClick"],[0,"scale-select","handleScaleSelect"],[0,"scale-open","handleScaleOpen"]]]]],["app-mega-menu_7",[[0,"app-navigation-main-mobile",{"hide":[16],"navigation":[16],"activeRouteId":[1,"active-route-id"],"selected":[32],"parent":[32]}],[4,"scale-nav-icon",{"isActive":[4,"is-active"],"active":[4],"href":[1],"clickLink":[8,"click-link"],"icon":[1],"isMobileMenuOpen":[4,"is-mobile-menu-open"],"mobileMenuOpen":[4,"mobile-menu-open"],"refMobileMenuToggle":[8,"ref-mobile-menu-toggle"],"refMobileUserMenuToggle":[8,"ref-mobile-user-menu-toggle"],"refUserMenuToggle":[8,"ref-user-menu-toggle"],"badge":[4],"badgeLabel":[2,"badge-label"]}],[4,"app-mega-menu",{"navigation":[16],"hide":[16],"activeRouteId":[1,"active-route-id"],"isActive":[4,"is-active"],"active":[4]}],[0,"app-navigation-sector-mobile",{"hide":[16],"navigation":[16],"activeSectorId":[1,"active-sector-id"],"selected":[32]}],[4,"scale-nav-main",{"isActive":[4,"is-active"],"active":[4],"popup":[4],"isMegaMenuVisible":[4,"is-mega-menu-visible"],"megaMenuVisible":[4,"mega-menu-visible"],"href":[1],"name":[1],"target":[1],"innerId":[1,"inner-id"],"clickLink":[8,"click-link"]}],[4,"scale-nav-segment",{"isActive":[4,"is-active"],"active":[4],"href":[1]}],[1,"scale-notification-badge",{"label":[2],"maxCharacters":[2,"max-characters"],"type":[1],"clickHandler":[8,"click-handler"]}]]],["scale-icon-action-success_3",[[0,"scale-icon-action-success",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[0,"scale-icon-alert-information",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}],[0,"scale-icon-alert-error",{"size":[514],"fill":[1],"color":[1],"selected":[516],"decorative":[4],"accessibilityTitle":[1,"accessibility-title"],"focusable":[4]}]]]]'),options)}))};!function(){if("undefined"!=typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)},HTMLElement.prototype=a.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,a)}}();var preview=__webpack_require__("../../node_modules/@storybook/addon-viewport/dist/esm/preview.js");vue_esm.a.config.productionTip=!1,vue_esm.a.config.ignoredElements=[/scale-\w*/],function applyPolyfills(){var promises=[];if("undefined"!=typeof window){var win=window;win.customElements&&(!win.Element||win.Element.prototype.closest&&win.Element.prototype.matches&&win.Element.prototype.remove&&win.Element.prototype.getRootNode)||promises.push(__webpack_require__.e(411).then(__webpack_require__.t.bind(null,"../components/dist/esm/polyfills/dom.js",7)));"function"==typeof Object.assign&&Object.entries&&Array.prototype.find&&Array.prototype.includes&&String.prototype.startsWith&&String.prototype.endsWith&&(!win.NodeList||win.NodeList.prototype.forEach)&&win.fetch&&function checkIfURLIsSupported(){try{var u=new URL("b","http://a");return u.pathname="c%20d","http://a/c%20d"===u.href&&u.searchParams}catch(e){return!1}}()&&"undefined"!=typeof WeakMap||promises.push(Promise.all([__webpack_require__.e(2),__webpack_require__.e(410)]).then(__webpack_require__.t.bind(null,"../components/dist/esm/polyfills/core-js.js",7)))}return Promise.all(promises)}().then((function(){loader_defineCustomElements(window)}));var parameters={a11y:{config:{rules:[{id:"list",enabled:!1},{id:"listitem",enabled:!1},{id:"color-contrast",enabled:!1}]}},viewport:{viewports:preview.a},viewMode:"docs",options:{storySort:{order:["Scale Design System","FAQ","New Release",["Release Notes","Sketch Library Update"],"Setup & Info",["Getting Started For Designers","Getting Started For Developers","Scale and Vue","Scale and Angular","Scale and React","Accessibility","Browser Support"],"Guidelines",["Design Tokens","Light and Dark Mode","Customization and Themes","Grid","Spacings","Typography","Colors","Shadows"],"Update History",["Design","Development"],"Components","Beta Components","Deprecated Components","Contact","Legal",["Disclaimer","Legal Notice","Privacy"]]}}};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.a.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return Object(ClientApi.d)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.e)(loader,!1)}));case"parameters":return Object(ClientApi.f)(function _objectSpread(target){for(var i=1;i\nFriedrich-Ebert-Allee 140
\n53113 Bonn\n",Disclaimer_de="# Haftungsausschluss\n\nDie Deutsche Telekom AG übernimmt keine Garantie dafür, dass die auf dieser Webseite bereitgestellten Informationen vollständig, richtig und in jedem Fall aktuell sind. Dies gilt auch für alle Links, auf die diese Webseite direkt oder indirekt verweist. Die Deutsche Telekom AG ist nicht verantwortlich für den Inhalt von Seiten, die über einen solchen Link erreicht werden.\n\nDie Deutsche Telekom AG behält sich das Recht vor, ohne Ankündigung Änderungen oder Ergänzungen der bereitgestellten Informationen vorzunehmen. Die Bereitstellung dieser Informationen stellt von Seiten der Deutschen Telekom AG kein vertragliches Angebot für Auskünfte, Beratung oder ähnliche Vertragsbeziehungen dar. Jegliche Haftung für die Nutzung und Richtigkeit der Webseiteninhalte sowie die Verfügbarkeit der Webseite ist ausgeschlossen. Die Deutsche Telekom AG haftet deshalb nicht für besondere, indirekte oder Folgeschäden oder jegliche Schäden, die aus Nutzungsausfall, Verlust von Daten oder entgangenem Gewinn resultieren, gleich ob durch eine Vertragshandlung oder durch Fahrlässigkeit oder sonstige unerlaubte Handlung, und die aus oder in Zusammenhang mit der Nutzung von auf dieser Website verfügbaren Dokumenten oder Informationen entstehen.\n\n© 2022 und Anbieter im Sinne des Staatsvertrages über Mediendienste (MDStV):\n\nDeutsche Telekom AG
\nFriedrich-Ebert-Allee 140
\n53113 Bonn\n";function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(blocks.c,{title:"Legal/Disclaimer",parameters:{docs:{container:function container(_ref2){var context=_ref2.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(blocks.b,{context:context,mdxType:"DocsContainer"},locale&&Object(esm.b)(blocks.a,{markdown:"en"===locale?Disclaimer_en:Disclaimer_de,mdxType:"Description"}))}}},mdxType:"Meta"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Legal/Disclaimer",parameters:{docs:{container:function container(_ref3){var context=_ref3.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(blocks.b,{context:context},locale&&Object(esm.b)(blocks.a,{markdown:"en"===locale?Disclaimer_en:Disclaimer_de}))}}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/5_legal/LegalNotice.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),LegalNotice_en="# Legal Notice\n\nBrand & Design is a service offered by Telekom Customer Experience Management as well as Brand Strategy and Marketing Communications, Deutsche Telekom AG.\n\nDeutsche Telekom AG
\nFriedrich-Ebert-Allee 140
\n53113 Bonn\nE-Mail: [contact@brand-design.telekom.com](mailto:contact@brand-design.telekom.com)
\nPhone: +49 228 181-24299\n\n**Commercial Register:**\nBonn District Court (Amtsgericht) HRB 6794,
\nRegistered Office, Bonn,
\nVAT ID: DE 123475223, WEEE Reg. No. DE50478376\n\n## Authorized Representatives\n\nTimotheus Höttges
\nAdel Al-Saleh
\nBirgit Bohle
\nSrinivasan Gopalan
\nDr. Christian P. Illek
\nThorsten Langheim
\nDominique Leroy
\nClaudia Nemat
\n\n## Regulatory Authority\n\nFederal Network Agency for Electricity, Gas, Telecommunications, Post and Railway
\nTulpenfeld 4
\n53113 Bonn\nGermany\n\n## Responsible\n\nOle Heydekamp
\nLead Customer Experience Management
\n\nAlexander Engelhardt
\nVice President Brand Management\n",LegalNotice_de="# Impressum\n\nBrand & Design ist ein Dienst der Bereiche Telekom „Customer Experience Management“ und „Group Brand Strategy and Marketing Communications“ der Deutschen Telekom AG.\n\nDeutsche Telekom AG
\nFriedrich-Ebert-Allee 140
\n53113 Bonn\n\nE-Mail: [contact@brand-design.telekom.com](mailto:contact@brand-design.telekom.com)
\nPhone: +49 228 181-24299\n\n**Handelsregister:**\nAmtsgericht Bonn HRB 6794
\nSitz der Gesellschaft: Bonn
\nUSt-IdNr. DE 123475223
\nWEEE-Reg.-Nr. DE50478376\n\n## Vertretungsberechtigt\n\nTimotheus Höttges
\nAdel Al-Saleh
\nBirgit Bohle
\nSrinivasan Gopalan
\nDr. Christian P. Illek
\nThorsten Langheim
\nDominique Leroy
\nClaudia Nemat
\n\n## Aufsichtsbehörde\n\nBundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen\nTulpenfeld 4
\n53113 Bonn\n\n## Verantwortlich\n\nOle Heydekamp
\nLeiter Customer Experience Management
\n\nAlexander Engelhardt
\nLeiter Markenmanagement\n";function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(blocks.c,{title:"Legal/Legal Notice",parameters:{docs:{container:function container(_ref2){var context=_ref2.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(blocks.b,{context:context,mdxType:"DocsContainer"},locale&&Object(esm.b)(blocks.a,{markdown:"en"===locale?LegalNotice_en:LegalNotice_de,mdxType:"Description"}))}}},mdxType:"Meta"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Legal/Legal Notice",parameters:{docs:{container:function container(_ref3){var context=_ref3.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(blocks.b,{context:context},locale&&Object(esm.b)(blocks.a,{markdown:"en"===locale?LegalNotice_en:LegalNotice_de}))}}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/5_legal/Privacy.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),Privacy_en='# Data Privacy Policy\n\nDeutsche Telekom AG attaches great importance to protecting your personal data. We always inform you what personal data we collect, how your data is used, and how you can influence the process.\n\n## 1. What data is recorded, how is it used, and how long is it stored?\n\nWe will only collect technical characteristics: When you visit our websites, the web server temporarily records the domain name or your computer’s IP address, the file requested by the client (file name and URL), the http response code, and the website from which you are visiting us. The recorded data is used solely for data security purposes, particularly to protect against attempted attacks on our web server (Article 6 (1f) GDPR). We do not use it to create individual user profiles nor do we share this information with third parties. It is erased after seven days at the latest. We reserve the right to statistically analyze anonymized data records.\n\n## 2. Controlling data used by social media plug-ins and links to social media platforms\n\nNo social media plug-ins are used, and no links to social media platforms are provided.\n\n## 3. Will my usage habits be evaluated, e.g. for advertising purposes or tracking?\n\nWe want you to enjoy using our websites and take advantage of our products and services. We have an economic interest in ensuring this is the case. We analyze usage habits anonymously and pseudonymously so you can find the products that interest you and so we can make our websites user-friendly. We, or our contract service providers, create usage profiles that comply with the legal requirements. This information cannot be traced back to you directly. The following information is intended to provide you with general information on the various purposes, techniques, storage periods, and processing countries of this data.\n\n### Technology\n\n### Required cookies\n\nThese cookies are required to enable you to navigate through the web pages and use key functions. They support basic functions to ensure access to secure areas of the website. The legal basis for these cookies is Article 6 (1) b GDPR, or for third countries Article 49 (1) b GDPR.\n\n| Firma | Purpose | Expires / Max-Age | Location |\n| --------- | ---------------- | ----------------- | -------- |\n| T-Systems | Session ID / WAF | Session cookie | Germany |\n\n## 4. Where can I find the information that is important to me?\n\nThis data privacy information provides an overview of the items which apply to Deutsche Telekom AG processing your data in this web portal. Further information, including information on data protection in general and in specific products, is available at https://www.telekom.com/en/corporate-responsibility/data-protection-data-security/data-protection and http://www.telekom.de/datenschutzhinweise.\n\n## 5. Who is responsible for data processing? Who should I contact if I have any queries regarding data privacy at Deutsche Telekom AG?\n\nDeutsche Telekom AG acts as the data controller. If you have any queries, please contact our Customer Service department or the Global Data Privacy Officer, Dr. Claus D. Ulmer, Friedrich-Ebert-Allee 140, 53113 Bonn, Germany, datenschutz@telekom.de.\n\n## 6. What rights do I have?\n\nYou have the right:\n\n
    \n
  1. to request information on the categories of personal data concerned, the purposes of the processing, any recipients of the data, and the envisaged storage period (Article 15 GDPR);
    2. \n
  2. to request that incorrect or incomplete data be rectified or supplemented (Article 16 GDPR);
    3. \n
  3. to withdraw consent at any time with effect for the future (Article 7 (3) GDPR);
    4. \n
  4. to object to the processing of data on the grounds of legitimate interests, for reasons relating to your particular situation (Article 21 (1) GDPR);
    5. \n
  5. to request the erasure of data in certain cases under Article 17 GDPR – especially if the data is no longer necessary in relation to the purposes for which it was collected or is unlawfully processed, or you withdraw your consent according to (c) above or object according to (d) above;
    6. \n
  6. to demand, under certain circumstances, the restriction of data where erasure is not possible or the erasure obligation is disputed (Article 18 GDPR);
    7. \n
  7. to data portability, i.e., you can receive the data that you provided to us in a commonly used and machine-readable format such as CSV, and can, where necessary, transfer the data to others (Article 20 GDPR);
    8. \n
  8. to file a complaint about the data processing with the responsible supervisory authority (for telecommunications contracts: the German Federal Commissioner for Data Protection and Freedom of Information (Bundesbeauftragter für den Datenschutz und die Informationsfreiheit); for any other matters: State Commissioner for Data Protection and Freedom of Information, North Rhine-Westphalia (Landesbeauftragter für den Datenschutz und die Informationsfreiheit Nordrhein-Westfalen)).
    9. \n
\n\n## 7. Who does Deutsche Telekom AG pass my data on to?\n\nWe will only pass your data **owing to legal obligations:** In certain cases, we are legally obliged to transfer certain data to a state authority that requests it.\n\n## 8. Where is my data processed?\n\nYour data will be processed in Germany and other European countries. If, in exceptional cases, your data is processed in countries outside the European Union (in so-called third countries), this will take place:\n\n
    \n
  1. if you have expressly consented to this (Article 49 (1) a GDPR). (In most countries outside the EU, the level of data protection does not meet EU standards. This concerns in particular comprehensive monitoring and control rights of state authorities, e.g. in the USA, which disproportionately interfere with the data protection of European citizens,
    2. \n
  2. or to the extent necessary for our service provision to you (Article 49 (1) b GDPR),
    3. \n
  3. or to the extent required by law (Article 49 (1) c GDPR).
    4. \n
\n\nFurthermore, your data will only be processed in third countries if certain measures ensure a suitable level of data protection (e.g., EU Commission\'s adequacy decision or suitable guarantees, Article 44 et seq. GDPR).\n\n**© Deutsche Telekom AG – April 2022**\n',Privacy_de='# Datenschutzhinweise\n\nDer Schutz deiner personenbezogenen Daten hat für die Deutsche Telekom AG einen hohen Stellenwert. Wir informieren dich stets darüber, welche personenbezogenen Daten erfasst werden, wie wir diese verwenden und welche Gestaltungsmöglichkeiten du dabei hast.\n\n## 1. Welche Daten werden erfasst, wie werden sie verwendet und wie lange werden sie gespeichert?\n\nWir erfassen lediglich **technische Merkmale**: Wenn du unsere Webseiten besuchst, erfasst der Webserver vorübergehend den Domain-Namen oder die IP-Adresse deines Computers, die Dateianfrage des Clients (Dateiname und URL), den http-Antwort-Code und die Webseite, von der aus du unsere Seite aufrufst. Die erfassten Daten werden ausschließlich für Zwecke der Datensicherheit, insbesondere zur Abwehr von Angriffsversuchen auf unseren Webserver verwendet (Art. 6 Abs.1f DSGVO). Sie werden weder für die Erstellung von individuellen Nutzerprofilen verwendet noch an Dritte weitergegeben. Die Daten werden nach spätestens sieben Tagen wieder gelöscht. Wir behalten uns das Recht vor, anonymisierte Datensätze statistisch auszuwerten.\n\n## 2. Kontrolle der von Social-Media-Plugins verwendeten Daten und bei Verlinkungen zu Social-Media-Plattformen\n\nWir verwenden keine Social-Media-Plugins und verlinken nicht auf Social-Media-Plattformen.\n\n## 3. Wird mein Nutzungsverhalten ausgewertet, z. B. für Werbung, Tracking oder Betrugsprävention?\n\nWir möchten, dass du unsere Webseiten gerne nutzt und unsere Produkte und Dienste in Anspruch nimmst. Daran haben wir ein wirtschaftliches Interesse. Damit du die Informationen findest, die dich interessieren und wir unsere Webseiten nutzerfreundlich ausgestalten können, analysieren wir anonymisiert und pseudonymisiert das Nutzungsverhalten. Im Rahmen der gesetzlichen Regelungen legen wir, oder von uns im Rahmen einer Auftragsverarbeitung beauftragte Unternehmen, Nutzungsprofile an. Ein unmittelbarer Rückschluss auf deine Person ist dabei nicht möglich. Nachfolgend informieren wir dich allgemein über die verschiedenen Zwecke, Techniken, Speicherdauer sowie die Verarbeitungsländer.\n\n### Techniken\n\n### Erforderliche Cookies\n\nDiese Cookies sind notwendig, damit du durch die Seiten navigieren und wesentliche Funktionen nutzen kannst. Sie ermöglichen Grundfunktionen, um den Zugriff auf gesicherte Bereiche der Webseite zu gewährleisten. Rechtsgrundlage für diese Cookies ist Art. 6 Abs. 1b DSGVO bzw. bei Drittstaaten Art. 49 Abs. 1b DSGVO.\n\n| Firma | Zweck | Speicherdauer | Land der Verarbeitung |\n| --------- | ---------------- | -------------- | --------------------- |\n| T-Systems | Session ID / WAF | Session cookie | Deutschland |\n\n## 4. Wo finde ich die Informationen, die für mich wichtig sind?\n\nDieser **Datenschutzinhinweis** gibt einen Überblick über die Punkte, die für die Verarbeitung deiner Daten auf diesem Webportal durch die Deutsche Telekom gelten. Weitere Informationen, auch zum Datenschutz im Allgemeinen oder in speziellen Produkten, erhältst du auf https://www.telekom.com/en/corporate-responsibility/data-protection-data-security/data-protection und unter http://www.telekom.de/datenschutzhinweise.\n\n## 5. Wer ist für die Datenverarbeitung verantwortlich? An wen muss ich mich wenden, wenn ich Fragen zum Datenschutz bei der Deutschen Telekom habe?\n\nDatenverantwortliche ist die Deutsche Telekom AG. Bei Fragen kontaktiere bitte unseren Kundenservice oder unseren Datenschutzbeauftragten, Dr. Claus D. Ulmer, Friedrich-Ebert-Allee 140, 53113 Bonn, datenschutz@telekom.de.\n\n## 6. Welche Rechte habe ich?\n\nDu hast das Recht,\n\n
    \n
  1. Auskunft zu verlangen zu Kategorien der verarbeiteten personenbezogenen Daten, Verarbeitungszwecken, etwaigen Empfängern der Daten und der geplanten Speicherdauer (Art. 15 DSGVO);
    2. \n
  2. die Berichtigung bzw. Ergänzung unrichtiger oder unvollständiger Daten zu verlangen (Art. 16 DSGVO);
    3. \n
  3. eine erteilte Einwilligung jederzeit mit Wirkung für die Zukunft zu widerrufen (Art. 7 Abs. 3 DSGVO);
    4. \n
  4. einer Datenverarbeitung, die aufgrund eines berechtigten Interesses erfolgen soll, aus Gründen zu widersprechen, die sich aus deiner besonderen Situation ergeben (Art. 21 Abs. 1 DSGVO);
    5. \n
  5. in bestimmten Fällen im Rahmen des Art. 17 DSGVO die Löschung von Daten zu verlangen – insbesondere soweit die Daten für den vorgesehenen Zweck nicht mehr erforderlich sind bzw. unrechtmäßig verarbeitet werden - oder du deine Einwilligung gemäß oben (c) widerrufen oder einen Widerspruch gemäß oben (d) erklärt hast;
    6. \n
  6. unter bestimmten Voraussetzungen die Einschränkung der Verarbeitung zu verlangen, soweit eine Löschung nicht möglich bzw. die Löschpflicht streitig ist (Art. 18 DSGVO);
    7. \n
  7. auf Datenübertragbarkeit, d. h. du kannst die Daten, die du uns bereitgestellt hast, in einem gängigen maschinenlesbaren Format wie z. B. CSV erhalten und, soweit erforderlich, an Dritte übermitteln (Art. 20 DSGVO);
    8. \n
  8. sich bei der zuständigen Aufsichtsbehörde über die Datenverarbeitung zu beschweren (für Telekommunikationsverträge: Bundesbeauftragte für den Datenschutz und die Informationsfreiheit; für alle übrigen: Landesbeauftragte für den Datenschutz und die Informationsfreiheit Nordrhein-Westfalen).
    9. \n
\n\n## 7. An wen gibt die Deutsche Telekom AG meine Daten weiter?\n\nWir geben deine Daten ausschließlich **aufgrund gesetzlicher Verpflichtung** weiter: In bestimmen Fällen sind wir gesetzlich dazu verpflichtet, bestimmte Daten an die anfragende staatliche Stelle zu übermitteln.\n\n## 8. Wo werden meine Daten verarbeitet?\n\nDeine Daten werden in Deutschland und im europäischen Ausland verarbeitet. Findet eine Verarbeitung deiner Daten in Ausnahmefällen auch in Ländern außerhalb der Europäischen Union (in sog. Drittstaaten) statt, geschieht dies,\n\n
    \n
  1. soweit du hierin ausdrücklich eingewilligt hast (Art. 49 Abs. 1a DSGVO). (In den meisten Ländern außerhalb der EU entspricht das Datenschutzniveau nicht den EU-Standards. Dies betrifft insbesondere umfassende Überwachungs- und Kontrollrechte staatliche Behörden – z. B. in den USA, die in den Datenschutz der europäischen Bürgerinnen und Bürger unverhältnismäßig eingreifen.),
    2. \n
  2. oder soweit es für unsere Leistungserbringung dir gegenüber erforderlich ist (Art. 49 Abs. 1b DSGVO),
    3. \n
  3. oder soweit es gesetzlich vorgesehen ist (Art. 49 Abs. 1c DSGVO).
    4. \n
\n\nDarüber hinaus erfolgt eine Verarbeitung deiner Daten in Drittstaaten nur, soweit durch bestimmte Maßnahmen sichergestellt ist, dass hierfür ein angemessenes Datenschutzniveau besteht (z. B. Angemessenheitsbeschluss der EU-Kommission oder sog. geeignete Garantien, Art. 44 ff. DSGVO).\n\n**© Deutsche Telekom AG – April 2022**\n';function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(blocks.c,{title:"Legal/Privacy",parameters:{docs:{container:function container(_ref2){var context=_ref2.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(blocks.b,{context:context,mdxType:"DocsContainer"},locale&&Object(esm.b)(blocks.a,{markdown:"en"===locale?Privacy_en:Privacy_de,mdxType:"Description"}))}}},mdxType:"Meta"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Legal/Privacy",parameters:{docs:{container:function container(_ref3){var context=_ref3.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(blocks.b,{context:context},locale&&Object(esm.b)(blocks.a,{markdown:"en"===locale?Privacy_en:Privacy_de}))}}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/FAQ.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),FAQ_en='# FAQ\n\nHere is a list of common questions about Scale, along with practical answers.\n\n## Are Scale components accessible?\n\n**They are!**\n\nAll Scale components meet the Telekom accessibility requirements as well as the [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/TR/WCAG21/) version 2.1, level AA criteria.\n\n[Learn more about accessibility](./?path=/docs/setup-info-accessibility--page) in Scale and how we test our components.\n\n## Can I integrate Scale into an ongoing project?\n\n**Yes, absolutely!**\n\nFeel free to use Scale components in addition to your own.\nThat\'ll save you some time on more general UI work, which you can reinvest to improve parts of the product you otherwise wouldn’t have time to focus on in such detail.\n\n**How does it work?**\n\nIf you manage dependencies within your project with npm or yarn and use either a bundler (e.g., Webpack) or ESM, the integration is very simple and straightforward.\nFor any other case, please get in touch so we can advise on the best setup.\n\n## How do I get access to Scale?\n\nHere are the best ways to get started:\n\n[General documentation](./?path=/story/scale-design-system--page)\n\n[For designers](./?path=/docs/setup-info-getting-started-for-designers--page)\n\n[For developers](./?path=/docs/setup-info-getting-started-for-developers--page)\n\nAlso have Sketch ready to work with Scale.\n\n## How mature is Scale?\n\nScale is currently an open beta. It is growing and evolving every day. And the contributions of our users are what make it a truly invaluable asset.\n\n[Learn how you can contribute](./?path=/story/contact-contributing-to-scale--page).\n\n## Is Scale open source?\n\n**Yes.**\nOur open-source design system is currently an open beta.\nWe are excited to receive your feedback! And we are delighted if you help us improve Scale with your ideas, experience and skills for developing new components and features.\n\nYou can find the Scale Sourcecode on GitHub\n\n## What if I need a new component?\n\nHere are some ideas:\n\n- Get in touch with the team. We might be able to prioritize your requirements. Ask us about beta or WIP options that could be helpful.\n- Create a component locally so it truly fits your specific needs.\n\nIf you need a component with specific requirements that Scale doesn\'t offer:\n\n- Develop the component locally that fits your specific needs. Also, if everyone will benefit, we’d love to [include it in the Scale library](./?path=/story/contact-contributing-to-scale--page).\n- Fork an existing component and improve upon it. If your requirements will benefit everyone, we’d love for you to [contribute to Scale](./?path=/story/contact-contributing-to-scale--page).\n- Contact us with your exact specifications and implementation ideas. We might be able to develop it.\n\n**A friendly design reminder**\nWhen developing components locally, make sure to follow the Telekom brand and design guidelines and use the quality of the Scale components for orientation.\n\n## What do I need to publish software?\n\nYou can include Scale for production just like you would for a local project.\n\n## Can I use Scale for designing email newsletters?\n\nUnfortunately, Scale is not compatible with emails. Please use the [design guidelines and instructions for creating newsletters](https://www.brand-design.telekom.com/en/articles/n/newsletter/) on Brand & Design. There you will also find suitable [newsletter templates](https://www.brand-design.telekom.com/en/asset/email-template-0-newsletter-templates/).\n\n## What is Scale exactly?\n\nScale is the new Telekom Digital Design System—a library of production-ready UI components in code and design. The components are brand-compliant and accessible and help you create intuitive interfaces quickly and easily.\n\nThe component library is centrally accessible and works with all modern frameworks used for building web applications. Scale is integrated into an optimized toolchain that greatly simplifies the frontend development workflow: As a UX designer you can easily integrate the Scale library into Sketch and receive automated updates. As a frontend developer you will find that implementation and updating with the library on NPM are as easy as it gets.\n\nScale is the single source of truth for both designers and developers. Design and code are always in sync and up to date. And since this single source of truth—Storybook—also holds the entire documentation for design and development, communication will improve within teams since everyone speaks the same language.\n\n## What is the Scale accessibility standard?\n\nWe aim at making inclusive products and experiences that serve everyone.\nScale components meet the Telekom accessibility requirements as well as the Web Content Accessibility Guidelines (WCAG) version 2.1, level AA criteria.\n\n[Have a look at our standards](./?path=/docs/setup-info-accessibility--page)\n\n**How to achieve full compliance**\n\nWhile the Scale components and standard theme enable accessible experiences, full compliance with all mandatory accessibility requirements relies on many other factors for your product as a whole.\nAs such, please have your particular product reviewed by an accessibility consultant to find out how to use the Scale components in the best possible way.\n\n**Suggestions welcome!**\n\nOur goal is to make Scale as accessible as possible. If you have any comments or suggestions on how we can make it better for users with disabilities, please raise an issue on our Git Repo or contact our support team.\n\n## Which browsers are supported?\n\n**We love evergreens!**\nAll our components are tested to support the most important (evergreen) browsers.\n\n[Our complete list of browsers](./?path=/docs/setup-info-browser-support--page)\n\n## Who is behind Scale?\n\nA joint team of UX designers and frontend specialists developed Scale with the aim of making frontend development easier, faster, and more effective.\nNow, a team of UX designers and developers maintains and refines Scale, making sure it continues to meet the current and future requirements of the project teams using it.\n\n## Why should I use Scale?\n\nBecause working with Scale has a host of benefits:\n\n**Faster frontend development:** Production-ready components save time in UX design and development, which means faster time to market for products and services.\n\n**Reduced production costs:** Fully designed and developed components avoid double work and reduce rework.\n\n**Happier teams:** Common resources and a shared language boost collaboration. Less routine tasks mean more time to be creative.\n\n**Easy brand-compliance:** Scale components are consistent with the Liquid Design System and therefore with the Telekom experience principles.\n\n**Better consistency:** With Storybook, all components are collected neatly in one place and are therefore always up to date.\n\n**Hassle-free accessibility:** Scale components fulfill the internal Telekom accessibility standards as well as the AA standard of the W3C, so we can build inclusive products that serve everyone.\n\n**Great flexibility:** Visual and functional elements can be adapted to meet specific project requirements, variants make for more versatility and new themes can be implemented with little technological effort.\n\n**Best compatibility:** Based on the Web Component standard, Scale components are interpreted directly by all modern browsers and can be used with the most common frameworks.\n\n**Smart toolchain:** Scale simplifies handoff and quality assurance processes, provides comprehensive documentation and is easy to integrate into your trusted environment.\n\n**Open source:** Scale is developed further with the help of its users. Your feedback, recommendations and ideas will help us improve our component library continuously.\n',FAQ_de='# FAQ\n\nHier findest du eine Liste mit häufig gestellten Fragen und nützlichen Antworten.\n\n## Erfüllen Scale Komponenten alle Anforderungen der Deutschen Telekom an die Barrierefreiheit?\n\n**Ja, das tun sie!**\n\nAlle Komponenten erfüllen sowohl die Anforderungen der Telekom an die Barrierefreiheit sowie die Kriterien der [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/TR/WCAG21/) Version 2.1, Stufe AA.\n\n[Erfahre mehr zum Thema Barrierefreiheit](./?path=/story/scale-for-developers-accessibility--page) und wie wir unsere Komponenten daraufhin prüfen.\n\n## Kann ich Scale in ein laufendes Projekt integrieren?\n\n**Ja, unbedingt!**\n\nDu kannst die Scale Komponenten zusätzlich zu deinen eigenen Komponenten verwenden.\nDas spart wertvolle Zeit, die du in die Verbesserung deines Produkts oder Dienstes investieren kannst.\n\n**Und wie geht das?**\n\nWenn du dein Projekt mit npm oder yarn verwaltest oder du einen Bundler (z. B. Webpack) bzw. ESM verwendest, ist die Integration sehr einfach und unkompliziert.\nIn jedem anderen Fall kontaktiere uns bitte, damit wir dich über das beste Setup beraten können.\n\n## Wie erhalte ich Zugang zu Scale?\n\nAls Designer\\*in findest du alles Wichtige für den Start mit Scale hier:\n[Scale für Designer](./?path=/docs/setup-info-getting-started-for-designers--page)\n\nBitte beachte: Du benötigst Sketch, um Scale nutzen zu können.\n\nAls Entwickler\\*in erhältst du alle Informationen zur Nutzung von Scale hier:\n[Scale für Entwickler](./?path=/docs/setup-info-getting-started-for-developers--page)\n\n## Was ist der Entwicklungsstand von Scale?\n\nScale ist derzeit eine Open Beta und entwickelt sich stetig weiter. Vor allem die Beiträge unserer Nutzer\\*innen machen Scale zu einer so wertvollen Ressource.\nWie du mitmachen kannst, [erfährst du hier](./?path=/story/contact-contributing-to-scale--page).\n\n## Ist Scale open-source?\n\n**Ja.**\nUnser open-source Designsystem ist derzeit eine Open Beta. Deshalb freuen wir uns über dein Feedback! Und auch darüber, wenn du mit deiner Erfahrung und mit deinen Fähigkeiten und Ideen für neue Komponenten und Funktionen mithilfst, Scale weiter zu verbessern.\n\nDu findest den Scale Sourcecode auf GitHub.\n\n## Ich benötige eine Komponente, die noch nicht in Scale verfügbar ist. Was kann ich tun?\n\nDann hast du einige Möglichkeiten:\n\n- Kontaktiere uns. Vielleicht können wir deine Anfrage priorisieren und dir die gewünschte Komponente bald bereitstellen. Möglicherweise können wir dir auch Beta- oder WIP-Optionen bereitstellen, die dir weiterhelfen.\n- Oder du erstellst die Komponente einfach selbst, damit sie die konkreten Anforderungen deines Produkts oder Dienstes erfüllt.\n\n**Wenn eine Komponente zwar verfügbar ist, diese aber nicht deinen spezifischen Anforderungen entspricht, kannst du Folgendes tun:**\n\n- Entwickle eine eigene Komponente, die genau diesen Anforderungen entspricht. Du denkst, dass auch andere davon profitieren könnten? Prima, dann würden wir uns sehr freuen, wenn du uns deine [Komponente in der Scale Library zur Verfügung stellen](./?path=/story/contact-contributing-to-scale--page) würdest.\n- Benutze einfach eine bereits bestehende Komponente und verändere sie. Auch in diesem Fall freuen wir uns, wenn du [deine Version mit uns teilst](./?path=/story/contact-contributing-to-scale--page).\n- Oder kontaktiere uns, um deine genauen Spezifikationen sowie Umsetzungsideen mitzuteilen. Wir prüfen dann, ob wir dir die Komponenten ganz nach deinen Wünschen erstellen können.\n\n**Freundliche Erinnerung**\nBitte halte dich bei der Entwicklung von Komponenten immer an die Marken- und Designrichtlinien der Deutschen Telekom. Orientiere dich dabei an der Qualität der Scale Komponenten.\n\n## Was benötige ich, um Produkte und Dienste zu entwickeln?\n\nDu kannst Scale für die Produktion genauso einbinden, wie du es für ein lokales Projekt tun würdest.\n\n## Kann ich Scale für die Gestaltung von E-Mail-Newslettern nutzen?\n\nLeider ist Scale mit E-Mails nicht kompatibel. Nutze einfach die [Gestaltungsvorgaben und Informationen für das Erstellen von Newslettern](https://www.brand-design.telekom.com/artikel/n/newsletter/) auf Brand & Design. Dort findest du auch passende [Newsletter Templates](https://www.brand-design.telekom.com/asset/email-template-0-newsletter-templates/).\n\n## Was ist Scale genau?\n\nScale ist das neue digitale Designsystem der Telekom – eine Bibliothek produktionsfertiger UI-Komponenten, die in Code und Design vorliegen. Sie sind brandkonform und barrierefrei, sodass du mit Leichtigkeit intutive Interfaces erstellen kannst.\n\nDie Komponenten-Bibliothek ist zentral zugänglich und funktioniert mit allen gängigen Frameworks, die zur Erstellung von Webanwendungen verwendet werden. Außerdem ist sie in eine optimierte Toolchain integriert, die die Abläufe in der Frontend-Entwicklung stark vereinfacht: Als UX-Designer*in kannst du die Scale Bibliothek ganz leicht in Sketch integrieren und dich über automatische Updates freuen. Als Frontend-Entwickler*in profitierst du von der einfachen Implementierung und mühelosen Updates mit der Bibliothek auf NPM.\n\nScale ist "Single Source Of Truth" für Designer*innen und Entwickler*innen. Design und Code sind immer auf dem neuesten Stand. Und weil dieser eine Ort – Storybook – auch die gesamte Dokumentation für Design und Entwicklung enthält, verbessert sich die Zusammenarbeit im Team, weil alle dieselbe Sprache sprechen.\n\n## Wie gestalte ich barrierefreie Produkte und Dienste mit Scale?\n\nUnser Ziel ist es, inklusive Produkte und Erlebnisse zu schaffen, die allen Menschen zugänglich sind. Daher erfüllen die Scale Komponenten bereits alle Anforderungen der Telekom für Barrierefreiheit sowie die Kriterien der Web Content Accessibility Guidelines (WCAG) Version 2.1, Stufe AA.\n\nHier findest du [weitere Informationen zum Thema Barrierefreiheit](./?path=/docs/setup-info-accessibility--page)\n\n**Wirklich alle Anforderungen kennen**\n\nDie Scale Komponenten und das Standard Theme erfüllen bereits die Basis der Anforderungen für ein barrierefreies Nutzungserlebnis. Es gibt aber noch eine Reihe anderer wichtiger Faktoren, um die vollständige Barrierefreiheit deines Produkts oder Dienstes zu gewährleisten.\nWende dich dafür an die Berater\\*innen für Barrierefreiheit, um zu erfahren, wie du die Scale Komponenten bestmöglich einsetzt.\n\n**Deine Ideen**\n\nUnser Ziel ist es, Scale so zugänglich wie möglich zu machen. Wenn du Ideen oder Vorschläge hast, wie wir Scale für Menschen mit Einschränkungen oder Behinderungen noch besser machen können, dann erstelle bitte ein Issue im Git Repo oder kontaktiere den Support.\n\n## Welche Browser unterstützt Scale?\n\n**Wir setzen auf Evergreens**\nAlle unsere Komponenten funktionieren mit den gängigsten Internet-Browsern.\n\nHier findest du die [komplette Liste](./?path=/docs/setup-info-browser-support--page)\n\n## Wer steckt hinter Scale?\n\nScale wurde gemeinsam mit UX-Designer\\*innen und Frontend-Spezialist\\*innen entwickelt, um die Frontend-Entwicklung einfacher, schneller und effektiver zu machen.\nEin Team aus UX-Designer\\*innen und Entwickler\\*innen pflegt Scale und entwickelt es weiter, um sicherzustellen, dass es weiterhin die aktuellen und zukünftigen Anforderungen der Projektteams erfüllt.\n\n## Warum sollte ich Scale nutzen?\n\nWeil Scale dir viele Vorteile bietet:\n\n**Schnellere Frontend-Entwicklung:** Produktionsfertige Komponenten sparen Zeit in UX-Design und Entwicklung. Produkte und Services kommen schneller auf den Markt.\n\n**Niedrigere Produktionskosten:** Mit vollständig designten und entwickelten Komponenten wird Doppelarbeit vermieden und Nacharbeit deutlich reduziert.\n\n**Zufriedenere Teams:** Gemeinsame Ressourcen und eine gemeinsame Sprache verbessern die Zusammenarbeit. Durch weniger Routineaufgaben bleibt mehr Zeit für Kreativität.\n\n**Mühelose Markenkonformität:** Scale Komponenten erfüllen alle Anforderungen des Liquid Design Systems und damit die Experience-Richtlinien der Telekom.\n\n**Verbesserte Konsistenz:** Mit Storybook sind alle Komponenten an einem einzigen Zugriffspunkt gesammelt und damit immer aktuell.\n\n**Einfache Barrierefreiheit:** Mit Komponenten, die die internen Telekom Standards sowie die Stufe-AA-Kriterien der W3C erfüllen, entwickeln wir Produkte, die für alle zugänglich sind.\n\n**Große Flexibilität:** Visuelle und funktionale Elemente können projektspezifisch angepasst werden, Varianten sorgen für Abwechslung und neue Themes lassen sich mit wenig Aufwand umsetzen.\n\n**Beste Kompatibilität:** Basierend auf dem Web-Component-Standard werden Scale Komponenten von allen modernen Browsern direkt interpretiert und können mit den gängigsten Frameworks genutzt werden.\n\n**Smarte Toolchain:** Scale vereinfacht Übergabe- und Qualitätssicherungsprozesse, bietet eine umfassende Dokumentation und lässt sich leicht in die gewohnte Arbeitsumgebung integrieren.\n\n**Open-source:** Scale darf sich mit Hilfe seiner Nutzer\\*innen weiterentwickeln. Mit Feedback, Vorschlägen und Ideen verbessert sich unsere Komponenten-Bibliothek stetig weiter.\n';function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"FAQ",parameters:{docs:{container:function container(_ref2){var context=_ref2.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(dist_esm.e,{context:context,mdxType:"DocsContainer"},locale&&Object(esm.b)(dist_esm.d,{markdown:"en"===locale?FAQ_en:FAQ_de,mdxType:"Description"}))}}},mdxType:"Meta"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"FAQ",parameters:{docs:{container:function container(_ref3){var context=_ref3.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(dist_esm.e,{context:context},locale&&Object(esm.b)(dist_esm.d,{markdown:"en"===locale?FAQ_en:FAQ_de}))}}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/Index.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),Index_en='
\n\n

Important Information for all Users of Scale!

\n
\n\n---\n\n### UPDATE July 2024\n\nDear All,\n\nwe are more than happy to announce the **beta release of our new Design System (DS)**.\n\nThis **ODS (One Experience Design System)** will be available to employees of the whole DT Group and contracted and validated suppliers behind a login.\n\nGiven our **initial scope is to support 3 focus products**, this means our active support has to be focused on those solely until further notice. We will **not provide active support outside this scope in re. of the ODS**, except providing access to existing materials in the Design and Development repositories.\n\nNevertheless, we are keen to hear about your experience in using the system as-is,via the channel mentioned below.\n\n**How to gain access:**\n\n- You can request access to our [One Experience MS Teams Channel](https://teams.microsoft.com/l/team/19%3ACyQM8cE8KLBlgqf0fYMDe141p4hhkv7uKcXcgCpUCzo1%40thread.tacv2/conversations?groupId=a33112f9-30a0-4c3c-9c06-30b2f80a3349&tenantId=bde4dffc-4b60-4cf6-8b04-a5eeb25f5c4f). We usually will grant access within a day.\n\n - Here you will find detailed information on how to access our storybook pages for both themes. The storybook contains a lot more in-depth info on how to implement the system, the components included demos etc.\n\n - The Teams Channel also includes a [Design](https://teams.microsoft.com/l/channel/19%3A10294cb8e39546ce93981a176e432e37%40thread.tacv2/☀%EF%B8%8F_Design%20Chat?groupId=a33112f9-30a0-4c3c-9c06-30b2f80a3349&tenantId=bde4dffc-4b60-4cf6-8b04-a5eeb25f5c4f) and [Development](https://teams.microsoft.com/l/channel/19%3A9ca3051a9b154d4285c1102aa4b63da0%40thread.tacv2/⭐%EF%B8%8F_Development%20Chat?groupId=a33112f9-30a0-4c3c-9c06-30b2f80a3349&tenantId=bde4dffc-4b60-4cf6-8b04-a5eeb25f5c4f) chats where you can exchange with likeminded people and we will inform about new releases.\n\n - A first understanding of the new ODS can be gained by watching the ODS intro videos under the Video tab in the channel.\n\n- Any Info/Access Requests/Demands/Bugs can be raised in our [ODQ Jira board](https://jira.telekom.de/projects/ODQ/summary). Please keep in mind that we cannot provide active support to other than the 3 products.\n\nHave fun to **experiment** with what is available as of now and **understand the implications the ODS will have** on workflow.\n\nAt last, keep in mind: \n**This is a Beta release**. We are by no means done and fully stable. Expect updates to come, bugs to be fixed and repos to be filled as time passes.\n\nThanks for your interest and keep feedback coming, even if replies are nothing we can promise as of now.\n\nWe do listen and learn.\n\nBest \nyour One Experience Design System Team\n\n---\n\n### We, the team, that build the Scale Design System, want to share some exciting updates with you.\n\nAfter many years, where Scale has been built by a very small team, enabling others to build their products and prototypes, **we were given the opportunity to make a huge leap on the matter.**\n\nIn collaboration with our internal design system community, we have assessed current solutions against leading design systems, identifying areas for improvement that we aim to address with this next step. Thanks again to everyone involved so far.\n\n**We could not be happier to announce that we already started working on the next evolution of the Telekom Design System, planned to support all major customer related products of DT Group in Europe.**\n\nYes, this is ambitious, but we grew as a team and firmly believe we can do it. Bear with us.\n\n**With this new focus, we also must leave the Scale Design System evolution to those who already helped to grow it: The Open-Source Community.**\n\nWhile sadly, we are not able to provide support anymore and will not build new components, keep in mind Scale is alive and all well\nand can be used as is. Feel free to publish fixes and improve the solid foundation, we built. Even better, for those interested, since we are now working on a larger scale than ever before, we will try to enable an update path to the next evolution of the Design System.\n\nWe made you curious?\n\nPerfect.\n\nStay tuned, more details to follow.\n\n
\n\n### What is changing now:\n\nWe’ll migrate the Scale Figma libraries in our Telekom enterprise workspace. Afterward, your product files will be disconnected from the library. All Telekom projects stored externally have to migrate to the Telekom account as well. Once that’s done, the components will automatically link to the library.\n\nIf you want to have the libraries visible in your draft folder: Click on the link “enable libraries for all files in your drafts” under settings. Activate the libraries you need and you will find them in your personal draft.\n\n
\n\n### Access to Figma libraries\n\n### Telekom employees\n\nStep 1:
\nGet a Telekom Enterprise account [by following these instructions](https://seu30.gdc-dmst01.t-systems.com/confluence/display/SETOOLSBETRIEB/Figma@DT+How+to+add+User).\n\nStep 2:
\nMigrate your working files from an external account into our Telekom Figma account in order to utilize the library and reconnect the components. Reach out to the Telekom Figma Admin for assistance, or submit a ticket to [Figma Support](https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001731233).\n\nStep 3:
\nAfter migrating the files, the components will automatically reconnect to the Scale library hosted in the Telekom Figma space. You have the option to enable the library in your files directly from the library panel.\n\nStep 4:
Invite external collaborators to the files using the share feature in Figma. External collaborators will require edit rights in the Telekom Figma Account to collaborate, and any associated costs will be charged to the project cost center.\n\nNote:
\nScale Figma link: All internal employee with a Telekom Figma Enterprise License can access the file through the existing link after Scale migration.\n\n
\n\n### Externals\n\nExternals can utilize the Scale library exclusively with a Telekom Figma Enterprise Account.\n\nStep 1:
\nMigrate your working files to your Telekom Figma account to utilize the library and reconnect the components. If you need assistance, contact your Telekom Figma Admin or submit a ticket to [Figma Support](https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001731233).\n\nStep 2:
\nObtain a guest account with the Telekom Figma Enterprise Account. Typically, after migrating your project, all collaborators in the files are automatically added as guests to Telekom. If you do not yet have access to Telekom Figma, please contact your Telekom internal project contacts to get an invitation. Be sure to mention the project you are working on and provide the name of an internal contact person you are collaborating with.\n\nStep 3:
\nAfter migrating the files, the components will automatically reconnect to the Scale library hosted in the Telekom Figma space. You have the option to enable the library in your files directly from the library panel.\n\nNote:
\nScale Figma Link: All external collaborators will not be able to access the Scale Figma library file via the existing link after migration. If you require access to the file, please get in touch with us to be invited. Please ensure to specify the project you are involved in and provide the name of an internal contact person you are collaborating with.\n',Index_de='
\n\n

Wichtige Informationen für alle Nutzer*innen von Scale!

\n
\n
\n
\n\n### Wir, das Team, das das Scale Design System entwickelt hat, möchten einige spannende Neuigkeiten mit Euch teilen.\n\nNach vielen Jahren, in denen Scale von einem sehr kleinen Team aufgebaut wurde, **haben wir nun die Möglichkeit, einen großen Schritt vorwärts zu machen.**\n\nGemeinsam mit unserer internen Design-System-Community haben wir bestehende Lösungen mit führenden Design Systemen verglichen und Verbesserungsmöglichkeiten identifiziert, die wir mit diesem nächsten Schritt angehen werden. Nochmals herzlichen Dank an alle, die bisher daran beteiligt waren.\n\n**Wir freuen uns sehr, verkünden zu können, dass wir bereits mit der Arbeit an der nächsten Evolutionsstufe des Telekom Design Systems begonnen haben. Es ist darauf ausgerichtet, alle wichtigen kundenbezogenen Produkte der DT Gruppe in Europa zu unterstützen.**\n\nJa, das ist ambitioniert, aber wir sind als Team gewachsen und glauben fest daran, dass wir es schaffen können.\n\nMit diesem neuen Fokus müssen wir auch die Weiterentwicklung des Scale Design Systems denen überlassen, die bereits dazu beigetragen haben, es zu entwickeln: der Open-Source-Community. Obwohl wir leider nicht mehr unterstützen und keine neuen Komponenten mehr erstellen werden: Scale existiert weiter. Veröffentliche gerne Fixes und verbessere das solide Fundament, das wir gemeinsam geschaffen haben.\n\nFür Interessierte, die bisher mit Scale gearbeitet haben, werden wir den Übergang zur nächsten Evolutionsstufe des Design Systems so einfach wie möglich machen.\n\nHaben wir dein Interesse geweckt?\n\nPerfekt.\n\nWeitere Details folgen.\n\n
\n\n### Was sich jetzt ändert:\n\nWir werden die Scale Design-Libraries in unseren Telekom Enterprise Workspace migrieren. Danach werden deine Produktdateien von der Library getrennt sein. Alle extern gespeicherten Telekomprojekte müssen ebenfalls in den Telekom Workspace migrieren. Sobald du dies getan hast, werden die Komponenten in den Produktdateien automatisch mit der Library verknüpft sein.\n\nWenn du die Libraries in deinem Draft-Ordner sichtbar haben möchtest: Klicke unter Settings auf den Link "enable libraries for all files in your drafts". Aktiviere die benötigten Libraries und du findest sie in deinem Draft-Ordner.\n\n
\n\n### Zugang zu den Scale Figma Libraries\n\n### Telekom Mitarbeiter\n\nSchritt 1:
\nRichte dir ein Telekom Figma Enterprise Konto ein. [So geht’s](https://seu30.gdc-dmst01.t-systems.com/confluence/display/SETOOLSBETRIEB/Figma@DT+How+to+add+User).\n\nSchritt 2:
\nMigriere deine Arbeitsdateien von einem externen Konto in unser Telekom Figma Konto, um die Bibliothek zu nutzen und die Komponenten wieder zu verbinden. Benötigst du Hilfe, wende dich an den Telekom Figma Admin oder sende ein Ticket an den [Figma Support](https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001731233).\n\nSchritt 3:
\nNach der Migration der Dateien sind die enthaltenen Komponenten automatisch wieder mit der Scale Library in unserem Figma Workspace verbunden. Du kannst die Library auch wieder über das Library Panel aktivieren.\n\nSchritt 4:
\nLade externe Nutzer*innen zu den Dateien ein, indem du die Freigabefunktion in Figma nutzt. Externe Nutzer*innen benötigen Bearbeitungsrechte im Telekom Figma Workspace, um auf die Dateien zuzugreifen. Alle damit verbundenen Kosten werden der Projektkostenstelle in Rechnung gestellt.\n\nHinweis:
\nAlle internen Nutzer mit einer Telekom Figma Enterprise Lizenz können nach der Migration von Scale über den bestehenden Link auf die Datei zugreifen.\n\n
\n\n### Externe Nutzer\\*innen\n\nExterne Nutzer\\*innen können die Scale Libraries ausschließlich mit einem Telekom Figma Enterprise Account nutzen.\n\nSchritt 1:
\nMigriere deine Arbeitsdateien von einem externen Konto in unser Telekom Figma Konto, um die Bibliothek zu nutzen und die Komponenten wieder zu verbinden. Benötigst du Hilfe, wende dich an den Telekom Figma Admin oder sende ein Ticket an den [Figma Support](https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001731233).\n\nSchritt 2:
\nNach der Migration deines Projektes solltest du dem Telekom Enterprise Account automatisch als Gast hinzugefügt werden. Sollte das nicht geschehen, kontaktiere deine Telekom internen Ansprechpartner im Projekt, um eine Einladung zu erhalten. Gib bitte unbedingt das Projekt an, an dem du arbeitest, und nenne den Namen eines internen Ansprechpartners.\n\nSchritt 3:
\nNach der Migration der Dateien sind die enthaltenen Komponenten automatisch wieder mit der Scale Library in unserem Figma Workspace verbunden. Du kannst die Library auch wieder über das Library Panel aktivieren.\n\nHinweis:
\nAlle externen Nutzer\\*innen verlieren nach der Migration den Zugriff auf die Scale Libraries. Wenn du weiterhin Zugriff benötigst, kontaktiere uns , um eine Einladung zu erhalten. Gib bitte unbedingt das Projekt an, an dem du arbeitest, und nenne den Namen eines internen Ansprechpartners.\n';function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Scale Design System",parameters:{docs:{container:function container(_ref2){var context=_ref2.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(dist_esm.e,{context:context,mdxType:"DocsContainer"},locale&&Object(esm.b)(dist_esm.d,{markdown:"en"===locale?Index_en:Index_de,mdxType:"Description"}))}}},mdxType:"Meta"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Scale Design System",parameters:{docs:{container:function container(_ref3){var context=_ref3.context,locale=context&&context.globals&&context.globals.locale;return Object(esm.b)(dist_esm.e,{context:context},locale&&Object(esm.b)(dist_esm.d,{markdown:"en"===locale?Index_en:Index_de}))}}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/accordion/Accordion.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Accordion_stories_Template})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"dependent",(function(){return dependent})),__webpack_require__.d(__webpack_exports__,"expanded",(function(){return expanded})),__webpack_require__.d(__webpack_exports__,"headingLevel",(function(){return headingLevel}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),accordion_ScaleAccordionvue_type_script_lang_js_=(__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),{props:{styles:{type:String},dependent:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},headingLevel:{type:Number},iconLocation:{type:String,default:"left"}}}),componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(accordion_ScaleAccordionvue_type_script_lang_js_,(function(){var _h=this.$createElement;return(this._self._c||_h)("scale-accordion",{attrs:{styles:this.styles,dependent:this.dependent,expanded:this.expanded,"heading-level":this.headingLevel,"icon-location":this.iconLocation}},[this._t("default")],2)}),[],!1,null,null,null).exports;var ScaleAccordion=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleAccordion",description:"",tags:{},props:[{name:"styles",type:{name:"string"}},{name:"dependent",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"expanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"headingLevel",type:{name:"number"}},{name:"iconLocation",type:{name:"string"},defaultValue:{func:!1,value:"'left'"}}],slots:[{name:"default"}]};var Accordion_stories_Template=function Template(args,_ref){_ref.argTypes;return{components:{ScaleAccordion:ScaleAccordion},props:Object.assign({},ScaleAccordion.props),template:'\n \n \n Leo integer malesuada nunc vel risus\n

Freegan kinfolk farm-to-table humblebrag cred, hammock bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic master cleanse copper mug schlitz palo santo bushwick ethical pop-up chambray portland. Sartorial austin iceland street art, pug asymmetrical marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin food truck everyday carry 3 wolf moon.

\n \n \n Dolor purus non enim\n

Bespoke austin pork belly yuccie pop-up. Before they sold out YOLO kickstarter scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers microdosing etsy hashtag seitan photo booth bitters.

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh four loko selfies you probably haven\'t heard of them locavore bushwick. Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf godard skateboard celiac taxidermy tacos offal.

\n \n \n '}},layoutProps={Template:Accordion_stories_Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Components/Accordion",component:ScaleAccordion,argTypes:{dependent:{defaultValue:!1,control:{type:"boolean"}},expanded:{defaultValue:!1,control:{type:"boolean"}}},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Accordion"),Object(esm.b)("img",{src:"assets/aa.png",alt:"Accessible AA"})),Object(esm.b)("h2",{id:"standard"},"Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",mdxType:"Story"},Accordion_stories_Template.bind({}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n Leo integer malesuada nunc vel risus\n

\n Freegan kinfolk\n farm-to-table humblebrag cred, hammock\n bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic\n master cleanse copper mug schlitz palo santo bushwick ethical pop-up\n chambray portland. Sartorial austin iceland street art, pug asymmetrical\n marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin\n food truck everyday carry 3 wolf moon.\n

\n \n \n Dolor purus non enim\n

\n Bespoke austin pork belly yuccie pop-up.\n Before they sold out YOLO kickstarter\n scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers\n microdosing etsy hashtag seitan photo booth bitters.\n

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

\n Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe\n helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh\n four loko selfies you probably haven\'t heard of them locavore bushwick.\n Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf\n godard skateboard celiac taxidermy tacos offal.\n

\n \n\n')),Object(esm.b)("h3",{id:"scoped-css-variables"},"Scoped CSS variables"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},"/* scale-collapsible */\n:host {\n --spacing-y: var(--telekom-spacing-composition-space-06);\n\n /* button */\n --font: var(--telekom-text-style-heading-5);\n --border-width-button: var(--telekom-spacing-composition-space-02);\n --radius-button: var(--telekom-radius-small);\n --spacing-left-button: 0;\n --spacing-left-button-text: var(--telekom-spacing-composition-space-04);\n --color-button-hover: var(--telekom-color-text-and-icon-primary-hovered);\n --color-button-active: var(--telekom-color-text-and-icon-primary-pressed);\n --background-button-hover: none;\n --focus-outline: var(--telekom-line-weight-highlight) solid\n var(--telekom-color-functional-focus-standard);\n\n /* content */\n --spacing-right-content: var(--telekom-spacing-composition-space-14);\n --spacing-left-content: 34px;\n --spacing-top-content: var(--telekom-spacing-composition-space-06);\n --spacing-bottom-content: var(--telekom-spacing-composition-space-08);\n}\n")),Object(esm.b)("p",null,"For Shadow Parts, please inspect the element's #shadow."),Object(esm.b)("h2",{id:"dependent"},"Dependent"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Dependent",args:{dependent:!0},mdxType:"Story"},Accordion_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n Leo integer malesuada nunc vel risus\n

\n Freegan kinfolk\n farm-to-table humblebrag cred, hammock\n bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic\n master cleanse copper mug schlitz palo santo bushwick ethical pop-up\n chambray portland. Sartorial austin iceland street art, pug asymmetrical\n marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin\n food truck everyday carry 3 wolf moon.\n

\n \n \n Dolor purus non enim\n

\n Bespoke austin pork belly yuccie pop-up.\n Before they sold out YOLO kickstarter\n scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers\n microdosing etsy hashtag seitan photo booth bitters.\n

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

\n Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe\n helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh\n four loko selfies you probably haven\'t heard of them locavore bushwick.\n Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf\n godard skateboard celiac taxidermy tacos offal.\n

\n \n\n')),Object(esm.b)("h2",{id:"expanded"},"Expanded"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Expanded",args:{expanded:!0},mdxType:"Story"},Accordion_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n Leo integer malesuada nunc vel risus\n

\n Freegan kinfolk\n farm-to-table humblebrag cred, hammock\n bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic\n master cleanse copper mug schlitz palo santo bushwick ethical pop-up\n chambray portland. Sartorial austin iceland street art, pug asymmetrical\n marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin\n food truck everyday carry 3 wolf moon.\n

\n \n \n Dolor purus non enim\n

\n Bespoke austin pork belly yuccie pop-up.\n Before they sold out YOLO kickstarter\n scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers\n microdosing etsy hashtag seitan photo booth bitters.\n

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

\n Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe\n helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh\n four loko selfies you probably haven\'t heard of them locavore bushwick.\n Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf\n godard skateboard celiac taxidermy tacos offal.\n

\n \n\n')),Object(esm.b)("h2",{id:"heading-level"},"Heading Level"),Object(esm.b)("p",null,"The default level for the heading (h1, h2, h3…) inside the toggle button is ",Object(esm.b)("inlineCode",{parentName:"p"},"2"),". So setting ",Object(esm.b)("inlineCode",{parentName:"p"},"heading-level")," in ",Object(esm.b)("inlineCode",{parentName:"p"},"")," will affect all ",Object(esm.b)("inlineCode",{parentName:"p"},"")," children automatically."),Object(esm.b)("p",null,"Adding ",Object(esm.b)("inlineCode",{parentName:"p"},'aria-level=""')," to the heading slot on each item is not needed, but results in better accessibility in case JavaScript fails to load or execute."),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Heading Level",args:{headingLevel:3},mdxType:"Story"},Accordion_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n Leo integer malesuada nunc vel risus\n

\n Freegan kinfolk\n farm-to-table humblebrag cred, hammock\n bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic\n master cleanse copper mug schlitz palo santo bushwick ethical pop-up\n chambray portland. Sartorial austin iceland street art, pug asymmetrical\n marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin\n food truck everyday carry 3 wolf moon.\n

\n \n \n Dolor purus non enim\n

\n Bespoke austin pork belly yuccie pop-up.\n Before they sold out YOLO kickstarter\n scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers\n microdosing etsy hashtag seitan photo booth bitters.\n

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

\n Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe\n helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh\n four loko selfies you probably haven\'t heard of them locavore bushwick.\n Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf\n godard skateboard celiac taxidermy tacos offal.\n

\n \n\n')))}MDXContent.isMDXComponent=!0;var standard=Accordion_stories_Template.bind({});standard.storyName="Standard",standard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleAccordion\n },\n props: { ...ScaleAccordion.props\n },\n template: `\n \n \n Leo integer malesuada nunc vel risus\n

Freegan kinfolk farm-to-table humblebrag cred, hammock bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic master cleanse copper mug schlitz palo santo bushwick ethical pop-up chambray portland. Sartorial austin iceland street art, pug asymmetrical marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin food truck everyday carry 3 wolf moon.

\n \n \n Dolor purus non enim\n

Bespoke austin pork belly yuccie pop-up. Before they sold out YOLO kickstarter scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers microdosing etsy hashtag seitan photo booth bitters.

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh four loko selfies you probably haven\'t heard of them locavore bushwick. Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf godard skateboard celiac taxidermy tacos offal.

\n \n \n `\n})'}};var dependent=Accordion_stories_Template.bind({});dependent.storyName="Dependent",dependent.args={dependent:!0},dependent.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleAccordion\n },\n props: { ...ScaleAccordion.props\n },\n template: `\n \n \n Leo integer malesuada nunc vel risus\n

Freegan kinfolk farm-to-table humblebrag cred, hammock bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic master cleanse copper mug schlitz palo santo bushwick ethical pop-up chambray portland. Sartorial austin iceland street art, pug asymmetrical marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin food truck everyday carry 3 wolf moon.

\n \n \n Dolor purus non enim\n

Bespoke austin pork belly yuccie pop-up. Before they sold out YOLO kickstarter scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers microdosing etsy hashtag seitan photo booth bitters.

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh four loko selfies you probably haven\'t heard of them locavore bushwick. Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf godard skateboard celiac taxidermy tacos offal.

\n \n \n `\n})'}};var expanded=Accordion_stories_Template.bind({});expanded.storyName="Expanded",expanded.args={expanded:!0},expanded.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleAccordion\n },\n props: { ...ScaleAccordion.props\n },\n template: `\n \n \n Leo integer malesuada nunc vel risus\n

Freegan kinfolk farm-to-table humblebrag cred, hammock bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic master cleanse copper mug schlitz palo santo bushwick ethical pop-up chambray portland. Sartorial austin iceland street art, pug asymmetrical marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin food truck everyday carry 3 wolf moon.

\n \n \n Dolor purus non enim\n

Bespoke austin pork belly yuccie pop-up. Before they sold out YOLO kickstarter scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers microdosing etsy hashtag seitan photo booth bitters.

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh four loko selfies you probably haven\'t heard of them locavore bushwick. Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf godard skateboard celiac taxidermy tacos offal.

\n \n \n `\n})'}};var headingLevel=Accordion_stories_Template.bind({});headingLevel.storyName="Heading Level",headingLevel.args={headingLevel:3},headingLevel.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleAccordion\n },\n props: { ...ScaleAccordion.props\n },\n template: `\n \n \n Leo integer malesuada nunc vel risus\n

Freegan kinfolk farm-to-table humblebrag cred, hammock bespoke small batch pabst. 90\'s tumblr whatever direct trade, organic master cleanse copper mug schlitz palo santo bushwick ethical pop-up chambray portland. Sartorial austin iceland street art, pug asymmetrical marfa mustache mumblecore. Shoreditch raclette knausgaard, swag enamel pin food truck everyday carry 3 wolf moon.

\n \n \n Dolor purus non enim\n

Bespoke austin pork belly yuccie pop-up. Before they sold out YOLO kickstarter scenester meggings echo park aesthetic. Thundercats post-ironic wayfarers microdosing etsy hashtag seitan photo booth bitters.

\n \n \n Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam\n

Biodiesel chia af hoodie tumeric bespoke letterpress man bun fashion axe helvetica brunch godard cray viral prism. Street art tattooed bitters, ugh four loko selfies you probably haven\'t heard of them locavore bushwick. Tattooed 90\'s kinfolk, banh mi umami banjo palo santo cliche. Cray wolf godard skateboard celiac taxidermy tacos offal.

\n \n \n `\n})'}};var componentMeta={title:"Components/Accordion",component:ScaleAccordion,argTypes:{dependent:{defaultValue:!1,control:{type:"boolean"}},expanded:{defaultValue:!1,control:{type:"boolean"}}},includeStories:["standard","dependent","expanded","headingLevel"]},mdxStoryNameToKey={Standard:"standard",Dependent:"dependent",Expanded:"expanded","Heading Level":"headingLevel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/breadcrumb/Breadcrumb.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Breadcrumb_stories_Template})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),breadcrumb_ScaleBreadcrumbvue_type_script_lang_js_={props:{separator:String,styles:{type:String}}},componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(breadcrumb_ScaleBreadcrumbvue_type_script_lang_js_,(function(){var _h=this.$createElement;return(this._self._c||_h)("scale-breadcrumb",{attrs:{separator:this.separator,styles:this.styles}},[this._t("default"),this._v(" "),this._t("separator")],2)}),[],!1,null,null,null).exports;var ScaleBreadcrumb=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleBreadcrumb",description:"",tags:{},props:[{name:"separator",type:{name:"string"}},{name:"styles",type:{name:"string"}}],slots:[{name:"default"},{name:"separator"}]};var Breadcrumb_stories_Template=function Template(args,_ref){_ref.argTypes;return{components:{ScaleBreadcrumb:ScaleBreadcrumb},props:Object.assign({label:String},ScaleBreadcrumb.props),template:'\n \n Home\n Page 1\n Page 2\n Current Page\n \n \n '}},layoutProps={Template:Breadcrumb_stories_Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Components/Breadcrumb",component:ScaleBreadcrumb,argTypes:{separator:{control:{type:"text"}}},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Breadcrumb"),Object(esm.b)("img",{src:"assets/aa.png",alt:"Accessible AA"})),Object(esm.b)("h2",{id:"standard"},"Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",args:{},mdxType:"Story"},Breadcrumb_stories_Template.bind({}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n First link\n Second link\n Third link\n\n')),Object(esm.b)("h3",{id:"scoped-css-variables"},"Scoped CSS variables"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},":host {\n --spacing-left: calc(-1 * var(--telekom-spacing-composition-space-04));\n\n --font-size-list-item: var(--telekom-typography-font-size-caption);\n\n --color-separator: var(--telekom-color-text-and-icon-additional);\n\n --spacing-y-item: var(--telekom-spacing-composition-space-03);\n --spacing-x-item: var(--telekom-spacing-composition-space-04);\n\n --color-link: var(--telekom-color-text-and-icon-additional);\n --radius-link: var(--telekom-radius-standard);\n --color-link-hover: var(--telekom-color-text-and-icon-primary-hovered);\n --color-link-active: var(--telekom-color-text-and-icon-primary-pressed);\n\n --focus-outline: var(--telekom-line-weight-highlight) solid\n var(--telekom-color-functional-focus-standard);\n --font-current: var(--telekom-text-style-caption-bold);\n --color-current: var(--telekom-color-text-and-icon-standard);\n}\n")),Object(esm.b)("p",null,"For Shadow Parts, please inspect the element's #shadow."))}MDXContent.isMDXComponent=!0;var standard=Breadcrumb_stories_Template.bind({});standard.storyName="Standard",standard.args={},standard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleBreadcrumb\n },\n props: {\n label: String,\n ...ScaleBreadcrumb.props\n },\n template: `\n \n Home\n Page 1\n Page 2\n Current Page\n \n \n `\n})'}};var componentMeta={title:"Components/Breadcrumb",component:ScaleBreadcrumb,argTypes:{separator:{control:{type:"text"}}},includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/button/Button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Button_stories_Template})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"secondary",(function(){return secondary})),__webpack_require__.d(__webpack_exports__,"secondaryWhite",(function(){return secondaryWhite})),__webpack_require__.d(__webpack_exports__,"ghostStandard",(function(){return ghostStandard})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"secondaryDisabled",(function(){return secondaryDisabled})),__webpack_require__.d(__webpack_exports__,"ghostDisabled",(function(){return ghostDisabled})),__webpack_require__.d(__webpack_exports__,"withIconBefore",(function(){return withIconBefore})),__webpack_require__.d(__webpack_exports__,"withIconAfter",(function(){return withIconAfter})),__webpack_require__.d(__webpack_exports__,"iconOnly",(function(){return iconOnly})),__webpack_require__.d(__webpack_exports__,"link",(function(){return Button_stories_link})),__webpack_require__.d(__webpack_exports__,"linkDownload",(function(){return linkDownload})),__webpack_require__.d(__webpack_exports__,"externalLink",(function(){return externalLink})),__webpack_require__.d(__webpack_exports__,"smallStandard",(function(){return smallStandard})),__webpack_require__.d(__webpack_exports__,"smallSecondary",(function(){return smallSecondary})),__webpack_require__.d(__webpack_exports__,"smallDisabled",(function(){return smallDisabled})),__webpack_require__.d(__webpack_exports__,"smallSecondaryDisabled",(function(){return smallSecondaryDisabled})),__webpack_require__.d(__webpack_exports__,"smallWithIconBefore",(function(){return smallWithIconBefore})),__webpack_require__.d(__webpack_exports__,"smallWithIconAfter",(function(){return smallWithIconAfter})),__webpack_require__.d(__webpack_exports__,"smallIconOnly",(function(){return smallIconOnly})),__webpack_require__.d(__webpack_exports__,"smallLink",(function(){return smallLink})),__webpack_require__.d(__webpack_exports__,"smallLinkDownload",(function(){return smallLinkDownload}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=(__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js")),handler=Object(addon_actions_dist_esm.action)("click"),button_ScaleButtonvue_type_script_lang_js_={props:{disabled:Boolean,href:String,download:String,type:String,name:String,value:String,target:String,variant:String,size:String,iconOnly:Boolean,innerTabindex:Number,innerAriaLabel:String,styles:String},methods:{handler:handler}},componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(button_ScaleButtonvue_type_script_lang_js_,(function(){var _vm=this,_h=_vm.$createElement;return(_vm._self._c||_h)("scale-button",{attrs:{disabled:_vm.disabled,href:_vm.href,download:_vm.download,target:_vm.target,size:_vm.size,type:_vm.type,name:_vm.name,value:_vm.value,variant:_vm.variant,"icon-only":_vm.iconOnly,"inner-tabindex":_vm.innerTabindex,"inner-aria-label":_vm.innerAriaLabel,styles:_vm.styles},on:{click:_vm.handler}},[_vm._t("default")],2)}),[],!1,null,null,null).exports;var ScaleButton=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleButton",description:"",tags:{},props:[{name:"disabled",type:{name:"boolean"}},{name:"href",type:{name:"string"}},{name:"download",type:{name:"string"}},{name:"type",type:{name:"string"}},{name:"name",type:{name:"string"}},{name:"value",type:{name:"string"}},{name:"target",type:{name:"string"}},{name:"variant",type:{name:"string"}},{name:"size",type:{name:"string"}},{name:"iconOnly",type:{name:"boolean"}},{name:"innerTabindex",type:{name:"number"}},{name:"innerAriaLabel",type:{name:"string"}},{name:"styles",type:{name:"string"}}],slots:[{name:"default"}]};var Button_stories_Template=function Template(args,_ref){_ref.argTypes;return{components:{ScaleButton:ScaleButton},props:Object.assign({label:String,icon:String},ScaleButton.props),template:'\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n '}},layoutProps={Template:Button_stories_Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Components/Button",component:ScaleButton,argTypes:{size:{control:{type:"select",options:["large","small"]}},variant:{control:{type:"select",options:["primary","secondary","ghost"]}},type:{control:{type:"select",options:["reset","submit","button"]}},label:{defaultValue:"Label",control:{type:"text"}},disabled:{control:{type:"boolean"}},download:{control:{type:"text"}},innerAriaLabel:{control:{type:"text"}}},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Button"),Object(esm.b)("img",{src:"assets/aa.png",alt:"Accessible AA"})),Object(esm.b)("h2",{id:"standard"},"Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",args:{label:"Label"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"Label\n")),Object(esm.b)("h3",{id:"scoped-css-variables"},"Scoped CSS variables"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},":host {\n --width: auto;\n --spacing-x-right: var(--telekom-spacing-composition-space-07);\n --spacing-x-left: var(--telekom-spacing-composition-space-07);\n --spacing-x-icon-only: var(--telekom-spacing-composition-space-05);\n --min-height: var(--telekom-spacing-composition-space-13);\n --min-width: var(--telekom-spacing-composition-space-13);\n --radius: var(--telekom-radius-standard);\n --transition: all var(--telekom-motion-duration-transition)\n var(--telekom-motion-easing-standard);\n --color-focus: var(--telekom-color-functional-focus-standard);\n --font-weight: var(--telekom-typography-font-weight-bold);\n --font-size: var(--telekom-typography-font-size-body);\n --line-height: var(--telekom-typography-line-spacing-tight);\n --spacing-icon-x: var(--telekom-spacing-composition-space-04);\n --vertical-align: middle;\n\n /* size: small */\n --font-size-small: var(--telekom-typography-font-size-caption);\n --line-height-small: 1.125rem;\n --min-height-small: var(--telekom-spacing-composition-space-10);\n --spacing-x-right-small: var(--telekom-spacing-composition-space-06);\n --spacing-x-left-small: var(--telekom-spacing-composition-space-06);\n --spacing-x-icon-only-small: var(--telekom-spacing-composition-space-00);\n --spacing-icon-x-small: var(--telekom-spacing-composition-space-03);\n\n /* variant: primary */\n --radius-primary: var(--radius);\n --background-primary: var(--telekom-color-primary-standard);\n --background-primary-hover: var(--telekom-color-primary-hovered);\n --background-primary-active: var(--telekom-color-primary-pressed);\n --background-primary-disabled: var(--telekom-color-ui-disabled);\n --color-primary: var(--telekom-color-text-and-icon-white-standard);\n --color-primary-disabled: var(--telekom-color-text-and-icon-disabled);\n\n /* variant: secondary */\n --radius-secondary: var(--radius);\n --border-width-secondary: var(--telekom-spacing-composition-space-01);\n --background-secondary: transparent;\n --color-secondary: var(--telekom-color-text-and-icon-standard);\n --color-secondary-hover: var(--telekom-color-text-and-icon-standard);\n --color-secondary-active: var(--telekom-color-text-and-icon-standard);\n --color-secondary-disabled: var(--telekom-color-text-and-icon-disabled);\n --background-secondary: var(--telekom-color-ui-state-fill-standard);\n --background-secondary-hover: var(--telekom-color-ui-state-fill-hovered);\n --background-secondary-active: var(--telekom-color-ui-state-fill-pressed);\n --background-secondary-disabled: none;\n --border-secondary: var(--telekom-color-ui-border-standard);\n --border-secondary-hover: var(--telekom-color-ui-border-hovered);\n --border-secondary-active: var(--telekom-color-ui-border-pressed);\n --border-secondary-focus: var(--telekom-color-functional-focus-standard);\n\n /* variant: secondary white */\n --border-secondary-white: var(--telekom-color-ui-white);\n --color-secondary-white: var(--telekom-color-ui-white);\n --background-secondary-white-hover: var(\n --telekom-color-ui-state-fill-hovered-inverted\n );\n --background-secondary-white-active: var(\n --telekom-color-ui-state-fill-pressed-inverted\n );\n --secondary-white-opacity: 0.5;\n\n /* variant: ghost */\n --radius-ghost: var(--radius);\n --border-width-ghost: var(--telekom-spacing-composition-space-01);\n --spacing-x-ghost: var(--telekom-spacing-composition-space-04);\n --color-ghost: var(--telekom-color-text-and-icon-primary-standard);\n --color-ghost-hover: var(--telekom-color-text-and-icon-primary-hovered);\n --color-ghost-active: var(--telekom-color-text-and-icon-primary-pressed);\n --color-ghost-disabled: var(--telekom-color-text-and-icon-disabled);\n --background-ghost-hover: var(--telekom-color-ui-state-fill-hovered);\n --background-ghost-active: var(--telekom-color-ui-state-fill-pressed);\n}\n")),Object(esm.b)("p",null,"For Shadow Parts, please inspect the element's #shadow."),Object(esm.b)("h2",{id:"secondary"},"Secondary"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Secondary",args:{variant:"secondary"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"secondary-white"},"Secondary White"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Secondary White",args:{variant:"secondary-white"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"ghost-standard"},"Ghost Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Ghost Standard",args:{variant:"ghost"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"disabled"},"Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Disabled",args:{disabled:!0},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"Label\n")),Object(esm.b)("h2",{id:"secondary-disabled"},"Secondary Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Secondary Disabled",args:{variant:"secondary",disabled:!0},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"ghost-disabled"},"Ghost Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Ghost Disabled",args:{variant:"ghost",disabled:!0},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"with-icon-before"},"With Icon Before"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"With Icon Before",args:{icon:"before"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"\n Label\n\n")),Object(esm.b)("h2",{id:"with-icon-after"},"With Icon After"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"With Icon After",args:{icon:"after"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n Label \n\n')),Object(esm.b)("h2",{id:"icon-only"},"Icon Only"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Icon Only",args:{size:"large",iconOnly:!0},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n\n')),Object(esm.b)("h2",{id:"link"},"Link"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Link",args:{href:"https://example.com",target:"_blank"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"link-download"},"Link Download"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Link Download",args:{href:"assets/welcome.png",download:"welcome.png",label:"Download"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Download\n')),Object(esm.b)("h2",{id:"external-link"},"External Link"),Object(esm.b)("p",null,"If the button with a link is used to point the user to an external address, then the user should be informed of this.\nWe recommend using an icon (visually) and an additional caption for screen readers.\nIf the icon is an ",Object(esm.b)("inlineCode",{parentName:"p"},"img")," element, its ",Object(esm.b)("inlineCode",{parentName:"p"},"alt")," attribute should be empty."),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"External link",args:{href:"https://example.com",target:"_blank",label:"Label",icon:"external"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n External link, opens in new tab\n \n\n')),Object(esm.b)("h2",{id:"small-standard"},"Small Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small Standard",args:{size:"small",label:"Label"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"small-secondary"},"Small Secondary"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small Secondary",args:{size:"small",variant:"secondary"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"small-disabled"},"Small Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small Disabled",args:{size:"small",disabled:!0},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"small-secondary-disabled"},"Small Secondary Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small Secondary Disabled",args:{size:"small",variant:"secondary",disabled:!0},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"small-with-icon-before"},"Small With Icon Before"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small With Icon Before",args:{size:"small",icon:"before"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n Label\n\n')),Object(esm.b)("h2",{id:"small-with-icon-after"},"Small With Icon After"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small With Icon After",args:{size:"small",icon:"after"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n Label \n\n')),Object(esm.b)("h2",{id:"small-icon-only"},"Small Icon Only"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small Icon Only",args:{size:"small",iconOnly:!0},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n\n')),Object(esm.b)("h2",{id:"small-link"},"Small Link"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small Link",args:{size:"small",href:"https://example.com",target:"_blank"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n Label\n\n')),Object(esm.b)("h2",{id:"small-link-download"},"Small Link Download"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Small Link Download",args:{size:"small",href:"assets/welcome.png",download:"welcome.png",label:"Download"},mdxType:"Story"},Button_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n\n')))}MDXContent.isMDXComponent=!0;var standard=Button_stories_Template.bind({});standard.storyName="Standard",standard.args={label:"Label"},standard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var secondary=Button_stories_Template.bind({});secondary.storyName="Secondary",secondary.args={variant:"secondary"},secondary.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var secondaryWhite=Button_stories_Template.bind({});secondaryWhite.storyName="Secondary White",secondaryWhite.args={variant:"secondary-white"},secondaryWhite.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var ghostStandard=Button_stories_Template.bind({});ghostStandard.storyName="Ghost Standard",ghostStandard.args={variant:"ghost"},ghostStandard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var disabled=Button_stories_Template.bind({});disabled.storyName="Disabled",disabled.args={disabled:!0},disabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var secondaryDisabled=Button_stories_Template.bind({});secondaryDisabled.storyName="Secondary Disabled",secondaryDisabled.args={variant:"secondary",disabled:!0},secondaryDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var ghostDisabled=Button_stories_Template.bind({});ghostDisabled.storyName="Ghost Disabled",ghostDisabled.args={variant:"ghost",disabled:!0},ghostDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var withIconBefore=Button_stories_Template.bind({});withIconBefore.storyName="With Icon Before",withIconBefore.args={icon:"before"},withIconBefore.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var withIconAfter=Button_stories_Template.bind({});withIconAfter.storyName="With Icon After",withIconAfter.args={icon:"after"},withIconAfter.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var iconOnly=Button_stories_Template.bind({});iconOnly.storyName="Icon Only",iconOnly.args={size:"large",iconOnly:!0},iconOnly.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var Button_stories_link=Button_stories_Template.bind({});Button_stories_link.storyName="Link",Button_stories_link.args={href:"https://example.com",target:"_blank"},Button_stories_link.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var linkDownload=Button_stories_Template.bind({});linkDownload.storyName="Link Download",linkDownload.args={href:"assets/welcome.png",download:"welcome.png",label:"Download"},linkDownload.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var externalLink=Button_stories_Template.bind({});externalLink.storyName="External link",externalLink.args={href:"https://example.com",target:"_blank",label:"Label",icon:"external"},externalLink.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallStandard=Button_stories_Template.bind({});smallStandard.storyName="Small Standard",smallStandard.args={size:"small",label:"Label"},smallStandard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallSecondary=Button_stories_Template.bind({});smallSecondary.storyName="Small Secondary",smallSecondary.args={size:"small",variant:"secondary"},smallSecondary.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallDisabled=Button_stories_Template.bind({});smallDisabled.storyName="Small Disabled",smallDisabled.args={size:"small",disabled:!0},smallDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallSecondaryDisabled=Button_stories_Template.bind({});smallSecondaryDisabled.storyName="Small Secondary Disabled",smallSecondaryDisabled.args={size:"small",variant:"secondary",disabled:!0},smallSecondaryDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallWithIconBefore=Button_stories_Template.bind({});smallWithIconBefore.storyName="Small With Icon Before",smallWithIconBefore.args={size:"small",icon:"before"},smallWithIconBefore.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallWithIconAfter=Button_stories_Template.bind({});smallWithIconAfter.storyName="Small With Icon After",smallWithIconAfter.args={size:"small",icon:"after"},smallWithIconAfter.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallIconOnly=Button_stories_Template.bind({});smallIconOnly.storyName="Small Icon Only",smallIconOnly.args={size:"small",iconOnly:!0},smallIconOnly.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallLink=Button_stories_Template.bind({});smallLink.storyName="Small Link",smallLink.args={size:"small",href:"https://example.com",target:"_blank"},smallLink.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var smallLinkDownload=Button_stories_Template.bind({});smallLinkDownload.storyName="Small Link Download",smallLinkDownload.args={size:"small",href:"assets/welcome.png",download:"welcome.png",label:"Download"},smallLinkDownload.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleButton\n },\n props: {\n label: String,\n icon: String,\n ...ScaleButton.props\n },\n template: `\n
\n \n \n {{ iconOnly !== true ? label : null }}\n \n \n \n \n
\n `\n})'}};var componentMeta={title:"Components/Button",component:ScaleButton,argTypes:{size:{control:{type:"select",options:["large","small"]}},variant:{control:{type:"select",options:["primary","secondary","ghost"]}},type:{control:{type:"select",options:["reset","submit","button"]}},label:{defaultValue:"Label",control:{type:"text"}},disabled:{control:{type:"boolean"}},download:{control:{type:"text"}},innerAriaLabel:{control:{type:"text"}}},includeStories:["standard","secondary","secondaryWhite","ghostStandard","disabled","secondaryDisabled","ghostDisabled","withIconBefore","withIconAfter","iconOnly","link","linkDownload","externalLink","smallStandard","smallSecondary","smallDisabled","smallSecondaryDisabled","smallWithIconBefore","smallWithIconAfter","smallIconOnly","smallLink","smallLinkDownload"]},mdxStoryNameToKey={Standard:"standard",Secondary:"secondary","Secondary White":"secondaryWhite","Ghost Standard":"ghostStandard",Disabled:"disabled","Secondary Disabled":"secondaryDisabled","Ghost Disabled":"ghostDisabled","With Icon Before":"withIconBefore","With Icon After":"withIconAfter","Icon Only":"iconOnly",Link:"link","Link Download":"linkDownload","External link":"externalLink","Small Standard":"smallStandard","Small Secondary":"smallSecondary","Small Disabled":"smallDisabled","Small Secondary Disabled":"smallSecondaryDisabled","Small With Icon Before":"smallWithIconBefore","Small With Icon After":"smallWithIconAfter","Small Icon Only":"smallIconOnly","Small Link":"smallLink","Small Link Download":"smallLinkDownload"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/callout/Callout.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"CANVAS_HEIGHT",(function(){return CANVAS_HEIGHT})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Callout_stories_standard})),__webpack_require__.d(__webpack_exports__,"primary",(function(){return primary})),__webpack_require__.d(__webpack_exports__,"black",(function(){return black})),__webpack_require__.d(__webpack_exports__,"white",(function(){return white})),__webpack_require__.d(__webpack_exports__,"blue",(function(){return blue})),__webpack_require__.d(__webpack_exports__,"medium",(function(){return medium})),__webpack_require__.d(__webpack_exports__,"largeAndSmall",(function(){return largeAndSmall}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),callout_ScaleCalloutvue_type_script_lang_js_=(__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),{props:{variant:{type:String,default:""},rotation:{type:Number,default:0},top:{type:String},right:{type:String},bottom:{type:String},left:{type:String},styles:{type:String}},render:function render(){return this.$slots.default}}),componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(callout_ScaleCalloutvue_type_script_lang_js_,undefined,undefined,!1,null,null,null).exports;var ScaleCallout=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleCallout",description:"",tags:{},props:[{name:"variant",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"rotation",type:{name:"number"},defaultValue:{func:!1,value:"0"}},{name:"top",type:{name:"string"}},{name:"right",type:{name:"string"}},{name:"bottom",type:{name:"string"}},{name:"left",type:{name:"string"}},{name:"styles",type:{name:"string"}}],slots:[{name:"default"}]};var CANVAS_HEIGHT=204,layoutProps={CANVAS_HEIGHT:CANVAS_HEIGHT};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Beta Components/Callout",component:ScaleCallout,argTypes:{variant:{options:["standard","primary","blue","white","black"],defaultValue:"standard",control:{type:"select"}},rotation:{defaultValue:0,control:{type:"number"}},top:{control:{type:"text"}},right:{control:{type:"text"}},bottom:{control:{type:"text"}},left:{control:{type:"text"}}},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Callout"),Object(esm.b)("img",{src:"assets/beta.png",alt:"Beta Component"})),Object(esm.b)("h2",{id:"standard"},"Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",args:{variant:"primary"},mdxType:"Story"},{props:Object.assign({},ScaleCallout.props),template:'\n
\n \n Starting at\n 9.95 €\n for 4 weeks\n \n
\n '})),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n Starting at\n 9.95 €\n for 4 weeks\n\n')),Object(esm.b)("h3",{id:"scoped-css-variables"},"Scoped CSS variables"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"}," :host {\n --position: absolute;\n --background: var(--telekom-color-ui-extra-strong);\n --color: var(--telekom-color-text-and-icon-inverted-standard);\n --spacing: var(--telekom-spacing-composition-space-10);\n --min-width: 6rem;\n --aspect-ratio: 1 / 1;\n --rotation: 0deg;\n --font-small: var(--telekom-text-style-body-bold);\n --font-medium: var(--telekom-text-style-body-bold);\n --font-large: var(--telekom-text-style-heading-1);\n}\n")),Object(esm.b)("h2",{id:"variants"},"Variants"),Object(esm.b)("h3",{id:"primary"},"Primary"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Primary",mdxType:"Story"},{template:'\n
\n \n 9.95 €\n \n
\n '})),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n 9.95 €\n\n')),Object(esm.b)("h3",{id:"black"},"Black"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Black",mdxType:"Story"},{template:'\n
\n \n 9.95 €\n \n
\n '})),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n 9.95 €\n\n')),Object(esm.b)("h3",{id:"white"},"White"),Object(esm.b)(dist_esm.c,{withSource:"none",style:{background:"#222"},mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"White",mdxType:"Story"},{template:'\n
\n \n 9.95 €\n \n
\n '})),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n 9.95 €\n\n')),Object(esm.b)("h3",{id:"blue"},"Blue"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Blue",mdxType:"Story"},{template:'\n
\n \n 9.95 €\n \n
\n '})),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n 9.95 €\n\n')),Object(esm.b)("h2",{id:"font-sizes"},"Font Sizes"),Object(esm.b)("h3",{id:"medium"},"Medium"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Medium",mdxType:"Story"},{template:'\n
\n \n Up to 200 €\n Exchange premium +\n receive old appliance\n value *\n \n
\n '})),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n Up to 200 €\n Exchange premium +\n receive old appliance\n value *\n\n')),Object(esm.b)("h3",{id:"large-and-small"},"Large and Small"),Object(esm.b)("p",null,"For convenience, two scoped CSS classes are provided for large and small text: ",Object(esm.b)("inlineCode",{parentName:"p"},"scl-callout-text-large")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"scl-callout-text-small"),". But any size can be set using CSS."),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Large and Small",mdxType:"Story"},{template:'\n
\n \n 9.95 €\n for 4 weeks\n \n
\n '})),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n 9.95 €\n for 4 weeks\n\n')))}MDXContent.isMDXComponent=!0;var Callout_stories_standard=function standard(){return{props:Object.assign({},ScaleCallout.props),template:'\n
\n \n Starting at\n 9.95 €\n for 4 weeks\n \n
\n '}};Callout_stories_standard.storyName="Standard",Callout_stories_standard.args={variant:"primary"},Callout_stories_standard.parameters={storySource:{source:'{\n props: { ...ScaleCallout.props\n },\n template: `\n
\n \n Starting at\n 9.95 €\n for 4 weeks\n \n
\n `\n}'}};var primary=function primary(){return{template:'\n
\n \n 9.95 €\n \n
\n '}};primary.storyName="Primary",primary.parameters={storySource:{source:'{\n template: `\n
\n \n 9.95 €\n \n
\n `\n}'}};var black=function black(){return{template:'\n
\n \n 9.95 €\n \n
\n '}};black.storyName="Black",black.parameters={storySource:{source:'{\n template: `\n
\n \n 9.95 €\n \n
\n `\n}'}};var white=function white(){return{template:'\n
\n \n 9.95 €\n \n
\n '}};white.storyName="White",white.parameters={storySource:{source:'{\n template: `\n
\n \n 9.95 €\n \n
\n `\n}'}};var blue=function blue(){return{template:'\n
\n \n 9.95 €\n \n
\n '}};blue.storyName="Blue",blue.parameters={storySource:{source:'{\n template: `\n
\n \n 9.95 €\n \n
\n `\n}'}};var medium=function medium(){return{template:'\n
\n \n Up to 200 €\n Exchange premium +\n receive old appliance\n value *\n \n
\n '}};medium.storyName="Medium",medium.parameters={storySource:{source:'{\n template: `\n
\n \n Up to 200 €\n Exchange premium +\n receive old appliance\n value *\n \n
\n `\n}'}};var largeAndSmall=function largeAndSmall(){return{template:'\n
\n \n 9.95 €\n for 4 weeks\n \n
\n '}};largeAndSmall.storyName="Large and Small",largeAndSmall.parameters={storySource:{source:'{\n template: `\n
\n \n 9.95 €\n for 4 weeks\n \n
\n `\n}'}};var componentMeta={title:"Beta Components/Callout",component:ScaleCallout,argTypes:{variant:{options:["standard","primary","blue","white","black"],defaultValue:"standard",control:{type:"select"}},rotation:{defaultValue:0,control:{type:"number"}},top:{control:{type:"text"}},right:{control:{type:"text"}},bottom:{control:{type:"text"}},left:{control:{type:"text"}}},includeStories:["standard","primary","black","white","blue","medium","largeAndSmall"]},mdxStoryNameToKey={Standard:"standard",Primary:"primary",Black:"black",White:"white",Blue:"blue",Medium:"medium","Large and Small":"largeAndSmall"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/card/Card.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Card_stories_Template})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"withLink",(function(){return withLink})),__webpack_require__.d(__webpack_exports__,"withImage",(function(){return withImage}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),card_ScaleCardvue_type_script_lang_js_={props:{label:String,to:String,target:{type:String,default:"_self"},rel:{type:String,default:"_self"},styles:{type:String}}},componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(card_ScaleCardvue_type_script_lang_js_,(function(){var _h=this.$createElement;return(this._self._c||_h)("scale-card",{attrs:{label:this.label,to:this.to,target:this.target,rel:this.rel,styles:this.styles}},[this._t("default")],2)}),[],!1,null,null,null).exports;var ScaleCard=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleCard",description:"",tags:{},props:[{name:"label",type:{name:"string"}},{name:"to",type:{name:"string"}},{name:"target",type:{name:"string"},defaultValue:{func:!1,value:'"_self"'}},{name:"rel",type:{name:"string"},defaultValue:{func:!1,value:'"_self"'}},{name:"styles",type:{name:"string"}}],slots:[{name:"default"}]};var Card_stories_Template=function Template(args,_ref){_ref.argTypes;return{components:{ScaleCard:ScaleCard},props:Object.assign({slot:String},ScaleCard.props),template:'\n
\n \n
\n
\n placeholder\n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet \n
\n
\n
\n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet \n
\n
\n {{ slot }}\n
\n \n
\n '}},layoutProps={Template:Card_stories_Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Components/Card",component:ScaleCard,argTypes:{label:{control:{type:"text"}},styles:{control:{type:String}}},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Card"),Object(esm.b)("img",{src:"assets/aa.png",alt:"Accessible AA"})),Object(esm.b)("h2",{id:"standard"},"Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",args:{slot:"Lorem ipsur dolor sit amet",label:"Example Card"},mdxType:"Story"},Card_stories_Template.bind({}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h3",{id:"scoped-css-variables"},"Scoped CSS variables"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},":host {\n --background: var(--telekom-color-background-surface);\n --transition: all var(--telekom-motion-duration-transition)\n var(--telekom-motion-easing-standard);\n --radius: var(--telekom-radius-large);\n --box-shadow: var(--telekom-shadow-raised-standard);\n --box-shadow-hover: var(--telekom-shadow-raised-hover);\n --box-shadow-focus: 0 0 0 var(--telekom-line-weight-highlight)\n var(--telekom-color-functional-focus-standard);\n --box-shadow-active: var(--telekom-shadow-raised-pressed);\n\n --spacing-body: var(--telekom-spacing-composition-space-08);\n\n --spacing-body-slotted: 0;\n --spacing-body-slotted-interactive: 0;\n\n --font-body-slotted: var(--telekom-text-style-body);\n}\n")),Object(esm.b)("p",null,"For Shadow Parts, please inspect the element's #shadow."),Object(esm.b)("h2",{id:"with-link"},"With Link"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"With Link",args:{slot:"Lorem ipsur dolor sit amet",to:"https://example.com",target:"_blank",rel:"noopener noreferrer"},mdxType:"Story"},Card_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Lorem ipsur dolor sit amet\n')),Object(esm.b)("h2",{id:"with-image"},"With Image"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"With Image",args:{slot:'
\n placeholder\n

Title

\n
Lorem ipsur dolor sit amet
\n
\n ',to:"https://example.com",target:"_blank",rel:"noopener noreferrer"},mdxType:"Story"},Card_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'
\n \n
\n \n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet\n
\n
\n \n
\n')))}MDXContent.isMDXComponent=!0;var standard=Card_stories_Template.bind({});standard.storyName="Standard",standard.args={slot:"Lorem ipsur dolor sit amet",label:"Example Card"},standard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleCard\n },\n props: {\n slot: String,\n ...ScaleCard.props\n },\n template: `\n
\n \n
\n
\n placeholder\n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet \n
\n
\n
\n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet \n
\n
\n {{ slot }}\n
\n \n
\n `\n})'}};var withLink=Card_stories_Template.bind({});withLink.storyName="With Link",withLink.args={slot:"Lorem ipsur dolor sit amet",to:"https://example.com",target:"_blank",rel:"noopener noreferrer"},withLink.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleCard\n },\n props: {\n slot: String,\n ...ScaleCard.props\n },\n template: `\n
\n \n
\n
\n placeholder\n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet \n
\n
\n
\n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet \n
\n
\n {{ slot }}\n
\n \n
\n `\n})'}};var withImage=Card_stories_Template.bind({});withImage.storyName="With Image",withImage.args={slot:'
\n placeholder\n

Title

\n
Lorem ipsur dolor sit amet
\n
\n ',to:"https://example.com",target:"_blank",rel:"noopener noreferrer"},withImage.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n components: {\n ScaleCard\n },\n props: {\n slot: String,\n ...ScaleCard.props\n },\n template: `\n
\n \n
\n
\n placeholder\n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet \n
\n
\n
\n
\n

Blogpost Title

\n Lorem ipsur dolor sit amet \n
\n
\n {{ slot }}\n
\n \n
\n `\n})'}};var componentMeta={title:"Components/Card",component:ScaleCard,argTypes:{label:{control:{type:"text"}},styles:{control:{type:String}}},includeStories:["standard","withLink","withImage"]},mdxStoryNameToKey={Standard:"standard","With Link":"withLink","With Image":"withImage"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/checkbox-group/CheckboxGroup.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"checkboxDisabled",(function(){return checkboxDisabled})),__webpack_require__.d(__webpack_exports__,"helperText",(function(){return helperText})),__webpack_require__.d(__webpack_exports__,"checkboxError",(function(){return checkboxError})),__webpack_require__.d(__webpack_exports__,"groupError",(function(){return groupError}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),checkbox_group_ScaleCheckboxGroupvue_type_script_lang_js_={props:{name:{type:String},label:{type:String,default:""},helperText:{type:String},ariaLabelCheckboxGroup:{type:String},invalid:{type:Boolean},selectText:{type:String,default:"Select all"},unselectText:{type:String,default:"Unselect all"},value:{type:String,default:""},inputId:{type:String},styles:{type:String}}},componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(checkbox_group_ScaleCheckboxGroupvue_type_script_lang_js_,(function(){var _h=this.$createElement;return(this._self._c||_h)("div",[this._t("default")],2)}),[],!1,null,null,null).exports;var ScaleCheckboxGroup=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleCheckboxGroup",description:"",tags:{},props:[{name:"name",type:{name:"string"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"helperText",type:{name:"string"}},{name:"ariaLabelCheckboxGroup",type:{name:"string"}},{name:"invalid",type:{name:"boolean"}},{name:"selectText",type:{name:"string"},defaultValue:{func:!1,value:"'Select all'"}},{name:"unselectText",type:{name:"string"},defaultValue:{func:!1,value:"'Unselect all'"}},{name:"value",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"inputId",type:{name:"string"}},{name:"styles",type:{name:"string"}}],slots:[{name:"default"}]};var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Components/Checkbox Group",component:ScaleCheckboxGroup,argTypes:{},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Checkbox Group"),Object(esm.b)("img",{src:"assets/aa.png",alt:"Accessible AA"})),Object(esm.b)("h2",{id:"standard"},"Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",args:{},mdxType:"Story"},(function(){return{template:'\n \n \n \n \n \n '}}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h3",{id:"scoped-css-variables"},"Scoped CSS variables"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},":host {\n /* checkbox-group container */\n --spacing-left-container: var(--telekom-spacing-composition-space-10);\n\n /* checkbox-group checkbox */\n --spacing-left-checkbox: var(--telekom-spacing-composition-space-04);\n\n /* slotted item */\n --spacing-top-slotted-item: var(--telekom-spacing-composition-space-05);\n}\n")),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n \n \n\n')),Object(esm.b)("h2",{id:"checkbox-disabled"},"Checkbox Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Checkbox Disabled",args:{},mdxType:"Story"},(function(){return{template:'\n \n \n \n \n '}}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n \n\n')),Object(esm.b)("h2",{id:"helper-text"},"Helper Text"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Helper Text",args:{},mdxType:"Story"},(function(){return{template:'\n \n \n \n \n \n '}}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n \n \n\n')),Object(esm.b)("h2",{id:"checkbox-error"},"Checkbox Error"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Checkbox Error",args:{},mdxType:"Story"},(function(){return{template:'\n \n \n \n \n \n '}}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n \n \n\n')),Object(esm.b)("h2",{id:"group-error"},"Group Error"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Group Error",args:{},mdxType:"Story"},(function(){return{template:'\n \n \n \n \n \n '}}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n \n \n\n')))}MDXContent.isMDXComponent=!0;var standard=function standard(){return{template:'\n \n \n \n \n \n '}};standard.storyName="Standard",standard.args={},standard.parameters={storySource:{source:'() => ({\n template: `\n \n \n \n \n \n `\n})'}};var checkboxDisabled=function checkboxDisabled(){return{template:'\n \n \n \n \n '}};checkboxDisabled.storyName="Checkbox Disabled",checkboxDisabled.args={},checkboxDisabled.parameters={storySource:{source:'() => ({\n template: `\n \n \n \n \n `\n})'}};var helperText=function helperText(){return{template:'\n \n \n \n \n \n '}};helperText.storyName="Helper Text",helperText.args={},helperText.parameters={storySource:{source:'() => ({\n template: `\n \n \n \n \n \n `\n})'}};var checkboxError=function checkboxError(){return{template:'\n \n \n \n \n \n '}};checkboxError.storyName="Checkbox Error",checkboxError.args={},checkboxError.parameters={storySource:{source:'() => ({\n template: `\n \n \n \n \n \n `\n})'}};var groupError=function groupError(){return{template:'\n \n \n \n \n \n '}};groupError.storyName="Group Error",groupError.args={},groupError.parameters={storySource:{source:'() => ({\n template: `\n \n \n \n \n \n `\n})'}};var componentMeta={title:"Components/Checkbox Group",component:ScaleCheckboxGroup,argTypes:{},includeStories:["standard","checkboxDisabled","helperText","checkboxError","groupError"]},mdxStoryNameToKey={Standard:"standard","Checkbox Disabled":"checkboxDisabled","Helper Text":"helperText","Checkbox Error":"checkboxError","Group Error":"groupError"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/checkbox/Checkbox.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Checkbox_stories_Template})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"standardDisabled",(function(){return standardDisabled})),__webpack_require__.d(__webpack_exports__,"selected",(function(){return selected})),__webpack_require__.d(__webpack_exports__,"selectedDisabled",(function(){return selectedDisabled})),__webpack_require__.d(__webpack_exports__,"indeterminate",(function(){return indeterminate})),__webpack_require__.d(__webpack_exports__,"helperText",(function(){return helperText})),__webpack_require__.d(__webpack_exports__,"error",(function(){return error})),__webpack_require__.d(__webpack_exports__,"customLabel",(function(){return customLabel}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),checkbox_ScaleCheckboxvue_type_script_lang_js_={props:{name:{type:String},label:{type:String},helperText:{type:String},invalid:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean},indeterminate:{type:Boolean},value:{type:String},inputId:{type:String},required:{type:Boolean},ariaLabelCheckbox:{type:String}},methods:{scaleChange:function scaleChange($event){Object(addon_actions_dist_esm.action)("scaleChange"),this.$emit("scaleChange",$event)},"scale-change":function scaleChange($event){Object(addon_actions_dist_esm.action)("scale-change"),this.$emit("scale-change",$event)}}},componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(checkbox_ScaleCheckboxvue_type_script_lang_js_,(function(){var _vm=this,_h=_vm.$createElement;return(_vm._self._c||_h)("scale-checkbox",{attrs:{name:_vm.name,label:_vm.label,"helper-text":_vm.helperText,invalid:_vm.invalid,disabled:_vm.disabled,checked:_vm.checked,indeterminate:_vm.indeterminate,value:_vm.value,"input-id":_vm.inputId,required:_vm.required,"aria-label-checkbox":_vm.ariaLabelCheckbox},on:{scaleChange:_vm.scaleChange}})}),[],!1,null,null,null).exports;var ScaleCheckbox=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleCheckbox",description:"",tags:{},props:[{name:"name",type:{name:"string"}},{name:"label",type:{name:"string"}},{name:"helperText",type:{name:"string"}},{name:"invalid",type:{name:"boolean"}},{name:"disabled",type:{name:"boolean"}},{name:"checked",type:{name:"boolean"}},{name:"indeterminate",type:{name:"boolean"}},{name:"value",type:{name:"string"}},{name:"inputId",type:{name:"string"}},{name:"required",type:{name:"boolean"}},{name:"ariaLabelCheckbox",type:{name:"string"}}],events:[{name:"scaleChange",type:{names:["undefined"]}},{name:"scale-change",type:{names:["undefined"]}}]};var Checkbox_stories_Template=function Template(args,_ref){_ref.argTypes;return{props:Object.assign({label:String},ScaleCheckbox.props),template:'\n \n ',methods:{action:addon_actions_dist_esm.action}}},layoutProps={Template:Checkbox_stories_Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Components/Checkbox",component:ScaleCheckbox,argTypes:{},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Checkbox"),Object(esm.b)("img",{src:"assets/aa.png",alt:"Accessible AA"})),Object(esm.b)("h2",{id:"standard"},"Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",args:{label:"Checkbox"},mdxType:"Story"},Checkbox_stories_Template.bind({}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h3",{id:"scoped-css-variables"},"Scoped CSS variables"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},"scale-checkbox {\n --spacing-x: var(--telekom-spacing-composition-space-04);\n --transition: all var(--telekom-motion-duration-transition)\n var(--telekom-motion-easing-standard);\n --color-text: var(--telekom-color-text-and-icon-standard);\n --color-error: var(--telekom-color-functional-danger-standard);\n --color-disabled: var(--telekom-color-text-and-icon-disabled);\n /* FIXME unused variable */\n --color-standard: var(--telekom-color-background-surface);\n --background-disabled: none;\n --color-primary: var(--telekom-color-primary-standard);\n --color-focus: var(--telekom-color-functional-focus-standard);\n --color-primary-hover: var(--telekom-color-text-and-icon-standard);\n --color-primary-active: var(--telekom-color-text-and-icon-standard);\n\n /*control*/\n --width-control: var(--telekom-spacing-composition-space-07);\n --height-control: var(--telekom-spacing-composition-space-07);\n --transition-control: var(--transition);\n --spacing-control: var(--telekom-spacing-composition-space-02);\n --spacing-left-control: var(--telekom-spacing-composition-space-03);\n --radius-control: var(--telekom-radius-small);\n --border-width-control: var(--telekom-line-weight-standard);\n\n /*helper-text*/\n --transition-helper-text: var(--transition);\n --spacing-left-helper-text: calc(var(--width-control) + var(--spacing-x));\n --font-size-helper-text: var(--telekom-typography-font-size-small);\n --font-weight-helper-text: var(--telekom-typography-font-weight-bold);\n --line-height-helper-text: var(--telekom-typography-line-spacing-standard);\n --color-helper-text: var(\n --telekom-color-text-and-icon-functional-informational\n );\n /*label*/\n --font-weight-label: var(--telekom-typography-font-weight-medium);\n --transition-label: var(--transition);\n\n /*icon*/\n --color-icon-checked-disabled: var(--telekom-color-text-and-icon-disabled);\n --color-icon-checked-active: var(\n --telekom-color-text-and-icon-white-standard\n );\n --width-icon: var(--telekom-spacing-composition-space-06);\n --height-icon: var(--telekom-spacing-composition-space-06);\n --stroke-width: var(--stroke-width-checkbox, 0.5px);\n}\n")),Object(esm.b)("h2",{id:"standard-disabled"},"Standard Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard Disabled",args:{label:"Standard Disabled",disabled:!0},mdxType:"Story"},Checkbox_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n')),Object(esm.b)("h2",{id:"selected"},"Selected"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Selected",args:{label:"Selected",checked:!0},mdxType:"Story"},Checkbox_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n')),Object(esm.b)("h2",{id:"selected-disabled"},"Selected Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Selected Disabled",args:{label:"Selected Disabled",checked:!0,disabled:!0},mdxType:"Story"},Checkbox_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n')),Object(esm.b)("h2",{id:"indeterminate"},"Indeterminate"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Indeterminate",args:{label:"Indeterminate",indeterminate:!0},mdxType:"Story"},Checkbox_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n')),Object(esm.b)("h2",{id:"helper-text"},"Helper Text"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Helper Text",args:{label:"Helper Text",helperText:"Make sure to check this"},mdxType:"Story"},Checkbox_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n')),Object(esm.b)("h2",{id:"error"},"Error"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Error",args:{label:"Standard with error",invalid:!0,helperText:"This is the error message"},mdxType:"Story"},Checkbox_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n')),Object(esm.b)("h2",{id:"custom-label"},"Custom Label"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Custom Label",args:{},mdxType:"Story"},(function(){return{template:'\n \n \n Custom label  \n \n \n '}}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n Custom label  \n \n\n')))}MDXContent.isMDXComponent=!0;var standard=Checkbox_stories_Template.bind({});standard.storyName="Standard",standard.args={label:"Checkbox"},standard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleCheckbox.props\n },\n template: `\n \n `,\n methods: {\n action\n }\n})'}};var standardDisabled=Checkbox_stories_Template.bind({});standardDisabled.storyName="Standard Disabled",standardDisabled.args={label:"Standard Disabled",disabled:!0},standardDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleCheckbox.props\n },\n template: `\n \n `,\n methods: {\n action\n }\n})'}};var selected=Checkbox_stories_Template.bind({});selected.storyName="Selected",selected.args={label:"Selected",checked:!0},selected.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleCheckbox.props\n },\n template: `\n \n `,\n methods: {\n action\n }\n})'}};var selectedDisabled=Checkbox_stories_Template.bind({});selectedDisabled.storyName="Selected Disabled",selectedDisabled.args={label:"Selected Disabled",checked:!0,disabled:!0},selectedDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleCheckbox.props\n },\n template: `\n \n `,\n methods: {\n action\n }\n})'}};var indeterminate=Checkbox_stories_Template.bind({});indeterminate.storyName="Indeterminate",indeterminate.args={label:"Indeterminate",indeterminate:!0},indeterminate.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleCheckbox.props\n },\n template: `\n \n `,\n methods: {\n action\n }\n})'}};var helperText=Checkbox_stories_Template.bind({});helperText.storyName="Helper Text",helperText.args={label:"Helper Text",helperText:"Make sure to check this"},helperText.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleCheckbox.props\n },\n template: `\n \n `,\n methods: {\n action\n }\n})'}};var error=Checkbox_stories_Template.bind({});error.storyName="Error",error.args={label:"Standard with error",invalid:!0,helperText:"This is the error message"},error.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleCheckbox.props\n },\n template: `\n \n `,\n methods: {\n action\n }\n})'}};var customLabel=function customLabel(){return{template:'\n \n \n Custom label  \n \n \n '}};customLabel.storyName="Custom Label",customLabel.args={},customLabel.parameters={storySource:{source:'() => ({\n template: `\n \n \n Custom label  \n \n \n `\n})'}};var componentMeta={title:"Components/Checkbox",component:ScaleCheckbox,argTypes:{},includeStories:["standard","standardDisabled","selected","selectedDisabled","indeterminate","helperText","error","customLabel"]},mdxStoryNameToKey={Standard:"standard","Standard Disabled":"standardDisabled",Selected:"selected","Selected Disabled":"selectedDisabled",Indeterminate:"indeterminate","Helper Text":"helperText",Error:"error","Custom Label":"customLabel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/chip/Chip.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Chip_stories_Template})),__webpack_require__.d(__webpack_exports__,"TemplateIcon",(function(){return Chip_stories_TemplateIcon})),__webpack_require__.d(__webpack_exports__,"TemplateInteractive",(function(){return Chip_stories_TemplateInteractive})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"persistentStandard",(function(){return persistentStandard})),__webpack_require__.d(__webpack_exports__,"persistentStandardSelected",(function(){return persistentStandardSelected})),__webpack_require__.d(__webpack_exports__,"persistentStandardDisabled",(function(){return persistentStandardDisabled})),__webpack_require__.d(__webpack_exports__,"persistentStandardSelectedDisabled",(function(){return persistentStandardSelectedDisabled})),__webpack_require__.d(__webpack_exports__,"persistentOutline",(function(){return persistentOutline})),__webpack_require__.d(__webpack_exports__,"persistentOutlineSelected",(function(){return persistentOutlineSelected})),__webpack_require__.d(__webpack_exports__,"persistentOutlineDisabled",(function(){return persistentOutlineDisabled})),__webpack_require__.d(__webpack_exports__,"persistentOutlineSelectedDisabled",(function(){return persistentOutlineSelectedDisabled})),__webpack_require__.d(__webpack_exports__,"dynamicSuggestion",(function(){return dynamicSuggestion})),__webpack_require__.d(__webpack_exports__,"dynamicSelectionStandard",(function(){return dynamicSelectionStandard})),__webpack_require__.d(__webpack_exports__,"dynamicSelectionOutline",(function(){return dynamicSelectionOutline})),__webpack_require__.d(__webpack_exports__,"iconText",(function(){return iconText}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/web.timers.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),chip_ScaleChipvue_type_script_lang_js_={props:{type:{type:0,default:"persistent"},variant:{type:0,default:"standard"},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},styles:{type:0,default:"switch"},ariaRoleTitle:{type:String},ariaCheckedState:{type:Boolean}},methods:{scaleChange:function scaleChange($event){Object(addon_actions_dist_esm.action)("scaleChange"),this.$emit("scaleChange",$event)},"scale-change":function scaleChange($event){Object(addon_actions_dist_esm.action)("scale-change"),this.$emit("scale-change",$event)},scaleClose:function scaleClose($event){Object(addon_actions_dist_esm.action)("scaleClose"),this.$emit("scaleClose",$event)},"scale-close":function scaleClose($event){Object(addon_actions_dist_esm.action)("scale-close"),this.$emit("scale-close",$event)}}},componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(chip_ScaleChipvue_type_script_lang_js_,(function(){var _vm=this,_h=_vm.$createElement;return(_vm._self._c||_h)("scale-chip",{attrs:{type:_vm.type,variant:_vm.variant,selected:_vm.selected,"aria-checked-state":_vm.ariaCheckedState,"aria-role-title":_vm.ariaRoleTitle,disabled:_vm.disabled,styles:_vm.styles},on:{scaleChange:_vm.scaleChange,scaleClose:_vm.scaleClose}},[_vm._t("chip-icon"),_vm._v(" "),_vm._t("default")],2)}),[],!1,null,null,null).exports;var ScaleChip=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleChip",description:"",tags:{},props:[{name:"type",type:{name:"'dynamic' | 'persistent'"},defaultValue:{func:!1,value:"'persistent'"}},{name:"variant",type:{name:"'standard' | 'outline'"},defaultValue:{func:!1,value:"'standard'"}},{name:"selected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"disabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"styles",type:{name:"'switch' | 'radio' | 'option' | 'menuitemreadio' | 'menuitemcheckbox' | 'checkbox'"},defaultValue:{func:!1,value:"'switch'"}},{name:"ariaRoleTitle",type:{name:"string"}},{name:"ariaCheckedState",type:{name:"boolean"}}],events:[{name:"scaleChange",type:{names:["undefined"]}},{name:"scale-change",type:{names:["undefined"]}},{name:"scaleClose",type:{names:["undefined"]}},{name:"scale-close",type:{names:["undefined"]}}],slots:[{name:"chip-icon"},{name:"default"}]};var Chip_stories_Template=function Template(args,_ref){_ref.argTypes;return{props:Object.assign({label:String},ScaleChip.props),template:'\n \n {{label}}\n \n ',methods:{action:addon_actions_dist_esm.action}}},Chip_stories_TemplateIcon=function TemplateIcon(args,_ref2){_ref2.argTypes;return{props:Object.assign({label:String},ScaleChip.props),template:'\n \n {{label}}\n
\n \n
\n \n ',methods:{action:addon_actions_dist_esm.action}}},Chip_stories_TemplateInteractive=function TemplateInteractive(args,_ref3){_ref3.argTypes;return{template:'\n
\n
Please select one option:
\n
    \n
  • \n \n {{label}}\n \n
    • \n \n
\n
\n ',methods:{action:Object(addon_actions_dist_esm.action)("scaleChange"),removeChip:function removeChip(label){var _this=this;this.action(),this.labels=null,this.text=this.label,setTimeout((function(){_this.$el.querySelector("#root > ul > li > scale-chip")&&_this.$el.querySelector("#root > ul > li > scale-chip").shadowRoot.querySelector("span > button").focus()}))}},data:function data(){return{labels:["option 1","option 2","option 3","option 4"]}}}},layoutProps={Template:Chip_stories_Template,TemplateIcon:Chip_stories_TemplateIcon,TemplateInteractive:Chip_stories_TemplateInteractive};function MDXContent(_ref4){var components=_ref4.components,props=_objectWithoutProperties(_ref4,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Components/Chip",component:ScaleChip,argTypes:{variant:{control:{type:"select",options:["standard","outline"]}},type:{control:{type:"select",options:["dynamic","persistent"]}},disabled:{description:"only valid for persistent type"}},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Chip"),Object(esm.b)("img",{src:"assets/aa.png",alt:"Accessible AA"})),Object(esm.b)("h2",{id:"standard"},"Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",args:{label:"Label"},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h3",{id:"scoped-css-variables"},"Scoped CSS variables"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},":host {\n --height: 32px;\n\n --font-size: var(--telekom-typography-font-size-body);\n --line-height: var(--telekom-typography-line-spacing-standard);\n --font-weight: var(--telekom-typography-font-weight-bold);\n --color-focus: var(--telekom-color-functional-focus-standard);\n --focus-outline: var(--telekom-line-weight-highlight) solid\n var(--telekom-color-functional-focus-standard);\n --box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 8px rgba(0, 0, 0, 0.1);\n\n /*standard selected*/\n --background-standard-selected: var(--telekom-color-ui-extra-strong);\n --color-standard-selected: var(\n --telekom-color-text-and-icon-inverted-standard\n );\n}\n")),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"{{label}}\n")),Object(esm.b)("h2",{id:"persistent"},"Persistent"),Object(esm.b)("br",null),Object(esm.b)("h3",{id:"persistent-standard"},"Persistent Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Persistent Standard",args:{label:"Label"},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"Label\n")),Object(esm.b)("h3",{id:"persistent-standard-selected"},"Persistent Standard Selected"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Persistent Standard Selected",args:{label:"Label",selected:!0},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"Label\n")),Object(esm.b)("h3",{id:"persistent-standard-disabled"},"Persistent Standard Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Persistent Standard Disabled",args:{label:"Label",disabled:!0},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"Label\n")),Object(esm.b)("h3",{id:"persistent-standard-selected-disabled"},"Persistent Standard Selected Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Persistent Standard Selected Disabled",args:{label:"Label",disabled:!0,selected:!0},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"Label\n")),Object(esm.b)("h3",{id:"persistent-outline"},"Persistent Outline"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Persistent Outline",args:{label:"Label",variant:"outline"},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h3",{id:"persistent-outline-selected"},"Persistent Outline Selected"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Persistent Outline Selected",args:{label:"Label",variant:"outline",selected:!0},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"Label\n")),Object(esm.b)("h3",{id:"persistent-outline-disabled"},"Persistent Outline Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Persistent Outline Disabled",args:{variant:"outlined",label:"Label",disabled:!0},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h3",{id:"persistent-outline-selected-disabled"},"Persistent Outline Selected Disabled"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Persistent Outline Selected Disabled",args:{variant:"outlined",label:"Label",disabled:!0,selected:!0},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"dynamic"},"Dynamic"),Object(esm.b)("h3",{id:"dynamic-suggestion"},"Dynamic Suggestion"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Dynamic Suggestion",args:{label:"Label",type:"dynamic",variant:"standard"},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h3",{id:"dynamic-selection-standard"},"Dynamic Selection Standard"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Dynamic Selection Standard",args:{label:"Label",type:"dynamic",variant:"standard",selected:!0},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h3",{id:"dynamic-selection-outline"},"Dynamic Selection Outline"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Dynamic Selection Outline",args:{label:"Label",type:"dynamic",variant:"outline",selected:!0},mdxType:"Story"},Chip_stories_Template.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n')),Object(esm.b)("h2",{id:"icon--text"},"Icon + Text"),Object(esm.b)(dist_esm.c,{withSource:"none",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Icon+Text",args:{label:"Label"},mdxType:"Story"},Chip_stories_TemplateIcon.bind({}))),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Label\n
\n \n
\n\n')))}MDXContent.isMDXComponent=!0;var standard=Chip_stories_Template.bind({});standard.storyName="Standard",standard.args={label:"Label"},standard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var persistentStandard=Chip_stories_Template.bind({});persistentStandard.storyName="Persistent Standard",persistentStandard.args={label:"Label"},persistentStandard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var persistentStandardSelected=Chip_stories_Template.bind({});persistentStandardSelected.storyName="Persistent Standard Selected",persistentStandardSelected.args={label:"Label",selected:!0},persistentStandardSelected.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var persistentStandardDisabled=Chip_stories_Template.bind({});persistentStandardDisabled.storyName="Persistent Standard Disabled",persistentStandardDisabled.args={label:"Label",disabled:!0},persistentStandardDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var persistentStandardSelectedDisabled=Chip_stories_Template.bind({});persistentStandardSelectedDisabled.storyName="Persistent Standard Selected Disabled",persistentStandardSelectedDisabled.args={label:"Label",disabled:!0,selected:!0},persistentStandardSelectedDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var persistentOutline=Chip_stories_Template.bind({});persistentOutline.storyName="Persistent Outline",persistentOutline.args={label:"Label",variant:"outline"},persistentOutline.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var persistentOutlineSelected=Chip_stories_Template.bind({});persistentOutlineSelected.storyName="Persistent Outline Selected",persistentOutlineSelected.args={label:"Label",variant:"outline",selected:!0},persistentOutlineSelected.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var persistentOutlineDisabled=Chip_stories_Template.bind({});persistentOutlineDisabled.storyName="Persistent Outline Disabled",persistentOutlineDisabled.args={variant:"outlined",label:"Label",disabled:!0},persistentOutlineDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var persistentOutlineSelectedDisabled=Chip_stories_Template.bind({});persistentOutlineSelectedDisabled.storyName="Persistent Outline Selected Disabled",persistentOutlineSelectedDisabled.args={variant:"outlined",label:"Label",disabled:!0,selected:!0},persistentOutlineSelectedDisabled.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var dynamicSuggestion=Chip_stories_Template.bind({});dynamicSuggestion.storyName="Dynamic Suggestion",dynamicSuggestion.args={label:"Label",type:"dynamic",variant:"standard"},dynamicSuggestion.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var dynamicSelectionStandard=Chip_stories_Template.bind({});dynamicSelectionStandard.storyName="Dynamic Selection Standard",dynamicSelectionStandard.args={label:"Label",type:"dynamic",variant:"standard",selected:!0},dynamicSelectionStandard.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var dynamicSelectionOutline=Chip_stories_Template.bind({});dynamicSelectionOutline.storyName="Dynamic Selection Outline",dynamicSelectionOutline.args={label:"Label",type:"dynamic",variant:"outline",selected:!0},dynamicSelectionOutline.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n \n `,\n methods: {\n action\n }\n})'}};var iconText=Chip_stories_TemplateIcon.bind({});iconText.storyName="Icon+Text",iconText.args={label:"Label"},iconText.parameters={storySource:{source:'(args, {\n argTypes\n}) => ({\n props: {\n label: String,\n ...ScaleChip.props\n },\n template: `\n \n {{label}}\n
\n \n
\n \n `,\n methods: {\n action\n }\n})'}};var componentMeta={title:"Components/Chip",component:ScaleChip,argTypes:{variant:{control:{type:"select",options:["standard","outline"]}},type:{control:{type:"select",options:["dynamic","persistent"]}},disabled:{description:"only valid for persistent type"}},includeStories:["standard","persistentStandard","persistentStandardSelected","persistentStandardDisabled","persistentStandardSelectedDisabled","persistentOutline","persistentOutlineSelected","persistentOutlineDisabled","persistentOutlineSelectedDisabled","dynamicSuggestion","dynamicSelectionStandard","dynamicSelectionOutline","iconText"]},mdxStoryNameToKey={Standard:"standard","Persistent Standard":"persistentStandard","Persistent Standard Selected":"persistentStandardSelected","Persistent Standard Disabled":"persistentStandardDisabled","Persistent Standard Selected Disabled":"persistentStandardSelectedDisabled","Persistent Outline":"persistentOutline","Persistent Outline Selected":"persistentOutlineSelected","Persistent Outline Disabled":"persistentOutlineDisabled","Persistent Outline Selected Disabled":"persistentOutlineSelectedDisabled","Dynamic Suggestion":"dynamicSuggestion","Dynamic Selection Standard":"dynamicSelectionStandard","Dynamic Selection Outline":"dynamicSelectionOutline","Icon+Text":"iconText"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./stories/components/data-grid/DataGrid.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return DataGrid_stories_Template})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"actionsCell",(function(){return actionsCell})),__webpack_require__.d(__webpack_exports__,"checkboxCell",(function(){return checkboxCell})),__webpack_require__.d(__webpack_exports__,"emailCell",(function(){return emailCell})),__webpack_require__.d(__webpack_exports__,"dateCell",(function(){return dateCell})),__webpack_require__.d(__webpack_exports__,"graphCell",(function(){return graphCell})),__webpack_require__.d(__webpack_exports__,"htmlCell",(function(){return htmlCell})),__webpack_require__.d(__webpack_exports__,"linkCell",(function(){return linkCell})),__webpack_require__.d(__webpack_exports__,"numberCell",(function(){return numberCell})),__webpack_require__.d(__webpack_exports__,"selectCell",(function(){return selectCell})),__webpack_require__.d(__webpack_exports__,"tagsCell",(function(){return tagsCell})),__webpack_require__.d(__webpack_exports__,"telephoneCell",(function(){return telephoneCell})),__webpack_require__.d(__webpack_exports__,"textCell",(function(){return textCell})),__webpack_require__.d(__webpack_exports__,"freezeHeader",(function(){return freezeHeader})),__webpack_require__.d(__webpack_exports__,"heading",(function(){return heading})),__webpack_require__.d(__webpack_exports__,"hideExtras",(function(){return hideExtras})),__webpack_require__.d(__webpack_exports__,"numbered",(function(){return numbered})),__webpack_require__.d(__webpack_exports__,"pagination",(function(){return pagination})),__webpack_require__.d(__webpack_exports__,"selectionExport",(function(){return selectionExport})),__webpack_require__.d(__webpack_exports__,"columnStretch",(function(){return columnStretch})),__webpack_require__.d(__webpack_exports__,"showMore",(function(){return showMore}));__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/react/index.js");var esm=__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),data_grid_ScaleDataGridvue_type_script_lang_js_={},componentNormalizer=__webpack_require__("../../node_modules/vue-loader/lib/runtime/componentNormalizer.js");const __vuedocgen_export_0=Object(componentNormalizer.a)(data_grid_ScaleDataGridvue_type_script_lang_js_,undefined,undefined,!1,null,null,null).exports;var ScaleDataGrid=__vuedocgen_export_0;function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}__vuedocgen_export_0.__docgenInfo={exportName:"default",displayName:"ScaleDataGrid",description:"",tags:{}};var DataGrid_stories_Template=function Template(args,_ref){return function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure undefined")}(_ref),{components:{ScaleDataGrid:ScaleDataGrid},props:{unused:{}},template:""}},layoutProps={Template:DataGrid_stories_Template};function MDXContent(_ref2){var components=_ref2.components,props=_objectWithoutProperties(_ref2,["components"]);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.f,{title:"Components/Data Grid",component:ScaleDataGrid,argTypes:{fields:{table:{type:{summary:"array"}},description:"(required) Input fields config array",control:{type:null}},rows:{table:{type:{summary:"array"}},description:"(required) Input data array",control:{type:null}},freezeHeader:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"(optional) Freeze header row from scrolling",control:{type:null}},heading:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"(optional) Heading string",control:{type:null}},sortableColumnTitle:{table:{type:{summary:"string"},defaultValue:{summary:"Activate to sort column"}},description:"(optional) Title for sortable columns",control:{type:null}},height:{table:{type:{summary:"string"},defaultValue:{summary:"auto"}},description:"(optional) Set static table height, by default will auto-resize",control:{type:null}},hideBorder:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"(optional) Set to true to remove border",control:{type:null}},hideHeader:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"(optional) Set to true to hide header row",control:{type:null}},hideInfo:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"(optional) Set to true to remove info footer block including pagination and selection status",control:{type:null}},hideMenu:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"(optional) Set to true to hide settings menu",control:{type:null}},numbered:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"(optional) Set to true to add numbers column",control:{type:null}},pageSize:{table:{type:{summary:"number"},defaultValue:{summary:1/0}},description:"(optional) Set number of rows to display per pagination page",control:{type:null}},selectable:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"(optional) Set to true to add selection column",control:{type:null}},localization:{table:{type:{summary:"object"}},description:"(optional) localization object for sort by, toogle visibility and select/deselect all. The default value is English",control:{type:null}},shadeAlternate:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"(optional) Shade every second row darker",control:{type:null}},styles:{table:{type:{summary:"string"}},description:"(optional) Injected styles",control:{type:null}},selection:{name:"[readonly] selection",table:{type:{summary:"array"}},description:"Read-only selection array - populated with raw data from selected rows. Note needs selectable set to true",control:{type:null}},eventScaleEditLegacy:{name:"[event] scaleEdit",table:{type:{summary:"event"}},description:"Event triggered every time the editable cells are changed, updating the original rows data",control:{type:null}},eventScaleEdit:{name:"[event] scale-edit",table:{type:{summary:"event"}},description:"Deprecated!: Event triggered every time the editable cells are changed, updating the original rows data",control:{type:null}},eventScaleSortLegacy:{name:"[event] scaleSort",table:{type:{summary:"event"}},description:"Deprecated!: Event triggered every time the data is sorted, changing original rows data",control:{type:null}},eventScaleSort:{name:"[event] scale-sort",table:{type:{summary:"event"}},description:"Event triggered every time the data is sorted, changing original rows data",control:{type:null}},slotMenu:{name:"[slot] menu",table:{type:{summary:"scale-menu-flyout-item"}},description:"Used for adding extra menu items within the settings menu. Note hideMenu must be false",control:{type:null}},slotDefault:{name:"[slot] default",table:{type:{summary:"scale-button"}},description:"Used for adding elements into the top section between the heading and the settings menu",control:{type:null}}},mdxType:"Meta"}),Object(esm.b)("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"space-between",width:"100%"}},Object(esm.b)("h1",null,"Data Grid"),Object(esm.b)("img",{src:"assets/aa.png",alt:"Accessible AA"})),Object(esm.b)("h3",{id:"properties"},"Properties"),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)(dist_esm.c,{withSource:"close",mdxType:"Canvas"},Object(esm.b)(dist_esm.g,{name:"Standard",mdxType:"Story"},"\n \n