@politiet/sheriff-web-components 2.5.1 → 2.6.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 (133) hide show
  1. package/custom-elements.json +613 -472
  2. package/dist/frameworks/preact.d.ts +12 -3
  3. package/dist/frameworks/preact.d.ts.map +1 -1
  4. package/dist/frameworks/react.d.ts +12 -3
  5. package/dist/frameworks/react.d.ts.map +1 -1
  6. package/dist/frameworks/solidjs.d.ts +3 -0
  7. package/dist/frameworks/solidjs.d.ts.map +1 -1
  8. package/dist/frameworks/svelte.d.ts +3 -0
  9. package/dist/frameworks/svelte.d.ts.map +1 -1
  10. package/dist/frameworks/vue.d.ts +3 -0
  11. package/dist/frameworks/vue.d.ts.map +1 -1
  12. package/dist/index.d.ts +6 -0
  13. package/dist/index.d.ts.map +1 -1
  14. package/dist/index.js +3 -0
  15. package/dist/index.js.map +1 -1
  16. package/dist/mixins/index.d.ts +3 -0
  17. package/dist/mixins/index.d.ts.map +1 -0
  18. package/dist/mixins/index.js +3 -0
  19. package/dist/mixins/index.js.map +1 -0
  20. package/dist/mixins/sds-delegate-interaction-mixin.d.ts +27 -0
  21. package/dist/mixins/sds-delegate-interaction-mixin.d.ts.map +1 -0
  22. package/dist/mixins/sds-delegate-interaction-mixin.js +29 -0
  23. package/dist/mixins/sds-delegate-interaction-mixin.js.map +1 -0
  24. package/dist/mixins/sds-event-dispatcher-mixin.d.ts +1 -2
  25. package/dist/mixins/sds-event-dispatcher-mixin.d.ts.map +1 -1
  26. package/dist/mixins/sds-event-dispatcher-mixin.js.map +1 -1
  27. package/dist/mixins/sds-popover-target-mixin.d.ts +8 -0
  28. package/dist/mixins/sds-popover-target-mixin.d.ts.map +1 -0
  29. package/dist/mixins/sds-popover-target-mixin.js +77 -0
  30. package/dist/mixins/sds-popover-target-mixin.js.map +1 -0
  31. package/dist/mixins/types.d.ts +2 -0
  32. package/dist/mixins/types.d.ts.map +1 -0
  33. package/dist/mixins/types.js +2 -0
  34. package/dist/mixins/types.js.map +1 -0
  35. package/dist/react-wrappers/SDSPopoverWrapper.d.ts +3 -0
  36. package/dist/react-wrappers/SDSPopoverWrapper.d.ts.map +1 -0
  37. package/dist/react-wrappers/SDSPopoverWrapper.js +10 -0
  38. package/dist/react-wrappers/SDSPopoverWrapper.js.map +1 -0
  39. package/dist/react-wrappers/SDSProcessStepWrapper.d.ts +3 -0
  40. package/dist/react-wrappers/SDSProcessStepWrapper.d.ts.map +1 -0
  41. package/dist/react-wrappers/SDSProcessStepWrapper.js +10 -0
  42. package/dist/react-wrappers/SDSProcessStepWrapper.js.map +1 -0
  43. package/dist/react-wrappers/SDSProcessWrapper.d.ts +3 -0
  44. package/dist/react-wrappers/SDSProcessWrapper.d.ts.map +1 -0
  45. package/dist/react-wrappers/SDSProcessWrapper.js +10 -0
  46. package/dist/react-wrappers/SDSProcessWrapper.js.map +1 -0
  47. package/dist/react-wrappers/index.d.ts +3 -0
  48. package/dist/react-wrappers/index.d.ts.map +1 -1
  49. package/dist/react-wrappers/index.js +3 -0
  50. package/dist/react-wrappers/index.js.map +1 -1
  51. package/dist/sds-alert/sds-alert.component.d.ts +1 -1
  52. package/dist/sds-button/sds-button.component.d.ts +4 -4
  53. package/dist/sds-button/sds-button.component.d.ts.map +1 -1
  54. package/dist/sds-button/sds-button.component.js +17 -15
  55. package/dist/sds-button/sds-button.component.js.map +1 -1
  56. package/dist/sds-checkbox/sds-checkbox.d.ts +1 -4
  57. package/dist/sds-checkbox/sds-checkbox.d.ts.map +1 -1
  58. package/dist/sds-checkbox/sds-checkbox.js +2 -14
  59. package/dist/sds-checkbox/sds-checkbox.js.map +1 -1
  60. package/dist/sds-checkbox-group/sds-checkbox-group.d.ts +1 -1
  61. package/dist/sds-chip/sds-chip.d.ts +13 -12
  62. package/dist/sds-chip/sds-chip.d.ts.map +1 -1
  63. package/dist/sds-chip/sds-chip.js +27 -26
  64. package/dist/sds-chip/sds-chip.js.map +1 -1
  65. package/dist/sds-details/sds-details.d.ts +1 -1
  66. package/dist/sds-dialog/sds-dialog.d.ts +4 -1
  67. package/dist/sds-dialog/sds-dialog.d.ts.map +1 -1
  68. package/dist/sds-dialog/sds-dialog.js +40 -22
  69. package/dist/sds-dialog/sds-dialog.js.map +1 -1
  70. package/dist/sds-dialog/sds-dialog.styles.d.ts.map +1 -1
  71. package/dist/sds-dialog/sds-dialog.styles.js +3 -1
  72. package/dist/sds-dialog/sds-dialog.styles.js.map +1 -1
  73. package/dist/sds-notification/sds-notification.d.ts +1 -1
  74. package/dist/sds-popover/assets/popover-styles.d.ts +3 -0
  75. package/dist/sds-popover/assets/popover-styles.d.ts.map +1 -0
  76. package/dist/sds-popover/assets/popover-styles.js +3 -0
  77. package/dist/sds-popover/assets/popover-styles.js.map +1 -0
  78. package/dist/sds-popover/assets/positioning.js +1 -0
  79. package/dist/sds-popover/sds-popover.d.ts +25 -0
  80. package/dist/sds-popover/sds-popover.d.ts.map +1 -0
  81. package/dist/sds-popover/sds-popover.js +43 -0
  82. package/dist/sds-popover/sds-popover.js.map +1 -0
  83. package/dist/sds-popover/sds-popover.styles.d.ts +2 -0
  84. package/dist/sds-popover/sds-popover.styles.d.ts.map +1 -0
  85. package/dist/sds-popover/sds-popover.styles.js +52 -0
  86. package/dist/sds-popover/sds-popover.styles.js.map +1 -0
  87. package/dist/sds-process/sds-process.d.ts +20 -0
  88. package/dist/sds-process/sds-process.d.ts.map +1 -0
  89. package/dist/sds-process/sds-process.js +29 -0
  90. package/dist/sds-process/sds-process.js.map +1 -0
  91. package/dist/sds-process/sds-process.styles.d.ts +2 -0
  92. package/dist/sds-process/sds-process.styles.d.ts.map +1 -0
  93. package/dist/sds-process/sds-process.styles.js +8 -0
  94. package/dist/sds-process/sds-process.styles.js.map +1 -0
  95. package/dist/sds-process-step/sds-process-step.d.ts +29 -0
  96. package/dist/sds-process-step/sds-process-step.d.ts.map +1 -0
  97. package/dist/sds-process-step/sds-process-step.js +75 -0
  98. package/dist/sds-process-step/sds-process-step.js.map +1 -0
  99. package/dist/sds-process-step/sds-process-step.styles.d.ts +2 -0
  100. package/dist/sds-process-step/sds-process-step.styles.d.ts.map +1 -0
  101. package/dist/sds-process-step/sds-process-step.styles.js +143 -0
  102. package/dist/sds-process-step/sds-process-step.styles.js.map +1 -0
  103. package/dist/sds-radio/sds-radio.d.ts +1 -4
  104. package/dist/sds-radio/sds-radio.d.ts.map +1 -1
  105. package/dist/sds-radio/sds-radio.js +2 -14
  106. package/dist/sds-radio/sds-radio.js.map +1 -1
  107. package/dist/sds-radio-group/sds-radio-group.d.ts +1 -1
  108. package/dist/sds-select/sds-select.d.ts +1 -4
  109. package/dist/sds-select/sds-select.d.ts.map +1 -1
  110. package/dist/sds-select/sds-select.js +5 -18
  111. package/dist/sds-select/sds-select.js.map +1 -1
  112. package/dist/sds-stepper/sds-stepper.d.ts +1 -1
  113. package/dist/sds-stepper-step/sds-stepper-step.d.ts +1 -1
  114. package/dist/sds-switch/sds-switch.d.ts +1 -1
  115. package/dist/sds-textarea/sds-textarea.d.ts +1 -4
  116. package/dist/sds-textarea/sds-textarea.d.ts.map +1 -1
  117. package/dist/sds-textarea/sds-textarea.js +2 -14
  118. package/dist/sds-textarea/sds-textarea.js.map +1 -1
  119. package/dist/sds-textfield/sds-textfield.d.ts +1 -4
  120. package/dist/sds-textfield/sds-textfield.d.ts.map +1 -1
  121. package/dist/sds-textfield/sds-textfield.js +2 -14
  122. package/dist/sds-textfield/sds-textfield.js.map +1 -1
  123. package/dist/sds-textfield/sds-textfield.spec.js +3 -3
  124. package/dist/sds-textfield/sds-textfield.spec.js.map +1 -1
  125. package/dist/sheriff-web-components.js +324 -115
  126. package/dist/skill/SKILL.md +172 -0
  127. package/dist/skill/references/components.md +481 -0
  128. package/dist/skill/references/react-wrappers.md +66 -0
  129. package/dist/types.d.ts +1 -0
  130. package/dist/types.d.ts.map +1 -1
  131. package/dist/types.js.map +1 -1
  132. package/package.json +23 -4
  133. package/web-types.json +610 -38
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "name": "@politiet/sheriff-web-components",
4
- "version": "2.5.0",
4
+ "version": "2.6.0",
5
5
  "framework": "web-components",
6
6
  "description-markup": "markdown",
7
7
  "contributions": {
@@ -391,6 +391,38 @@
391
391
  "module": "./src/sds-button/sds-button.ts",
392
392
  "symbol": "SDSButton.variant"
393
393
  }
394
+ },
395
+ {
396
+ "name": "popovertarget",
397
+ "required": false,
398
+ "priority": "normal",
399
+ "value": {
400
+ "type": [
401
+ "string",
402
+ "undefined"
403
+ ],
404
+ "required": true
405
+ },
406
+ "source": {
407
+ "module": "./src/sds-button/sds-button.ts",
408
+ "symbol": "SDSButton.popoverTarget"
409
+ }
410
+ },
411
+ {
412
+ "name": "popovertargetaction",
413
+ "required": false,
414
+ "priority": "normal",
415
+ "value": {
416
+ "type": [
417
+ "string",
418
+ "undefined"
419
+ ],
420
+ "required": true
421
+ },
422
+ "source": {
423
+ "module": "./src/sds-button/sds-button.ts",
424
+ "symbol": "SDSButton.popoverTargetAction"
425
+ }
394
426
  }
395
427
  ],
396
428
  "js": {
@@ -599,6 +631,19 @@
599
631
  "symbol": "SDSButton.variant"
600
632
  }
601
633
  },
634
+ {
635
+ "name": "control",
636
+ "required": false,
637
+ "priority": "normal",
638
+ "value": {
639
+ "type": "HTMLButtonElement",
640
+ "required": true
641
+ },
642
+ "source": {
643
+ "module": "./src/sds-button/sds-button.ts",
644
+ "symbol": "SDSButton.control"
645
+ }
646
+ },
602
647
  {
603
648
  "name": "_handleClick",
604
649
  "required": false,
@@ -606,7 +651,7 @@
606
651
  "value": {
607
652
  "type": "(event: MouseEvent) => void",
608
653
  "required": true,
609
- "default": "\"(event: MouseEvent) => {\\n\\t\\tevent.preventDefault();\\n\\t\\tevent.stopImmediatePropagation();\\n\\n\\t\\tif (!this.disabled) {\\n\\t\\t\\tswitch (this.type) {\\n\\t\\t\\t\\tcase 'submit': {\\n\\t\\t\\t\\t\\tconst shouldSubmit = this.dispatchSheriffEvent('submit');\\n\\n\\t\\t\\t\\t\\tif (shouldSubmit) {\\n\\t\\t\\t\\t\\t\\tif (this.form) {\\n\\t\\t\\t\\t\\t\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\t\\t\\t\\t\\t\\tconst formElement: HTMLFormElement | null = root.querySelector(`form#${this.form}`);\\n\\t\\t\\t\\t\\t\\t\\tformElement?.requestSubmit();\\n\\t\\t\\t\\t\\t\\t} else if (this.internals.form) {\\n\\t\\t\\t\\t\\t\\t\\tthis.internals.form.requestSubmit();\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\tcase 'reset': {\\n\\t\\t\\t\\t\\tconst shouldReset = this.dispatchSheriffEvent('reset');\\n\\n\\t\\t\\t\\t\\tif (shouldReset) {\\n\\t\\t\\t\\t\\t\\tif (this.form) {\\n\\t\\t\\t\\t\\t\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\t\\t\\t\\t\\t\\tconst formElement: HTMLFormElement | null = root.querySelector(`form#${this.form}`);\\n\\t\\t\\t\\t\\t\\t\\tformElement?.reset();\\n\\t\\t\\t\\t\\t\\t} else if (this.internals.form) {\\n\\t\\t\\t\\t\\t\\t\\tthis.internals.form.reset();\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\tdefault:\\n\\t\\t\\t\\t\\tthis.dispatchSheriffEvent('click');\\n\\t\\t\\t}\\n\\t\\t}\\n\\t}\""
654
+ "default": "\"(event: MouseEvent) => {\\n\\t\\t// For popover triggers, let the browser handle the toggle natively.\\n\\t\\t// Stop propagation and re-dispatch a composed click for listeners on the host.\\n\\t\\tif (this.popoverTarget) {\\n\\t\\t\\tevent.stopImmediatePropagation();\\n\\t\\t\\tif (!this.disabled) {\\n\\t\\t\\t\\tthis.dispatchSheriffEvent('click');\\n\\t\\t\\t}\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tevent.preventDefault();\\n\\t\\tevent.stopImmediatePropagation();\\n\\n\\t\\tif (!this.disabled) {\\n\\t\\t\\tswitch (this.type) {\\n\\t\\t\\t\\tcase 'submit': {\\n\\t\\t\\t\\t\\tconst shouldSubmit = this.dispatchSheriffEvent('submit');\\n\\n\\t\\t\\t\\t\\tif (shouldSubmit) {\\n\\t\\t\\t\\t\\t\\tif (this.form) {\\n\\t\\t\\t\\t\\t\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\t\\t\\t\\t\\t\\tconst formElement: HTMLFormElement | null = root.querySelector(`form#${this.form}`);\\n\\t\\t\\t\\t\\t\\t\\tformElement?.requestSubmit();\\n\\t\\t\\t\\t\\t\\t} else if (this.internals.form) {\\n\\t\\t\\t\\t\\t\\t\\tthis.internals.form.requestSubmit();\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\tcase 'reset': {\\n\\t\\t\\t\\t\\tconst shouldReset = this.dispatchSheriffEvent('reset');\\n\\n\\t\\t\\t\\t\\tif (shouldReset) {\\n\\t\\t\\t\\t\\t\\tif (this.form) {\\n\\t\\t\\t\\t\\t\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\t\\t\\t\\t\\t\\tconst formElement: HTMLFormElement | null = root.querySelector(`form#${this.form}`);\\n\\t\\t\\t\\t\\t\\t\\tformElement?.reset();\\n\\t\\t\\t\\t\\t\\t} else if (this.internals.form) {\\n\\t\\t\\t\\t\\t\\t\\tthis.internals.form.reset();\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\tbreak;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\tdefault:\\n\\t\\t\\t\\t\\tthis.dispatchSheriffEvent('click');\\n\\t\\t\\t}\\n\\t\\t}\\n\\t}\""
610
655
  },
611
656
  "source": {
612
657
  "module": "./src/sds-button/sds-button.ts",
@@ -625,6 +670,70 @@
625
670
  "module": "./src/sds-button/sds-button.ts",
626
671
  "symbol": "SDSButton.internals"
627
672
  }
673
+ },
674
+ {
675
+ "name": "popoverTarget",
676
+ "required": false,
677
+ "priority": "normal",
678
+ "value": {
679
+ "type": [
680
+ "string",
681
+ "undefined"
682
+ ],
683
+ "required": true
684
+ },
685
+ "source": {
686
+ "module": "./src/sds-button/sds-button.ts",
687
+ "symbol": "SDSButton.popoverTarget"
688
+ }
689
+ },
690
+ {
691
+ "name": "popoverTargetAction",
692
+ "required": false,
693
+ "priority": "normal",
694
+ "value": {
695
+ "type": [
696
+ "string",
697
+ "undefined"
698
+ ],
699
+ "required": true
700
+ },
701
+ "source": {
702
+ "module": "./src/sds-button/sds-button.ts",
703
+ "symbol": "SDSButton.popoverTargetAction"
704
+ }
705
+ },
706
+ {
707
+ "name": "_popoverElement",
708
+ "required": false,
709
+ "priority": "lowest",
710
+ "value": {
711
+ "type": [
712
+ "Element",
713
+ "undefined"
714
+ ],
715
+ "required": true
716
+ },
717
+ "source": {
718
+ "module": "./src/sds-button/sds-button.ts",
719
+ "symbol": "SDSButton._popoverElement"
720
+ }
721
+ },
722
+ {
723
+ "name": "_popoverToggleHandler",
724
+ "required": false,
725
+ "priority": "lowest",
726
+ "value": {
727
+ "type": [
728
+ "EventListener",
729
+ "undefined"
730
+ ],
731
+ "required": true
732
+ },
733
+ "source": {
734
+ "module": "./src/sds-button/sds-button.ts",
735
+ "symbol": "SDSButton._popoverToggleHandler"
736
+ }
628
737
  }
629
738
  ]
630
739
  }
@@ -1588,7 +1697,10 @@
1588
1697
  "required": false,
1589
1698
  "priority": "normal",
1590
1699
  "value": {
1591
- "type": "ChipVariant",
1700
+ "type": [
1701
+ "ChipVariant",
1702
+ "undefined"
1703
+ ],
1592
1704
  "required": true,
1593
1705
  "default": "\"selectable\""
1594
1706
  },
@@ -1602,7 +1714,10 @@
1602
1714
  "required": false,
1603
1715
  "priority": "normal",
1604
1716
  "value": {
1605
- "type": "ChipSize",
1717
+ "type": [
1718
+ "ChipSize",
1719
+ "undefined"
1720
+ ],
1606
1721
  "required": true,
1607
1722
  "default": "\"md\""
1608
1723
  },
@@ -1616,7 +1731,10 @@
1616
1731
  "required": false,
1617
1732
  "priority": "normal",
1618
1733
  "value": {
1619
- "type": "boolean",
1734
+ "type": [
1735
+ "boolean",
1736
+ "undefined"
1737
+ ],
1620
1738
  "required": false,
1621
1739
  "default": "false"
1622
1740
  },
@@ -1662,7 +1780,10 @@
1662
1780
  "required": false,
1663
1781
  "priority": "normal",
1664
1782
  "value": {
1665
- "type": "boolean",
1783
+ "type": [
1784
+ "boolean",
1785
+ "undefined"
1786
+ ],
1666
1787
  "required": false,
1667
1788
  "default": "false"
1668
1789
  },
@@ -1677,12 +1798,11 @@
1677
1798
  "priority": "normal",
1678
1799
  "value": {
1679
1800
  "type": "boolean",
1680
- "required": false,
1681
- "default": "false"
1801
+ "required": false
1682
1802
  },
1683
1803
  "source": {
1684
1804
  "module": "./src/sds-chip/sds-chip.ts",
1685
- "symbol": "SDSChip.readonly"
1805
+ "symbol": "SDSChip.readOnly"
1686
1806
  }
1687
1807
  }
1688
1808
  ],
@@ -1730,12 +1850,56 @@
1730
1850
  "symbol": "SDSChip.shadowRootOptions"
1731
1851
  }
1732
1852
  },
1853
+ {
1854
+ "name": "_initialChecked",
1855
+ "required": false,
1856
+ "priority": "lowest",
1857
+ "value": {
1858
+ "type": "boolean",
1859
+ "required": false,
1860
+ "default": "false"
1861
+ },
1862
+ "source": {
1863
+ "module": "./src/sds-chip/sds-chip.ts",
1864
+ "symbol": "SDSChip._initialChecked"
1865
+ }
1866
+ },
1867
+ {
1868
+ "name": "_readOnly",
1869
+ "required": false,
1870
+ "priority": "lowest",
1871
+ "value": {
1872
+ "type": "boolean",
1873
+ "required": false,
1874
+ "default": "false"
1875
+ },
1876
+ "source": {
1877
+ "module": "./src/sds-chip/sds-chip.ts",
1878
+ "symbol": "SDSChip._readOnly"
1879
+ }
1880
+ },
1881
+ {
1882
+ "name": "control",
1883
+ "required": false,
1884
+ "priority": "normal",
1885
+ "value": {
1886
+ "type": "HTMLInputElement",
1887
+ "required": true
1888
+ },
1889
+ "source": {
1890
+ "module": "./src/sds-chip/sds-chip.ts",
1891
+ "symbol": "SDSChip.control"
1892
+ }
1893
+ },
1733
1894
  {
1734
1895
  "name": "variant",
1735
1896
  "required": false,
1736
1897
  "priority": "normal",
1737
1898
  "value": {
1738
- "type": "ChipVariant",
1899
+ "type": [
1900
+ "ChipVariant",
1901
+ "undefined"
1902
+ ],
1739
1903
  "required": true,
1740
1904
  "default": "\"selectable\""
1741
1905
  },
@@ -1749,7 +1913,10 @@
1749
1913
  "required": false,
1750
1914
  "priority": "normal",
1751
1915
  "value": {
1752
- "type": "ChipSize",
1916
+ "type": [
1917
+ "ChipSize",
1918
+ "undefined"
1919
+ ],
1753
1920
  "required": true,
1754
1921
  "default": "\"md\""
1755
1922
  },
@@ -1763,7 +1930,10 @@
1763
1930
  "required": false,
1764
1931
  "priority": "normal",
1765
1932
  "value": {
1766
- "type": "boolean",
1933
+ "type": [
1934
+ "boolean",
1935
+ "undefined"
1936
+ ],
1767
1937
  "required": false,
1768
1938
  "default": "false"
1769
1939
  },
@@ -1809,7 +1979,10 @@
1809
1979
  "required": false,
1810
1980
  "priority": "normal",
1811
1981
  "value": {
1812
- "type": "boolean",
1982
+ "type": [
1983
+ "boolean",
1984
+ "undefined"
1985
+ ],
1813
1986
  "required": false,
1814
1987
  "default": "false"
1815
1988
  },
@@ -1819,44 +1992,33 @@
1819
1992
  }
1820
1993
  },
1821
1994
  {
1822
- "name": "readonly",
1995
+ "name": "readOnly",
1823
1996
  "required": false,
1824
1997
  "priority": "normal",
1825
1998
  "value": {
1826
1999
  "type": "boolean",
1827
- "required": false,
1828
- "default": "false"
2000
+ "required": false
1829
2001
  },
1830
2002
  "source": {
1831
2003
  "module": "./src/sds-chip/sds-chip.ts",
1832
- "symbol": "SDSChip.readonly"
2004
+ "symbol": "SDSChip.readOnly"
1833
2005
  }
1834
2006
  },
1835
2007
  {
1836
- "name": "control",
2008
+ "name": "readonly",
1837
2009
  "required": false,
1838
2010
  "priority": "normal",
1839
2011
  "value": {
1840
- "type": "HTMLInputElement",
1841
- "required": true
1842
- },
1843
- "source": {
1844
- "module": "./src/sds-chip/sds-chip.ts",
1845
- "symbol": "SDSChip.control"
1846
- }
1847
- },
1848
- {
1849
- "name": "_initialChecked",
1850
- "required": false,
1851
- "priority": "lowest",
1852
- "value": {
1853
- "type": "boolean",
1854
- "required": false,
1855
- "default": "false"
2012
+ "type": [
2013
+ "boolean",
2014
+ "undefined"
2015
+ ],
2016
+ "required": false
1856
2017
  },
2018
+ "deprecated": true,
1857
2019
  "source": {
1858
2020
  "module": "./src/sds-chip/sds-chip.ts",
1859
- "symbol": "SDSChip._initialChecked"
2021
+ "symbol": "SDSChip.readonly"
1860
2022
  }
1861
2023
  },
1862
2024
  {
@@ -1866,7 +2028,7 @@
1866
2028
  "value": {
1867
2029
  "type": "(event: Event) => void",
1868
2030
  "required": true,
1869
- "default": "\"(event: Event) => {\\n\\t\\tevent.preventDefault();\\n\\t\\tevent.stopImmediatePropagation();\\n\\n\\t\\tif (this.disabled || this.readonly) return;\\n\\t\\tthis.checked = !this.checked;\\n\\t\\tthis.internals.setFormValue(this.checked ? this.value ?? 'on' : null);\\n\\t\\tthis.dispatchSheriffEvent('change');\\n\\t}\""
2031
+ "default": "\"(event: Event) => {\\n\\t\\tevent.preventDefault();\\n\\t\\tevent.stopImmediatePropagation();\\n\\n\\t\\tif (this.disabled || this.readOnly) return;\\n\\t\\tthis.checked = !this.checked;\\n\\t\\tthis.internals.setFormValue(this.checked ? this.value ?? 'on' : null);\\n\\t\\tthis.dispatchSheriffEvent('change');\\n\\t}\""
1870
2032
  },
1871
2033
  "source": {
1872
2034
  "module": "./src/sds-chip/sds-chip.ts",
@@ -1880,7 +2042,7 @@
1880
2042
  "value": {
1881
2043
  "type": "() => void",
1882
2044
  "required": true,
1883
- "default": "\"() => {\\n\\t\\tif (this.disabled || this.readonly) return;\\n\\t\\tthis.dispatchSheriffEvent('sds-remove');\\n\\t}\""
2045
+ "default": "\"() => {\\n\\t\\tif (this.disabled || this.readOnly) return;\\n\\t\\tthis.dispatchSheriffEvent('sds-remove');\\n\\t}\""
1884
2046
  },
1885
2047
  "source": {
1886
2048
  "module": "./src/sds-chip/sds-chip.ts",
@@ -2222,6 +2384,20 @@
2222
2384
  "symbol": "SDSDialog.headerSlotElements"
2223
2385
  }
2224
2386
  },
2387
+ {
2388
+ "name": "_pointerDownInside",
2389
+ "required": false,
2390
+ "priority": "lowest",
2391
+ "value": {
2392
+ "type": "boolean",
2393
+ "required": false,
2394
+ "default": "false"
2395
+ },
2396
+ "source": {
2397
+ "module": "./src/sds-dialog/sds-dialog.ts",
2398
+ "symbol": "SDSDialog._pointerDownInside"
2399
+ }
2400
+ },
2225
2401
  {
2226
2402
  "name": "_handleClose",
2227
2403
  "required": false,
@@ -2243,13 +2419,41 @@
2243
2419
  "value": {
2244
2420
  "type": "(event: MouseEvent) => void",
2245
2421
  "required": true,
2246
- "default": "\"(event: MouseEvent): void => {\\n\\t\\tconst target = event.target as Element | null;\\n\\n\\t\\tif (target?.closest('[data-command=\\\"close\\\"]')) {\\n\\t\\t\\tthis._closeDialog();\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\t// Clicking the backdrop will have the dialog as the target in Safari/Chrome.\\n\\t\\t// Firefox does not fire this callback when ::backdrop is clicked.\\n\\t\\tif (target !== this._dialog) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tif (this.closedby !== 'any') {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\t// Cast _dialog to its own type to avoid it being narrowed to never by TS.\\n\\t\\t// The types defines that `closedBy` _is_ in dialog.\\n\\t\\t// So, if it is not, it can't be that type and is cast to never.\\n\\t\\t// Do this test to check if closedBy is supported in current browser.\\n\\t\\tconst hasClosedBy = 'closedBy' in (this._dialog as typeof this._dialog);\\n\\t\\tif (hasClosedBy) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\t// Manual bounds checking for Safari as it does not (yet) support closedby=\\\"any\\\".\\n\\t\\tconst { clientX: x, clientY: y } = event;\\n\\t\\tconst { top, bottom, left, right } = this._dialog.getBoundingClientRect();\\n\\t\\tconst clickedOutsideDialog = top > y || bottom < y || left > x || right < x;\\n\\t\\tif (clickedOutsideDialog) {\\n\\t\\t\\tthis._closeDialog();\\n\\t\\t}\\n\\t}\""
2422
+ "default": "\"(event: MouseEvent): void => {\\n\\t\\tconst target = event.target as Element | null;\\n\\n\\t\\tif (target?.closest('[data-command=\\\"close\\\"]')) {\\n\\t\\t\\tthis._closeDialog();\\n\\t\\t}\\n\\t}\""
2247
2423
  },
2248
2424
  "source": {
2249
2425
  "module": "./src/sds-dialog/sds-dialog.ts",
2250
2426
  "symbol": "SDSDialog._handleClick"
2251
2427
  }
2252
2428
  },
2429
+ {
2430
+ "name": "_handlePointerDown",
2431
+ "required": false,
2432
+ "priority": "lowest",
2433
+ "value": {
2434
+ "type": "(event: PointerEvent) => void",
2435
+ "required": true,
2436
+ "default": "\"(event: PointerEvent): void => {\\n\\t\\tconst rect = this._dialog.getBoundingClientRect();\\n\\t\\tconst { clientX: x, clientY: y } = event;\\n\\t\\tthis._pointerDownInside = rect.top <= y && y <= rect.bottom && rect.left <= x && x <= rect.right;\\n\\t}\""
2437
+ },
2438
+ "source": {
2439
+ "module": "./src/sds-dialog/sds-dialog.ts",
2440
+ "symbol": "SDSDialog._handlePointerDown"
2441
+ }
2442
+ },
2443
+ {
2444
+ "name": "_handlePointerUp",
2445
+ "required": false,
2446
+ "priority": "lowest",
2447
+ "value": {
2448
+ "type": "(event: PointerEvent) => void",
2449
+ "required": true,
2450
+ "default": "\"(event: PointerEvent): void => {\\n\\t\\tconst wasDownInside = this._pointerDownInside;\\n\\t\\tthis._pointerDownInside = false;\\n\\n\\t\\tif (this.closedby !== 'any' || wasDownInside) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\t// Clicking the backdrop will have the dialog as the target in Safari/Chrome.\\n\\t\\t// Firefox does not fire this callback when ::backdrop is clicked.\\n\\t\\tif (event.target !== this._dialog) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\t// Use requestAnimationFrame to let the browser handle native closedBy first.\\n\\t\\t// This avoids checking for the closedBy property, which Safari 26.2 exposes\\n\\t\\t// without implementing.\\n\\t\\trequestAnimationFrame(() => {\\n\\t\\t\\tif (this._dialog && this._dialog.open) {\\n\\t\\t\\t\\tthis._closeDialog();\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\""
2451
+ },
2452
+ "source": {
2453
+ "module": "./src/sds-dialog/sds-dialog.ts",
2454
+ "symbol": "SDSDialog._handlePointerUp"
2455
+ }
2456
+ },
2253
2457
  {
2254
2458
  "name": "_handleCancel",
2255
2459
  "required": false,
@@ -2733,6 +2937,374 @@
2733
2937
  ]
2734
2938
  }
2735
2939
  },
2940
+ {
2941
+ "name": "sds-popover",
2942
+ "source": {
2943
+ "module": "./src/sds-popover/sds-popover.ts",
2944
+ "symbol": "SDSPopover"
2945
+ },
2946
+ "attributes": [
2947
+ {
2948
+ "name": "data-placement",
2949
+ "required": false,
2950
+ "priority": "normal",
2951
+ "value": {
2952
+ "type": [
2953
+ "SDSPopoverPlacement",
2954
+ "undefined"
2955
+ ],
2956
+ "required": true,
2957
+ "default": "\"top\""
2958
+ },
2959
+ "source": {
2960
+ "module": "./src/sds-popover/sds-popover.ts",
2961
+ "symbol": "SDSPopover.placement"
2962
+ }
2963
+ },
2964
+ {
2965
+ "name": "data-autoplacement",
2966
+ "required": false,
2967
+ "priority": "normal",
2968
+ "value": {
2969
+ "type": [
2970
+ "SDSPopoverAutoPlacement",
2971
+ "undefined"
2972
+ ],
2973
+ "required": true,
2974
+ "default": "\"undefined\""
2975
+ },
2976
+ "source": {
2977
+ "module": "./src/sds-popover/sds-popover.ts",
2978
+ "symbol": "SDSPopover.autoPlacement"
2979
+ }
2980
+ },
2981
+ {
2982
+ "name": "data-overscroll",
2983
+ "required": false,
2984
+ "priority": "normal",
2985
+ "value": {
2986
+ "kind": "plain",
2987
+ "type": "\"contain\" | undefined",
2988
+ "required": true,
2989
+ "default": "\"undefined\""
2990
+ },
2991
+ "source": {
2992
+ "module": "./src/sds-popover/sds-popover.ts",
2993
+ "symbol": "SDSPopover.overscroll"
2994
+ }
2995
+ }
2996
+ ],
2997
+ "js": {
2998
+ "properties": [
2999
+ {
3000
+ "name": "styles",
3001
+ "required": false,
3002
+ "priority": "normal",
3003
+ "value": {
3004
+ "type": "CSSResult[]",
3005
+ "required": true,
3006
+ "default": "[\"styles\"]"
3007
+ },
3008
+ "source": {
3009
+ "module": "./src/sds-popover/sds-popover.ts",
3010
+ "symbol": "SDSPopover.styles"
3011
+ }
3012
+ },
3013
+ {
3014
+ "name": "placement",
3015
+ "required": false,
3016
+ "priority": "normal",
3017
+ "value": {
3018
+ "type": [
3019
+ "SDSPopoverPlacement",
3020
+ "undefined"
3021
+ ],
3022
+ "required": true,
3023
+ "default": "\"top\""
3024
+ },
3025
+ "source": {
3026
+ "module": "./src/sds-popover/sds-popover.ts",
3027
+ "symbol": "SDSPopover.placement"
3028
+ }
3029
+ },
3030
+ {
3031
+ "name": "autoPlacement",
3032
+ "required": false,
3033
+ "priority": "normal",
3034
+ "value": {
3035
+ "type": [
3036
+ "SDSPopoverAutoPlacement",
3037
+ "undefined"
3038
+ ],
3039
+ "required": true,
3040
+ "default": "\"undefined\""
3041
+ },
3042
+ "source": {
3043
+ "module": "./src/sds-popover/sds-popover.ts",
3044
+ "symbol": "SDSPopover.autoPlacement"
3045
+ }
3046
+ },
3047
+ {
3048
+ "name": "overscroll",
3049
+ "required": false,
3050
+ "priority": "normal",
3051
+ "value": {
3052
+ "kind": "plain",
3053
+ "type": "\"contain\" | undefined",
3054
+ "required": true,
3055
+ "default": "\"undefined\""
3056
+ },
3057
+ "source": {
3058
+ "module": "./src/sds-popover/sds-popover.ts",
3059
+ "symbol": "SDSPopover.overscroll"
3060
+ }
3061
+ }
3062
+ ]
3063
+ }
3064
+ },
3065
+ {
3066
+ "name": "sds-process-step",
3067
+ "source": {
3068
+ "module": "./src/sds-process-step/sds-process-step.ts",
3069
+ "symbol": "SDSProcessStep"
3070
+ },
3071
+ "attributes": [
3072
+ {
3073
+ "name": "heading",
3074
+ "required": false,
3075
+ "priority": "normal",
3076
+ "value": {
3077
+ "type": [
3078
+ "string",
3079
+ "undefined"
3080
+ ],
3081
+ "required": true
3082
+ },
3083
+ "source": {
3084
+ "module": "./src/sds-process-step/sds-process-step.ts",
3085
+ "symbol": "SDSProcessStep.heading"
3086
+ }
3087
+ },
3088
+ {
3089
+ "name": "timestamp",
3090
+ "required": false,
3091
+ "priority": "normal",
3092
+ "value": {
3093
+ "type": [
3094
+ "string",
3095
+ "undefined"
3096
+ ],
3097
+ "required": true
3098
+ },
3099
+ "source": {
3100
+ "module": "./src/sds-process-step/sds-process-step.ts",
3101
+ "symbol": "SDSProcessStep.timestamp"
3102
+ }
3103
+ }
3104
+ ],
3105
+ "js": {
3106
+ "properties": [
3107
+ {
3108
+ "name": "styles",
3109
+ "required": false,
3110
+ "priority": "normal",
3111
+ "value": {
3112
+ "type": "CSSResult[]",
3113
+ "required": true,
3114
+ "default": "[\"styles\"]"
3115
+ },
3116
+ "source": {
3117
+ "module": "./src/sds-process-step/sds-process-step.ts",
3118
+ "symbol": "SDSProcessStep.styles"
3119
+ }
3120
+ },
3121
+ {
3122
+ "name": "heading",
3123
+ "required": false,
3124
+ "priority": "normal",
3125
+ "value": {
3126
+ "type": [
3127
+ "string",
3128
+ "undefined"
3129
+ ],
3130
+ "required": true
3131
+ },
3132
+ "source": {
3133
+ "module": "./src/sds-process-step/sds-process-step.ts",
3134
+ "symbol": "SDSProcessStep.heading"
3135
+ }
3136
+ },
3137
+ {
3138
+ "name": "timestamp",
3139
+ "required": false,
3140
+ "priority": "normal",
3141
+ "value": {
3142
+ "type": [
3143
+ "string",
3144
+ "undefined"
3145
+ ],
3146
+ "required": true
3147
+ },
3148
+ "source": {
3149
+ "module": "./src/sds-process-step/sds-process-step.ts",
3150
+ "symbol": "SDSProcessStep.timestamp"
3151
+ }
3152
+ },
3153
+ {
3154
+ "name": "markerSlot",
3155
+ "required": false,
3156
+ "priority": "lowest",
3157
+ "value": {
3158
+ "type": "HTMLSlotElement",
3159
+ "required": true
3160
+ },
3161
+ "source": {
3162
+ "module": "./src/sds-process-step/sds-process-step.ts",
3163
+ "symbol": "SDSProcessStep.markerSlot"
3164
+ }
3165
+ },
3166
+ {
3167
+ "name": "step",
3168
+ "required": false,
3169
+ "priority": "lowest",
3170
+ "value": {
3171
+ "type": "HTMLDivElement",
3172
+ "required": true
3173
+ },
3174
+ "source": {
3175
+ "module": "./src/sds-process-step/sds-process-step.ts",
3176
+ "symbol": "SDSProcessStep.step"
3177
+ }
3178
+ },
3179
+ {
3180
+ "name": "_headingLevel",
3181
+ "required": false,
3182
+ "priority": "lowest",
3183
+ "value": {
3184
+ "type": "HeadingLevels",
3185
+ "required": true,
3186
+ "default": "\"h2\""
3187
+ },
3188
+ "source": {
3189
+ "module": "./src/sds-process-step/sds-process-step.ts",
3190
+ "symbol": "SDSProcessStep._headingLevel"
3191
+ }
3192
+ },
3193
+ {
3194
+ "name": "_handleMarkerSlotChange",
3195
+ "required": false,
3196
+ "priority": "lowest",
3197
+ "value": {
3198
+ "type": "() => void",
3199
+ "required": true,
3200
+ "default": "\"() => {\\n\\t\\tif (!this.markerSlot || !this.step) return;\\n\\t\\tconst isEmpty = this.markerSlot.assignedNodes({ flatten: true }).length === 0;\\n\\t\\tthis.step.classList.toggle('sds-process-step--sub-step', isEmpty);\\n\\t}\""
3201
+ },
3202
+ "source": {
3203
+ "module": "./src/sds-process-step/sds-process-step.ts",
3204
+ "symbol": "SDSProcessStep._handleMarkerSlotChange"
3205
+ }
3206
+ },
3207
+ {
3208
+ "name": "safeHeadingLevel",
3209
+ "required": false,
3210
+ "priority": "normal",
3211
+ "value": {
3212
+ "type": "HeadingLevels",
3213
+ "required": true
3214
+ },
3215
+ "source": {
3216
+ "module": "./src/sds-process-step/sds-process-step.ts",
3217
+ "symbol": "SDSProcessStep.safeHeadingLevel"
3218
+ }
3219
+ },
3220
+ {
3221
+ "name": "internals",
3222
+ "required": false,
3223
+ "priority": "normal",
3224
+ "value": {
3225
+ "type": "ElementInternals",
3226
+ "required": true
3227
+ },
3228
+ "source": {
3229
+ "module": "./src/sds-process-step/sds-process-step.ts",
3230
+ "symbol": "SDSProcessStep.internals"
3231
+ }
3232
+ }
3233
+ ]
3234
+ }
3235
+ },
3236
+ {
3237
+ "name": "sds-process",
3238
+ "source": {
3239
+ "module": "./src/sds-process/sds-process.ts",
3240
+ "symbol": "SDSProcess"
3241
+ },
3242
+ "attributes": [
3243
+ {
3244
+ "name": "heading-level",
3245
+ "required": false,
3246
+ "priority": "normal",
3247
+ "value": {
3248
+ "type": [
3249
+ "HeadingLevels",
3250
+ "undefined"
3251
+ ],
3252
+ "required": true
3253
+ },
3254
+ "source": {
3255
+ "module": "./src/sds-process/sds-process.ts",
3256
+ "symbol": "SDSProcess.headingLevel"
3257
+ }
3258
+ }
3259
+ ],
3260
+ "js": {
3261
+ "properties": [
3262
+ {
3263
+ "name": "styles",
3264
+ "required": false,
3265
+ "priority": "normal",
3266
+ "value": {
3267
+ "type": "CSSResult[]",
3268
+ "required": true,
3269
+ "default": "[\"styles\"]"
3270
+ },
3271
+ "source": {
3272
+ "module": "./src/sds-process/sds-process.ts",
3273
+ "symbol": "SDSProcess.styles"
3274
+ }
3275
+ },
3276
+ {
3277
+ "name": "headingLevel",
3278
+ "required": false,
3279
+ "priority": "normal",
3280
+ "value": {
3281
+ "type": [
3282
+ "HeadingLevels",
3283
+ "undefined"
3284
+ ],
3285
+ "required": true
3286
+ },
3287
+ "source": {
3288
+ "module": "./src/sds-process/sds-process.ts",
3289
+ "symbol": "SDSProcess.headingLevel"
3290
+ }
3291
+ },
3292
+ {
3293
+ "name": "internals",
3294
+ "required": false,
3295
+ "priority": "normal",
3296
+ "value": {
3297
+ "type": "ElementInternals",
3298
+ "required": true
3299
+ },
3300
+ "source": {
3301
+ "module": "./src/sds-process/sds-process.ts",
3302
+ "symbol": "SDSProcess.internals"
3303
+ }
3304
+ }
3305
+ ]
3306
+ }
3307
+ },
2736
3308
  {
2737
3309
  "name": "sds-radio-group",
2738
3310
  "source": {