@onsvisual/svelte-components 0.1.105 → 1.0.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/main.css +500 -4
- package/dist/datavis/BarChart/BarChart.stories.svelte +84 -0
- package/dist/datavis/BarChart/BarChart.stories.svelte.d.ts +23 -0
- package/dist/datavis/BarChart/docs/component.md +19 -0
- package/dist/datavis/Chart/Chart.stories.svelte +128 -0
- package/dist/datavis/Chart/Chart.stories.svelte.d.ts +23 -0
- package/dist/datavis/Chart/docs/component.md +31 -0
- package/dist/datavis/Chart/docs/example.md +28 -0
- package/dist/datavis/ColumnChart/ColumnChart.stories.svelte +84 -0
- package/dist/datavis/ColumnChart/ColumnChart.stories.svelte.d.ts +23 -0
- package/dist/datavis/ColumnChart/docs/component.md +19 -0
- package/dist/datavis/DotPlotChart/DotPlotChart.stories.svelte +40 -0
- package/dist/datavis/DotPlotChart/DotPlotChart.stories.svelte.d.ts +23 -0
- package/dist/datavis/DotPlotChart/docs/component.md +19 -0
- package/dist/datavis/LineChart/LineChart.stories.svelte +64 -0
- package/dist/datavis/LineChart/LineChart.stories.svelte.d.ts +23 -0
- package/dist/datavis/LineChart/docs/component.md +31 -0
- package/dist/datavis/ScatterChart/ScatterChart.stories.svelte +55 -0
- package/dist/datavis/ScatterChart/ScatterChart.stories.svelte.d.ts +23 -0
- package/dist/datavis/ScatterChart/docs/component.md +53 -0
- package/dist/datavis/Table/Table.stories.svelte +32 -0
- package/dist/{@types/datavis/Table/Table.svelte.d.ts → datavis/Table/Table.stories.svelte.d.ts} +2 -16
- package/dist/datavis/Table/Table.svelte +141 -149
- package/dist/datavis/Table/Table.svelte.d.ts +35 -0
- package/dist/datavis/Table/docs/component.md +20 -0
- package/dist/datavis/intro.mdx +22 -0
- package/dist/decorators/Blockquote/Blockquote.stories.svelte +25 -0
- package/dist/decorators/Blockquote/Blockquote.stories.svelte.d.ts +23 -0
- package/dist/decorators/Blockquote/Blockquote.svelte +22 -22
- package/dist/{@types/decorators → decorators}/Blockquote/Blockquote.svelte.d.ts +2 -2
- package/dist/decorators/Blockquote/docs/component.md +10 -0
- package/dist/decorators/Divider/Divider.stories.svelte +29 -0
- package/dist/decorators/Divider/Divider.stories.svelte.d.ts +23 -0
- package/dist/decorators/Divider/Divider.svelte +40 -59
- package/dist/{@types/decorators → decorators}/Divider/Divider.svelte.d.ts +10 -14
- package/dist/decorators/Divider/docs/component.md +12 -0
- package/dist/decorators/Em/Em.stories.svelte +30 -0
- package/dist/{@types/decorators/Em/Em.svelte.d.ts → decorators/Em/Em.stories.svelte.d.ts} +4 -10
- package/dist/decorators/Em/Em.svelte +42 -25
- package/dist/decorators/Em/Em.svelte.d.ts +33 -0
- package/dist/decorators/Em/docs/component.md +12 -0
- package/dist/decorators/Indent/Indent.stories.svelte +22 -0
- package/dist/decorators/Indent/Indent.stories.svelte.d.ts +23 -0
- package/dist/decorators/Indent/Indent.svelte +3 -0
- package/dist/decorators/Indent/Indent.svelte.d.ts +27 -0
- package/dist/decorators/Indent/docs/component.md +10 -0
- package/dist/{@types/index.d.ts → index.d.ts} +10 -10
- package/dist/index.js +13 -8
- package/dist/inputs/Button/Button.stories.svelte +65 -0
- package/dist/inputs/Button/Button.stories.svelte.d.ts +23 -0
- package/dist/inputs/Button/Button.svelte +113 -113
- package/dist/inputs/Button/Button.svelte.d.ts +51 -0
- package/dist/inputs/Button/Icon.svelte +44 -44
- package/dist/{@types/inputs → inputs}/Button/Icon.svelte.d.ts +6 -6
- package/dist/inputs/Button/docs/component.md +17 -0
- package/dist/inputs/Checkbox/Checkbox.stories.svelte +34 -0
- package/dist/inputs/Checkbox/Checkbox.stories.svelte.d.ts +23 -0
- package/dist/inputs/Checkbox/Checkbox.svelte +145 -152
- package/dist/{@types/inputs → inputs}/Checkbox/Checkbox.svelte.d.ts +16 -16
- package/dist/inputs/Checkbox/docs/component.md +14 -0
- package/dist/inputs/Checkboxes/Checkboxes.stories.svelte +42 -0
- package/dist/inputs/Checkboxes/Checkboxes.stories.svelte.d.ts +23 -0
- package/dist/inputs/Checkboxes/Checkboxes.svelte +29 -29
- package/dist/{@types/inputs → inputs}/Checkboxes/Checkboxes.svelte.d.ts +8 -8
- package/dist/inputs/Checkboxes/docs/component.md +20 -0
- package/dist/inputs/Checkboxes/docs/example.md +16 -0
- package/dist/inputs/Dropdown/Dropdown.stories.svelte +54 -0
- package/dist/{@types/inputs/Dropdown/Dropdown.svelte.d.ts → inputs/Dropdown/Dropdown.stories.svelte.d.ts} +2 -16
- package/dist/inputs/Dropdown/Dropdown.svelte +49 -55
- package/dist/inputs/Dropdown/Dropdown.svelte.d.ts +37 -0
- package/dist/inputs/Dropdown/docs/component.md +22 -0
- package/dist/inputs/ErrorPanel/ErrorPanel.stories.svelte +25 -0
- package/dist/inputs/ErrorPanel/ErrorPanel.stories.svelte.d.ts +23 -0
- package/dist/inputs/ErrorPanel/ErrorPanel.svelte +14 -30
- package/dist/{@types/inputs → inputs}/ErrorPanel/ErrorPanel.svelte.d.ts +2 -2
- package/dist/inputs/ErrorPanel/docs/component.md +14 -0
- package/dist/inputs/ErrorSummary/ErrorSummary.stories.svelte +34 -0
- package/dist/inputs/ErrorSummary/ErrorSummary.stories.svelte.d.ts +23 -0
- package/dist/inputs/ErrorSummary/ErrorSummary.svelte +34 -32
- package/dist/{@types/inputs → inputs}/ErrorSummary/ErrorSummary.svelte.d.ts +4 -4
- package/dist/inputs/ErrorSummary/docs/component.md +17 -0
- package/dist/inputs/ErrorSummary/docs/example.md +12 -0
- package/dist/inputs/Input/Input.stories.svelte +73 -0
- package/dist/inputs/Input/Input.stories.svelte.d.ts +23 -0
- package/dist/inputs/Input/Input.svelte +125 -156
- package/dist/inputs/Input/Input.svelte.d.ts +51 -0
- package/dist/inputs/Input/docs/component.md +16 -0
- package/dist/inputs/Radios/Radio.svelte +68 -102
- package/dist/{@types/inputs → inputs}/Radios/Radio.svelte.d.ts +6 -6
- package/dist/inputs/Radios/Radios.stories.svelte +51 -0
- package/dist/inputs/Radios/Radios.stories.svelte.d.ts +23 -0
- package/dist/inputs/Radios/Radios.svelte +38 -38
- package/dist/{@types/inputs → inputs}/Radios/Radios.svelte.d.ts +10 -10
- package/dist/inputs/Radios/docs/component.md +24 -0
- package/dist/inputs/Radios/docs/example.md +21 -0
- package/dist/inputs/Select/Select.stories.svelte +61 -0
- package/dist/inputs/Select/Select.stories.svelte.d.ts +23 -0
- package/dist/inputs/Select/Select.svelte +271 -289
- package/dist/inputs/Select/Select.svelte.d.ts +58 -0
- package/dist/inputs/Select/docs/component.md +27 -0
- package/dist/inputs/Textarea/Textarea.stories.svelte +40 -0
- package/dist/{@types/inputs/Textarea/Textarea.svelte.d.ts → inputs/Textarea/Textarea.stories.svelte.d.ts} +2 -16
- package/dist/inputs/Textarea/Textarea.svelte +93 -89
- package/dist/inputs/Textarea/Textarea.svelte.d.ts +37 -0
- package/dist/inputs/Textarea/docs/component.md +16 -0
- package/dist/intro.mdx +60 -0
- package/dist/js/menuOptions.js +14 -0
- package/dist/{@types/js → js}/utils.d.ts +8 -2
- package/dist/js/utils.js +61 -44
- package/dist/{@types/js → js}/withParams.d.ts +3 -9
- package/dist/js/withParams.js +17 -20
- package/dist/layout/Accordion/Accordion.stories.svelte +30 -0
- package/dist/{@types/layout/Accordion/Accordion.svelte.d.ts → layout/Accordion/Accordion.stories.svelte.d.ts} +4 -8
- package/dist/layout/Accordion/Accordion.svelte +49 -29
- package/dist/layout/Accordion/Accordion.svelte.d.ts +31 -0
- package/dist/layout/Accordion/AccordionItem.svelte +46 -81
- package/dist/{@types/layout → layout}/Accordion/AccordionItem.svelte.d.ts +6 -6
- package/dist/layout/Accordion/accordion.d.ts +18 -0
- package/dist/layout/Accordion/accordion.js +64 -0
- package/dist/layout/Accordion/details.d.ts +14 -0
- package/dist/layout/Accordion/details.js +83 -0
- package/dist/layout/Accordion/docs/component.md +19 -0
- package/dist/layout/AnalyticsBanner/AnalyticsBanner.stories.svelte +16 -0
- package/dist/{@types/layout/AnalyticsBanner/AnalyticsBanner.svelte.d.ts → layout/AnalyticsBanner/AnalyticsBanner.stories.svelte.d.ts} +2 -13
- package/dist/layout/AnalyticsBanner/AnalyticsBanner.svelte +284 -273
- package/dist/layout/AnalyticsBanner/AnalyticsBanner.svelte.d.ts +36 -0
- package/dist/layout/AnalyticsBanner/docs/component.md +17 -0
- package/dist/layout/BackLink/BackLink.stories.svelte +16 -0
- package/dist/layout/BackLink/BackLink.stories.svelte.d.ts +23 -0
- package/dist/layout/BackLink/BackLink.svelte +30 -0
- package/dist/layout/BackLink/BackLink.svelte.d.ts +25 -0
- package/dist/layout/BackLink/docs/component.md +12 -0
- package/dist/layout/Breadcrumb/Breadcrumb.stories.svelte +31 -0
- package/dist/layout/Breadcrumb/Breadcrumb.stories.svelte.d.ts +23 -0
- package/dist/layout/Breadcrumb/Breadcrumb.svelte +44 -67
- package/dist/{@types/layout → layout}/Breadcrumb/Breadcrumb.svelte.d.ts +6 -12
- package/dist/layout/Breadcrumb/docs/component.md +15 -0
- package/dist/layout/Card/Card.stories.svelte +39 -0
- package/dist/layout/Card/Card.stories.svelte.d.ts +23 -0
- package/dist/layout/Card/Card.svelte +120 -0
- package/dist/layout/Card/Card.svelte.d.ts +49 -0
- package/dist/layout/Card/docs/component.md +14 -0
- package/dist/layout/Card/docs/eg-images.md +27 -0
- package/dist/layout/Card/docs/eg-links.md +12 -0
- package/dist/layout/Card/docs/eg-spans.md +12 -0
- package/dist/layout/Contents/Contents.stories.svelte +27 -0
- package/dist/{@types/layout/Contents/Contents.svelte.d.ts → layout/Contents/Contents.stories.svelte.d.ts} +2 -8
- package/dist/layout/Contents/Contents.svelte +42 -40
- package/dist/layout/Contents/Contents.svelte.d.ts +29 -0
- package/dist/layout/Contents/docs/component.md +18 -0
- package/dist/layout/DescriptionList/DescriptionList.stories.svelte +22 -0
- package/dist/layout/DescriptionList/DescriptionList.stories.svelte.d.ts +23 -0
- package/dist/layout/DescriptionList/DescriptionList.svelte +48 -0
- package/dist/layout/DescriptionList/DescriptionList.svelte.d.ts +27 -0
- package/dist/layout/DescriptionList/docs/component.md +18 -0
- package/dist/layout/Details/Details.stories.svelte +32 -0
- package/dist/layout/Details/Details.stories.svelte.d.ts +23 -0
- package/dist/layout/Details/Details.svelte +70 -0
- package/dist/layout/Details/Details.svelte.d.ts +35 -0
- package/dist/layout/Details/docs/component.md +14 -0
- package/dist/layout/DocumentList/Document.svelte +103 -0
- package/dist/layout/DocumentList/Document.svelte.d.ts +39 -0
- package/dist/layout/DocumentList/DocumentList.stories.svelte +73 -0
- package/dist/layout/DocumentList/DocumentList.stories.svelte.d.ts +23 -0
- package/dist/layout/DocumentList/DocumentList.svelte +17 -0
- package/dist/layout/DocumentList/DocumentList.svelte.d.ts +27 -0
- package/dist/layout/DocumentList/docs/component.md +28 -0
- package/dist/layout/DocumentList/docs/example.md +23 -0
- package/dist/layout/ErrorPage/ErrorPage.stories.svelte +18 -0
- package/dist/{@types/layout/ErrorPage/ErrorPage.svelte.d.ts → layout/ErrorPage/ErrorPage.stories.svelte.d.ts} +2 -6
- package/dist/layout/ErrorPage/ErrorPage.svelte +45 -40
- package/dist/layout/ErrorPage/ErrorPage.svelte.d.ts +29 -0
- package/dist/layout/ErrorPage/docs/component.md +13 -0
- package/dist/layout/Footer/Footer.stories.svelte +24 -0
- package/dist/{@types/layout/Footer/Footer.svelte.d.ts → layout/Footer/Footer.stories.svelte.d.ts} +4 -12
- package/dist/layout/Footer/Footer.svelte +372 -257
- package/dist/layout/Footer/Footer.svelte.d.ts +27 -0
- package/dist/layout/Footer/docs/component.md +10 -0
- package/dist/layout/Grid/Grid.stories.svelte +50 -0
- package/dist/layout/Grid/Grid.stories.svelte.d.ts +23 -0
- package/dist/layout/Grid/Grid.svelte +110 -160
- package/dist/layout/Grid/Grid.svelte.d.ts +49 -0
- package/dist/layout/Grid/GridCell.svelte +65 -0
- package/dist/layout/Grid/GridCell.svelte.d.ts +27 -0
- package/dist/layout/Grid/docs/component.md +14 -0
- package/dist/layout/Header/Header.stories.svelte +26 -0
- package/dist/{@types/layout/Header/Header.svelte.d.ts → layout/Header/Header.stories.svelte.d.ts} +4 -20
- package/dist/layout/Header/Header.svelte +842 -612
- package/dist/layout/Header/Header.svelte.d.ts +39 -0
- package/dist/layout/Header/docs/component.md +11 -0
- package/dist/layout/Hero/Hero.stories.svelte +77 -0
- package/dist/layout/Hero/Hero.stories.svelte.d.ts +23 -0
- package/dist/layout/Hero/Hero.svelte +350 -80
- package/dist/layout/Hero/Hero.svelte.d.ts +55 -0
- package/dist/layout/Hero/docs/component.md +14 -0
- package/dist/layout/Highlight/Highlight.stories.svelte +29 -0
- package/dist/layout/Highlight/Highlight.stories.svelte.d.ts +23 -0
- package/dist/layout/Highlight/Highlight.svelte +78 -66
- package/dist/layout/Highlight/Highlight.svelte.d.ts +45 -0
- package/dist/layout/Highlight/docs/component.md +12 -0
- package/dist/layout/Image/Image.stories.svelte +23 -0
- package/dist/layout/Image/Image.stories.svelte.d.ts +23 -0
- package/dist/layout/Image/Image.svelte +24 -0
- package/dist/layout/Image/Image.svelte.d.ts +27 -0
- package/dist/layout/Image/docs/component.md +15 -0
- package/dist/layout/List/Li.svelte +3 -0
- package/dist/layout/List/Li.svelte.d.ts +27 -0
- package/dist/layout/List/List.stories.svelte +40 -0
- package/dist/{@types/layout/List/List.svelte.d.ts → layout/List/List.stories.svelte.d.ts} +4 -8
- package/dist/layout/List/List.svelte +34 -25
- package/dist/layout/List/List.svelte.d.ts +29 -0
- package/dist/layout/List/docs/component.md +14 -0
- package/dist/layout/List/docs/example.md +12 -0
- package/dist/layout/NavSections/NavSection.svelte +66 -66
- package/dist/{@types/layout → layout}/NavSections/NavSection.svelte.d.ts +10 -10
- package/dist/layout/NavSections/NavSections.stories.svelte +48 -0
- package/dist/layout/NavSections/NavSections.stories.svelte.d.ts +23 -0
- package/dist/layout/NavSections/NavSections.svelte +135 -183
- package/dist/{@types/layout → layout}/NavSections/NavSections.svelte.d.ts +14 -24
- package/dist/layout/NavSections/docs/component.md +27 -0
- package/dist/layout/Notice/Notice.stories.svelte +61 -0
- package/dist/layout/Notice/Notice.stories.svelte.d.ts +23 -0
- package/dist/layout/Notice/Notice.svelte +45 -54
- package/dist/{@types/layout → layout}/Notice/Notice.svelte.d.ts +2 -6
- package/dist/layout/Notice/docs/component.md +14 -0
- package/dist/layout/PhaseBanner/PhaseBanner.stories.svelte +24 -0
- package/dist/{@types/layout/PhaseBanner/PhaseBanner.svelte.d.ts → layout/PhaseBanner/PhaseBanner.stories.svelte.d.ts} +2 -4
- package/dist/layout/PhaseBanner/PhaseBanner.svelte +56 -35
- package/dist/layout/PhaseBanner/PhaseBanner.svelte.d.ts +25 -0
- package/dist/layout/PhaseBanner/docs/component.md +14 -0
- package/dist/layout/RelatedContent/RelatedContent.stories.svelte +36 -0
- package/dist/{@types/layout/RelatedContent/RelatedContent.svelte.d.ts → layout/RelatedContent/RelatedContent.stories.svelte.d.ts} +2 -2
- package/dist/layout/RelatedContent/RelatedContent.svelte +44 -54
- package/dist/layout/RelatedContent/RelatedContent.svelte.d.ts +31 -0
- package/dist/layout/RelatedContent/docs/component.md +16 -0
- package/dist/layout/Scroller/Scroller.stories.svelte +61 -0
- package/dist/layout/Scroller/Scroller.stories.svelte.d.ts +23 -0
- package/dist/layout/Scroller/Scroller.svelte +341 -331
- package/dist/{@types/layout → layout}/Scroller/Scroller.svelte.d.ts +22 -20
- package/dist/layout/Scroller/ScrollerSection.svelte +54 -73
- package/dist/{@types/layout → layout}/Scroller/ScrollerSection.svelte.d.ts +6 -12
- package/dist/layout/Scroller/docs/component.md +41 -0
- package/dist/layout/Section/Section.stories.svelte +33 -0
- package/dist/layout/Section/Section.stories.svelte.d.ts +23 -0
- package/dist/layout/Section/Section.svelte +53 -77
- package/dist/layout/Section/Section.svelte.d.ts +41 -0
- package/dist/layout/Section/docs/component.md +12 -0
- package/dist/layout/ShareButtons/ShareButtons.stories.svelte +20 -0
- package/dist/layout/ShareButtons/ShareButtons.stories.svelte.d.ts +23 -0
- package/dist/layout/ShareButtons/ShareButtons.svelte +118 -175
- package/dist/{@types/layout → layout}/ShareButtons/ShareButtons.svelte.d.ts +6 -14
- package/dist/layout/ShareButtons/docs/component.md +14 -0
- package/dist/layout/SkipLink/SkipLink.stories.svelte +16 -0
- package/dist/{@types/layout/SkipLink/SkipLink.svelte.d.ts → layout/SkipLink/SkipLink.stories.svelte.d.ts} +2 -2
- package/dist/layout/SkipLink/SkipLink.svelte +6 -6
- package/dist/layout/SkipLink/SkipLink.svelte.d.ts +23 -0
- package/dist/layout/SkipLink/docs/component.md +11 -0
- package/dist/layout/Summary/Summary.stories.svelte +21 -0
- package/dist/{@types/layout/Summary/Summary.svelte.d.ts → layout/Summary/Summary.stories.svelte.d.ts} +2 -4
- package/dist/layout/Summary/Summary.svelte +50 -46
- package/dist/layout/Summary/Summary.svelte.d.ts +31 -0
- package/dist/layout/Summary/docs/component.md +17 -0
- package/dist/layout/Tabs/Tab.svelte +42 -42
- package/dist/{@types/layout → layout}/Tabs/Tab.svelte.d.ts +6 -6
- package/dist/layout/Tabs/Tabs.stories.svelte +29 -0
- package/dist/layout/Tabs/Tabs.stories.svelte.d.ts +23 -0
- package/dist/layout/Tabs/Tabs.svelte +71 -97
- package/dist/{@types/layout → layout}/Tabs/Tabs.svelte.d.ts +6 -6
- package/dist/layout/Tabs/docs/component.md +16 -0
- package/dist/layout/Tabs/tabs.d.ts +43 -0
- package/dist/layout/Tabs/tabs.js +302 -0
- package/dist/templates/EmbedArticle/EmbedArticle.stories.svelte +72 -0
- package/dist/templates/EmbedArticle/EmbedArticle.stories.svelte.d.ts +23 -0
- package/dist/templates/EmbedArticle/docs/component.md +56 -0
- package/dist/templates/FeatureArticle/FeatureArticle.stories.svelte +151 -0
- package/dist/templates/FeatureArticle/FeatureArticle.stories.svelte.d.ts +23 -0
- package/dist/templates/FeatureArticle/docs/component.md +125 -0
- package/dist/templates/StandardArticle/StandardArticle.stories.svelte +86 -0
- package/dist/templates/StandardArticle/StandardArticle.stories.svelte.d.ts +23 -0
- package/dist/templates/StandardArticle/docs/component.md +76 -0
- package/dist/templates/intro.mdx +19 -0
- package/dist/wrappers/Container/Container.stories.svelte +38 -0
- package/dist/wrappers/Container/Container.stories.svelte.d.ts +23 -0
- package/dist/wrappers/Container/Container.svelte +61 -140
- package/dist/wrappers/Container/Container.svelte.d.ts +39 -0
- package/dist/wrappers/Container/docs/component.md +10 -0
- package/dist/wrappers/Embed/Embed.stories.svelte +24 -0
- package/dist/wrappers/Embed/Embed.stories.svelte.d.ts +23 -0
- package/dist/wrappers/Embed/Embed.svelte +33 -32
- package/dist/{@types/wrappers → wrappers}/Embed/Embed.svelte.d.ts +4 -4
- package/dist/wrappers/Embed/docs/component.md +15 -0
- package/dist/wrappers/LazyLoad/LazyLoad.stories.svelte +37 -0
- package/dist/wrappers/LazyLoad/LazyLoad.stories.svelte.d.ts +23 -0
- package/dist/wrappers/LazyLoad/LazyLoad.svelte +34 -35
- package/dist/{@types/wrappers → wrappers}/LazyLoad/LazyLoad.svelte.d.ts +6 -6
- package/dist/wrappers/LazyLoad/docs/component.md +29 -0
- package/dist/wrappers/Main/Main.stories.svelte +24 -0
- package/dist/wrappers/Main/Main.stories.svelte.d.ts +23 -0
- package/dist/wrappers/Main/Main.svelte +10 -3
- package/dist/{@types/wrappers → wrappers}/Main/Main.svelte.d.ts +2 -4
- package/dist/wrappers/Main/docs/component.md +16 -0
- package/dist/wrappers/Observe/Observe.stories.svelte +29 -0
- package/dist/wrappers/Observe/Observe.stories.svelte.d.ts +23 -0
- package/dist/wrappers/Observe/Observe.svelte +24 -24
- package/dist/{@types/wrappers → wrappers}/Observe/Observe.svelte.d.ts +2 -2
- package/dist/wrappers/Observe/docs/component.md +22 -0
- package/dist/wrappers/Theme/Theme.stories.svelte +70 -0
- package/dist/{@types/wrappers/Theme/Theme.svelte.d.ts → wrappers/Theme/Theme.stories.svelte.d.ts} +4 -20
- package/dist/wrappers/Theme/Theme.svelte +64 -101
- package/dist/wrappers/Theme/Theme.svelte.d.ts +37 -0
- package/dist/wrappers/Theme/docs/component.md +10 -0
- package/dist/wrappers/Theme/themes.d.ts +143 -0
- package/dist/wrappers/Theme/themes.js +68 -27
- package/package.json +82 -195
- package/dist/@types/actions/cssVariables/index.d.ts +0 -4
- package/dist/@types/actions/resizeObserver/index.d.ts +0 -4
- package/dist/@types/inputs/AccessibleSelect/AccessibleSelect.svelte.d.ts +0 -58
- package/dist/@types/inputs/Button/Button.svelte.d.ts +0 -51
- package/dist/@types/inputs/Input/Input.svelte.d.ts +0 -51
- package/dist/@types/inputs/Select/Select.svelte.d.ts +0 -77
- package/dist/@types/js/docsPage.d.ts +0 -25
- package/dist/@types/layout/Backlink/Backlink.svelte.d.ts +0 -23
- package/dist/@types/layout/Cards/Card.svelte.d.ts +0 -49
- package/dist/@types/layout/Cards/Cards.svelte.d.ts +0 -51
- package/dist/@types/layout/Footer/ONSLogo.svelte.d.ts +0 -29
- package/dist/@types/layout/Grid/Grid.svelte.d.ts +0 -53
- package/dist/@types/layout/Header/ONSLogo.svelte.d.ts +0 -31
- package/dist/@types/layout/Hero/Hero.svelte.d.ts +0 -47
- package/dist/@types/layout/Highlight/Highlight.svelte.d.ts +0 -43
- package/dist/@types/layout/NavSections/SectionBacklink.svelte.d.ts +0 -23
- package/dist/@types/layout/Section/Section.svelte.d.ts +0 -47
- package/dist/@types/layout/Survey/Survey.svelte.d.ts +0 -23
- package/dist/@types/layout/Survey/init-survey.d.ts +0 -1
- package/dist/@types/layout/Titleblock/Meta.svelte.d.ts +0 -23
- package/dist/@types/layout/Titleblock/Titleblock.svelte.d.ts +0 -53
- package/dist/@types/layout/Twisty/Twisty.svelte.d.ts +0 -33
- package/dist/@types/wrappers/Container/Container.svelte.d.ts +0 -45
- package/dist/@types/wrappers/Theme/themes.d.ts +0 -29
- package/dist/actions/cssVariables/index.js +0 -20
- package/dist/actions/resizeObserver/index.js +0 -25
- package/dist/globals.d.ts +0 -23
- package/dist/inputs/AccessibleSelect/AccessibleSelect.svelte +0 -280
- package/dist/inputs/AccessibleSelect/options.js +0 -263
- package/dist/js/docsPage.js +0 -13
- package/dist/layout/Backlink/Backlink.svelte +0 -32
- package/dist/layout/Cards/Card.svelte +0 -99
- package/dist/layout/Cards/Cards.svelte +0 -95
- package/dist/layout/Footer/ONSLogo.svelte +0 -150
- package/dist/layout/Header/ONSLogo.svelte +0 -148
- package/dist/layout/NavSections/SectionBacklink.svelte +0 -31
- package/dist/layout/Survey/Survey.svelte +0 -96
- package/dist/layout/Survey/init-survey.js +0 -230
- package/dist/layout/Titleblock/Meta.svelte +0 -26
- package/dist/layout/Titleblock/Titleblock.svelte +0 -147
- package/dist/layout/Twisty/Twisty.svelte +0 -56
- /package/dist/{@types/datavis/shared → datavis/demo-data}/data-scatter.d.ts +0 -0
- /package/dist/datavis/{shared → demo-data}/data-scatter.js +0 -0
- /package/dist/{@types/datavis/shared → datavis/demo-data}/data.d.ts +0 -0
- /package/dist/datavis/{shared → demo-data}/data.js +0 -0
- /package/dist/{@types/inputs/AccessibleSelect/options.d.ts → js/menuOptions.d.ts} +0 -0
|
@@ -1,280 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
// @ts-nocheck
|
|
3
|
-
|
|
4
|
-
import { onMount, createEventDispatcher } from "svelte";
|
|
5
|
-
|
|
6
|
-
const dispatch = createEventDispatcher();
|
|
7
|
-
const sleep = (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
|
|
8
|
-
const chevron = (opts) =>
|
|
9
|
-
`<svg class="${opts?.className}" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 11.75 7.7" width="18" style="z-index:1"><path fill="currentColor" d="m1.37.15 4.5 5.1 4.5-5.1a.37.37 0 0 1 .6 0l.7.7a.45.45 0 0 1 0 .5l-5.5 6.2a.37.37 0 0 1-.6 0l-5.5-6.1a.64.64 0 0 1 0-.6l.7-.7a.64.64 0 0 1 .6 0Z"></path></svg>`;
|
|
10
|
-
|
|
11
|
-
let inputElement;
|
|
12
|
-
let scriptLoaded;
|
|
13
|
-
let accessibleAutocomplete;
|
|
14
|
-
let hideMenu = false;
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Unique id for the element
|
|
18
|
-
* @type {string}
|
|
19
|
-
*/
|
|
20
|
-
export let id = "autocomplete";
|
|
21
|
-
/**
|
|
22
|
-
* The mode can be either "default" or "search"
|
|
23
|
-
* @type {"default"|"search"}
|
|
24
|
-
*/
|
|
25
|
-
export let mode = "default";
|
|
26
|
-
/**
|
|
27
|
-
* Defines whether the selection can be cleared
|
|
28
|
-
* @type {boolean}
|
|
29
|
-
*/
|
|
30
|
-
export let clearable = mode !== "search";
|
|
31
|
-
/**
|
|
32
|
-
* Clear value on selection (default for "search" mode)
|
|
33
|
-
* @type {boolean}
|
|
34
|
-
*/
|
|
35
|
-
export let autoClear = mode === "search";
|
|
36
|
-
/**
|
|
37
|
-
* A label to describe the element (expected for accessibility)
|
|
38
|
-
* @type {string}
|
|
39
|
-
*/
|
|
40
|
-
export let label = mode === "search" ? "Type to select" : "Select an option";
|
|
41
|
-
/**
|
|
42
|
-
* Visually hide the label
|
|
43
|
-
* @type {boolean}
|
|
44
|
-
*/
|
|
45
|
-
export let hideLabel = false;
|
|
46
|
-
/**
|
|
47
|
-
* An optional placeholder text
|
|
48
|
-
* @type {string}
|
|
49
|
-
*/
|
|
50
|
-
export let placeholder = mode === "search" ? "Enter text" : "Select one";
|
|
51
|
-
/**
|
|
52
|
-
* A prop to bind to for the selected value
|
|
53
|
-
* @type {object}
|
|
54
|
-
*/
|
|
55
|
-
export let value = null;
|
|
56
|
-
/**
|
|
57
|
-
* An array of options, formatted {id, label}
|
|
58
|
-
* @type {array}
|
|
59
|
-
*/
|
|
60
|
-
export let options = [];
|
|
61
|
-
/**
|
|
62
|
-
* The attribute of an option that defines its label/name
|
|
63
|
-
* @type {string}
|
|
64
|
-
*/
|
|
65
|
-
export let labelKey = "label";
|
|
66
|
-
/**
|
|
67
|
-
* The attribute of an option that defines its group (optional)
|
|
68
|
-
* @type {string|null}
|
|
69
|
-
*/
|
|
70
|
-
export let groupKey = null;
|
|
71
|
-
/**
|
|
72
|
-
* Optional: Minimum query length to return results
|
|
73
|
-
* @type {number}
|
|
74
|
-
*/
|
|
75
|
-
export let minLength = mode === "search" ? 1 : 0;
|
|
76
|
-
/**
|
|
77
|
-
* Optional: Override function for loading/filtering options based on the entered text
|
|
78
|
-
* @type {function}
|
|
79
|
-
*/
|
|
80
|
-
export let loadOptions = (query, populateResults) => {
|
|
81
|
-
const filteredResults =
|
|
82
|
-
mode !== "search" && options.map((opt) => opt[labelKey]).includes(query)
|
|
83
|
-
? options
|
|
84
|
-
: options.filter((opt) =>
|
|
85
|
-
opt[labelKey].match(new RegExp(`\\b${query.replace(/[^\w\s]/gi, "")}`, "i"))
|
|
86
|
-
);
|
|
87
|
-
populateResults(filteredResults);
|
|
88
|
-
};
|
|
89
|
-
/**
|
|
90
|
-
* Optional: Override the default CDN URL for the accessible-autocomplete script
|
|
91
|
-
* @type {string}
|
|
92
|
-
*/
|
|
93
|
-
export let scriptUrl =
|
|
94
|
-
"https://cdn.ons.gov.uk/vendor/accessible-autocomplete/3.0.1/accessible-autocomplete.min.js";
|
|
95
|
-
|
|
96
|
-
// This clearing method is a bit of a hack, but no better options available at present
|
|
97
|
-
// https://github.com/alphagov/accessible-autocomplete/issues/390
|
|
98
|
-
/**
|
|
99
|
-
* Call this function externally to clear the input
|
|
100
|
-
* @type {function}
|
|
101
|
-
*/
|
|
102
|
-
export async function clearInput() {
|
|
103
|
-
hideMenu = true;
|
|
104
|
-
inputElement.value = "";
|
|
105
|
-
await sleep(110);
|
|
106
|
-
inputElement.focus({ preventScroll: true });
|
|
107
|
-
inputElement.blur();
|
|
108
|
-
hideMenu = false;
|
|
109
|
-
dispatch("clear", value);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
function inputValueTemplate(result) {
|
|
113
|
-
return result && result[labelKey];
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
function highlight(text, query = "") {
|
|
117
|
-
return text.replace(
|
|
118
|
-
new RegExp(`\\b${query.replace(/[^\w\s]/gi, "")}`, "i"),
|
|
119
|
-
(str) => `<b>${str}</b>`
|
|
120
|
-
);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
function suggestionTemplate(result) {
|
|
124
|
-
const query = inputElement?.value || "";
|
|
125
|
-
return (
|
|
126
|
-
result &&
|
|
127
|
-
(groupKey
|
|
128
|
-
? `${highlight(result?.[labelKey] || "", query)} <span class="muted-text">${
|
|
129
|
-
result[groupKey]
|
|
130
|
-
}</span>`
|
|
131
|
-
: highlight(result?.[labelKey] || "", query))
|
|
132
|
-
);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
async function select(option) {
|
|
136
|
-
value = option;
|
|
137
|
-
dispatch("change", value);
|
|
138
|
-
if (value && autoClear) {
|
|
139
|
-
await sleep(0);
|
|
140
|
-
clearInput();
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
function inputChange(e) {
|
|
145
|
-
if (!e.target.value) select(null);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
function handleScriptLoad() {
|
|
149
|
-
if (!scriptLoaded && window?.accessibleAutocomplete) {
|
|
150
|
-
accessibleAutocomplete = window.accessibleAutocomplete;
|
|
151
|
-
scriptLoaded = true;
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
function initAutocomplete(element) {
|
|
156
|
-
accessibleAutocomplete({
|
|
157
|
-
element,
|
|
158
|
-
id,
|
|
159
|
-
name: `${id}-input`,
|
|
160
|
-
source: loadOptions,
|
|
161
|
-
defaultValue: value?.[labelKey] || "",
|
|
162
|
-
autoselect: true,
|
|
163
|
-
onConfirm: select,
|
|
164
|
-
confirmOnBlur: false,
|
|
165
|
-
placeholder,
|
|
166
|
-
displayMenu: "overlay",
|
|
167
|
-
showAllValues: mode === "default",
|
|
168
|
-
dropdownArrow: chevron,
|
|
169
|
-
minLength,
|
|
170
|
-
templates: {
|
|
171
|
-
inputValue: inputValueTemplate,
|
|
172
|
-
suggestion: suggestionTemplate,
|
|
173
|
-
},
|
|
174
|
-
});
|
|
175
|
-
inputElement = document.getElementById(id);
|
|
176
|
-
inputElement.addEventListener("blur", inputChange);
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
onMount(handleScriptLoad);
|
|
180
|
-
</script>
|
|
181
|
-
|
|
182
|
-
<svelte:head>
|
|
183
|
-
<script src="{scriptUrl}" on:load="{handleScriptLoad}"></script>
|
|
184
|
-
</svelte:head>
|
|
185
|
-
|
|
186
|
-
<div class="ons-field">
|
|
187
|
-
{#if label}<label for="{id}" class="ons-label" class:ons-u-vh="{hideLabel}">{label}</label>{/if}
|
|
188
|
-
<div class="ons-autocomplete-wrapper">
|
|
189
|
-
{#if scriptLoaded}
|
|
190
|
-
<div
|
|
191
|
-
id="{id}-container"
|
|
192
|
-
class="ons-autocomplete"
|
|
193
|
-
class:hide-menu="{hideMenu}"
|
|
194
|
-
use:initAutocomplete
|
|
195
|
-
></div>
|
|
196
|
-
{#if clearable && !autoClear && value}
|
|
197
|
-
<button
|
|
198
|
-
type="reset"
|
|
199
|
-
title="Clear selection"
|
|
200
|
-
aria-label="Clear selection"
|
|
201
|
-
on:click="{clearInput}"
|
|
202
|
-
class="ons-autocomplete-clear"
|
|
203
|
-
>
|
|
204
|
-
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 14 14" width="18">
|
|
205
|
-
<path
|
|
206
|
-
fill="currentColor"
|
|
207
|
-
d="M13.6 1 l -0.71 -0.71 a 0.5 0.5 0 0 0 -0.71 0 l -5.25 5.25 l -5.25 -5.25 a 0.51 0.51 0 0 0 -0.71 0 l -0.71 0.71 a 0.5 0.5 0 0 0 0 0.71 l 5.25 5.25 l -5.25 5.25 a 0.5 0.5 0 0 0 0 0.71 l 0.71 0.71 a 0.5 0.5 0 0 0 0.71 0 l 5.25 -5.25 l 5.25 5.25 a 0.5 0.5 0 0 0 0.71 0 l 0.71 -0.71 a 0.5 0.5 0 0 0 0 -0.71 l -5.25 -5.25 l 5.25 -5.25 a 0.5 0.5 0 0 0 0 -0.71Z"
|
|
208
|
-
></path>
|
|
209
|
-
</svg>
|
|
210
|
-
</button>
|
|
211
|
-
{/if}
|
|
212
|
-
{/if}
|
|
213
|
-
</div>
|
|
214
|
-
</div>
|
|
215
|
-
|
|
216
|
-
<style>
|
|
217
|
-
.ons-autocomplete-wrapper {
|
|
218
|
-
position: relative;
|
|
219
|
-
}
|
|
220
|
-
.ons-autocomplete-clear {
|
|
221
|
-
position: absolute;
|
|
222
|
-
display: flex;
|
|
223
|
-
align-items: center;
|
|
224
|
-
align-content: center;
|
|
225
|
-
z-index: 1;
|
|
226
|
-
right: 3px;
|
|
227
|
-
top: calc(50% - 14px);
|
|
228
|
-
height: 28px;
|
|
229
|
-
width: 28px;
|
|
230
|
-
border: none;
|
|
231
|
-
background: white;
|
|
232
|
-
}
|
|
233
|
-
.ons-autocomplete-clear:focus {
|
|
234
|
-
outline: 3px solid #fbc900 !important;
|
|
235
|
-
}
|
|
236
|
-
.hide-menu :global(.autocomplete__menu) {
|
|
237
|
-
display: none;
|
|
238
|
-
}
|
|
239
|
-
.ons-autocomplete :global(.autocomplete__input) {
|
|
240
|
-
border-radius: 3px !important;
|
|
241
|
-
border-width: 1px !important;
|
|
242
|
-
background: white;
|
|
243
|
-
}
|
|
244
|
-
.ons-autocomplete :global(.autocomplete__input--focused) {
|
|
245
|
-
box-shadow: inset 0 0 0 1px black !important;
|
|
246
|
-
outline-color: #fbc900 !important;
|
|
247
|
-
}
|
|
248
|
-
.ons-autocomplete :global(.autocomplete__dropdown-arrow-down) {
|
|
249
|
-
width: 18px !important;
|
|
250
|
-
transform: translateY(-2px);
|
|
251
|
-
}
|
|
252
|
-
.ons-autocomplete :global(.muted-text) {
|
|
253
|
-
opacity: 0.8;
|
|
254
|
-
font-size: smaller;
|
|
255
|
-
}
|
|
256
|
-
.ons-autocomplete-wrapper :global(*) {
|
|
257
|
-
font-size: 18px;
|
|
258
|
-
}
|
|
259
|
-
.ons-autocomplete-wrapper :global(.autocomplete__hint),
|
|
260
|
-
.ons-autocomplete-wrapper :global(.autocomplete__input) {
|
|
261
|
-
height: 40px;
|
|
262
|
-
}
|
|
263
|
-
.ons-autocomplete-wrapper :global(.autocomplete__option) {
|
|
264
|
-
margin: 0;
|
|
265
|
-
}
|
|
266
|
-
.ons-autocomplete-wrapper :global(.autocomplete__menu) {
|
|
267
|
-
transform: translateY(5px);
|
|
268
|
-
border: 1px solid currentColor;
|
|
269
|
-
border-radius: 3px;
|
|
270
|
-
}
|
|
271
|
-
.ons-autocomplete-wrapper :global(.autocomplete__option--focused),
|
|
272
|
-
.ons-autocomplete-wrapper :global(.autocomplete__option:hover) {
|
|
273
|
-
background-color: var(--ons-color-branded-secondary, #003c57);
|
|
274
|
-
}
|
|
275
|
-
.ons-autocomplete-wrapper :global(.autocomplete__option:focus) {
|
|
276
|
-
outline: none !important;
|
|
277
|
-
}
|
|
278
|
-
.ons-autocomplete-wrapper :global(input) {
|
|
279
|
-
padding: 0 35px 0 8px;
|
|
280
|
-
}</style>
|
|
@@ -1,263 +0,0 @@
|
|
|
1
|
-
export default [
|
|
2
|
-
{ id: "AF", label: "Afghanistan", group: "Asia" },
|
|
3
|
-
{ id: "AX", label: "Åland Islands", group: "Europe" },
|
|
4
|
-
{ id: "AL", label: "Albania", group: "Europe" },
|
|
5
|
-
{ id: "DZ", label: "Algeria", group: "Africa" },
|
|
6
|
-
{ id: "AS", label: "American Samoa", group: "Oceania" },
|
|
7
|
-
{ id: "AD", label: "Andorra", group: "Europe" },
|
|
8
|
-
{ id: "AO", label: "Angola", group: "Africa" },
|
|
9
|
-
{ id: "AI", label: "Anguilla", group: "Americas" },
|
|
10
|
-
{ id: "AQ", label: "Antarctica", group: "" },
|
|
11
|
-
{ id: "AG", label: "Antigua and Barbuda", group: "Americas" },
|
|
12
|
-
{ id: "AR", label: "Argentina", group: "Americas" },
|
|
13
|
-
{ id: "AM", label: "Armenia", group: "Asia" },
|
|
14
|
-
{ id: "AW", label: "Aruba", group: "Americas" },
|
|
15
|
-
{ id: "AU", label: "Australia", group: "Oceania" },
|
|
16
|
-
{ id: "AT", label: "Austria", group: "Europe" },
|
|
17
|
-
{ id: "AZ", label: "Azerbaijan", group: "Asia" },
|
|
18
|
-
{ id: "BS", label: "Bahamas", group: "Americas" },
|
|
19
|
-
{ id: "BH", label: "Bahrain", group: "Asia" },
|
|
20
|
-
{ id: "BD", label: "Bangladesh", group: "Asia" },
|
|
21
|
-
{ id: "BB", label: "Barbados", group: "Americas" },
|
|
22
|
-
{ id: "BY", label: "Belarus", group: "Europe" },
|
|
23
|
-
{ id: "BE", label: "Belgium", group: "Europe" },
|
|
24
|
-
{ id: "BZ", label: "Belize", group: "Americas" },
|
|
25
|
-
{ id: "BJ", label: "Benin", group: "Africa" },
|
|
26
|
-
{ id: "BM", label: "Bermuda", group: "Americas" },
|
|
27
|
-
{ id: "BT", label: "Bhutan", group: "Asia" },
|
|
28
|
-
{ id: "BO", label: "Bolivia, Plurinational State of", group: "Americas" },
|
|
29
|
-
{ id: "BQ", label: "Bonaire, Sint Eustatius and Saba", group: "Americas" },
|
|
30
|
-
{ id: "BA", label: "Bosnia and Herzegovina", group: "Europe" },
|
|
31
|
-
{ id: "BW", label: "Botswana", group: "Africa" },
|
|
32
|
-
{ id: "BV", label: "Bouvet Island", group: "Americas" },
|
|
33
|
-
{ id: "BR", label: "Brazil", group: "Americas" },
|
|
34
|
-
{ id: "IO", label: "British Indian Ocean Territory", group: "Africa" },
|
|
35
|
-
{ id: "BN", label: "Brunei Darussalam", group: "Asia" },
|
|
36
|
-
{ id: "BG", label: "Bulgaria", group: "Europe" },
|
|
37
|
-
{ id: "BF", label: "Burkina Faso", group: "Africa" },
|
|
38
|
-
{ id: "BI", label: "Burundi", group: "Africa" },
|
|
39
|
-
{ id: "CV", label: "Cabo Verde", group: "Africa" },
|
|
40
|
-
{ id: "KH", label: "Cambodia", group: "Asia" },
|
|
41
|
-
{ id: "CM", label: "Cameroon", group: "Africa" },
|
|
42
|
-
{ id: "CA", label: "Canada", group: "Americas" },
|
|
43
|
-
{ id: "KY", label: "Cayman Islands", group: "Americas" },
|
|
44
|
-
{ id: "CF", label: "Central African Republic", group: "Africa" },
|
|
45
|
-
{ id: "TD", label: "Chad", group: "Africa" },
|
|
46
|
-
{ id: "CL", label: "Chile", group: "Americas" },
|
|
47
|
-
{ id: "CN", label: "China", group: "Asia" },
|
|
48
|
-
{ id: "CX", label: "Christmas Island", group: "Oceania" },
|
|
49
|
-
{ id: "CC", label: "Cocos (Keeling) Islands", group: "Oceania" },
|
|
50
|
-
{ id: "CO", label: "Colombia", group: "Americas" },
|
|
51
|
-
{ id: "KM", label: "Comoros", group: "Africa" },
|
|
52
|
-
{ id: "CG", label: "Congo", group: "Africa" },
|
|
53
|
-
{ id: "CD", label: "Congo, Democratic Republic of the", group: "Africa" },
|
|
54
|
-
{ id: "CK", label: "Cook Islands", group: "Oceania" },
|
|
55
|
-
{ id: "CR", label: "Costa Rica", group: "Americas" },
|
|
56
|
-
{ id: "CI", label: "Côte d'Ivoire", group: "Africa" },
|
|
57
|
-
{ id: "HR", label: "Croatia", group: "Europe" },
|
|
58
|
-
{ id: "CU", label: "Cuba", group: "Americas" },
|
|
59
|
-
{ id: "CW", label: "Curaçao", group: "Americas" },
|
|
60
|
-
{ id: "CY", label: "Cyprus", group: "Asia" },
|
|
61
|
-
{ id: "CZ", label: "Czechia", group: "Europe" },
|
|
62
|
-
{ id: "DK", label: "Denmark", group: "Europe" },
|
|
63
|
-
{ id: "DJ", label: "Djibouti", group: "Africa" },
|
|
64
|
-
{ id: "DM", label: "Dominica", group: "Americas" },
|
|
65
|
-
{ id: "DO", label: "Dominican Republic", group: "Americas" },
|
|
66
|
-
{ id: "EC", label: "Ecuador", group: "Americas" },
|
|
67
|
-
{ id: "EG", label: "Egypt", group: "Africa" },
|
|
68
|
-
{ id: "SV", label: "El Salvador", group: "Americas" },
|
|
69
|
-
{ id: "GQ", label: "Equatorial Guinea", group: "Africa" },
|
|
70
|
-
{ id: "ER", label: "Eritrea", group: "Africa" },
|
|
71
|
-
{ id: "EE", label: "Estonia", group: "Europe" },
|
|
72
|
-
{ id: "SZ", label: "Eswatini", group: "Africa" },
|
|
73
|
-
{ id: "ET", label: "Ethiopia", group: "Africa" },
|
|
74
|
-
{ id: "FK", label: "Falkland Islands (Malvinas)", group: "Americas" },
|
|
75
|
-
{ id: "FO", label: "Faroe Islands", group: "Europe" },
|
|
76
|
-
{ id: "FJ", label: "Fiji", group: "Oceania" },
|
|
77
|
-
{ id: "FI", label: "Finland", group: "Europe" },
|
|
78
|
-
{ id: "FR", label: "France", group: "Europe" },
|
|
79
|
-
{ id: "GF", label: "French Guiana", group: "Americas" },
|
|
80
|
-
{ id: "PF", label: "French Polynesia", group: "Oceania" },
|
|
81
|
-
{ id: "TF", label: "French Southern Territories", group: "Africa" },
|
|
82
|
-
{ id: "GA", label: "Gabon", group: "Africa" },
|
|
83
|
-
{ id: "GM", label: "Gambia", group: "Africa" },
|
|
84
|
-
{ id: "GE", label: "Georgia", group: "Asia" },
|
|
85
|
-
{ id: "DE", label: "Germany", group: "Europe" },
|
|
86
|
-
{ id: "GH", label: "Ghana", group: "Africa" },
|
|
87
|
-
{ id: "GI", label: "Gibraltar", group: "Europe" },
|
|
88
|
-
{ id: "GR", label: "Greece", group: "Europe" },
|
|
89
|
-
{ id: "GL", label: "Greenland", group: "Americas" },
|
|
90
|
-
{ id: "GD", label: "Grenada", group: "Americas" },
|
|
91
|
-
{ id: "GP", label: "Guadeloupe", group: "Americas" },
|
|
92
|
-
{ id: "GU", label: "Guam", group: "Oceania" },
|
|
93
|
-
{ id: "GT", label: "Guatemala", group: "Americas" },
|
|
94
|
-
{ id: "GG", label: "Guernsey", group: "Europe" },
|
|
95
|
-
{ id: "GN", label: "Guinea", group: "Africa" },
|
|
96
|
-
{ id: "GW", label: "Guinea-Bissau", group: "Africa" },
|
|
97
|
-
{ id: "GY", label: "Guyana", group: "Americas" },
|
|
98
|
-
{ id: "HT", label: "Haiti", group: "Americas" },
|
|
99
|
-
{ id: "HM", label: "Heard Island and McDonald Islands", group: "Oceania" },
|
|
100
|
-
{ id: "VA", label: "Holy See", group: "Europe" },
|
|
101
|
-
{ id: "HN", label: "Honduras", group: "Americas" },
|
|
102
|
-
{ id: "HK", label: "Hong Kong", group: "Asia" },
|
|
103
|
-
{ id: "HU", label: "Hungary", group: "Europe" },
|
|
104
|
-
{ id: "IS", label: "Iceland", group: "Europe" },
|
|
105
|
-
{ id: "IN", label: "India", group: "Asia" },
|
|
106
|
-
{ id: "ID", label: "Indonesia", group: "Asia" },
|
|
107
|
-
{ id: "IR", label: "Iran, Islamic Republic of", group: "Asia" },
|
|
108
|
-
{ id: "IQ", label: "Iraq", group: "Asia" },
|
|
109
|
-
{ id: "IE", label: "Ireland", group: "Europe" },
|
|
110
|
-
{ id: "IM", label: "Isle of Man", group: "Europe" },
|
|
111
|
-
{ id: "IL", label: "Israel", group: "Asia" },
|
|
112
|
-
{ id: "IT", label: "Italy", group: "Europe" },
|
|
113
|
-
{ id: "JM", label: "Jamaica", group: "Americas" },
|
|
114
|
-
{ id: "JP", label: "Japan", group: "Asia" },
|
|
115
|
-
{ id: "JE", label: "Jersey", group: "Europe" },
|
|
116
|
-
{ id: "JO", label: "Jordan", group: "Asia" },
|
|
117
|
-
{ id: "KZ", label: "Kazakhstan", group: "Asia" },
|
|
118
|
-
{ id: "KE", label: "Kenya", group: "Africa" },
|
|
119
|
-
{ id: "KI", label: "Kiribati", group: "Oceania" },
|
|
120
|
-
{ id: "KP", label: "Korea, Democratic People's Republic of", group: "Asia" },
|
|
121
|
-
{ id: "KR", label: "Korea, Republic of", group: "Asia" },
|
|
122
|
-
{ id: "KW", label: "Kuwait", group: "Asia" },
|
|
123
|
-
{ id: "KG", label: "Kyrgyzstan", group: "Asia" },
|
|
124
|
-
{ id: "LA", label: "Lao People's Democratic Republic", group: "Asia" },
|
|
125
|
-
{ id: "LV", label: "Latvia", group: "Europe" },
|
|
126
|
-
{ id: "LB", label: "Lebanon", group: "Asia" },
|
|
127
|
-
{ id: "LS", label: "Lesotho", group: "Africa" },
|
|
128
|
-
{ id: "LR", label: "Liberia", group: "Africa" },
|
|
129
|
-
{ id: "LY", label: "Libya", group: "Africa" },
|
|
130
|
-
{ id: "LI", label: "Liechtenstein", group: "Europe" },
|
|
131
|
-
{ id: "LT", label: "Lithuania", group: "Europe" },
|
|
132
|
-
{ id: "LU", label: "Luxembourg", group: "Europe" },
|
|
133
|
-
{ id: "MO", label: "Macao", group: "Asia" },
|
|
134
|
-
{ id: "MG", label: "Madagascar", group: "Africa" },
|
|
135
|
-
{ id: "MW", label: "Malawi", group: "Africa" },
|
|
136
|
-
{ id: "MY", label: "Malaysia", group: "Asia" },
|
|
137
|
-
{ id: "MV", label: "Maldives", group: "Asia" },
|
|
138
|
-
{ id: "ML", label: "Mali", group: "Africa" },
|
|
139
|
-
{ id: "MT", label: "Malta", group: "Europe" },
|
|
140
|
-
{ id: "MH", label: "Marshall Islands", group: "Oceania" },
|
|
141
|
-
{ id: "MQ", label: "Martinique", group: "Americas" },
|
|
142
|
-
{ id: "MR", label: "Mauritania", group: "Africa" },
|
|
143
|
-
{ id: "MU", label: "Mauritius", group: "Africa" },
|
|
144
|
-
{ id: "YT", label: "Mayotte", group: "Africa" },
|
|
145
|
-
{ id: "MX", label: "Mexico", group: "Americas" },
|
|
146
|
-
{ id: "FM", label: "Micronesia, Federated States of", group: "Oceania" },
|
|
147
|
-
{ id: "MD", label: "Moldova, Republic of", group: "Europe" },
|
|
148
|
-
{ id: "MC", label: "Monaco", group: "Europe" },
|
|
149
|
-
{ id: "MN", label: "Mongolia", group: "Asia" },
|
|
150
|
-
{ id: "ME", label: "Montenegro", group: "Europe" },
|
|
151
|
-
{ id: "MS", label: "Montserrat", group: "Americas" },
|
|
152
|
-
{ id: "MA", label: "Morocco", group: "Africa" },
|
|
153
|
-
{ id: "MZ", label: "Mozambique", group: "Africa" },
|
|
154
|
-
{ id: "MM", label: "Myanmar", group: "Asia" },
|
|
155
|
-
{ id: "NA", label: "Namibia", group: "Africa" },
|
|
156
|
-
{ id: "NR", label: "Nauru", group: "Oceania" },
|
|
157
|
-
{ id: "NP", label: "Nepal", group: "Asia" },
|
|
158
|
-
{ id: "NL", label: "Netherlands, Kingdom of the", group: "Europe" },
|
|
159
|
-
{ id: "NC", label: "New Caledonia", group: "Oceania" },
|
|
160
|
-
{ id: "NZ", label: "New Zealand", group: "Oceania" },
|
|
161
|
-
{ id: "NI", label: "Nicaragua", group: "Americas" },
|
|
162
|
-
{ id: "NE", label: "Niger", group: "Africa" },
|
|
163
|
-
{ id: "NG", label: "Nigeria", group: "Africa" },
|
|
164
|
-
{ id: "NU", label: "Niue", group: "Oceania" },
|
|
165
|
-
{ id: "NF", label: "Norfolk Island", group: "Oceania" },
|
|
166
|
-
{ id: "MK", label: "North Macedonia", group: "Europe" },
|
|
167
|
-
{ id: "MP", label: "Northern Mariana Islands", group: "Oceania" },
|
|
168
|
-
{ id: "NO", label: "Norway", group: "Europe" },
|
|
169
|
-
{ id: "OM", label: "Oman", group: "Asia" },
|
|
170
|
-
{ id: "PK", label: "Pakistan", group: "Asia" },
|
|
171
|
-
{ id: "PW", label: "Palau", group: "Oceania" },
|
|
172
|
-
{ id: "PS", label: "Palestine, State of", group: "Asia" },
|
|
173
|
-
{ id: "PA", label: "Panama", group: "Americas" },
|
|
174
|
-
{ id: "PG", label: "Papua New Guinea", group: "Oceania" },
|
|
175
|
-
{ id: "PY", label: "Paraguay", group: "Americas" },
|
|
176
|
-
{ id: "PE", label: "Peru", group: "Americas" },
|
|
177
|
-
{ id: "PH", label: "Philippines", group: "Asia" },
|
|
178
|
-
{ id: "PN", label: "Pitcairn", group: "Oceania" },
|
|
179
|
-
{ id: "PL", label: "Poland", group: "Europe" },
|
|
180
|
-
{ id: "PT", label: "Portugal", group: "Europe" },
|
|
181
|
-
{ id: "PR", label: "Puerto Rico", group: "Americas" },
|
|
182
|
-
{ id: "QA", label: "Qatar", group: "Asia" },
|
|
183
|
-
{ id: "RE", label: "Réunion", group: "Africa" },
|
|
184
|
-
{ id: "RO", label: "Romania", group: "Europe" },
|
|
185
|
-
{ id: "RU", label: "Russian Federation", group: "Europe" },
|
|
186
|
-
{ id: "RW", label: "Rwanda", group: "Africa" },
|
|
187
|
-
{ id: "BL", label: "Saint Barthélemy", group: "Americas" },
|
|
188
|
-
{
|
|
189
|
-
id: "SH",
|
|
190
|
-
label: "Saint Helena, Ascension and Tristan da Cunha",
|
|
191
|
-
group: "Africa",
|
|
192
|
-
},
|
|
193
|
-
{ id: "KN", label: "Saint Kitts and Nevis", group: "Americas" },
|
|
194
|
-
{ id: "LC", label: "Saint Lucia", group: "Americas" },
|
|
195
|
-
{ id: "MF", label: "Saint Martin (French part)", group: "Americas" },
|
|
196
|
-
{ id: "PM", label: "Saint Pierre and Miquelon", group: "Americas" },
|
|
197
|
-
{ id: "VC", label: "Saint Vincent and the Grenadines", group: "Americas" },
|
|
198
|
-
{ id: "WS", label: "Samoa", group: "Oceania" },
|
|
199
|
-
{ id: "SM", label: "San Marino", group: "Europe" },
|
|
200
|
-
{ id: "ST", label: "Sao Tome and Principe", group: "Africa" },
|
|
201
|
-
{ id: "SA", label: "Saudi Arabia", group: "Asia" },
|
|
202
|
-
{ id: "SN", label: "Senegal", group: "Africa" },
|
|
203
|
-
{ id: "RS", label: "Serbia", group: "Europe" },
|
|
204
|
-
{ id: "SC", label: "Seychelles", group: "Africa" },
|
|
205
|
-
{ id: "SL", label: "Sierra Leone", group: "Africa" },
|
|
206
|
-
{ id: "SG", label: "Singapore", group: "Asia" },
|
|
207
|
-
{ id: "SX", label: "Sint Maarten (Dutch part)", group: "Americas" },
|
|
208
|
-
{ id: "SK", label: "Slovakia", group: "Europe" },
|
|
209
|
-
{ id: "SI", label: "Slovenia", group: "Europe" },
|
|
210
|
-
{ id: "SB", label: "Solomon Islands", group: "Oceania" },
|
|
211
|
-
{ id: "SO", label: "Somalia", group: "Africa" },
|
|
212
|
-
{ id: "ZA", label: "South Africa", group: "Africa" },
|
|
213
|
-
{
|
|
214
|
-
id: "GS",
|
|
215
|
-
label: "South Georgia and the South Sandwich Islands",
|
|
216
|
-
group: "Americas",
|
|
217
|
-
},
|
|
218
|
-
{ id: "SS", label: "South Sudan", group: "Africa" },
|
|
219
|
-
{ id: "ES", label: "Spain", group: "Europe" },
|
|
220
|
-
{ id: "LK", label: "Sri Lanka", group: "Asia" },
|
|
221
|
-
{ id: "SD", label: "Sudan", group: "Africa" },
|
|
222
|
-
{ id: "SR", label: "Suriname", group: "Americas" },
|
|
223
|
-
{ id: "SJ", label: "Svalbard and Jan Mayen", group: "Europe" },
|
|
224
|
-
{ id: "SE", label: "Sweden", group: "Europe" },
|
|
225
|
-
{ id: "CH", label: "Switzerland", group: "Europe" },
|
|
226
|
-
{ id: "SY", label: "Syrian Arab Republic", group: "Asia" },
|
|
227
|
-
{ id: "TW", label: "Taiwan, Province of China", group: "" },
|
|
228
|
-
{ id: "TJ", label: "Tajikistan", group: "Asia" },
|
|
229
|
-
{ id: "TZ", label: "Tanzania, United Republic of", group: "Africa" },
|
|
230
|
-
{ id: "TH", label: "Thailand", group: "Asia" },
|
|
231
|
-
{ id: "TL", label: "Timor-Leste", group: "Asia" },
|
|
232
|
-
{ id: "TG", label: "Togo", group: "Africa" },
|
|
233
|
-
{ id: "TK", label: "Tokelau", group: "Oceania" },
|
|
234
|
-
{ id: "TO", label: "Tonga", group: "Oceania" },
|
|
235
|
-
{ id: "TT", label: "Trinidad and Tobago", group: "Americas" },
|
|
236
|
-
{ id: "TN", label: "Tunisia", group: "Africa" },
|
|
237
|
-
{ id: "TR", label: "Türkiye", group: "Asia" },
|
|
238
|
-
{ id: "TM", label: "Turkmenistan", group: "Asia" },
|
|
239
|
-
{ id: "TC", label: "Turks and Caicos Islands", group: "Americas" },
|
|
240
|
-
{ id: "TV", label: "Tuvalu", group: "Oceania" },
|
|
241
|
-
{ id: "UG", label: "Uganda", group: "Africa" },
|
|
242
|
-
{ id: "UA", label: "Ukraine", group: "Europe" },
|
|
243
|
-
{ id: "AE", label: "United Arab Emirates", group: "Asia" },
|
|
244
|
-
{
|
|
245
|
-
id: "GB",
|
|
246
|
-
label: "United Kingdom of Great Britain and Northern Ireland",
|
|
247
|
-
group: "Europe",
|
|
248
|
-
},
|
|
249
|
-
{ id: "US", label: "United States of America", group: "Americas" },
|
|
250
|
-
{ id: "UM", label: "United States Minor Outlying Islands", group: "Oceania" },
|
|
251
|
-
{ id: "UY", label: "Uruguay", group: "Americas" },
|
|
252
|
-
{ id: "UZ", label: "Uzbekistan", group: "Asia" },
|
|
253
|
-
{ id: "VU", label: "Vanuatu", group: "Oceania" },
|
|
254
|
-
{ id: "VE", label: "Venezuela, Bolivarian Republic of", group: "Americas" },
|
|
255
|
-
{ id: "VN", label: "Viet Nam", group: "Asia" },
|
|
256
|
-
{ id: "VG", label: "Virgin Islands (British)", group: "Americas" },
|
|
257
|
-
{ id: "VI", label: "Virgin Islands (U.S.)", group: "Americas" },
|
|
258
|
-
{ id: "WF", label: "Wallis and Futuna", group: "Oceania" },
|
|
259
|
-
{ id: "EH", label: "Western Sahara", group: "Africa" },
|
|
260
|
-
{ id: "YE", label: "Yemen", group: "Asia" },
|
|
261
|
-
{ id: "ZM", label: "Zambia", group: "Africa" },
|
|
262
|
-
{ id: "ZW", label: "Zimbabwe", group: "Africa" },
|
|
263
|
-
];
|
package/dist/js/docsPage.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export const parameters = {
|
|
2
|
-
viewMode: "docs",
|
|
3
|
-
previewTabs: {
|
|
4
|
-
canvas: { hidden: true },
|
|
5
|
-
},
|
|
6
|
-
toolbar: {
|
|
7
|
-
zoom: { hidden: true },
|
|
8
|
-
eject: { hidden: true },
|
|
9
|
-
fullscreen: { hidden: true },
|
|
10
|
-
"storybook/background": { hidden: true },
|
|
11
|
-
"storybook/outline": { hidden: true },
|
|
12
|
-
},
|
|
13
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
/**
|
|
3
|
-
* URL for previous page
|
|
4
|
-
* @type {string}
|
|
5
|
-
*/
|
|
6
|
-
export let href = "#0";
|
|
7
|
-
</script>
|
|
8
|
-
|
|
9
|
-
<nav class="ons-breadcrumb" aria-label="Back">
|
|
10
|
-
<ol class="ons-breadcrumb__items ons-u-fs-s">
|
|
11
|
-
<li class="ons-breadcrumb__item" id="breadcrumb-1">
|
|
12
|
-
<a class="ons-breadcrumb__link" href="{href}" id="back">Back</a>
|
|
13
|
-
<svg
|
|
14
|
-
class="ons-svg-icon"
|
|
15
|
-
viewBox="0 0 8 13"
|
|
16
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
-
focusable="false"
|
|
18
|
-
fill="currentColor"
|
|
19
|
-
>
|
|
20
|
-
<path
|
|
21
|
-
d="M5.74,14.28l-.57-.56a.5.5,0,0,1,0-.71h0l5-5-5-5a.5.5,0,0,1,0-.71h0l.57-.56a.5.5,0,0,1,.71,0h0l5.93,5.93a.5.5,0,0,1,0,.7L6.45,14.28a.5.5,0,0,1-.71,0Z"
|
|
22
|
-
transform="translate(-5.02 -1.59)"></path>
|
|
23
|
-
</svg>
|
|
24
|
-
</li>
|
|
25
|
-
</ol>
|
|
26
|
-
</nav>
|
|
27
|
-
|
|
28
|
-
<style>
|
|
29
|
-
.ons-svg-icon {
|
|
30
|
-
color: currentColor;
|
|
31
|
-
fill: currentColor;
|
|
32
|
-
}</style>
|