@maggioli-design-system/mds-progress 2.9.0 → 2.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  export class KeyboardManager {
2
2
  constructor() {
3
- this.elements = [];
3
+ this.elements = new Map();
4
4
  this.handleClickBehaviorDispatchEvent = (event) => {
5
- if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
5
+ if (event.code === 'Enter' || event.code === 'NumpadEnter') {
6
6
  event.target.click();
7
7
  }
8
8
  };
@@ -12,20 +12,25 @@ export class KeyboardManager {
12
12
  }
13
13
  };
14
14
  this.addElement = (el, name = 'element') => {
15
- this.elements[name] = el;
15
+ if (!el) {
16
+ throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`);
17
+ }
18
+ this.elements.set(name, el);
19
+ };
20
+ this.removeElement = (name = 'element') => {
21
+ this.detachClickBehavior(name);
22
+ this.elements.delete(name);
16
23
  };
17
24
  this.attachClickBehavior = (name = 'element') => {
18
- if (this.elements[name]) {
19
- this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
20
- }
25
+ var _a;
26
+ (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
21
27
  };
22
28
  this.detachClickBehavior = (name = 'element') => {
23
- if (this.elements[name]) {
24
- this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
25
- }
29
+ var _a;
30
+ (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
26
31
  };
27
- this.attachEscapeBehavior = (callBack) => {
28
- this.escapeCallback = callBack;
32
+ this.attachEscapeBehavior = (callback) => {
33
+ this.escapeCallback = callback;
29
34
  if (window !== undefined) {
30
35
  window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
31
36
  }
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-02-09T14:53:43",
2
+ "timestamp": "2024-02-19T12:07:39",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.10.0",
package/dist/stats.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-02-09T14:53:43",
2
+ "timestamp": "2024-02-19T12:07:39",
3
3
  "compiler": {
4
4
  "name": "node",
5
5
  "version": "20.10.0"
@@ -4,8 +4,9 @@ export declare class KeyboardManager {
4
4
  private handleClickBehaviorDispatchEvent;
5
5
  private handleEscapeBehaviorDispatchEvent;
6
6
  addElement: (el: HTMLElement, name?: string) => void;
7
+ removeElement: (name?: string) => void;
7
8
  attachClickBehavior: (name?: string) => void;
8
9
  detachClickBehavior: (name?: string) => void;
9
- attachEscapeBehavior: (callBack: () => void) => void;
10
+ attachEscapeBehavior: (callback: () => void) => void;
10
11
  detachEscapeBehavior: () => void;
11
12
  }
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-02-09T14:18:39",
2
+ "timestamp": "2024-02-19T11:09:01",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.10.0",
@@ -400,6 +400,11 @@
400
400
  "docstring": "",
401
401
  "path": "src/components/mds-header/meta/event-detail.ts"
402
402
  },
403
+ "src/components/mds-horizontal-scroll/meta/types.ts::ViewportType": {
404
+ "declaration": "export type ViewportType =\n | 'all'\n | 'tv'\n | 'xlarge'\n | 'large'\n | 'wide'\n | 'desktop'\n | 'tablet'\n | 'none'",
405
+ "docstring": "",
406
+ "path": "src/components/mds-horizontal-scroll/meta/types.ts"
407
+ },
403
408
  "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {
404
409
  "declaration": "export type SnapType =\n | 'center'\n | 'end'\n | 'none'\n | 'start'",
405
410
  "docstring": "",
@@ -490,13 +495,13 @@
490
495
  "docstring": "",
491
496
  "path": "src/components/mds-input-switch/meta/types.ts"
492
497
  },
493
- "src/type/input.ts::InputValueType": {
494
- "declaration": "export type InputValueType =\n | null\n | number\n | string\n | undefined",
498
+ "src/components/mds-input-switch/meta/event-detail.ts::MdsInputSwitchEventDetail": {
499
+ "declaration": "export interface MdsInputSwitchEventDetail {\n name: string\n checked: boolean\n value: string\n}",
495
500
  "docstring": "",
496
- "path": "src/type/input.ts"
501
+ "path": "src/components/mds-input-switch/meta/event-detail.ts"
497
502
  },
498
503
  "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
499
- "declaration": "enum AttachmentSort {\n status = 'status',\n date = 'date',\n}",
504
+ "declaration": "type AttachmentSort =\n 'status' |\n 'date'",
500
505
  "docstring": "",
501
506
  "path": "src/components/mds-input-upload/meta/types.ts"
502
507
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-progress",
3
- "version": "2.9.0",
3
+ "version": "2.9.1",
4
4
  "description": "mds-progress 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.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -24,7 +24,7 @@
24
24
  "test": "stencil test --spec --e2e"
25
25
  },
26
26
  "dependencies": {
27
- "@maggioli-design-system/styles": "14.2.1",
27
+ "@maggioli-design-system/styles": "14.2.2",
28
28
  "@stencil/core": "4.10.0"
29
29
  },
30
30
  "license": "MIT",
@@ -1,9 +1,9 @@
1
1
  export class KeyboardManager {
2
2
  private escapeCallback: () => void
3
- private elements = []
3
+ private elements = new Map<string, HTMLElement>()
4
4
 
5
5
  private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
6
- if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
6
+ if (event.code === 'Enter' || event.code === 'NumpadEnter') {
7
7
  (event.target as HTMLElement).click()
8
8
  }
9
9
  }
@@ -15,30 +15,34 @@ export class KeyboardManager {
15
15
  }
16
16
 
17
17
  addElement = (el: HTMLElement, name = 'element'): void => {
18
- this.elements[name] = el
18
+ if (!el) {
19
+ throw Error(`Passed an ${el} element parameter to KeyboardManager.addElement`)
20
+ }
21
+ this.elements.set(name, el)
22
+ }
23
+
24
+ removeElement = (name: string = 'element'): void => {
25
+ this.detachClickBehavior(name)
26
+ this.elements.delete(name)
19
27
  }
20
28
 
21
29
  attachClickBehavior = (name = 'element'): void => {
22
- if (this.elements[name]) {
23
- this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
24
- }
30
+ this.elements.get(name)?.addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
25
31
  }
26
32
 
27
33
  detachClickBehavior = (name = 'element'): void => {
28
- if (this.elements[name]) {
29
- this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
30
- }
34
+ this.elements.get(name)?.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
31
35
  }
32
36
 
33
- attachEscapeBehavior = (callBack: () => void): void => {
34
- this.escapeCallback = callBack
37
+ attachEscapeBehavior = (callback: () => void): void => {
38
+ this.escapeCallback = callback
35
39
  if (window !== undefined) {
36
40
  window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
37
41
  }
38
42
  }
39
43
 
40
44
  detachEscapeBehavior = (): void => {
41
- this.escapeCallback = () => {return}
45
+ this.escapeCallback = () => { return }
42
46
  if (window !== undefined) {
43
47
  window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
44
48
  }
@@ -51,6 +51,7 @@
51
51
  "mgg/cancelled-sheet",
52
52
  "mgg/car-license",
53
53
  "mgg/card-stamping",
54
+ "mgg/check-small",
54
55
  "mgg/checklist",
55
56
  "mgg/checklist-settings",
56
57
  "mgg/citizenship",
@@ -39,6 +39,7 @@
39
39
  "mgg/cancelled-sheet",
40
40
  "mgg/car-license",
41
41
  "mgg/card-stamping",
42
+ "mgg/check-small",
42
43
  "mgg/checklist-settings",
43
44
  "mgg/checklist",
44
45
  "mgg/citizenship",