@nldd/design-system 0.8.50 → 0.8.52
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 +1 -0
- package/dist/components/actions/button/button.styles.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 +1 -0
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/components.js +93 -86
- package/dist/components/content/code-viewer/code-viewer.d.ts +37 -0
- package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.i18n.d.ts +8 -0
- package/dist/components/content/code-viewer/code-viewer.i18n.d.ts.map +1 -0
- package/dist/components/content/code-viewer/code-viewer.i18n.js +7 -0
- package/dist/components/content/code-viewer/code-viewer.i18n.js.map +1 -0
- package/dist/components/content/code-viewer/code-viewer.js +104 -1
- 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 +112 -1
- 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 +50 -3
- 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 +17 -0
- 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 +12 -0
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/image.d.ts +151 -0
- package/dist/components/content/image/image.d.ts.map +1 -0
- package/dist/components/content/image/image.i18n.d.ts +8 -0
- package/dist/components/content/image/image.i18n.d.ts.map +1 -0
- package/dist/components/content/image/image.i18n.js +7 -0
- package/dist/components/content/image/image.i18n.js.map +1 -0
- package/dist/components/content/image/image.js +320 -0
- package/dist/components/content/image/image.js.map +1 -0
- package/dist/components/content/image/image.styles.d.ts +2 -0
- package/dist/components/content/image/image.styles.d.ts.map +1 -0
- package/dist/components/content/image/image.styles.js +402 -0
- package/dist/components/content/image/image.styles.js.map +1 -0
- package/dist/components/content/image/image.template.d.ts +3 -0
- package/dist/components/content/image/image.template.d.ts.map +1 -0
- package/dist/components/content/image/image.template.js +109 -0
- package/dist/components/content/image/image.template.js.map +1 -0
- package/dist/components/content/image/lqip-encoder-element.d.ts +39 -0
- package/dist/components/content/image/lqip-encoder-element.d.ts.map +1 -0
- package/dist/components/content/image/lqip-encoder-element.js +240 -0
- package/dist/components/content/image/lqip-encoder-element.js.map +1 -0
- package/dist/components/content/image/lqip-encoder.d.ts +59 -0
- package/dist/components/content/image/lqip-encoder.d.ts.map +1 -0
- package/dist/components/content/image/lqip-encoder.js +279 -0
- package/dist/components/content/image/lqip-encoder.js.map +1 -0
- package/dist/components/content/rich-text/rich-text.d.ts +9 -0
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.i18n.d.ts +5 -0
- package/dist/components/content/rich-text/rich-text.i18n.d.ts.map +1 -0
- package/dist/components/content/rich-text/rich-text.i18n.js +4 -0
- package/dist/components/content/rich-text/rich-text.i18n.js.map +1 -0
- package/dist/components/content/rich-text/rich-text.js +61 -0
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.d.ts +10 -0
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +74 -2
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/{index-BVOcPb8I.js → index-DYnIl3ts.js} +5435 -2205
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -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 +1 -0
- package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +4 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +1 -0
- 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 +4 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.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 +4 -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 +1 -0
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +4 -1
- package/dist/components/inputs/search-field/search-field.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 +1 -0
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.js +1 -0
- package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +1 -0
- 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 +4 -1
- package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +22 -14
- 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 +16 -11
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js +32 -16
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
- package/dist/components/inputs/token/token.styles.js +1 -0
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/layout/box/box.d.ts +6 -0
- package/dist/components/layout/box/box.d.ts.map +1 -1
- package/dist/components/layout/box/box.js +12 -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 +40 -1
- package/dist/components/layout/box/box.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +1 -0
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.i18n.d.ts +1 -0
- package/dist/components/layout/collection/collection.i18n.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.i18n.js +1 -0
- package/dist/components/layout/collection/collection.i18n.js.map +1 -1
- package/dist/components/layout/collection/collection.js +14 -0
- 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 +27 -0
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.template.js +12 -4
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/lists-and-menus/list/list.d.ts +10 -3
- package/dist/components/lists-and-menus/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list/list.js +8 -3
- package/dist/components/lists-and-menus/list/list.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 +33 -6
- package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.js +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.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 +1 -0
- 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 +1 -0
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +1 -0
- package/dist/components/navigation/menu-bar/menu-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 +1 -0
- 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 +1 -0
- package/dist/components/navigation/pagination/pagination.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 +1 -0
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +10 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/{prism-python-C1D7CYBc.js → prism-python-C9GXiQLy.js} +1 -1
- package/dist/components/{prism-rust-DI5vrP6V.js → prism-rust-De_U8Otq.js} +1 -1
- package/dist/components/{prism-typescript-DBgOPJ4M.js → prism-typescript-BJbUDHsa.js} +1 -1
- package/dist/components/sample-images/butterfly-1200.jpg +0 -0
- package/dist/components/sample-images/butterfly-1600.jpg +0 -0
- package/dist/components/sample-images/butterfly-480.jpg +0 -0
- package/dist/components/sample-images/butterfly-960.jpg +0 -0
- package/dist/components/status-and-feedback/badge/badge.d.ts +2 -2
- package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +1 -1
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +126 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.d.ts +89 -0
- package/dist/components/status-and-feedback/banner/banner.d.ts.map +1 -0
- package/dist/components/status-and-feedback/banner/banner.i18n.d.ts +5 -0
- package/dist/components/status-and-feedback/banner/banner.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/banner/banner.i18n.js +4 -0
- package/dist/components/status-and-feedback/banner/banner.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/banner/banner.js +206 -0
- package/dist/components/status-and-feedback/banner/banner.js.map +1 -0
- package/dist/components/status-and-feedback/banner/banner.styles.d.ts +2 -0
- package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/banner/banner.styles.js +160 -0
- package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -0
- package/dist/components/status-and-feedback/banner/banner.template.d.ts +3 -0
- package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/banner/banner.template.js +51 -0
- package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -0
- package/dist/components/status-and-feedback/progress/progress.d.ts +77 -0
- package/dist/components/status-and-feedback/progress/progress.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress/progress.i18n.d.ts +5 -0
- package/dist/components/status-and-feedback/progress/progress.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress/progress.i18n.js +4 -0
- package/dist/components/status-and-feedback/progress/progress.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/progress/progress.js +137 -0
- package/dist/components/status-and-feedback/progress/progress.js.map +1 -0
- package/dist/components/status-and-feedback/progress/progress.styles.d.ts +2 -0
- package/dist/components/status-and-feedback/progress/progress.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress/progress.styles.js +57 -0
- package/dist/components/status-and-feedback/progress/progress.styles.js.map +1 -0
- package/dist/components/status-and-feedback/progress/progress.template.d.ts +4 -0
- package/dist/components/status-and-feedback/progress/progress.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress/progress.template.js +26 -0
- package/dist/components/status-and-feedback/progress/progress.template.js.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +131 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts +8 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js +7 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js +426 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts +3 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +400 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts +3 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +60 -0
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +132 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts +8 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js +7 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js +437 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts +3 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +245 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts +14 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +115 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -0
- package/dist/css/settings.css +346 -18
- package/package.json +21 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA0RxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0R9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAmR5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmRlC,CAAC"}
|
|
@@ -1,90 +1,97 @@
|
|
|
1
|
-
import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax } from "./index-
|
|
1
|
+
import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE } from "./index-DYnIl3ts.js";
|
|
2
2
|
export {
|
|
3
3
|
N as NLDDAppView,
|
|
4
4
|
a as NLDDBadge,
|
|
5
|
-
b as
|
|
6
|
-
c as
|
|
7
|
-
d as
|
|
8
|
-
e as
|
|
9
|
-
f as
|
|
10
|
-
h as
|
|
11
|
-
i as
|
|
12
|
-
j as
|
|
13
|
-
k as
|
|
14
|
-
l as
|
|
15
|
-
m as
|
|
16
|
-
n as
|
|
17
|
-
o as
|
|
18
|
-
p as
|
|
19
|
-
q as
|
|
20
|
-
r as
|
|
21
|
-
s as
|
|
22
|
-
t as
|
|
23
|
-
u as
|
|
24
|
-
v as
|
|
25
|
-
w as
|
|
26
|
-
x as
|
|
27
|
-
y as
|
|
28
|
-
z as
|
|
29
|
-
A as
|
|
30
|
-
B as
|
|
31
|
-
C as
|
|
32
|
-
D as
|
|
33
|
-
E as
|
|
34
|
-
F as
|
|
35
|
-
G as
|
|
36
|
-
H as
|
|
37
|
-
I as
|
|
38
|
-
J as
|
|
39
|
-
K as
|
|
40
|
-
L as
|
|
41
|
-
M as
|
|
42
|
-
O as
|
|
43
|
-
P as
|
|
44
|
-
Q as
|
|
45
|
-
R as
|
|
46
|
-
S as
|
|
47
|
-
T as
|
|
48
|
-
U as
|
|
49
|
-
V as
|
|
50
|
-
W as
|
|
51
|
-
X as
|
|
52
|
-
Y as
|
|
53
|
-
Z as
|
|
54
|
-
_ as
|
|
55
|
-
$ as
|
|
56
|
-
a0 as
|
|
57
|
-
a1 as
|
|
58
|
-
a2 as
|
|
59
|
-
a3 as
|
|
60
|
-
a4 as
|
|
61
|
-
a5 as
|
|
62
|
-
a6 as
|
|
63
|
-
a7 as
|
|
64
|
-
a8 as
|
|
65
|
-
a9 as
|
|
66
|
-
aa as
|
|
67
|
-
ab as
|
|
68
|
-
ac as
|
|
69
|
-
ad as
|
|
70
|
-
ae as
|
|
71
|
-
af as
|
|
72
|
-
ag as
|
|
73
|
-
ah as
|
|
74
|
-
ai as
|
|
75
|
-
aj as
|
|
76
|
-
ak as
|
|
77
|
-
al as
|
|
78
|
-
am as
|
|
79
|
-
an as
|
|
80
|
-
ao as
|
|
81
|
-
ap as
|
|
82
|
-
aq as
|
|
83
|
-
ar as
|
|
84
|
-
as as
|
|
85
|
-
at as
|
|
86
|
-
au as
|
|
87
|
-
av as
|
|
88
|
-
aw as
|
|
89
|
-
ax as
|
|
5
|
+
b as NLDDBanner,
|
|
6
|
+
c as NLDDBarSplitView,
|
|
7
|
+
d as NLDDBlockquote,
|
|
8
|
+
e as NLDDBox,
|
|
9
|
+
f as NLDDBreadcrumbs,
|
|
10
|
+
h as NLDDBreadcrumbsItem,
|
|
11
|
+
i as NLDDButton,
|
|
12
|
+
j as NLDDButtonBar,
|
|
13
|
+
k as NLDDButtonGroup,
|
|
14
|
+
l as NLDDCard,
|
|
15
|
+
m as NLDDCell,
|
|
16
|
+
n as NLDDCheckbox,
|
|
17
|
+
o as NLDDCheckboxField,
|
|
18
|
+
p as NLDDCodeEditor,
|
|
19
|
+
q as NLDDCodeViewer,
|
|
20
|
+
r as NLDDCollection,
|
|
21
|
+
s as NLDDComboBox,
|
|
22
|
+
t as NLDDContainer,
|
|
23
|
+
u as NLDDDescriptionCell,
|
|
24
|
+
v as NLDDDivider,
|
|
25
|
+
w as NLDDDocumentTabBar,
|
|
26
|
+
x as NLDDDragHandleCell,
|
|
27
|
+
y as NLDDDropdown,
|
|
28
|
+
z as NLDDForm,
|
|
29
|
+
A as NLDDFormActions,
|
|
30
|
+
B as NLDDFormField,
|
|
31
|
+
C as NLDDFormSection,
|
|
32
|
+
D as NLDDFullBleedSection,
|
|
33
|
+
E as NLDDIcon,
|
|
34
|
+
F as NLDDIconButton,
|
|
35
|
+
G as NLDDIconCell,
|
|
36
|
+
H as NLDDImage,
|
|
37
|
+
I as NLDDInlineDialog,
|
|
38
|
+
J as NLDDKeyboardShortcut,
|
|
39
|
+
K as NLDDLink,
|
|
40
|
+
L as NLDDList,
|
|
41
|
+
M as NLDDListItem,
|
|
42
|
+
O as NLDDMenu,
|
|
43
|
+
P as NLDDMenuBar,
|
|
44
|
+
Q as NLDDMenuBarItem,
|
|
45
|
+
R as NLDDModalDialog,
|
|
46
|
+
S as NLDDMultiLineTextField,
|
|
47
|
+
T as NLDDNavigationSplitView,
|
|
48
|
+
U as NLDDNumberField,
|
|
49
|
+
V as NLDDOneHalfOneHalfSection,
|
|
50
|
+
W as NLDDOneThirdTwoThirdsSection,
|
|
51
|
+
X as NLDDPage,
|
|
52
|
+
Y as NLDDPageFooter,
|
|
53
|
+
Z as NLDDPageFooterLegalBar,
|
|
54
|
+
_ as NLDDPageFooterLegalBarItem,
|
|
55
|
+
$ as NLDDPagination,
|
|
56
|
+
a0 as NLDDPasswordField,
|
|
57
|
+
a1 as NLDDPopover,
|
|
58
|
+
a2 as NLDDProgress,
|
|
59
|
+
a3 as NLDDProgressBar,
|
|
60
|
+
a4 as NLDDProgressBarSegment,
|
|
61
|
+
a5 as NLDDProgressCircle,
|
|
62
|
+
a6 as NLDDProgressCircleSegment,
|
|
63
|
+
a7 as NLDDRadioButton,
|
|
64
|
+
a8 as NLDDRadioButtonField,
|
|
65
|
+
a9 as NLDDRadioButtonGroup,
|
|
66
|
+
aa as NLDDRichText,
|
|
67
|
+
ab as NLDDSearchField,
|
|
68
|
+
ac as NLDDSegmentedControl,
|
|
69
|
+
ad as NLDDSheet,
|
|
70
|
+
ae as NLDDSideBySideSplitView,
|
|
71
|
+
af as NLDDSimpleSection,
|
|
72
|
+
ag as NLDDSkipLink,
|
|
73
|
+
ah as NLDDSpacer,
|
|
74
|
+
ai as NLDDSpacerCell,
|
|
75
|
+
aj as NLDDSplitButton,
|
|
76
|
+
ak as NLDDSplitViewPane,
|
|
77
|
+
al as NLDDStackedSplitView,
|
|
78
|
+
am as NLDDStepper,
|
|
79
|
+
an as NLDDSwitch,
|
|
80
|
+
ao as NLDDSwitchField,
|
|
81
|
+
ap as NLDDTabBar,
|
|
82
|
+
aq as NLDDTag,
|
|
83
|
+
ar as NLDDTextCell,
|
|
84
|
+
as as NLDDTextField,
|
|
85
|
+
at as NLDDTimelineTrackCell,
|
|
86
|
+
au as NLDDTitle,
|
|
87
|
+
av as NLDDTitleCell,
|
|
88
|
+
aw as NLDDToggleButton,
|
|
89
|
+
ax as NLDDToggleButtonGroup,
|
|
90
|
+
ay as NLDDToken,
|
|
91
|
+
az as NLDDToolbar,
|
|
92
|
+
aA as NLDDTooltip,
|
|
93
|
+
aB as NLDDTopNavigationBar,
|
|
94
|
+
aC as NLDDTopTitleBar,
|
|
95
|
+
aD as NLDDTwoThirdsOneThirdSection,
|
|
96
|
+
aE as NLDDWindow
|
|
90
97
|
};
|
|
@@ -32,24 +32,61 @@
|
|
|
32
32
|
*
|
|
33
33
|
* @element nldd-code-viewer
|
|
34
34
|
*
|
|
35
|
+
* @attr {'simple'|'box'} variant - Visual style. `box` (default) is a framed
|
|
36
|
+
* card with rounded corners, padding, fill, and a 1px border ring. `simple`
|
|
37
|
+
* drops the entire frame (no corners, no padding, no fill, no ring) — use
|
|
38
|
+
* when embedding inside a parent that supplies its own surface.
|
|
39
|
+
* @attr {'tinted'|'base'} background - Surface fill when `variant="box"`.
|
|
40
|
+
* `tinted` (default) for a card on a plain page; `base` for a card on an
|
|
41
|
+
* already-tinted parent (the border ring picks the +2-step semantic so the
|
|
42
|
+
* frame still reads against a card-on-card).
|
|
35
43
|
* @attr {string} language - Grammar to highlight with (yaml, json, javascript, typescript, css, html, xml, bash, markdown, rust, gherkin, toml, sql, python). Empty disables highlighting.
|
|
44
|
+
* @attr {boolean} no-copy - Hide the copy-to-clipboard button (shown by default).
|
|
36
45
|
* @attr {boolean} wrap - Wrap long lines instead of horizontal scroll
|
|
37
46
|
*
|
|
38
47
|
* @slot - Default slot for the code/text content
|
|
39
48
|
*/
|
|
40
49
|
import { LitElement } from 'lit';
|
|
50
|
+
import type { NLDDCodeViewerTranslations } from './code-viewer.i18n.js';
|
|
51
|
+
import '../../actions/icon-button/icon-button.js';
|
|
52
|
+
import '../tooltip/tooltip.js';
|
|
53
|
+
export type CodeViewerCopyState = 'idle' | 'success' | 'failure';
|
|
41
54
|
export declare class NLDDCodeViewer extends LitElement {
|
|
42
55
|
static styles: import("lit").CSSResult;
|
|
56
|
+
/** Visual style. `box` (default) is a framed card; `simple` drops the
|
|
57
|
+
* entire frame for embedding in a consumer-provided container. */
|
|
58
|
+
variant: 'simple' | 'box';
|
|
59
|
+
/** Surface fill when `variant="box"`. */
|
|
60
|
+
background: 'tinted' | 'base';
|
|
43
61
|
language: string;
|
|
62
|
+
/** Hide the copy-to-clipboard button (shown by default). */
|
|
63
|
+
noCopy: boolean;
|
|
44
64
|
wrap: boolean;
|
|
65
|
+
/** Override one or more translation keys. Unspecified keys fall back to Dutch. */
|
|
66
|
+
translations: Partial<NLDDCodeViewerTranslations>;
|
|
45
67
|
_highlightedHtml: string;
|
|
68
|
+
_isScrollable: boolean;
|
|
69
|
+
_copyState: CodeViewerCopyState;
|
|
46
70
|
private _highlightPending;
|
|
47
71
|
private _unsubscribeScheme?;
|
|
72
|
+
private _resizeObserver?;
|
|
73
|
+
private _copyResetTimer?;
|
|
48
74
|
render(): import("lit-html").TemplateResult;
|
|
49
75
|
connectedCallback(): void;
|
|
50
76
|
disconnectedCallback(): void;
|
|
77
|
+
firstUpdated(): void;
|
|
51
78
|
_onSlotChange(e: Event): void;
|
|
52
79
|
updated(changed: Map<string, unknown>): void;
|
|
80
|
+
_t(key: keyof NLDDCodeViewerTranslations): string;
|
|
81
|
+
private _updateScrollable;
|
|
82
|
+
private _getRawText;
|
|
83
|
+
_onCopyClick(): Promise<void>;
|
|
84
|
+
/** Escape on the open feedback tooltip dismisses it early (WCAG 1.4.13:
|
|
85
|
+
* persistent hover/focus content must be dismissible without moving
|
|
86
|
+
* focus). nldd-tooltip emits nldd-tooltip-dismiss because the consumer
|
|
87
|
+
* owns its open lifecycle; we honour it by clearing the feedback state
|
|
88
|
+
* and cancelling the auto-reset timer. */
|
|
89
|
+
_onCopyDismiss(): void;
|
|
53
90
|
private _repaintCodeBlock;
|
|
54
91
|
getUpdateComplete(): Promise<boolean>;
|
|
55
92
|
private _refreshHighlight;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-viewer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"code-viewer.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,0CAA0C,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AA2CjE,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAE1C;uEACmE;IAEnE,OAAO,EAAE,QAAQ,GAAG,KAAK,CAAS;IAElC,yCAAyC;IAEzC,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAY;IAGzC,QAAQ,SAAM;IAEd,4DAA4D;IAE5D,MAAM,UAAS;IAGf,IAAI,UAAS;IAEb,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAGvD,gBAAgB,SAAM;IAGtB,aAAa,UAAS;IAGtB,UAAU,EAAE,mBAAmB,CAAU;IAEzC,OAAO,CAAC,iBAAiB,CAAoC;IAC7D,OAAO,CAAC,kBAAkB,CAAC,CAAa;IACxC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,eAAe,CAAC,CAAgC;IAE/C,MAAM;IAIN,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAU5B,YAAY,IAAI,IAAI;IAQ7B,aAAa,CAAC,CAAC,EAAE,KAAK;IAIb,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAYvC,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAIxD,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,WAAW;IAQN,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAa1C;;;;+CAI2C;IACpC,cAAc,IAAI,IAAI;IAK7B,OAAO,CAAC,iBAAiB;IAQV,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC;IAMpD,OAAO,CAAC,iBAAiB;YAIX,aAAa;CA4B3B;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const nlddCodeViewerTranslations: {
|
|
2
|
+
'components.code-viewer.region-label': string;
|
|
3
|
+
'components.code-viewer.copy-action': string;
|
|
4
|
+
'components.code-viewer.copy-success-text': string;
|
|
5
|
+
'components.code-viewer.copy-failure-text': string;
|
|
6
|
+
};
|
|
7
|
+
export type NLDDCodeViewerTranslations = typeof nlddCodeViewerTranslations;
|
|
8
|
+
//# sourceMappingURL=code-viewer.i18n.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-viewer.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B;;;;;CAKtC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export const nlddCodeViewerTranslations = {
|
|
2
|
+
'components.code-viewer.region-label': 'Code',
|
|
3
|
+
'components.code-viewer.copy-action': 'Kopieer',
|
|
4
|
+
'components.code-viewer.copy-success-text': 'Gekopieerd',
|
|
5
|
+
'components.code-viewer.copy-failure-text': 'Kopiëren mislukt',
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=code-viewer.i18n.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-viewer.i18n.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,qCAAqC,EAAE,MAAM;IAC7C,oCAAoC,EAAE,SAAS;IAC/C,0CAA0C,EAAE,YAAY;IACxD,0CAA0C,EAAE,kBAAkB;CAC9D,CAAC"}
|
|
@@ -38,7 +38,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
38
38
|
*
|
|
39
39
|
* @element nldd-code-viewer
|
|
40
40
|
*
|
|
41
|
+
* @attr {'simple'|'box'} variant - Visual style. `box` (default) is a framed
|
|
42
|
+
* card with rounded corners, padding, fill, and a 1px border ring. `simple`
|
|
43
|
+
* drops the entire frame (no corners, no padding, no fill, no ring) — use
|
|
44
|
+
* when embedding inside a parent that supplies its own surface.
|
|
45
|
+
* @attr {'tinted'|'base'} background - Surface fill when `variant="box"`.
|
|
46
|
+
* `tinted` (default) for a card on a plain page; `base` for a card on an
|
|
47
|
+
* already-tinted parent (the border ring picks the +2-step semantic so the
|
|
48
|
+
* frame still reads against a card-on-card).
|
|
41
49
|
* @attr {string} language - Grammar to highlight with (yaml, json, javascript, typescript, css, html, xml, bash, markdown, rust, gherkin, toml, sql, python). Empty disables highlighting.
|
|
50
|
+
* @attr {boolean} no-copy - Hide the copy-to-clipboard button (shown by default).
|
|
42
51
|
* @attr {boolean} wrap - Wrap long lines instead of horizontal scroll
|
|
43
52
|
*
|
|
44
53
|
* @slot - Default slot for the code/text content
|
|
@@ -48,7 +57,11 @@ import { customElement, property, state } from 'lit/decorators.js';
|
|
|
48
57
|
import Prism from 'prismjs';
|
|
49
58
|
import { codeViewerStyles } from './code-viewer.styles.js';
|
|
50
59
|
import { codeViewerTemplate } from './code-viewer.template.js';
|
|
60
|
+
import { nlddCodeViewerTranslations } from './code-viewer.i18n.js';
|
|
51
61
|
import { onColorSchemeChange, forceScrollLayerRepaint } from '../../../utilities/color-scheme-repaint.js';
|
|
62
|
+
import '../../actions/icon-button/icon-button.js';
|
|
63
|
+
import '../tooltip/tooltip.js';
|
|
64
|
+
const COPY_FEEDBACK_DURATION_MS = 2000;
|
|
52
65
|
/* Map our public language names to Prism grammar loaders. `html` and `xml`
|
|
53
66
|
* share the markup grammar (covers html/xml/svg). Static `import()` calls let
|
|
54
67
|
* the bundler emit one chunk per file, so consumers only download
|
|
@@ -89,9 +102,20 @@ function loadGrammar(language) {
|
|
|
89
102
|
let NLDDCodeViewer = class NLDDCodeViewer extends LitElement {
|
|
90
103
|
constructor() {
|
|
91
104
|
super(...arguments);
|
|
105
|
+
/** Visual style. `box` (default) is a framed card; `simple` drops the
|
|
106
|
+
* entire frame for embedding in a consumer-provided container. */
|
|
107
|
+
this.variant = 'box';
|
|
108
|
+
/** Surface fill when `variant="box"`. */
|
|
109
|
+
this.background = 'tinted';
|
|
92
110
|
this.language = '';
|
|
111
|
+
/** Hide the copy-to-clipboard button (shown by default). */
|
|
112
|
+
this.noCopy = false;
|
|
93
113
|
this.wrap = false;
|
|
114
|
+
/** Override one or more translation keys. Unspecified keys fall back to Dutch. */
|
|
115
|
+
this.translations = {};
|
|
94
116
|
this._highlightedHtml = '';
|
|
117
|
+
this._isScrollable = false;
|
|
118
|
+
this._copyState = 'idle';
|
|
95
119
|
this._highlightPending = Promise.resolve();
|
|
96
120
|
}
|
|
97
121
|
render() {
|
|
@@ -101,7 +125,7 @@ let NLDDCodeViewer = class NLDDCodeViewer extends LitElement {
|
|
|
101
125
|
super.connectedCallback();
|
|
102
126
|
/* The .code-viewer block has overflow-x: auto and tends to scroll wide
|
|
103
127
|
* content. Browsers cache off-screen tiles for its scroll layer and
|
|
104
|
-
* don't reliably invalidate them when light-dark()
|
|
128
|
+
* don't reliably invalidate them when light-dark() colors flip with
|
|
105
129
|
* color-scheme, so scroll back after a theme switch shows stale
|
|
106
130
|
* paint. Drop the layer on each scheme change to repaint clean. */
|
|
107
131
|
this._unsubscribeScheme = onColorSchemeChange(() => this._repaintCodeBlock());
|
|
@@ -110,6 +134,18 @@ let NLDDCodeViewer = class NLDDCodeViewer extends LitElement {
|
|
|
110
134
|
super.disconnectedCallback();
|
|
111
135
|
this._unsubscribeScheme?.();
|
|
112
136
|
this._unsubscribeScheme = undefined;
|
|
137
|
+
this._resizeObserver?.disconnect();
|
|
138
|
+
this._resizeObserver = undefined;
|
|
139
|
+
clearTimeout(this._copyResetTimer);
|
|
140
|
+
this._copyResetTimer = undefined;
|
|
141
|
+
}
|
|
142
|
+
firstUpdated() {
|
|
143
|
+
const pre = this.shadowRoot?.querySelector('.code-viewer');
|
|
144
|
+
if (!pre)
|
|
145
|
+
return;
|
|
146
|
+
this._resizeObserver = new ResizeObserver(() => this._updateScrollable(pre));
|
|
147
|
+
this._resizeObserver.observe(pre);
|
|
148
|
+
this._updateScrollable(pre);
|
|
113
149
|
}
|
|
114
150
|
_onSlotChange(e) {
|
|
115
151
|
this._refreshHighlight(e.target);
|
|
@@ -117,6 +153,55 @@ let NLDDCodeViewer = class NLDDCodeViewer extends LitElement {
|
|
|
117
153
|
updated(changed) {
|
|
118
154
|
if (changed.has('language'))
|
|
119
155
|
this._refreshHighlight();
|
|
156
|
+
/* Re-evaluate scrollability whenever something other than _isScrollable
|
|
157
|
+
* itself changes. Content swaps (slot/highlight) and wrap toggles can
|
|
158
|
+
* change overflow without resizing the pre, so ResizeObserver alone
|
|
159
|
+
* misses them. */
|
|
160
|
+
if (changed.size > 0 && !(changed.size === 1 && changed.has('_isScrollable'))) {
|
|
161
|
+
const pre = this.shadowRoot?.querySelector('.code-viewer');
|
|
162
|
+
if (pre)
|
|
163
|
+
this._updateScrollable(pre);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
_t(key) {
|
|
167
|
+
return this.translations[key] ?? nlddCodeViewerTranslations[key];
|
|
168
|
+
}
|
|
169
|
+
_updateScrollable(pre) {
|
|
170
|
+
this._isScrollable = !this.wrap && pre.scrollWidth > pre.clientWidth;
|
|
171
|
+
}
|
|
172
|
+
/* Read the raw, unhighlighted slot text. Prism wraps tokens in spans for
|
|
173
|
+
* the visual highlight, but the user clicking "copy" wants what they'd
|
|
174
|
+
* have typed — so go to the assigned light-DOM nodes, not the rendered
|
|
175
|
+
* shadow content. */
|
|
176
|
+
_getRawText() {
|
|
177
|
+
const slot = this.shadowRoot?.querySelector('slot');
|
|
178
|
+
if (!slot)
|
|
179
|
+
return '';
|
|
180
|
+
return slot.assignedNodes({ flatten: true })
|
|
181
|
+
.map((n) => n.textContent ?? '')
|
|
182
|
+
.join('');
|
|
183
|
+
}
|
|
184
|
+
async _onCopyClick() {
|
|
185
|
+
try {
|
|
186
|
+
await navigator.clipboard.writeText(this._getRawText());
|
|
187
|
+
this._copyState = 'success';
|
|
188
|
+
}
|
|
189
|
+
catch {
|
|
190
|
+
this._copyState = 'failure';
|
|
191
|
+
}
|
|
192
|
+
clearTimeout(this._copyResetTimer);
|
|
193
|
+
this._copyResetTimer = setTimeout(() => {
|
|
194
|
+
this._copyState = 'idle';
|
|
195
|
+
}, COPY_FEEDBACK_DURATION_MS);
|
|
196
|
+
}
|
|
197
|
+
/** Escape on the open feedback tooltip dismisses it early (WCAG 1.4.13:
|
|
198
|
+
* persistent hover/focus content must be dismissible without moving
|
|
199
|
+
* focus). nldd-tooltip emits nldd-tooltip-dismiss because the consumer
|
|
200
|
+
* owns its open lifecycle; we honour it by clearing the feedback state
|
|
201
|
+
* and cancelling the auto-reset timer. */
|
|
202
|
+
_onCopyDismiss() {
|
|
203
|
+
clearTimeout(this._copyResetTimer);
|
|
204
|
+
this._copyState = 'idle';
|
|
120
205
|
}
|
|
121
206
|
_repaintCodeBlock() {
|
|
122
207
|
const block = this.shadowRoot?.querySelector('.code-viewer');
|
|
@@ -166,15 +251,33 @@ let NLDDCodeViewer = class NLDDCodeViewer extends LitElement {
|
|
|
166
251
|
}
|
|
167
252
|
};
|
|
168
253
|
NLDDCodeViewer.styles = codeViewerStyles;
|
|
254
|
+
__decorate([
|
|
255
|
+
property({ type: String, reflect: true })
|
|
256
|
+
], NLDDCodeViewer.prototype, "variant", void 0);
|
|
257
|
+
__decorate([
|
|
258
|
+
property({ type: String, reflect: true })
|
|
259
|
+
], NLDDCodeViewer.prototype, "background", void 0);
|
|
169
260
|
__decorate([
|
|
170
261
|
property({ type: String, reflect: true })
|
|
171
262
|
], NLDDCodeViewer.prototype, "language", void 0);
|
|
263
|
+
__decorate([
|
|
264
|
+
property({ type: Boolean, reflect: true, attribute: 'no-copy' })
|
|
265
|
+
], NLDDCodeViewer.prototype, "noCopy", void 0);
|
|
172
266
|
__decorate([
|
|
173
267
|
property({ type: Boolean, reflect: true })
|
|
174
268
|
], NLDDCodeViewer.prototype, "wrap", void 0);
|
|
269
|
+
__decorate([
|
|
270
|
+
property({ type: Object })
|
|
271
|
+
], NLDDCodeViewer.prototype, "translations", void 0);
|
|
175
272
|
__decorate([
|
|
176
273
|
state()
|
|
177
274
|
], NLDDCodeViewer.prototype, "_highlightedHtml", void 0);
|
|
275
|
+
__decorate([
|
|
276
|
+
state()
|
|
277
|
+
], NLDDCodeViewer.prototype, "_isScrollable", void 0);
|
|
278
|
+
__decorate([
|
|
279
|
+
state()
|
|
280
|
+
], NLDDCodeViewer.prototype, "_copyState", void 0);
|
|
178
281
|
NLDDCodeViewer = __decorate([
|
|
179
282
|
customElement('nldd-code-viewer')
|
|
180
283
|
], NLDDCodeViewer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-viewer.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"code-viewer.js","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-viewer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"code-viewer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code-viewer/code-viewer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAqM5B,CAAC"}
|