@atmgrupomaggioli/iris-button 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/cjs/{index-15a93aad.js → index-f882627f.js} +187 -134
  2. package/dist/cjs/index-f882627f.js.map +1 -0
  3. package/dist/cjs/iris-button.cjs.entry.js +1 -1
  4. package/dist/cjs/iris-button.cjs.js +2 -2
  5. package/dist/cjs/iris-button.cjs.js.map +1 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/collection/collection-manifest.json +1 -1
  8. package/dist/collection/components/iris-button/iris-button.js +8 -0
  9. package/dist/collection/components/iris-button/iris-button.js.map +1 -1
  10. package/dist/components/index.js +1 -1
  11. package/dist/components/iris-button.js +1 -1
  12. package/dist/components/{p-9678c037.js → p-f7558cea.js} +172 -131
  13. package/dist/components/p-f7558cea.js.map +1 -0
  14. package/dist/esm/{index-73dab88a.js → index-000f519f.js} +187 -134
  15. package/dist/esm/index-000f519f.js.map +1 -0
  16. package/dist/esm/iris-button.entry.js +1 -1
  17. package/dist/esm/iris-button.js +3 -3
  18. package/dist/esm/iris-button.js.map +1 -1
  19. package/dist/esm/loader.js +2 -2
  20. package/dist/iris-button/iris-button.esm.js +1 -1
  21. package/dist/iris-button/iris-button.esm.js.map +1 -1
  22. package/dist/iris-button/{p-cc8752cf.entry.js → p-a8ef57f6.entry.js} +2 -2
  23. package/dist/iris-button/p-c58bb129.js +3 -0
  24. package/dist/iris-button/p-c58bb129.js.map +1 -0
  25. package/package.json +4 -4
  26. package/dist/cjs/index-15a93aad.js.map +0 -1
  27. package/dist/components/p-9678c037.js.map +0 -1
  28. package/dist/esm/index-73dab88a.js.map +0 -1
  29. package/dist/iris-button/p-f582cc7a.js +0 -3
  30. package/dist/iris-button/p-f582cc7a.js.map +0 -1
  31. /package/dist/iris-button/{p-cc8752cf.entry.js.map → p-a8ef57f6.entry.js.map} +0 -0
@@ -2,7 +2,7 @@ const NAMESPACE = 'iris-button';
2
2
  const BUILD = /* iris-button */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: false, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: false, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -160,13 +160,6 @@ var unwrapErr = (result) => {
160
160
  throw result.value;
161
161
  }
162
162
  };
163
- var createTime = (fnName, tagName = "") => {
164
- {
165
- return () => {
166
- return;
167
- };
168
- }
169
- };
170
163
  var h = (nodeName, vnodeData, ...children) => {
171
164
  let child = null;
172
165
  let key = null;
@@ -241,108 +234,6 @@ var newVNode = (tag, text) => {
241
234
  };
242
235
  var Host = {};
243
236
  var isHost = (node) => node && node.$tag$ === Host;
244
- var parsePropertyValue = (propValue, propType) => {
245
- if (propValue != null && !isComplexType(propValue)) {
246
- if (propType & 4 /* Boolean */) {
247
- return propValue === "false" ? false : propValue === "" || !!propValue;
248
- }
249
- if (propType & 1 /* String */) {
250
- return String(propValue);
251
- }
252
- return propValue;
253
- }
254
- return propValue;
255
- };
256
- var emitEvent = (elm, name, opts) => {
257
- const ev = plt.ce(name, opts);
258
- elm.dispatchEvent(ev);
259
- return ev;
260
- };
261
- var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
262
- var registerStyle = (scopeId2, cssText, allowCS) => {
263
- let style = styles.get(scopeId2);
264
- if (supportsConstructableStylesheets && allowCS) {
265
- style = style || new CSSStyleSheet();
266
- if (typeof style === "string") {
267
- style = cssText;
268
- } else {
269
- style.replaceSync(cssText);
270
- }
271
- } else {
272
- style = cssText;
273
- }
274
- styles.set(scopeId2, style);
275
- };
276
- var addStyle = (styleContainerNode, cmpMeta, mode) => {
277
- var _a;
278
- const scopeId2 = getScopeId(cmpMeta);
279
- const style = styles.get(scopeId2);
280
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
281
- if (style) {
282
- if (typeof style === "string") {
283
- styleContainerNode = styleContainerNode.head || styleContainerNode;
284
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
285
- let styleElm;
286
- if (!appliedStyles) {
287
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
288
- }
289
- if (!appliedStyles.has(scopeId2)) {
290
- {
291
- styleElm = doc.createElement("style");
292
- styleElm.innerHTML = style;
293
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
294
- if (nonce != null) {
295
- styleElm.setAttribute("nonce", nonce);
296
- }
297
- if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
298
- if (styleContainerNode.nodeName === "HEAD") {
299
- const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
300
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
301
- styleContainerNode.insertBefore(styleElm, referenceNode2);
302
- } else if ("host" in styleContainerNode) {
303
- if (supportsConstructableStylesheets) {
304
- const stylesheet = new CSSStyleSheet();
305
- stylesheet.replaceSync(style);
306
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
307
- } else {
308
- const existingStyleContainer = styleContainerNode.querySelector("style");
309
- if (existingStyleContainer) {
310
- existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
311
- } else {
312
- styleContainerNode.prepend(styleElm);
313
- }
314
- }
315
- } else {
316
- styleContainerNode.append(styleElm);
317
- }
318
- }
319
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
320
- styleContainerNode.insertBefore(styleElm, null);
321
- }
322
- }
323
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
324
- styleElm.innerHTML += SLOT_FB_CSS;
325
- }
326
- if (appliedStyles) {
327
- appliedStyles.add(scopeId2);
328
- }
329
- }
330
- } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
331
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
332
- }
333
- }
334
- return scopeId2;
335
- };
336
- var attachStyles = (hostRef) => {
337
- const cmpMeta = hostRef.$cmpMeta$;
338
- const elm = hostRef.$hostElement$;
339
- const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
340
- addStyle(
341
- elm.getRootNode(),
342
- cmpMeta);
343
- endAttachStyles();
344
- };
345
- var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
346
237
  var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
347
238
  if (oldValue !== newValue) {
348
239
  memberName.toLowerCase();
@@ -350,6 +241,9 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
350
241
  const classList = elm.classList;
351
242
  const oldClasses = parseClassList(oldValue);
352
243
  const newClasses = parseClassList(newValue);
244
+ if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
245
+ newClasses.push(elm["s-si"]);
246
+ }
353
247
  classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
354
248
  classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
355
249
  }
@@ -457,7 +351,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
457
351
  };
458
352
  var putBackInOriginalLocation = (parentElm, recursive) => {
459
353
  plt.$flags$ |= 1 /* isTmpDisconnected */;
460
- const oldSlotChildNodes = Array.from(parentElm.childNodes);
354
+ const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
461
355
  if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) {
462
356
  let node = parentElm;
463
357
  while (node = node.nextSibling) {
@@ -661,7 +555,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
661
555
  }
662
556
  };
663
557
  var updateFallbackSlotVisibility = (elm) => {
664
- const childNodes = elm.childNodes;
558
+ const childNodes = elm.__childNodes || elm.childNodes;
665
559
  for (const childNode of childNodes) {
666
560
  if (childNode.nodeType === 1 /* ElementNode */) {
667
561
  if (childNode["s-sr"]) {
@@ -674,7 +568,7 @@ var updateFallbackSlotVisibility = (elm) => {
674
568
  childNode.hidden = true;
675
569
  break;
676
570
  }
677
- } else {
571
+ } else if (slotName === siblingNode["s-sn"]) {
678
572
  if (siblingNode.nodeType === 1 /* ElementNode */ || siblingNode.nodeType === 3 /* TextNode */ && siblingNode.textContent.trim() !== "") {
679
573
  childNode.hidden = true;
680
574
  break;
@@ -692,9 +586,10 @@ var markSlotContentForRelocation = (elm) => {
692
586
  let node;
693
587
  let hostContentNodes;
694
588
  let j;
695
- for (const childNode of elm.childNodes) {
589
+ const children = elm.__childNodes || elm.childNodes;
590
+ for (const childNode of children) {
696
591
  if (childNode["s-sr"] && (node = childNode["s-cr"]) && node.parentNode) {
697
- hostContentNodes = node.parentNode.childNodes;
592
+ hostContentNodes = node.parentNode.__childNodes || node.parentNode.childNodes;
698
593
  const slotName = childNode["s-sn"];
699
594
  for (j = hostContentNodes.length - 1; j >= 0; j--) {
700
595
  node = hostContentNodes[j];
@@ -843,6 +738,115 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
843
738
  }
844
739
  contentRef = void 0;
845
740
  };
741
+ var createTime = (fnName, tagName = "") => {
742
+ {
743
+ return () => {
744
+ return;
745
+ };
746
+ }
747
+ };
748
+ var parsePropertyValue = (propValue, propType) => {
749
+ if (propValue != null && !isComplexType(propValue)) {
750
+ if (propType & 4 /* Boolean */) {
751
+ return propValue === "false" ? false : propValue === "" || !!propValue;
752
+ }
753
+ if (propType & 1 /* String */) {
754
+ return String(propValue);
755
+ }
756
+ return propValue;
757
+ }
758
+ return propValue;
759
+ };
760
+ var emitEvent = (elm, name, opts) => {
761
+ const ev = plt.ce(name, opts);
762
+ elm.dispatchEvent(ev);
763
+ return ev;
764
+ };
765
+ var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
766
+ var registerStyle = (scopeId2, cssText, allowCS) => {
767
+ let style = styles.get(scopeId2);
768
+ if (supportsConstructableStylesheets && allowCS) {
769
+ style = style || new CSSStyleSheet();
770
+ if (typeof style === "string") {
771
+ style = cssText;
772
+ } else {
773
+ style.replaceSync(cssText);
774
+ }
775
+ } else {
776
+ style = cssText;
777
+ }
778
+ styles.set(scopeId2, style);
779
+ };
780
+ var addStyle = (styleContainerNode, cmpMeta, mode) => {
781
+ var _a;
782
+ const scopeId2 = getScopeId(cmpMeta);
783
+ const style = styles.get(scopeId2);
784
+ styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
785
+ if (style) {
786
+ if (typeof style === "string") {
787
+ styleContainerNode = styleContainerNode.head || styleContainerNode;
788
+ let appliedStyles = rootAppliedStyles.get(styleContainerNode);
789
+ let styleElm;
790
+ if (!appliedStyles) {
791
+ rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
792
+ }
793
+ if (!appliedStyles.has(scopeId2)) {
794
+ {
795
+ styleElm = doc.createElement("style");
796
+ styleElm.innerHTML = style;
797
+ const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
798
+ if (nonce != null) {
799
+ styleElm.setAttribute("nonce", nonce);
800
+ }
801
+ if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
802
+ if (styleContainerNode.nodeName === "HEAD") {
803
+ const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
804
+ const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
805
+ styleContainerNode.insertBefore(styleElm, referenceNode2);
806
+ } else if ("host" in styleContainerNode) {
807
+ if (supportsConstructableStylesheets) {
808
+ const stylesheet = new CSSStyleSheet();
809
+ stylesheet.replaceSync(style);
810
+ styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
811
+ } else {
812
+ const existingStyleContainer = styleContainerNode.querySelector("style");
813
+ if (existingStyleContainer) {
814
+ existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
815
+ } else {
816
+ styleContainerNode.prepend(styleElm);
817
+ }
818
+ }
819
+ } else {
820
+ styleContainerNode.append(styleElm);
821
+ }
822
+ }
823
+ if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
824
+ styleContainerNode.insertBefore(styleElm, null);
825
+ }
826
+ }
827
+ if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
828
+ styleElm.innerHTML += SLOT_FB_CSS;
829
+ }
830
+ if (appliedStyles) {
831
+ appliedStyles.add(scopeId2);
832
+ }
833
+ }
834
+ } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
835
+ styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
836
+ }
837
+ }
838
+ return scopeId2;
839
+ };
840
+ var attachStyles = (hostRef) => {
841
+ const cmpMeta = hostRef.$cmpMeta$;
842
+ const elm = hostRef.$hostElement$;
843
+ const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
844
+ addStyle(
845
+ elm.getRootNode(),
846
+ cmpMeta);
847
+ endAttachStyles();
848
+ };
849
+ var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
846
850
 
847
851
  // src/runtime/update-component.ts
848
852
  var attachToAncestor = (hostRef, ancestorComponent) => {
@@ -1000,16 +1004,50 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1000
1004
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
1001
1005
  members.map(([memberName, [memberFlags]]) => {
1002
1006
  if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
1003
- Object.defineProperty(prototype, memberName, {
1004
- get() {
1005
- return getValue(this, memberName);
1006
- },
1007
- set(newValue) {
1008
- setValue(this, memberName, newValue, cmpMeta);
1009
- },
1010
- configurable: true,
1011
- enumerable: true
1012
- });
1007
+ if ((memberFlags & 2048 /* Getter */) === 0) {
1008
+ Object.defineProperty(prototype, memberName, {
1009
+ get() {
1010
+ return getValue(this, memberName);
1011
+ },
1012
+ set(newValue) {
1013
+ setValue(this, memberName, newValue, cmpMeta);
1014
+ },
1015
+ configurable: true,
1016
+ enumerable: true
1017
+ });
1018
+ } else if (flags & 1 /* isElementConstructor */ && memberFlags & 2048 /* Getter */) {
1019
+ if (memberFlags & 4096 /* Setter */) {
1020
+ const origSetter = Object.getOwnPropertyDescriptor(prototype, memberName).set;
1021
+ Object.defineProperty(prototype, memberName, {
1022
+ set(newValue) {
1023
+ const ref = getHostRef(this);
1024
+ if (origSetter) {
1025
+ const currentValue = ref.$hostElement$[memberName];
1026
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
1027
+ ref.$instanceValues$.set(memberName, currentValue);
1028
+ }
1029
+ origSetter.apply(this, [parsePropertyValue(newValue, cmpMeta.$members$[memberName][0])]);
1030
+ setValue(this, memberName, ref.$hostElement$[memberName], cmpMeta);
1031
+ return;
1032
+ }
1033
+ if (!ref) return;
1034
+ const setterSetVal = () => {
1035
+ const currentValue = ref.$lazyInstance$[memberName];
1036
+ if (!ref.$instanceValues$.get(memberName) && currentValue) {
1037
+ ref.$instanceValues$.set(memberName, currentValue);
1038
+ }
1039
+ ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, cmpMeta.$members$[memberName][0]);
1040
+ setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
1041
+ };
1042
+ if (ref.$lazyInstance$) {
1043
+ setterSetVal();
1044
+ } else {
1045
+ ref.$onReadyPromise$.then(() => setterSetVal());
1046
+ }
1047
+ }
1048
+ });
1049
+ }
1050
+ }
1013
1051
  }
1014
1052
  });
1015
1053
  {
@@ -1039,7 +1077,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1039
1077
  }
1040
1078
  return;
1041
1079
  }
1042
- this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1080
+ const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1081
+ if (!propDesc.get || !!propDesc.set) {
1082
+ this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1083
+ }
1043
1084
  });
1044
1085
  };
1045
1086
  Cstr.observedAttributes = Array.from(
@@ -1154,15 +1195,15 @@ var proxyCustomElement = (Cstr, compactMeta) => {
1154
1195
  {
1155
1196
  cmpMeta.$members$ = compactMeta[2];
1156
1197
  }
1157
- let hasHostListenerAttached = false;
1158
1198
  Object.assign(Cstr.prototype, {
1199
+ __hasHostListenerAttached: false,
1159
1200
  __registerHost() {
1160
1201
  registerHost(this, cmpMeta);
1161
1202
  },
1162
1203
  connectedCallback() {
1163
- if (!hasHostListenerAttached) {
1204
+ if (!this.__hasHostListenerAttached) {
1164
1205
  getHostRef(this);
1165
- hasHostListenerAttached = true;
1206
+ this.__hasHostListenerAttached = true;
1166
1207
  }
1167
1208
  connectedCallback(this);
1168
1209
  },
@@ -1176,7 +1217,7 @@ var proxyCustomElement = (Cstr, compactMeta) => {
1176
1217
  }
1177
1218
  });
1178
1219
  Cstr.is = cmpMeta.$tagName$;
1179
- return proxyComponent(Cstr, cmpMeta);
1220
+ return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
1180
1221
  };
1181
1222
 
1182
1223
  // src/runtime/nonce.ts
@@ -1187,4 +1228,4 @@ var setPlatformOptions = (opts) => Object.assign(plt, opts);
1187
1228
 
1188
1229
  export { H, setNonce as a, setPlatformOptions as b, getAssetPath as g, h, proxyCustomElement as p, setAssetPath as s };
1189
1230
 
1190
- //# sourceMappingURL=p-9678c037.js.map
1231
+ //# sourceMappingURL=p-f7558cea.js.map