@sula-tech/webcomponents 0.8.0 → 0.9.0

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 (97) hide show
  1. package/dist/cjs/{index-Bbryl0vg.js → index-LR6yFDX7.js} +16 -2
  2. package/dist/cjs/index-LR6yFDX7.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/{sula-avatar_18.cjs.entry.js → sula-avatar_19.cjs.entry.js} +368 -45
  5. package/dist/cjs/sula-avatar_19.cjs.entry.js.map +1 -0
  6. package/dist/cjs/webcomponents.cjs.js +2 -2
  7. package/dist/collection/collection-manifest.json +1 -0
  8. package/dist/collection/components/sula-button/sula-button.css +1 -1
  9. package/dist/collection/components/sula-chip/sula-chip.css +1 -1
  10. package/dist/collection/components/sula-dropdown/sula-dropdown.css +1 -1
  11. package/dist/collection/components/sula-dropdown/sula-dropdown.js +74 -9
  12. package/dist/collection/components/sula-dropdown/sula-dropdown.js.map +1 -1
  13. package/dist/collection/components/sula-dropdown/sula-dropdown.stories.js +53 -0
  14. package/dist/collection/components/sula-dropdown/sula-dropdown.stories.js.map +1 -1
  15. package/dist/collection/components/sula-icon/sula-icon.css +1 -1
  16. package/dist/collection/components/sula-icon/sula-icon.js +1 -1
  17. package/dist/collection/components/sula-loader/sula-loader.css +1 -1
  18. package/dist/collection/components/sula-loader/sula-loader.js +1 -1
  19. package/dist/collection/components/sula-menu-select-list/sula-menu-select-list.css +1 -1
  20. package/dist/collection/components/sula-menu-select-list/sula-menu-select-list.js +33 -2
  21. package/dist/collection/components/sula-menu-select-list/sula-menu-select-list.js.map +1 -1
  22. package/dist/collection/components/sula-modal/model/sula-modal.model.js +16 -0
  23. package/dist/collection/components/sula-modal/model/sula-modal.model.js.map +1 -0
  24. package/dist/collection/components/sula-modal/sula-modal.css +1 -0
  25. package/dist/collection/components/sula-modal/sula-modal.js +558 -0
  26. package/dist/collection/components/sula-modal/sula-modal.js.map +1 -0
  27. package/dist/collection/components/sula-modal/sula-modal.stories.js +193 -0
  28. package/dist/collection/components/sula-modal/sula-modal.stories.js.map +1 -0
  29. package/dist/collection/components/sula-progress-bar/sula-progress-bar.js +2 -2
  30. package/dist/collection/components/sula-radio-button/sula-radio-button.js +2 -2
  31. package/dist/collection/components/sula-search-bar/sula-search-bar.js +2 -2
  32. package/dist/collection/components/sula-switch/sula-switch.js +4 -4
  33. package/dist/collection/components/sula-tag/sula-tag.js +3 -3
  34. package/dist/collection/components/sula-textarea/sula-textarea.js +6 -6
  35. package/dist/collection/components/sula-textfield/sula-textfield.js +2 -2
  36. package/dist/collection/components/sula-tiles/sula-tiles.js +1 -1
  37. package/dist/collection/components/sula-timeline-list/sula-timeline-list.js +1 -1
  38. package/dist/components/index.js +19 -0
  39. package/dist/components/index.js.map +1 -1
  40. package/dist/components/p-BhxK9El6.js +231 -0
  41. package/dist/components/p-BhxK9El6.js.map +1 -0
  42. package/dist/components/{p-DrUsgtsv.js → p-CyIObO0v.js} +4 -4
  43. package/dist/components/{p-DrUsgtsv.js.map → p-CyIObO0v.js.map} +1 -1
  44. package/dist/components/{p-BNtk_d_S.js → p-DvWN7hVP.js} +14 -6
  45. package/dist/components/p-DvWN7hVP.js.map +1 -0
  46. package/dist/components/{p-BrY8WoEl.js → p-ff6chV3i.js} +4 -4
  47. package/dist/components/{p-BrY8WoEl.js.map → p-ff6chV3i.js.map} +1 -1
  48. package/dist/components/sula-avatar.js +1 -1
  49. package/dist/components/sula-badge.js +1 -1
  50. package/dist/components/sula-button.js +1 -226
  51. package/dist/components/sula-button.js.map +1 -1
  52. package/dist/components/sula-checkbox.js +1 -1
  53. package/dist/components/sula-chip.js +3 -3
  54. package/dist/components/sula-chip.js.map +1 -1
  55. package/dist/components/sula-dropdown.js +60 -14
  56. package/dist/components/sula-dropdown.js.map +1 -1
  57. package/dist/components/sula-icon.js +1 -1
  58. package/dist/components/sula-loader.js +1 -1
  59. package/dist/components/sula-menu-select-list.js +1 -1
  60. package/dist/components/sula-modal.d.ts +11 -0
  61. package/dist/components/sula-modal.js +332 -0
  62. package/dist/components/sula-modal.js.map +1 -0
  63. package/dist/components/sula-progress-bar.js +3 -3
  64. package/dist/components/sula-radio-button.js +2 -2
  65. package/dist/components/sula-search-bar.js +3 -3
  66. package/dist/components/sula-switch.js +4 -4
  67. package/dist/components/sula-tag.js +4 -4
  68. package/dist/components/sula-textarea.js +6 -6
  69. package/dist/components/sula-textfield.js +3 -3
  70. package/dist/components/sula-tiles.js +2 -2
  71. package/dist/components/sula-timeline-list.js +2 -2
  72. package/dist/esm/{index-or7qTZgT.js → index-CrFclBiX.js} +16 -2
  73. package/dist/esm/index-CrFclBiX.js.map +1 -0
  74. package/dist/esm/loader.js +3 -3
  75. package/dist/esm/{sula-avatar_18.entry.js → sula-avatar_19.entry.js} +368 -46
  76. package/dist/esm/sula-avatar_19.entry.js.map +1 -0
  77. package/dist/esm/webcomponents.js +3 -3
  78. package/dist/types/components/sula-dropdown/sula-dropdown.d.ts +11 -0
  79. package/dist/types/components/sula-dropdown/sula-dropdown.stories.d.ts +10 -0
  80. package/dist/types/components/sula-menu-select-list/sula-menu-select-list.d.ts +4 -0
  81. package/dist/types/components/sula-modal/model/sula-modal.model.d.ts +13 -0
  82. package/dist/types/components/sula-modal/sula-modal.d.ts +94 -0
  83. package/dist/types/components/sula-modal/sula-modal.stories.d.ts +83 -0
  84. package/dist/types/components.d.ts +170 -0
  85. package/dist/webcomponents/{p-or7qTZgT.js → p-CrFclBiX.js} +28 -16
  86. package/dist/webcomponents/p-CrFclBiX.js.map +1 -0
  87. package/dist/webcomponents/{p-bc1f174c.entry.js → p-e4fa59d5.entry.js} +658 -285
  88. package/dist/webcomponents/p-e4fa59d5.entry.js.map +1 -0
  89. package/dist/webcomponents/webcomponents.esm.js +41 -20
  90. package/package.json +2 -3
  91. package/dist/cjs/index-Bbryl0vg.js.map +0 -1
  92. package/dist/cjs/sula-avatar_18.cjs.entry.js.map +0 -1
  93. package/dist/components/p-BNtk_d_S.js.map +0 -1
  94. package/dist/esm/index-or7qTZgT.js.map +0 -1
  95. package/dist/esm/sula-avatar_18.entry.js.map +0 -1
  96. package/dist/webcomponents/p-bc1f174c.entry.js.map +0 -1
  97. package/dist/webcomponents/p-or7qTZgT.js.map +0 -1
@@ -786,10 +786,17 @@ var insertBefore = (parent, newNode, reference) => {
786
786
  };
787
787
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
788
788
  const hostElm = hostRef.$hostElement$;
789
+ const cmpMeta = hostRef.$cmpMeta$;
789
790
  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
790
791
  const isHostElement = isHost(renderFnResults);
791
792
  const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
792
793
  hostTagName = hostElm.tagName;
794
+ if (cmpMeta.$attrsToReflect$) {
795
+ rootVnode.$attrs$ = rootVnode.$attrs$ || {};
796
+ cmpMeta.$attrsToReflect$.map(
797
+ ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
798
+ );
799
+ }
793
800
  if (isInitialLoad && rootVnode.$attrs$) {
794
801
  for (const key of Object.keys(rootVnode.$attrs$)) {
795
802
  if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
@@ -1145,8 +1152,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1145
1152
  /* @__PURE__ */ new Set([
1146
1153
  ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
1147
1154
  ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
1155
+ var _a2;
1148
1156
  const attrName = m[1] || propName;
1149
1157
  attrNameToPropName.set(attrName, propName);
1158
+ if (m[0] & 512 /* ReflectAttr */) {
1159
+ (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
1160
+ }
1150
1161
  return attrName;
1151
1162
  })
1152
1163
  ])
@@ -1336,6 +1347,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1336
1347
  {
1337
1348
  cmpMeta.$listeners$ = compactMeta[3];
1338
1349
  }
1350
+ {
1351
+ cmpMeta.$attrsToReflect$ = [];
1352
+ }
1339
1353
  {
1340
1354
  cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
1341
1355
  }
@@ -1479,6 +1493,6 @@ exports.h = h;
1479
1493
  exports.promiseResolve = promiseResolve;
1480
1494
  exports.registerInstance = registerInstance;
1481
1495
  exports.setNonce = setNonce;
1482
- //# sourceMappingURL=index-Bbryl0vg.js.map
1496
+ //# sourceMappingURL=index-LR6yFDX7.js.map
1483
1497
 
1484
- //# sourceMappingURL=index-Bbryl0vg.js.map
1498
+ //# sourceMappingURL=index-LR6yFDX7.js.map