@dso-toolkit/core 51.3.0 → 51.4.0

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.
Files changed (83) hide show
  1. package/dist/cjs/dso-accordion-section.cjs.entry.js +1 -1
  2. package/dist/cjs/dso-alert.cjs.entry.js +1 -1
  3. package/dist/cjs/dso-badge.cjs.entry.js +1 -1
  4. package/dist/cjs/dso-dropdown-menu.cjs.entry.js +45 -1
  5. package/dist/cjs/dso-header.cjs.entry.js +1 -1
  6. package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
  7. package/dist/cjs/dso-info_2.cjs.entry.js +4 -3
  8. package/dist/cjs/dso-label.cjs.entry.js +1 -1
  9. package/dist/cjs/dso-map-controls.cjs.entry.js +12 -4
  10. package/dist/cjs/dso-toolkit.cjs.js +1 -1
  11. package/dist/cjs/dso-tooltip.cjs.entry.js +4 -1801
  12. package/dist/cjs/index.cjs.js +7 -0
  13. package/dist/cjs/loader.cjs.js +1 -1
  14. package/dist/cjs/map-controls.interfaces-5ceec716.js +5 -0
  15. package/dist/cjs/popper-6adb1c1a.js +1803 -0
  16. package/dist/collection/components/accordion/components/accordion-section.css +6 -11
  17. package/dist/collection/components/alert/alert.css +4 -4
  18. package/dist/collection/components/badge/badge.css +2 -2
  19. package/dist/collection/components/dropdown-menu/dropdown-menu.css +0 -1
  20. package/dist/collection/components/dropdown-menu/dropdown-menu.js +64 -0
  21. package/dist/collection/components/header/header.css +2 -2
  22. package/dist/collection/components/highlight-box/highlight-box.css +1 -0
  23. package/dist/collection/components/info/info.css +1 -0
  24. package/dist/collection/components/label/label.css +2 -2
  25. package/dist/collection/components/map-controls/map-controls.interfaces.js +1 -0
  26. package/dist/collection/components/map-controls/map-controls.js +58 -2
  27. package/dist/collection/components/selectable/selectable.css +1 -0
  28. package/dist/collection/components/selectable/selectable.js +19 -1
  29. package/dist/collection/index.js +1 -0
  30. package/dist/components/dropdown-menu.js +47 -2
  31. package/dist/components/dso-accordion-section.js +1 -1
  32. package/dist/components/dso-alert.js +1 -1
  33. package/dist/components/dso-badge.js +1 -1
  34. package/dist/components/dso-header.js +1 -1
  35. package/dist/components/dso-highlight-box.js +1 -1
  36. package/dist/components/dso-label.js +1 -1
  37. package/dist/components/dso-map-controls.js +14 -4
  38. package/dist/components/index.js +1 -1
  39. package/dist/components/info.js +1 -1
  40. package/dist/components/popper.js +1799 -0
  41. package/dist/components/selectable.js +4 -2
  42. package/dist/components/tooltip.js +4 -1801
  43. package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
  44. package/dist/dso-toolkit/index.esm.js +1 -0
  45. package/dist/dso-toolkit/p-07952ece.entry.js +1 -0
  46. package/dist/dso-toolkit/{p-1f0672f2.entry.js → p-147ec7bd.entry.js} +1 -1
  47. package/dist/dso-toolkit/p-1cea3b99.js +1 -0
  48. package/dist/dso-toolkit/p-30df5586.entry.js +1 -0
  49. package/dist/dso-toolkit/p-4b18389c.entry.js +1 -0
  50. package/dist/dso-toolkit/{p-2af58b20.entry.js → p-4c8426b7.entry.js} +1 -1
  51. package/dist/dso-toolkit/{p-8de85ae7.entry.js → p-5082d823.entry.js} +1 -1
  52. package/dist/dso-toolkit/p-85b18dbd.js +1 -0
  53. package/dist/dso-toolkit/{p-5b7c0fa5.entry.js → p-c1226b66.entry.js} +1 -1
  54. package/dist/dso-toolkit/p-c2a4f4ea.entry.js +1 -0
  55. package/dist/dso-toolkit/p-e3c9c7d0.entry.js +1 -0
  56. package/dist/dso-toolkit/{p-c4c309b5.entry.js → p-f53860da.entry.js} +1 -1
  57. package/dist/esm/dso-accordion-section.entry.js +1 -1
  58. package/dist/esm/dso-alert.entry.js +1 -1
  59. package/dist/esm/dso-badge.entry.js +1 -1
  60. package/dist/esm/dso-dropdown-menu.entry.js +45 -1
  61. package/dist/esm/dso-header.entry.js +1 -1
  62. package/dist/esm/dso-highlight-box.entry.js +1 -1
  63. package/dist/esm/dso-info_2.entry.js +4 -3
  64. package/dist/esm/dso-label.entry.js +1 -1
  65. package/dist/esm/dso-map-controls.entry.js +10 -2
  66. package/dist/esm/dso-toolkit.js +1 -1
  67. package/dist/esm/dso-tooltip.entry.js +1 -1798
  68. package/dist/esm/index.js +1 -1
  69. package/dist/esm/loader.js +1 -1
  70. package/dist/esm/map-controls.interfaces-2323e8ac.js +3 -0
  71. package/dist/esm/popper-467f7841.js +1799 -0
  72. package/dist/types/components/dropdown-menu/dropdown-menu.d.ts +5 -0
  73. package/dist/types/components/map-controls/map-controls.d.ts +9 -0
  74. package/dist/types/components/map-controls/map-controls.interfaces.d.ts +5 -0
  75. package/dist/types/components/selectable/selectable.d.ts +1 -0
  76. package/dist/types/components.d.ts +16 -0
  77. package/dist/types/index.d.ts +1 -0
  78. package/package.json +2 -2
  79. package/dist/dso-toolkit/p-0bc8885e.entry.js +0 -1
  80. package/dist/dso-toolkit/p-0ca60778.entry.js +0 -1
  81. package/dist/dso-toolkit/p-1854d6ed.entry.js +0 -1
  82. package/dist/dso-toolkit/p-b337f001.entry.js +0 -1
  83. package/dist/dso-toolkit/p-fbb20550.entry.js +0 -1
package/dist/components/selectable.js CHANGED
@@ -4,7 +4,7 @@ import { d as defineCustomElement$3 } from './icon.js';
4
4
  import { d as defineCustomElement$2 } from './info.js';
5
5
  import { d as defineCustomElement$1 } from './info-button.js';
6
6
 
7
- const selectableCss = ".sc-dso-selectable-h{display:block;position:relative}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-top:8px;padding-left:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-top:8px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-left:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:\"\";height:20px;left:2px;position:absolute;top:2px;width:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:\"\";left:6px;opacity:0;position:absolute;top:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:\"\";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin:8px 16px 0 -32px;width:calc(100% + 32px)}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;padding-left:32px}.dso-selectable-input-wrapper.sc-dso-selectable:focus-within{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);height:20px;left:2px;top:2px;width:20px}";
7
+ const selectableCss = ".sc-dso-selectable-h{display:block;position:relative}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-top:8px;padding-left:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-top:8px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-left:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:\"\";height:20px;left:2px;position:absolute;top:2px;width:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:\"\";left:6px;opacity:0;position:absolute;top:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:\"\";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin:8px 16px 0 -32px;width:calc(100% + 32px)}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-height:24px;padding-left:32px}.dso-selectable-input-wrapper.sc-dso-selectable:focus-within{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);height:20px;left:2px;top:2px;width:20px}";
8
8
 
9
9
  const Selectable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
10
10
  constructor() {
@@ -18,6 +18,7 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
18
18
  this.value = undefined;
19
19
  this.invalid = undefined;
20
20
  this.describedById = undefined;
21
+ this.labelledById = undefined;
21
22
  this.disabled = undefined;
22
23
  this.required = undefined;
23
24
  this.checked = undefined;
@@ -50,7 +51,7 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
50
51
  render() {
51
52
  var _a;
52
53
  const hasInfo = !!this.host.querySelector('[slot="info"]');
53
- return (h(Fragment, null, h("div", { class: "dso-selectable-input-wrapper" }, h("input", { type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, disabled: this.disabled, required: this.required, checked: this.checked, onChange: (e) => this.dsoChange.emit(e), ref: (el) => (this.input = el) }), h("label", { htmlFor: this.getIdentifier() }, h("slot", null))), hasInfo && (h(Fragment, null, !this.infoFixed && (h("dso-info-button", { active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) })), h("dso-info", { id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", null, h("slot", { name: "info" })))))));
54
+ return (h(Fragment, null, h("div", { class: "dso-selectable-input-wrapper" }, h("input", { type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: (e) => this.dsoChange.emit(e), ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null))), hasInfo && (h(Fragment, null, !this.infoFixed && (h("dso-info-button", { active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) })), h("dso-info", { id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", null, h("slot", { name: "info" })))))));
54
55
  }
55
56
  getIdentifier() {
56
57
  var _a;
@@ -68,6 +69,7 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
68
69
  "value": [1],
69
70
  "invalid": [4],
70
71
  "describedById": [1, "described-by-id"],
72
+ "labelledById": [1, "labelled-by-id"],
71
73
  "disabled": [4],
72
74
  "required": [4],
73
75
  "checked": [4],