@politiet/sheriff-web-components 2.8.0 → 2.9.0

package/dist/skill/references/components.md

@@ -211,7 +211,7 @@ Modal/dialog wrapping native `<dialog>`.
 
 **Props:** `open`, `modal`, `closedby` (`"none"` | `"closerequest"` | `"any"`, default `"closerequest"`), `close-button-label` (default `"Lukk dialogvindu"`, empty string hides button)
 **Slots:** `header`, default (body), `footer`
-**Events:** `sds-close`
+**Events:** `close`
 **Methods:** `show()`, `showModal()`, `close()`
 **Note:** `data-command="close"` on any inner button closes the dialog.
 

package/dist/skill/references/react-wrappers.md

@@ -62,5 +62,5 @@ More React-y event handling in that names follow React naming/idioms:
 -   `SDSTextFieldWrapper`: `onInput` → `input`, `onSelect` → `select`, `onFocus` → `focus`, `onBlur` → `blur`, `onKeydown` → `keydown`
 -   `SDSAlertWrapper`: `onSdsRemove` → `sds-remove`
 -   `SDSDetailsWrapper`: `onSdsToggle` → `sds-toggle`
--   `SDSDialogWrapper`: `onSdsClose` → `sds-close`
+-   `SDSDialogWrapper`: `onClose` → `close`
 -   `SDSCheckboxGroupWrapper` / `SDSRadioGroupWrapper`: `onSdsUpdate` → `sds-update`

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@politiet/sheriff-web-components",
-	"version": "2.8.0",
+	"version": "2.9.0",
 	"description": "Sheriff Design System Web Components Library",
 	"author": "Politiets IT-enhet",
 	"license": "ISC",

package/web-types.json

@@ -1,7 +1,7 @@
 {
     "$schema": "http://json.schemastore.org/web-types",
     "name": "@politiet/sheriff-web-components",
-    "version": "2.8.0",
+    "version": "2.9.0",
     "framework": "web-components",
     "description-markup": "markdown",
     "contributions": {
@@ -775,7 +775,7 @@
                                 "value": {
                                     "type": "(event: MouseEvent) => void",
                                     "required": true,
-                                    "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\\t// For dialog commands, emulate the native commandfor/command behavior on the host.\\n\\t\\t// Stop propagation and re-dispatch a composed click for listeners on the host.\\n\\t\\tif (this.effectiveCommandFor && this.effectiveCommand) {\\n\\t\\t\\tevent.preventDefault();\\n\\t\\t\\tevent.stopImmediatePropagation();\\n\\t\\t\\tif (!this.disabled) {\\n\\t\\t\\t\\tthis.runDialogCommand();\\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}\""
+                                    "default": "\"(event: MouseEvent) => {\\n\\t\\tif (this.popoverTarget) {\\n\\t\\t\\tthis._handlePopoverClick(event);\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tevent.preventDefault();\\n\\t\\tevent.stopImmediatePropagation();\\n\\t\\tif (this.disabled) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tif (this.effectiveCommandFor && this.effectiveCommand) {\\n\\t\\t\\tthis._handleDialogCommandClick();\\n\\t\\t\\treturn;\\n\\t\\t} else if (this.type === 'submit') {\\n\\t\\t\\tthis._handleSubmitClick();\\n\\t\\t} else if (this.type === 'reset') {\\n\\t\\t\\tthis._handleResetClick();\\n\\t\\t} else {\\n\\t\\t\\tthis.dispatchSheriffEvent('click');\\n\\t\\t}\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-button/sds-button.ts",
@@ -1070,6 +1070,20 @@
                                     "symbol": "SDSCard.textSlot"
                                 }
                             },
+                            {
+                                "name": "_textSlotEmpty",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-card/sds-card.ts",
+                                    "symbol": "SDSCard._textSlotEmpty"
+                                }
+                            },
                             {
                                 "name": "_contentWarning",
                                 "required": false,
@@ -1119,7 +1133,7 @@
                                 "value": {
                                     "type": "() => void",
                                     "required": true,
-                                    "default": "\"() => {\\n\\t\\tvalidateSlotContent(this.textSlot, ['P'], false, this._contentWarning);\\n\\t}\""
+                                    "default": "\"() => {\\n\\t\\tvalidateSlotContent(this.textSlot, ['P'], false, this._contentWarning);\\n\\t\\tthis._textSlotEmpty = this.textSlot.assignedElements({ flatten: true }).length === 0;\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-card/sds-card.ts",
@@ -1714,6 +1728,20 @@
                                     "symbol": "SDSCheckbox.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-checkbox/sds-checkbox.ts",
+                                    "symbol": "SDSCheckbox._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_disabled",
                                 "required": false,
@@ -1842,6 +1870,20 @@
                                     "symbol": "SDSCheckbox.type"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-checkbox/sds-checkbox.ts",
+                                    "symbol": "SDSCheckbox._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "formAssociated",
                                 "required": false,
@@ -2224,6 +2266,19 @@
                                     "symbol": "SDSChip.readonly"
                                 }
                             },
+                            {
+                                "name": "type",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": "string",
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-chip/sds-chip.ts",
+                                    "symbol": "SDSChip.type"
+                                }
+                            },
                             {
                                 "name": "_handleSlotChange",
                                 "required": false,
@@ -2845,7 +2900,7 @@
                                 "value": {
                                     "type": "() => void",
                                     "required": true,
-                                    "default": "\"(): void => {\\n\\t\\tthis.open = false;\\n\\t\\tthis.dispatchSheriffEvent('sds-close');\\n\\t}\""
+                                    "default": "\"(): void => {\\n\\t\\tthis.open = false;\\n\\t\\tthis.dispatchSheriffEvent('close');\\n\\n\\t\\t// Deprecated: remove in next major release\\n\\t\\tthis.dispatchSheriffEvent('sds-close');\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-dialog/sds-dialog.ts",
@@ -4491,6 +4546,20 @@
                                     "symbol": "SDSRadio.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-radio/sds-radio.ts",
+                                    "symbol": "SDSRadio._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_disabled",
                                 "required": false,
@@ -4672,6 +4741,20 @@
                                     "symbol": "SDSRadio.willValidate"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-radio/sds-radio.ts",
+                                    "symbol": "SDSRadio._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "formAssociated",
                                 "required": false,
@@ -5073,6 +5156,20 @@
                                     "symbol": "SDSSelect.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-select/sds-select.ts",
+                                    "symbol": "SDSSelect._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_defaultValue",
                                 "required": false,
@@ -5135,6 +5232,20 @@
                                     "symbol": "SDSSelect._handleSlotChange"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-select/sds-select.ts",
+                                    "symbol": "SDSSelect._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "_handleChange",
                                 "required": false,
@@ -5825,6 +5936,21 @@
                                     "symbol": "SDSSwitch.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "description": "Tracks whether the `label` slot has assigned content.",
+                                "source": {
+                                    "module": "./src/sds-switch/sds-switch.ts",
+                                    "symbol": "SDSSwitch._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_initialChecked",
                                 "required": false,
@@ -5908,6 +6034,33 @@
                                     "symbol": "SDSSwitch.value"
                                 }
                             },
+                            {
+                                "name": "type",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": "string",
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-switch/sds-switch.ts",
+                                    "symbol": "SDSSwitch.type"
+                                }
+                            },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-switch/sds-switch.ts",
+                                    "symbol": "SDSSwitch._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "formAssociated",
                                 "required": false,
@@ -6707,6 +6860,21 @@
                                     "symbol": "SDSTextArea.control"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "description": "Tracks whether the `label` slot has assigned content.",
+                                "source": {
+                                    "module": "./src/sds-textarea/sds-textarea.ts",
+                                    "symbol": "SDSTextArea._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "_defaultValue",
                                 "required": false,
@@ -6812,6 +6980,20 @@
                                     "symbol": "SDSTextArea.selectionEnd"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-textarea/sds-textarea.ts",
+                                    "symbol": "SDSTextArea._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "formAssociated",
                                 "required": false,
@@ -7456,6 +7638,21 @@
                                     "symbol": "SDSTextField.hasIcon"
                                 }
                             },
+                            {
+                                "name": "_hasSlottedLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "description": "Tracks whether the `label` slot has assigned content.",
+                                "source": {
+                                    "module": "./src/sds-textfield/sds-textfield.ts",
+                                    "symbol": "SDSTextField._hasSlottedLabel"
+                                }
+                            },
                             {
                                 "name": "control",
                                 "required": false,
@@ -7500,6 +7697,20 @@
                                     "symbol": "SDSTextField.handleSlotChange"
                                 }
                             },
+                            {
+                                "name": "_handleLabelSlotChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(e: Event) => void",
+                                    "required": true,
+                                    "default": "\"(e: Event) => {\\n\\t\\tthis._hasSlottedLabel = (e.target as HTMLSlotElement).assignedNodes().length > 0;\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-textfield/sds-textfield.ts",
+                                    "symbol": "SDSTextField._handleLabelSlotChange"
+                                }
+                            },
                             {
                                 "name": "_handleInputChange",
                                 "required": false,