From 72dc38ea56b0dca405edbec90ecb46a12ea8e5fc Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Sun, 15 Dec 2019 11:20:52 -0800 Subject: [PATCH] feat: initial commit --- .eslintrc.json | 6 + .github/CODEOWNERS | 1 + .gitignore | 7 + .storybook/addons.js | 2 + .storybook/config.js | 6 + .storybook/webpack.config.js | 11 + .travis.yml | 5 + CHANGELOG.md | 10 + README.md | 67 +- docs/favicon.ico | Bin 0 -> 32988 bytes docs/iframe.html | 73 + docs/index.html | 20 + docs/main.d19aceecbf99f4b72fa7.bundle.js | 1 + docs/main.f68146be2ed36b44235a.bundle.js | 2 + docs/main.f68146be2ed36b44235a.bundle.js.map | 1 + ...untime~main.67b3c42af12dc2b7ac9d.bundle.js | 1 + ...untime~main.f68146be2ed36b44235a.bundle.js | 2 + ...me~main.f68146be2ed36b44235a.bundle.js.map | 1 + docs/sb_dll/storybook_ui-manifest.json | 1 + docs/sb_dll/storybook_ui_dll.LICENCE | 104 + docs/sb_dll/storybook_ui_dll.js | 2 + ...endors~main.de76cb4d691ff902e1d8.bundle.js | 103 + ...endors~main.f68146be2ed36b44235a.bundle.js | 81 + ...rs~main.f68146be2ed36b44235a.bundle.js.map | 1 + package.json | 120 + rollup.config.js | 24 + .../Accordion/Accordion.Skeleton.svelte | 39 + .../Accordion/Accordion.Story.svelte | 55 + src/components/Accordion/Accordion.stories.js | 21 + src/components/Accordion/Accordion.svelte | 11 + src/components/Accordion/AccordionItem.svelte | 62 + src/components/Accordion/index.js | 5 + .../Breadcrumb/Breadcrumb.Skeleton.svelte | 17 + .../Breadcrumb/Breadcrumb.Story.svelte | 39 + .../Breadcrumb/Breadcrumb.stories.js | 24 + src/components/Breadcrumb/Breadcrumb.svelte | 16 + .../Breadcrumb/BreadcrumbItem.svelte | 31 + src/components/Breadcrumb/index.js | 5 + src/components/Button/Button.Skeleton.svelte | 17 + src/components/Button/Button.Story.svelte | 73 + src/components/Button/Button.stories.js | 64 + src/components/Button/Button.svelte | 82 + src/components/Button/index.js | 4 + .../Checkbox/Checkbox.Skeleton.svelte | 13 + src/components/Checkbox/Checkbox.Story.svelte | 35 + src/components/Checkbox/Checkbox.stories.js | 32 + src/components/Checkbox/Checkbox.svelte | 41 + src/components/Checkbox/index.js | 4 + .../CodeSnippet/CodeSnippet.Skeleton.svelte | 32 + .../CodeSnippet/CodeSnippet.Story.svelte | 57 + .../CodeSnippet/CodeSnippet.stories.js | 39 + src/components/CodeSnippet/CodeSnippet.svelte | 83 + src/components/CodeSnippet/index.js | 4 + src/components/Copy/Copy.svelte | 45 + src/components/Copy/index.js | 3 + .../CopyButton/CopyButton.Story.svelte | 10 + .../CopyButton/CopyButton.stories.js | 13 + src/components/CopyButton/CopyButton.svelte | 62 + src/components/CopyButton/index.js | 3 + .../InlineLoading/InlineLoading.Story.svelte | 67 + .../InlineLoading/InlineLoading.stories.js | 30 + .../InlineLoading/InlineLoading.svelte | 52 + src/components/InlineLoading/index.js | 3 + src/components/Link/Link.Story.svelte | 14 + src/components/Link/Link.stories.js | 13 + src/components/Link/Link.svelte | 27 + src/components/Link/index.js | 3 + src/components/ListItem/ListItem.svelte | 13 + src/components/ListItem/index.js | 3 + src/components/Loading/Loading.Story.svelte | 8 + src/components/Loading/Loading.stories.js | 14 + src/components/Loading/Loading.svelte | 57 + src/components/Loading/index.js | 3 + .../OrderedList/OrderedList.Story.svelte | 37 + .../OrderedList/OrderedList.stories.js | 8 + src/components/OrderedList/OrderedList.svelte | 14 + src/components/OrderedList/index.js | 3 + .../SkeletonText/SkeletonText.Story.svelte | 10 + .../SkeletonText/SkeletonText.stories.js | 18 + .../SkeletonText/SkeletonText.svelte | 37 + src/components/SkeletonText/index.js | 3 + src/components/Tag/Tag.Skeleton.svelte | 5 + src/components/Tag/Tag.Story.svelte | 23 + src/components/Tag/Tag.stories.js | 29 + src/components/Tag/Tag.svelte | 40 + src/components/Tag/constants.js | 12 + src/components/Tag/index.js | 4 + .../TextArea/TextArea.Skeleton.svelte | 17 + src/components/TextArea/TextArea.Story.svelte | 17 + src/components/TextArea/TextArea.stories.js | 23 + src/components/TextArea/TextArea.svelte | 89 + src/components/TextArea/index.js | 4 + src/components/Toggle/Toggle.Skeleton.svelte | 24 + src/components/Toggle/Toggle.Story.svelte | 17 + src/components/Toggle/Toggle.stories.js | 31 + src/components/Toggle/Toggle.svelte | 56 + src/components/Toggle/index.js | 4 + .../ToggleSmall/ToggleSmall.Skeleton.svelte | 26 + .../ToggleSmall/ToggleSmall.Story.svelte | 17 + .../ToggleSmall/ToggleSmall.stories.js | 31 + src/components/ToggleSmall/ToggleSmall.svelte | 60 + src/components/ToggleSmall/index.js | 4 + .../TooltipDefinition.Story.svelte | 10 + .../TooltipDefinition.stories.js | 30 + .../TooltipDefinition.svelte | 36 + src/components/TooltipDefinition/index.js | 3 + .../TooltipIcon/TooltipIcon.Story.svelte | 13 + .../TooltipIcon/TooltipIcon.stories.js | 26 + src/components/TooltipIcon/TooltipIcon.svelte | 31 + src/components/TooltipIcon/index.js | 3 + .../UnorderedList/UnorderedList.Story.svelte | 37 + .../UnorderedList/UnorderedList.stories.js | 8 + .../UnorderedList/UnorderedList.svelte | 14 + src/components/UnorderedList/index.js | 3 + src/index.js | 54 + src/internal/ui/Layout.svelte | 11 + src/lib/cx.js | 19 + src/lib/index.js | 1 + yarn.lock | 11964 ++++++++++++++++ 119 files changed, 14925 insertions(+), 1 deletion(-) create mode 100644 .eslintrc.json create mode 100644 .github/CODEOWNERS create mode 100644 .gitignore create mode 100644 .storybook/addons.js create mode 100644 .storybook/config.js create mode 100644 .storybook/webpack.config.js create mode 100644 .travis.yml create mode 100644 CHANGELOG.md create mode 100644 docs/favicon.ico create mode 100644 docs/iframe.html create mode 100644 docs/index.html create mode 100644 docs/main.d19aceecbf99f4b72fa7.bundle.js create mode 100644 docs/main.f68146be2ed36b44235a.bundle.js create mode 100644 docs/main.f68146be2ed36b44235a.bundle.js.map create mode 100644 docs/runtime~main.67b3c42af12dc2b7ac9d.bundle.js create mode 100644 docs/runtime~main.f68146be2ed36b44235a.bundle.js create mode 100644 docs/runtime~main.f68146be2ed36b44235a.bundle.js.map create mode 100644 docs/sb_dll/storybook_ui-manifest.json create mode 100644 docs/sb_dll/storybook_ui_dll.LICENCE create mode 100644 docs/sb_dll/storybook_ui_dll.js create mode 100644 docs/vendors~main.de76cb4d691ff902e1d8.bundle.js create mode 100644 docs/vendors~main.f68146be2ed36b44235a.bundle.js create mode 100644 docs/vendors~main.f68146be2ed36b44235a.bundle.js.map create mode 100644 package.json create mode 100644 rollup.config.js create mode 100644 src/components/Accordion/Accordion.Skeleton.svelte create mode 100644 src/components/Accordion/Accordion.Story.svelte create mode 100644 src/components/Accordion/Accordion.stories.js create mode 100644 src/components/Accordion/Accordion.svelte create mode 100644 src/components/Accordion/AccordionItem.svelte create mode 100644 src/components/Accordion/index.js create mode 100644 src/components/Breadcrumb/Breadcrumb.Skeleton.svelte create mode 100644 src/components/Breadcrumb/Breadcrumb.Story.svelte create mode 100644 src/components/Breadcrumb/Breadcrumb.stories.js create mode 100644 src/components/Breadcrumb/Breadcrumb.svelte create mode 100644 src/components/Breadcrumb/BreadcrumbItem.svelte create mode 100644 src/components/Breadcrumb/index.js create mode 100644 src/components/Button/Button.Skeleton.svelte create mode 100644 src/components/Button/Button.Story.svelte create mode 100644 src/components/Button/Button.stories.js create mode 100644 src/components/Button/Button.svelte create mode 100644 src/components/Button/index.js create mode 100644 src/components/Checkbox/Checkbox.Skeleton.svelte create mode 100644 src/components/Checkbox/Checkbox.Story.svelte create mode 100644 src/components/Checkbox/Checkbox.stories.js create mode 100644 src/components/Checkbox/Checkbox.svelte create mode 100644 src/components/Checkbox/index.js create mode 100644 src/components/CodeSnippet/CodeSnippet.Skeleton.svelte create mode 100644 src/components/CodeSnippet/CodeSnippet.Story.svelte create mode 100644 src/components/CodeSnippet/CodeSnippet.stories.js create mode 100644 src/components/CodeSnippet/CodeSnippet.svelte create mode 100644 src/components/CodeSnippet/index.js create mode 100644 src/components/Copy/Copy.svelte create mode 100644 src/components/Copy/index.js create mode 100644 src/components/CopyButton/CopyButton.Story.svelte create mode 100644 src/components/CopyButton/CopyButton.stories.js create mode 100644 src/components/CopyButton/CopyButton.svelte create mode 100644 src/components/CopyButton/index.js create mode 100644 src/components/InlineLoading/InlineLoading.Story.svelte create mode 100644 src/components/InlineLoading/InlineLoading.stories.js create mode 100644 src/components/InlineLoading/InlineLoading.svelte create mode 100644 src/components/InlineLoading/index.js create mode 100644 src/components/Link/Link.Story.svelte create mode 100644 src/components/Link/Link.stories.js create mode 100644 src/components/Link/Link.svelte create mode 100644 src/components/Link/index.js create mode 100644 src/components/ListItem/ListItem.svelte create mode 100644 src/components/ListItem/index.js create mode 100644 src/components/Loading/Loading.Story.svelte create mode 100644 src/components/Loading/Loading.stories.js create mode 100644 src/components/Loading/Loading.svelte create mode 100644 src/components/Loading/index.js create mode 100644 src/components/OrderedList/OrderedList.Story.svelte create mode 100644 src/components/OrderedList/OrderedList.stories.js create mode 100644 src/components/OrderedList/OrderedList.svelte create mode 100644 src/components/OrderedList/index.js create mode 100644 src/components/SkeletonText/SkeletonText.Story.svelte create mode 100644 src/components/SkeletonText/SkeletonText.stories.js create mode 100644 src/components/SkeletonText/SkeletonText.svelte create mode 100644 src/components/SkeletonText/index.js create mode 100644 src/components/Tag/Tag.Skeleton.svelte create mode 100644 src/components/Tag/Tag.Story.svelte create mode 100644 src/components/Tag/Tag.stories.js create mode 100644 src/components/Tag/Tag.svelte create mode 100644 src/components/Tag/constants.js create mode 100644 src/components/Tag/index.js create mode 100644 src/components/TextArea/TextArea.Skeleton.svelte create mode 100644 src/components/TextArea/TextArea.Story.svelte create mode 100644 src/components/TextArea/TextArea.stories.js create mode 100644 src/components/TextArea/TextArea.svelte create mode 100644 src/components/TextArea/index.js create mode 100644 src/components/Toggle/Toggle.Skeleton.svelte create mode 100644 src/components/Toggle/Toggle.Story.svelte create mode 100644 src/components/Toggle/Toggle.stories.js create mode 100644 src/components/Toggle/Toggle.svelte create mode 100644 src/components/Toggle/index.js create mode 100644 src/components/ToggleSmall/ToggleSmall.Skeleton.svelte create mode 100644 src/components/ToggleSmall/ToggleSmall.Story.svelte create mode 100644 src/components/ToggleSmall/ToggleSmall.stories.js create mode 100644 src/components/ToggleSmall/ToggleSmall.svelte create mode 100644 src/components/ToggleSmall/index.js create mode 100644 src/components/TooltipDefinition/TooltipDefinition.Story.svelte create mode 100644 src/components/TooltipDefinition/TooltipDefinition.stories.js create mode 100644 src/components/TooltipDefinition/TooltipDefinition.svelte create mode 100644 src/components/TooltipDefinition/index.js create mode 100644 src/components/TooltipIcon/TooltipIcon.Story.svelte create mode 100644 src/components/TooltipIcon/TooltipIcon.stories.js create mode 100644 src/components/TooltipIcon/TooltipIcon.svelte create mode 100644 src/components/TooltipIcon/index.js create mode 100644 src/components/UnorderedList/UnorderedList.Story.svelte create mode 100644 src/components/UnorderedList/UnorderedList.stories.js create mode 100644 src/components/UnorderedList/UnorderedList.svelte create mode 100644 src/components/UnorderedList/index.js create mode 100644 src/index.js create mode 100644 src/internal/ui/Layout.svelte create mode 100644 src/lib/cx.js create mode 100644 src/lib/index.js create mode 100644 yarn.lock diff --git a/.eslintrc.json b/.eslintrc.json new file mode 100644 index 00000000..e67dd931 --- /dev/null +++ b/.eslintrc.json @@ -0,0 +1,6 @@ +{ + "parserOptions": { "ecmaVersion": 2019, "sourceType": "module" }, + "env": { "es6": true, "browser": true }, + "plugins": ["svelte3"], + "overrides": [{ "files": ["**/*.svelte"], "processor": "svelte3/svelte3" }] +} diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS new file mode 100644 index 00000000..3af1ab1b --- /dev/null +++ b/.github/CODEOWNERS @@ -0,0 +1 @@ +* @metonym \ No newline at end of file diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..391ec986 --- /dev/null +++ b/.gitignore @@ -0,0 +1,7 @@ +/coverage +/lib +/node_modules +.DS_Store +yarn-debug.log* +yarn-error.log* +*.tgz \ No newline at end of file diff --git a/.storybook/addons.js b/.storybook/addons.js new file mode 100644 index 00000000..24cc91e3 --- /dev/null +++ b/.storybook/addons.js @@ -0,0 +1,2 @@ +import '@storybook/addon-knobs/register'; +import '@storybook/addon-storysource/register'; diff --git a/.storybook/config.js b/.storybook/config.js new file mode 100644 index 00000000..8d62daaf --- /dev/null +++ b/.storybook/config.js @@ -0,0 +1,6 @@ +import { configure } from '@storybook/svelte'; + +// use prebuilt CSS file to refrain from setting up sass, autoprefixer +import '!style-loader!css-loader!carbon-components/css/carbon-components.min.css'; + +configure(require.context('../src', true, /\.stories\.js$/), module); diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js new file mode 100644 index 00000000..1bc102a0 --- /dev/null +++ b/.storybook/webpack.config.js @@ -0,0 +1,11 @@ +const path = require('path'); + +module.exports = async ({ config }) => { + config.module.rules.push({ + test: [/\.stories\.js$/], + loaders: [require.resolve('@storybook/source-loader')], + include: [path.resolve(__dirname, '../src')], + enforce: 'pre' + }); + return config; +}; diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 00000000..f3349e4b --- /dev/null +++ b/.travis.yml @@ -0,0 +1,5 @@ +language: node_js +node_js: 10 +cache: yarn +script: + - yarn build diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 00000000..e12f0708 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,10 @@ +# Changelog + +All notable changes to this project will be documented in this file. + +The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), +and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). + +## [0.1.0](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.1.0) - 2019-12-15 + +- Initial release diff --git a/README.md b/README.md index cd5ac184..776a42b0 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,67 @@ # carbon-components-svelte -Svelte implementation of the Carbon Design System + +> [🚧🚧🚧 UNDER CONSTRUCTION] Svelte implementation of the Carbon Design System + +This library is a work in progress. + +## Getting Started + +```bash +yarn add -D carbon-components carbon-components-svelte carbon-icons-svelte +``` + +## Supported Components + +Currently, the following components are supported: + +- Accordion +- AccordionItem +- AccordionSkeleton +- Breadcrumb +- BreadcrumbItem +- BreadcrumbSkeleton +- Button +- ButtonSkeleton +- Checkbox +- CheckboxSkeleton +- CodeSnippet +- CodeSnippetSkeleton +- Copy +- CopyButton +- InlineLoading +- Loading +- Link +- ListItem +- OrderedList +- SkeletonText +- Tag +- TagSkeleton +- TextArea +- TextAreaSkeleton +- Toggle +- ToggleSkeleton +- ToggleSmall +- ToggleSmallSkeleton +- TooltipDefinition +- TooltipIcon +- UnorderedList + +## Usage + +```html + + +Text +``` + +## Contributing + +[Placeholder] + +## [Changelog](CHANGELOG.md) + +## License + +[Apache 2.0](LICENSE) diff --git a/docs/favicon.ico b/docs/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..428500fde188122fe8a6b07197f4c03f4e93640a GIT binary patch literal 32988 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 QqCiA}hyoD>_J0ce7gEZOiU0rr literal 0 HcmV?d00001 diff --git a/docs/iframe.html b/docs/iframe.html new file mode 100644 index 00000000..17dbc8d0 --- /dev/null +++ b/docs/iframe.html @@ -0,0 +1,73 @@ +Storybook

No Preview

Sorry, but you either have no stories or none are selected somehow.

  • Please check the Storybook config.
  • Try reloading the page.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 00000000..ebde9338 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,20 @@ +Storybook
\ No newline at end of file diff --git a/docs/main.d19aceecbf99f4b72fa7.bundle.js b/docs/main.d19aceecbf99f4b72fa7.bundle.js new file mode 100644 index 00000000..2b612663 --- /dev/null +++ b/docs/main.d19aceecbf99f4b72fa7.bundle.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{415:function(n,o,c){c(416),c(529),n.exports=c(878)},438:function(n,o){},529:function(n,o,c){"use strict";c.r(o);c(530),c(850)}},[[415,1,2]]]); \ No newline at end of file diff --git a/docs/main.f68146be2ed36b44235a.bundle.js b/docs/main.f68146be2ed36b44235a.bundle.js new file mode 100644 index 00000000..2616d97d --- /dev/null +++ b/docs/main.f68146be2ed36b44235a.bundle.js @@ -0,0 +1,2 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(24),__webpack_require__(591),__webpack_require__(107),__webpack_require__(25);var prefix="bx";function cx(){for(var classes=[],_len=arguments.length,items=Array(_len),_key=0;_key<_len;_key++)items[_key]=arguments[_key];return items.forEach((function(item){"string"==typeof item&&("--"===item.slice(0,2)?classes.push("".concat(prefix).concat(item)):classes.push(item))})),classes.join(" ")}__webpack_require__.d(__webpack_exports__,"a",(function(){return cx}))},10:function(module,__webpack_exports__,__webpack_require__){"use strict";var internal=__webpack_require__(0),lib=__webpack_require__(1);function create_fragment(ctx){let li,current;const default_slot_template=ctx[4].default,default_slot=Object(internal.l)(default_slot_template,ctx,ctx[3],null);let li_levels=[ctx[0],{class:ctx[1]}],li_data={};for(let i=0;i{"class"in $$props&&$$invalidate(2,className=$$props.class),"props"in $$props&&$$invalidate(0,props=$$props.props),"$$scope"in $$props&&$$invalidate(3,$$scope=$$props.$$scope)},[props,_class,className,$$scope,$$slots]}class ListItem_svelte_ListItem extends internal.a{constructor(options){super(),Object(internal.y)(this,options,instance,create_fragment,internal.G,{class:2,props:0})}}var ListItem_svelte=ListItem_svelte_ListItem;__webpack_exports__.a=ListItem_svelte},123:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_lib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1);function get_each_context(ctx,list,i){const child_ctx=ctx.slice();return child_ctx[2]=list[i].width,child_ctx}function create_else_block(ctx){let p,p_levels=[ctx[1],{class:ctx[4]},{style:`width: ${ctx[2]};`}],p_data={};for(let i=0;i{"class"in $$props&&$$invalidate(5,className=$$props.class),"paragraph"in $$props&&$$invalidate(0,paragraph=$$props.paragraph),"lineCount"in $$props&&$$invalidate(6,lineCount=$$props.lineCount),"width"in $$props&&$$invalidate(2,width=$$props.width),"heading"in $$props&&$$invalidate(7,heading=$$props.heading),"props"in $$props&&$$invalidate(1,props=$$props.props)},$$self.$$.update=()=>{if(77&$$self.$$.dirty[0]&¶graph)for(let i=0;i{if_blocks[previous_block_index]=null}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)(),if_block=if_blocks[current_block_type_index],if_block||(if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),if_block.c()),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block,1),if_block.m(if_block_anchor.parentNode,if_block_anchor))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_block),current=!1},d(detaching){if_blocks[current_block_type_index].d(detaching),detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(if_block_anchor)}}}function instance($$self,$$props,$$invalidate){let{class:className}=$$props,{href:href}=$$props,{disabled:disabled=!1}=$$props,{inline:inline=!1}=$$props,{props:props={}}=$$props;const _class=Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--link",disabled&&"--link--disabled",inline&&"--link--inline",className);let{$$slots:$$slots={},$$scope:$$scope}=$$props;return $$self.$set=$$props=>{"class"in $$props&&$$invalidate(4,className=$$props.class),"href"in $$props&&$$invalidate(0,href=$$props.href),"disabled"in $$props&&$$invalidate(1,disabled=$$props.disabled),"inline"in $$props&&$$invalidate(5,inline=$$props.inline),"props"in $$props&&$$invalidate(2,props=$$props.props),"$$scope"in $$props&&$$invalidate(6,$$scope=$$props.$$scope)},[href,disabled,props,_class,className,inline,$$scope,$$slots]}class Link extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{class:4,href:0,disabled:1,inline:5,props:2})}}__webpack_exports__.a=Link},125:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),svelte__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(12),carbon_icons_svelte_lib_Copy16__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(274),_lib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1);function create_fragment(ctx){let button,span,t0,span_class_value,t1,current,dispose;const copy16=new carbon_icons_svelte_lib_Copy16__WEBPACK_IMPORTED_MODULE_2__.a({props:{class:Object(_lib__WEBPACK_IMPORTED_MODULE_3__.a)("--snippet__icon")}});let button_levels=[ctx[2],{"aria-label":ctx[0]},{title:ctx[0]},{class:ctx[3]},{type:"button"}],button_data={};for(let i=0;i{void 0!==timeoutId&&(clearTimeout(timeoutId),timeoutId=void 0)}),$$self.$set=$$props=>{"class"in $$props&&$$invalidate(6,className=$$props.class),"iconDescription"in $$props&&$$invalidate(0,iconDescription=$$props.iconDescription),"feedback"in $$props&&$$invalidate(1,feedback=$$props.feedback),"feedbackTimeout"in $$props&&$$invalidate(7,feedbackTimeout=$$props.feedbackTimeout),"props"in $$props&&$$invalidate(2,props=$$props.props)},$$self.$$.update=()=>{320&$$self.$$.dirty[0]&&$$invalidate(3,_class=Object(_lib__WEBPACK_IMPORTED_MODULE_3__.a)("--snippet-button","--copy-btn",animation&&"--copy-btn--animating",animation&&`--copy-btn--${animation}`,className))},[iconDescription,feedback,props,_class,function handleClick(event){$$invalidate(8,animation="fade-in"),timeoutId=setTimeout(()=>{$$invalidate(8,animation="fade-out")},feedbackTimeout)},function handleAnimationEnd(event){"hide-feedback"===event.animationName&&$$invalidate(8,animation=void 0)},className,feedbackTimeout,animation,timeoutId,dispatch,function click_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseover_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseenter_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseleave_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function animationend_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)}]}class CopyButton extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{class:6,iconDescription:0,feedback:1,feedbackTimeout:7,props:2})}}__webpack_exports__.a=CopyButton},126:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_lib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1);function create_else_block(ctx){let div,label,t0,label_class_value,t1,svg,title,t2,circle,circle_class_value,svg_class_value,if_block=ctx[2]&&create_if_block_2(ctx),div_levels=[ctx[4],{"aria-atomic":"true"},{"aria-labelledby":ctx[5]},{"aria-live":ctx[0]?"assertive":"off"},{class:ctx[7]}],div_data={};for(let i=0;i{"class"in $$props&&$$invalidate(9,className=$$props.class),"active"in $$props&&$$invalidate(0,active=$$props.active),"withOverlay"in $$props&&$$invalidate(1,withOverlay=$$props.withOverlay),"small"in $$props&&$$invalidate(2,small=$$props.small),"description"in $$props&&$$invalidate(3,description=$$props.description),"props"in $$props&&$$invalidate(4,props=$$props.props)},[active,withOverlay,small,description,props,loadingId,spinnerRadius,_class,_overlayClass,className]}class Loading extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{class:9,active:0,withOverlay:1,small:2,description:3,props:4})}}__webpack_exports__.a=Loading},280:function(module,exports,__webpack_require__){__webpack_require__(281),__webpack_require__(392),module.exports=__webpack_require__(393)},302:function(module,exports){},33:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_lib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1);const get_default_slot_changes=dirty=>({}),get_default_slot_context=ctx=>({props:ctx[6]});function create_else_block(ctx){let button,t0,t1,current,dispose,if_block0=ctx[5]&&create_if_block_5(ctx);const default_slot_template=ctx[18].default,default_slot=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.l)(default_slot_template,ctx,ctx[17],null);let if_block1=ctx[3]&&create_if_block_4(ctx),button_levels=[ctx[6]],button_data={};for(let i=0;i{if_block1=null}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)()),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.H)(button,Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.w)(button_levels,[64&dirty[0]&&ctx[6]]))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(default_slot,local),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block1),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(default_slot,local),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_block1),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(button),if_block0&&if_block0.d(),default_slot&&default_slot.d(detaching),if_block1&&if_block1.d(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.F)(dispose)}}}function create_if_block_1(ctx){let a,t0,t1,current,dispose,if_block0=ctx[5]&&create_if_block_3(ctx);const default_slot_template=ctx[18].default,default_slot=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.l)(default_slot_template,ctx,ctx[17],null);let if_block1=ctx[3]&&create_if_block_2(ctx),a_levels=[ctx[6],{href:ctx[2]}],a_data={};for(let i=0;i{if_block1=null}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)()),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.H)(a,Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.w)(a_levels,[64&dirty[0]&&ctx[6],4&dirty[0]&&{href:ctx[2]}]))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(default_slot,local),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block1),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(default_slot,local),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_block1),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(a),if_block0&&if_block0.d(),default_slot&&default_slot.d(detaching),if_block1&&if_block1.d(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.F)(dispose)}}}function create_if_block(ctx){let current;const default_slot_template=ctx[18].default,default_slot=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.l)(default_slot_template,ctx,ctx[17],get_default_slot_context);return{c(){default_slot&&default_slot.c()},m(target,anchor){default_slot&&default_slot.m(target,anchor),current=!0},p(ctx,dirty){default_slot&&default_slot.p&&131072&dirty[0]&&default_slot.p(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.u)(default_slot_template,ctx,ctx[17],get_default_slot_context),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.t)(default_slot_template,ctx[17],dirty,get_default_slot_changes))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(default_slot,local),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(default_slot,local),current=!1},d(detaching){default_slot&&default_slot.d(detaching)}}}function create_if_block_5(ctx){let span,t,span_class_value;return{c(){span=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.q)("span"),t=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.N)(ctx[4]),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.e)(span,"class",span_class_value=Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--assistive-text"))},m(target,anchor){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,span,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.c)(span,t)},p(ctx,dirty){16&dirty[0]&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.I)(t,ctx[4])},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(span)}}}function create_if_block_4(ctx){let switch_instance_anchor,current;var switch_value=ctx[3];function switch_props(ctx){return{props:{"aria-hidden":"true",class:Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--btn__icon"),"aria-label":ctx[4]}}}if(switch_value)var switch_instance=new switch_value(switch_props(ctx));return{c(){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.k)(switch_instance.$$.fragment),switch_instance_anchor=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.r)()},m(target,anchor){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.B)(switch_instance,target,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,switch_instance_anchor,anchor),current=!0},p(ctx,dirty){const switch_instance_changes={};if(16&dirty[0]&&(switch_instance_changes["aria-label"]=ctx[4]),switch_value!==(switch_value=ctx[3])){if(switch_instance){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.x)();const old_component=switch_instance;Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(old_component.$$.fragment,1,0,()=>{Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.n)(old_component,1)}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)()}switch_value?(switch_instance=new switch_value(switch_props(ctx)),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.k)(switch_instance.$$.fragment),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(switch_instance.$$.fragment,1),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.B)(switch_instance,switch_instance_anchor.parentNode,switch_instance_anchor)):switch_instance=null}else switch_value&&switch_instance.$set(switch_instance_changes)},i(local){current||(switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(switch_instance.$$.fragment,local),current=!0)},o(local){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(switch_instance.$$.fragment,local),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(switch_instance_anchor),switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.n)(switch_instance,detaching)}}}function create_if_block_3(ctx){let span,t,span_class_value;return{c(){span=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.q)("span"),t=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.N)(ctx[4]),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.e)(span,"class",span_class_value=Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--assistive-text"))},m(target,anchor){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,span,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.c)(span,t)},p(ctx,dirty){16&dirty[0]&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.I)(t,ctx[4])},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(span)}}}function create_if_block_2(ctx){let switch_instance_anchor,current;var switch_value=ctx[3];function switch_props(ctx){return{props:{"aria-hidden":"true",class:Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--btn__icon"),"aria-label":ctx[4]}}}if(switch_value)var switch_instance=new switch_value(switch_props(ctx));return{c(){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.k)(switch_instance.$$.fragment),switch_instance_anchor=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.r)()},m(target,anchor){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.B)(switch_instance,target,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,switch_instance_anchor,anchor),current=!0},p(ctx,dirty){const switch_instance_changes={};if(16&dirty[0]&&(switch_instance_changes["aria-label"]=ctx[4]),switch_value!==(switch_value=ctx[3])){if(switch_instance){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.x)();const old_component=switch_instance;Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(old_component.$$.fragment,1,0,()=>{Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.n)(old_component,1)}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)()}switch_value?(switch_instance=new switch_value(switch_props(ctx)),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.k)(switch_instance.$$.fragment),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(switch_instance.$$.fragment,1),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.B)(switch_instance,switch_instance_anchor.parentNode,switch_instance_anchor)):switch_instance=null}else switch_value&&switch_instance.$set(switch_instance_changes)},i(local){current||(switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(switch_instance.$$.fragment,local),current=!0)},o(local){switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(switch_instance.$$.fragment,local),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(switch_instance_anchor),switch_instance&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.n)(switch_instance,detaching)}}}function create_fragment(ctx){let current_block_type_index,if_block,if_block_anchor,current;const if_block_creators=[create_if_block,create_if_block_1,create_else_block],if_blocks=[];function select_block_type(ctx,dirty){return ctx[0]?0:ctx[2]&&!ctx[1]?1:2}return current_block_type_index=select_block_type(ctx),if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),{c(){if_block.c(),if_block_anchor=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.r)()},m(target,anchor){if_blocks[current_block_type_index].m(target,anchor),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,if_block_anchor,anchor),current=!0},p(ctx,dirty){let previous_block_index=current_block_type_index;current_block_type_index=select_block_type(ctx),current_block_type_index===previous_block_index?if_blocks[current_block_type_index].p(ctx,dirty):(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.x)(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null}),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.i)(),if_block=if_blocks[current_block_type_index],if_block||(if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),if_block.c()),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block,1),if_block.m(if_block_anchor.parentNode,if_block_anchor))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(if_block),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(if_block),current=!1},d(detaching){if_blocks[current_block_type_index].d(detaching),detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(if_block_anchor)}}}function instance($$self,$$props,$$invalidate){let{class:className}=$$props,{as:as}=$$props,{disabled:disabled=!1}=$$props,{size:size="default"}=$$props,{small:small=!1}=$$props,{kind:kind="primary"}=$$props,{href:href}=$$props,{tabindex:tabindex="0"}=$$props,{type:type="button"}=$$props,{renderIcon:renderIcon}=$$props,{iconDescription:iconDescription}=$$props,{hasIconOnly:hasIconOnly=!1}=$$props,{tooltipPosition:tooltipPosition}=$$props,{tooltipAlignment:tooltipAlignment}=$$props,{props:props={}}=$$props;const _class=Object(_lib__WEBPACK_IMPORTED_MODULE_1__.a)("--btn","field"===size&&"--btn--field",("small"===size||small)&&"--btn--sm","primary"===kind&&"--btn--primary","danger"===kind&&"--btn--danger","secondary"===kind&&"--btn--secondary","ghost"===kind&&"--btn--ghost","danger--primary"===kind&&"--btn--danger--primary","tertiary"===kind&&"--btn--tertiary",disabled&&"--btn--disabled",hasIconOnly&&"--btn--icon-only",hasIconOnly&&"--tooltip__trigger",hasIconOnly&&"--tooltip--a11y",hasIconOnly&&tooltipPosition&&`--tooltip--${tooltipPosition}`,hasIconOnly&&tooltipAlignment&&`--tooltip--align-${tooltipAlignment}`,className),buttonProps={...props,tabindex:tabindex,class:_class,disabled:disabled,type:href&&!disabled?void 0:type,role:"button",href:href};let{$$slots:$$slots={},$$scope:$$scope}=$$props;return $$self.$set=$$props=>{"class"in $$props&&$$invalidate(7,className=$$props.class),"as"in $$props&&$$invalidate(0,as=$$props.as),"disabled"in $$props&&$$invalidate(1,disabled=$$props.disabled),"size"in $$props&&$$invalidate(8,size=$$props.size),"small"in $$props&&$$invalidate(9,small=$$props.small),"kind"in $$props&&$$invalidate(10,kind=$$props.kind),"href"in $$props&&$$invalidate(2,href=$$props.href),"tabindex"in $$props&&$$invalidate(11,tabindex=$$props.tabindex),"type"in $$props&&$$invalidate(12,type=$$props.type),"renderIcon"in $$props&&$$invalidate(3,renderIcon=$$props.renderIcon),"iconDescription"in $$props&&$$invalidate(4,iconDescription=$$props.iconDescription),"hasIconOnly"in $$props&&$$invalidate(5,hasIconOnly=$$props.hasIconOnly),"tooltipPosition"in $$props&&$$invalidate(13,tooltipPosition=$$props.tooltipPosition),"tooltipAlignment"in $$props&&$$invalidate(14,tooltipAlignment=$$props.tooltipAlignment),"props"in $$props&&$$invalidate(15,props=$$props.props),"$$scope"in $$props&&$$invalidate(17,$$scope=$$props.$$scope)},[as,disabled,href,renderIcon,iconDescription,hasIconOnly,buttonProps,className,size,small,kind,tabindex,type,tooltipPosition,tooltipAlignment,props,_class,$$scope,$$slots,function click_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseover_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseenter_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseleave_handler(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function click_handler_1(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseover_handler_1(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseenter_handler_1(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)},function mouseleave_handler_1(event){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.h)($$self,event)}]}class Button extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{class:7,as:0,disabled:1,size:8,small:9,kind:10,href:2,tabindex:11,type:12,renderIcon:3,iconDescription:4,hasIconOnly:5,tooltipPosition:13,tooltipAlignment:14,props:15})}}__webpack_exports__.a=Button},393:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_svelte__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(271);__webpack_require__(574);Object(_storybook_svelte__WEBPACK_IMPORTED_MODULE_0__.configure)(__webpack_require__(579),module)}.call(this,__webpack_require__(394)(module))},5:function(module,__webpack_exports__,__webpack_require__){"use strict";var svelte_internal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0);function create_fragment(ctx){let div,current;const default_slot_template=ctx[1].default,default_slot=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.l)(default_slot_template,ctx,ctx[0],null);return{c(){div=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.q)("div"),default_slot&&default_slot.c(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.e)(div,"class","layout svelte-7rvfjm")},m(target,anchor){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.z)(target,div,anchor),default_slot&&default_slot.m(div,null),current=!0},p(ctx,dirty){default_slot&&default_slot.p&&1&dirty[0]&&default_slot.p(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.u)(default_slot_template,ctx,ctx[0],null),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.t)(default_slot_template,ctx[0],dirty,null))},i(local){current||(Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.O)(default_slot,local),current=!0)},o(local){Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.P)(default_slot,local),current=!1},d(detaching){detaching&&Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.p)(div),default_slot&&default_slot.d(detaching)}}}function instance($$self,$$props,$$invalidate){let{$$slots:$$slots={},$$scope:$$scope}=$$props;return $$self.$set=$$props=>{"$$scope"in $$props&&$$invalidate(0,$$scope=$$props.$$scope)},[$$scope,$$slots]}class Layout extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__.a{constructor(options){super(),document.getElementById("svelte-7rvfjm-style")||function add_css(){var style=Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.q)("style");style.id="svelte-7rvfjm-style",style.textContent=".layout.svelte-7rvfjm{padding:3em;display:flex;flex-direction:column}",Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.c)(document.head,style)}(),Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__.y)(this,options,instance,create_fragment,svelte_internal__WEBPACK_IMPORTED_MODULE_0__.G,{})}}__webpack_exports__.a=Layout},579:function(module,exports,__webpack_require__){var map={"./components/Accordion/Accordion.stories.js":596,"./components/Breadcrumb/Breadcrumb.stories.js":595,"./components/Button/Button.stories.js":611,"./components/Checkbox/Checkbox.stories.js":598,"./components/CodeSnippet/CodeSnippet.stories.js":594,"./components/CopyButton/CopyButton.stories.js":610,"./components/InlineLoading/InlineLoading.stories.js":602,"./components/Link/Link.stories.js":607,"./components/Loading/Loading.stories.js":608,"./components/OrderedList/OrderedList.stories.js":604,"./components/SkeletonText/SkeletonText.stories.js":609,"./components/Tag/Tag.stories.js":597,"./components/TextArea/TextArea.stories.js":601,"./components/Toggle/Toggle.stories.js":600,"./components/ToggleSmall/ToggleSmall.stories.js":599,"./components/TooltipDefinition/TooltipDefinition.stories.js":603,"./components/TooltipIcon/TooltipIcon.stories.js":605,"./components/UnorderedList/UnorderedList.stories.js":606};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=579},594:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var dist=__webpack_require__(2),internal=__webpack_require__(0),Layout_svelte=__webpack_require__(5),svelte=__webpack_require__(12),ChevronDown16=__webpack_require__(275),lib=__webpack_require__(1),Button=__webpack_require__(90);function create_fragment(ctx){let button,t,div,current,dispose;const default_slot_template=ctx[10].default,default_slot=Object(internal.l)(default_slot_template,ctx,ctx[9],null);let button_levels=[ctx[2],{type:"button"},{class:ctx[0]}],button_data={};for(let i=0;i{void 0!==timeoutId&&(clearTimeout(timeoutId),timeoutId=void 0)});let _class,{$$slots:$$slots={},$$scope:$$scope}=$$props;return $$self.$set=$$props=>{"class"in $$props&&$$invalidate(0,className=$$props.class),"feedback"in $$props&&$$invalidate(1,feedback=$$props.feedback),"feedbackTimeout"in $$props&&$$invalidate(5,feedbackTimeout=$$props.feedbackTimeout),"props"in $$props&&$$invalidate(2,props=$$props.props),"$$scope"in $$props&&$$invalidate(9,$$scope=$$props.$$scope)},$$self.$$.update=()=>{128&$$self.$$.dirty[0]&&$$invalidate(3,_class=Object(lib.a)("--btn--copy__feedback",showFeedback&&"--btn--copy__feedback--displayed"))},[className,feedback,props,_class,function handleClick(event){$$invalidate(7,showFeedback=!0),timeoutId=setTimeout(()=>{$$invalidate(7,showFeedback=!1)},feedbackTimeout)},feedbackTimeout,timeoutId,showFeedback,dispatch,$$scope,$$slots,function click_handler(event){Object(internal.h)($$self,event)},function mouseover_handler(event){Object(internal.h)($$self,event)},function mouseenter_handler(event){Object(internal.h)($$self,event)},function mouseleave_handler(event){Object(internal.h)($$self,event)}]}class Copy_svelte_Copy extends internal.a{constructor(options){super(),Object(internal.y)(this,options,instance,create_fragment,internal.G,{class:0,feedback:1,feedbackTimeout:5,props:2})}}var components_Copy=Copy_svelte_Copy,CopyButton=__webpack_require__(125).a;function create_else_block(ctx){let div1,div0,code,pre,div0_class_value,div0_aria_label_value,t0,t1,current;const default_slot_template=ctx[16].default,default_slot=Object(internal.l)(default_slot_template,ctx,ctx[21],null),copybutton=new CopyButton({props:{feedback:ctx[1],iconDescription:ctx[2]}});copybutton.$on("click",ctx[19]);let if_block=ctx[7]&&create_if_block_1(ctx),div1_levels=[ctx[4],{class:ctx[8]}],div1_data={};for(let i=0;i{if_block=null}),Object(internal.i)()),Object(internal.H)(div1,Object(internal.w)(div1_levels,[16&dirty[0]&&ctx[4],256&dirty[0]&&{class:ctx[8]}]))},i(local){current||(Object(internal.O)(default_slot,local),Object(internal.O)(copybutton.$$.fragment,local),Object(internal.O)(if_block),current=!0)},o(local){Object(internal.P)(default_slot,local),Object(internal.P)(copybutton.$$.fragment,local),Object(internal.P)(if_block),current=!1},d(detaching){detaching&&Object(internal.p)(div1),default_slot&&default_slot.d(detaching),ctx[18](null),Object(internal.n)(copybutton),if_block&&if_block.d()}}}function create_if_block(ctx){let current;const copy=new components_Copy({props:{"aria-label":ctx[3]||ctx[11]["aria-label"],"aria-describedby":ctx[10],class:ctx[8],feedback:ctx[1],props:ctx[4],$$slots:{default:[create_default_slot]},$$scope:{ctx:ctx}}});return copy.$on("click",ctx[17]),{c(){Object(internal.k)(copy.$$.fragment)},m(target,anchor){Object(internal.B)(copy,target,anchor),current=!0},p(ctx,dirty){const copy_changes={};2056&dirty[0]&&(copy_changes["aria-label"]=ctx[3]||ctx[11]["aria-label"]),256&dirty[0]&&(copy_changes.class=ctx[8]),2&dirty[0]&&(copy_changes.feedback=ctx[1]),16&dirty[0]&&(copy_changes.props=ctx[4]),2097152&dirty[0]&&(copy_changes.$$scope={dirty:dirty,ctx:ctx}),copy.$set(copy_changes)},i(local){current||(Object(internal.O)(copy.$$.fragment,local),current=!0)},o(local){Object(internal.P)(copy.$$.fragment,local),current=!1},d(detaching){Object(internal.n)(copy,detaching)}}}function create_if_block_1(ctx){let current;const button=new Button.a({props:{kind:"ghost",size:"small",class:Object(lib.a)("--snippet-btn--expand"),$$slots:{default:[create_default_slot_1]},$$scope:{ctx:ctx}}});return button.$on("click",ctx[20]),{c(){Object(internal.k)(button.$$.fragment)},m(target,anchor){Object(internal.B)(button,target,anchor),current=!0},p(ctx,dirty){const button_changes={};2097664&dirty[0]&&(button_changes.$$scope={dirty:dirty,ctx:ctx}),button.$set(button_changes)},i(local){current||(Object(internal.O)(button.$$.fragment,local),current=!0)},o(local){Object(internal.P)(button.$$.fragment,local),current=!1},d(detaching){Object(internal.n)(button,detaching)}}}function create_default_slot_1(ctx){let span,t0,span_class_value,t1,current;const chevrondown16=new ChevronDown16.a({props:{"aria-label":ctx[9],class:Object(lib.a)("--icon-chevron--down","--snippet__icon")}});return{c(){span=Object(internal.q)("span"),t0=Object(internal.N)(ctx[9]),t1=Object(internal.L)(),Object(internal.k)(chevrondown16.$$.fragment),Object(internal.e)(span,"class",span_class_value=Object(lib.a)("--snippet-btn--text"))},m(target,anchor){Object(internal.z)(target,span,anchor),Object(internal.c)(span,t0),Object(internal.z)(target,t1,anchor),Object(internal.B)(chevrondown16,target,anchor),current=!0},p(ctx,dirty){(!current||512&dirty[0])&&Object(internal.I)(t0,ctx[9]);const chevrondown16_changes={};512&dirty[0]&&(chevrondown16_changes["aria-label"]=ctx[9]),chevrondown16.$set(chevrondown16_changes)},i(local){current||(Object(internal.O)(chevrondown16.$$.fragment,local),current=!0)},o(local){Object(internal.P)(chevrondown16.$$.fragment,local),current=!1},d(detaching){detaching&&Object(internal.p)(span),detaching&&Object(internal.p)(t1),Object(internal.n)(chevrondown16,detaching)}}}function create_default_slot(ctx){let code,current;const default_slot_template=ctx[16].default,default_slot=Object(internal.l)(default_slot_template,ctx,ctx[21],null);return{c(){code=Object(internal.q)("code"),default_slot&&default_slot.c(),Object(internal.e)(code,"id",ctx[10])},m(target,anchor){Object(internal.z)(target,code,anchor),default_slot&&default_slot.m(code,null),current=!0},p(ctx,dirty){default_slot&&default_slot.p&&2097152&dirty[0]&&default_slot.p(Object(internal.u)(default_slot_template,ctx,ctx[21],null),Object(internal.t)(default_slot_template,ctx[21],dirty,null))},i(local){current||(Object(internal.O)(default_slot,local),current=!0)},o(local){Object(internal.P)(default_slot,local),current=!1},d(detaching){detaching&&Object(internal.p)(code),default_slot&&default_slot.d(detaching)}}}function CodeSnippet_svelte_create_fragment(ctx){let current_block_type_index,if_block,if_block_anchor,current;const if_block_creators=[create_if_block,create_else_block],if_blocks=[];function select_block_type(ctx,dirty){return"inline"===ctx[0]?0:1}return current_block_type_index=select_block_type(ctx),if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),{c(){if_block.c(),if_block_anchor=Object(internal.r)()},m(target,anchor){if_blocks[current_block_type_index].m(target,anchor),Object(internal.z)(target,if_block_anchor,anchor),current=!0},p(ctx,dirty){let previous_block_index=current_block_type_index;current_block_type_index=select_block_type(ctx),current_block_type_index===previous_block_index?if_blocks[current_block_type_index].p(ctx,dirty):(Object(internal.x)(),Object(internal.P)(if_blocks[previous_block_index],1,1,()=>{if_blocks[previous_block_index]=null}),Object(internal.i)(),if_block=if_blocks[current_block_type_index],if_block||(if_block=if_blocks[current_block_type_index]=if_block_creators[current_block_type_index](ctx),if_block.c()),Object(internal.O)(if_block,1),if_block.m(if_block_anchor.parentNode,if_block_anchor))},i(local){current||(Object(internal.O)(if_block),current=!0)},o(local){Object(internal.P)(if_block),current=!1},d(detaching){if_blocks[current_block_type_index].d(detaching),detaching&&Object(internal.p)(if_block_anchor)}}}function CodeSnippet_svelte_instance($$self,$$props,$$invalidate){let{class:className}=$$props,{type:type="single"}=$$props,{feedback:feedback}=$$props,{copyButtonDescription:copyButtonDescription}=$$props,{copyLabel:copyLabel}=$$props,{showMoreText:showMoreText="Show more"}=$$props,{showLessText:showLessText="Show less"}=$$props,{light:light=!1}=$$props,{props:props={}}=$$props;const id=Math.random();let codeRef=void 0,expandedCode=!1,shouldShowMoreLessBtn=!1;Object(svelte.c)(()=>{if(codeRef){const{height:height}=codeRef.getBoundingClientRect();$$invalidate(7,shouldShowMoreLessBtn="multi"===type&&height>255)}});let{$$slots:$$slots={},$$scope:$$scope}=$$props;let _class,expandCodeBtnText;return $$self.$set=$$new_props=>{$$invalidate(11,$$props=Object(internal.d)(Object(internal.d)({},$$props),Object(internal.s)($$new_props))),"class"in $$new_props&&$$invalidate(12,className=$$new_props.class),"type"in $$new_props&&$$invalidate(0,type=$$new_props.type),"feedback"in $$new_props&&$$invalidate(1,feedback=$$new_props.feedback),"copyButtonDescription"in $$new_props&&$$invalidate(2,copyButtonDescription=$$new_props.copyButtonDescription),"copyLabel"in $$new_props&&$$invalidate(3,copyLabel=$$new_props.copyLabel),"showMoreText"in $$new_props&&$$invalidate(13,showMoreText=$$new_props.showMoreText),"showLessText"in $$new_props&&$$invalidate(14,showLessText=$$new_props.showLessText),"light"in $$new_props&&$$invalidate(15,light=$$new_props.light),"props"in $$new_props&&$$invalidate(4,props=$$new_props.props),"$$scope"in $$new_props&&$$invalidate(21,$$scope=$$new_props.$$scope)},$$self.$$.update=()=>{36929&$$self.$$.dirty[0]&&$$invalidate(8,_class=Object(lib.a)("--snippet",type&&`--snippet--${type}`,expandedCode&&"--snippet--expand",light&&"--snippet--light",className)),24640&$$self.$$.dirty[0]&&$$invalidate(9,expandCodeBtnText=expandedCode?showLessText:showMoreText)},$$props=Object(internal.s)($$props),[type,feedback,copyButtonDescription,copyLabel,props,codeRef,expandedCode,shouldShowMoreLessBtn,_class,expandCodeBtnText,id,$$props,className,showMoreText,showLessText,light,$$slots,function click_handler(event){Object(internal.h)($$self,event)},function pre_binding($$value){internal.g[$$value?"unshift":"push"](()=>{$$invalidate(5,codeRef=$$value)})},function click_handler_1(event){Object(internal.h)($$self,event)},()=>{$$invalidate(6,expandedCode=!expandedCode)},$$scope]}class CodeSnippet_svelte_CodeSnippet extends internal.a{constructor(options){super(),Object(internal.y)(this,options,CodeSnippet_svelte_instance,CodeSnippet_svelte_create_fragment,internal.G,{class:12,type:0,feedback:1,copyButtonDescription:2,copyLabel:3,showMoreText:13,showLessText:14,light:15,props:4})}}var CodeSnippet_svelte=CodeSnippet_svelte_CodeSnippet;function CodeSnippet_Skeleton_svelte_create_if_block_1(ctx){let div1,div0,span0,t0,span1,t1,span2,div0_class_value,div1_levels=[ctx[1],{class:ctx[2]}],div1_data={};for(let i=0;i{"class"in $$props&&$$invalidate(3,className=$$props.class),"type"in $$props&&$$invalidate(0,type=$$props.type),"props"in $$props&&$$invalidate(1,props=$$props.props)},[type,props,_class,className]}class CodeSnippet_Skeleton_svelte_CodeSnippet_Skeleton extends internal.a{constructor(options){super(),Object(internal.y)(this,options,CodeSnippet_Skeleton_svelte_instance,CodeSnippet_Skeleton_svelte_create_fragment,internal.G,{class:3,type:0,props:1})}}var CodeSnippet_Skeleton_svelte=CodeSnippet_Skeleton_svelte_CodeSnippet_Skeleton;function create_if_block_3(ctx){let current;const codesnippet_spread_levels=[{type:"multi"},ctx[3]];let codesnippet_props={$$slots:{default:[create_default_slot_3]},$$scope:{ctx:ctx}};for(let i=0;i