@swisspost/design-system-components 7.1.0 → 7.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/dist/cjs/{index-de783b23.js → index-49177437.js} +269 -222
  2. package/dist/cjs/index.cjs.js +16 -16
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/{package-dacf5ec2.js → package-198f981b.js} +1 -1
  5. package/dist/cjs/{post-accordion-225de951.js → post-accordion-f81a31b2.js} +2 -2
  6. package/dist/cjs/{post-accordion-item-935e122a.js → post-accordion-item-994583fc.js} +2 -2
  7. package/dist/cjs/post-accordion-item.cjs.entry.js +3 -3
  8. package/dist/cjs/post-accordion.cjs.entry.js +3 -3
  9. package/dist/cjs/{post-alert-6041a34c.js → post-alert-b160762a.js} +3 -3
  10. package/dist/cjs/post-alert.cjs.entry.js +3 -3
  11. package/dist/cjs/{post-card-control-3c089d8e.js → post-card-control-5f309278.js} +5 -4
  12. package/dist/cjs/post-card-control.cjs.entry.js +3 -3
  13. package/dist/cjs/{post-collapsible-562268e9.js → post-collapsible-bf63b152.js} +4 -4
  14. package/dist/cjs/post-collapsible.cjs.entry.js +3 -3
  15. package/dist/cjs/post-components.cjs.js +3 -3
  16. package/dist/cjs/{post-icon-973d5c46.js → post-icon-e5af0dff.js} +2 -2
  17. package/dist/cjs/post-icon.cjs.entry.js +3 -3
  18. package/dist/cjs/{post-popover-b0844e71.js → post-popover-bb1cf2dc.js} +2 -2
  19. package/dist/cjs/post-popover.cjs.entry.js +3 -3
  20. package/dist/cjs/{post-popovercontainer-5bb6a804.js → post-popovercontainer-814f2053.js} +31 -22
  21. package/dist/cjs/post-popovercontainer.cjs.entry.js +3 -3
  22. package/dist/cjs/{post-rating-d2845096.js → post-rating-7e29df2c.js} +2 -2
  23. package/dist/cjs/post-rating.cjs.entry.js +3 -3
  24. package/dist/cjs/post-tab-header-1d896a9b.js +32 -0
  25. package/dist/cjs/post-tab-header.cjs.entry.js +3 -3
  26. package/dist/cjs/{post-tab-panel-25bd8c74.js → post-tab-panel-47481b1e.js} +2 -2
  27. package/dist/cjs/post-tab-panel.cjs.entry.js +3 -3
  28. package/dist/cjs/{post-tabs-4e4ee252.js → post-tabs-35d27649.js} +3 -3
  29. package/dist/cjs/post-tabs.cjs.entry.js +3 -3
  30. package/dist/cjs/{post-tag-cbc458ed.js → post-tag-27049429.js} +2 -2
  31. package/dist/cjs/post-tag.cjs.entry.js +3 -3
  32. package/dist/cjs/{post-tooltip-805bc0c0.js → post-tooltip-95c1e078.js} +4 -4
  33. package/dist/cjs/post-tooltip.cjs.entry.js +3 -3
  34. package/dist/collection/collection-manifest.json +1 -1
  35. package/dist/collection/components/post-alert/post-alert.js +1 -1
  36. package/dist/collection/components/post-card-control/post-card-control.js +3 -2
  37. package/dist/collection/components/post-collapsible/post-collapsible.js +3 -4
  38. package/dist/collection/components/post-popover/post-popover.js +1 -1
  39. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +1 -1
  40. package/dist/collection/components/post-tab-header/post-tab-header.css +1 -1
  41. package/dist/collection/components/post-tabs/post-tabs.js +3 -1
  42. package/dist/collection/components/post-tooltip/post-tooltip.js +3 -3
  43. package/dist/components/package.js +1 -1
  44. package/dist/components/post-alert2.js +1 -1
  45. package/dist/components/post-card-control2.js +3 -2
  46. package/dist/components/post-collapsible2.js +2 -3
  47. package/dist/components/post-popovercontainer2.js +29 -20
  48. package/dist/components/post-tab-header2.js +1 -1
  49. package/dist/components/post-tabs2.js +1 -1
  50. package/dist/components/post-tooltip2.js +2 -2
  51. package/dist/docs.json +25 -8
  52. package/dist/esm/{index-cf1d5611.js → index-b40b8259.js} +269 -222
  53. package/dist/esm/index.js +16 -16
  54. package/dist/esm/loader.js +3 -3
  55. package/dist/esm/{package-a837c1ad.js → package-baed1bbc.js} +1 -1
  56. package/dist/esm/{post-accordion-fdd22c1d.js → post-accordion-63757789.js} +2 -2
  57. package/dist/esm/{post-accordion-item-336f568c.js → post-accordion-item-ff713ffa.js} +2 -2
  58. package/dist/esm/post-accordion-item.entry.js +3 -3
  59. package/dist/esm/post-accordion.entry.js +3 -3
  60. package/dist/esm/{post-alert-f48527d8.js → post-alert-90030a07.js} +3 -3
  61. package/dist/esm/post-alert.entry.js +3 -3
  62. package/dist/esm/{post-card-control-3e6a5855.js → post-card-control-a77d7957.js} +5 -4
  63. package/dist/esm/post-card-control.entry.js +3 -3
  64. package/dist/esm/{post-collapsible-486ab980.js → post-collapsible-2fd13f4e.js} +4 -4
  65. package/dist/esm/post-collapsible.entry.js +3 -3
  66. package/dist/esm/post-components.js +4 -4
  67. package/dist/esm/{post-icon-19fdfc4d.js → post-icon-725a0fba.js} +2 -2
  68. package/dist/esm/post-icon.entry.js +3 -3
  69. package/dist/esm/{post-popover-17164186.js → post-popover-23ed2cdf.js} +2 -2
  70. package/dist/esm/post-popover.entry.js +3 -3
  71. package/dist/esm/{post-popovercontainer-d19f9646.js → post-popovercontainer-f5625d65.js} +31 -22
  72. package/dist/esm/post-popovercontainer.entry.js +3 -3
  73. package/dist/esm/{post-rating-ea204778.js → post-rating-0bfc12ec.js} +2 -2
  74. package/dist/esm/post-rating.entry.js +3 -3
  75. package/dist/esm/post-tab-header-5be0820b.js +30 -0
  76. package/dist/esm/post-tab-header.entry.js +3 -3
  77. package/dist/esm/{post-tab-panel-e6999395.js → post-tab-panel-a2a06c2d.js} +2 -2
  78. package/dist/esm/post-tab-panel.entry.js +3 -3
  79. package/dist/esm/{post-tabs-524c699a.js → post-tabs-c1cf60cd.js} +3 -3
  80. package/dist/esm/post-tabs.entry.js +3 -3
  81. package/dist/esm/{post-tag-e2035a81.js → post-tag-1158169f.js} +2 -2
  82. package/dist/esm/post-tag.entry.js +3 -3
  83. package/dist/esm/{post-tooltip-e4fc9c0c.js → post-tooltip-966fde7a.js} +4 -4
  84. package/dist/esm/post-tooltip.entry.js +3 -3
  85. package/dist/post-components/index.esm.js +1 -1
  86. package/dist/post-components/p-09c9ec65.entry.js +1 -0
  87. package/dist/post-components/p-105f8fe5.entry.js +1 -0
  88. package/dist/post-components/p-11e13d7d.js +1 -0
  89. package/dist/post-components/p-1d351eda.js +2 -0
  90. package/dist/post-components/p-408e8d5c.entry.js +1 -0
  91. package/dist/post-components/{p-c85913ed.js → p-40cbd3a9.js} +3 -3
  92. package/dist/post-components/p-418e4351.entry.js +1 -0
  93. package/dist/post-components/{p-e929ddbc.js → p-41bd4480.js} +1 -1
  94. package/dist/post-components/{p-d2eb0f0b.js → p-4f16eac0.js} +1 -1
  95. package/dist/post-components/p-6fa5a17d.js +1 -0
  96. package/dist/post-components/p-803678de.entry.js +1 -0
  97. package/dist/post-components/p-8ba9721a.entry.js +1 -0
  98. package/dist/post-components/p-92636363.js +1 -0
  99. package/dist/post-components/p-9ac48e84.entry.js +1 -0
  100. package/dist/post-components/p-9c5b9e7c.entry.js +1 -0
  101. package/dist/post-components/{p-ed22dec0.js → p-9c842093.js} +1 -1
  102. package/dist/post-components/{p-2f4c40ee.js → p-b3a7e242.js} +1 -1
  103. package/dist/post-components/p-b5f6a7b5.entry.js +1 -0
  104. package/dist/post-components/p-b675a470.entry.js +1 -0
  105. package/dist/post-components/p-ba275788.entry.js +1 -0
  106. package/dist/post-components/p-c2906b17.js +1 -0
  107. package/dist/post-components/{p-4575a570.js → p-c3e6894d.js} +1 -1
  108. package/dist/post-components/{p-67df1075.js → p-cbca927d.js} +1 -1
  109. package/dist/post-components/p-ce4fff0a.js +1 -0
  110. package/dist/post-components/p-daf27e9c.entry.js +1 -0
  111. package/dist/post-components/{p-3b0988a1.js → p-f11cb5ab.js} +1 -1
  112. package/dist/post-components/p-f4b64493.entry.js +1 -0
  113. package/dist/post-components/p-f665b245.entry.js +1 -0
  114. package/dist/post-components/p-f80d0c5f.js +1 -0
  115. package/dist/post-components/p-fa1125d9.js +1 -0
  116. package/dist/post-components/post-components.esm.js +1 -1
  117. package/dist/types/components/post-collapsible/post-collapsible.d.ts +1 -1
  118. package/dist/types/components/post-tabs/post-tabs.d.ts +2 -0
  119. package/dist/types/components/post-tooltip/post-tooltip.d.ts +1 -1
  120. package/dist/types/stencil-public-runtime.d.ts +3 -10
  121. package/loader/cdn.js +1 -3
  122. package/loader/index.cjs.js +1 -3
  123. package/loader/index.d.ts +3 -0
  124. package/loader/index.es2017.js +1 -3
  125. package/loader/index.js +1 -3
  126. package/package.json +11 -11
  127. package/dist/cjs/post-tab-header-6496a51b.js +0 -32
  128. package/dist/collection/index.spec.js +0 -27
  129. package/dist/esm/polyfills/core-js.js +0 -11
  130. package/dist/esm/polyfills/dom.js +0 -79
  131. package/dist/esm/polyfills/es5-html-element.js +0 -1
  132. package/dist/esm/polyfills/index.js +0 -34
  133. package/dist/esm/polyfills/system.js +0 -6
  134. package/dist/esm/post-tab-header-a97cdef2.js +0 -30
  135. package/dist/post-components/p-07cc4853.entry.js +0 -1
  136. package/dist/post-components/p-0e410cec.entry.js +0 -1
  137. package/dist/post-components/p-14e22434.entry.js +0 -1
  138. package/dist/post-components/p-18a2ef27.js +0 -1
  139. package/dist/post-components/p-18b571e3.js +0 -2
  140. package/dist/post-components/p-39a1dcb8.entry.js +0 -1
  141. package/dist/post-components/p-3ee18d14.entry.js +0 -1
  142. package/dist/post-components/p-59da0b80.js +0 -1
  143. package/dist/post-components/p-63277771.entry.js +0 -1
  144. package/dist/post-components/p-74db9b35.entry.js +0 -1
  145. package/dist/post-components/p-7bb79254.entry.js +0 -1
  146. package/dist/post-components/p-8398de7b.entry.js +0 -1
  147. package/dist/post-components/p-9a59f2c7.js +0 -1
  148. package/dist/post-components/p-c4a7208a.js +0 -1
  149. package/dist/post-components/p-caaa5b4c.entry.js +0 -1
  150. package/dist/post-components/p-cf10d355.js +0 -1
  151. package/dist/post-components/p-d1f516dd.js +0 -1
  152. package/dist/post-components/p-d70f33cd.js +0 -1
  153. package/dist/post-components/p-da049db2.entry.js +0 -1
  154. package/dist/post-components/p-db114d1d.entry.js +0 -1
  155. package/dist/post-components/p-ebb54756.entry.js +0 -1
  156. package/dist/post-components/p-f5d8f3fe.entry.js +0 -1
@@ -1,13 +1,210 @@
1
1
  const NAMESPACE = 'post-components';
2
+ const BUILD = /* post-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
2
3
 
3
4
  /*
4
- Stencil Client Platform v4.18.0 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.19.1 | MIT Licensed | https://stenciljs.com
5
6
  */
6
7
  var __defProp = Object.defineProperty;
7
8
  var __export = (target, all) => {
8
9
  for (var name in all)
9
10
  __defProp(target, name, { get: all[name], enumerable: true });
10
11
  };
12
+ var hostRefs = /* @__PURE__ */ new WeakMap();
13
+ var getHostRef = (ref) => hostRefs.get(ref);
14
+ var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
15
+ var registerHost = (hostElement, cmpMeta) => {
16
+ const hostRef = {
17
+ $flags$: 0,
18
+ $hostElement$: hostElement,
19
+ $cmpMeta$: cmpMeta,
20
+ $instanceValues$: /* @__PURE__ */ new Map()
21
+ };
22
+ {
23
+ hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
24
+ }
25
+ {
26
+ hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
27
+ hostElement["s-p"] = [];
28
+ hostElement["s-rc"] = [];
29
+ }
30
+ return hostRefs.set(hostElement, hostRef);
31
+ };
32
+ var isMemberInElement = (elm, memberName) => memberName in elm;
33
+ var consoleError = (e, el) => (0, console.error)(e, el);
34
+
35
+ // src/client/client-load-module.ts
36
+ var cmpModules = /* @__PURE__ */ new Map();
37
+ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
38
+ const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
39
+ const bundleId = cmpMeta.$lazyBundleId$;
40
+ if (!bundleId) {
41
+ return void 0;
42
+ }
43
+ const module = cmpModules.get(bundleId) ;
44
+ if (module) {
45
+ return module[exportName];
46
+ }
47
+
48
+ if (!hmrVersionId || !BUILD.hotModuleReplacement) {
49
+ const processMod = importedModule => {
50
+ cmpModules.set(bundleId, importedModule);
51
+ return importedModule[exportName];
52
+ }
53
+ switch(bundleId) {
54
+
55
+ case 'post-accordion':
56
+ return import(
57
+ /* webpackMode: "lazy" */
58
+ './post-accordion.entry.js').then(processMod, consoleError);
59
+ case 'post-accordion-item':
60
+ return import(
61
+ /* webpackMode: "lazy" */
62
+ './post-accordion-item.entry.js').then(processMod, consoleError);
63
+ case 'post-alert':
64
+ return import(
65
+ /* webpackMode: "lazy" */
66
+ './post-alert.entry.js').then(processMod, consoleError);
67
+ case 'post-card-control':
68
+ return import(
69
+ /* webpackMode: "lazy" */
70
+ './post-card-control.entry.js').then(processMod, consoleError);
71
+ case 'post-popover':
72
+ return import(
73
+ /* webpackMode: "lazy" */
74
+ './post-popover.entry.js').then(processMod, consoleError);
75
+ case 'post-rating':
76
+ return import(
77
+ /* webpackMode: "lazy" */
78
+ './post-rating.entry.js').then(processMod, consoleError);
79
+ case 'post-tab-header':
80
+ return import(
81
+ /* webpackMode: "lazy" */
82
+ './post-tab-header.entry.js').then(processMod, consoleError);
83
+ case 'post-tab-panel':
84
+ return import(
85
+ /* webpackMode: "lazy" */
86
+ './post-tab-panel.entry.js').then(processMod, consoleError);
87
+ case 'post-tabs':
88
+ return import(
89
+ /* webpackMode: "lazy" */
90
+ './post-tabs.entry.js').then(processMod, consoleError);
91
+ case 'post-tag':
92
+ return import(
93
+ /* webpackMode: "lazy" */
94
+ './post-tag.entry.js').then(processMod, consoleError);
95
+ case 'post-tooltip':
96
+ return import(
97
+ /* webpackMode: "lazy" */
98
+ './post-tooltip.entry.js').then(processMod, consoleError);
99
+ case 'post-collapsible':
100
+ return import(
101
+ /* webpackMode: "lazy" */
102
+ './post-collapsible.entry.js').then(processMod, consoleError);
103
+ case 'post-popovercontainer':
104
+ return import(
105
+ /* webpackMode: "lazy" */
106
+ './post-popovercontainer.entry.js').then(processMod, consoleError);
107
+ case 'post-icon':
108
+ return import(
109
+ /* webpackMode: "lazy" */
110
+ './post-icon.entry.js').then(processMod, consoleError);
111
+ }
112
+ }
113
+ return import(
114
+ /* @vite-ignore */
115
+ /* webpackInclude: /\.entry\.js$/ */
116
+ /* webpackExclude: /\.system\.entry\.js$/ */
117
+ /* webpackMode: "lazy" */
118
+ `./${bundleId}.entry.js${""}`
119
+ ).then((importedModule) => {
120
+ {
121
+ cmpModules.set(bundleId, importedModule);
122
+ }
123
+ return importedModule[exportName];
124
+ }, consoleError);
125
+ };
126
+
127
+ // src/client/client-style.ts
128
+ var styles = /* @__PURE__ */ new Map();
129
+ var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
130
+ var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
131
+ var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
132
+ "formAssociatedCallback",
133
+ "formResetCallback",
134
+ "formDisabledCallback",
135
+ "formStateRestoreCallback"
136
+ ];
137
+ var win = typeof window !== "undefined" ? window : {};
138
+ var doc = win.document || { head: {} };
139
+ var plt = {
140
+ $flags$: 0,
141
+ $resourcesUrl$: "",
142
+ jmp: (h2) => h2(),
143
+ raf: (h2) => requestAnimationFrame(h2),
144
+ ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
145
+ rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
146
+ ce: (eventName, opts) => new CustomEvent(eventName, opts)
147
+ };
148
+ var supportsListenerOptions = /* @__PURE__ */ (() => {
149
+ let supportsListenerOptions2 = false;
150
+ try {
151
+ doc.addEventListener(
152
+ "e",
153
+ null,
154
+ Object.defineProperty({}, "passive", {
155
+ get() {
156
+ supportsListenerOptions2 = true;
157
+ }
158
+ })
159
+ );
160
+ } catch (e) {
161
+ }
162
+ return supportsListenerOptions2;
163
+ })();
164
+ var promiseResolve = (v) => Promise.resolve(v);
165
+ var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
166
+ try {
167
+ new CSSStyleSheet();
168
+ return typeof new CSSStyleSheet().replaceSync === "function";
169
+ } catch (e) {
170
+ }
171
+ return false;
172
+ })() ;
173
+ var queuePending = false;
174
+ var queueDomReads = [];
175
+ var queueDomWrites = [];
176
+ var queueTask = (queue, write) => (cb) => {
177
+ queue.push(cb);
178
+ if (!queuePending) {
179
+ queuePending = true;
180
+ if (write && plt.$flags$ & 4 /* queueSync */) {
181
+ nextTick(flush);
182
+ } else {
183
+ plt.raf(flush);
184
+ }
185
+ }
186
+ };
187
+ var consume = (queue) => {
188
+ for (let i2 = 0; i2 < queue.length; i2++) {
189
+ try {
190
+ queue[i2](performance.now());
191
+ } catch (e) {
192
+ consoleError(e);
193
+ }
194
+ }
195
+ queue.length = 0;
196
+ };
197
+ var flush = () => {
198
+ consume(queueDomReads);
199
+ {
200
+ consume(queueDomWrites);
201
+ if (queuePending = queueDomReads.length > 0) {
202
+ plt.raf(flush);
203
+ }
204
+ }
205
+ };
206
+ var nextTick = (cb) => promiseResolve().then(cb);
207
+ var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
11
208
 
12
209
  // src/utils/constants.ts
13
210
  var EMPTY_OBJ = {};
@@ -87,14 +284,6 @@ var uniqueTime = (key, measureText) => {
87
284
  };
88
285
  }
89
286
  };
90
- var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
91
- var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
92
- var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
93
- "formAssociatedCallback",
94
- "formResetCallback",
95
- "formDisabledCallback",
96
- "formStateRestoreCallback"
97
- ];
98
287
  var h = (nodeName, vnodeData, ...children) => {
99
288
  let child = null;
100
289
  let key = null;
@@ -249,12 +438,13 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
249
438
  };
250
439
  var addStyle = (styleContainerNode, cmpMeta, mode) => {
251
440
  var _a;
441
+ const styleContainerDocument = styleContainerNode;
252
442
  const scopeId2 = getScopeId(cmpMeta);
253
443
  const style = styles.get(scopeId2);
254
444
  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
255
445
  if (style) {
256
446
  if (typeof style === "string") {
257
- styleContainerNode = styleContainerNode.head || styleContainerNode;
447
+ styleContainerNode = styleContainerDocument.head || styleContainerNode;
258
448
  let appliedStyles = rootAppliedStyles.get(styleContainerNode);
259
449
  let styleElm;
260
450
  if (!appliedStyles) {
@@ -277,8 +467,8 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
277
467
  appliedStyles.add(scopeId2);
278
468
  }
279
469
  }
280
- } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
281
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
470
+ } else if (!styleContainerDocument.adoptedStyleSheets.includes(style)) {
471
+ styleContainerDocument.adoptedStyleSheets = [...styleContainerDocument.adoptedStyleSheets, style];
282
472
  }
283
473
  }
284
474
  return scopeId2;
@@ -428,7 +618,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
428
618
  elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
429
619
  } else {
430
620
  elm = newVNode2.$elm$ = doc.createElement(
431
- newVNode2.$tag$
621
+ !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
432
622
  );
433
623
  {
434
624
  updateElement(null, newVNode2, isSvgMode);
@@ -459,7 +649,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
459
649
  childNode = createElm(null, parentVNode, startIdx);
460
650
  if (childNode) {
461
651
  vnodes[startIdx].$elm$ = childNode;
462
- containerElm.insertBefore(childNode, before);
652
+ insertBefore(containerElm, childNode, before);
463
653
  }
464
654
  }
465
655
  }
@@ -508,12 +698,12 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
508
698
  newEndVnode = newCh[--newEndIdx];
509
699
  } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
510
700
  patch(oldStartVnode, newEndVnode, isInitialRender);
511
- parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
701
+ insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
512
702
  oldStartVnode = oldCh[++oldStartIdx];
513
703
  newEndVnode = newCh[--newEndIdx];
514
704
  } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
515
705
  patch(oldEndVnode, newStartVnode, isInitialRender);
516
- parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
706
+ insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
517
707
  oldEndVnode = oldCh[--oldEndIdx];
518
708
  newStartVnode = newCh[++newStartIdx];
519
709
  } else {
@@ -542,7 +732,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
542
732
  }
543
733
  if (node) {
544
734
  {
545
- oldStartVnode.$elm$.parentNode.insertBefore(node, oldStartVnode.$elm$);
735
+ insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
546
736
  }
547
737
  }
548
738
  }
@@ -601,6 +791,10 @@ var nullifyVNodeRefs = (vNode) => {
601
791
  vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
602
792
  }
603
793
  };
794
+ var insertBefore = (parent, newNode, reference) => {
795
+ const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
796
+ return inserted;
797
+ };
604
798
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
605
799
  const hostElm = hostRef.$hostElement$;
606
800
  const cmpMeta = hostRef.$cmpMeta$;
@@ -644,8 +838,14 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
644
838
  return writeTask(dispatch) ;
645
839
  };
646
840
  var dispatchHooks = (hostRef, isInitialLoad) => {
841
+ const elm = hostRef.$hostElement$;
647
842
  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
648
843
  const instance = hostRef.$lazyInstance$ ;
844
+ if (!instance) {
845
+ throw new Error(
846
+ `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
847
+ );
848
+ }
649
849
  let maybePromise;
650
850
  if (isInitialLoad) {
651
851
  {
@@ -665,7 +865,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
665
865
  endSchedule();
666
866
  return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
667
867
  };
668
- var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn) : fn();
868
+ var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
869
+ console.error(err2);
870
+ fn();
871
+ }) : fn();
669
872
  var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
670
873
  var updateComponent = async (hostRef, instance, isInitialLoad) => {
671
874
  var _a;
@@ -775,12 +978,20 @@ var safeCall = (instance, method, arg) => {
775
978
  }
776
979
  return void 0;
777
980
  };
778
- var addHydratedFlag = (elm) => elm.classList.add("hydrated") ;
981
+ var addHydratedFlag = (elm) => {
982
+ var _a;
983
+ return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
984
+ };
779
985
 
780
986
  // src/runtime/set-value.ts
781
987
  var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
782
988
  var setValue = (ref, propName, newVal, cmpMeta) => {
783
989
  const hostRef = getHostRef(ref);
990
+ if (!hostRef) {
991
+ throw new Error(
992
+ `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
993
+ );
994
+ }
784
995
  const elm = hostRef.$hostElement$ ;
785
996
  const oldVal = hostRef.$instanceValues$.get(propName);
786
997
  const flags = hostRef.$flags$;
@@ -812,7 +1023,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
812
1023
 
813
1024
  // src/runtime/proxy-component.ts
814
1025
  var proxyComponent = (Cstr, cmpMeta, flags) => {
815
- var _a;
1026
+ var _a, _b;
816
1027
  const prototype = Cstr.prototype;
817
1028
  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
818
1029
  FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach(
@@ -833,11 +1044,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
833
1044
  })
834
1045
  );
835
1046
  }
836
- if (cmpMeta.$members$) {
837
- if (Cstr.watchers) {
1047
+ if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
1048
+ if (Cstr.watchers && !cmpMeta.$watchers$) {
838
1049
  cmpMeta.$watchers$ = Cstr.watchers;
839
1050
  }
840
- const members = Object.entries(cmpMeta.$members$);
1051
+ const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
841
1052
  members.map(([memberName, [memberFlags]]) => {
842
1053
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
843
1054
  Object.defineProperty(prototype, memberName, {
@@ -893,7 +1104,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
893
1104
  };
894
1105
  Cstr.observedAttributes = Array.from(
895
1106
  /* @__PURE__ */ new Set([
896
- ...Object.keys((_a = cmpMeta.$watchers$) != null ? _a : {}),
1107
+ ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
897
1108
  ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
898
1109
  const attrName = m[1] || propName;
899
1110
  attrNameToPropName.set(attrName, propName);
@@ -913,11 +1124,16 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
913
1124
  hostRef.$flags$ |= 32 /* hasInitializedComponent */;
914
1125
  const bundleId = cmpMeta.$lazyBundleId$;
915
1126
  if (bundleId) {
916
- Cstr = loadModule(cmpMeta);
917
- if (Cstr.then) {
1127
+ const CstrImport = loadModule(cmpMeta);
1128
+ if (CstrImport && "then" in CstrImport) {
918
1129
  const endLoad = uniqueTime();
919
- Cstr = await Cstr;
1130
+ Cstr = await CstrImport;
920
1131
  endLoad();
1132
+ } else {
1133
+ Cstr = CstrImport;
1134
+ }
1135
+ if (!Cstr) {
1136
+ throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
921
1137
  }
922
1138
  if (!Cstr.isProxied) {
923
1139
  {
@@ -945,10 +1161,14 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
945
1161
  fireConnectedCallback(hostRef.$lazyInstance$);
946
1162
  } else {
947
1163
  Cstr = elm.constructor;
948
- customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1164
+ const cmpTag = elm.localName;
1165
+ customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
949
1166
  }
950
- if (Cstr.style) {
951
- let style = Cstr.style;
1167
+ if (Cstr && Cstr.style) {
1168
+ let style;
1169
+ if (typeof Cstr.style === "string") {
1170
+ style = Cstr.style;
1171
+ }
952
1172
  const scopeId2 = getScopeId(cmpMeta);
953
1173
  if (!styles.has(scopeId2)) {
954
1174
  const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
@@ -1075,17 +1295,31 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1075
1295
  // StencilLazyHost
1076
1296
  constructor(self) {
1077
1297
  super(self);
1298
+ this.hasRegisteredEventListeners = false;
1078
1299
  self = this;
1079
1300
  registerHost(self, cmpMeta);
1080
1301
  if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
1081
1302
  {
1082
- {
1083
- self.attachShadow({ mode: "open" });
1303
+ if (!self.shadowRoot) {
1304
+ {
1305
+ self.attachShadow({ mode: "open" });
1306
+ }
1307
+ } else {
1308
+ if (self.shadowRoot.mode !== "open") {
1309
+ throw new Error(
1310
+ `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
1311
+ );
1312
+ }
1084
1313
  }
1085
1314
  }
1086
1315
  }
1087
1316
  }
1088
1317
  connectedCallback() {
1318
+ const hostRef = getHostRef(this);
1319
+ if (!this.hasRegisteredEventListeners) {
1320
+ this.hasRegisteredEventListeners = true;
1321
+ addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
1322
+ }
1089
1323
  if (appLoadFallback) {
1090
1324
  clearTimeout(appLoadFallback);
1091
1325
  appLoadFallback = null;
@@ -1121,7 +1355,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1121
1355
  dataStyles.textContent += SLOT_FB_CSS;
1122
1356
  }
1123
1357
  {
1124
- dataStyles.textContent += cmpTags + HYDRATED_CSS;
1358
+ dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
1125
1359
  }
1126
1360
  if (dataStyles.innerHTML.length) {
1127
1361
  dataStyles.setAttribute("data-styles", "");
@@ -1154,10 +1388,11 @@ var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) =>
1154
1388
  }
1155
1389
  };
1156
1390
  var hostListenerProxy = (hostRef, methodName) => (ev) => {
1391
+ var _a;
1157
1392
  try {
1158
1393
  {
1159
1394
  if (hostRef.$flags$ & 256 /* isListenReady */) {
1160
- hostRef.$lazyInstance$[methodName](ev);
1395
+ (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
1161
1396
  } else {
1162
1397
  (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
1163
1398
  }
@@ -1174,192 +1409,4 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
1174
1409
  // src/runtime/nonce.ts
1175
1410
  var setNonce = (nonce) => plt.$nonce$ = nonce;
1176
1411
 
1177
- // src/client/client-host-ref.ts
1178
- var hostRefs = /* @__PURE__ */ new WeakMap();
1179
- var getHostRef = (ref) => hostRefs.get(ref);
1180
- var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
1181
- var registerHost = (hostElement, cmpMeta) => {
1182
- const hostRef = {
1183
- $flags$: 0,
1184
- $hostElement$: hostElement,
1185
- $cmpMeta$: cmpMeta,
1186
- $instanceValues$: /* @__PURE__ */ new Map()
1187
- };
1188
- {
1189
- hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
1190
- }
1191
- {
1192
- hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
1193
- hostElement["s-p"] = [];
1194
- hostElement["s-rc"] = [];
1195
- }
1196
- addHostEventListeners(hostElement, hostRef, cmpMeta.$listeners$);
1197
- return hostRefs.set(hostElement, hostRef);
1198
- };
1199
- var isMemberInElement = (elm, memberName) => memberName in elm;
1200
- var consoleError = (e, el) => (0, console.error)(e, el);
1201
-
1202
- // src/client/client-load-module.ts
1203
- var cmpModules = /* @__PURE__ */ new Map();
1204
- var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1205
- const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
1206
- const bundleId = cmpMeta.$lazyBundleId$;
1207
- const module = cmpModules.get(bundleId) ;
1208
- if (module) {
1209
- return module[exportName];
1210
- }
1211
-
1212
- if (!hmrVersionId || !BUILD.hotModuleReplacement) {
1213
- const processMod = importedModule => {
1214
- cmpModules.set(bundleId, importedModule);
1215
- return importedModule[exportName];
1216
- }
1217
- switch(bundleId) {
1218
-
1219
- case 'post-accordion':
1220
- return import(
1221
- /* webpackMode: "lazy" */
1222
- './post-accordion.entry.js').then(processMod, consoleError);
1223
- case 'post-accordion-item':
1224
- return import(
1225
- /* webpackMode: "lazy" */
1226
- './post-accordion-item.entry.js').then(processMod, consoleError);
1227
- case 'post-alert':
1228
- return import(
1229
- /* webpackMode: "lazy" */
1230
- './post-alert.entry.js').then(processMod, consoleError);
1231
- case 'post-card-control':
1232
- return import(
1233
- /* webpackMode: "lazy" */
1234
- './post-card-control.entry.js').then(processMod, consoleError);
1235
- case 'post-popover':
1236
- return import(
1237
- /* webpackMode: "lazy" */
1238
- './post-popover.entry.js').then(processMod, consoleError);
1239
- case 'post-rating':
1240
- return import(
1241
- /* webpackMode: "lazy" */
1242
- './post-rating.entry.js').then(processMod, consoleError);
1243
- case 'post-tab-header':
1244
- return import(
1245
- /* webpackMode: "lazy" */
1246
- './post-tab-header.entry.js').then(processMod, consoleError);
1247
- case 'post-tab-panel':
1248
- return import(
1249
- /* webpackMode: "lazy" */
1250
- './post-tab-panel.entry.js').then(processMod, consoleError);
1251
- case 'post-tabs':
1252
- return import(
1253
- /* webpackMode: "lazy" */
1254
- './post-tabs.entry.js').then(processMod, consoleError);
1255
- case 'post-tag':
1256
- return import(
1257
- /* webpackMode: "lazy" */
1258
- './post-tag.entry.js').then(processMod, consoleError);
1259
- case 'post-tooltip':
1260
- return import(
1261
- /* webpackMode: "lazy" */
1262
- './post-tooltip.entry.js').then(processMod, consoleError);
1263
- case 'post-collapsible':
1264
- return import(
1265
- /* webpackMode: "lazy" */
1266
- './post-collapsible.entry.js').then(processMod, consoleError);
1267
- case 'post-popovercontainer':
1268
- return import(
1269
- /* webpackMode: "lazy" */
1270
- './post-popovercontainer.entry.js').then(processMod, consoleError);
1271
- case 'post-icon':
1272
- return import(
1273
- /* webpackMode: "lazy" */
1274
- './post-icon.entry.js').then(processMod, consoleError);
1275
- }
1276
- }
1277
- return import(
1278
- /* @vite-ignore */
1279
- /* webpackInclude: /\.entry\.js$/ */
1280
- /* webpackExclude: /\.system\.entry\.js$/ */
1281
- /* webpackMode: "lazy" */
1282
- `./${bundleId}.entry.js${""}`
1283
- ).then((importedModule) => {
1284
- {
1285
- cmpModules.set(bundleId, importedModule);
1286
- }
1287
- return importedModule[exportName];
1288
- }, consoleError);
1289
- };
1290
-
1291
- // src/client/client-style.ts
1292
- var styles = /* @__PURE__ */ new Map();
1293
- var win = typeof window !== "undefined" ? window : {};
1294
- var doc = win.document || { head: {} };
1295
- var plt = {
1296
- $flags$: 0,
1297
- $resourcesUrl$: "",
1298
- jmp: (h2) => h2(),
1299
- raf: (h2) => requestAnimationFrame(h2),
1300
- ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
1301
- rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
1302
- ce: (eventName, opts) => new CustomEvent(eventName, opts)
1303
- };
1304
- var supportsListenerOptions = /* @__PURE__ */ (() => {
1305
- let supportsListenerOptions2 = false;
1306
- try {
1307
- doc.addEventListener(
1308
- "e",
1309
- null,
1310
- Object.defineProperty({}, "passive", {
1311
- get() {
1312
- supportsListenerOptions2 = true;
1313
- }
1314
- })
1315
- );
1316
- } catch (e) {
1317
- }
1318
- return supportsListenerOptions2;
1319
- })();
1320
- var promiseResolve = (v) => Promise.resolve(v);
1321
- var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
1322
- try {
1323
- new CSSStyleSheet();
1324
- return typeof new CSSStyleSheet().replaceSync === "function";
1325
- } catch (e) {
1326
- }
1327
- return false;
1328
- })() ;
1329
- var queuePending = false;
1330
- var queueDomReads = [];
1331
- var queueDomWrites = [];
1332
- var queueTask = (queue, write) => (cb) => {
1333
- queue.push(cb);
1334
- if (!queuePending) {
1335
- queuePending = true;
1336
- if (write && plt.$flags$ & 4 /* queueSync */) {
1337
- nextTick(flush);
1338
- } else {
1339
- plt.raf(flush);
1340
- }
1341
- }
1342
- };
1343
- var consume = (queue) => {
1344
- for (let i2 = 0; i2 < queue.length; i2++) {
1345
- try {
1346
- queue[i2](performance.now());
1347
- } catch (e) {
1348
- consoleError(e);
1349
- }
1350
- }
1351
- queue.length = 0;
1352
- };
1353
- var flush = () => {
1354
- consume(queueDomReads);
1355
- {
1356
- consume(queueDomWrites);
1357
- if (queuePending = queueDomReads.length > 0) {
1358
- plt.raf(flush);
1359
- }
1360
- }
1361
- };
1362
- var nextTick = (cb) => promiseResolve().then(cb);
1363
- var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
1364
-
1365
1412
  export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };