smoothly 0.3.30 → 0.3.32

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 (114) hide show
  1. package/dist/cjs/{getLanguage-aa9af88b.js → getLanguage-430ecf04.js} +7 -0
  2. package/dist/cjs/{index-7b75b331.js → index-879bbabb.js} +19 -19
  3. package/dist/cjs/{index-3fb97927.js → index-de46f836.js} +7 -1
  4. package/dist/cjs/index.cjs.js +2 -2
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/smoothly-accordion_53.cjs.entry.js +129 -6
  7. package/dist/cjs/smoothly-country.cjs.entry.js +4 -2
  8. package/dist/cjs/smoothly-google-font.cjs.entry.js +2 -1
  9. package/dist/cjs/smoothly-radio-group.cjs.entry.js +1 -1
  10. package/dist/cjs/smoothly-reorder.cjs.entry.js +1 -1
  11. package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +4 -1
  12. package/dist/cjs/smoothly-trigger-source.cjs.entry.js +2 -1
  13. package/dist/cjs/smoothly.cjs.js +2 -2
  14. package/dist/collection/collection-manifest.json +2 -2
  15. package/dist/collection/components/accordion/index.js +1 -0
  16. package/dist/collection/components/accordion-item/index.js +5 -0
  17. package/dist/collection/components/app/index.js +3 -0
  18. package/dist/collection/components/app-demo/index.js +3 -0
  19. package/dist/collection/components/backtotop/index.js +1 -0
  20. package/dist/collection/components/button/index.js +5 -0
  21. package/dist/collection/components/calendar/index.js +8 -1
  22. package/dist/collection/components/checkbox/index.js +4 -0
  23. package/dist/collection/components/country/index.js +2 -0
  24. package/dist/collection/components/dialog/index.js +2 -0
  25. package/dist/collection/components/display/index.js +7 -0
  26. package/dist/collection/components/display-amount/index.js +2 -0
  27. package/dist/collection/components/display-date-time/index.js +3 -0
  28. package/dist/collection/components/frame/index.js +5 -0
  29. package/dist/collection/components/google-font/index.js +3 -0
  30. package/dist/collection/components/icon/index.js +4 -0
  31. package/dist/collection/components/input/index.js +6 -0
  32. package/dist/collection/components/input-date/index.js +8 -0
  33. package/dist/collection/components/input-date-range/index.js +6 -0
  34. package/dist/collection/components/input-month/index.js +3 -0
  35. package/dist/collection/components/item/index.js +5 -0
  36. package/dist/collection/components/menu-options/index.js +3 -0
  37. package/dist/collection/components/notification/index.js +2 -1
  38. package/dist/collection/components/option/index.js +5 -0
  39. package/dist/collection/components/picker/index.js +6 -0
  40. package/dist/collection/components/quiet/index.js +3 -0
  41. package/dist/collection/components/radio/index.js +6 -0
  42. package/dist/collection/components/radio-button/index.js +3 -0
  43. package/dist/collection/components/radio-button/item/index.js +5 -0
  44. package/dist/collection/components/room/index.js +6 -0
  45. package/dist/collection/components/select/index.js +5 -0
  46. package/dist/collection/components/selector/index.js +3 -1
  47. package/dist/collection/components/skeleton/index.js +4 -0
  48. package/dist/collection/components/spinner/index.js +1 -0
  49. package/dist/collection/components/submit/index.js +5 -0
  50. package/dist/collection/components/svg/index.js +3 -0
  51. package/dist/collection/components/tab/index.js +4 -0
  52. package/dist/collection/components/tab-switch/index.js +3 -0
  53. package/dist/collection/components/table/expandable/cell/index.js +1 -0
  54. package/dist/collection/components/table/expandable/row/index.js +1 -0
  55. package/dist/collection/components/table/header/index.js +3 -0
  56. package/dist/collection/components/trigger/index.js +5 -0
  57. package/dist/collection/components/trigger-sink/index.js +5 -0
  58. package/dist/collection/components/trigger-source/index.js +3 -0
  59. package/dist/collection/components/tuple/index.js +3 -0
  60. package/dist/collection/components/urlencoded/index.js +3 -0
  61. package/dist/collection/model/Listenable.js +29 -16
  62. package/dist/collection/model/Notice.js +18 -18
  63. package/dist/collection/model/index.js +1 -0
  64. package/dist/custom-elements/index.js +158 -21
  65. package/dist/esm/{getLanguage-3dbe8ccd.js → getLanguage-cccb8418.js} +7 -0
  66. package/dist/esm/{index-fcf8bdd3.js → index-d3421c35.js} +7 -1
  67. package/dist/esm/{index-3b463176.js → index-d7a4e405.js} +19 -19
  68. package/dist/esm/index.js +2 -2
  69. package/dist/esm/loader.js +2 -2
  70. package/dist/esm/polyfills/css-shim.js +1 -1
  71. package/dist/esm/smoothly-accordion_53.entry.js +129 -6
  72. package/dist/esm/smoothly-country.entry.js +4 -2
  73. package/dist/esm/smoothly-google-font.entry.js +2 -1
  74. package/dist/esm/smoothly-radio-group.entry.js +1 -1
  75. package/dist/esm/smoothly-reorder.entry.js +1 -1
  76. package/dist/esm/smoothly-trigger-sink.entry.js +4 -1
  77. package/dist/esm/smoothly-trigger-source.entry.js +2 -1
  78. package/dist/esm/smoothly.js +2 -2
  79. package/dist/smoothly/index.esm.js +1 -1
  80. package/dist/smoothly/{p-af90d05a.js → p-4a0b35b7.js} +0 -0
  81. package/dist/smoothly/p-5b6351f6.js +1 -0
  82. package/dist/smoothly/{p-f67259c5.entry.js → p-5d41e3ca.entry.js} +1 -1
  83. package/dist/smoothly/{p-6acd7162.entry.js → p-6630d923.entry.js} +1 -1
  84. package/dist/smoothly/{p-a1c137fc.entry.js → p-7db49a38.entry.js} +1 -1
  85. package/dist/smoothly/{p-e5191036.js → p-94e08cee.js} +1 -1
  86. package/dist/smoothly/p-c9bb4a18.entry.js +1 -0
  87. package/dist/smoothly/p-e0f4957d.entry.js +1 -0
  88. package/dist/smoothly/p-eb4e2500.entry.js +1 -0
  89. package/dist/smoothly/p-f97fcb32.entry.js +1 -0
  90. package/dist/smoothly/smoothly.esm.js +1 -1
  91. package/dist/types/components/submit/Data.d.ts +1 -1
  92. package/dist/types/components.d.ts +12 -0
  93. package/dist/types/model/Autocomplete.d.ts +1 -1
  94. package/dist/types/model/Color.d.ts +1 -1
  95. package/dist/types/model/Expand.d.ts +1 -1
  96. package/dist/types/model/Fill.d.ts +1 -1
  97. package/dist/types/model/GoogleFont.d.ts +1 -1
  98. package/dist/types/model/Listenable.d.ts +9 -5
  99. package/dist/types/model/Option.d.ts +1 -1
  100. package/dist/types/model/index.d.ts +1 -0
  101. package/dist/types/stencil-public-runtime.d.ts +44 -3
  102. package/dist/types/utilities/Cosmetic/Color/CommaRgb.d.ts +1 -1
  103. package/dist/types/utilities/Cosmetic/Color/Hex.d.ts +1 -1
  104. package/dist/types/utilities/Cosmetic/Color/Hsl.d.ts +1 -1
  105. package/dist/types/utilities/Cosmetic/Color/Name.d.ts +1 -1
  106. package/dist/types/utilities/Cosmetic/Color/Rgb.d.ts +1 -1
  107. package/dist/types/utilities/Cosmetic/Color/index.d.ts +1 -1
  108. package/dist/types/utilities/Cosmetic/index.d.ts +1 -1
  109. package/package.json +30 -3
  110. package/dist/smoothly/p-0833f25c.entry.js +0 -1
  111. package/dist/smoothly/p-2bf8c660.entry.js +0 -1
  112. package/dist/smoothly/p-3bd18eea.entry.js +0 -1
  113. package/dist/smoothly/p-41e29ef7.js +0 -1
  114. package/dist/smoothly/p-9fd866e2.entry.js +0 -1
@@ -3902,6 +3902,13 @@ exports.DateRange = void 0;
3902
3902
  : { start: end, end: start };
3903
3903
  }
3904
3904
  DateRange.create = create;
3905
+ function toDates(value, includeLast = true) {
3906
+ const result = [];
3907
+ for (let current = value.start; includeLast ? current <= value.end : current < value.end; current = exports.Date.next(current))
3908
+ result.push(current);
3909
+ return result;
3910
+ }
3911
+ DateRange.toDates = toDates;
3905
3912
  function getDays(value) {
3906
3913
  const result = value.start <= value.end
3907
3914
  ? Math.ceil((new globalThis.Date(value.end).getTime() - new globalThis.Date(value.start).getTime()) / (1000 * 3600 * 24))
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-3fb97927.js');
3
+ const index = require('./index-de46f836.js');
4
4
 
5
5
  const appendToMap = (map, propName, value) => {
6
6
  const items = map.get(propName);
@@ -399,6 +399,24 @@ function resolve(url) {
399
399
  }
400
400
 
401
401
  class Notice {
402
+ get state() {
403
+ return this.stateValue;
404
+ }
405
+ set state(value) {
406
+ if (this.stateValue != value) {
407
+ this.stateValue = value;
408
+ this.emit();
409
+ }
410
+ }
411
+ get message() {
412
+ return this.messageValue;
413
+ }
414
+ set message(value) {
415
+ if (this.messageValue != value) {
416
+ this.messageValue = value;
417
+ this.emit();
418
+ }
419
+ }
402
420
  constructor(stateValue, messageValue, task) {
403
421
  this.stateValue = stateValue;
404
422
  this.messageValue = messageValue;
@@ -418,24 +436,6 @@ class Notice {
418
436
  break;
419
437
  }
420
438
  }
421
- get state() {
422
- return this.stateValue;
423
- }
424
- set state(value) {
425
- if (this.stateValue != value) {
426
- this.stateValue = value;
427
- this.emit();
428
- }
429
- }
430
- get message() {
431
- return this.messageValue;
432
- }
433
- set message(value) {
434
- if (this.messageValue != value) {
435
- this.messageValue = value;
436
- this.emit();
437
- }
438
- }
439
439
  listen(listener) {
440
440
  this.listeners.push(listener);
441
441
  }
@@ -82,7 +82,6 @@ const isComplexType = (o) => {
82
82
  *
83
83
  * Modified for Stencil's compiler and vdom
84
84
  */
85
- // const stack: any[] = [];
86
85
  // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
87
86
  // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
88
87
  const h = (nodeName, vnodeData, ...children) => {
@@ -173,6 +172,13 @@ const newVNode = (tag, text) => {
173
172
  };
174
173
  const Host = {};
175
174
  const isHost = (node) => node && node.$tag$ === Host;
175
+ /**
176
+ * Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.
177
+ *
178
+ * Note that these functions convert from {@link d.VNode} to
179
+ * {@link d.ChildNode} to give functional component developers a friendly
180
+ * interface.
181
+ */
176
182
  const vdomFnUtils = {
177
183
  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
178
184
  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-7b75b331.js');
5
+ const index = require('./index-879bbabb.js');
6
6
  const Trigger = require('./Trigger-3443997e.js');
7
7
  const GoogleFont = require('./GoogleFont-6c4f0da1.js');
8
- require('./index-3fb97927.js');
8
+ require('./index-de46f836.js');
9
9
 
10
10
  class ClientIdentifier {
11
11
  constructor() { }
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-3fb97927.js');
5
+ const index = require('./index-de46f836.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.21.0 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-3fb97927.js');
6
- const index$1 = require('./index-7b75b331.js');
5
+ const index = require('./index-de46f836.js');
6
+ const index$1 = require('./index-879bbabb.js');
7
7
  const Trigger = require('./Trigger-3443997e.js');
8
8
  require('./GoogleFont-6c4f0da1.js');
9
- const getLanguage = require('./getLanguage-aa9af88b.js');
9
+ const getLanguage = require('./getLanguage-430ecf04.js');
10
10
 
11
11
  const styleCss$J = "smoothly-accordion-item.sc-smoothly-accordion{border:1px solid rgb(var(--smoothly-dark-color));border-bottom:none}smoothly-accordion-item.sc-smoothly-accordion:first-of-type{border-top-left-radius:4px;border-top-right-radius:4px;margin-top:0.4em}smoothly-accordion-item.sc-smoothly-accordion:last-of-type{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:1px solid rgb(var(--smoothly-dark-color));margin-bottom:0.6em}smoothly-accordion-item[open].sc-smoothly-accordion{border-color:rgb(var(--smoothly-primary-color));border-bottom:1px solid rgb(var(--smoothly-primary-color))}smoothly-accordion-item[open].sc-smoothly-accordion+smoothly-accordion-item.sc-smoothly-accordion{border-top:none}";
12
12
 
@@ -14,6 +14,7 @@ const SmoothlyAccordion = class {
14
14
  constructor(hostRef) {
15
15
  index.registerInstance(this, hostRef);
16
16
  this.items = [];
17
+ this.value = undefined;
17
18
  }
18
19
  valueChanged(value) {
19
20
  this.updateItems();
@@ -65,6 +66,9 @@ const SmoothlyAccordionItem = class {
65
66
  this.smoothlyAccordionItemDidUnload = index.createEvent(this, "smoothlyAccordionItemDidUnload", 7);
66
67
  this.smoothlyOpen = index.createEvent(this, "smoothlyOpen", 7);
67
68
  this.smoothlyClose = index.createEvent(this, "smoothlyClose", 7);
69
+ this.name = undefined;
70
+ this.brand = undefined;
71
+ this.open = undefined;
68
72
  }
69
73
  openChanged(isChecked) {
70
74
  this.open = isChecked;
@@ -108,6 +112,7 @@ const styleCss$H = "smoothly-app{display:block;scrollbar-width:none}smoothly-app
108
112
  const SmoothlyApp = class {
109
113
  constructor(hostRef) {
110
114
  index.registerInstance(this, hostRef);
115
+ this.color = undefined;
111
116
  }
112
117
  render() {
113
118
  return (index.h("smoothly-notifier", null, index.h("slot", null)));
@@ -118,6 +123,7 @@ SmoothlyApp.style = styleCss$H;
118
123
  const SmoothlyAppDemo = class {
119
124
  constructor(hostRef) {
120
125
  index.registerInstance(this, hostRef);
126
+ this.baseUrl = undefined;
121
127
  }
122
128
  render() {
123
129
  return (index.h(index$1.App, { label: "Smoothly Demo" }, index.h("a", { slot: "nav-start", href: "display" }, "Display"), index.h("a", { slot: "nav-start", href: "https://google.com" }, "External"), index.h("smoothly-room", { path: "" }, index.h("smoothly-input", { type: "text" }, "Default"), index.h("div", { style: { padding: "1em", maxWidth: "12em" } }, index.h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), index.h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), index.h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), index.h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), index.h("smoothly-room", { path: "input", label: "Input" }, index.h("smoothly-input-demo", null)), index.h("smoothly-room", { path: "dialog", label: "Dialog" }, index.h("smoothly-dialog-demo", null)), index.h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, index.h("smoothly-display-demo", null)), index.h("smoothly-room", { path: "table", label: "Table" }, index.h("smoothly-table-demo", null)), index.h("smoothly-room", { path: "select", label: "Select" }, index.h("smoothly-select-demo", null)), index.h("smoothly-room", { path: "icon", label: "Icon" }, index.h("smoothly-icon-demo", null)), index.h("smoothly-room", { path: "/redirect", label: "Redirect" }, index.h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
@@ -148,6 +154,7 @@ const SmoothlyBacktotop = class {
148
154
  this.opacity = "0.5";
149
155
  this.bottom = "1rem";
150
156
  this.right = "1rem";
157
+ this.visible = undefined;
151
158
  }
152
159
  componentWillLoad() {
153
160
  window.addEventListener("scroll", () => {
@@ -175,8 +182,13 @@ const styleCss$F = "[type=link].sc-smoothly-button-h{display:inline;border:none}
175
182
  const SmoothlyButton = class {
176
183
  constructor(hostRef) {
177
184
  index.registerInstance(this, hostRef);
185
+ this.color = undefined;
186
+ this.expand = undefined;
187
+ this.fill = undefined;
178
188
  this.disabled = false;
179
189
  this.type = "button";
190
+ this.link = undefined;
191
+ this.download = undefined;
180
192
  }
181
193
  render() {
182
194
  let result;
@@ -261,8 +273,15 @@ const Calendar = class {
261
273
  this.endChanged = index.createEvent(this, "endChanged", 7);
262
274
  this.dateSet = index.createEvent(this, "dateSet", 7);
263
275
  this.dateRangeSet = index.createEvent(this, "dateRangeSet", 7);
264
- this.value = getLanguage.Date.now();
265
276
  this.clickCounter = 0;
277
+ this.month = undefined;
278
+ this.value = getLanguage.Date.now();
279
+ this.start = undefined;
280
+ this.end = undefined;
281
+ this.max = undefined;
282
+ this.min = undefined;
283
+ this.doubleInput = undefined;
284
+ this.firstSelected = undefined;
266
285
  }
267
286
  onStart(next) {
268
287
  this.startChanged.emit(next);
@@ -384,6 +403,10 @@ const SmoothlyCheckbox = class {
384
403
  this.checked = index.createEvent(this, "checked", 7);
385
404
  this.selectAll = false;
386
405
  this.size = "small";
406
+ this.intermediate = undefined;
407
+ this.selected = undefined;
408
+ this.disabled = undefined;
409
+ this.t = undefined;
387
410
  }
388
411
  componentWillLoad() {
389
412
  this.t = create(this.element);
@@ -410,8 +433,10 @@ const styleCss$C = ".sc-smoothly-dialog-h{display:block;position:fixed;left:0;to
410
433
  const SmoothlyDialog = class {
411
434
  constructor(hostRef) {
412
435
  index.registerInstance(this, hostRef);
436
+ this.color = undefined;
413
437
  this.open = true;
414
438
  this.closable = false;
439
+ this.header = undefined;
415
440
  }
416
441
  TriggerListener(event) {
417
442
  if (Trigger.Trigger.is(event.detail) && event.detail.name == "close")
@@ -20658,6 +20683,11 @@ const styleCss$B = ".sc-smoothly-display-h{display:block}[hidden].sc-smoothly-di
20658
20683
  const SmoothlyDisplay = class {
20659
20684
  constructor(hostRef) {
20660
20685
  index.registerInstance(this, hostRef);
20686
+ this.type = undefined;
20687
+ this.value = undefined;
20688
+ this.currency = undefined;
20689
+ this.country = undefined;
20690
+ this.format = undefined;
20661
20691
  }
20662
20692
  render() {
20663
20693
  var _a, _b;
@@ -20702,6 +20732,8 @@ const styleCss$A = ".sc-smoothly-display-amount-h{display:block}[hidden].sc-smoo
20702
20732
  const SmoothlyDisplayAmount = class {
20703
20733
  constructor(hostRef) {
20704
20734
  index.registerInstance(this, hostRef);
20735
+ this.amount = undefined;
20736
+ this.currency = undefined;
20705
20737
  this.toInteger = false;
20706
20738
  }
20707
20739
  format(amount) {
@@ -20753,6 +20785,7 @@ const styleCss$z = ".sc-smoothly-display-date-time-h{display:block}[hidden].sc-s
20753
20785
  const SmoothlyDisplayDateTime = class {
20754
20786
  constructor(hostRef) {
20755
20787
  index.registerInstance(this, hostRef);
20788
+ this.datetime = undefined;
20756
20789
  }
20757
20790
  componentWillLoad() {
20758
20791
  console.warn('Component <smoothly-display-date-time> is deprecated, use <smoothly-display type="date-time">.');
@@ -20787,6 +20820,9 @@ const SmoothlyFrame = class {
20787
20820
  index.registerInstance(this, hostRef);
20788
20821
  this.trigger = index.createEvent(this, "trigger", 7);
20789
20822
  this.message = index.createEvent(this, "message", 7);
20823
+ this.url = undefined;
20824
+ this.name = undefined;
20825
+ this.origin = undefined;
20790
20826
  }
20791
20827
  get contentWindow() {
20792
20828
  const iframe = this.element && this.element.firstElementChild ? this.element.firstElementChild : undefined;
@@ -20826,8 +20862,12 @@ const styleCss$x = "[size].sc-smoothly-icon-h{background:none}.sc-smoothly-icon-
20826
20862
  const SmoothlyIcon = class {
20827
20863
  constructor(hostRef) {
20828
20864
  index.registerInstance(this, hostRef);
20865
+ this.color = undefined;
20829
20866
  this.fill = "solid";
20867
+ this.name = undefined;
20830
20868
  this.size = "medium";
20869
+ this.toolTip = undefined;
20870
+ this.document = undefined;
20831
20871
  }
20832
20872
  async loadDocument() {
20833
20873
  if (this.name)
@@ -21359,14 +21399,20 @@ const SmoothlyInput = class {
21359
21399
  this.smoothlyChange = index.createEvent(this, "smoothlyChange", 7);
21360
21400
  this.smoothlyInput = index.createEvent(this, "smoothlyInput", 7);
21361
21401
  this.keepFocusOnReRender = false;
21402
+ this.name = undefined;
21403
+ this.value = undefined;
21362
21404
  this.type = "text";
21363
21405
  this.required = false;
21364
21406
  this.minLength = 0;
21365
21407
  this.showLabel = true;
21366
21408
  this.maxLength = Number.POSITIVE_INFINITY;
21367
21409
  this.autocomplete = true;
21410
+ this.pattern = undefined;
21411
+ this.placeholder = undefined;
21368
21412
  this.disabled = false;
21369
21413
  this.readonly = false;
21414
+ this.currency = undefined;
21415
+ this.initialValue = undefined;
21370
21416
  }
21371
21417
  get formatter() {
21372
21418
  let result;
@@ -21563,6 +21609,12 @@ const InputDate = class {
21563
21609
  constructor(hostRef) {
21564
21610
  index.registerInstance(this, hostRef);
21565
21611
  this.valueChanged = index.createEvent(this, "valueChanged", 7);
21612
+ this.name = undefined;
21613
+ this.value = undefined;
21614
+ this.open = undefined;
21615
+ this.max = undefined;
21616
+ this.min = undefined;
21617
+ this.disabled = undefined;
21566
21618
  }
21567
21619
  onStart(next) {
21568
21620
  this.valueChanged.emit(next);
@@ -21599,6 +21651,12 @@ const InputDateRange = class {
21599
21651
  index.registerInstance(this, hostRef);
21600
21652
  this.valueChanged = index.createEvent(this, "valueChanged", 7);
21601
21653
  this.dateRangeSelected = index.createEvent(this, "dateRangeSelected", 7);
21654
+ this.value = undefined;
21655
+ this.start = undefined;
21656
+ this.end = undefined;
21657
+ this.max = undefined;
21658
+ this.min = undefined;
21659
+ this.open = undefined;
21602
21660
  this.showLabel = true;
21603
21661
  this.labelStart = "from";
21604
21662
  this.labelEnd = "to";
@@ -21653,6 +21711,7 @@ const MonthSelector = class {
21653
21711
  constructor(hostRef) {
21654
21712
  index.registerInstance(this, hostRef);
21655
21713
  this.valueChanged = index.createEvent(this, "valueChanged", 7);
21714
+ this.value = undefined;
21656
21715
  }
21657
21716
  onValueChanged(next) {
21658
21717
  this.valueChanged.emit(next);
@@ -21684,6 +21743,9 @@ const Item = class {
21684
21743
  constructor(hostRef) {
21685
21744
  index.registerInstance(this, hostRef);
21686
21745
  this.itemSelected = index.createEvent(this, "itemSelected", 7);
21746
+ this.value = undefined;
21747
+ this.selected = undefined;
21748
+ this.marked = undefined;
21687
21749
  }
21688
21750
  onSelectedChanged(value, old) {
21689
21751
  if (value && !old)
@@ -21723,10 +21785,13 @@ const SmoothlyMenuOptions = class {
21723
21785
  this.optionElements = [];
21724
21786
  this.filteredOptions = [];
21725
21787
  this.highlightIndex = 0;
21788
+ this.keyword = undefined;
21726
21789
  this.toggle = false;
21727
21790
  this.emptyMenuLabel = "No Options";
21728
21791
  this.newOptionLabel = "Add:";
21792
+ this.maxMenuHeight = undefined;
21729
21793
  this.order = false;
21794
+ this.optionStyle = undefined;
21730
21795
  this.options = [];
21731
21796
  this.resetHighlightOnOptionsChange = true;
21732
21797
  this.mutable = false;
@@ -21831,7 +21896,6 @@ const Notification = class {
21831
21896
  constructor(hostRef) {
21832
21897
  index.registerInstance(this, hostRef);
21833
21898
  this.remove = index.createEvent(this, "remove", 7);
21834
- this.tick = {};
21835
21899
  this.listener = notice => {
21836
21900
  console.log("changed: ", notice);
21837
21901
  if (notice.state == "closed")
@@ -21839,6 +21903,8 @@ const Notification = class {
21839
21903
  else
21840
21904
  this.tick = {};
21841
21905
  };
21906
+ this.notice = undefined;
21907
+ this.tick = {};
21842
21908
  }
21843
21909
  get color() {
21844
21910
  let result;
@@ -21916,8 +21982,13 @@ const SmoothlyOption = class {
21916
21982
  this.optionSelect = index.createEvent(this, "optionSelect", 7);
21917
21983
  this.optionUnselect = index.createEvent(this, "optionUnselect", 7);
21918
21984
  this.optionAdd = index.createEvent(this, "optionAdd", 7);
21985
+ this.aliases = undefined;
21919
21986
  this.dataHighlight = false;
21987
+ this.name = undefined;
21988
+ this.value = undefined;
21920
21989
  this.divider = false;
21990
+ this.checkbox = undefined;
21991
+ this.new = undefined;
21921
21992
  this.toggle = false;
21922
21993
  this.checked = false;
21923
21994
  }
@@ -21951,13 +22022,19 @@ const SmoothlyPicker = class {
21951
22022
  this.menuClose = index.createEvent(this, "menuClose", 7);
21952
22023
  this.notice = index.createEvent(this, "notice", 7);
21953
22024
  this.keepFocusOnReRender = false;
22025
+ this.isOpen = undefined;
22026
+ this.empty = undefined;
21954
22027
  this.disabled = false;
21955
22028
  this.readonly = false;
21956
22029
  this.maxMenuHeight = "inherit";
22030
+ this.maxHeight = undefined;
21957
22031
  this.emptyMenuLabel = "No Options";
21958
22032
  this.multiple = false;
21959
22033
  this.mutable = false;
22034
+ this.optionStyle = undefined;
21960
22035
  this.options = [];
22036
+ this.labelSetting = undefined;
22037
+ this.label = undefined;
21961
22038
  this.selections = [];
21962
22039
  this.selectNoneName = "Select None";
21963
22040
  this.selectAllName = "Select All";
@@ -22159,6 +22236,7 @@ const styleCss$k = ".sc-smoothly-quiet-h{opacity:0.5}";
22159
22236
  const SmoothlyQuiet = class {
22160
22237
  constructor(hostRef) {
22161
22238
  index.registerInstance(this, hostRef);
22239
+ this.color = undefined;
22162
22240
  }
22163
22241
  render() {
22164
22242
  return (index.h(index.Host, { color: this.color }, index.h("slot", null)));
@@ -22172,6 +22250,10 @@ const SmoothlyRadio = class {
22172
22250
  constructor(hostRef) {
22173
22251
  index.registerInstance(this, hostRef);
22174
22252
  this.smoothlySelected = index.createEvent(this, "smoothlySelected", 7);
22253
+ this.name = undefined;
22254
+ this.value = undefined;
22255
+ this.checked = undefined;
22256
+ this.tabIndex = undefined;
22175
22257
  }
22176
22258
  async onInput(e) {
22177
22259
  if (e.target && e.target.value && (this.checked = e.target.checked))
@@ -22193,6 +22275,9 @@ const SmoothlyRadioButton = class {
22193
22275
  constructor(hostRef) {
22194
22276
  index.registerInstance(this, hostRef);
22195
22277
  this.radioButtonSelected = index.createEvent(this, "radioButtonSelected", 7);
22278
+ this.name = undefined;
22279
+ this.value = undefined;
22280
+ this.deselectable = undefined;
22196
22281
  this.decoration = "radio";
22197
22282
  }
22198
22283
  radioSelectHandler(event) {
@@ -22219,6 +22304,9 @@ const SmoothlyRadioButtonItem = class {
22219
22304
  constructor(hostRef) {
22220
22305
  index.registerInstance(this, hostRef);
22221
22306
  this.radioItemSelectInternal = index.createEvent(this, "radioItemSelectInternal", 7);
22307
+ this.value = undefined;
22308
+ this.selected = undefined;
22309
+ this.color = undefined;
22222
22310
  }
22223
22311
  componentWillLoad() {
22224
22312
  this.selected && this.select(this.selected);
@@ -22239,6 +22327,10 @@ SmoothlyRadioButtonItem.style = styleCss$h;
22239
22327
  const SmoothlyRoom = class {
22240
22328
  constructor(hostRef) {
22241
22329
  index.registerInstance(this, hostRef);
22330
+ this.label = undefined;
22331
+ this.icon = undefined;
22332
+ this.path = undefined;
22333
+ this.to = undefined;
22242
22334
  }
22243
22335
  render() {
22244
22336
  return index.h("slot", null);
@@ -22251,6 +22343,9 @@ const SmoothlySelect = class {
22251
22343
  constructor(hostRef) {
22252
22344
  index.registerInstance(this, hostRef);
22253
22345
  this.selectionChanged = index.createEvent(this, "selectionChanged", 7);
22346
+ this.identifier = undefined;
22347
+ this.background = undefined;
22348
+ this.value = undefined;
22254
22349
  }
22255
22350
  optionSelected() {
22256
22351
  if (this.selectElement)
@@ -22365,8 +22460,10 @@ const Selector = class {
22365
22460
  constructor(hostRef) {
22366
22461
  index.registerInstance(this, hostRef);
22367
22462
  this.selected = index.createEvent(this, "selected", 7);
22368
- this.opened = false;
22369
22463
  this.items = [];
22464
+ this.initialPrompt = undefined;
22465
+ this.opened = false;
22466
+ this.selectedElement = undefined;
22370
22467
  this.missing = false;
22371
22468
  this.filter = "";
22372
22469
  }
@@ -22494,6 +22591,10 @@ const SmoothlySkeleton = class {
22494
22591
  constructor(hostRef) {
22495
22592
  index.registerInstance(this, hostRef);
22496
22593
  this.widths = ["8rem", "9rem", "10rem"];
22594
+ this.width = undefined;
22595
+ this.color = undefined;
22596
+ this.period = undefined;
22597
+ this.distance = undefined;
22497
22598
  this.align = "left";
22498
22599
  }
22499
22600
  componentWillLoad() {
@@ -22513,6 +22614,7 @@ const styleCss$c = ".sc-smoothly-spinner-h:not([active]){display:none}[hidden].s
22513
22614
  const SmoothlySpinner = class {
22514
22615
  constructor(hostRef) {
22515
22616
  index.registerInstance(this, hostRef);
22617
+ this.active = undefined;
22516
22618
  this.size = "large";
22517
22619
  }
22518
22620
  render() {
@@ -22544,7 +22646,12 @@ const SmoothlySubmit = class {
22544
22646
  constructor(hostRef) {
22545
22647
  index.registerInstance(this, hostRef);
22546
22648
  this.submitEvent = index.createEvent(this, "submit", 7);
22649
+ this.processing = undefined;
22650
+ this.color = undefined;
22651
+ this.expand = undefined;
22652
+ this.fill = undefined;
22547
22653
  this.disabled = false;
22654
+ this.prevent = undefined;
22548
22655
  }
22549
22656
  get form() {
22550
22657
  return (this.button && this.button.form) || undefined;
@@ -22602,6 +22709,9 @@ const SmoothlySvg = class {
22602
22709
  small: { height: "10rem", width: "10rem" },
22603
22710
  tiny: { height: "5rem", width: "5rem" },
22604
22711
  };
22712
+ this.url = undefined;
22713
+ this.size = undefined;
22714
+ this.color = undefined;
22605
22715
  }
22606
22716
  render() {
22607
22717
  const height = this.size
@@ -22631,6 +22741,8 @@ const SmoothlyTab = class {
22631
22741
  constructor(hostRef) {
22632
22742
  index.registerInstance(this, hostRef);
22633
22743
  this.expansionOpen = index.createEvent(this, "expansionOpen", 7);
22744
+ this.label = undefined;
22745
+ this.open = undefined;
22634
22746
  }
22635
22747
  openChanged() {
22636
22748
  if (this.expansionElement) {
@@ -22660,6 +22772,7 @@ const styleCss$8 = ".sc-smoothly-tab-switch-h{display:flex;flex-direction:row;ju
22660
22772
  const SmoothlyTabSwitch = class {
22661
22773
  constructor(hostRef) {
22662
22774
  index.registerInstance(this, hostRef);
22775
+ this.selectedElement = undefined;
22663
22776
  }
22664
22777
  openChanged(event) {
22665
22778
  event.stopPropagation();
@@ -22766,6 +22879,7 @@ const TableExpandableCell = class {
22766
22879
  this.allowSpotlight = true;
22767
22880
  this.spotlight = true;
22768
22881
  this.align = "left";
22882
+ this.open = undefined;
22769
22883
  }
22770
22884
  openChanged(value) {
22771
22885
  if (this.expansionElement)
@@ -22819,6 +22933,7 @@ const TableExpandableRow = class {
22819
22933
  this.allowSpotlight = true;
22820
22934
  this.spotlight = true;
22821
22935
  this.align = "left";
22936
+ this.open = undefined;
22822
22937
  }
22823
22938
  openChanged() {
22824
22939
  if (this.expansionElement)
@@ -22862,6 +22977,7 @@ const styleCss$2 = ".sc-smoothly-table-header-h{display:table-cell;line-height:2
22862
22977
  const TableHeader = class {
22863
22978
  constructor(hostRef) {
22864
22979
  index.registerInstance(this, hostRef);
22980
+ this.name = undefined;
22865
22981
  }
22866
22982
  render() {
22867
22983
  return (index.h(index.Host, null, index.h("slot", null)));
@@ -22900,8 +23016,13 @@ const SmoothlyTrigger = class {
22900
23016
  constructor(hostRef) {
22901
23017
  index.registerInstance(this, hostRef);
22902
23018
  this.trigger = index.createEvent(this, "trigger", 7);
23019
+ this.color = undefined;
23020
+ this.expand = undefined;
23021
+ this.fill = undefined;
22903
23022
  this.disabled = false;
22904
23023
  this.type = "button";
23024
+ this.name = undefined;
23025
+ this.value = undefined;
22905
23026
  }
22906
23027
  onClick(e) {
22907
23028
  this.trigger.emit({ name: this.name, value: this.value });
@@ -22926,6 +23047,7 @@ SmoothlyTrigger.style = styleCss;
22926
23047
  const SmoothlyTuple = class {
22927
23048
  constructor(hostRef) {
22928
23049
  index.registerInstance(this, hostRef);
23050
+ this.tuple = undefined;
22929
23051
  }
22930
23052
  render() {
22931
23053
  return [index.h("b", null, this.tuple[0]), ": ", this.tuple[1], index.h("br", null)];
@@ -22935,6 +23057,7 @@ const SmoothlyTuple = class {
22935
23057
  const Urlencoded = class {
22936
23058
  constructor(hostRef) {
22937
23059
  index.registerInstance(this, hostRef);
23060
+ this.data = undefined;
22938
23061
  }
22939
23062
  render() {
22940
23063
  return this.data
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-3fb97927.js');
6
- const getLanguage = require('./getLanguage-aa9af88b.js');
5
+ const index = require('./index-de46f836.js');
6
+ const getLanguage = require('./getLanguage-430ecf04.js');
7
7
 
8
8
  function from$K(country) {
9
9
  return names$J[country] || from$K(getLanguage.Alpha2.from(country));
@@ -11930,7 +11930,9 @@ function from(language, country) {
11930
11930
  const SmoothlyCountry = class {
11931
11931
  constructor(hostRef) {
11932
11932
  index.registerInstance(this, hostRef);
11933
+ this.value = undefined;
11933
11934
  this.text = "alpha2";
11935
+ this.language = undefined;
11934
11936
  }
11935
11937
  componentWillLoad() {
11936
11938
  this.language = getLanguage.getLanguage(this.element);
@@ -2,12 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-3fb97927.js');
5
+ const index = require('./index-de46f836.js');
6
6
  const GoogleFont = require('./GoogleFont-6c4f0da1.js');
7
7
 
8
8
  const SmoothlyGoogleFont = class {
9
9
  constructor(hostRef) {
10
10
  index.registerInstance(this, hostRef);
11
+ this.value = undefined;
11
12
  }
12
13
  render() {
13
14
  return GoogleFont.GoogleFont.is(this.value) ? index.h("style", null, GoogleFont.GoogleFont.styleImportString(this.value)) : "";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-3fb97927.js');
5
+ const index = require('./index-de46f836.js');
6
6
 
7
7
  const styleCss = "smoothly-radio-group{display:flex;position:relative;color:none !important;background:none !important;margin:0.5em 0}smoothly-radio-group[hidden]{display:none}smoothly-radio-group[orientation=vertical] *:not(:first-of-type)>input[type=radio]~label{border-top:none}smoothly-radio-group:not([orientation=vertical]) *:not(:first-of-type)>input[type=radio]~label{border-left:none}smoothly-radio-group[orientation=vertical]{flex-direction:column}smoothly-radio-group[orientation=vertical] :first-of-type>input[type=radio]~label{border-radius:4px 4px 0 0}smoothly-radio-group[orientation=vertical] :last-of-type>input[type=radio]~label{border-radius:0 0 4px 4px}smoothly-radio-group:not([orientation=vertical]){flex-direction:row}smoothly-radio-group:not([orientation=vertical]) :first-of-type>input[type=radio]~label{border-radius:4px 0 0 4px}smoothly-radio-group:not([orientation=vertical]) :last-of-type>input[type=radio]~label{border-radius:0 4px 4px 0}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-3fb97927.js');
5
+ const index = require('./index-de46f836.js');
6
6
 
7
7
  const styleCss = "smoothly-reorder>*{cursor:move;transition:transform 0.3s}smoothly-reorder>*.dragging{transition:none;box-shadow:0 0 10px rgba(var(--smoothly-dark-color));z-index:1;user-select:none}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-3fb97927.js');
5
+ const index = require('./index-de46f836.js');
6
6
  const Trigger = require('./Trigger-3443997e.js');
7
7
  require('./GoogleFont-6c4f0da1.js');
8
8
 
@@ -11,6 +11,9 @@ const styleCss = ".sc-smoothly-trigger-sink-h{display:block}[hidden].sc-smoothly
11
11
  const SmoothlyTriggerSink = class {
12
12
  constructor(hostRef) {
13
13
  index.registerInstance(this, hostRef);
14
+ this.context = undefined;
15
+ this.destination = undefined;
16
+ this.filter = undefined;
14
17
  }
15
18
  get filters() {
16
19
  if (!this.filtersValue)
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-3fb97927.js');
5
+ const index = require('./index-de46f836.js');
6
6
  const Trigger = require('./Trigger-3443997e.js');
7
7
  require('./GoogleFont-6c4f0da1.js');
8
8
 
@@ -13,6 +13,7 @@ const SmoothlyTriggerSource = class {
13
13
  index.registerInstance(this, hostRef);
14
14
  this.trigger = index.createEvent(this, "trigger", 7);
15
15
  this.message = index.createEvent(this, "message", 7);
16
+ this.listen = undefined;
16
17
  }
17
18
  componentDidLoad() {
18
19
  Trigger.Message.listen(this.listen, (destination, content) => {