@nldd/design-system 0.8.64 → 0.8.65
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/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +7 -6
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +9 -5
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.js +3 -2
- package/dist/components/actions/button-bar/button-bar.js.map +1 -1
- package/dist/components/actions/button-group/button-group.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.js +3 -2
- package/dist/components/actions/button-group/button-group.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +4 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +13 -5
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +15 -10
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +2 -0
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +1 -0
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +33 -15
- package/dist/components/actions/menu/menu.js.map +1 -1
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.styles.js +8 -0
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.js +5 -4
- package/dist/components/actions/split-button/split-button.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +11 -0
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +112 -40
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +3 -12
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +104 -102
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +0 -3
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/byline/byline.d.ts.map +1 -1
- package/dist/components/content/byline/byline.js +3 -2
- package/dist/components/content/byline/byline.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.d.ts +24 -64
- package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.js +239 -156
- package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +33 -92
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.template.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.template.js +10 -29
- package/dist/components/content/code-viewer/code-viewer.template.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +22 -1
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +18 -0
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +3 -2
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.js +7 -6
- package/dist/components/content/image/image.js.map +1 -1
- package/dist/components/content/image/image.styles.d.ts.map +1 -1
- package/dist/components/content/image/image.styles.js +2 -6
- package/dist/components/content/image/image.styles.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +8 -7
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +5 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +3 -2
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.d.ts.map +1 -1
- package/dist/components/content/tag/tag.js +5 -4
- package/dist/components/content/tag/tag.js.map +1 -1
- package/dist/components/content/title/title.d.ts.map +1 -1
- package/dist/components/content/title/title.js +2 -1
- package/dist/components/content/title/title.js.map +1 -1
- package/dist/components/content/token/token.d.ts +70 -0
- package/dist/components/content/token/token.d.ts.map +1 -0
- package/dist/components/content/token/token.js +170 -0
- package/dist/components/content/token/token.js.map +1 -0
- package/dist/components/content/token/token.styles.d.ts.map +1 -0
- package/dist/components/content/token/token.styles.js +122 -0
- package/dist/components/content/token/token.styles.js.map +1 -0
- package/dist/components/content/token/token.template.d.ts +6 -0
- package/dist/components/content/token/token.template.d.ts.map +1 -0
- package/dist/components/content/token/token.template.js +47 -0
- package/dist/components/content/token/token.template.js.map +1 -0
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +14 -5
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.js +11 -0
- package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
- package/dist/components/gherkin-DhZlEZiy.js +115 -0
- package/dist/components/index-BI4lrehT.js +66595 -0
- package/dist/components/index-BcdqzZql.js +703 -0
- package/dist/components/index-BlMqctke.js +81 -0
- package/dist/components/index-BseMFLNF.js +688 -0
- package/dist/components/index-ChjtFo6I.js +177 -0
- package/dist/components/index-D3NSlPL5.js +405 -0
- package/dist/components/index-D7B3n3QJ.js +384 -0
- package/dist/components/index.d.ts +20 -18
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +20 -18
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.d.ts +58 -29
- package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.js +241 -52
- package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js +58 -46
- package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.template.d.ts +1 -1
- package/dist/components/inputs/code-editor/code-editor.template.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.template.js +5 -22
- package/dist/components/inputs/code-editor/code-editor.template.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +15 -4
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +53 -9
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.js +2 -1
- package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +6 -5
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +8 -11
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +2 -1
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +3 -2
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +2 -1
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +10 -9
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +70 -36
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +2 -1
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +2 -1
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.d.ts +51 -0
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.js +148 -0
- package/dist/components/inputs/text-editor/text-editor.annotation-sentinels.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.annotations.d.ts +47 -0
- package/dist/components/inputs/text-editor/text-editor.annotations.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.annotations.js +327 -0
- package/dist/components/inputs/text-editor/text-editor.annotations.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.caret.d.ts +13 -0
- package/dist/components/inputs/text-editor/text-editor.caret.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.caret.js +27 -0
- package/dist/components/inputs/text-editor/text-editor.caret.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.commands.d.ts +61 -0
- package/dist/components/inputs/text-editor/text-editor.commands.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.commands.js +376 -0
- package/dist/components/inputs/text-editor/text-editor.commands.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.d.ts +241 -0
- package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.drag.d.ts +30 -0
- package/dist/components/inputs/text-editor/text-editor.drag.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.drag.js +231 -0
- package/dist/components/inputs/text-editor/text-editor.drag.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.i18n.d.ts +8 -0
- package/dist/components/inputs/text-editor/text-editor.i18n.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.i18n.js +13 -0
- package/dist/components/inputs/text-editor/text-editor.i18n.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.js +782 -0
- package/dist/components/inputs/text-editor/text-editor.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.links.d.ts +18 -0
- package/dist/components/inputs/text-editor/text-editor.links.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.links.js +147 -0
- package/dist/components/inputs/text-editor/text-editor.links.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.markdown.d.ts +20 -0
- package/dist/components/inputs/text-editor/text-editor.markdown.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.markdown.js +372 -0
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.mentions.d.ts +32 -0
- package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.mentions.js +153 -0
- package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts +12 -0
- package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js +85 -0
- package/dist/components/inputs/text-editor/text-editor.ordered-list.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.styles.d.ts +2 -0
- package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.styles.js +592 -0
- package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.template.d.ts +4 -0
- package/dist/components/inputs/text-editor/text-editor.template.d.ts.map +1 -0
- package/dist/components/inputs/text-editor/text-editor.template.js +7 -0
- package/dist/components/inputs/text-editor/text-editor.template.js.map +1 -0
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +3 -2
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +4 -3
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +14 -10
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js +5 -4
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
- package/dist/components/inputs/token-field/token-field.d.ts +257 -0
- package/dist/components/inputs/token-field/token-field.d.ts.map +1 -0
- package/dist/components/inputs/token-field/token-field.i18n.d.ts +9 -0
- package/dist/components/inputs/token-field/token-field.i18n.d.ts.map +1 -0
- package/dist/components/inputs/token-field/token-field.i18n.js +8 -0
- package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -0
- package/dist/components/inputs/token-field/token-field.js +877 -0
- package/dist/components/inputs/token-field/token-field.js.map +1 -0
- package/dist/components/inputs/token-field/token-field.styles.d.ts +2 -0
- package/dist/components/inputs/token-field/token-field.styles.d.ts.map +1 -0
- package/dist/components/inputs/token-field/token-field.styles.js +194 -0
- package/dist/components/inputs/token-field/token-field.styles.js.map +1 -0
- package/dist/components/inputs/token-field/token-field.template.d.ts +8 -0
- package/dist/components/inputs/token-field/token-field.template.d.ts.map +1 -0
- package/dist/components/inputs/token-field/token-field.template.js +136 -0
- package/dist/components/inputs/token-field/token-field.template.js.map +1 -0
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +2 -1
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/box/box.d.ts.map +1 -1
- package/dist/components/layout/box/box.js +2 -1
- package/dist/components/layout/box/box.js.map +1 -1
- package/dist/components/layout/box/box.styles.d.ts.map +1 -1
- package/dist/components/layout/box/box.styles.js +1 -6
- package/dist/components/layout/box/box.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +5 -0
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +17 -1
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +18 -17
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +2 -1
- package/dist/components/layout/page-footer/page-footer.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.d.ts +7 -23
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.js +12 -73
- package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.styles.js +13 -159
- package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -1
- package/dist/components/layout/popover/popover.d.ts +1 -0
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +14 -1
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.styles.js +11 -0
- package/dist/components/layout/popover/popover.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +1 -1
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +16 -6
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +60 -83
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.js +2 -1
- package/dist/components/layout/spacer/spacer.js.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.js +0 -1
- package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.d.ts.map +1 -1
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.js +2 -1
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.js.map +1 -1
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +10 -10
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +11 -2
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.js +4 -3
- package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.js +3 -2
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +2 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +3 -2
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +10 -9
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +3 -2
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +9 -8
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +5 -4
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.js +3 -2
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +2 -1
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.js +4 -3
- package/dist/components/lists-and-tables/table/table.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js +2 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +5 -4
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts.map +1 -1
- package/dist/components/navigation/link/link.js +2 -1
- package/dist/components/navigation/link/link.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +2 -1
- package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +4 -3
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.d.ts.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.js +2 -1
- package/dist/components/navigation/skip-link/skip-link.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +7 -0
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +31 -5
- package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +74 -78
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.js +8 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +7 -6
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +5 -4
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/shell-BlsXDxCn.js +222 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +4 -3
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +0 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +4 -3
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.d.ts +0 -1
- package/dist/components/status-and-feedback/banner/banner.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.js +13 -13
- package/dist/components/status-and-feedback/banner/banner.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +5 -4
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +35 -4
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +11 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +4 -3
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js +9 -8
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +0 -6
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js +8 -7
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +0 -2
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.js +3 -2
- package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
- package/dist/components/toml-BOuWGMcf.js +76 -0
- package/dist/css/fouc.css +30 -0
- package/dist/css/global.css +1 -0
- package/dist/css/rich-text.css +0 -5
- package/dist/css/settings.css +25 -10
- package/dist/utilities/codemirror/codemirror-element.d.ts +66 -0
- package/dist/utilities/codemirror/codemirror-element.d.ts.map +1 -0
- package/dist/utilities/codemirror/codemirror-element.js +121 -0
- package/dist/utilities/codemirror/codemirror-element.js.map +1 -0
- package/dist/utilities/codemirror/languages.d.ts +4 -0
- package/dist/utilities/codemirror/languages.d.ts.map +1 -0
- package/dist/utilities/codemirror/languages.js +39 -0
- package/dist/utilities/codemirror/languages.js.map +1 -0
- package/dist/utilities/codemirror/theme.d.ts +4 -0
- package/dist/utilities/codemirror/theme.d.ts.map +1 -0
- package/dist/utilities/codemirror/theme.js +84 -0
- package/dist/utilities/codemirror/theme.js.map +1 -0
- package/dist/utilities/dismiss-from-title-bar.d.ts +19 -0
- package/dist/utilities/dismiss-from-title-bar.d.ts.map +1 -0
- package/dist/utilities/dismiss-from-title-bar.js +21 -0
- package/dist/utilities/dismiss-from-title-bar.js.map +1 -0
- package/dist/utilities/reflect-non-default.d.ts +30 -0
- package/dist/utilities/reflect-non-default.d.ts.map +1 -0
- package/dist/utilities/reflect-non-default.js +34 -0
- package/dist/utilities/reflect-non-default.js.map +1 -0
- package/package.json +92 -68
- package/dist/components/index-BNhqNvDd.js +0 -36784
- package/dist/components/inputs/token/token.d.ts +0 -42
- package/dist/components/inputs/token/token.d.ts.map +0 -1
- package/dist/components/inputs/token/token.js +0 -86
- package/dist/components/inputs/token/token.js.map +0 -1
- package/dist/components/inputs/token/token.styles.d.ts.map +0 -1
- package/dist/components/inputs/token/token.styles.js +0 -142
- package/dist/components/inputs/token/token.styles.js.map +0 -1
- package/dist/components/inputs/token/token.template.d.ts +0 -4
- package/dist/components/inputs/token/token.template.d.ts.map +0 -1
- package/dist/components/inputs/token/token.template.js +0 -41
- package/dist/components/inputs/token/token.template.js.map +0 -1
- package/dist/components/prism-bash-vbqaw3JR.js +0 -226
- package/dist/components/prism-css-B93tXdOU.js +0 -59
- package/dist/components/prism-gherkin-CMPYyXOQ.js +0 -82
- package/dist/components/prism-javascript-DeC_17Pw.js +0 -140
- package/dist/components/prism-json-DIMpow89.js +0 -25
- package/dist/components/prism-markdown-D-uFBkiz.js +0 -339
- package/dist/components/prism-markup-DfJYPYHA.js +0 -177
- package/dist/components/prism-python--N285k7w.js +0 -99
- package/dist/components/prism-rust-Cnm1tSdo.js +0 -157
- package/dist/components/prism-sql-BGqCBMyJ.js +0 -33
- package/dist/components/prism-toml-Ubdq-a5x.js +0 -45
- package/dist/components/prism-typescript-BPJAiB1s.js +0 -87
- package/dist/components/prism-yaml-DO0f9pf6.js +0 -71
- /package/dist/components/{inputs → content}/token/token.styles.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;AAEpE,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAsB;IAE5C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,gBAAgB,CAAS;IAGjC,IAAI,EAAE,gBAAgB,CAAY;IAGlC,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,KAAK,SAAQ;IAGb,IAAI,SAAM;IAEV,mBAAmB;IAEnB,IAAI,SAAM;IAEV;4FACwF;IAExF,IAAI,SAAM;IAGV,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,eAAe,SAAM;IAErB,wDAAwD;IACxD,IAAI,QAAQ,IAAI,OAAO,CAStB;IAED,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,gBAAgB,CAAS;IAExB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA0B/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAItE,kBAAkB,IAAI,IAAI;IAK1B,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMlC,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,eAAe;IAQvB;;;OAGG;IACH,MAAM,IAAI,IAAI;IAML,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
|
|
@@ -29,6 +29,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
29
29
|
};
|
|
30
30
|
import { LitElement } from 'lit';
|
|
31
31
|
import { customElement, property } from 'lit/decorators.js';
|
|
32
|
+
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
32
33
|
import { toggleButtonStyles } from './toggle-button.styles.js';
|
|
33
34
|
import { toggleButtonTemplate } from './toggle-button.template.js';
|
|
34
35
|
import './../../content/icon/icon.js';
|
|
@@ -147,7 +148,7 @@ __decorate([
|
|
|
147
148
|
property({ type: String, reflect: true })
|
|
148
149
|
], NLDDToggleButton.prototype, "type", void 0);
|
|
149
150
|
__decorate([
|
|
150
|
-
property({
|
|
151
|
+
property({ reflect: true, converter: reflectNonDefault('md') })
|
|
151
152
|
], NLDDToggleButton.prototype, "size", void 0);
|
|
152
153
|
__decorate([
|
|
153
154
|
property({ type: Boolean, reflect: true })
|
|
@@ -162,13 +163,13 @@ __decorate([
|
|
|
162
163
|
property({ type: String, reflect: true })
|
|
163
164
|
], NLDDToggleButton.prototype, "name", void 0);
|
|
164
165
|
__decorate([
|
|
165
|
-
property({
|
|
166
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
166
167
|
], NLDDToggleButton.prototype, "text", void 0);
|
|
167
168
|
__decorate([
|
|
168
169
|
property({ type: String })
|
|
169
170
|
], NLDDToggleButton.prototype, "icon", void 0);
|
|
170
171
|
__decorate([
|
|
171
|
-
property({
|
|
172
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
172
173
|
], NLDDToggleButton.prototype, "variant", void 0);
|
|
173
174
|
__decorate([
|
|
174
175
|
property({ type: String, attribute: 'accessible-label' })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"toggle-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,yBA2M9B,CAAC"}
|
|
@@ -11,11 +11,12 @@ export const toggleButtonStyles = css `
|
|
|
11
11
|
:host {
|
|
12
12
|
--_corner-radius: var(--semantics-controls-md-corner-radius);
|
|
13
13
|
--_min-size: var(--semantics-controls-md-min-size);
|
|
14
|
-
--
|
|
14
|
+
--_block-padding: var(--semantics-controls-md-block-padding);
|
|
15
|
+
--_inline-padding: var(--semantics-buttons-md-inline-padding);
|
|
15
16
|
--_gap: var(--semantics-buttons-md-gap);
|
|
16
17
|
--_font: var(--semantics-buttons-md-primary-text-font);
|
|
17
18
|
--_icon-size: var(--semantics-buttons-md-icon-size);
|
|
18
|
-
--_icon-only-icon-size: var(--semantics-buttons-md-icon-only-icon-size);
|
|
19
|
+
--_icon-only-icon-size: var(--semantics-buttons-md-is-icon-only-icon-size);
|
|
19
20
|
--_highlight-border-color: var(--semantics-buttons-neutral-tinted-highlight-border-color);
|
|
20
21
|
--_is-hovered-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-hovered-highlight-border-color);
|
|
21
22
|
--_is-active-highlight-border-color: var(--semantics-buttons-neutral-tinted-is-active-highlight-border-color);
|
|
@@ -36,27 +37,30 @@ export const toggleButtonStyles = css `
|
|
|
36
37
|
:host([size="xs"]) {
|
|
37
38
|
--_corner-radius: var(--semantics-controls-xs-corner-radius);
|
|
38
39
|
--_min-size: var(--semantics-controls-xs-min-size);
|
|
39
|
-
--
|
|
40
|
+
--_block-padding: var(--semantics-controls-xs-block-padding);
|
|
41
|
+
--_inline-padding: var(--semantics-buttons-xs-inline-padding);
|
|
40
42
|
--_gap: var(--semantics-buttons-xs-gap);
|
|
41
43
|
--_font: var(--semantics-buttons-xs-primary-text-font);
|
|
42
44
|
--_icon-size: var(--semantics-buttons-xs-icon-size);
|
|
43
|
-
--_icon-only-icon-size: var(--semantics-buttons-xs-icon-only-icon-size);
|
|
45
|
+
--_icon-only-icon-size: var(--semantics-buttons-xs-is-icon-only-icon-size);
|
|
44
46
|
}
|
|
45
47
|
|
|
46
48
|
:host([size="sm"]) {
|
|
47
49
|
--_corner-radius: var(--semantics-controls-sm-corner-radius);
|
|
48
50
|
--_min-size: var(--semantics-controls-sm-min-size);
|
|
49
|
-
--
|
|
51
|
+
--_block-padding: var(--semantics-controls-sm-block-padding);
|
|
52
|
+
--_inline-padding: var(--semantics-buttons-sm-inline-padding);
|
|
50
53
|
--_gap: var(--semantics-buttons-sm-gap);
|
|
51
54
|
--_font: var(--semantics-buttons-sm-primary-text-font);
|
|
52
55
|
--_icon-size: var(--semantics-buttons-sm-icon-size);
|
|
53
|
-
--_icon-only-icon-size: var(--semantics-buttons-sm-icon-only-icon-size);
|
|
56
|
+
--_icon-only-icon-size: var(--semantics-buttons-sm-is-icon-only-icon-size);
|
|
54
57
|
}
|
|
55
58
|
|
|
56
59
|
:host([size="lg"]) {
|
|
57
60
|
--_corner-radius: var(--semantics-controls-lg-corner-radius);
|
|
58
61
|
--_min-size: var(--semantics-controls-lg-min-size);
|
|
59
|
-
--
|
|
62
|
+
--_block-padding: var(--semantics-controls-lg-block-padding);
|
|
63
|
+
--_inline-padding: var(--semantics-buttons-lg-inline-padding);
|
|
60
64
|
--_gap: var(--semantics-buttons-lg-gap);
|
|
61
65
|
--_font: var(--semantics-buttons-lg-primary-text-font);
|
|
62
66
|
--_icon-size: var(--semantics-buttons-lg-icon-size);
|
|
@@ -97,7 +101,7 @@ export const toggleButtonStyles = css `
|
|
|
97
101
|
|
|
98
102
|
.toggle-button:has(.toggle-button__text) {
|
|
99
103
|
width: auto;
|
|
100
|
-
padding: var(--
|
|
104
|
+
padding: var(--_block-padding) var(--_inline-padding);
|
|
101
105
|
}
|
|
102
106
|
|
|
103
107
|
@media (hover: hover) {
|
|
@@ -171,7 +175,7 @@ export const toggleButtonStyles = css `
|
|
|
171
175
|
}
|
|
172
176
|
|
|
173
177
|
:host([size="lg"][variant="icon-and-text"]) .toggle-button,
|
|
174
|
-
:host([size="lg"][variant
|
|
178
|
+
:host([size="lg"]:not([variant])) .toggle-button:has(.toggle-button__text):has(.toggle-button__icon) {
|
|
175
179
|
width: auto;
|
|
176
180
|
padding: var(--primitives-space-8);
|
|
177
181
|
gap: var(--primitives-space-2);
|
|
@@ -179,7 +183,7 @@ export const toggleButtonStyles = css `
|
|
|
179
183
|
}
|
|
180
184
|
|
|
181
185
|
:host([size="lg"][variant="icon-and-text"]) .toggle-button__text,
|
|
182
|
-
:host([size="lg"][variant
|
|
186
|
+
:host([size="lg"]:not([variant])) .toggle-button:has(.toggle-button__icon) .toggle-button__text {
|
|
183
187
|
font: var(--_stacked-text-font);
|
|
184
188
|
}
|
|
185
189
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBjC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmLrB,CAAC"}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* @attr {'xs' | 'sm' | 'md'} size - Forwarded to all buttons (default: 'md')
|
|
16
16
|
* @attr {boolean} disabled - Disables all buttons
|
|
17
17
|
* @attr {string} accessible-label - Accessible name for the group (aria-label)
|
|
18
|
-
* @attr {string} accessible-
|
|
18
|
+
* @attr {string} accessible-labelled-by - ID of an external label element (aria-labelledby)
|
|
19
19
|
*
|
|
20
20
|
* @slot - nldd-toggle-button elements
|
|
21
21
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button-group/toggle-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button-group/toggle-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE5F,KAAK,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAEjD,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,0BAA2B;IAGjD,IAAI,EAAE,SAAS,CAAc;IAG7B,IAAI,SAAM;IAGV,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,QAAQ,UAAS;IAEjB,iEAAiE;IAEjE,eAAe,SAAM;IAErB,sFAAsF;IAEtF,oBAAoB,SAAM;IAEjB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,SAAS;IAIR,YAAY,IAAI,IAAI;IAKpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAuB1D,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,cAAc,CAgCpB;IAEK,aAAa,QAAO,IAAI,CAE7B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,0BAA0B,EAAE,qBAAqB,CAAC;KAClD;CACD"}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* @attr {'xs' | 'sm' | 'md'} size - Forwarded to all buttons (default: 'md')
|
|
16
16
|
* @attr {boolean} disabled - Disables all buttons
|
|
17
17
|
* @attr {string} accessible-label - Accessible name for the group (aria-label)
|
|
18
|
-
* @attr {string} accessible-
|
|
18
|
+
* @attr {string} accessible-labelled-by - ID of an external label element (aria-labelledby)
|
|
19
19
|
*
|
|
20
20
|
* @slot - nldd-toggle-button elements
|
|
21
21
|
*
|
|
@@ -29,6 +29,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
29
29
|
};
|
|
30
30
|
import { LitElement } from 'lit';
|
|
31
31
|
import { customElement, property } from 'lit/decorators.js';
|
|
32
|
+
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
32
33
|
import { toggleButtonGroupStyles } from './toggle-button-group.styles.js';
|
|
33
34
|
import { toggleButtonGroupTemplate } from './toggle-button-group.template.js';
|
|
34
35
|
let NLDDToggleButtonGroup = class NLDDToggleButtonGroup extends LitElement {
|
|
@@ -105,7 +106,7 @@ let NLDDToggleButtonGroup = class NLDDToggleButtonGroup extends LitElement {
|
|
|
105
106
|
}
|
|
106
107
|
firstUpdated() {
|
|
107
108
|
import.meta.env?.DEV && !this.accessibleLabel && !this.accessibleLabelledBy &&
|
|
108
|
-
console.warn('<nldd-toggle-button-group>: No accessible name provided. Add an accessible-label or accessible-
|
|
109
|
+
console.warn('<nldd-toggle-button-group>: No accessible name provided. Add an accessible-label or accessible-labelled-by attribute for screen reader accessibility.');
|
|
109
110
|
}
|
|
110
111
|
updated(changed) {
|
|
111
112
|
if (changed.has('type') || changed.has('name') || changed.has('size') || changed.has('disabled')) {
|
|
@@ -169,7 +170,7 @@ __decorate([
|
|
|
169
170
|
property({ type: String })
|
|
170
171
|
], NLDDToggleButtonGroup.prototype, "name", void 0);
|
|
171
172
|
__decorate([
|
|
172
|
-
property({
|
|
173
|
+
property({ reflect: true, converter: reflectNonDefault('md') })
|
|
173
174
|
], NLDDToggleButtonGroup.prototype, "size", void 0);
|
|
174
175
|
__decorate([
|
|
175
176
|
property({ type: Boolean, reflect: true })
|
|
@@ -178,7 +179,7 @@ __decorate([
|
|
|
178
179
|
property({ type: String, attribute: 'accessible-label' })
|
|
179
180
|
], NLDDToggleButtonGroup.prototype, "accessibleLabel", void 0);
|
|
180
181
|
__decorate([
|
|
181
|
-
property({ type: String, attribute: 'accessible-
|
|
182
|
+
property({ type: String, attribute: 'accessible-labelled-by' })
|
|
182
183
|
], NLDDToggleButtonGroup.prototype, "accessibleLabelledBy", void 0);
|
|
183
184
|
NLDDToggleButtonGroup = __decorate([
|
|
184
185
|
customElement('nldd-toggle-button-group')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button-group.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button-group/toggle-button-group.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"toggle-button-group.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button-group/toggle-button-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nederlandse Digitale Dienst Token Field Component (Lit + TypeScript)
|
|
3
|
+
*
|
|
4
|
+
* A multi-select input that looks like a normal input field: chosen values show
|
|
5
|
+
* as dismissible tokens in a wrapping row, followed by an inline text input that
|
|
6
|
+
* stretches to fill the remaining space and wraps to a new line (growing the
|
|
7
|
+
* field) when it no longer fits. Options are supplied as a slotted nldd-menu,
|
|
8
|
+
* exactly like nldd-combo-box; the menu filters as you type, with a chevron picker
|
|
9
|
+
* button, arrow-key roving across the tokens and ElementInternals form participation.
|
|
10
|
+
*
|
|
11
|
+
* @element nldd-token-field
|
|
12
|
+
* @attr {string} values - Initial token values as a comma-separated string
|
|
13
|
+
* (e.g. "nl, be, de"). Not reflected; the live value is
|
|
14
|
+
* the `.values` array property. Values can't contain commas.
|
|
15
|
+
* @attr {string} placeholder - Placeholder shown in the input
|
|
16
|
+
* @attr {string} type - Input type forwarded to the inner input (e.g. 'email')
|
|
17
|
+
* @attr {string} autocomplete - Autocomplete hint forwarded to the inner input
|
|
18
|
+
* @attr {string} accessible-label - Accessible label forwarded as aria-label to the input
|
|
19
|
+
* @attr {boolean} allow-custom - Allow free-typed values (not just menu options)
|
|
20
|
+
* @attr {boolean} valid - Marks the field valid (shows the valid icon)
|
|
21
|
+
* @attr {boolean} invalid - Marks the field invalid (shows the invalid icon)
|
|
22
|
+
* @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner input
|
|
23
|
+
* @attr {boolean} readonly - Readonly: static tokens, no input/picker, read-only surface
|
|
24
|
+
* @attr {boolean} required - Marks the field required (invalid when it has no tokens)
|
|
25
|
+
* @attr {boolean} disabled - Disabled state
|
|
26
|
+
* @attr {string} token-control - Trailing control per token: 'dismiss' (default, a ✕ that removes it) or 'menu' (a ⌄ opening a per-token action menu supplied by the template prototypes)
|
|
27
|
+
* @attr {string} name - Name for form submission
|
|
28
|
+
* @attr {object} translations - Override translation keys; unset keys fall back to Dutch
|
|
29
|
+
*
|
|
30
|
+
* @slot - An nldd-menu with nldd-menu-item options; each item's `value`/`text`
|
|
31
|
+
* supplies a token's value and its display label.
|
|
32
|
+
* @slot template - `nldd-token` prototypes supplying each token's action menu when
|
|
33
|
+
* token-control="menu": a keyless one is the shared default, a
|
|
34
|
+
* `data-value="X"` one overrides value X. Only the prototype's nested
|
|
35
|
+
* `nldd-menu` is used today; its other props are ignored.
|
|
36
|
+
*
|
|
37
|
+
* @fires change - When the selected values change; detail: { values: string[] }
|
|
38
|
+
* @fires input - When the input text changes; detail: { value: string }
|
|
39
|
+
* @fires token-action - When a token's menu action is chosen (token-control="menu"); detail: { value: string, action: string }
|
|
40
|
+
*/
|
|
41
|
+
import { LitElement } from 'lit';
|
|
42
|
+
import { type NLDDTokenFieldTranslations } from './token-field.i18n.js';
|
|
43
|
+
import '../../actions/menu/menu.js';
|
|
44
|
+
/** Trailing control rendered on each token. */
|
|
45
|
+
export type TokenFieldControl = 'dismiss' | 'menu';
|
|
46
|
+
export declare class NLDDTokenField extends LitElement {
|
|
47
|
+
static formAssociated: boolean;
|
|
48
|
+
static styles: import("lit").CSSResult;
|
|
49
|
+
private _internals;
|
|
50
|
+
private _initialValues;
|
|
51
|
+
/** Selected token values. The attribute is a comma-separated string used to seed
|
|
52
|
+
* the initial values (like native `<input value>`); it is not reflected, so the
|
|
53
|
+
* live source is always the `.values` array property. Values can't contain
|
|
54
|
+
* commas — set those via the property. */
|
|
55
|
+
get values(): string[];
|
|
56
|
+
set values(next: string[]);
|
|
57
|
+
private _values;
|
|
58
|
+
placeholder: string;
|
|
59
|
+
/** Input type forwarded to the inner input (e.g. 'email' for the right mobile
|
|
60
|
+
* keyboard). Values are still handled as plain strings. */
|
|
61
|
+
type: string;
|
|
62
|
+
autocomplete: string;
|
|
63
|
+
accessibleLabel: string;
|
|
64
|
+
/** Allow committing free-typed values (not just menu options). Wiring lands in
|
|
65
|
+
* a later phase; here it already governs whether the input stays visible when
|
|
66
|
+
* no options remain. */
|
|
67
|
+
allowCustom: boolean;
|
|
68
|
+
valid: boolean;
|
|
69
|
+
invalid: boolean;
|
|
70
|
+
noSpellcheck: boolean;
|
|
71
|
+
/** Readonly: shows the tokens as static (no dismiss control, no input, no
|
|
72
|
+
* picker) with the read-only surface treatment. */
|
|
73
|
+
readonly: boolean;
|
|
74
|
+
required: boolean;
|
|
75
|
+
disabled: boolean;
|
|
76
|
+
/** Trailing control on each token: 'dismiss' shows a ✕ that removes it; 'menu'
|
|
77
|
+
* shows a ⌄ that opens a per-token action menu built from the `token-menu`
|
|
78
|
+
* template. Choosing an action fires `token-action` for the app to handle. */
|
|
79
|
+
tokenControl: TokenFieldControl;
|
|
80
|
+
name: string;
|
|
81
|
+
translations: Partial<NLDDTokenFieldTranslations>;
|
|
82
|
+
/** The current text in the inline input; drives the menu filter. */
|
|
83
|
+
_text: string;
|
|
84
|
+
/** Whether the option menu is currently open (drives aria-expanded). */
|
|
85
|
+
_isOpen: boolean;
|
|
86
|
+
/** ID of the highlighted menu item, mirrored to aria-activedescendant. */
|
|
87
|
+
_highlightedId: string;
|
|
88
|
+
/** Which token carries the roving tabindex — the token group's single tab stop
|
|
89
|
+
* when the input is hidden (all values in, no custom, no options left). */
|
|
90
|
+
_rovingIndex: number;
|
|
91
|
+
private static _idCounter;
|
|
92
|
+
readonly _menuId: string;
|
|
93
|
+
private _menu;
|
|
94
|
+
private _resizeObserver;
|
|
95
|
+
/** Watches the slotted menu for options added/removed after the initial slot
|
|
96
|
+
* change (e.g. a framework populating them asynchronously), so the field
|
|
97
|
+
* re-evaluates whether to show the input/picker and re-resolves token labels. */
|
|
98
|
+
private _menuObserver;
|
|
99
|
+
/** Watches the light-DOM `[slot="template"]` prototypes for changes (menu items,
|
|
100
|
+
* their attributes, or an added/removed prototype) and invalidates the cloned
|
|
101
|
+
* per-token menus so they re-clone. These components run on live sites, not just
|
|
102
|
+
* static demos, so the prototypes can change at runtime. */
|
|
103
|
+
private _templateObserver;
|
|
104
|
+
/** True between a picker pointerdown-while-open and its trailing click, so the
|
|
105
|
+
* click (which follows the native light-dismiss) doesn't reopen the menu. */
|
|
106
|
+
private _pickerPointerdownWhileOpen;
|
|
107
|
+
_t(key: keyof NLDDTokenFieldTranslations): string;
|
|
108
|
+
connectedCallback(): void;
|
|
109
|
+
disconnectedCallback(): void;
|
|
110
|
+
firstUpdated(): void;
|
|
111
|
+
/** The index a token was just removed from through a field interaction (its ✕, a
|
|
112
|
+
* menu action the app handled, or Backspace/Delete). Set at the interaction — when
|
|
113
|
+
* focus is still reliably in the field, unlike at willUpdate time after a closing
|
|
114
|
+
* menu has moved it — and consumed in updated() to focus the token that shifted in
|
|
115
|
+
* (or the input). Null for background/programmatic value changes. */
|
|
116
|
+
private _removalFocusIndex;
|
|
117
|
+
willUpdate(changed: Map<string, unknown>): void;
|
|
118
|
+
updated(): void;
|
|
119
|
+
/** Submit one entry per value under `name` (like a multi-select), so a form
|
|
120
|
+
* receives `name=value` repeated for each token. */
|
|
121
|
+
private _updateFormValue;
|
|
122
|
+
/** A required field with no tokens is invalid (valueMissing). */
|
|
123
|
+
private _updateValidity;
|
|
124
|
+
formResetCallback(): void;
|
|
125
|
+
formDisabledCallback(disabled: boolean): void;
|
|
126
|
+
private get _input();
|
|
127
|
+
/** The input + picker wrapper — the menu's anchor, so the menu lines up under
|
|
128
|
+
* the whole area (including the picker), not just the input. */
|
|
129
|
+
private get _inputArea();
|
|
130
|
+
/** Programmatic focus goes to the inner input, or — when it is hidden (all values
|
|
131
|
+
* in, no custom, no options left) — to the token holding the roving tabindex. */
|
|
132
|
+
focus(options?: FocusOptions): void;
|
|
133
|
+
/** When focus leaves the field entirely, reset the roving tab stop to the first
|
|
134
|
+
* token, so tabbing back in from a preceding component always starts there.
|
|
135
|
+
* Deferred a microtask because focusout fires before the matching focusin, so
|
|
136
|
+
* the incoming focus target has settled by the time this runs. A focused token
|
|
137
|
+
* (or the slotted menu) retargets document.activeElement to a node the field
|
|
138
|
+
* contains, so moves within the field don't reset. */
|
|
139
|
+
private _handleFocusOut;
|
|
140
|
+
/** A token's display label: the matching slotted menu-item's text, else the
|
|
141
|
+
* raw value (covers values whose option is not currently present). */
|
|
142
|
+
/** Slotted menu options not yet selected — what the picker could still add. */
|
|
143
|
+
private get _availableOptionCount();
|
|
144
|
+
/** Hide the input entirely when there is nothing left to do: no options remain
|
|
145
|
+
* and free text is not allowed. Readonly fields never show the input. */
|
|
146
|
+
get _showInput(): boolean;
|
|
147
|
+
/** Whether an options menu is slotted — drives the picker button. Free-text-only
|
|
148
|
+
* fields (e.g. e-mail addresses) have no menu and get no picker. */
|
|
149
|
+
get _hasMenu(): boolean;
|
|
150
|
+
/** Show the picker only while there are still options left to pick. Once every
|
|
151
|
+
* menu item sits in the field there is nothing to open, so it disappears.
|
|
152
|
+
* Readonly fields never show the picker. */
|
|
153
|
+
get _showPicker(): boolean;
|
|
154
|
+
_labelFor(value: string): string;
|
|
155
|
+
/** Cloned action menu per value, so each token's menu stays stable across
|
|
156
|
+
* re-renders (a fresh clone every render would drop its open/focus state). Pruned
|
|
157
|
+
* when a value leaves; see willUpdate. */
|
|
158
|
+
private _tokenMenuCache;
|
|
159
|
+
/** The action menu for a value's token (token-control="menu"): a clone of the
|
|
160
|
+
* matching `nldd-token[slot="template"][data-value]` prototype's `nldd-menu`, else
|
|
161
|
+
* the shared keyless prototype's. Cloned once per value and reused. Only the
|
|
162
|
+
* prototype's nested menu is read today; its other props are ignored. */
|
|
163
|
+
_tokenMenuFor(value: string): HTMLElement | null;
|
|
164
|
+
private _cloneTokenMenu;
|
|
165
|
+
/** A change to any `[slot="template"]` prototype (its menu items, their attributes,
|
|
166
|
+
* or an added/removed prototype) invalidates the cloned per-token menus, so they
|
|
167
|
+
* re-clone on the next render. The field only ever *reads* the prototypes — it
|
|
168
|
+
* mutates the options menu and its own shadow DOM — so filtering to template-scoped
|
|
169
|
+
* mutations keeps this from looping with the field's own option hiding. */
|
|
170
|
+
private _onTemplateMutation;
|
|
171
|
+
_addValue(value: string): void;
|
|
172
|
+
_removeValue(value: string): void;
|
|
173
|
+
private _emitChange;
|
|
174
|
+
_handleInput(e: Event): void;
|
|
175
|
+
/** Split the input on commas: every complete segment becomes a token; the
|
|
176
|
+
* trailing segment (after the last comma) stays in the input to keep typing.
|
|
177
|
+
* Emits a single change for the batch. */
|
|
178
|
+
private _commitCommaSeparated;
|
|
179
|
+
/** Close the menu when focus leaves the field for anything but the menu. */
|
|
180
|
+
_handleBlur(e: FocusEvent): void;
|
|
181
|
+
_handleKeydown(e: KeyboardEvent): void;
|
|
182
|
+
private _caretAtStart;
|
|
183
|
+
private get _tokens();
|
|
184
|
+
/** Focus the token at `index` (clamped); focus the input when there are none. */
|
|
185
|
+
private _focusTokenAt;
|
|
186
|
+
/** After removing the token at `index`, move focus to the token that shifted into
|
|
187
|
+
* its slot (the one that was to its right). If the last token was removed, hand
|
|
188
|
+
* focus to the input, or to the new last token when the input is hidden. */
|
|
189
|
+
private _focusAfterRemoval;
|
|
190
|
+
/** Arrow keys move between tokens; ArrowRight past the last returns to the
|
|
191
|
+
* input; Backspace/Delete removes the token and steps focus onto the next one.
|
|
192
|
+
* A disabled field is inert — no roving, no keyboard removal. */
|
|
193
|
+
_handleTokenKeydown(e: KeyboardEvent, index: number): void;
|
|
194
|
+
/** Clicking empty space in the field (not a token or the picker) focuses the
|
|
195
|
+
* input, or — when it is hidden — the last token, so a click after the tokens
|
|
196
|
+
* lets you rove them with the arrow keys. The menu opens deliberately via the
|
|
197
|
+
* picker, typing, or ArrowDown, not by clicking the field. */
|
|
198
|
+
_handleFieldClick(e: Event): void;
|
|
199
|
+
/** The ✕ dismiss control: remove the value and mark its slot so updated() steps
|
|
200
|
+
* focus onto the token that takes its place (or the input). */
|
|
201
|
+
_handleTokenDismiss(value: string, index: number): void;
|
|
202
|
+
/** A token's menu action was chosen (token-control="menu"): report which token
|
|
203
|
+
* and which action and let the app decide what happens (remove, edit, …). The
|
|
204
|
+
* token owns closing the menu and returning focus to its chevron. When the app
|
|
205
|
+
* handles the action synchronously by removing this token, mark its slot so
|
|
206
|
+
* updated() re-homes focus (the closing menu has left focus adrift by then). */
|
|
207
|
+
_handleTokenAction(e: Event, value: string): void;
|
|
208
|
+
/**
|
|
209
|
+
* The picker (a real button) toggles the menu. Because it opens on `click`
|
|
210
|
+
* (after the gesture's pointerdown), the auto-popover isn't light-dismissed by
|
|
211
|
+
* the opening gesture. When the menu is already open, this same gesture's
|
|
212
|
+
* pointerdown light-dismisses it; the flag makes the trailing click a no-op so
|
|
213
|
+
* it doesn't flicker back open. Mirrors the combo-box picker.
|
|
214
|
+
*/
|
|
215
|
+
_handlePickerPointerdown(): void;
|
|
216
|
+
_togglePicker(): void;
|
|
217
|
+
_onSlotChange(): void;
|
|
218
|
+
/** Pin the menu to the native input's width (its anchor) so it lines up under
|
|
219
|
+
* the input and never extends past it. */
|
|
220
|
+
private _updateMenuWidth;
|
|
221
|
+
private _handleScrollOrResize;
|
|
222
|
+
private _handleMenuToggle;
|
|
223
|
+
private _handleMenuSelect;
|
|
224
|
+
/**
|
|
225
|
+
* Tab inside the menu (a top-layer popover) would move focus to an arbitrary
|
|
226
|
+
* next element in DOM order. Instead close the menu and return focus to the
|
|
227
|
+
* input so Tab continues from there — same handling as the combo-box.
|
|
228
|
+
*/
|
|
229
|
+
private _handleMenuKeydown;
|
|
230
|
+
/**
|
|
231
|
+
* Add a value, clear the input, and close the menu — focus returns to the empty
|
|
232
|
+
* input. The menu only reopens on a deliberate action (typing, ArrowDown, or the
|
|
233
|
+
* picker), so a focused empty field behaves the same whether it was just focused
|
|
234
|
+
* or a value was just committed.
|
|
235
|
+
*/
|
|
236
|
+
private _commitValue;
|
|
237
|
+
_openMenu(): void;
|
|
238
|
+
_closeMenu(): void;
|
|
239
|
+
private _updateActiveDescendant;
|
|
240
|
+
private _resetInputText;
|
|
241
|
+
/** Options currently shown in the menu (matching the filter and not already
|
|
242
|
+
* selected). Zero means there is nothing worth opening the menu for. */
|
|
243
|
+
private get _visibleOptionCount();
|
|
244
|
+
/** Apply the text filter, then hide options already selected. Used after
|
|
245
|
+
* typing, selecting, and whenever `values` changes. */
|
|
246
|
+
private _syncMenuItems;
|
|
247
|
+
/** Hide every option whose value is already a token. The text filter unhides
|
|
248
|
+
* matches, so this runs after it. Moves the highlight off an item it hides. */
|
|
249
|
+
private _hideSelectedMenuItems;
|
|
250
|
+
render(): import("lit-html").TemplateResult;
|
|
251
|
+
}
|
|
252
|
+
declare global {
|
|
253
|
+
interface HTMLElementTagNameMap {
|
|
254
|
+
'nldd-token-field': NLDDTokenField;
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
//# sourceMappingURL=token-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/token-field/token-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const nlddTokenFieldTranslations: {
|
|
2
|
+
'components.token-field.dismiss-action': string;
|
|
3
|
+
'components.token-field.removable-hint': string;
|
|
4
|
+
'components.token-field.open-menu-action': string;
|
|
5
|
+
'components.token-field.token-menu-action': string;
|
|
6
|
+
'components.token-field.required-error-text': string;
|
|
7
|
+
};
|
|
8
|
+
export type NLDDTokenFieldTranslations = typeof nlddTokenFieldTranslations;
|
|
9
|
+
//# sourceMappingURL=token-field.i18n.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token-field.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/token-field/token-field.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B;;;;;;CAMtC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export const nlddTokenFieldTranslations = {
|
|
2
|
+
'components.token-field.dismiss-action': 'Verwijder',
|
|
3
|
+
'components.token-field.removable-hint': 'verwijderbaar',
|
|
4
|
+
'components.token-field.open-menu-action': 'Toon opties',
|
|
5
|
+
'components.token-field.token-menu-action': 'Toon acties',
|
|
6
|
+
'components.token-field.required-error-text': 'Voeg minimaal één waarde toe',
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=token-field.i18n.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"token-field.i18n.js","sourceRoot":"","sources":["../../../../src/components/inputs/token-field/token-field.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,uCAAuC,EAAE,WAAW;IACpD,uCAAuC,EAAE,eAAe;IACxD,yCAAyC,EAAE,aAAa;IACxD,0CAA0C,EAAE,aAAa;IACzD,4CAA4C,EAAE,8BAA8B;CAC5E,CAAC"}
|