@nldd/design-system 0.8.40 → 0.8.41
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.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +32 -20
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.js +22 -0
- package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.js +0 -1
- package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +6 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +9 -0
- 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 +33 -21
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/link/link.styles.d.ts.map +1 -1
- package/dist/components/actions/link/link.styles.js +4 -2
- package/dist/components/actions/link/link.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.js +14 -1
- package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +1 -0
- package/dist/components/actions/split-button/split-button.template.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 -2
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +83 -24795
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +1 -0
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/code/code.d.ts +58 -0
- package/dist/components/content/code/code.d.ts.map +1 -0
- package/dist/components/content/code/code.js +155 -0
- package/dist/components/content/code/code.js.map +1 -0
- package/dist/components/content/code/code.styles.d.ts +2 -0
- package/dist/components/content/code/code.styles.d.ts.map +1 -0
- package/dist/components/content/code/code.styles.js +105 -0
- package/dist/components/content/code/code.styles.js.map +1 -0
- package/dist/components/content/code/code.template.d.ts +4 -0
- package/dist/components/content/code/code.template.d.ts.map +1 -0
- package/dist/components/content/code/code.template.js +18 -0
- package/dist/components/content/code/code.template.js.map +1 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +1 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/content/tag/tag.styles.js +1 -0
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.js +2 -1
- package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +8 -4
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/index-DMYkp2tq.js +26919 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +11 -9
- package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.d.ts +77 -0
- package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.js +163 -0
- package/dist/components/inputs/code-editor/code-editor.js.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.styles.d.ts +2 -0
- package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.styles.js +110 -0
- package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.template.d.ts +4 -0
- package/dist/components/inputs/code-editor/code-editor.template.d.ts.map +1 -0
- package/dist/components/inputs/code-editor/code-editor.template.js +24 -0
- package/dist/components/inputs/code-editor/code-editor.template.js.map +1 -0
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +2 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +2 -0
- package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +2 -1
- package/dist/components/inputs/dropdown/dropdown.styles.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 +2 -1
- 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.styles.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +2 -1
- package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.template.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.template.js +2 -0
- package/dist/components/inputs/number-field/number-field.template.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +2 -1
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +13 -11
- package/dist/components/inputs/radio-button/radio-button.styles.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 +8 -5
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.template.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.template.js +2 -0
- package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +4 -3
- package/dist/components/inputs/switch/switch.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +2 -1
- package/dist/components/inputs/text-field/text-field.styles.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 +12 -8
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
- package/dist/components/inputs/token/token.styles.js +10 -6
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/inputs/token/token.template.d.ts.map +1 -1
- package/dist/components/inputs/token/token.template.js +1 -0
- package/dist/components/inputs/token/token.template.js.map +1 -1
- package/dist/components/layout/app-view/app-view.d.ts +7 -0
- package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.js +13 -1
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/page/page.styles.d.ts.map +1 -1
- package/dist/components/layout/page/page.styles.js +2 -0
- package/dist/components/layout/page/page.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +4 -0
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +7 -0
- 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 +20 -1
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js +10 -5
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +9 -4
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +9 -4
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +9 -4
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list/list.styles.js +4 -3
- package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.js +23 -18
- package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js +9 -7
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +20 -11
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +9 -4
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +10 -3
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +1 -0
- package/dist/components/navigation/skip-link/skip-link.styles.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 +9 -3
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -0
- 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 +19 -7
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/prism-bash-vbqaw3JR.js +226 -0
- package/dist/components/prism-css-B93tXdOU.js +59 -0
- package/dist/components/prism-javascript-DeC_17Pw.js +140 -0
- package/dist/components/prism-json-DIMpow89.js +25 -0
- package/dist/components/prism-markdown-D-uFBkiz.js +339 -0
- package/dist/components/prism-markup-DfJYPYHA.js +177 -0
- package/dist/components/prism-typescript-9LDqHHRS.js +87 -0
- package/dist/components/prism-yaml-DO0f9pf6.js +71 -0
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +1 -0
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +6 -5
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +2 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
- package/dist/css/settings.css +70 -1
- package/package.json +12 -2
|
@@ -21,12 +21,14 @@ export { NLDDTooltip } from './content/tooltip/tooltip.js';
|
|
|
21
21
|
export { NLDDBlockquote } from './content/blockquote/blockquote.js';
|
|
22
22
|
export { NLDDTag } from './content/tag/tag.js';
|
|
23
23
|
export { NLDDKeyboardShortcut } from './content/keyboard-shortcut/keyboard-shortcut.js';
|
|
24
|
+
export { NLDDCode } from './content/code/code.js';
|
|
24
25
|
export { NLDDForm } from './forms/form/form.js';
|
|
25
26
|
export { NLDDFormActions } from './forms/form-actions/form-actions.js';
|
|
26
27
|
export { NLDDFormField } from './forms/form-field/form-field.js';
|
|
27
28
|
export { NLDDFormSection } from './forms/form-section/form-section.js';
|
|
28
29
|
export { NLDDTextField } from './inputs/text-field/text-field.js';
|
|
29
30
|
export { NLDDMultiLineTextField } from './inputs/multi-line-text-field/multi-line-text-field.js';
|
|
31
|
+
export { NLDDCodeEditor } from './inputs/code-editor/code-editor.js';
|
|
30
32
|
export { NLDDPasswordField } from './inputs/password-field/password-field.js';
|
|
31
33
|
export { NLDDSearchField } from './inputs/search-field/search-field.js';
|
|
32
34
|
export { NLDDNumberField } from './inputs/number-field/number-field.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAKlD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -23,6 +23,7 @@ export { NLDDTooltip } from './content/tooltip/tooltip.js';
|
|
|
23
23
|
export { NLDDBlockquote } from './content/blockquote/blockquote.js';
|
|
24
24
|
export { NLDDTag } from './content/tag/tag.js';
|
|
25
25
|
export { NLDDKeyboardShortcut } from './content/keyboard-shortcut/keyboard-shortcut.js';
|
|
26
|
+
export { NLDDCode } from './content/code/code.js';
|
|
26
27
|
// # Forms components
|
|
27
28
|
export { NLDDForm } from './forms/form/form.js';
|
|
28
29
|
export { NLDDFormActions } from './forms/form-actions/form-actions.js';
|
|
@@ -31,6 +32,7 @@ export { NLDDFormSection } from './forms/form-section/form-section.js';
|
|
|
31
32
|
// # Input components
|
|
32
33
|
export { NLDDTextField } from './inputs/text-field/text-field.js';
|
|
33
34
|
export { NLDDMultiLineTextField } from './inputs/multi-line-text-field/multi-line-text-field.js';
|
|
35
|
+
export { NLDDCodeEditor } from './inputs/code-editor/code-editor.js';
|
|
34
36
|
export { NLDDPasswordField } from './inputs/password-field/password-field.js';
|
|
35
37
|
export { NLDDSearchField } from './inputs/search-field/search-field.js';
|
|
36
38
|
export { NLDDNumberField } from './inputs/number-field/number-field.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,sBAAsB;AAEtB,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,uBAAuB;AAEvB,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA+H1B,CAAC"}
|
|
@@ -58,15 +58,17 @@ export const checkboxStyles = css `
|
|
|
58
58
|
|
|
59
59
|
/* # Hover */
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
61
|
+
@media (hover: hover) {
|
|
62
|
+
.checkbox__input:hover:not(:disabled) ~ .checkbox__box {
|
|
63
|
+
border-color: var(--components-checkbox-is-hovered-border-color);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.checkbox__input:checked:hover:not(:disabled) ~ .checkbox__box,
|
|
67
|
+
.checkbox__input:indeterminate:hover:not(:disabled) ~ .checkbox__box {
|
|
68
|
+
border-color: var(--components-checkbox-is-selected-is-hovered-border-color);
|
|
69
|
+
background-color: var(--components-checkbox-is-selected-is-hovered-background-color);
|
|
70
|
+
color: var(--components-checkbox-is-selected-is-hovered-icon-color);
|
|
71
|
+
}
|
|
70
72
|
}
|
|
71
73
|
|
|
72
74
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HhC,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nederlandse Digitale Dienst Code Editor Component (Lit + TypeScript)
|
|
3
|
+
*
|
|
4
|
+
* A monospace text editor for code, YAML, JSON, and other technical
|
|
5
|
+
* content. Visually pairs with `nldd-code` (same tinted background,
|
|
6
|
+
* same monospace font, same rounded corners) so a read-only view and
|
|
7
|
+
* the editable counterpart look like the same surface.
|
|
8
|
+
*
|
|
9
|
+
* Built on a native `<textarea>` — no syntax highlighting, no line
|
|
10
|
+
* numbers. Reach for a real editor library (CodeMirror, Monaco) when
|
|
11
|
+
* those features are required.
|
|
12
|
+
*
|
|
13
|
+
* Spellcheck and autocorrect are disabled by default since they don't
|
|
14
|
+
* help on code; long lines scroll horizontally unless `wrap` is set.
|
|
15
|
+
*
|
|
16
|
+
* @element nldd-code-editor
|
|
17
|
+
*
|
|
18
|
+
* @attr {string} value - The textarea value
|
|
19
|
+
* @attr {string} placeholder - Placeholder text
|
|
20
|
+
* @attr {string} input-id - Sets the id on the native textarea. Set automatically by nldd-form-field.
|
|
21
|
+
* @attr {boolean} disabled - Disabled state
|
|
22
|
+
* @attr {string} name - Textarea name for form submission
|
|
23
|
+
* @attr {boolean} readonly - Readonly state
|
|
24
|
+
* @attr {boolean} required - Required state
|
|
25
|
+
* @attr {boolean} wrap - Wrap long lines instead of horizontal scroll
|
|
26
|
+
* @attr {number} rows - Initial visible rows (minimum height). Default: 6.
|
|
27
|
+
* @attr {string} resize - 'none' | 'vertical' (default) | 'auto'.
|
|
28
|
+
* 'auto' grows with content (native field-sizing).
|
|
29
|
+
* @attr {string} accessible-label - Accessible label forwarded to the inner textarea. Set automatically by nldd-form-field.
|
|
30
|
+
*
|
|
31
|
+
* @fires input - When value changes
|
|
32
|
+
* @fires change - When value is committed (blur)
|
|
33
|
+
*/
|
|
34
|
+
import { LitElement, type PropertyValues } from 'lit';
|
|
35
|
+
export type ResizeMode = 'none' | 'vertical' | 'auto';
|
|
36
|
+
export declare class NLDDCodeEditor extends LitElement {
|
|
37
|
+
static formAssociated: boolean;
|
|
38
|
+
static shadowRootOptions: {
|
|
39
|
+
delegatesFocus: boolean;
|
|
40
|
+
clonable?: boolean;
|
|
41
|
+
customElementRegistry?: CustomElementRegistry;
|
|
42
|
+
mode: ShadowRootMode;
|
|
43
|
+
serializable?: boolean;
|
|
44
|
+
slotAssignment?: SlotAssignmentMode;
|
|
45
|
+
};
|
|
46
|
+
static styles: import("lit").CSSResult;
|
|
47
|
+
private _internals;
|
|
48
|
+
private _initialValue;
|
|
49
|
+
value: string;
|
|
50
|
+
inputId: string;
|
|
51
|
+
placeholder: string;
|
|
52
|
+
disabled: boolean;
|
|
53
|
+
name: string;
|
|
54
|
+
readonly: boolean;
|
|
55
|
+
required: boolean;
|
|
56
|
+
wrap: boolean;
|
|
57
|
+
rows: number;
|
|
58
|
+
resize: ResizeMode;
|
|
59
|
+
accessibleLabel: string;
|
|
60
|
+
private _textarea;
|
|
61
|
+
private _accessibleLabelWarned;
|
|
62
|
+
firstUpdated(): void;
|
|
63
|
+
updated(changed: PropertyValues): void;
|
|
64
|
+
private _checkAccessibleLabel;
|
|
65
|
+
formResetCallback(): void;
|
|
66
|
+
formDisabledCallback(disabled: boolean): void;
|
|
67
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
68
|
+
_handleInput(e: Event): void;
|
|
69
|
+
_handleChange(e: Event): void;
|
|
70
|
+
render(): import("lit-html").TemplateResult;
|
|
71
|
+
}
|
|
72
|
+
declare global {
|
|
73
|
+
interface HTMLElementTagNameMap {
|
|
74
|
+
'nldd-code-editor': NLDDCodeEditor;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=code-editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtD,qBACa,cAAe,SAAQ,UAAU;IAC7C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAoB;IAE1C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAG3B,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,UAAS;IAGb,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAc;IAGhC,eAAe,SAAM;IAGrB,OAAO,CAAC,SAAS,CAAuB;IAExC,OAAO,CAAC,sBAAsB,CAAS;IAE9B,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAW/C,OAAO,CAAC,qBAAqB;IAO7B,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;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Nederlandse Digitale Dienst Code Editor Component (Lit + TypeScript)
|
|
9
|
+
*
|
|
10
|
+
* A monospace text editor for code, YAML, JSON, and other technical
|
|
11
|
+
* content. Visually pairs with `nldd-code` (same tinted background,
|
|
12
|
+
* same monospace font, same rounded corners) so a read-only view and
|
|
13
|
+
* the editable counterpart look like the same surface.
|
|
14
|
+
*
|
|
15
|
+
* Built on a native `<textarea>` — no syntax highlighting, no line
|
|
16
|
+
* numbers. Reach for a real editor library (CodeMirror, Monaco) when
|
|
17
|
+
* those features are required.
|
|
18
|
+
*
|
|
19
|
+
* Spellcheck and autocorrect are disabled by default since they don't
|
|
20
|
+
* help on code; long lines scroll horizontally unless `wrap` is set.
|
|
21
|
+
*
|
|
22
|
+
* @element nldd-code-editor
|
|
23
|
+
*
|
|
24
|
+
* @attr {string} value - The textarea value
|
|
25
|
+
* @attr {string} placeholder - Placeholder text
|
|
26
|
+
* @attr {string} input-id - Sets the id on the native textarea. Set automatically by nldd-form-field.
|
|
27
|
+
* @attr {boolean} disabled - Disabled state
|
|
28
|
+
* @attr {string} name - Textarea name for form submission
|
|
29
|
+
* @attr {boolean} readonly - Readonly state
|
|
30
|
+
* @attr {boolean} required - Required state
|
|
31
|
+
* @attr {boolean} wrap - Wrap long lines instead of horizontal scroll
|
|
32
|
+
* @attr {number} rows - Initial visible rows (minimum height). Default: 6.
|
|
33
|
+
* @attr {string} resize - 'none' | 'vertical' (default) | 'auto'.
|
|
34
|
+
* 'auto' grows with content (native field-sizing).
|
|
35
|
+
* @attr {string} accessible-label - Accessible label forwarded to the inner textarea. Set automatically by nldd-form-field.
|
|
36
|
+
*
|
|
37
|
+
* @fires input - When value changes
|
|
38
|
+
* @fires change - When value is committed (blur)
|
|
39
|
+
*/
|
|
40
|
+
import { LitElement } from 'lit';
|
|
41
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
|
42
|
+
import { codeEditorStyles } from './code-editor.styles.js';
|
|
43
|
+
import { codeEditorTemplate } from './code-editor.template.js';
|
|
44
|
+
let NLDDCodeEditor = class NLDDCodeEditor extends LitElement {
|
|
45
|
+
constructor() {
|
|
46
|
+
super(...arguments);
|
|
47
|
+
this._internals = this.attachInternals();
|
|
48
|
+
this._initialValue = '';
|
|
49
|
+
this.value = '';
|
|
50
|
+
this.inputId = '';
|
|
51
|
+
this.placeholder = '';
|
|
52
|
+
this.disabled = false;
|
|
53
|
+
this.name = '';
|
|
54
|
+
this.readonly = false;
|
|
55
|
+
this.required = false;
|
|
56
|
+
this.wrap = false;
|
|
57
|
+
this.rows = 6;
|
|
58
|
+
this.resize = 'vertical';
|
|
59
|
+
this.accessibleLabel = '';
|
|
60
|
+
this._accessibleLabelWarned = false;
|
|
61
|
+
}
|
|
62
|
+
firstUpdated() {
|
|
63
|
+
this._initialValue = this.value;
|
|
64
|
+
}
|
|
65
|
+
updated(changed) {
|
|
66
|
+
if (changed.has('value')) {
|
|
67
|
+
this._internals.setFormValue(this.value);
|
|
68
|
+
}
|
|
69
|
+
this._checkAccessibleLabel();
|
|
70
|
+
}
|
|
71
|
+
/* Ran from updated(), not firstUpdated(): a parent nldd-form-field sets
|
|
72
|
+
* input-id slightly after our first render, so checking earlier triggers
|
|
73
|
+
* a spurious warning for the standard form-field usage. We re-check on
|
|
74
|
+
* every update and warn once if the missing label is still missing. */
|
|
75
|
+
_checkAccessibleLabel() {
|
|
76
|
+
if (this._accessibleLabelWarned)
|
|
77
|
+
return;
|
|
78
|
+
if (this.accessibleLabel || this.inputId)
|
|
79
|
+
return;
|
|
80
|
+
this._accessibleLabelWarned = true;
|
|
81
|
+
console.warn('<nldd-code-editor>: No accessible-label or input-id provided. Use nldd-form-field for labeled usage, or set accessible-label for screen reader accessibility (WCAG SC 4.1.2).');
|
|
82
|
+
}
|
|
83
|
+
formResetCallback() {
|
|
84
|
+
this.value = this._initialValue;
|
|
85
|
+
}
|
|
86
|
+
formDisabledCallback(disabled) {
|
|
87
|
+
this.disabled = disabled;
|
|
88
|
+
}
|
|
89
|
+
formStateRestoreCallback(state) {
|
|
90
|
+
if (typeof state === 'string')
|
|
91
|
+
this.value = state;
|
|
92
|
+
}
|
|
93
|
+
_handleInput(e) {
|
|
94
|
+
e.stopPropagation();
|
|
95
|
+
const textarea = e.target;
|
|
96
|
+
this.value = textarea.value;
|
|
97
|
+
this.dispatchEvent(new CustomEvent('input', {
|
|
98
|
+
detail: { value: this.value },
|
|
99
|
+
bubbles: true,
|
|
100
|
+
composed: true,
|
|
101
|
+
}));
|
|
102
|
+
}
|
|
103
|
+
_handleChange(e) {
|
|
104
|
+
e.stopPropagation();
|
|
105
|
+
const textarea = e.target;
|
|
106
|
+
this.value = textarea.value;
|
|
107
|
+
this.dispatchEvent(new CustomEvent('change', {
|
|
108
|
+
detail: { value: this.value },
|
|
109
|
+
bubbles: true,
|
|
110
|
+
composed: true,
|
|
111
|
+
}));
|
|
112
|
+
}
|
|
113
|
+
render() {
|
|
114
|
+
return codeEditorTemplate(this);
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
NLDDCodeEditor.formAssociated = true;
|
|
118
|
+
NLDDCodeEditor.shadowRootOptions = {
|
|
119
|
+
...LitElement.shadowRootOptions,
|
|
120
|
+
delegatesFocus: true,
|
|
121
|
+
};
|
|
122
|
+
NLDDCodeEditor.styles = codeEditorStyles;
|
|
123
|
+
__decorate([
|
|
124
|
+
property({ type: String })
|
|
125
|
+
], NLDDCodeEditor.prototype, "value", void 0);
|
|
126
|
+
__decorate([
|
|
127
|
+
property({ type: String, attribute: 'input-id' })
|
|
128
|
+
], NLDDCodeEditor.prototype, "inputId", void 0);
|
|
129
|
+
__decorate([
|
|
130
|
+
property({ type: String })
|
|
131
|
+
], NLDDCodeEditor.prototype, "placeholder", void 0);
|
|
132
|
+
__decorate([
|
|
133
|
+
property({ type: Boolean, reflect: true })
|
|
134
|
+
], NLDDCodeEditor.prototype, "disabled", void 0);
|
|
135
|
+
__decorate([
|
|
136
|
+
property({ type: String, reflect: true })
|
|
137
|
+
], NLDDCodeEditor.prototype, "name", void 0);
|
|
138
|
+
__decorate([
|
|
139
|
+
property({ type: Boolean, reflect: true })
|
|
140
|
+
], NLDDCodeEditor.prototype, "readonly", void 0);
|
|
141
|
+
__decorate([
|
|
142
|
+
property({ type: Boolean, reflect: true })
|
|
143
|
+
], NLDDCodeEditor.prototype, "required", void 0);
|
|
144
|
+
__decorate([
|
|
145
|
+
property({ type: Boolean, reflect: true })
|
|
146
|
+
], NLDDCodeEditor.prototype, "wrap", void 0);
|
|
147
|
+
__decorate([
|
|
148
|
+
property({ type: Number })
|
|
149
|
+
], NLDDCodeEditor.prototype, "rows", void 0);
|
|
150
|
+
__decorate([
|
|
151
|
+
property({ type: String, reflect: true })
|
|
152
|
+
], NLDDCodeEditor.prototype, "resize", void 0);
|
|
153
|
+
__decorate([
|
|
154
|
+
property({ type: String, attribute: 'accessible-label' })
|
|
155
|
+
], NLDDCodeEditor.prototype, "accessibleLabel", void 0);
|
|
156
|
+
__decorate([
|
|
157
|
+
query('.code-editor__input')
|
|
158
|
+
], NLDDCodeEditor.prototype, "_textarea", void 0);
|
|
159
|
+
NLDDCodeEditor = __decorate([
|
|
160
|
+
customElement('nldd-code-editor')
|
|
161
|
+
], NLDDCodeEditor);
|
|
162
|
+
export { NLDDCodeEditor };
|
|
163
|
+
//# sourceMappingURL=code-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-editor.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBA2G5B,CAAC"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const codeEditorStyles = css `
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
/* # Host */
|
|
6
|
+
|
|
7
|
+
:host {
|
|
8
|
+
--_background-color: var(--semantics-surfaces-tinted-background-color);
|
|
9
|
+
--_content-color: var(--semantics-content-color);
|
|
10
|
+
--_inline-padding: var(--primitives-space-16);
|
|
11
|
+
--_block-padding: var(--primitives-space-16);
|
|
12
|
+
--_corner-radius: var(--primitives-corner-radius-lg);
|
|
13
|
+
--_font: var(--primitives-font-monospace-sm-regular-snug);
|
|
14
|
+
|
|
15
|
+
/* flex column lets the textarea grow when the host has a fixed
|
|
16
|
+
height (e.g. as a flex item in a tall pane). With no set height,
|
|
17
|
+
the textarea falls back to its rows attribute.
|
|
18
|
+
flex: 1 + min-height: 0 make the host a good flex citizen so
|
|
19
|
+
consumers in flex parents don't have to set them on every use. */
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
flex-grow: 1;
|
|
23
|
+
flex-shrink: 1;
|
|
24
|
+
flex-basis: auto;
|
|
25
|
+
min-height: 0;
|
|
26
|
+
-webkit-tap-highlight-color: transparent;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:host([hidden]) {
|
|
30
|
+
display: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
/* # Block */
|
|
35
|
+
|
|
36
|
+
.code-editor {
|
|
37
|
+
position: relative;
|
|
38
|
+
display: flex;
|
|
39
|
+
flex-direction: column;
|
|
40
|
+
flex-grow: 1;
|
|
41
|
+
flex-shrink: 1;
|
|
42
|
+
flex-basis: auto;
|
|
43
|
+
min-height: 0;
|
|
44
|
+
box-sizing: border-box;
|
|
45
|
+
background-color: var(--_background-color);
|
|
46
|
+
border-radius: var(--_corner-radius);
|
|
47
|
+
overflow: hidden;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
:host([disabled]) .code-editor {
|
|
51
|
+
opacity: var(--primitives-opacity-disabled);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.code-editor:focus-within {
|
|
55
|
+
outline: var(--semantics-focus-ring-outline);
|
|
56
|
+
outline-offset: var(--semantics-focus-ring-outline-offset);
|
|
57
|
+
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
/* # Input */
|
|
62
|
+
|
|
63
|
+
.code-editor__input {
|
|
64
|
+
display: block;
|
|
65
|
+
box-sizing: border-box;
|
|
66
|
+
flex-grow: 1;
|
|
67
|
+
flex-shrink: 1;
|
|
68
|
+
flex-basis: auto;
|
|
69
|
+
min-height: 0;
|
|
70
|
+
width: 100%;
|
|
71
|
+
margin: 0;
|
|
72
|
+
padding: var(--_block-padding) var(--_inline-padding);
|
|
73
|
+
color: var(--_content-color);
|
|
74
|
+
background: transparent;
|
|
75
|
+
border: none;
|
|
76
|
+
outline: none;
|
|
77
|
+
appearance: none;
|
|
78
|
+
font: var(--_font);
|
|
79
|
+
tab-size: 2;
|
|
80
|
+
white-space: pre;
|
|
81
|
+
overflow-wrap: normal;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
:host([wrap]) .code-editor__input {
|
|
85
|
+
white-space: pre-wrap;
|
|
86
|
+
overflow-wrap: break-word;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
:host([resize='vertical']) .code-editor__input {
|
|
90
|
+
resize: vertical;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:host([resize='none']) .code-editor__input {
|
|
94
|
+
resize: none;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
:host([resize='auto']) .code-editor__input {
|
|
98
|
+
resize: none;
|
|
99
|
+
field-sizing: content;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
:host([disabled]) .code-editor__input {
|
|
103
|
+
pointer-events: none;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.code-editor__input::placeholder {
|
|
107
|
+
color: var(--semantics-input-fields-placeholder-color);
|
|
108
|
+
}
|
|
109
|
+
`;
|
|
110
|
+
//# sourceMappingURL=code-editor.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-editor.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GlC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-editor.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAqB5E"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { html, nothing } from 'lit';
|
|
2
|
+
export function codeEditorTemplate(component) {
|
|
3
|
+
return html `
|
|
4
|
+
<div class="code-editor">
|
|
5
|
+
<textarea class="code-editor__input"
|
|
6
|
+
id=${component.inputId || nothing}
|
|
7
|
+
rows=${component.rows}
|
|
8
|
+
.value=${component.value}
|
|
9
|
+
placeholder=${component.placeholder || nothing}
|
|
10
|
+
?disabled=${component.disabled}
|
|
11
|
+
?readonly=${component.readonly}
|
|
12
|
+
?required=${component.required}
|
|
13
|
+
spellcheck="false"
|
|
14
|
+
autocomplete="off"
|
|
15
|
+
autocorrect="off"
|
|
16
|
+
autocapitalize="off"
|
|
17
|
+
aria-label=${component.accessibleLabel || nothing}
|
|
18
|
+
@input=${component._handleInput}
|
|
19
|
+
@change=${component._handleChange}
|
|
20
|
+
></textarea>
|
|
21
|
+
</div>
|
|
22
|
+
`;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=code-editor.template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-editor.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,kBAAkB,CAAC,SAAyB;IAC3D,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;WAC1B,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,KAAK;kBACV,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;;;;;iBAKjB,SAAS,CAAC,eAAe,IAAI,OAAO;aACxC,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;;EAGnC,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA4L1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AA0BpC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"combo-box.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AA0BpC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CAwDxE"}
|
|
@@ -56,6 +56,7 @@ export function comboBoxTemplate(component) {
|
|
|
56
56
|
size=${iconButtonSize}
|
|
57
57
|
icon="dismiss"
|
|
58
58
|
text=${component._t('components.combo-box.clear-action')}
|
|
59
|
+
hide-tooltip
|
|
59
60
|
?disabled=${component.disabled}
|
|
60
61
|
@click=${component._handleClear}
|
|
61
62
|
></nldd-icon-button>
|
|
@@ -68,6 +69,7 @@ export function comboBoxTemplate(component) {
|
|
|
68
69
|
size=${iconButtonSize}
|
|
69
70
|
icon="chevron-down"
|
|
70
71
|
text=${component._t('components.combo-box.open-menu-action')}
|
|
72
|
+
hide-tooltip
|
|
71
73
|
?disabled=${component.disabled}
|
|
72
74
|
@pointerdown=${component._handlePickerPointerdown}
|
|
73
75
|
@click=${component._toggleMenu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,SAAS,oBAAoB,CAAC,SAAuB;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,IAAI,CAAA;;;;;iBAKK,SAAS,CAAC,eAAe,IAAI,OAAO;oBACjC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,SAAS,CAAC,OAAO;;;4BAGT,SAAS,CAAC,cAAc,IAAI,OAAO;mBAC5C,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,aAAa;kBAClB,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;WACvB,SAAS,CAAC,IAAI,IAAI,OAAO;mBACjB,SAAS,CAAC,YAAY,IAAI,OAAO;aACvC,SAAS,CAAC,YAAY;eACpB,SAAS,CAAC,cAAc;YAC3B,SAAS,CAAC,WAAW;;;;MAI3B,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAItB,cAAc;;cAEd,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC
|
|
1
|
+
{"version":3,"file":"combo-box.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,SAAS,oBAAoB,CAAC,SAAuB;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,IAAI,CAAA;;;;;iBAKK,SAAS,CAAC,eAAe,IAAI,OAAO;oBACjC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,SAAS,CAAC,OAAO;;;4BAGT,SAAS,CAAC,cAAc,IAAI,OAAO;mBAC5C,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,aAAa;kBAClB,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;WACvB,SAAS,CAAC,IAAI,IAAI,OAAO;mBACjB,SAAS,CAAC,YAAY,IAAI,OAAO;aACvC,SAAS,CAAC,YAAY;eACpB,SAAS,CAAC,cAAc;YAC3B,SAAS,CAAC,WAAW;;;;MAI3B,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAItB,cAAc;;cAEd,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC;;mBAE5C,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,YAAY;;;KAGjC,CAAC,CAAC,CAAC,OAAO;MACT,oBAAoB,CAAC,SAAS,CAAC;;;;aAIxB,cAAc;;aAEd,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;;kBAEhD,SAAS,CAAC,QAAQ;qBACf,SAAS,CAAC,wBAAwB;eACxC,SAAS,CAAC,WAAW;;;;;sBAKd,SAAS,CAAC,aAAa;EAC3C,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAuL1B,CAAC"}
|
|
@@ -5,10 +5,11 @@ export const dropdownStyles = css `
|
|
|
5
5
|
/* # Host */
|
|
6
6
|
|
|
7
7
|
:host {
|
|
8
|
-
display: block;
|
|
9
8
|
--_xs-picker-icon-size: var(--primitives-space-16);
|
|
10
9
|
--_sm-picker-icon-size: var(--primitives-space-20);
|
|
11
10
|
--_md-picker-icon-size: var(--primitives-space-24);
|
|
11
|
+
|
|
12
|
+
display: block;
|
|
12
13
|
-webkit-tap-highlight-color: transparent;
|
|
13
14
|
}
|
|
14
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuLhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-line-text-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,
|
|
1
|
+
{"version":3,"file":"multi-line-text-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBA4KpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4K1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAuJ7B,CAAC"}
|