@politiet/sheriff-web-components 2.7.2 → 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.7.2",
+	"version": "2.9.0",
 	"description": "Sheriff Design System Web Components Library",
 	"author": "Politiets IT-enhet",
 	"license": "ISC",
@@ -171,7 +171,7 @@
 		"@politiet/sheriff-icons": "^2.0.2"
 	},
 	"peerDependencies": {
-		"@politiet/sheriff-css-framework": "^2.3.1",
+		"@politiet/sheriff-css-framework": "^2.3.2",
 		"typescript": ">=3.8.0"
 	},
 	"peerDependenciesMeta": {

package/web-types.json

@@ -1,7 +1,7 @@
 {
     "$schema": "http://json.schemastore.org/web-types",
     "name": "@politiet/sheriff-web-components",
-    "version": "2.7.2",
+    "version": "2.9.0",
     "framework": "web-components",
     "description-markup": "markdown",
     "contributions": {
@@ -258,6 +258,20 @@
                                 "symbol": "SDSButton.icon"
                             }
                         },
+                        {
+                            "name": "inverted",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": "boolean",
+                                "required": false,
+                                "default": "false"
+                            },
+                            "source": {
+                                "module": "./src/sds-button/sds-button.ts",
+                                "symbol": "SDSButton.inverted"
+                            }
+                        },
                         {
                             "name": "loading",
                             "required": false,
@@ -576,6 +590,20 @@
                                     "symbol": "SDSButton.icon"
                                 }
                             },
+                            {
+                                "name": "inverted",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-button/sds-button.ts",
+                                    "symbol": "SDSButton.inverted"
+                                }
+                            },
                             {
                                 "name": "loading",
                                 "required": false,
@@ -747,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",
@@ -1042,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,
@@ -1091,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",
@@ -1686,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,
@@ -1814,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,
@@ -2196,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,
@@ -2817,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",
@@ -4463,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,
@@ -4644,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,
@@ -5045,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,
@@ -5107,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,
@@ -5797,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,
@@ -5880,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,
@@ -6679,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,
@@ -6784,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,
@@ -7073,6 +7283,40 @@
                                 "symbol": "SDSTextField.maxlength"
                             }
                         },
+                        {
+                            "name": "min",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "string",
+                                    "number",
+                                    "undefined"
+                                ],
+                                "required": true
+                            },
+                            "source": {
+                                "module": "./src/sds-textfield/sds-textfield.ts",
+                                "symbol": "SDSTextField.min"
+                            }
+                        },
+                        {
+                            "name": "max",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "string",
+                                    "number",
+                                    "undefined"
+                                ],
+                                "required": true
+                            },
+                            "source": {
+                                "module": "./src/sds-textfield/sds-textfield.ts",
+                                "symbol": "SDSTextField.max"
+                            }
+                        },
                         {
                             "name": "size",
                             "required": false,
@@ -7329,6 +7573,40 @@
                                     "symbol": "SDSTextField.maxlength"
                                 }
                             },
+                            {
+                                "name": "min",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "string",
+                                        "number",
+                                        "undefined"
+                                    ],
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-textfield/sds-textfield.ts",
+                                    "symbol": "SDSTextField.min"
+                                }
+                            },
+                            {
+                                "name": "max",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "string",
+                                        "number",
+                                        "undefined"
+                                    ],
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-textfield/sds-textfield.ts",
+                                    "symbol": "SDSTextField.max"
+                                }
+                            },
                             {
                                 "name": "size",
                                 "required": false,
@@ -7360,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,
@@ -7404,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,
@@ -7467,7 +7774,7 @@
                                 "value": {
                                     "type": "(event: KeyboardEvent) => void",
                                     "required": true,
-                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tevent.stopImmediatePropagation();\\n\\n\\t\\tconst shouldContinue = this.dispatchKeyboardEvent('keydown', event);\\n\\n\\t\\tif (!shouldContinue) return;\\n\\n\\t\\tif (event.key === 'Enter') {\\n\\t\\t\\tconst form = this.form;\\n\\n\\t\\t\\tif (form?.requestSubmit) {\\n\\t\\t\\t\\t// Try to use requestSubmit as this will run form validation before submitting\\n\\t\\t\\t\\t// https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit#usage_notes\\n\\t\\t\\t\\tform.requestSubmit();\\n\\t\\t\\t} else {\\n\\t\\t\\t\\tform?.submit();\\n\\t\\t\\t}\\n\\t\\t}\\n\\t}\""
+                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tevent.stopImmediatePropagation();\\n\\n\\t\\tconst shouldContinue = this.dispatchKeyboardEvent('keydown', event);\\n\\t\\tif (!shouldContinue) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tif (event.key !== 'Enter') {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tfor (const element of Array.from(this.form?.elements ?? [])) {\\n\\t\\t\\tif (element instanceof HTMLButtonElement || element instanceof HTMLInputElement) {\\n\\t\\t\\t\\tif (element.type !== 'submit') {\\n\\t\\t\\t\\t\\tcontinue;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\tif (element.disabled) {\\n\\t\\t\\t\\t\\treturn;\\n\\t\\t\\t\\t}\\n\\n\\t\\t\\t\\telement.click();\\n\\t\\t\\t\\treturn;\\n\\t\\t\\t}\\n\\t\\t}\\n\\n\\t\\tthis.form?.requestSubmit();\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-textfield/sds-textfield.ts",