smoothly 0.3.5 → 0.3.6

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 (103) hide show
  1. package/dist/cjs/{index-3efe2a41.js → index-3fb97927.js} +467 -269
  2. package/dist/cjs/{index-2a011313.js → index-7b75b331.js} +1 -1
  3. package/dist/cjs/index.cjs.js +2 -2
  4. package/dist/cjs/loader.cjs.js +3 -3
  5. package/dist/cjs/smoothly-accordion_53.cjs.entry.js +68 -26
  6. package/dist/cjs/smoothly-google-font.cjs.entry.js +1 -1
  7. package/dist/cjs/smoothly-radio-group.cjs.entry.js +1 -1
  8. package/dist/cjs/smoothly-reorder.cjs.entry.js +1 -1
  9. package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
  10. package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
  11. package/dist/cjs/smoothly.cjs.js +3 -3
  12. package/dist/collection/collection-manifest.json +2 -2
  13. package/dist/collection/components/App.js +38 -46
  14. package/dist/collection/components/accordion/index.js +65 -55
  15. package/dist/collection/components/accordion-item/index.js +133 -131
  16. package/dist/collection/components/app/index.js +37 -32
  17. package/dist/collection/components/app-demo/index.js +39 -68
  18. package/dist/collection/components/backtotop/index.js +73 -66
  19. package/dist/collection/components/button/index.js +144 -141
  20. package/dist/collection/components/calendar/index.js +277 -268
  21. package/dist/collection/components/checkbox/index.js +120 -110
  22. package/dist/collection/components/dialog/index.js +97 -93
  23. package/dist/collection/components/dialog-demo/index.js +2 -3
  24. package/dist/collection/components/display/index.js +108 -102
  25. package/dist/collection/components/display-amount/index.js +68 -63
  26. package/dist/collection/components/display-date-time/index.js +35 -30
  27. package/dist/collection/components/display-demo/index.js +23 -129
  28. package/dist/collection/components/frame/index.js +134 -124
  29. package/dist/collection/components/google-font/index.js +26 -24
  30. package/dist/collection/components/icon/index.js +116 -107
  31. package/dist/collection/components/icon-demo/index.js +11 -7
  32. package/dist/collection/components/input/index.js +364 -355
  33. package/dist/collection/components/input-date/index.js +165 -156
  34. package/dist/collection/components/input-date-range/index.js +220 -213
  35. package/dist/collection/components/input-demo/index.js +2 -87
  36. package/dist/collection/components/input-month/index.js +65 -57
  37. package/dist/collection/components/item/index.js +101 -87
  38. package/dist/collection/components/menu-options/index.js +287 -275
  39. package/dist/collection/components/notification/index.js +74 -63
  40. package/dist/collection/components/notifier/index.js +31 -23
  41. package/dist/collection/components/option/index.js +227 -223
  42. package/dist/collection/components/picker/index.js +404 -397
  43. package/dist/collection/components/popup/index.js +73 -69
  44. package/dist/collection/components/quiet/index.js +33 -28
  45. package/dist/collection/components/radio/index.js +98 -91
  46. package/dist/collection/components/radio-button/index.js +92 -83
  47. package/dist/collection/components/radio-button/item/index.js +91 -66
  48. package/dist/collection/components/radio-button/item/style.css +11 -14
  49. package/dist/collection/components/radio-group/index.js +33 -27
  50. package/dist/collection/components/reorder/index.js +28 -23
  51. package/dist/collection/components/room/index.js +73 -71
  52. package/dist/collection/components/select/index.js +82 -75
  53. package/dist/collection/components/select-demo/index.js +24 -42
  54. package/dist/collection/components/selector/index.js +71 -68
  55. package/dist/collection/components/skeleton/index.js +112 -106
  56. package/dist/collection/components/spinner/index.js +50 -46
  57. package/dist/collection/components/submit/index.js +174 -163
  58. package/dist/collection/components/svg/index.js +65 -60
  59. package/dist/collection/components/tab/index.js +84 -75
  60. package/dist/collection/components/tab-switch/index.js +32 -23
  61. package/dist/collection/components/table/cell/index.js +12 -9
  62. package/dist/collection/components/table/demo/index.js +13 -59
  63. package/dist/collection/components/table/expandable/cell/index.js +100 -95
  64. package/dist/collection/components/table/expandable/row/index.js +85 -79
  65. package/dist/collection/components/table/header/index.js +33 -28
  66. package/dist/collection/components/table/index.js +44 -36
  67. package/dist/collection/components/table/row/index.js +26 -20
  68. package/dist/collection/components/trigger/index.js +174 -166
  69. package/dist/collection/components/trigger-sink/index.js +73 -65
  70. package/dist/collection/components/trigger-source/index.js +71 -63
  71. package/dist/collection/components/tuple/index.js +19 -17
  72. package/dist/collection/components/urlencoded/index.js +22 -20
  73. package/dist/collection/model/Listenable.js +4 -2
  74. package/dist/custom-elements/index.js +67 -25
  75. package/dist/esm/{index-1d438ba2.js → index-3b463176.js} +1 -1
  76. package/dist/esm/{index-4d9efff8.js → index-fcf8bdd3.js} +467 -269
  77. package/dist/esm/index.js +2 -2
  78. package/dist/esm/loader.js +3 -3
  79. package/dist/esm/polyfills/css-shim.js +1 -1
  80. package/dist/esm/smoothly-accordion_53.entry.js +68 -26
  81. package/dist/esm/smoothly-google-font.entry.js +1 -1
  82. package/dist/esm/smoothly-radio-group.entry.js +1 -1
  83. package/dist/esm/smoothly-reorder.entry.js +1 -1
  84. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  85. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  86. package/dist/esm/smoothly.js +3 -3
  87. package/dist/smoothly/index.esm.js +1 -1
  88. package/dist/smoothly/{p-d5d4832d.entry.js → p-0833f25c.entry.js} +1 -1
  89. package/dist/smoothly/{p-919ae3e8.entry.js → p-2bf8c660.entry.js} +1 -1
  90. package/dist/smoothly/{p-8e4e941e.entry.js → p-3bd18eea.entry.js} +1 -1
  91. package/dist/smoothly/p-8ab82f55.entry.js +1 -0
  92. package/dist/smoothly/{p-9bc77fba.entry.js → p-a1c137fc.entry.js} +1 -1
  93. package/dist/smoothly/p-af90d05a.js +2 -0
  94. package/dist/smoothly/{p-76e88859.js → p-e5191036.js} +1 -1
  95. package/dist/smoothly/{p-7a5eda51.entry.js → p-f67259c5.entry.js} +1 -1
  96. package/dist/smoothly/smoothly.esm.js +1 -1
  97. package/dist/types/components/radio-button/item/index.d.ts +2 -0
  98. package/dist/types/components.d.ts +3 -1
  99. package/dist/types/stencil-public-runtime.d.ts +15 -4
  100. package/loader/package.json +1 -0
  101. package/package.json +6 -6
  102. package/dist/smoothly/p-191ee4b8.js +0 -2
  103. package/dist/smoothly/p-78b676aa.entry.js +0 -1
@@ -1,4 +1,4 @@
1
- import { Component, Element, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
1
+ import { h, Host } from "@stencil/core";
2
2
  export class TableExpandableRow {
3
3
  constructor() {
4
4
  this.align = "left";
@@ -17,89 +17,95 @@ export class TableExpandableRow {
17
17
  this.element.after(this.expansionElement);
18
18
  }
19
19
  render() {
20
- return (h(Host, { style: { textAlign: this.align } },
21
- h("slot", null),
22
- h("smoothly-icon", { name: "chevron-forward", size: "tiny" }),
23
- h("tr", { ref: e => (this.expansionElement = e) },
24
- h("td", { colSpan: 999, class: !this.open ? "hide" : "" },
25
- h("div", { class: "slot-detail" },
26
- h("slot", { name: "detail" }))))));
20
+ return (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("smoothly-icon", { name: "chevron-forward", size: "tiny" }), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 999, class: !this.open ? "hide" : "" }, h("div", { class: "slot-detail" }, h("slot", { name: "detail" }))))));
27
21
  }
28
22
  static get is() { return "smoothly-table-expandable-row"; }
29
23
  static get encapsulation() { return "scoped"; }
30
- static get originalStyleUrls() { return {
31
- "$": ["style.css"]
32
- }; }
33
- static get styleUrls() { return {
34
- "$": ["style.css"]
35
- }; }
36
- static get properties() { return {
37
- "align": {
38
- "type": "string",
39
- "mutable": false,
40
- "complexType": {
41
- "original": "\"left\" | \"center\" | \"right\"",
42
- "resolved": "\"center\" | \"left\" | \"right\"",
43
- "references": {}
44
- },
45
- "required": false,
46
- "optional": false,
47
- "docs": {
48
- "tags": [],
49
- "text": ""
50
- },
51
- "attribute": "align",
52
- "reflect": false,
53
- "defaultValue": "\"left\""
54
- },
55
- "open": {
56
- "type": "boolean",
57
- "mutable": true,
58
- "complexType": {
59
- "original": "boolean",
60
- "resolved": "boolean",
61
- "references": {}
62
- },
63
- "required": false,
64
- "optional": false,
65
- "docs": {
66
- "tags": [],
67
- "text": ""
68
- },
69
- "attribute": "open",
70
- "reflect": true
71
- }
72
- }; }
73
- static get events() { return [{
74
- "method": "expansionOpen",
75
- "name": "expansionOpen",
76
- "bubbles": true,
77
- "cancelable": true,
78
- "composed": true,
79
- "docs": {
80
- "tags": [],
81
- "text": ""
24
+ static get originalStyleUrls() {
25
+ return {
26
+ "$": ["style.css"]
27
+ };
28
+ }
29
+ static get styleUrls() {
30
+ return {
31
+ "$": ["style.css"]
32
+ };
33
+ }
34
+ static get properties() {
35
+ return {
36
+ "align": {
37
+ "type": "string",
38
+ "mutable": false,
39
+ "complexType": {
40
+ "original": "\"left\" | \"center\" | \"right\"",
41
+ "resolved": "\"center\" | \"left\" | \"right\"",
42
+ "references": {}
43
+ },
44
+ "required": false,
45
+ "optional": false,
46
+ "docs": {
47
+ "tags": [],
48
+ "text": ""
49
+ },
50
+ "attribute": "align",
51
+ "reflect": false,
52
+ "defaultValue": "\"left\""
82
53
  },
83
- "complexType": {
84
- "original": "HTMLElement",
85
- "resolved": "HTMLElement",
86
- "references": {
87
- "HTMLElement": {
88
- "location": "global"
54
+ "open": {
55
+ "type": "boolean",
56
+ "mutable": true,
57
+ "complexType": {
58
+ "original": "boolean",
59
+ "resolved": "boolean",
60
+ "references": {}
61
+ },
62
+ "required": false,
63
+ "optional": false,
64
+ "docs": {
65
+ "tags": [],
66
+ "text": ""
67
+ },
68
+ "attribute": "open",
69
+ "reflect": true
70
+ }
71
+ };
72
+ }
73
+ static get events() {
74
+ return [{
75
+ "method": "expansionOpen",
76
+ "name": "expansionOpen",
77
+ "bubbles": true,
78
+ "cancelable": true,
79
+ "composed": true,
80
+ "docs": {
81
+ "tags": [],
82
+ "text": ""
83
+ },
84
+ "complexType": {
85
+ "original": "HTMLElement",
86
+ "resolved": "HTMLElement",
87
+ "references": {
88
+ "HTMLElement": {
89
+ "location": "global"
90
+ }
89
91
  }
90
92
  }
91
- }
92
- }]; }
93
+ }];
94
+ }
93
95
  static get elementRef() { return "element"; }
94
- static get watchers() { return [{
95
- "propName": "open",
96
- "methodName": "openChanged"
97
- }]; }
98
- static get listeners() { return [{
99
- "name": "click",
100
- "method": "onClick",
101
- "target": undefined,
102
- "capture": false,
103
- "passive": false
104
- }]; }
96
+ static get watchers() {
97
+ return [{
98
+ "propName": "open",
99
+ "methodName": "openChanged"
100
+ }];
101
+ }
102
+ static get listeners() {
103
+ return [{
104
+ "name": "click",
105
+ "method": "onClick",
106
+ "target": undefined,
107
+ "capture": false,
108
+ "passive": false
109
+ }];
110
+ }
105
111
  }
@@ -1,34 +1,39 @@
1
- import { Component, h, Host, Prop } from "@stencil/core";
1
+ import { h, Host } from "@stencil/core";
2
2
  export class TableHeader {
3
3
  render() {
4
- return (h(Host, null,
5
- h("slot", null)));
4
+ return (h(Host, null, h("slot", null)));
6
5
  }
7
6
  static get is() { return "smoothly-table-header"; }
8
7
  static get encapsulation() { return "scoped"; }
9
- static get originalStyleUrls() { return {
10
- "$": ["style.css"]
11
- }; }
12
- static get styleUrls() { return {
13
- "$": ["style.css"]
14
- }; }
15
- static get properties() { return {
16
- "name": {
17
- "type": "string",
18
- "mutable": false,
19
- "complexType": {
20
- "original": "string",
21
- "resolved": "string",
22
- "references": {}
23
- },
24
- "required": false,
25
- "optional": false,
26
- "docs": {
27
- "tags": [],
28
- "text": ""
29
- },
30
- "attribute": "name",
31
- "reflect": false
32
- }
33
- }; }
8
+ static get originalStyleUrls() {
9
+ return {
10
+ "$": ["style.css"]
11
+ };
12
+ }
13
+ static get styleUrls() {
14
+ return {
15
+ "$": ["style.css"]
16
+ };
17
+ }
18
+ static get properties() {
19
+ return {
20
+ "name": {
21
+ "type": "string",
22
+ "mutable": false,
23
+ "complexType": {
24
+ "original": "string",
25
+ "resolved": "string",
26
+ "references": {}
27
+ },
28
+ "required": false,
29
+ "optional": false,
30
+ "docs": {
31
+ "tags": [],
32
+ "text": ""
33
+ },
34
+ "attribute": "name",
35
+ "reflect": false
36
+ }
37
+ };
38
+ }
34
39
  }
@@ -1,4 +1,4 @@
1
- import { Component, Element, Event, h, Listen } from "@stencil/core";
1
+ import { h } from "@stencil/core";
2
2
  export class Table {
3
3
  handleEvents(event) {
4
4
  event.stopPropagation();
@@ -8,40 +8,48 @@ export class Table {
8
8
  }
9
9
  static get is() { return "smoothly-table"; }
10
10
  static get encapsulation() { return "scoped"; }
11
- static get originalStyleUrls() { return {
12
- "$": ["style.css"]
13
- }; }
14
- static get styleUrls() { return {
15
- "$": ["style.css"]
16
- }; }
17
- static get events() { return [{
18
- "method": "loadMore",
19
- "name": "loadMore",
20
- "bubbles": true,
21
- "cancelable": true,
22
- "composed": true,
23
- "docs": {
24
- "tags": [],
25
- "text": ""
26
- },
27
- "complexType": {
28
- "original": "void",
29
- "resolved": "void",
30
- "references": {}
31
- }
32
- }]; }
11
+ static get originalStyleUrls() {
12
+ return {
13
+ "$": ["style.css"]
14
+ };
15
+ }
16
+ static get styleUrls() {
17
+ return {
18
+ "$": ["style.css"]
19
+ };
20
+ }
21
+ static get events() {
22
+ return [{
23
+ "method": "loadMore",
24
+ "name": "loadMore",
25
+ "bubbles": true,
26
+ "cancelable": true,
27
+ "composed": true,
28
+ "docs": {
29
+ "tags": [],
30
+ "text": ""
31
+ },
32
+ "complexType": {
33
+ "original": "void",
34
+ "resolved": "void",
35
+ "references": {}
36
+ }
37
+ }];
38
+ }
33
39
  static get elementRef() { return "element"; }
34
- static get listeners() { return [{
35
- "name": "expansionLoad",
36
- "method": "handleEvents",
37
- "target": undefined,
38
- "capture": false,
39
- "passive": false
40
- }, {
41
- "name": "expansionOpen",
42
- "method": "handleEvents",
43
- "target": undefined,
44
- "capture": false,
45
- "passive": false
46
- }]; }
40
+ static get listeners() {
41
+ return [{
42
+ "name": "expansionLoad",
43
+ "method": "handleEvents",
44
+ "target": undefined,
45
+ "capture": false,
46
+ "passive": false
47
+ }, {
48
+ "name": "expansionOpen",
49
+ "method": "handleEvents",
50
+ "target": undefined,
51
+ "capture": false,
52
+ "passive": false
53
+ }];
54
+ }
47
55
  }
@@ -1,4 +1,4 @@
1
- import { Component, Element, h, Listen } from "@stencil/core";
1
+ import { h } from "@stencil/core";
2
2
  export class TableRow {
3
3
  constructor() {
4
4
  this.expansions = [];
@@ -19,24 +19,30 @@ export class TableRow {
19
19
  }
20
20
  static get is() { return "smoothly-table-row"; }
21
21
  static get encapsulation() { return "scoped"; }
22
- static get originalStyleUrls() { return {
23
- "$": ["style.css"]
24
- }; }
25
- static get styleUrls() { return {
26
- "$": ["style.css"]
27
- }; }
22
+ static get originalStyleUrls() {
23
+ return {
24
+ "$": ["style.css"]
25
+ };
26
+ }
27
+ static get styleUrls() {
28
+ return {
29
+ "$": ["style.css"]
30
+ };
31
+ }
28
32
  static get elementRef() { return "element"; }
29
- static get listeners() { return [{
30
- "name": "expansionLoad",
31
- "method": "onExpansionLoad",
32
- "target": undefined,
33
- "capture": false,
34
- "passive": false
35
- }, {
36
- "name": "expansionOpen",
37
- "method": "onExpansionOpen",
38
- "target": undefined,
39
- "capture": false,
40
- "passive": false
41
- }]; }
33
+ static get listeners() {
34
+ return [{
35
+ "name": "expansionLoad",
36
+ "method": "onExpansionLoad",
37
+ "target": undefined,
38
+ "capture": false,
39
+ "passive": false
40
+ }, {
41
+ "name": "expansionOpen",
42
+ "method": "onExpansionOpen",
43
+ "target": undefined,
44
+ "capture": false,
45
+ "passive": false
46
+ }];
47
+ }
42
48
  }