@politiet/sheriff-web-components 2.6.1 → 2.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@politiet/sheriff-web-components",
-	"version": "2.6.1",
+	"version": "2.7.0",
 	"description": "Sheriff Design System Web Components Library",
 	"author": "Politiets IT-enhet",
 	"license": "ISC",
@@ -67,6 +67,10 @@
 			"import": "./dist/sds-details/sds-details.js",
 			"types": "./dist/sds-details/sds-details.d.ts"
 		},
+		"./sds-details-group": {
+			"import": "./dist/sds-details-group/sds-details-group.js",
+			"types": "./dist/sds-details-group/sds-details-group.d.ts"
+		},
 		"./sds-dialog": {
 			"import": "./dist/sds-dialog/sds-dialog.js",
 			"types": "./dist/sds-dialog/sds-dialog.d.ts"
@@ -161,7 +165,7 @@
 		"@politiet/sheriff-icons": "^2.0.2"
 	},
 	"peerDependencies": {
-		"@politiet/sheriff-css-framework": "^2.2.4",
+		"@politiet/sheriff-css-framework": "^2.3.0",
 		"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.6.0",
+    "version": "2.7.0",
     "framework": "web-components",
     "description-markup": "markdown",
     "contributions": {
@@ -213,7 +213,7 @@
                                 "value": {
                                     "type": "(ariaLabel: string) => TemplateResult",
                                     "required": true,
-                                    "default": "\"(ariaLabel: string) => {\\n\\t\\treturn staticHtml`<${this.buttonTag}\\n\\t\\tclass=\\\"sds-alert__remove-btn\\\"\\n\\t\\tvariant=\\\"tertiary\\\"\\n\\t\\tsize=\\\"sm\\\"\\n\\t\\t?icon=${true}\\n\\t\\taria-label=${ariaLabel}\\n\\t\\t@click=${this._remove}\\n\\t\\t>\\n\\t\\t${this._renderIcon('close-material-outlined', 'sm')}\\n\\t\\t</${this.buttonTag}>`;\\n\\t}\""
+                                    "default": "\"(ariaLabel: string) => {\\n\\t\\treturn staticHtml`<${this.buttonTag}\\n\\t\\tclass=\\\"sds-alert__remove-btn\\\"\\n\\t\\tvariant=\\\"tertiary\\\"\\n\\t\\tsize=\\\"sm\\\"\\n\\t\\t?icon=${true}\\n\\t\\tlabel=${ariaLabel}\\n\\t\\t@click=${this._remove}\\n\\t\\t>\\n\\t\\t${this._renderIcon('close-material-outlined', 'sm')}\\n\\t\\t</${this.buttonTag}>`;\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-alert/sds-alert.ts",
@@ -392,6 +392,23 @@
                                 "symbol": "SDSButton.variant"
                             }
                         },
+                        {
+                            "name": "label",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "string",
+                                    "undefined"
+                                ],
+                                "required": true,
+                                "default": "\"undefined\""
+                            },
+                            "source": {
+                                "module": "./src/sds-button/sds-button.ts",
+                                "symbol": "SDSButton.label"
+                            }
+                        },
                         {
                             "name": "command",
                             "required": false,
@@ -663,6 +680,23 @@
                                     "symbol": "SDSButton.variant"
                                 }
                             },
+                            {
+                                "name": "label",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "string",
+                                        "undefined"
+                                    ],
+                                    "required": true,
+                                    "default": "\"undefined\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-button/sds-button.ts",
+                                    "symbol": "SDSButton.label"
+                                }
+                            },
                             {
                                 "name": "control",
                                 "required": false,
@@ -1972,6 +2006,20 @@
                                     "symbol": "SDSChip.control"
                                 }
                             },
+                            {
+                                "name": "_slotLabel",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "string",
+                                    "required": true,
+                                    "default": "\"\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-chip/sds-chip.ts",
+                                    "symbol": "SDSChip._slotLabel"
+                                }
+                            },
                             {
                                 "name": "variant",
                                 "required": false,
@@ -2057,17 +2105,31 @@
                                 }
                             },
                             {
-                                "name": "_toggle",
+                                "name": "_handleSlotChange",
                                 "required": false,
                                 "priority": "lowest",
                                 "value": {
                                     "type": "(event: Event) => void",
                                     "required": true,
-                                    "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}\""
+                                    "default": "\"(event: Event) => {\\n\\t\\tconst slot = event.target as HTMLSlotElement;\\n\\t\\tthis._slotLabel = slot\\n\\t\\t\\t.assignedNodes()\\n\\t\\t\\t.map((node) => node.textContent)\\n\\t\\t\\t.join('')\\n\\t\\t\\t.trim();\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-chip/sds-chip.ts",
-                                    "symbol": "SDSChip._toggle"
+                                    "symbol": "SDSChip._handleSlotChange"
+                                }
+                            },
+                            {
+                                "name": "_handleChange",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "(event: Event) => void",
+                                    "required": true,
+                                    "default": "\"(event: Event) => {\\n\\t\\tevent.stopImmediatePropagation();\\n\\n\\t\\tif (!(event.target instanceof HTMLInputElement)) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tif (this.disabled || this.readOnly) {\\n\\t\\t\\tevent.target.checked = this.checked ?? false;\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst elem = event.target;\\n\\t\\tthis.checked = elem.checked;\\n\\t\\tthis.internals.setFormValue(this.checked ? this.value ?? 'on' : null);\\n\\t\\tthis.dispatchSheriffEvent('change');\\n\\t}\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-chip/sds-chip.ts",
+                                    "symbol": "SDSChip._handleChange"
                                 }
                             },
                             {
@@ -2091,7 +2153,7 @@
                                 "value": {
                                     "type": "(event: KeyboardEvent) => void",
                                     "required": true,
-                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (![' ', 'Enter'].includes(event.key)) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tif (this.variant === 'removable') {\\n\\t\\t\\tthis._remove();\\n\\t\\t} else {\\n\\t\\t\\tthis._toggle(event);\\n\\t\\t}\\n\\t}\""
+                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (event.key === ' ' || event.key === 'Enter') {\\n\\t\\t\\tthis._remove();\\n\\t\\t}\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-chip/sds-chip.ts",
@@ -2202,6 +2264,126 @@
                         ]
                     }
                 },
+                {
+                    "name": "sds-details-group",
+                    "source": {
+                        "module": "./src/sds-details-group/sds-details-group.ts",
+                        "symbol": "SDSDetailsGroup"
+                    },
+                    "attributes": [
+                        {
+                            "name": "outlined",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "boolean",
+                                    "undefined"
+                                ],
+                                "required": false,
+                                "default": "false"
+                            },
+                            "source": {
+                                "module": "./src/sds-details-group/sds-details-group.ts",
+                                "symbol": "SDSDetailsGroup.outlined"
+                            }
+                        },
+                        {
+                            "name": "name",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "string",
+                                    "undefined"
+                                ],
+                                "required": true
+                            },
+                            "source": {
+                                "module": "./src/sds-details-group/sds-details-group.ts",
+                                "symbol": "SDSDetailsGroup.name"
+                            }
+                        }
+                    ],
+                    "js": {
+                        "properties": [
+                            {
+                                "name": "styles",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": "CSSResult[]",
+                                    "required": true,
+                                    "default": "[\"styles\"]"
+                                },
+                                "source": {
+                                    "module": "./src/sds-details-group/sds-details-group.ts",
+                                    "symbol": "SDSDetailsGroup.styles"
+                                }
+                            },
+                            {
+                                "name": "outlined",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "boolean",
+                                        "undefined"
+                                    ],
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-details-group/sds-details-group.ts",
+                                    "symbol": "SDSDetailsGroup.outlined"
+                                }
+                            },
+                            {
+                                "name": "name",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "string",
+                                        "undefined"
+                                    ],
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-details-group/sds-details-group.ts",
+                                    "symbol": "SDSDetailsGroup.name"
+                                }
+                            },
+                            {
+                                "name": "_detailsChildren",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "SDSDetails[]",
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-details-group/sds-details-group.ts",
+                                    "symbol": "SDSDetailsGroup._detailsChildren"
+                                }
+                            },
+                            {
+                                "name": "_toggleListeners",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "Map<SDSDetails, EventListener>",
+                                    "required": true,
+                                    "default": "\"new Map<SDSDetails, EventListener>()\""
+                                },
+                                "source": {
+                                    "module": "./src/sds-details-group/sds-details-group.ts",
+                                    "symbol": "SDSDetailsGroup._toggleListeners"
+                                }
+                            }
+                        ]
+                    }
+                },
                 {
                     "name": "sds-details",
                     "source": {
@@ -2328,6 +2510,20 @@
                                     "symbol": "SDSDetails.name"
                                 }
                             },
+                            {
+                                "name": "_initialized",
+                                "required": false,
+                                "priority": "lowest",
+                                "value": {
+                                    "type": "boolean",
+                                    "required": false,
+                                    "default": "false"
+                                },
+                                "source": {
+                                    "module": "./src/sds-details/sds-details.ts",
+                                    "symbol": "SDSDetails._initialized"
+                                }
+                            },
                             {
                                 "name": "_handleToggle",
                                 "required": false,
@@ -2335,7 +2531,7 @@
                                 "value": {
                                     "type": "(event: Event) => void",
                                     "required": true,
-                                    "default": "\"(event: Event) => {\\n\\t\\tconst details = event.currentTarget as HTMLDetailsElement;\\n\\t\\tif (this.open !== details.open) {\\n\\t\\t\\tthis.open = details.open;\\n\\t\\t}\\n\\n\\t\\tthis.dispatchSheriffEvent('sds-toggle', { open: details.open });\\n\\t}\""
+                                    "default": "\"(event: Event) => {\\n\\t\\tconst details = event.currentTarget as HTMLDetailsElement;\\n\\t\\tif (this.open !== details.open) {\\n\\t\\t\\tthis.open = details.open;\\n\\t\\t}\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-details/sds-details.ts",