@maggioli-design-system/mds-list 3.9.0 → 3.9.2

package/dist/collection/common/keyboard-manager.js

@@ -1,8 +1,8 @@
 export class KeyboardManager {
     constructor() {
-        this.elements = [];
+        this.elements = new Map();
         this.handleClickBehaviorDispatchEvent = (event) => {
-            if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+            if (event.code === 'Enter' || event.code === 'NumpadEnter') {
                 event.target.click();
             }
         };
@@ -12,20 +12,25 @@ export class KeyboardManager {
             }
         };
         this.addElement = (el, name = 'element') => {
-            this.elements[name] = el;
+            if (!el) {
+                throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`);
+            }
+            this.elements.set(name, el);
+        };
+        this.removeElement = (name = 'element') => {
+            this.detachClickBehavior(name);
+            this.elements.delete(name);
         };
         this.attachClickBehavior = (name = 'element') => {
-            if (this.elements[name]) {
-                this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
-            }
+            var _a;
+            (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
         };
         this.detachClickBehavior = (name = 'element') => {
-            if (this.elements[name]) {
-                this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
-            }
+            var _a;
+            (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
         };
-        this.attachEscapeBehavior = (callBack) => {
-            this.escapeCallback = callBack;
+        this.attachEscapeBehavior = (callback) => {
+            this.escapeCallback = callback;
             if (window !== undefined) {
                 window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
             }

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-02-13T14:10:43",
+  "timestamp": "2024-02-19T12:05:37",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.10.0",

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-02-13T14:10:43",
+  "timestamp": "2024-02-19T12:05:37",
   "compiler": {
     "name": "node",
     "version": "20.10.0"

package/dist/types/common/keyboard-manager.d.ts

@@ -4,8 +4,9 @@ export declare class KeyboardManager {
     private handleClickBehaviorDispatchEvent;
     private handleEscapeBehaviorDispatchEvent;
     addElement: (el: HTMLElement, name?: string) => void;
+    removeElement: (name?: string) => void;
     attachClickBehavior: (name?: string) => void;
     detachClickBehavior: (name?: string) => void;
-    attachEscapeBehavior: (callBack: () => void) => void;
+    attachEscapeBehavior: (callback: () => void) => void;
     detachEscapeBehavior: () => void;
 }

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-02-13T13:44:43",
+  "timestamp": "2024-02-19T11:09:01",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.10.0",
@@ -232,6 +232,11 @@
       "docstring": "",
       "path": "src/components/mds-header/meta/event-detail.ts"
     },
+    "src/components/mds-horizontal-scroll/meta/types.ts::ViewportType": {
+      "declaration": "export type ViewportType =\n  | 'all'\n  | 'tv'\n  | 'xlarge'\n  | 'large'\n  | 'wide'\n  | 'desktop'\n  | 'tablet'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-horizontal-scroll/meta/types.ts"
+    },
     "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {
       "declaration": "export type SnapType =\n  | 'center'\n  | 'end'\n  | 'none'\n  | 'start'",
       "docstring": "",
@@ -322,13 +327,13 @@
       "docstring": "",
       "path": "src/components/mds-input-switch/meta/types.ts"
     },
-    "src/type/input.ts::InputValueType": {
-      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+    "src/components/mds-input-switch/meta/event-detail.ts::MdsInputSwitchEventDetail": {
+      "declaration": "export interface MdsInputSwitchEventDetail {\n  name: string\n  checked: boolean\n  value: string\n}",
       "docstring": "",
-      "path": "src/type/input.ts"
+      "path": "src/components/mds-input-switch/meta/event-detail.ts"
     },
     "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
-      "declaration": "enum AttachmentSort {\n  status = 'status',\n  date = 'date',\n}",
+      "declaration": "type AttachmentSort =\n  'status' |\n  'date'",
       "docstring": "",
       "path": "src/components/mds-input-upload/meta/types.ts"
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-list",
-  "version": "3.9.0",
+  "version": "3.9.2",
   "description": "mds-list is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,8 +23,8 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-list-item": "3.10.0",
-    "@maggioli-design-system/styles": "14.2.1",
+    "@maggioli-design-system/mds-list-item": "3.10.1",
+    "@maggioli-design-system/styles": "14.2.2",
     "@stencil/core": "4.10.0"
   },
   "license": "MIT",

package/src/common/keyboard-manager.ts

@@ -1,9 +1,9 @@
 export class KeyboardManager {
   private escapeCallback: () => void
-  private elements = []
+  private elements = new Map<string, HTMLElement>()
 
   private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
-    if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+    if (event.code === 'Enter' || event.code === 'NumpadEnter') {
       (event.target as HTMLElement).click()
     }
   }
@@ -15,30 +15,34 @@ export class KeyboardManager {
   }
 
   addElement = (el: HTMLElement, name = 'element'): void => {
-    this.elements[name] = el
+    if (!el) {
+      throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`)
+    }
+    this.elements.set(name, el)
+  }
+
+  removeElement = (name: string = 'element'): void => {
+    this.detachClickBehavior(name)
+    this.elements.delete(name)
   }
 
   attachClickBehavior = (name = 'element'): void => {
-    if (this.elements[name]) {
-      this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
-    }
+    this.elements.get(name)?.addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
   }
 
   detachClickBehavior = (name = 'element'): void => {
-    if (this.elements[name]) {
-      this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
-    }
+    this.elements.get(name)?.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
   }
 
-  attachEscapeBehavior = (callBack: () => void): void => {
-    this.escapeCallback = callBack
+  attachEscapeBehavior = (callback: () => void): void => {
+    this.escapeCallback = callback
     if (window !== undefined) {
       window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }
   }
 
   detachEscapeBehavior = (): void => {
-    this.escapeCallback = () => {return}
+    this.escapeCallback = () => { return }
     if (window !== undefined) {
       window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }

package/src/fixtures/icons.json

@@ -51,6 +51,7 @@
     "mgg/cancelled-sheet",
     "mgg/car-license",
     "mgg/card-stamping",
+    "mgg/check-small",
     "mgg/checklist",
     "mgg/checklist-settings",
     "mgg/citizenship",

package/src/fixtures/iconsauce.json

@@ -39,6 +39,7 @@
     "mgg/cancelled-sheet",
     "mgg/car-license",
     "mgg/card-stamping",
+    "mgg/check-small",
     "mgg/checklist-settings",
     "mgg/checklist",
     "mgg/citizenship",