ku4web-components 6.7.13 → 6.7.14

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 (137) hide show
  1. package/LICENSE +7 -10
  2. package/angular/index.js +1 -3
  3. package/angular/index.mjs +1 -1
  4. package/dist/cjs/{index-d4518258.js → index-15875e65.js} +220 -202
  5. package/dist/cjs/ku4-carousel-controls.cjs.entry.js +1 -1
  6. package/dist/cjs/ku4-carousel-slide.cjs.entry.js +1 -1
  7. package/dist/cjs/ku4-carousel.cjs.entry.js +1 -1
  8. package/dist/cjs/ku4-col.cjs.entry.js +1 -1
  9. package/dist/cjs/ku4-drawer.cjs.entry.js +1 -1
  10. package/dist/cjs/ku4-feature.cjs.entry.js +1 -1
  11. package/dist/cjs/ku4-focus-trap.cjs.entry.js +1 -1
  12. package/dist/cjs/ku4-form.cjs.entry.js +1 -1
  13. package/dist/cjs/ku4-grid.cjs.entry.js +1 -1
  14. package/dist/cjs/ku4-label.cjs.entry.js +1 -1
  15. package/dist/cjs/ku4-mask.cjs.entry.js +1 -1
  16. package/dist/cjs/ku4-modal.cjs.entry.js +1 -1
  17. package/dist/cjs/ku4-panel.cjs.entry.js +1 -1
  18. package/dist/cjs/ku4-preview.cjs.entry.js +1 -1
  19. package/dist/cjs/ku4-tab-list.cjs.entry.js +1 -1
  20. package/dist/cjs/ku4-tab-panel.cjs.entry.js +1 -1
  21. package/dist/cjs/ku4-tab.cjs.entry.js +1 -1
  22. package/dist/cjs/ku4-table.cjs.entry.js +1 -1
  23. package/dist/cjs/ku4-tooltip.cjs.entry.js +1 -1
  24. package/dist/cjs/ku4-validation.cjs.entry.js +1 -1
  25. package/dist/cjs/ku4web-components.cjs.js +2 -2
  26. package/dist/cjs/loader.cjs.js +2 -2
  27. package/dist/cjs/{shadow-css-a33dc836.js → shadow-css-346c0795.js} +1 -1
  28. package/dist/esm/{index-86df1782.js → index-906433aa.js} +220 -202
  29. package/dist/esm/ku4-carousel-controls.entry.js +1 -1
  30. package/dist/esm/ku4-carousel-slide.entry.js +1 -1
  31. package/dist/esm/ku4-carousel.entry.js +1 -1
  32. package/dist/esm/ku4-col.entry.js +1 -1
  33. package/dist/esm/ku4-drawer.entry.js +1 -1
  34. package/dist/esm/ku4-feature.entry.js +1 -1
  35. package/dist/esm/ku4-focus-trap.entry.js +1 -1
  36. package/dist/esm/ku4-form.entry.js +1 -1
  37. package/dist/esm/ku4-grid.entry.js +1 -1
  38. package/dist/esm/ku4-label.entry.js +1 -1
  39. package/dist/esm/ku4-mask.entry.js +1 -1
  40. package/dist/esm/ku4-modal.entry.js +1 -1
  41. package/dist/esm/ku4-panel.entry.js +1 -1
  42. package/dist/esm/ku4-preview.entry.js +1 -1
  43. package/dist/esm/ku4-tab-list.entry.js +1 -1
  44. package/dist/esm/ku4-tab-panel.entry.js +1 -1
  45. package/dist/esm/ku4-tab.entry.js +1 -1
  46. package/dist/esm/ku4-table.entry.js +1 -1
  47. package/dist/esm/ku4-tooltip.entry.js +1 -1
  48. package/dist/esm/ku4-validation.entry.js +1 -1
  49. package/dist/esm/ku4web-components.js +2 -2
  50. package/dist/esm/loader.js +2 -2
  51. package/dist/esm/polyfills/css-shim.js +1 -1
  52. package/dist/esm/{shadow-css-4261c637.js → shadow-css-b18e99d7.js} +1 -1
  53. package/dist/esm-es5/index-906433aa.js +2 -0
  54. package/dist/esm-es5/ku4-carousel-controls.entry.js +1 -1
  55. package/dist/esm-es5/ku4-carousel-slide.entry.js +1 -1
  56. package/dist/esm-es5/ku4-carousel.entry.js +1 -1
  57. package/dist/esm-es5/ku4-col.entry.js +1 -1
  58. package/dist/esm-es5/ku4-drawer.entry.js +1 -1
  59. package/dist/esm-es5/ku4-feature.entry.js +1 -1
  60. package/dist/esm-es5/ku4-focus-trap.entry.js +1 -1
  61. package/dist/esm-es5/ku4-form.entry.js +1 -1
  62. package/dist/esm-es5/ku4-grid.entry.js +1 -1
  63. package/dist/esm-es5/ku4-label.entry.js +1 -1
  64. package/dist/esm-es5/ku4-mask.entry.js +1 -1
  65. package/dist/esm-es5/ku4-modal.entry.js +1 -1
  66. package/dist/esm-es5/ku4-panel.entry.js +1 -1
  67. package/dist/esm-es5/ku4-preview.entry.js +1 -1
  68. package/dist/esm-es5/ku4-tab-list.entry.js +1 -1
  69. package/dist/esm-es5/ku4-tab-panel.entry.js +1 -1
  70. package/dist/esm-es5/ku4-tab.entry.js +1 -1
  71. package/dist/esm-es5/ku4-table.entry.js +1 -1
  72. package/dist/esm-es5/ku4-tooltip.entry.js +1 -1
  73. package/dist/esm-es5/ku4-validation.entry.js +1 -1
  74. package/dist/esm-es5/ku4web-components.js +1 -1
  75. package/dist/esm-es5/loader.js +1 -1
  76. package/dist/esm-es5/{shadow-css-4261c637.js → shadow-css-b18e99d7.js} +0 -0
  77. package/dist/ku4web-components/ku4web-components.esm.js +1 -1
  78. package/dist/ku4web-components/ku4web-components.js +1 -1
  79. package/dist/ku4web-components/{p-2a630678.system.entry.js → p-0c80849a.system.entry.js} +1 -1
  80. package/dist/ku4web-components/{p-e4c836ca.system.entry.js → p-2e259be8.system.entry.js} +1 -1
  81. package/dist/ku4web-components/{p-a84dd208.entry.js → p-2e8bdcac.entry.js} +1 -1
  82. package/dist/ku4web-components/p-321ff189.entry.js +1 -0
  83. package/dist/ku4web-components/{p-abb96c12.system.entry.js → p-3afb47cc.system.entry.js} +1 -1
  84. package/dist/ku4web-components/{p-b9b65d90.system.entry.js → p-3ee2a2dd.system.entry.js} +1 -1
  85. package/dist/ku4web-components/{p-2a510b37.system.entry.js → p-4038362a.system.entry.js} +1 -1
  86. package/dist/ku4web-components/{p-517da8da.entry.js → p-4143d5d6.entry.js} +1 -1
  87. package/dist/ku4web-components/{p-42bd3225.entry.js → p-47690d76.entry.js} +1 -1
  88. package/dist/ku4web-components/{p-e1a494a4.system.entry.js → p-4ae67f1f.system.entry.js} +1 -1
  89. package/dist/ku4web-components/{p-96b2c669.entry.js → p-4c41bbdd.entry.js} +1 -1
  90. package/dist/ku4web-components/{p-9d5d5758.system.entry.js → p-517fec9b.system.entry.js} +1 -1
  91. package/dist/ku4web-components/{p-aac61317.entry.js → p-557f0053.entry.js} +1 -1
  92. package/dist/ku4web-components/{p-63b36bc5.system.entry.js → p-570177e8.system.entry.js} +1 -1
  93. package/dist/ku4web-components/{p-f8eab33b.system.entry.js → p-608ec081.system.entry.js} +1 -1
  94. package/dist/ku4web-components/{p-b0edddc6.system.entry.js → p-62691d31.system.entry.js} +1 -1
  95. package/dist/ku4web-components/{p-bcbf1f48.entry.js → p-6343daaa.entry.js} +1 -1
  96. package/dist/ku4web-components/{p-80a59984.system.entry.js → p-667063a1.system.entry.js} +1 -1
  97. package/dist/ku4web-components/{p-c2dc6f6d.system.entry.js → p-6a27b43f.system.entry.js} +1 -1
  98. package/dist/ku4web-components/{p-8410b9b5.system.entry.js → p-6d14ef68.system.entry.js} +1 -1
  99. package/dist/ku4web-components/{p-43a3b16a.entry.js → p-6fc8ef40.entry.js} +1 -1
  100. package/dist/ku4web-components/{p-a8de6293.system.js → p-88092d06.system.js} +0 -0
  101. package/dist/ku4web-components/p-8e03322a.system.js +2 -0
  102. package/dist/ku4web-components/{p-2f625567.system.entry.js → p-92c72bf8.system.entry.js} +1 -1
  103. package/dist/ku4web-components/{p-0c2fe92e.system.entry.js → p-98f05ada.system.entry.js} +1 -1
  104. package/dist/ku4web-components/{p-89fe8fa0.entry.js → p-990790af.entry.js} +1 -1
  105. package/dist/ku4web-components/{p-7a05df32.system.entry.js → p-9f434bd7.system.entry.js} +1 -1
  106. package/dist/ku4web-components/{p-2a862665.entry.js → p-ae5e23b4.entry.js} +1 -1
  107. package/dist/ku4web-components/{p-0611607f.entry.js → p-bd8e14e8.entry.js} +1 -1
  108. package/dist/ku4web-components/{p-c3616b74.system.entry.js → p-c37c000c.system.entry.js} +1 -1
  109. package/dist/ku4web-components/{p-722f1484.entry.js → p-ca08f742.entry.js} +1 -1
  110. package/dist/ku4web-components/{p-ad0e5cff.entry.js → p-cfa2430c.entry.js} +1 -1
  111. package/dist/ku4web-components/{p-a4f7342a.entry.js → p-d19c1792.entry.js} +1 -1
  112. package/dist/ku4web-components/{p-dadf46ab.entry.js → p-d21d1e0e.entry.js} +1 -1
  113. package/dist/ku4web-components/{p-e37a1d15.entry.js → p-d66a1733.entry.js} +1 -1
  114. package/dist/ku4web-components/{p-f03c5bf4.entry.js → p-ea728fd5.entry.js} +1 -1
  115. package/dist/ku4web-components/{p-33da409b.system.entry.js → p-eace27f8.system.entry.js} +1 -1
  116. package/dist/ku4web-components/{p-1d80d5ea.entry.js → p-ebacc2e9.entry.js} +1 -1
  117. package/dist/ku4web-components/{p-a8ef8a26.system.entry.js → p-f0744d75.system.entry.js} +1 -1
  118. package/dist/ku4web-components/p-f134bec3.js +2 -0
  119. package/dist/ku4web-components/{p-168f206e.system.entry.js → p-f1b64863.system.entry.js} +1 -1
  120. package/dist/ku4web-components/p-f1df904f.entry.js +1 -0
  121. package/dist/ku4web-components/{p-ef5d4167.js → p-f26ed61d.js} +0 -0
  122. package/dist/ku4web-components/{p-69165a40.system.js → p-f7873ccb.system.js} +1 -1
  123. package/dist/ku4web-components/{p-728958cf.entry.js → p-feef17a2.entry.js} +1 -1
  124. package/dist/types/stencil-public-runtime.d.ts +15 -4
  125. package/mask/index.js +1 -1
  126. package/package.json +28 -28
  127. package/react/index.js +1 -3
  128. package/react/index.mjs +1 -1
  129. package/vue/index.js +1 -3
  130. package/vue/index.mjs +1 -1
  131. package/vue3/index.js +1 -3
  132. package/vue3/index.mjs +1 -1
  133. package/dist/esm-es5/index-86df1782.js +0 -2
  134. package/dist/ku4web-components/p-0ced1fa7.system.js +0 -2
  135. package/dist/ku4web-components/p-d932f0d5.entry.js +0 -1
  136. package/dist/ku4web-components/p-dcb37faf.entry.js +0 -1
  137. package/dist/ku4web-components/p-fbee7bb3.js +0 -2
@@ -22,6 +22,14 @@ function _interopNamespace(e) {
22
22
 
23
23
  const NAMESPACE = 'ku4web-components';
24
24
 
25
+ /**
26
+ * Virtual DOM patching algorithm based on Snabbdom by
27
+ * Simon Friis Vindum (@paldepind)
28
+ * Licensed under the MIT License
29
+ * https://github.com/snabbdom/snabbdom/blob/master/LICENSE
30
+ *
31
+ * Modified for Stencil's renderer and slot projection
32
+ */
25
33
  let scopeId;
26
34
  let contentRef;
27
35
  let hostTagName;
@@ -30,64 +38,6 @@ let checkSlotFallbackVisibility = false;
30
38
  let checkSlotRelocate = false;
31
39
  let isSvgMode = false;
32
40
  let queuePending = false;
33
- const win = typeof window !== 'undefined' ? window : {};
34
- const doc = win.document || { head: {} };
35
- const plt = {
36
- $flags$: 0,
37
- $resourcesUrl$: '',
38
- jmp: (h) => h(),
39
- raf: (h) => requestAnimationFrame(h),
40
- ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
41
- rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
42
- ce: (eventName, opts) => new CustomEvent(eventName, opts),
43
- };
44
- const supportsShadow = /*@__PURE__*/ (() => (doc.head.attachShadow + '').indexOf('[native') > -1)()
45
- ;
46
- const promiseResolve = (v) => Promise.resolve(v);
47
- const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
48
- try {
49
- new CSSStyleSheet();
50
- return typeof new CSSStyleSheet().replaceSync === 'function';
51
- }
52
- catch (e) { }
53
- return false;
54
- })()
55
- ;
56
- const addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
57
- if (listeners) {
58
- listeners.map(([flags, name, method]) => {
59
- const target = getHostListenerTarget(elm, flags) ;
60
- const handler = hostListenerProxy(hostRef, method);
61
- const opts = hostListenerOpts(flags);
62
- plt.ael(target, name, handler, opts);
63
- (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
64
- });
65
- }
66
- };
67
- const hostListenerProxy = (hostRef, methodName) => (ev) => {
68
- try {
69
- {
70
- if (hostRef.$flags$ & 256 /* HOST_FLAGS.isListenReady */) {
71
- // instance is ready, let's call it's member method for this event
72
- hostRef.$lazyInstance$[methodName](ev);
73
- }
74
- else {
75
- (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
76
- }
77
- }
78
- }
79
- catch (e) {
80
- consoleError(e);
81
- }
82
- };
83
- const getHostListenerTarget = (elm, flags) => {
84
- if (flags & 8 /* LISTENER_FLAGS.TargetWindow */)
85
- return win;
86
- return elm;
87
- };
88
- // prettier-ignore
89
- const hostListenerOpts = (flags) => (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
90
- const HYDRATED_CSS = '{visibility:hidden}[hydrated]{visibility:inherit}';
91
41
  const createTime = (fnName, tagName = '') => {
92
42
  {
93
43
  return () => {
@@ -102,76 +52,7 @@ const uniqueTime = (key, measureText) => {
102
52
  };
103
53
  }
104
54
  };
105
- const rootAppliedStyles = /*@__PURE__*/ new WeakMap();
106
- const registerStyle = (scopeId, cssText, allowCS) => {
107
- let style = styles.get(scopeId);
108
- if (supportsConstructableStylesheets && allowCS) {
109
- style = (style || new CSSStyleSheet());
110
- if (typeof style === 'string') {
111
- style = cssText;
112
- }
113
- else {
114
- style.replaceSync(cssText);
115
- }
116
- }
117
- else {
118
- style = cssText;
119
- }
120
- styles.set(scopeId, style);
121
- };
122
- const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
123
- let scopeId = getScopeId(cmpMeta);
124
- const style = styles.get(scopeId);
125
- // if an element is NOT connected then getRootNode() will return the wrong root node
126
- // so the fallback is to always use the document for the root node in those cases
127
- styleContainerNode = styleContainerNode.nodeType === 11 /* NODE_TYPE.DocumentFragment */ ? styleContainerNode : doc;
128
- if (style) {
129
- if (typeof style === 'string') {
130
- styleContainerNode = styleContainerNode.head || styleContainerNode;
131
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
132
- let styleElm;
133
- if (!appliedStyles) {
134
- rootAppliedStyles.set(styleContainerNode, (appliedStyles = new Set()));
135
- }
136
- if (!appliedStyles.has(scopeId)) {
137
- {
138
- {
139
- styleElm = doc.createElement('style');
140
- styleElm.innerHTML = style;
141
- }
142
- styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
143
- }
144
- if (appliedStyles) {
145
- appliedStyles.add(scopeId);
146
- }
147
- }
148
- }
149
- else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
150
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
151
- }
152
- }
153
- return scopeId;
154
- };
155
- const attachStyles = (hostRef) => {
156
- const cmpMeta = hostRef.$cmpMeta$;
157
- const elm = hostRef.$hostElement$;
158
- const flags = cmpMeta.$flags$;
159
- const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
160
- const scopeId = addStyle(supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
161
- if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
162
- // only required when we're NOT using native shadow dom (slot)
163
- // or this browser doesn't support native shadow dom
164
- // and this host element was NOT created with SSR
165
- // let's pick out the inner content for slot projection
166
- // create a node to represent where the original
167
- // content was first placed, which is useful later on
168
- // DOM WRITE!!
169
- elm['s-sc'] = scopeId;
170
- elm.classList.add(scopeId + '-h');
171
- }
172
- endAttachStyles();
173
- };
174
- const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
55
+ const HYDRATED_CSS = '{visibility:hidden}[hydrated]{visibility:inherit}';
175
56
  /**
176
57
  * Default style mode id
177
58
  */
@@ -270,6 +151,149 @@ const newVNode = (tag, text) => {
270
151
  };
271
152
  const Host = {};
272
153
  const isHost = (node) => node && node.$tag$ === Host;
154
+ /**
155
+ * Parse a new property value for a given property type.
156
+ *
157
+ * While the prop value can reasonably be expected to be of `any` type as far as TypeScript's type checker is concerned,
158
+ * it is not safe to assume that the string returned by evaluating `typeof propValue` matches:
159
+ * 1. `any`, the type given to `propValue` in the function signature
160
+ * 2. the type stored from `propType`.
161
+ *
162
+ * This function provides the capability to parse/coerce a property's value to potentially any other JavaScript type.
163
+ *
164
+ * Property values represented in TSX preserve their type information. In the example below, the number 0 is passed to
165
+ * a component. This `propValue` will preserve its type information (`typeof propValue === 'number'`). Note that is
166
+ * based on the type of the value being passed in, not the type declared of the class member decorated with `@Prop`.
167
+ * ```tsx
168
+ * <my-cmp prop-val={0}></my-cmp>
169
+ * ```
170
+ *
171
+ * HTML prop values on the other hand, will always a string
172
+ *
173
+ * @param propValue the new value to coerce to some type
174
+ * @param propType the type of the prop, expressed as a binary number
175
+ * @returns the parsed/coerced value
176
+ */
177
+ const parsePropertyValue = (propValue, propType) => {
178
+ // ensure this value is of the correct prop type
179
+ if (propValue != null && !isComplexType(propValue)) {
180
+ if (propType & 4 /* MEMBER_FLAGS.Boolean */) {
181
+ // per the HTML spec, any string value means it is a boolean true value
182
+ // but we'll cheat here and say that the string "false" is the boolean false
183
+ return propValue === 'false' ? false : propValue === '' || !!propValue;
184
+ }
185
+ if (propType & 2 /* MEMBER_FLAGS.Number */) {
186
+ // force it to be a number
187
+ return parseFloat(propValue);
188
+ }
189
+ if (propType & 1 /* MEMBER_FLAGS.String */) {
190
+ // could have been passed as a number or boolean
191
+ // but we still want it as a string
192
+ return String(propValue);
193
+ }
194
+ // redundant return here for better minification
195
+ return propValue;
196
+ }
197
+ // not sure exactly what type we want
198
+ // so no need to change to a different type
199
+ return propValue;
200
+ };
201
+ const getElement = (ref) => (getHostRef(ref).$hostElement$ );
202
+ const createEvent = (ref, name, flags) => {
203
+ const elm = getElement(ref);
204
+ return {
205
+ emit: (detail) => {
206
+ return emitEvent(elm, name, {
207
+ bubbles: !!(flags & 4 /* EVENT_FLAGS.Bubbles */),
208
+ composed: !!(flags & 2 /* EVENT_FLAGS.Composed */),
209
+ cancelable: !!(flags & 1 /* EVENT_FLAGS.Cancellable */),
210
+ detail,
211
+ });
212
+ },
213
+ };
214
+ };
215
+ /**
216
+ * Helper function to create & dispatch a custom Event on a provided target
217
+ * @param elm the target of the Event
218
+ * @param name the name to give the custom Event
219
+ * @param opts options for configuring a custom Event
220
+ * @returns the custom Event
221
+ */
222
+ const emitEvent = (elm, name, opts) => {
223
+ const ev = plt.ce(name, opts);
224
+ elm.dispatchEvent(ev);
225
+ return ev;
226
+ };
227
+ const rootAppliedStyles = /*@__PURE__*/ new WeakMap();
228
+ const registerStyle = (scopeId, cssText, allowCS) => {
229
+ let style = styles.get(scopeId);
230
+ if (supportsConstructableStylesheets && allowCS) {
231
+ style = (style || new CSSStyleSheet());
232
+ if (typeof style === 'string') {
233
+ style = cssText;
234
+ }
235
+ else {
236
+ style.replaceSync(cssText);
237
+ }
238
+ }
239
+ else {
240
+ style = cssText;
241
+ }
242
+ styles.set(scopeId, style);
243
+ };
244
+ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
245
+ let scopeId = getScopeId(cmpMeta);
246
+ const style = styles.get(scopeId);
247
+ // if an element is NOT connected then getRootNode() will return the wrong root node
248
+ // so the fallback is to always use the document for the root node in those cases
249
+ styleContainerNode = styleContainerNode.nodeType === 11 /* NODE_TYPE.DocumentFragment */ ? styleContainerNode : doc;
250
+ if (style) {
251
+ if (typeof style === 'string') {
252
+ styleContainerNode = styleContainerNode.head || styleContainerNode;
253
+ let appliedStyles = rootAppliedStyles.get(styleContainerNode);
254
+ let styleElm;
255
+ if (!appliedStyles) {
256
+ rootAppliedStyles.set(styleContainerNode, (appliedStyles = new Set()));
257
+ }
258
+ if (!appliedStyles.has(scopeId)) {
259
+ {
260
+ {
261
+ styleElm = doc.createElement('style');
262
+ styleElm.innerHTML = style;
263
+ }
264
+ styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
265
+ }
266
+ if (appliedStyles) {
267
+ appliedStyles.add(scopeId);
268
+ }
269
+ }
270
+ }
271
+ else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
272
+ styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
273
+ }
274
+ }
275
+ return scopeId;
276
+ };
277
+ const attachStyles = (hostRef) => {
278
+ const cmpMeta = hostRef.$cmpMeta$;
279
+ const elm = hostRef.$hostElement$;
280
+ const flags = cmpMeta.$flags$;
281
+ const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
282
+ const scopeId = addStyle(supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
283
+ if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
284
+ // only required when we're NOT using native shadow dom (slot)
285
+ // or this browser doesn't support native shadow dom
286
+ // and this host element was NOT created with SSR
287
+ // let's pick out the inner content for slot projection
288
+ // create a node to represent where the original
289
+ // content was first placed, which is useful later on
290
+ // DOM WRITE!!
291
+ elm['s-sc'] = scopeId;
292
+ elm.classList.add(scopeId + '-h');
293
+ }
294
+ endAttachStyles();
295
+ };
296
+ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
273
297
  /**
274
298
  * Production setAccessor() function based on Preact by
275
299
  * Jason Miller (@developit)
@@ -1094,32 +1118,6 @@ const renderVdom = (hostRef, renderFnResults) => {
1094
1118
  relocateNodes.length = 0;
1095
1119
  }
1096
1120
  };
1097
- const getElement = (ref) => (getHostRef(ref).$hostElement$ );
1098
- const createEvent = (ref, name, flags) => {
1099
- const elm = getElement(ref);
1100
- return {
1101
- emit: (detail) => {
1102
- return emitEvent(elm, name, {
1103
- bubbles: !!(flags & 4 /* EVENT_FLAGS.Bubbles */),
1104
- composed: !!(flags & 2 /* EVENT_FLAGS.Composed */),
1105
- cancelable: !!(flags & 1 /* EVENT_FLAGS.Cancellable */),
1106
- detail,
1107
- });
1108
- },
1109
- };
1110
- };
1111
- /**
1112
- * Helper function to create & dispatch a custom Event on a provided target
1113
- * @param elm the target of the Event
1114
- * @param name the name to give the custom Event
1115
- * @param opts options for configuring a custom Event
1116
- * @returns the custom Event
1117
- */
1118
- const emitEvent = (elm, name, opts) => {
1119
- const ev = plt.ce(name, opts);
1120
- elm.dispatchEvent(ev);
1121
- return ev;
1122
- };
1123
1121
  const attachToAncestor = (hostRef, ancestorComponent) => {
1124
1122
  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
1125
1123
  ancestorComponent['s-p'].push(new Promise((r) => (hostRef.$onRenderResolve$ = r)));
@@ -1291,53 +1289,6 @@ const then = (promise, thenFn) => {
1291
1289
  };
1292
1290
  const addHydratedFlag = (elm) => elm.setAttribute('hydrated', '')
1293
1291
  ;
1294
- /**
1295
- * Parse a new property value for a given property type.
1296
- *
1297
- * While the prop value can reasonably be expected to be of `any` type as far as TypeScript's type checker is concerned,
1298
- * it is not safe to assume that the string returned by evaluating `typeof propValue` matches:
1299
- * 1. `any`, the type given to `propValue` in the function signature
1300
- * 2. the type stored from `propType`.
1301
- *
1302
- * This function provides the capability to parse/coerce a property's value to potentially any other JavaScript type.
1303
- *
1304
- * Property values represented in TSX preserve their type information. In the example below, the number 0 is passed to
1305
- * a component. This `propValue` will preserve its type information (`typeof propValue === 'number'`). Note that is
1306
- * based on the type of the value being passed in, not the type declared of the class member decorated with `@Prop`.
1307
- * ```tsx
1308
- * <my-cmp prop-val={0}></my-cmp>
1309
- * ```
1310
- *
1311
- * HTML prop values on the other hand, will always a string
1312
- *
1313
- * @param propValue the new value to coerce to some type
1314
- * @param propType the type of the prop, expressed as a binary number
1315
- * @returns the parsed/coerced value
1316
- */
1317
- const parsePropertyValue = (propValue, propType) => {
1318
- // ensure this value is of the correct prop type
1319
- if (propValue != null && !isComplexType(propValue)) {
1320
- if (propType & 4 /* MEMBER_FLAGS.Boolean */) {
1321
- // per the HTML spec, any string value means it is a boolean true value
1322
- // but we'll cheat here and say that the string "false" is the boolean false
1323
- return propValue === 'false' ? false : propValue === '' || !!propValue;
1324
- }
1325
- if (propType & 2 /* MEMBER_FLAGS.Number */) {
1326
- // force it to be a number
1327
- return parseFloat(propValue);
1328
- }
1329
- if (propType & 1 /* MEMBER_FLAGS.String */) {
1330
- // could have been passed as a number or boolean
1331
- // but we still want it as a string
1332
- return String(propValue);
1333
- }
1334
- // redundant return here for better minification
1335
- return propValue;
1336
- }
1337
- // not sure exactly what type we want
1338
- // so no need to change to a different type
1339
- return propValue;
1340
- };
1341
1292
  const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
1342
1293
  const setValue = (ref, propName, newVal, cmpMeta) => {
1343
1294
  // check our new property value against our internal value
@@ -1381,6 +1332,16 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
1381
1332
  }
1382
1333
  }
1383
1334
  };
1335
+ /**
1336
+ * Attach a series of runtime constructs to a compiled Stencil component
1337
+ * constructor, including getters and setters for the `@Prop` and `@State`
1338
+ * decorators, callbacks for when attributes change, and so on.
1339
+ *
1340
+ * @param Cstr the constructor for a component that we need to process
1341
+ * @param cmpMeta metadata collected previously about the component
1342
+ * @param flags a number used to store a series of bit flags
1343
+ * @returns a reference to the same constructor passed in (but now mutated)
1344
+ */
1384
1345
  const proxyComponent = (Cstr, cmpMeta, flags) => {
1385
1346
  if (cmpMeta.$members$) {
1386
1347
  if (Cstr.watchers) {
@@ -1545,7 +1506,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
1545
1506
  if (!styles.has(scopeId)) {
1546
1507
  const endRegisterStyles = createTime('registerStyles', cmpMeta.$tagName$);
1547
1508
  if (cmpMeta.$flags$ & 8 /* CMP_FLAGS.needsShadowDomShim */) {
1548
- style = await Promise.resolve().then(function () { return require('./shadow-css-a33dc836.js'); }).then((m) => m.scopeCss(style, scopeId, false));
1509
+ style = await Promise.resolve().then(function () { return require('./shadow-css-346c0795.js'); }).then((m) => m.scopeCss(style, scopeId, false));
1549
1510
  }
1550
1511
  registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */));
1551
1512
  endRegisterStyles();
@@ -1761,6 +1722,40 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
1761
1722
  // Fallback appLoad event
1762
1723
  endBootstrap();
1763
1724
  };
1725
+ const addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
1726
+ if (listeners) {
1727
+ listeners.map(([flags, name, method]) => {
1728
+ const target = getHostListenerTarget(elm, flags) ;
1729
+ const handler = hostListenerProxy(hostRef, method);
1730
+ const opts = hostListenerOpts(flags);
1731
+ plt.ael(target, name, handler, opts);
1732
+ (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
1733
+ });
1734
+ }
1735
+ };
1736
+ const hostListenerProxy = (hostRef, methodName) => (ev) => {
1737
+ try {
1738
+ {
1739
+ if (hostRef.$flags$ & 256 /* HOST_FLAGS.isListenReady */) {
1740
+ // instance is ready, let's call it's member method for this event
1741
+ hostRef.$lazyInstance$[methodName](ev);
1742
+ }
1743
+ else {
1744
+ (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
1745
+ }
1746
+ }
1747
+ }
1748
+ catch (e) {
1749
+ consoleError(e);
1750
+ }
1751
+ };
1752
+ const getHostListenerTarget = (elm, flags) => {
1753
+ if (flags & 8 /* LISTENER_FLAGS.TargetWindow */)
1754
+ return win;
1755
+ return elm;
1756
+ };
1757
+ // prettier-ignore
1758
+ const hostListenerOpts = (flags) => (flags & 2 /* LISTENER_FLAGS.Capture */) !== 0;
1764
1759
  const hostRefs = /*@__PURE__*/ new WeakMap();
1765
1760
  const getHostRef = (ref) => hostRefs.get(ref);
1766
1761
  const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1807,6 +1802,29 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1807
1802
  }, consoleError);
1808
1803
  };
1809
1804
  const styles = /*@__PURE__*/ new Map();
1805
+ const win = typeof window !== 'undefined' ? window : {};
1806
+ const doc = win.document || { head: {} };
1807
+ const plt = {
1808
+ $flags$: 0,
1809
+ $resourcesUrl$: '',
1810
+ jmp: (h) => h(),
1811
+ raf: (h) => requestAnimationFrame(h),
1812
+ ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
1813
+ rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
1814
+ ce: (eventName, opts) => new CustomEvent(eventName, opts),
1815
+ };
1816
+ const supportsShadow = /*@__PURE__*/ (() => (doc.head.attachShadow + '').indexOf('[native') > -1)()
1817
+ ;
1818
+ const promiseResolve = (v) => Promise.resolve(v);
1819
+ const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
1820
+ try {
1821
+ new CSSStyleSheet();
1822
+ return typeof new CSSStyleSheet().replaceSync === 'function';
1823
+ }
1824
+ catch (e) { }
1825
+ return false;
1826
+ })()
1827
+ ;
1810
1828
  const queueDomReads = [];
1811
1829
  const queueDomWrites = [];
1812
1830
  const queueTask = (queue, write) => (cb) => {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
  const index$1 = require('./index-69919a4f.js');
7
7
 
8
8
  const ku4CarouselControlsCss = ":host{position:relative;display:block}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:20px;height:20px;margin:0;padding:0;border:solid 1px #888;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}input[type=radio]:checked:after{content:\"\";position:absolute;top:2px;left:2px;width:14px;height:14px;margin:0;padding:0;border:solid 1px #888;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;background-color:#333}";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
 
7
7
  const ku4CarouselSlideCss = ":host{overflow-x:hidden}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
  const index$1 = require('./index-69919a4f.js');
7
7
  const index$2 = require('./index-3f6b12f6.js');
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
 
7
7
  const ku4ColCss = ":host{position:relative;display:block}@media only screen and (min-width: 1px){:host(.start-xs-0){grid-column-start:1}:host(.start-xs-1){grid-column-start:2}:host(.start-xs-2){grid-column-start:3}:host(.start-xs-3){grid-column-start:4}:host(.start-xs-4){grid-column-start:5}:host(.start-xs-5){grid-column-start:6}:host(.start-xs-6){grid-column-start:7}:host(.start-xs-7){grid-column-start:8}:host(.start-xs-8){grid-column-start:9}:host(.start-xs-9){grid-column-start:10}:host(.start-xs-10){grid-column-start:11}:host(.start-xs-11){grid-column-start:12}:host(.start-xs-12){grid-column-start:13}:host(.span-xs-1){grid-column-end:span 1}:host(.span-xs-2){grid-column-end:span 2}:host(.span-xs-3){grid-column-end:span 3}:host(.span-xs-4){grid-column-end:span 4}:host(.span-xs-5){grid-column-end:span 5}:host(.span-xs-6){grid-column-end:span 6}:host(.span-xs-7){grid-column-end:span 7}:host(.span-xs-8){grid-column-end:span 8}:host(.span-xs-9){grid-column-end:span 9}:host(.span-xs-10){grid-column-end:span 10}:host(.span-xs-11){grid-column-end:span 11}:host(.span-xs-12){grid-column-end:span 12}:host(.order-xs-1){-ms-flex-order:1;order:1}:host(.order-xs-2){-ms-flex-order:2;order:2}:host(.order-xs-3){-ms-flex-order:3;order:3}:host(.order-xs-4){-ms-flex-order:4;order:4}:host(.order-xs-5){-ms-flex-order:5;order:5}:host(.order-xs-6){-ms-flex-order:6;order:6}:host(.order-xs-7){-ms-flex-order:7;order:7}:host(.order-xs-8){-ms-flex-order:8;order:8}:host(.order-xs-9){-ms-flex-order:9;order:9}:host(.order-xs-10){-ms-flex-order:10;order:10}:host(.order-xs-11){-ms-flex-order:11;order:11}:host(.order-xs-12){-ms-flex-order:12;order:12}}@media only screen and (min-width: 768px){:host(.start-sm-0){grid-column-start:1}:host(.start-sm-1){grid-column-start:2}:host(.start-sm-2){grid-column-start:3}:host(.start-sm-3){grid-column-start:4}:host(.start-sm-4){grid-column-start:5}:host(.start-sm-5){grid-column-start:6}:host(.start-sm-6){grid-column-start:7}:host(.start-sm-7){grid-column-start:8}:host(.start-sm-8){grid-column-start:9}:host(.start-sm-9){grid-column-start:10}:host(.start-sm-10){grid-column-start:11}:host(.start-sm-11){grid-column-start:12}:host(.start-sm-12){grid-column-start:13}:host(.span-sm-1){grid-column-end:span 1}:host(.span-sm-2){grid-column-end:span 2}:host(.span-sm-3){grid-column-end:span 3}:host(.span-sm-4){grid-column-end:span 4}:host(.span-sm-5){grid-column-end:span 5}:host(.span-sm-6){grid-column-end:span 6}:host(.span-sm-7){grid-column-end:span 7}:host(.span-sm-8){grid-column-end:span 8}:host(.span-sm-9){grid-column-end:span 9}:host(.span-sm-10){grid-column-end:span 10}:host(.span-sm-11){grid-column-end:span 11}:host(.span-sm-12){grid-column-end:span 12}:host(.order-sm-1){-ms-flex-order:1;order:1}:host(.order-sm-2){-ms-flex-order:2;order:2}:host(.order-sm-3){-ms-flex-order:3;order:3}:host(.order-sm-4){-ms-flex-order:4;order:4}:host(.order-sm-5){-ms-flex-order:5;order:5}:host(.order-sm-6){-ms-flex-order:6;order:6}:host(.order-sm-7){-ms-flex-order:7;order:7}:host(.order-sm-8){-ms-flex-order:8;order:8}:host(.order-sm-9){-ms-flex-order:9;order:9}:host(.order-sm-10){-ms-flex-order:10;order:10}:host(.order-sm-11){-ms-flex-order:11;order:11}:host(.order-sm-12){-ms-flex-order:12;order:12}}@media only screen and (min-width: 992px){:host(.start-md-0){grid-column-start:1}:host(.start-md-1){grid-column-start:2}:host(.start-md-2){grid-column-start:3}:host(.start-md-3){grid-column-start:4}:host(.start-md-4){grid-column-start:5}:host(.start-md-5){grid-column-start:6}:host(.start-md-6){grid-column-start:7}:host(.start-md-7){grid-column-start:8}:host(.start-md-8){grid-column-start:9}:host(.start-md-9){grid-column-start:10}:host(.start-md-10){grid-column-start:11}:host(.start-md-11){grid-column-start:12}:host(.start-md-12){grid-column-start:13}:host(.span-md-1){grid-column-end:span 1}:host(.span-md-2){grid-column-end:span 2}:host(.span-md-3){grid-column-end:span 3}:host(.span-md-4){grid-column-end:span 4}:host(.span-md-5){grid-column-end:span 5}:host(.span-md-6){grid-column-end:span 6}:host(.span-md-7){grid-column-end:span 7}:host(.span-md-8){grid-column-end:span 8}:host(.span-md-9){grid-column-end:span 9}:host(.span-md-10){grid-column-end:span 10}:host(.span-md-11){grid-column-end:span 11}:host(.span-md-12){grid-column-end:span 12}:host(.order-md-1){-ms-flex-order:1;order:1}:host(.order-md-2){-ms-flex-order:2;order:2}:host(.order-md-3){-ms-flex-order:3;order:3}:host(.order-md-4){-ms-flex-order:4;order:4}:host(.order-md-5){-ms-flex-order:5;order:5}:host(.order-md-6){-ms-flex-order:6;order:6}:host(.order-md-7){-ms-flex-order:7;order:7}:host(.order-md-8){-ms-flex-order:8;order:8}:host(.order-md-9){-ms-flex-order:9;order:9}:host(.order-md-10){-ms-flex-order:10;order:10}:host(.order-md-11){-ms-flex-order:11;order:11}:host(.order-md-12){-ms-flex-order:12;order:12}}@media only screen and (min-width: 1200px){:host(.start-lg-0){grid-column-start:1}:host(.start-lg-1){grid-column-start:2}:host(.start-lg-2){grid-column-start:3}:host(.start-lg-3){grid-column-start:4}:host(.start-lg-4){grid-column-start:5}:host(.start-lg-5){grid-column-start:6}:host(.start-lg-6){grid-column-start:7}:host(.start-lg-7){grid-column-start:8}:host(.start-lg-8){grid-column-start:9}:host(.start-lg-9){grid-column-start:10}:host(.start-lg-10){grid-column-start:11}:host(.start-lg-11){grid-column-start:12}:host(.start-lg-12){grid-column-start:13}:host(.span-lg-1){grid-column-end:span 1}:host(.span-lg-2){grid-column-end:span 2}:host(.span-lg-3){grid-column-end:span 3}:host(.span-lg-4){grid-column-end:span 4}:host(.span-lg-5){grid-column-end:span 5}:host(.span-lg-6){grid-column-end:span 6}:host(.span-lg-7){grid-column-end:span 7}:host(.span-lg-8){grid-column-end:span 8}:host(.span-lg-9){grid-column-end:span 9}:host(.span-lg-10){grid-column-end:span 10}:host(.span-lg-11){grid-column-end:span 11}:host(.span-lg-12){grid-column-end:span 12}:host(.order-lg-1){-ms-flex-order:1;order:1}:host(.order-lg-2){-ms-flex-order:2;order:2}:host(.order-lg-3){-ms-flex-order:3;order:3}:host(.order-lg-4){-ms-flex-order:4;order:4}:host(.order-lg-5){-ms-flex-order:5;order:5}:host(.order-lg-6){-ms-flex-order:6;order:6}:host(.order-lg-7){-ms-flex-order:7;order:7}:host(.order-lg-8){-ms-flex-order:8;order:8}:host(.order-lg-9){-ms-flex-order:9;order:9}:host(.order-lg-10){-ms-flex-order:10;order:10}:host(.order-lg-11){-ms-flex-order:11;order:11}:host(.order-lg-12){-ms-flex-order:12;order:12}}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
 
7
7
  const ku4DrawerCss = ":host{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;z-index:1}:host([top]),:host([bottom]){width:100%;height:0;-webkit-transition:height 0.4s;transition:height 0.4s}:host([left]),:host([right]){width:0;height:100%;-webkit-transition:width 0.4s;transition:width 0.4s}:host([top][open]),:host([bottom][open]){height:100%}:host([left][open]),:host([right][open]){width:100%}:host([top][open=false]),:host([bottom][open=false]){height:0}:host([left][open=false]),:host([right][open=false]){width:0}:host([top]),:host([left]){top:0;left:0}:host([bottom]){left:0;bottom:0}:host([right]){right:0;bottom:0}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
  const index$1 = require('./index-69919a4f.js');
7
7
 
8
8
  const Ku4Feature = class {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
  const index$1 = require('./index-69919a4f.js');
7
7
  const index$2 = require('./index-3f6b12f6.js');
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
  const index$2 = require('./index-69919a4f.js');
7
7
  const index$1 = require('./index-3f6b12f6.js');
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
 
7
7
  const ku4GridCss = ":host{position:relative;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (min-width: 1px){:host(.columns-xs-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-xs-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-xs-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-xs-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-xs-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-xs-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-xs-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-xs-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-xs-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-xs-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-xs-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-xs-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-xs-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-xs-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-xs-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-xs-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-xs-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-xs-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-xs-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-xs-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-xs-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-xs-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-xs-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-xs-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-xs-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-xs-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-xs-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-xs-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-xs-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-xs-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-xs-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-xs-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-xs-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-xs-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-xs, 6px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-xs, 6px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-xs, 6px)}}@media only screen and (min-width: 768px){:host(.columns-sm-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-sm-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-sm-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-sm-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-sm-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-sm-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-sm-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-sm-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-sm-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-sm-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-sm-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-sm-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-sm-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-sm-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-sm-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-sm-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-sm-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-sm-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-sm-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-sm-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-sm-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-sm-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-sm-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-sm-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-sm-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-sm-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-sm-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-sm-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-sm-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-sm-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-sm-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-sm-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-sm-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-sm-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-sm, 10px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-sm, 10px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-sm, 10px)}}@media only screen and (min-width: 992px){:host(.columns-md-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-md-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-md-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-md-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-md-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-md-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-md-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-md-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-md-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-md-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-md-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-md-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-md-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-md-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-md-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-md-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-md-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-md-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-md-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-md-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-md-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-md-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-md-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-md-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-md-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-md-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-md-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-md-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-md-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-md-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-md-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-md-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-md-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-md-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-md, 12px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-md, 12px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-md, 12px)}}@media only screen and (min-width: 1200px){:host(.columns-lg-1){display:grid;grid-template-columns:repeat(auto-fill, minmax(100%, auto));margin-bottom:0}:host(.columns-lg-2){display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, auto));margin-bottom:0}:host(.columns-lg-3){display:grid;grid-template-columns:repeat(auto-fill, minmax(33.3333333333%, auto));margin-bottom:0}:host(.columns-lg-4){display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, auto));margin-bottom:0}:host(.columns-lg-5){display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, auto));margin-bottom:0}:host(.columns-lg-6){display:grid;grid-template-columns:repeat(auto-fill, minmax(16.6666666667%, auto));margin-bottom:0}:host(.columns-lg-7){display:grid;grid-template-columns:repeat(auto-fill, minmax(14.2857142857%, auto));margin-bottom:0}:host(.columns-lg-8){display:grid;grid-template-columns:repeat(auto-fill, minmax(12.5%, auto));margin-bottom:0}:host(.columns-lg-9){display:grid;grid-template-columns:repeat(auto-fill, minmax(11.1111111111%, auto));margin-bottom:0}:host(.columns-lg-10){display:grid;grid-template-columns:repeat(auto-fill, minmax(10%, auto));margin-bottom:0}:host(.columns-lg-11){display:grid;grid-template-columns:repeat(auto-fill, minmax(9.0909090909%, auto));margin-bottom:0}:host(.columns-lg-12){display:grid;grid-template-columns:repeat(auto-fill, minmax(8.3333333333%, auto));margin-bottom:0}:host(.columns-lg-13){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.6923076923%, auto));margin-bottom:0}:host(.columns-lg-14){display:grid;grid-template-columns:repeat(auto-fill, minmax(7.1428571429%, auto));margin-bottom:0}:host(.columns-lg-15){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.6666666667%, auto));margin-bottom:0}:host(.columns-lg-16){display:grid;grid-template-columns:repeat(auto-fill, minmax(6.25%, auto));margin-bottom:0}:host(.offset-left-lg-0){padding-left:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-left-lg-1){padding-left:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-left-lg-2){padding-left:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-left-lg-3){padding-left:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-left-lg-4){padding-left:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-left-lg-5){padding-left:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-right-lg-0){padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-right-lg-1){padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-right-lg-2){padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-right-lg-3){padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-right-lg-4){padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-right-lg-5){padding-right:calc(((100% + 8.33px) / 12) * 5)}:host(.offset-lg-0){padding-left:calc(((100% + 8.33px) / 12) * 0);padding-right:calc(((100% + 8.33px) / 12) * 0)}:host(.offset-lg-1){padding-left:calc(((100% + 8.33px) / 12) * 1);padding-right:calc(((100% + 8.33px) / 12) * 1)}:host(.offset-lg-2){padding-left:calc(((100% + 8.33px) / 12) * 2);padding-right:calc(((100% + 8.33px) / 12) * 2)}:host(.offset-lg-3){padding-left:calc(((100% + 8.33px) / 12) * 3);padding-right:calc(((100% + 8.33px) / 12) * 3)}:host(.offset-lg-4){padding-left:calc(((100% + 8.33px) / 12) * 4);padding-right:calc(((100% + 8.33px) / 12) * 4)}:host(.offset-lg-5){padding-left:calc(((100% + 8.33px) / 12) * 5);padding-right:calc(((100% + 8.33px) / 12) * 5)}:host{margin-bottom:calc(-1 * var(--ku4-grid-row-gutter-lg, 16px))}:host::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-lg, 16px)}:host ::slotted(*){margin-bottom:var(--ku4-grid-row-gutter-lg, 16px)}}::slotted(*){margin-left:var(--ku4-grid-column-gutter, 15px);margin-right:var(--ku4-grid-column-gutter, 15px)}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
  const index$1 = require('./index-69919a4f.js');
7
7
 
8
8
  const ku4LabelCss = ":host{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;line-height:14px}::slotted(*){padding:6px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;font-size:18px;-webkit-appearance:none}label{position:absolute;display:var(--ku4-label-display, inline);top:var(--ku4-label-top, -6px);left:var(--ku4-label-left, 8px);padding:var(--ku4-label-padding, 0 4px);font-size:inherit;line-height:inherit;background-color:var(--ku4-label-background-color, inherit);-webkit-backdrop-filter:var(--ku4-label-backdrop-filter, inherit);backdrop-filter:var(--ku4-label-backdrop-filter, inherit);color:inherit;z-index:1;white-space:nowrap;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}label.empty{opacity:0;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
  const index$1 = require('./index-69919a4f.js');
7
7
 
8
8
  const ku4MaskCss = ":host{display:none}";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
  const index$2 = require('./index-69919a4f.js');
7
7
  const index$1 = require('./index-3f6b12f6.js');
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-d4518258.js');
5
+ const index = require('./index-15875e65.js');
6
6
 
7
7
  const ku4PanelCss = ":host{-webkit-backface-visibility:hidden;display:block;width:100%;height:auto;max-height:0;-webkit-transition:max-height 0.4s, padding 0.6s;transition:max-height 0.4s, padding 0.6s;overflow:hidden}:host([open]){padding-top:inherit;padding-bottom:inherit}";
8
8