@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-75065.0 → 0.0.0-bugfix-dev-KB-76625.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 (62) hide show
  1. package/dist/cjs/ez-badge.cjs.entry.js +2 -14
  2. package/dist/cjs/ez-card-item_2.cjs.entry.js +1415 -7
  3. package/dist/cjs/ez-icon.cjs.entry.js +1 -1
  4. package/dist/cjs/ez-multi-selection-list.cjs.entry.js +186 -0
  5. package/dist/cjs/ez-popover-plus_3.cjs.entry.js +184 -0
  6. package/dist/cjs/ez-search.cjs.entry.js +28 -158
  7. package/dist/cjs/ezui.cjs.js +1 -1
  8. package/dist/cjs/index-a7b0c73d.js +8 -4
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/cjs/searchFormatters-b7e1ed1e.js +23 -0
  11. package/dist/collection/collection-manifest.json +3 -1
  12. package/dist/collection/components/ez-badge/ez-badge.css +1 -12
  13. package/dist/collection/components/ez-badge/ez-badge.js +1 -31
  14. package/dist/collection/components/ez-card-item/ez-card-item.css +1 -3
  15. package/dist/collection/components/ez-icon/ez-icon.css +4 -1
  16. package/dist/collection/components/ez-popover-plus/ez-popover-plus.css +0 -64
  17. package/dist/collection/components/ez-popover-plus/ez-popover-plus.js +56 -130
  18. package/dist/collection/components/ez-popover-plus/subcomponent/ez-popover-core.css +67 -0
  19. package/dist/collection/components/ez-popover-plus/subcomponent/ez-popover-core.js +527 -0
  20. package/dist/collection/components/ez-search/ez-search.css +0 -219
  21. package/dist/collection/components/ez-search/ez-search.js +28 -167
  22. package/dist/collection/components/ez-search/subcomponent/search-list/search-list.css +227 -0
  23. package/dist/collection/components/ez-search/subcomponent/search-list/search-list.js +289 -0
  24. package/dist/collection/components/ez-search/utils/searchFormatters.js +18 -0
  25. package/dist/custom-elements/index.d.ts +12 -0
  26. package/dist/custom-elements/index.js +263 -196
  27. package/dist/esm/ez-badge.entry.js +2 -14
  28. package/dist/esm/ez-card-item_2.entry.js +1415 -7
  29. package/dist/esm/ez-icon.entry.js +1 -1
  30. package/dist/esm/ez-multi-selection-list.entry.js +182 -0
  31. package/dist/esm/ez-popover-plus_3.entry.js +178 -0
  32. package/dist/esm/ez-search.entry.js +29 -159
  33. package/dist/esm/ezui.js +1 -1
  34. package/dist/esm/index-baa5e267.js +8 -4
  35. package/dist/esm/loader.js +1 -1
  36. package/dist/esm/searchFormatters-8229207e.js +20 -0
  37. package/dist/ezui/ezui.esm.js +1 -1
  38. package/dist/ezui/p-31da1b57.entry.js +1 -0
  39. package/dist/ezui/p-37201156.entry.js +1 -0
  40. package/dist/ezui/p-40a60148.js +1 -0
  41. package/dist/ezui/p-56fe5341.entry.js +1 -0
  42. package/dist/ezui/p-650e4b6d.entry.js +1 -0
  43. package/dist/ezui/p-b7706b43.entry.js +1 -0
  44. package/dist/ezui/p-dc73e1fe.entry.js +1 -0
  45. package/dist/types/components/ez-badge/ez-badge.d.ts +0 -5
  46. package/dist/types/components/ez-popover-plus/ez-popover-plus.d.ts +8 -20
  47. package/dist/types/components/ez-popover-plus/subcomponent/ez-popover-core.d.ts +91 -0
  48. package/dist/types/components/ez-search/ez-search.d.ts +3 -13
  49. package/dist/types/components/ez-search/subcomponent/search-list/search-list.d.ts +23 -0
  50. package/dist/types/components/ez-search/utils/searchFormatters.d.ts +2 -0
  51. package/dist/types/components.d.ts +157 -11
  52. package/package.json +1 -1
  53. package/react/components.d.ts +2 -0
  54. package/react/components.js +2 -0
  55. package/react/components.js.map +1 -1
  56. package/dist/cjs/ez-multi-selection-list_2.cjs.entry.js +0 -1585
  57. package/dist/esm/ez-multi-selection-list_2.entry.js +0 -1580
  58. package/dist/ezui/p-0ca05a2f.entry.js +0 -1
  59. package/dist/ezui/p-58783dcf.entry.js +0 -1
  60. package/dist/ezui/p-65f471bc.entry.js +0 -1
  61. package/dist/ezui/p-cdac80f1.entry.js +0 -1
  62. package/dist/ezui/p-e75c7a23.entry.js +0 -1
package/dist/cjs/ez-badge.cjs.entry.js CHANGED
@@ -15,7 +15,7 @@ var Sizes;
15
15
  Sizes["EXTRA_SMALL"] = "extra-small";
16
16
  })(Sizes || (Sizes = {}));
17
17
 
18
- const ezBadgeCss = ":host{--ez-badge--size-2xs:var(--space--2xs, 8px);--ez-badge--size-xs:var(--space--xs, 12px);--ez-badge--size-sm:var(--space--sm, 16px);--ez-badge--size-md:var(--space--md, 20px);--ez-badge--size-lg:var(--space--lg, 24px);--ez-badge--size-xl:var(--space--xl, 32px);--ez-badge--padding-2xs:0;--ez-badge--padding-xs:var(--space--nano, 2px);--ez-badge--padding-sm:calc(var(--space--nano, 2px) + 1px);--ez-badge--padding-md:var(--space--3xs, 4px);--ez-badge--padding-lg:calc(var(--space--3xs, 4px) + 2px);--ez-badge--padding-xl:var(--space--2xs);--ez-badge--border-radius:calc(var(--border--radius-medium, 12px) + 8px);--ez-badge--font-family:var(--font-pattern, Roboto);--ez-badge--font-weight-medium:var(--text-weight--medium, 400);--ez-badge--background-color:var(--color--primary, #008561);--ez-badge--border-none:0;--ez-badge--color:var(--text--inverted, #ffffff);--ez-badge--gap:calc(var(--ez-badge--padding-xs) + 1px);--ez-badge--font-size-md:var(--text--medium);--ez-badge--font-size-sm:var(--text--medium);--ez-badge--font-size-xs:var(--text--small)}ez-icon{--ez-icon--color:inherit}.badge{display:flex;justify-content:center;align-items:center;position:relative}.badge__content{font-family:var(--ez-badge--font-family, Roboto);font-weight:var(--ez-badge--font-weight-medium, 400);background-color:var(--ez-badge--background-color, #008561);border:var(--ez-badge--border-none, 0);color:var(--ez-badge--color, #ffffff);border-radius:var(--ez-badge--border-radius, 20px);gap:var(--ez-badge--gap, 3px);display:flex;justify-content:center}.badge__content--fill-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px)}.badge__content--fill-2xs{height:var(--ez-badge--size-2xs, 8px);min-width:var(--ez-badge--size-2xs, 8px)}.badge__content--text-md{height:calc(var(--ez-badge--size-md, 20px) - 2px);min-width:var(--ez-badge--size-sm, 20px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-md)}.badge__content--text-sm{height:calc(var(--ez-badge--size-sm, 16px) - 2px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-sm)}.badge__content--text-xs{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-2xs);padding-bottom:var(--ez-badge--padding-2xs);padding-right:var(--ez-badge--padding-lg);padding-left:var(--ez-badge--padding-lg);font-size:var(--ez-badge--font-size-xs)}.badge__content--icon-lg{height:var(--ez-badge--size-lg, 24px);min-width:var(--ez-badge--size-lg, 24px);padding:var(--ez-badge--padding-md)}.badge__content--icon-md{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-md)}.badge__content--icon-sm{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-align-center{align-items:center}.badge__content--icon-align-start{align-items:flex-start}.badge__content--icon-align-end{align-items:flex-end}.badge__content--fill{position:absolute;top:0;inset-inline-end:0;z-index:var(--most-visible, 2)}.badge__content--fill-top-right{transform:translate(50%, -50%);position:absolute;top:0;right:0}.badge__content--fill-top-left{transform:translate(-50%, -50%);position:absolute;top:0;left:0}.badge__content--fill-bottom-left{transform:translate(-50%, 50%);position:absolute;bottom:0;left:0}.badge__content--fill-bottom-right{transform:translate(50%, 50%);position:absolute;bottom:0;right:0}";
18
+ const ezBadgeCss = ":host{--ez-badge--size-2xs:var(--space--2xs, 8px);--ez-badge--size-xs:var(--space--xs, 12px);--ez-badge--size-sm:var(--space--sm, 16px);--ez-badge--size-md:var(--space--md, 20px);--ez-badge--size-lg:var(--space--lg, 24px);--ez-badge--size-xl:var(--space--xl, 32px);--ez-badge--padding-2xs:0;--ez-badge--padding-xs:var(--space--nano, 2px);--ez-badge--padding-sm:calc(var(--space--nano, 2px) + 1px);--ez-badge--padding-md:var(--space--3xs, 4px);--ez-badge--padding-lg:calc(var(--space--3xs, 4px) + 2px);--ez-badge--padding-xl:var(--space--2xs);--ez-badge--border-radius:calc(var(--border--radius-medium, 12px) + 8px);--ez-badge--font-family:var(--font-pattern, Roboto);--ez-badge--font-weight-medium:var(--text-weight--medium, 400);--ez-badge--background-color:var(--color--primary, #008561);--ez-badge--border-none:0;--ez-badge--color:var(--text--inverted, #ffffff);--ez-badge--gap:calc(var(--ez-badge--padding-xs) + 1px);--ez-badge--font-size-md:var(--text--medium);--ez-badge--font-size-sm:var(--text--medium);--ez-badge--font-size-xs:var(--text--small)}ez-icon{--ez-icon--color:inherit}.badge{display:flex;justify-content:center;align-items:center;position:relative}.badge__content{font-family:var(--ez-badge--font-family, Roboto);font-weight:var(--ez-badge--font-weight-medium, 400);background-color:var(--ez-badge--background-color, #008561);border:var(--ez-badge--border-none, 0);color:var(--ez-badge--color, #ffffff);border-radius:var(--ez-badge--border-radius, 20px);gap:var(--ez-badge--gap, 3px);display:flex;justify-content:center;align-items:center}.badge__content--fill-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px)}.badge__content--fill-2xs{height:var(--ez-badge--size-2xs, 8px);min-width:var(--ez-badge--size-2xs, 8px)}.badge__content--text-md{height:calc(var(--ez-badge--size-md, 20px) - 2px);min-width:var(--ez-badge--size-sm, 20px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-md)}.badge__content--text-sm{height:calc(var(--ez-badge--size-sm, 16px) - 2px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-sm)}.badge__content--text-xs{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-2xs);padding-bottom:var(--ez-badge--padding-2xs);padding-right:var(--ez-badge--padding-lg);padding-left:var(--ez-badge--padding-lg);font-size:var(--ez-badge--font-size-xs)}.badge__content--icon-lg{height:var(--ez-badge--size-lg, 24px);min-width:var(--ez-badge--size-lg, 24px);padding:var(--ez-badge--padding-md)}.badge__content--icon-md{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-md)}.badge__content--icon-sm{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px);padding:var(--ez-badge--padding-xs)}.badge__content--fill{position:absolute;top:0;inset-inline-end:0;z-index:var(--most-visible, 2)}.badge__content--fill-top-right{transform:translate(50%, -50%);position:absolute;top:0;right:0}.badge__content--fill-top-left{transform:translate(-50%, -50%);position:absolute;top:0;left:0}.badge__content--fill-bottom-left{transform:translate(-50%, 50%);position:absolute;bottom:0;left:0}.badge__content--fill-bottom-right{transform:translate(50%, 50%);position:absolute;bottom:0;right:0}";
19
19
 
20
20
  const EzBadge = class {
21
21
  constructor(hostRef) {
@@ -46,7 +46,6 @@ const EzBadge = class {
46
46
  this.iconLeft = undefined;
47
47
  this.iconRight = undefined;
48
48
  this.position = { horizontal: "right", vertical: "top" };
49
- this.alignItems = "center";
50
49
  }
51
50
  getIconSize() {
52
51
  switch (this.size) {
@@ -61,16 +60,6 @@ const EzBadge = class {
61
60
  return null;
62
61
  }
63
62
  }
64
- getAlignItemsClass() {
65
- switch (this.alignItems) {
66
- case "flex-end":
67
- return "end";
68
- case "flex-start":
69
- return "start";
70
- default:
71
- return "center";
72
- }
73
- }
74
63
  componentDidLoad() {
75
64
  if (this._element) {
76
65
  core.ElementIDUtils.addIDInfo(this._element);
@@ -94,8 +83,7 @@ const EzBadge = class {
94
83
  }
95
84
  createContainerClassName() {
96
85
  let sizeSufix = this._sizes[this.size].sufix;
97
- let alignItemsClass = "badge__content--icon-align-" + this.getAlignItemsClass();
98
- let containerClassNames = ["badge__content", alignItemsClass];
86
+ let containerClassNames = ["badge__content"];
99
87
  if (this.hasSlot) {
100
88
  containerClassNames.push("badge__content--fill-" + sizeSufix);
101
89
  if (this.position.vertical == "bottom" && this.position.horizontal == "right") {