@maggioli-design-system/mds-paginator-item 2.7.1 → 2.7.2

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.
Files changed (61) hide show
  1. package/dist/cjs/{index-1c0a7765.js → index-ed979b3c.js} +29 -17
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mds-paginator-item.cjs.entry.js +67 -67
  4. package/dist/cjs/mds-paginator-item.cjs.js +2 -2
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/collection/common/aria.js +18 -18
  7. package/dist/collection/common/keyboard-manager.js +38 -38
  8. package/dist/collection/common/unit.js +7 -7
  9. package/dist/collection/components/mds-paginator-item/mds-paginator-item.css +6 -3
  10. package/dist/collection/components/mds-paginator-item/mds-paginator-item.js +93 -93
  11. package/dist/collection/dictionary/autocomplete.js +56 -56
  12. package/dist/collection/dictionary/button.js +19 -19
  13. package/dist/collection/dictionary/color.js +14 -14
  14. package/dist/collection/dictionary/floating-ui.js +14 -14
  15. package/dist/collection/dictionary/input.js +31 -15
  16. package/dist/collection/dictionary/loading.js +2 -2
  17. package/dist/collection/dictionary/typography.js +46 -46
  18. package/dist/collection/dictionary/variant.js +54 -54
  19. package/dist/collection/fixtures/cities.js +107 -107
  20. package/dist/components/mds-paginator-item.d.ts +2 -2
  21. package/dist/components/mds-paginator-item.js +84 -84
  22. package/dist/documentation.json +2 -2
  23. package/dist/esm/{index-38a622e0.js → index-5129d91c.js} +29 -17
  24. package/dist/esm/loader.js +2 -2
  25. package/dist/esm/mds-paginator-item.entry.js +67 -67
  26. package/dist/esm/mds-paginator-item.js +3 -3
  27. package/dist/esm-es5/{index-38a622e0.js → index-5129d91c.js} +1 -1
  28. package/dist/esm-es5/loader.js +1 -1
  29. package/dist/esm-es5/mds-paginator-item.entry.js +1 -1
  30. package/dist/esm-es5/mds-paginator-item.js +1 -1
  31. package/dist/mds-paginator-item/mds-paginator-item.esm.js +1 -1
  32. package/dist/mds-paginator-item/mds-paginator-item.js +15 -15
  33. package/dist/mds-paginator-item/{p-bc9aee16.system.js → p-0a3732e2.system.js} +1 -1
  34. package/{www/build/p-5ef94557.system.js → dist/mds-paginator-item/p-23544ebe.system.js} +1 -1
  35. package/dist/mds-paginator-item/p-29f0c3bc.system.entry.js +1 -0
  36. package/dist/mds-paginator-item/p-51824862.js +2 -0
  37. package/dist/mds-paginator-item/p-6e7056ff.entry.js +1 -0
  38. package/dist/stats.json +30 -30
  39. package/dist/types/common/keyboard-manager.d.ts +9 -9
  40. package/dist/types/dictionary/input.d.ts +2 -1
  41. package/dist/types/interface/input-value.d.ts +1 -1
  42. package/dist/types/stencil-public-runtime.d.ts +8 -0
  43. package/documentation.json +14 -4
  44. package/package.json +3 -3
  45. package/src/components/mds-paginator-item/mds-paginator-item.css +3 -3
  46. package/src/dictionary/input.ts +18 -0
  47. package/src/fixtures/icons.json +3 -0
  48. package/src/fixtures/iconsauce.json +3 -0
  49. package/www/build/mds-paginator-item.esm.js +1 -1
  50. package/www/build/mds-paginator-item.js +15 -15
  51. package/www/build/{p-bc9aee16.system.js → p-0a3732e2.system.js} +1 -1
  52. package/{dist/mds-paginator-item/p-5ef94557.system.js → www/build/p-23544ebe.system.js} +1 -1
  53. package/www/build/p-29f0c3bc.system.entry.js +1 -0
  54. package/www/build/p-51824862.js +2 -0
  55. package/www/build/p-6e7056ff.entry.js +1 -0
  56. package/dist/mds-paginator-item/p-80e68688.system.entry.js +0 -1
  57. package/dist/mds-paginator-item/p-a1f76318.entry.js +0 -1
  58. package/dist/mds-paginator-item/p-fbee7c22.js +0 -2
  59. package/www/build/p-80e68688.system.entry.js +0 -1
  60. package/www/build/p-a1f76318.entry.js +0 -1
  61. package/www/build/p-fbee7c22.js +0 -2
@@ -4,97 +4,97 @@ import { KeyboardManager } from "../../common/keyboard-manager";
4
4
  * @slot default - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
5
5
  */
6
6
  export class MdsPaginatorItem {
7
- constructor() {
8
- this.km = new KeyboardManager();
9
- this.componentDidLoad = () => {
10
- this.km.addElement(this.host);
11
- this.km.attachClickBehavior();
12
- };
13
- this.componentDidUpdate = () => {
14
- if (!this.disabled && !this.selected) {
15
- this.km.attachClickBehavior();
16
- return;
17
- }
18
- this.km.detachClickBehavior();
19
- };
20
- this.disconnectedCallback = () => {
21
- this.km.detachClickBehavior();
22
- };
23
- this.icon = undefined;
24
- this.selected = undefined;
25
- this.disabled = undefined;
26
- }
27
- render() {
28
- return (h(Host, { tabindex: "0" }, this.icon !== undefined
29
- ? h("mds-icon", { name: this.icon })
30
- : h("mds-text", { class: "text", typography: "detail" }, h("slot", null))));
31
- }
32
- static get is() { return "mds-paginator-item"; }
33
- static get encapsulation() { return "shadow"; }
34
- static get originalStyleUrls() {
35
- return {
36
- "$": ["mds-paginator-item.css"]
37
- };
38
- }
39
- static get styleUrls() {
40
- return {
41
- "$": ["mds-paginator-item.css"]
42
- };
43
- }
44
- static get properties() {
45
- return {
46
- "icon": {
47
- "type": "string",
48
- "mutable": false,
49
- "complexType": {
50
- "original": "string",
51
- "resolved": "string | undefined",
52
- "references": {}
53
- },
54
- "required": false,
55
- "optional": true,
56
- "docs": {
57
- "tags": [],
58
- "text": "Specifies the icon used inside the paginator item"
59
- },
60
- "attribute": "icon",
61
- "reflect": true
62
- },
63
- "selected": {
64
- "type": "boolean",
65
- "mutable": false,
66
- "complexType": {
67
- "original": "boolean",
68
- "resolved": "boolean | undefined",
69
- "references": {}
70
- },
71
- "required": false,
72
- "optional": true,
73
- "docs": {
74
- "tags": [],
75
- "text": "Specifies if the item is selected or not, is handled from the parent paginator"
76
- },
77
- "attribute": "selected",
78
- "reflect": true
79
- },
80
- "disabled": {
81
- "type": "boolean",
82
- "mutable": false,
83
- "complexType": {
84
- "original": "boolean",
85
- "resolved": "boolean | undefined",
86
- "references": {}
87
- },
88
- "required": false,
89
- "optional": true,
90
- "docs": {
91
- "tags": [],
92
- "text": "Specifies if the item is disabled or not, is handled from the parent paginator"
93
- },
94
- "attribute": "disabled",
95
- "reflect": true
96
- }
97
- };
98
- }
99
- static get elementRef() { return "host"; }
7
+ constructor() {
8
+ this.km = new KeyboardManager();
9
+ this.componentDidLoad = () => {
10
+ this.km.addElement(this.host);
11
+ this.km.attachClickBehavior();
12
+ };
13
+ this.componentDidUpdate = () => {
14
+ if (!this.disabled && !this.selected) {
15
+ this.km.attachClickBehavior();
16
+ return;
17
+ }
18
+ this.km.detachClickBehavior();
19
+ };
20
+ this.disconnectedCallback = () => {
21
+ this.km.detachClickBehavior();
22
+ };
23
+ this.icon = undefined;
24
+ this.selected = undefined;
25
+ this.disabled = undefined;
26
+ }
27
+ render() {
28
+ return (h(Host, { tabindex: "0" }, this.icon !== undefined
29
+ ? h("mds-icon", { name: this.icon })
30
+ : h("mds-text", { class: "text", typography: "detail" }, h("slot", null))));
31
+ }
32
+ static get is() { return "mds-paginator-item"; }
33
+ static get encapsulation() { return "shadow"; }
34
+ static get originalStyleUrls() {
35
+ return {
36
+ "$": ["mds-paginator-item.css"]
37
+ };
38
+ }
39
+ static get styleUrls() {
40
+ return {
41
+ "$": ["mds-paginator-item.css"]
42
+ };
43
+ }
44
+ static get properties() {
45
+ return {
46
+ "icon": {
47
+ "type": "string",
48
+ "mutable": false,
49
+ "complexType": {
50
+ "original": "string",
51
+ "resolved": "string | undefined",
52
+ "references": {}
53
+ },
54
+ "required": false,
55
+ "optional": true,
56
+ "docs": {
57
+ "tags": [],
58
+ "text": "Specifies the icon used inside the paginator item"
59
+ },
60
+ "attribute": "icon",
61
+ "reflect": true
62
+ },
63
+ "selected": {
64
+ "type": "boolean",
65
+ "mutable": false,
66
+ "complexType": {
67
+ "original": "boolean",
68
+ "resolved": "boolean | undefined",
69
+ "references": {}
70
+ },
71
+ "required": false,
72
+ "optional": true,
73
+ "docs": {
74
+ "tags": [],
75
+ "text": "Specifies if the item is selected or not, is handled from the parent paginator"
76
+ },
77
+ "attribute": "selected",
78
+ "reflect": true
79
+ },
80
+ "disabled": {
81
+ "type": "boolean",
82
+ "mutable": false,
83
+ "complexType": {
84
+ "original": "boolean",
85
+ "resolved": "boolean | undefined",
86
+ "references": {}
87
+ },
88
+ "required": false,
89
+ "optional": true,
90
+ "docs": {
91
+ "tags": [],
92
+ "text": "Specifies if the item is disabled or not, is handled from the parent paginator"
93
+ },
94
+ "attribute": "disabled",
95
+ "reflect": true
96
+ }
97
+ };
98
+ }
99
+ static get elementRef() { return "host"; }
100
100
  }
@@ -1,59 +1,59 @@
1
1
  const autoCompleteDictionary = [
2
- 'additional-name',
3
- 'address',
4
- 'address-level1',
5
- 'address-level2',
6
- 'address-level3',
7
- 'address-level4',
8
- 'address-line1',
9
- 'address-line2',
10
- 'address-line3',
11
- 'bday',
12
- 'bday-day',
13
- 'bday-month',
14
- 'bday-year',
15
- 'cc-additional-name',
16
- 'cc-csc',
17
- 'cc-exp',
18
- 'cc-exp-month',
19
- 'cc-exp-year',
20
- 'cc-family-name',
21
- 'cc-family-name',
22
- 'cc-given-name',
23
- 'cc-name',
24
- 'cc-number',
25
- 'cc-type',
26
- 'country',
27
- 'country-name',
28
- 'current-password',
29
- 'email',
30
- 'family-name',
31
- 'given-name',
32
- 'honorific-prefix',
33
- 'honorific-suffix',
34
- 'impp',
35
- 'language',
36
- 'name',
37
- 'new-password',
38
- 'nickname',
39
- 'off',
40
- 'on',
41
- 'one-time-code',
42
- 'organization',
43
- 'organization-title',
44
- 'photo',
45
- 'postal-code',
46
- 'sex',
47
- 'street-address',
48
- 'tel',
49
- 'tel-area-code',
50
- 'tel-country-code',
51
- 'tel-extension',
52
- 'tel-local',
53
- 'tel-national',
54
- 'transaction-amount',
55
- 'transaction-currency',
56
- 'url',
57
- 'username',
2
+ 'additional-name',
3
+ 'address',
4
+ 'address-level1',
5
+ 'address-level2',
6
+ 'address-level3',
7
+ 'address-level4',
8
+ 'address-line1',
9
+ 'address-line2',
10
+ 'address-line3',
11
+ 'bday',
12
+ 'bday-day',
13
+ 'bday-month',
14
+ 'bday-year',
15
+ 'cc-additional-name',
16
+ 'cc-csc',
17
+ 'cc-exp',
18
+ 'cc-exp-month',
19
+ 'cc-exp-year',
20
+ 'cc-family-name',
21
+ 'cc-family-name',
22
+ 'cc-given-name',
23
+ 'cc-name',
24
+ 'cc-number',
25
+ 'cc-type',
26
+ 'country',
27
+ 'country-name',
28
+ 'current-password',
29
+ 'email',
30
+ 'family-name',
31
+ 'given-name',
32
+ 'honorific-prefix',
33
+ 'honorific-suffix',
34
+ 'impp',
35
+ 'language',
36
+ 'name',
37
+ 'new-password',
38
+ 'nickname',
39
+ 'off',
40
+ 'on',
41
+ 'one-time-code',
42
+ 'organization',
43
+ 'organization-title',
44
+ 'photo',
45
+ 'postal-code',
46
+ 'sex',
47
+ 'street-address',
48
+ 'tel',
49
+ 'tel-area-code',
50
+ 'tel-country-code',
51
+ 'tel-extension',
52
+ 'tel-local',
53
+ 'tel-national',
54
+ 'transaction-amount',
55
+ 'transaction-currency',
56
+ 'url',
57
+ 'username',
58
58
  ];
59
59
  export { autoCompleteDictionary, };
@@ -1,30 +1,30 @@
1
1
  const buttonVariantDictionary = [
2
- 'dark',
3
- 'error',
4
- 'info',
5
- 'light',
6
- 'primary',
7
- 'success',
8
- 'warning',
2
+ 'dark',
3
+ 'error',
4
+ 'info',
5
+ 'light',
6
+ 'primary',
7
+ 'success',
8
+ 'warning',
9
9
  ];
10
10
  const buttonToneVariantDictionary = [
11
- 'strong',
12
- 'weak',
13
- 'ghost',
14
- 'quiet',
11
+ 'strong',
12
+ 'weak',
13
+ 'ghost',
14
+ 'quiet',
15
15
  ];
16
16
  const buttonTargetDictionary = [
17
- 'blank',
18
- 'self',
17
+ 'blank',
18
+ 'self',
19
19
  ];
20
20
  const buttonSizeDictionary = [
21
- 'sm',
22
- 'md',
23
- 'lg',
24
- 'xl',
21
+ 'sm',
22
+ 'md',
23
+ 'lg',
24
+ 'xl',
25
25
  ];
26
26
  const buttonIconPositionDictionary = [
27
- 'left',
28
- 'right',
27
+ 'left',
28
+ 'right',
29
29
  ];
30
30
  export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };
@@ -1,19 +1,19 @@
1
1
  const colorLabelDictionary = [
2
- 'amaranth',
3
- 'aqua',
4
- 'blue',
5
- 'green',
6
- 'lime',
7
- 'orange',
8
- 'orchid',
9
- 'sky',
10
- 'violet',
11
- 'yellow',
2
+ 'amaranth',
3
+ 'aqua',
4
+ 'blue',
5
+ 'green',
6
+ 'lime',
7
+ 'orange',
8
+ 'orchid',
9
+ 'sky',
10
+ 'violet',
11
+ 'yellow',
12
12
  ];
13
13
  const colorStatusDictionary = [
14
- 'error',
15
- 'info',
16
- 'success',
17
- 'warning',
14
+ 'error',
15
+ 'info',
16
+ 'success',
17
+ 'warning',
18
18
  ];
19
19
  export { colorLabelDictionary, colorStatusDictionary, };
@@ -1,19 +1,19 @@
1
1
  const floatingUIPlacementDictionary = [
2
- 'bottom',
3
- 'bottom-end',
4
- 'bottom-start',
5
- 'left',
6
- 'left-end',
7
- 'left-start',
8
- 'right',
9
- 'right-end',
10
- 'right-start',
11
- 'top',
12
- 'top-end',
13
- 'top-start',
2
+ 'bottom',
3
+ 'bottom-end',
4
+ 'bottom-start',
5
+ 'left',
6
+ 'left-end',
7
+ 'left-start',
8
+ 'right',
9
+ 'right-end',
10
+ 'right-start',
11
+ 'top',
12
+ 'top-end',
13
+ 'top-start',
14
14
  ];
15
15
  const floatingUIStrategyDictionary = [
16
- 'absolute',
17
- 'fixed',
16
+ 'absolute',
17
+ 'fixed',
18
18
  ];
19
19
  export { floatingUIPlacementDictionary, floatingUIStrategyDictionary, };
@@ -1,21 +1,37 @@
1
1
  const inputTextTypeDictionary = [
2
- 'date',
3
- 'email',
4
- 'number',
5
- 'password',
6
- 'search',
7
- 'tel',
8
- 'text',
9
- 'textarea',
10
- 'time',
11
- 'url',
2
+ 'date',
3
+ 'email',
4
+ 'number',
5
+ 'password',
6
+ 'search',
7
+ 'tel',
8
+ 'text',
9
+ 'textarea',
10
+ 'time',
11
+ 'url',
12
+ ];
13
+ const inputFieldTypeDictionary = [
14
+ 'date',
15
+ 'email',
16
+ 'number',
17
+ 'password',
18
+ 'search',
19
+ 'tel',
20
+ 'text',
21
+ 'textarea',
22
+ 'time',
23
+ 'url',
24
+ 'cc',
25
+ 'cf',
26
+ 'isbn',
27
+ 'piva',
12
28
  ];
13
29
  const inputControlsLayoutDictionary = [
14
- 'horizontal',
15
- 'vertical',
30
+ 'horizontal',
31
+ 'vertical',
16
32
  ];
17
33
  const inputControlsIconDictionary = [
18
- 'arrow',
19
- 'arithmetic',
34
+ 'arrow',
35
+ 'arithmetic',
20
36
  ];
21
- export { inputControlsIconDictionary, inputControlsLayoutDictionary, inputTextTypeDictionary, };
37
+ export { inputControlsIconDictionary, inputControlsLayoutDictionary, inputTextTypeDictionary, inputFieldTypeDictionary, };
@@ -1,5 +1,5 @@
1
1
  const loadingDictionary = [
2
- 'eager',
3
- 'lazy',
2
+ 'eager',
3
+ 'lazy',
4
4
  ];
5
5
  export { loadingDictionary, };
@@ -1,67 +1,67 @@
1
1
  const typographyDictionary = [
2
- 'action',
3
- 'caption',
4
- 'snippet',
5
- 'detail',
6
- 'h1',
7
- 'h2',
8
- 'h3',
9
- 'h4',
10
- 'h5',
11
- 'h6',
12
- 'hack',
13
- 'label',
14
- 'option',
15
- 'paragraph',
16
- 'tip',
2
+ 'action',
3
+ 'caption',
4
+ 'snippet',
5
+ 'detail',
6
+ 'h1',
7
+ 'h2',
8
+ 'h3',
9
+ 'h4',
10
+ 'h5',
11
+ 'h6',
12
+ 'hack',
13
+ 'label',
14
+ 'option',
15
+ 'paragraph',
16
+ 'tip',
17
17
  ];
18
18
  const typographyVariationsDictionary = [
19
- 'title',
20
- 'info',
21
- 'read',
22
- 'code',
19
+ 'title',
20
+ 'info',
21
+ 'read',
22
+ 'code',
23
23
  ];
24
24
  const typographyReadingVariationsDictionary = [
25
- 'info',
26
- 'read',
25
+ 'info',
26
+ 'read',
27
27
  ];
28
28
  const typographyMonoDictionary = [
29
- 'snippet',
30
- 'hack',
29
+ 'snippet',
30
+ 'hack',
31
31
  ];
32
32
  const typographyTitleDictionary = [
33
- 'action',
34
- 'h1',
35
- 'h2',
36
- 'h3',
37
- 'h4',
38
- 'h5',
39
- 'h6',
33
+ 'action',
34
+ 'h1',
35
+ 'h2',
36
+ 'h3',
37
+ 'h4',
38
+ 'h5',
39
+ 'h6',
40
40
  ];
41
41
  const typographyInfoDictionary = [
42
- 'caption',
43
- 'detail',
44
- 'label',
45
- 'option',
46
- 'paragraph',
47
- 'tip',
42
+ 'caption',
43
+ 'detail',
44
+ 'label',
45
+ 'option',
46
+ 'paragraph',
47
+ 'tip',
48
48
  ];
49
49
  const typographyReadDictionary = [
50
- 'caption',
51
- 'detail',
52
- 'paragraph',
50
+ 'caption',
51
+ 'detail',
52
+ 'paragraph',
53
53
  ];
54
54
  const typographySmallerDictionary = [
55
- 'option',
56
- 'tip',
55
+ 'option',
56
+ 'tip',
57
57
  ];
58
58
  const typographyTooltipDictionary = [
59
- 'caption',
60
- 'detail',
61
- 'tip',
59
+ 'caption',
60
+ 'detail',
61
+ 'tip',
62
62
  ];
63
63
  const typographyInputDictionary = [
64
- 'snippet',
65
- 'detail',
64
+ 'snippet',
65
+ 'detail',
66
66
  ];
67
67
  export { typographyDictionary, typographyInfoDictionary, typographyInputDictionary, typographyMonoDictionary, typographyReadDictionary, typographyReadingVariationsDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };