@politiet/sheriff-web-components 2.5.0 → 2.5.1

package/custom-elements.json

@@ -120,6 +120,12 @@
               "fieldName": "palette"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -587,6 +593,12 @@
               "fieldName": "variant"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -1423,6 +1435,12 @@
               "fieldName": "readOnly"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -1614,6 +1632,12 @@
               "fieldName": "size"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -1857,6 +1881,12 @@
               "fieldName": "readonly"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -1946,6 +1976,12 @@
               "fieldName": "name"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -2147,6 +2183,12 @@
               "fieldName": "closeButtonLabel"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -2989,6 +3031,12 @@
               "fieldName": "removableLabel"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -3451,6 +3499,12 @@
               "fieldName": "disabled"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -3674,6 +3728,12 @@
               "fieldName": "size"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -4062,6 +4122,12 @@
               "fieldName": "size"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -4201,132 +4267,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/sds-stepper-step/sds-stepper-step.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SDSStepperStep",
-          "members": [
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "shadowRootOptions",
-              "type": {
-                "text": "ShadowRootInit"
-              },
-              "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
-            },
-            {
-              "kind": "field",
-              "name": "complete",
-              "type": {
-                "text": "SDSStepperStepProps['complete']"
-              },
-              "default": "false",
-              "attribute": "complete",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "interactive",
-              "type": {
-                "text": "SDSStepperStepProps['interactive']"
-              },
-              "default": "false",
-              "attribute": "interactive",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "SDSStepperStepProps['active']"
-              },
-              "default": "false",
-              "attribute": "active",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_handleClick",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_renderNonInteractiveStep",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_renderInteractiveStep",
-              "privacy": "private",
-              "readonly": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "complete",
-              "type": {
-                "text": "SDSStepperStepProps['complete']"
-              },
-              "default": "false",
-              "fieldName": "complete"
-            },
-            {
-              "name": "interactive",
-              "type": {
-                "text": "SDSStepperStepProps['interactive']"
-              },
-              "default": "false",
-              "fieldName": "interactive"
-            },
-            {
-              "name": "active",
-              "type": {
-                "text": "SDSStepperStepProps['active']"
-              },
-              "default": "false",
-              "fieldName": "active"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SDSEventDispatcherMixin",
-              "module": "/src/mixins/sds-event-dispatcher-mixin"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SDSStepperStep",
-          "declaration": {
-            "name": "SDSStepperStep",
-            "module": "src/sds-stepper-step/sds-stepper-step.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/sds-switch/sds-switch.ts",
@@ -4572,6 +4512,12 @@
               "fieldName": "size"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -4590,6 +4536,132 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/sds-stepper-step/sds-stepper-step.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SDSStepperStep",
+          "members": [
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "ShadowRootInit"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "complete",
+              "type": {
+                "text": "SDSStepperStepProps['complete']"
+              },
+              "default": "false",
+              "attribute": "complete",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "interactive",
+              "type": {
+                "text": "SDSStepperStepProps['interactive']"
+              },
+              "default": "false",
+              "attribute": "interactive",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "SDSStepperStepProps['active']"
+              },
+              "default": "false",
+              "attribute": "active",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_handleClick",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_renderNonInteractiveStep",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_renderInteractiveStep",
+              "privacy": "private",
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "complete",
+              "type": {
+                "text": "SDSStepperStepProps['complete']"
+              },
+              "default": "false",
+              "fieldName": "complete"
+            },
+            {
+              "name": "interactive",
+              "type": {
+                "text": "SDSStepperStepProps['interactive']"
+              },
+              "default": "false",
+              "fieldName": "interactive"
+            },
+            {
+              "name": "active",
+              "type": {
+                "text": "SDSStepperStepProps['active']"
+              },
+              "default": "false",
+              "fieldName": "active"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SDSStepperStep",
+          "declaration": {
+            "name": "SDSStepperStep",
+            "module": "src/sds-stepper-step/sds-stepper-step.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/sds-tag/sds-tag.ts",
@@ -5330,6 +5402,12 @@
               "fieldName": "size"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -5821,6 +5899,12 @@
               "fieldName": "size"
             }
           ],
+          "mixins": [
+            {
+              "name": "SDSEventDispatcherMixin",
+              "module": "/src/mixins/sds-event-dispatcher-mixin"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"

package/dist/mixins/sds-event-dispatcher-mixin.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 type Constructable<T = object> = new (...args: any[]) => T;
 export interface SDSEventDispatcherMixinInterface {
-    dispatchSheriffEvent<TDetail = void>(type: string, detail?: TDetail): boolean;
+    dispatchSheriffEvent<TDetail = void>(type: string, detail?: TDetail, cancelable?: boolean): boolean;
+    dispatchKeyboardEvent(type: string, originalEvent: KeyboardEvent): boolean;
 }
 export declare function SDSEventDispatcherMixin<T extends Constructable<LitElement>>(superClass: T): Constructable<SDSEventDispatcherMixinInterface> & T;
 export {};

package/dist/mixins/sds-event-dispatcher-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sds-event-dispatcher-mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/sds-event-dispatcher-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,KAAK,aAAa,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAE3D,MAAM,WAAW,gCAAgC;IAChD,oBAAoB,CAAC,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC9E;AAED,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,aAAa,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAY/I"}
+{"version":3,"file":"sds-event-dispatcher-mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/sds-event-dispatcher-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,KAAK,aAAa,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AA2C3D,MAAM,WAAW,gCAAgC;IAChD,oBAAoB,CAAC,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACpG,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAG,OAAO,CAAC;CAC3E;AAED,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,aAAa,CAAC,gCAAgC,CAAC,GAAG,CAAC,CAgC/I"}

package/dist/mixins/sds-event-dispatcher-mixin.js

@@ -1,10 +1,67 @@
+const NON_CANCELABLE_EVENTS = new Set([
+    // Focus events
+    'focus',
+    'blur',
+    'focusin',
+    'focusout',
+    // Input events
+    'input',
+    'change',
+    // Media events
+    'play',
+    'pause',
+    'ended',
+    'volumechange',
+    'timeupdate',
+    'durationchange',
+    'loadeddata',
+    'loadedmetadata',
+    'loadstart',
+    'canplay',
+    'canplaythrough',
+    'playing',
+    'seeked',
+    'stalled',
+    'suspend',
+    'waiting',
+    'ratechange',
+    // Lifecycle/window events
+    'load',
+    'unload',
+    'abort',
+    'error',
+    'resize',
+    'scroll',
+    // Keyboard
+    'keyup',
+    // Misc
+    'reset',
+    'select',
+]);
 export function SDSEventDispatcherMixin(superClass) {
     return class SDSEventDispatcher extends superClass {
-        dispatchSheriffEvent(type, detail) {
+        dispatchSheriffEvent(type, detail, cancelable = !NON_CANCELABLE_EVENTS.has(type)) {
             return this.dispatchEvent(new CustomEvent(type, {
                 detail,
                 bubbles: true,
                 composed: true,
+                cancelable,
+            }));
+        }
+        dispatchKeyboardEvent(type, originalEvent) {
+            return this.dispatchEvent(new KeyboardEvent(type, {
+                key: originalEvent.key,
+                code: originalEvent.code,
+                bubbles: true,
+                composed: true,
+                cancelable: !NON_CANCELABLE_EVENTS.has(type),
+                ctrlKey: originalEvent.ctrlKey,
+                shiftKey: originalEvent.shiftKey,
+                altKey: originalEvent.altKey,
+                metaKey: originalEvent.metaKey,
+                repeat: originalEvent.repeat,
+                isComposing: originalEvent.isComposing,
+                location: originalEvent.location,
             }));
         }
     };

package/dist/mixins/sds-event-dispatcher-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"sds-event-dispatcher-mixin.js","sourceRoot":"","sources":["../../src/mixins/sds-event-dispatcher-mixin.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,uBAAuB,CAAsC,UAAa;IACzF,OAAO,MAAM,kBAAmB,SAAQ,UAAU;QACjD,oBAAoB,CAAiB,IAAY,EAAE,MAAgB;YAClE,OAAO,IAAI,CAAC,aAAa,CACxB,IAAI,WAAW,CAAU,IAAI,EAAE;gBAC9B,MAAM;gBACN,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACd,CAAC,CACF,CAAC;QACH,CAAC;KACD,CAAC;AACH,CAAC","sourcesContent":["import { LitElement } from 'lit';\n\ntype Constructable<T = object> = new (...args: any[]) => T;\n\nexport interface SDSEventDispatcherMixinInterface {\n\tdispatchSheriffEvent<TDetail = void>(type: string, detail?: TDetail): boolean;\n}\n\nexport function SDSEventDispatcherMixin<T extends Constructable<LitElement>>(superClass: T): Constructable<SDSEventDispatcherMixinInterface> & T {\n\treturn class SDSEventDispatcher extends superClass {\n\t\tdispatchSheriffEvent<TDetail = void>(type: string, detail?: TDetail): boolean {\n\t\t\treturn this.dispatchEvent(\n\t\t\t\tnew CustomEvent<TDetail>(type, {\n\t\t\t\t\tdetail,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t};\n}\n"]}
+{"version":3,"file":"sds-event-dispatcher-mixin.js","sourceRoot":"","sources":["../../src/mixins/sds-event-dispatcher-mixin.ts"],"names":[],"mappings":"AAIA,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC;IACrC,eAAe;IACf,OAAO;IACP,MAAM;IACN,SAAS;IACT,UAAU;IACV,eAAe;IACf,OAAO;IACP,QAAQ;IACR,eAAe;IACf,MAAM;IACN,OAAO;IACP,OAAO;IACP,cAAc;IACd,YAAY;IACZ,gBAAgB;IAChB,YAAY;IACZ,gBAAgB;IAChB,WAAW;IACX,SAAS;IACT,gBAAgB;IAChB,SAAS;IACT,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;IACT,YAAY;IACZ,0BAA0B;IAC1B,MAAM;IACN,QAAQ;IACR,OAAO;IACP,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,WAAW;IACX,OAAO;IACP,OAAO;IACP,OAAO;IACP,QAAQ;CACR,CAAC,CAAC;AAOH,MAAM,UAAU,uBAAuB,CAAsC,UAAa;IACzF,OAAO,MAAM,kBAAmB,SAAQ,UAAU;QACjD,oBAAoB,CAAiB,IAAY,EAAE,MAAgB,EAAE,UAAU,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC;YACjH,OAAO,IAAI,CAAC,aAAa,CACxB,IAAI,WAAW,CAAU,IAAI,EAAE;gBAC9B,MAAM;gBACN,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,UAAU;aACV,CAAC,CACF,CAAC;QACH,CAAC;QAED,qBAAqB,CAAC,IAAY,EAAE,aAA4B;YAC/D,OAAO,IAAI,CAAC,aAAa,CACxB,IAAI,aAAa,CAAC,IAAI,EAAE;gBACvB,GAAG,EAAE,aAAa,CAAC,GAAG;gBACtB,IAAI,EAAE,aAAa,CAAC,IAAI;gBACxB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC;gBAC5C,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,QAAQ,EAAE,aAAa,CAAC,QAAQ;gBAChC,MAAM,EAAE,aAAa,CAAC,MAAM;gBAC5B,OAAO,EAAE,aAAa,CAAC,OAAO;gBAC9B,MAAM,EAAE,aAAa,CAAC,MAAM;gBAC5B,WAAW,EAAE,aAAa,CAAC,WAAW;gBACtC,QAAQ,EAAE,aAAa,CAAC,QAAQ;aAChC,CAAC,CACF,CAAC;QACH,CAAC;KACD,CAAC;AACH,CAAC","sourcesContent":["import { LitElement } from 'lit';\n\ntype Constructable<T = object> = new (...args: any[]) => T;\n\nconst NON_CANCELABLE_EVENTS = new Set([\n\t// Focus events\n\t'focus',\n\t'blur',\n\t'focusin',\n\t'focusout',\n\t// Input events\n\t'input',\n\t'change',\n\t// Media events\n\t'play',\n\t'pause',\n\t'ended',\n\t'volumechange',\n\t'timeupdate',\n\t'durationchange',\n\t'loadeddata',\n\t'loadedmetadata',\n\t'loadstart',\n\t'canplay',\n\t'canplaythrough',\n\t'playing',\n\t'seeked',\n\t'stalled',\n\t'suspend',\n\t'waiting',\n\t'ratechange',\n\t// Lifecycle/window events\n\t'load',\n\t'unload',\n\t'abort',\n\t'error',\n\t'resize',\n\t'scroll',\n\t// Keyboard\n\t'keyup',\n\t// Misc\n\t'reset',\n\t'select',\n]);\n\nexport interface SDSEventDispatcherMixinInterface {\n\tdispatchSheriffEvent<TDetail = void>(type: string, detail?: TDetail, cancelable?: boolean): boolean;\n\tdispatchKeyboardEvent(type: string, originalEvent: KeyboardEvent): boolean;\n}\n\nexport function SDSEventDispatcherMixin<T extends Constructable<LitElement>>(superClass: T): Constructable<SDSEventDispatcherMixinInterface> & T {\n\treturn class SDSEventDispatcher extends superClass {\n\t\tdispatchSheriffEvent<TDetail = void>(type: string, detail?: TDetail, cancelable = !NON_CANCELABLE_EVENTS.has(type)): boolean {\n\t\t\treturn this.dispatchEvent(\n\t\t\t\tnew CustomEvent<TDetail>(type, {\n\t\t\t\t\tdetail,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t\tcancelable,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\n\t\tdispatchKeyboardEvent(type: string, originalEvent: KeyboardEvent): boolean {\n\t\t\treturn this.dispatchEvent(\n\t\t\t\tnew KeyboardEvent(type, {\n\t\t\t\t\tkey: originalEvent.key,\n\t\t\t\t\tcode: originalEvent.code,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t\tcancelable: !NON_CANCELABLE_EVENTS.has(type),\n\t\t\t\t\tctrlKey: originalEvent.ctrlKey,\n\t\t\t\t\tshiftKey: originalEvent.shiftKey,\n\t\t\t\t\taltKey: originalEvent.altKey,\n\t\t\t\t\tmetaKey: originalEvent.metaKey,\n\t\t\t\t\trepeat: originalEvent.repeat,\n\t\t\t\t\tisComposing: originalEvent.isComposing,\n\t\t\t\t\tlocation: originalEvent.location,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t};\n}\n"]}

package/dist/react-wrappers/SDSTextFieldWrapper.d.ts

@@ -1,3 +1,4 @@
+import { EventName } from '@lit/react';
 import { SDSTextField } from '../sds-textfield/sds-textfield';
 import { SheriffEventName } from './types';
 export declare const SDSTextFieldWrapper: import("@lit/react").ReactWebComponent<SDSTextField, {
@@ -6,5 +7,6 @@ export declare const SDSTextFieldWrapper: import("@lit/react").ReactWebComponent
     onSelect: SheriffEventName;
     onFocus: SheriffEventName;
     onBlur: SheriffEventName;
+    onKeyDown: EventName<KeyboardEvent>;
 }>;
 //# sourceMappingURL=SDSTextFieldWrapper.d.ts.map

package/dist/react-wrappers/SDSTextFieldWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SDSTextFieldWrapper.d.ts","sourceRoot":"","sources":["../../src/react-wrappers/SDSTextFieldWrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,mBAAmB;aAKV,gBAAgB;cACf,gBAAgB;cACf,gBAAgB;aAClB,gBAAgB;YAClB,gBAAgB;EAElC,CAAC"}
+{"version":3,"file":"SDSTextFieldWrapper.d.ts","sourceRoot":"","sources":["../../src/react-wrappers/SDSTextFieldWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,mBAAmB;aAKV,gBAAgB;cACf,gBAAgB;cACf,gBAAgB;aAClB,gBAAgB;YAClB,gBAAgB;eACV,SAAS,CAAC,aAAa,CAAC;EAEhD,CAAC"}

package/dist/react-wrappers/SDSTextFieldWrapper.js

@@ -11,6 +11,7 @@ export const SDSTextFieldWrapper = createComponent({
         onSelect: 'select',
         onFocus: 'focus',
         onBlur: 'blur',
+        onKeyDown: 'keydown',
     },
 });
 //# sourceMappingURL=SDSTextFieldWrapper.js.map

package/dist/react-wrappers/SDSTextFieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SDSTextFieldWrapper.js","sourceRoot":"","sources":["../../src/react-wrappers/SDSTextFieldWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC;IAClD,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACP,OAAO,EAAE,OAA2B;QACpC,QAAQ,EAAE,OAA2B;QACrC,QAAQ,EAAE,QAA4B;QACtC,OAAO,EAAE,OAA2B;QACpC,MAAM,EAAE,MAA0B;KAClC;CACD,CAAC,CAAC","sourcesContent":["import { createComponent } from '@lit/react';\nimport React from 'react';\nimport { SDSTextField } from '../sds-textfield/sds-textfield';\nimport { SheriffEventName } from './types';\n\nexport const SDSTextFieldWrapper = createComponent({\n\ttagName: 'sds-textfield',\n\telementClass: SDSTextField,\n\treact: React,\n\tevents: {\n\t\tonInput: 'input' as SheriffEventName,\n\t\tonChange: 'input' as SheriffEventName,\n\t\tonSelect: 'select' as SheriffEventName,\n\t\tonFocus: 'focus' as SheriffEventName,\n\t\tonBlur: 'blur' as SheriffEventName,\n\t},\n});\n"]}
+{"version":3,"file":"SDSTextFieldWrapper.js","sourceRoot":"","sources":["../../src/react-wrappers/SDSTextFieldWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC;IAClD,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACP,OAAO,EAAE,OAA2B;QACpC,QAAQ,EAAE,OAA2B;QACrC,QAAQ,EAAE,QAA4B;QACtC,OAAO,EAAE,OAA2B;QACpC,MAAM,EAAE,MAA0B;QAClC,SAAS,EAAE,SAAqC;KAChD;CACD,CAAC,CAAC","sourcesContent":["import { createComponent, EventName } from '@lit/react';\nimport React from 'react';\nimport { SDSTextField } from '../sds-textfield/sds-textfield';\nimport { SheriffEventName } from './types';\n\nexport const SDSTextFieldWrapper = createComponent({\n\ttagName: 'sds-textfield',\n\telementClass: SDSTextField,\n\treact: React,\n\tevents: {\n\t\tonInput: 'input' as SheriffEventName,\n\t\tonChange: 'input' as SheriffEventName,\n\t\tonSelect: 'select' as SheriffEventName,\n\t\tonFocus: 'focus' as SheriffEventName,\n\t\tonBlur: 'blur' as SheriffEventName,\n\t\tonKeyDown: 'keydown' as EventName<KeyboardEvent>,\n\t},\n});\n"]}

package/dist/sds-alert/sds-alert.component.d.ts

@@ -9,7 +9,8 @@ export interface SDSAlertProps {
     size?: AlertSize;
     'removable-label'?: string;
 }
-export declare class SDSAlertComponent extends LitElement {
+declare const SDSAlertComponent_base: (new (...args: any[]) => import("../mixins/sds-event-dispatcher-mixin").SDSEventDispatcherMixinInterface) & typeof LitElement;
+export declare class SDSAlertComponent extends SDSAlertComponent_base {
     static styles: import("lit").CSSResult[];
     variant: Variants;
     size: AlertSize;

package/dist/sds-alert/sds-alert.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sds-alert.component.d.ts","sourceRoot":"","sources":["../../src/sds-alert/sds-alert.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEnD,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAChE,KAAK,QAAQ,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;AAC/D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AASxD,MAAM,WAAW,aAAa;IAC7B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,qBAAa,iBAAkB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAAY;IAES,OAAO,EAAE,QAAQ,CAAa;IAC9B,IAAI,EAAE,SAAS,CAAQ;IACO,cAAc,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAU;IAErG,SAAS,CAAC,OAAO,EAAE,WAAW,CAAqB;IACnD,SAAS,CAAC,SAAS,EAAE,WAAW,CAAuB;IAEvD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAOtB;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAE1B;IAEF,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAWlC;IAEO,MAAM;CAaf"}
+{"version":3,"file":"sds-alert.component.d.ts","sourceRoot":"","sources":["../../src/sds-alert/sds-alert.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGnD,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAChE,KAAK,QAAQ,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;AAC/D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AASxD,MAAM,WAAW,aAAa;IAC7B,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;;AAED,qBAAa,iBAAkB,SAAQ,sBAAmC;IACzE,OAAgB,MAAM,4BAAY;IAES,OAAO,EAAE,QAAQ,CAAa;IAC9B,IAAI,EAAE,SAAS,CAAQ;IACO,cAAc,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAU;IAErG,SAAS,CAAC,OAAO,EAAE,WAAW,CAAqB;IACnD,SAAS,CAAC,SAAS,EAAE,WAAW,CAAuB;IAEvD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAEtB;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAE1B;IAEF,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAWlC;IAEO,MAAM;CAaf"}

package/dist/sds-alert/sds-alert.component.js

@@ -8,13 +8,14 @@ import { LitElement, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { html as staticHtml, literal } from 'lit/static-html.js';
 import { styles } from './sds-alert.styles';
+import { SDSEventDispatcherMixin } from '../mixins/sds-event-dispatcher-mixin';
 const alertIcons = {
     info: 'InformationSquareFill-aksel-filled',
     success: 'check_circle-material-filled',
     attention: 'warning-material-filled',
     danger: 'dangerous-material-filled',
 };
-export class SDSAlertComponent extends LitElement {
+export class SDSAlertComponent extends SDSEventDispatcherMixin(LitElement) {
     constructor() {
         super(...arguments);
         this.variant = 'primary';
@@ -23,10 +24,7 @@ export class SDSAlertComponent extends LitElement {
         this.iconTag = literal `sds-icon`;
         this.buttonTag = literal `sds-button`;
         this._remove = () => {
-            this.dispatchEvent(new CustomEvent('sds-remove', {
-                bubbles: true,
-                composed: true,
-            }));
+            this.dispatchSheriffEvent('sds-remove');
         };
         this._renderIcon = (iconName, size, cls) => {
             return staticHtml `<${this.iconTag} ${cls ? `class=${cls}` : ''} name="${iconName}" size=${size}></${this.iconTag}>`;

package/dist/sds-alert/sds-alert.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"sds-alert.component.js","sourceRoot":"","sources":["../../src/sds-alert/sds-alert.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5C,MAAM,UAAU,GAAiC;IAChD,IAAI,EAAE,oCAAoC;IAC1C,OAAO,EAAE,8BAA8B;IACvC,SAAS,EAAE,yBAAyB;IACpC,MAAM,EAAE,2BAA2B;CACnC,CAAC;AAQF,MAAM,OAAO,iBAAkB,SAAQ,UAAU;IAAjD;;QAG4C,YAAO,GAAa,SAAS,CAAC;QAC9B,SAAI,GAAc,IAAI,CAAC;QAEI,YAAO,GAAiB,MAAM,CAAC;QAE3F,YAAO,GAAgB,OAAO,CAAA,UAAU,CAAC;QACzC,cAAS,GAAgB,OAAO,CAAA,YAAY,CAAC;QAEtC,YAAO,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,YAAY,EAAE;gBAC7B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACd,CAAC,CACF,CAAC;QACH,CAAC,CAAC;QAEe,gBAAW,GAAG,CAAC,QAAgB,EAAE,IAAY,EAAE,GAAY,EAAE,EAAE;YAC/E,OAAO,UAAU,CAAA,IAAI,IAAI,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,QAAQ,UAAU,IAAI,MAAM,IAAI,CAAC,OAAO,GAAG,CAAC;QACrH,CAAC,CAAC;QAEe,wBAAmB,GAAG,CAAC,SAAiB,EAAE,EAAE;YAC5D,OAAO,UAAU,CAAA,IAAI,IAAI,CAAC,SAAS;;;;UAI3B,IAAI;eACC,SAAS;WACb,IAAI,CAAC,OAAO;;IAEnB,IAAI,CAAC,WAAW,CAAC,yBAAyB,EAAE,IAAI,CAAC;MAC/C,IAAI,CAAC,SAAS,GAAG,CAAC;QACvB,CAAC,CAAC;IAeH,CAAC;IAbS,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;QACvE,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC;QAEhE,OAAO,IAAI,CAAA;kCACqB,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,CAAC;;;;;KAKpF,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;SACtJ,CAAC;IACT,CAAC;;AAhDe,wBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAES;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAA+B;AAC9B;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAwB;AACO;IAAxE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAAyB;AAC3B;IAArE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgC","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { html as staticHtml, literal } from 'lit/static-html.js';\nimport type { StaticValue } from 'lit-html/static.js';\nimport { styles } from './sds-alert.styles';\nimport { SDS_VARIANTS, SDS_SIZES } from '../types';\n\ntype ColorPalette = 'info' | 'success' | 'attention' | 'danger';\ntype Variants = Extract<SDS_VARIANTS, 'primary' | 'secondary'>;\ntype AlertSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;\n\nconst alertIcons: Record<ColorPalette, string> = {\n\tinfo: 'InformationSquareFill-aksel-filled',\n\tsuccess: 'check_circle-material-filled',\n\tattention: 'warning-material-filled',\n\tdanger: 'dangerous-material-filled',\n};\n\nexport interface SDSAlertProps {\n\tvariant?: Variants;\n\tsize?: AlertSize;\n\t'removable-label'?: string;\n}\n\nexport class SDSAlertComponent extends LitElement {\n\tstatic override styles = [styles];\n\n\t@property({ type: String, reflect: true }) variant: Variants = 'primary';\n\t@property({ type: String, reflect: true }) size: AlertSize = 'md';\n\t@property({ type: String, attribute: 'removable-label', reflect: true }) removableLabel?: string;\n\t@property({ type: String, attribute: 'data-palette', reflect: true }) palette: ColorPalette = 'info';\n\n\tprotected iconTag: StaticValue = literal`sds-icon`;\n\tprotected buttonTag: StaticValue = literal`sds-button`;\n\n\tprivate readonly _remove = () => {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('sds-remove', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t);\n\t};\n\n\tprivate readonly _renderIcon = (iconName: string, size: string, cls?: string) => {\n\t\treturn staticHtml`<${this.iconTag} ${cls ? `class=${cls}` : ''} name=\"${iconName}\" size=${size}></${this.iconTag}>`;\n\t};\n\n\tprivate readonly _renderRemoveButton = (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};\n\n\toverride render() {\n\t\tconst iconSize = this.variant === 'primary' ? 'md' : this.size ?? 'md';\n\t\tconst iconName = alertIcons[this.palette] ?? alertIcons['info'];\n\n\t\treturn html`<div class=\"sds-alert\">\n\t\t\t<div class=\"sds-alert__type\">${this._renderIcon(iconName, iconSize, 'sds-alert__icon')}</div>\n\t\t\t<div class=\"sds-alert__content\">\n\t\t\t\t<slot name=\"title\"></slot>\n\t\t\t\t<slot name=\"message\"></slot>\n\t\t\t</div>\n\t\t\t${this.removableLabel && this.variant === 'primary' ? html`<div class=\"sds-alert__actions\">${this._renderRemoveButton(this.removableLabel)}</div>` : nothing}\n\t\t</div>`;\n\t}\n}\n"]}
+{"version":3,"file":"sds-alert.component.js","sourceRoot":"","sources":["../../src/sds-alert/sds-alert.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAM/E,MAAM,UAAU,GAAiC;IAChD,IAAI,EAAE,oCAAoC;IAC1C,OAAO,EAAE,8BAA8B;IACvC,SAAS,EAAE,yBAAyB;IACpC,MAAM,EAAE,2BAA2B;CACnC,CAAC;AAQF,MAAM,OAAO,iBAAkB,SAAQ,uBAAuB,CAAC,UAAU,CAAC;IAA1E;;QAG4C,YAAO,GAAa,SAAS,CAAC;QAC9B,SAAI,GAAc,IAAI,CAAC;QAEI,YAAO,GAAiB,MAAM,CAAC;QAE3F,YAAO,GAAgB,OAAO,CAAA,UAAU,CAAC;QACzC,cAAS,GAAgB,OAAO,CAAA,YAAY,CAAC;QAEtC,YAAO,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACzC,CAAC,CAAC;QAEe,gBAAW,GAAG,CAAC,QAAgB,EAAE,IAAY,EAAE,GAAY,EAAE,EAAE;YAC/E,OAAO,UAAU,CAAA,IAAI,IAAI,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,QAAQ,UAAU,IAAI,MAAM,IAAI,CAAC,OAAO,GAAG,CAAC;QACrH,CAAC,CAAC;QAEe,wBAAmB,GAAG,CAAC,SAAiB,EAAE,EAAE;YAC5D,OAAO,UAAU,CAAA,IAAI,IAAI,CAAC,SAAS;;;;UAI3B,IAAI;eACC,SAAS;WACb,IAAI,CAAC,OAAO;;IAEnB,IAAI,CAAC,WAAW,CAAC,yBAAyB,EAAE,IAAI,CAAC;MAC/C,IAAI,CAAC,SAAS,GAAG,CAAC;QACvB,CAAC,CAAC;IAeH,CAAC;IAbS,MAAM;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;QACvE,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC;QAEhE,OAAO,IAAI,CAAA;kCACqB,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,CAAC;;;;;KAKpF,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;SACtJ,CAAC;IACT,CAAC;;AA3Ce,wBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAES;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAA+B;AAC9B;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAwB;AACO;IAAxE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAAyB;AAC3B;IAArE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgC","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { html as staticHtml, literal } from 'lit/static-html.js';\nimport type { StaticValue } from 'lit-html/static.js';\nimport { styles } from './sds-alert.styles';\nimport { SDS_VARIANTS, SDS_SIZES } from '../types';\nimport { SDSEventDispatcherMixin } from '../mixins/sds-event-dispatcher-mixin';\n\ntype ColorPalette = 'info' | 'success' | 'attention' | 'danger';\ntype Variants = Extract<SDS_VARIANTS, 'primary' | 'secondary'>;\ntype AlertSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;\n\nconst alertIcons: Record<ColorPalette, string> = {\n\tinfo: 'InformationSquareFill-aksel-filled',\n\tsuccess: 'check_circle-material-filled',\n\tattention: 'warning-material-filled',\n\tdanger: 'dangerous-material-filled',\n};\n\nexport interface SDSAlertProps {\n\tvariant?: Variants;\n\tsize?: AlertSize;\n\t'removable-label'?: string;\n}\n\nexport class SDSAlertComponent extends SDSEventDispatcherMixin(LitElement) {\n\tstatic override styles = [styles];\n\n\t@property({ type: String, reflect: true }) variant: Variants = 'primary';\n\t@property({ type: String, reflect: true }) size: AlertSize = 'md';\n\t@property({ type: String, attribute: 'removable-label', reflect: true }) removableLabel?: string;\n\t@property({ type: String, attribute: 'data-palette', reflect: true }) palette: ColorPalette = 'info';\n\n\tprotected iconTag: StaticValue = literal`sds-icon`;\n\tprotected buttonTag: StaticValue = literal`sds-button`;\n\n\tprivate readonly _remove = () => {\n\t\tthis.dispatchSheriffEvent('sds-remove');\n\t};\n\n\tprivate readonly _renderIcon = (iconName: string, size: string, cls?: string) => {\n\t\treturn staticHtml`<${this.iconTag} ${cls ? `class=${cls}` : ''} name=\"${iconName}\" size=${size}></${this.iconTag}>`;\n\t};\n\n\tprivate readonly _renderRemoveButton = (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};\n\n\toverride render() {\n\t\tconst iconSize = this.variant === 'primary' ? 'md' : this.size ?? 'md';\n\t\tconst iconName = alertIcons[this.palette] ?? alertIcons['info'];\n\n\t\treturn html`<div class=\"sds-alert\">\n\t\t\t<div class=\"sds-alert__type\">${this._renderIcon(iconName, iconSize, 'sds-alert__icon')}</div>\n\t\t\t<div class=\"sds-alert__content\">\n\t\t\t\t<slot name=\"title\"></slot>\n\t\t\t\t<slot name=\"message\"></slot>\n\t\t\t</div>\n\t\t\t${this.removableLabel && this.variant === 'primary' ? html`<div class=\"sds-alert__actions\">${this._renderRemoveButton(this.removableLabel)}</div>` : nothing}\n\t\t</div>`;\n\t}\n}\n"]}

package/dist/sds-button/sds-button.component.d.ts

@@ -17,7 +17,8 @@ export interface SDSButtonProps {
     value?: string;
     variant?: ButtonVariant;
 }
-export declare class SDSButtonComponent extends LitElement {
+declare const SDSButtonComponent_base: (new (...args: any[]) => import("../mixins/sds-event-dispatcher-mixin").SDSEventDispatcherMixinInterface) & typeof LitElement;
+export declare class SDSButtonComponent extends SDSButtonComponent_base {
     static styles: import("lit").CSSResult[];
     static formAssociated: boolean;
     readonly internals: ElementInternals;