@pushengineering/umg-web-components 2.0.2 → 2.0.4

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 (203) hide show
  1. package/dist/classes/event-manager/event-manager.d.ts +52 -0
  2. package/dist/classes/event-manager/types.d.ts +6 -0
  3. package/dist/classes/index.d.ts +1 -0
  4. package/dist/components/badge/badge.d.ts +19 -0
  5. package/dist/{packages/web-components/components → components}/badge/badge.js +47 -49
  6. package/dist/components/badge/index.d.ts +2 -0
  7. package/dist/components/banner/banner.d.ts +39 -0
  8. package/dist/{packages/web-components/components → components}/banner/banner.js +23 -25
  9. package/dist/components/banner/index.d.ts +3 -0
  10. package/dist/components/banner-image/banner-image.d.ts +23 -0
  11. package/dist/{packages/web-components/components → components}/banner-image/banner-image.js +26 -29
  12. package/dist/components/banner-image/index.d.ts +2 -0
  13. package/dist/components/box/box.d.ts +28 -0
  14. package/dist/components/box/box.js +229 -0
  15. package/dist/components/box/index.d.ts +2 -0
  16. package/dist/components/button/button.d.ts +31 -0
  17. package/dist/{packages/web-components/components → components}/button/button.js +21 -24
  18. package/dist/components/button/index.d.ts +2 -0
  19. package/dist/components/button-group/button-group.d.ts +12 -0
  20. package/dist/{packages/web-components/components → components}/button-group/button-group.js +20 -23
  21. package/dist/components/button-group/index.d.ts +2 -0
  22. package/dist/components/button-icon/button-icon.d.ts +31 -0
  23. package/dist/{packages/web-components/components → components}/button-icon/button-icon.js +25 -28
  24. package/dist/components/button-icon/index.d.ts +2 -0
  25. package/dist/components/caption-card/caption-card.d.ts +38 -0
  26. package/dist/{packages/web-components/components → components}/caption-card/caption-card.js +19 -21
  27. package/dist/components/caption-card/index.d.ts +2 -0
  28. package/dist/components/deferred-media/deferred-media.d.ts +25 -0
  29. package/dist/{packages/web-components/components → components}/deferred-media/deferred-media.js +27 -27
  30. package/dist/components/deferred-media/index.d.ts +2 -0
  31. package/dist/components/disclosure/disclosure.d.ts +23 -0
  32. package/dist/{packages/web-components/components → components}/disclosure/disclosure.js +16 -19
  33. package/dist/components/disclosure/index.d.ts +2 -0
  34. package/dist/components/event-table/event-content.d.ts +7 -0
  35. package/dist/{packages/web-components/components → components}/event-table/event-content.js +19 -22
  36. package/dist/components/event-table/event-date.d.ts +5 -0
  37. package/dist/components/event-table/event-date.js +42 -0
  38. package/dist/components/event-table/event-table.d.ts +10 -0
  39. package/dist/components/event-table/event-table.js +71 -0
  40. package/dist/components/event-table/event.d.ts +5 -0
  41. package/dist/components/event-table/event.js +42 -0
  42. package/dist/components/event-table/index.d.ts +2 -0
  43. package/dist/components/footer/footer.d.ts +16 -0
  44. package/dist/{packages/web-components/components → components}/footer/footer.js +15 -18
  45. package/dist/components/footer/index.d.ts +2 -0
  46. package/dist/components/grid/grid-cell.d.ts +5 -0
  47. package/dist/components/grid/grid-cell.js +37 -0
  48. package/dist/components/grid/grid.d.ts +12 -0
  49. package/dist/{packages/web-components/components → components}/grid/grid.js +37 -40
  50. package/dist/components/grid/index.d.ts +2 -0
  51. package/dist/components/header/header.d.ts +36 -0
  52. package/dist/{packages/web-components/components → components}/header/header.js +25 -29
  53. package/dist/components/header/index.d.ts +2 -0
  54. package/dist/components/header-drawer/header-drawer.d.ts +32 -0
  55. package/dist/{packages/web-components/components → components}/header-drawer/header-drawer.js +18 -21
  56. package/dist/components/header-drawer/index.d.ts +2 -0
  57. package/dist/components/header-drawer/menu-drawer.d.ts +13 -0
  58. package/dist/{packages/web-components/components → components}/header-drawer/menu-drawer.js +16 -19
  59. package/dist/components/horizontal-stack/horizontal-stack.d.ts +13 -0
  60. package/dist/components/horizontal-stack/horizontal-stack.js +90 -0
  61. package/dist/components/horizontal-stack/index.d.ts +2 -0
  62. package/dist/components/icon/icon.d.ts +14 -0
  63. package/dist/{packages/web-components/components → components}/icon/icon.js +20 -23
  64. package/dist/components/icon/index.d.ts +2 -0
  65. package/dist/components/image/image.d.ts +19 -0
  66. package/dist/{packages/web-components/components → components}/image/image.js +17 -20
  67. package/dist/components/image/index.d.ts +2 -0
  68. package/dist/components/index.d.ts +41 -0
  69. package/dist/{packages/web-components/components → components}/index.js +38 -36
  70. package/dist/components/link/index.d.ts +2 -0
  71. package/dist/components/link/link.d.ts +10 -0
  72. package/dist/{packages/web-components/components → components}/link/link.js +27 -30
  73. package/dist/components/link-group/index.d.ts +2 -0
  74. package/dist/components/link-group/link-group.d.ts +13 -0
  75. package/dist/{packages/web-components/components → components}/link-group/link-group.js +15 -18
  76. package/dist/components/logo/index.d.ts +2 -0
  77. package/dist/components/logo/logo.d.ts +19 -0
  78. package/dist/{packages/web-components/components → components}/logo/logo.js +32 -35
  79. package/dist/components/media-gallery/index.d.ts +2 -0
  80. package/dist/components/media-gallery/media-gallery.d.ts +14 -0
  81. package/dist/{packages/web-components/components → components}/media-gallery/media-gallery.js +19 -22
  82. package/dist/components/media-gallery/media.d.ts +5 -0
  83. package/dist/components/media-gallery/media.js +29 -0
  84. package/dist/components/media-text/index.d.ts +2 -0
  85. package/dist/components/media-text/media-text.d.ts +30 -0
  86. package/dist/{packages/web-components/components → components}/media-text/media-text.js +20 -34
  87. package/dist/components/media-text/styles/media-size.d.ts +1 -0
  88. package/dist/{packages/web-components/components → components}/media-text/styles/media-size.js +5 -8
  89. package/dist/components/menu/index.d.ts +2 -0
  90. package/dist/components/menu/menu.d.ts +36 -0
  91. package/dist/{packages/web-components/components → components}/menu/menu.js +39 -38
  92. package/dist/components/menu-bar/index.d.ts +2 -0
  93. package/dist/components/menu-bar/menu-bar.d.ts +16 -0
  94. package/dist/components/menu-bar/menu-bar.js +110 -0
  95. package/dist/components/modal/index.d.ts +2 -0
  96. package/dist/components/modal/modal.d.ts +13 -0
  97. package/dist/{packages/web-components/components → components}/modal/modal.js +70 -41
  98. package/dist/components/multiselect/index.d.ts +2 -0
  99. package/dist/components/multiselect/multiselect.d.ts +60 -0
  100. package/dist/components/number-field/index.d.ts +2 -0
  101. package/dist/components/number-field/number-field.d.ts +28 -0
  102. package/dist/{packages/web-components/components → components}/number-field/number-field.js +22 -25
  103. package/dist/components/overlay/index.d.ts +2 -0
  104. package/dist/components/overlay/overlay.d.ts +13 -0
  105. package/dist/components/overlay/overlay.js +74 -0
  106. package/dist/components/page/index.d.ts +2 -0
  107. package/dist/components/page/page.d.ts +13 -0
  108. package/dist/{packages/web-components/components → components}/page/page.js +16 -19
  109. package/dist/components/popover/index.d.ts +2 -0
  110. package/dist/components/popover/popover.d.ts +19 -0
  111. package/dist/components/popover/popover.js +181 -0
  112. package/dist/components/rich-text/index.d.ts +2 -0
  113. package/dist/components/rich-text/rich-text.d.ts +11 -0
  114. package/dist/{packages/web-components/components → components}/rich-text/rich-text.js +25 -28
  115. package/dist/components/section/index.d.ts +2 -0
  116. package/dist/components/section/section.d.ts +33 -0
  117. package/dist/{packages/web-components/components → components}/section/section.js +71 -59
  118. package/dist/components/select/index.d.ts +2 -0
  119. package/dist/components/select/select.d.ts +44 -0
  120. package/dist/{packages/web-components/components → components}/select/select.js +48 -63
  121. package/dist/components/slider/index.d.ts +2 -0
  122. package/dist/components/slider/slide.d.ts +8 -0
  123. package/dist/components/slider/slide.js +65 -0
  124. package/dist/components/slider/slider-controls.d.ts +27 -0
  125. package/dist/{packages/web-components/components → components}/slider/slider-controls.js +45 -47
  126. package/dist/components/slider/slider.d.ts +68 -0
  127. package/dist/{packages/web-components/components → components}/slider/slider.js +25 -28
  128. package/dist/components/slider/styles/controls.d.ts +1 -0
  129. package/dist/{packages/web-components/components → components}/slider/styles/controls.js +3 -6
  130. package/dist/components/slider/styles/slider.d.ts +1 -0
  131. package/dist/{packages/web-components/components → components}/slider/styles/slider.js +3 -6
  132. package/dist/components/socials/index.d.ts +2 -0
  133. package/dist/components/socials/socials.d.ts +26 -0
  134. package/dist/components/socials/socials.js +93 -0
  135. package/dist/components/table/index.d.ts +2 -0
  136. package/dist/components/table/table.d.ts +13 -0
  137. package/dist/{packages/web-components/components → components}/table/table.js +30 -33
  138. package/dist/components/text/index.d.ts +2 -0
  139. package/dist/components/text/text.d.ts +24 -0
  140. package/dist/{packages/web-components/components → components}/text/text.js +65 -57
  141. package/dist/components/text-field/index.d.ts +2 -0
  142. package/dist/components/text-field/text-field.d.ts +25 -0
  143. package/dist/{packages/web-components/components → components}/text-field/text-field.js +13 -16
  144. package/dist/components/thumbnail-slider/index.d.ts +2 -0
  145. package/dist/components/thumbnail-slider/thumbnail-slide.d.ts +5 -0
  146. package/dist/components/thumbnail-slider/thumbnail-slide.js +48 -0
  147. package/dist/components/thumbnail-slider/thumbnail-slider.d.ts +20 -0
  148. package/dist/{packages/web-components/components → components}/thumbnail-slider/thumbnail-slider.js +15 -15
  149. package/dist/components/vertical-stack/index.d.ts +2 -0
  150. package/dist/components/vertical-stack/vertical-stack.d.ts +13 -0
  151. package/dist/components/vertical-stack/vertical-stack.js +92 -0
  152. package/dist/components/video/index.d.ts +2 -0
  153. package/dist/components/video/video.d.ts +29 -0
  154. package/dist/{packages/web-components/components → components}/video/video.js +22 -26
  155. package/dist/{packages/web-components/styles → styles}/button.js +4 -7
  156. package/dist/{packages/web-components/styles → styles}/fonts.js +21 -14
  157. package/dist/{packages/web-components/styles → styles}/global.js +3 -6
  158. package/dist/{packages/web-components/styles → styles}/grid.js +3 -6
  159. package/dist/{packages/web-components/styles → styles}/group.js +11 -14
  160. package/dist/{packages/web-components/styles → styles}/link.js +3 -6
  161. package/dist/{packages/web-components/styles → styles}/placeholder-media.js +3 -6
  162. package/dist/types.d.ts +66 -0
  163. package/package.json +47 -49
  164. package/readme.md +22 -69
  165. package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js +0 -56
  166. package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/base.js +0 -9
  167. package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js +0 -13
  168. package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js +0 -37
  169. package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js +0 -19
  170. package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query.js +0 -34
  171. package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js +0 -12
  172. package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js +0 -260
  173. package/dist/node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js +0 -50
  174. package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directive.js +0 -27
  175. package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js +0 -37
  176. package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/if-defined.js +0 -10
  177. package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/map.js +0 -15
  178. package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/range.js +0 -14
  179. package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js +0 -39
  180. package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js +0 -259
  181. package/dist/packages/web-components/components/box/box.js +0 -208
  182. package/dist/packages/web-components/components/event-table/event-date.js +0 -45
  183. package/dist/packages/web-components/components/event-table/event-table.js +0 -74
  184. package/dist/packages/web-components/components/event-table/event.js +0 -45
  185. package/dist/packages/web-components/components/grid/grid-cell.js +0 -40
  186. package/dist/packages/web-components/components/horizontal-stack/horizontal-stack.js +0 -93
  187. package/dist/packages/web-components/components/media-gallery/media.js +0 -31
  188. package/dist/packages/web-components/components/overlay/overlay.js +0 -77
  189. package/dist/packages/web-components/components/popover/popover.js +0 -163
  190. package/dist/packages/web-components/components/slider/slide.js +0 -68
  191. package/dist/packages/web-components/components/socials/socials.js +0 -96
  192. package/dist/packages/web-components/components/thumbnail-slider/thumbnail-slide.js +0 -51
  193. package/dist/packages/web-components/components/vertical-stack/vertical-stack.js +0 -95
  194. /package/dist/{packages/web-components/classes → classes}/event-manager/event-manager.js +0 -0
  195. /package/dist/{packages/web-components/classes → classes}/index.js +0 -0
  196. /package/dist/{packages/web-components/components → components}/icon/icons.svg.js +0 -0
  197. /package/dist/{packages/web-components/scripts → scripts}/mergeStyles.js +0 -0
  198. /package/dist/{packages/web-components/scripts → scripts}/polyfills/scrollyfills.js +0 -0
  199. /package/dist/{packages/web-components/scripts → scripts}/settings.js +0 -0
  200. /package/dist/{packages/web-components/scripts → scripts}/themeStyleSheet.js +0 -0
  201. /package/dist/{packages/web-components/scripts → scripts}/utilities/debounce.js +0 -0
  202. /package/dist/{packages/web-components/scripts → scripts}/utilities/paddingTransformations.js +0 -0
  203. /package/dist/{packages/web-components/styles → styles}/icon-size.js +0 -0
@@ -1,45 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as l } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import { LitElement as p } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { customElement as a } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { global as v } from "../../styles/global.js";
6
- import { settings as f } from "../../scripts/settings.js";
7
- import { mergeStyles as c } from "../../scripts/mergeStyles.js";
8
- import { css as _ } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
9
- var d = Object.defineProperty, u = Object.getOwnPropertyDescriptor, x = (n, r, m, t) => {
10
- for (var e = t > 1 ? void 0 : t ? u(r, m) : r, i = n.length - 1, s; i >= 0; i--)
11
- (s = n[i]) && (e = (t ? s(r, m, e) : s(e)) || e);
12
- return t && e && d(r, m, e), e;
13
- };
14
- const { prefix: g } = f;
15
- let o = class extends p {
16
- render() {
17
- return l`
18
- <div class="inline-event__item" part="event-item" role="row">
19
- <slot></slot>
20
- </div>
21
- `;
22
- }
23
- };
24
- o.styles = c([
25
- v,
26
- _`
27
- .inline-event__item {
28
- display: flex;
29
- gap: var(--um-space-32, 2rem);
30
- width: 100%;
31
- }
32
- @media only screen and (max-width: 48rem) {
33
- .inline-event__item {
34
- flex-direction: column;
35
- gap: var(--um-space-8, 0.5rem);
36
- }
37
- }
38
- `
39
- ]);
40
- o = x([
41
- a(`${g}-event`)
42
- ], o);
43
- export {
44
- o as Event
45
- };
@@ -1,40 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as p } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import { LitElement as f } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { customElement as a } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { global as c } from "../../styles/global.js";
6
- import { settings as n } from "../../scripts/settings.js";
7
- import { mergeStyles as g } from "../../scripts/mergeStyles.js";
8
- import { css as v } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
9
- var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, h = (l, e, s, t) => {
10
- for (var r = t > 1 ? void 0 : t ? _(e, s) : e, o = l.length - 1, i; o >= 0; o--)
11
- (i = l[o]) && (r = (t ? i(e, s, r) : i(r)) || r);
12
- return t && r && d(e, s, r), r;
13
- };
14
- const { prefix: u } = n;
15
- let m = class extends f {
16
- render() {
17
- return p`
18
- <div
19
- class="grid-item"
20
- part="grid-cell"
21
- >
22
- <slot></slot>
23
- </div>
24
- `;
25
- }
26
- };
27
- m.styles = g([
28
- c,
29
- v`
30
- .grid-item {
31
- height: 100%;
32
- }
33
- `
34
- ]);
35
- m = h([
36
- a(`${u}-grid-cell`)
37
- ], m);
38
- export {
39
- m as GridCell
40
- };
@@ -1,93 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as u } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import { LitElement as n } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { styleMap as f } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
5
- import { classMap as g } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
6
- import { customElement as c } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
7
- import { property as i } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
8
- import { settings as h } from "../../scripts/settings.js";
9
- import { global as y } from "../../styles/global.js";
10
- import { groupMobileAlign as b, groupMobileJustify as k, groupAlign as v, groupJustify as d } from "../../styles/group.js";
11
- import { mergeStyles as j } from "../../scripts/mergeStyles.js";
12
- import { css as z } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
13
- var x = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (t, e, a, l) => {
14
- for (var o = l > 1 ? void 0 : l ? _(e, a) : e, p = t.length - 1, m; p >= 0; p--)
15
- (m = t[p]) && (o = (l ? m(e, a, o) : m(o)) || o);
16
- return l && o && x(e, a, o), o;
17
- };
18
- const { prefix: A } = h;
19
- let s = class extends n {
20
- constructor() {
21
- super(...arguments), this.align = "start", this.justify = "start";
22
- }
23
- stackStyles() {
24
- let t = {};
25
- return this.gap !== void 0 && (t = {
26
- ...t,
27
- "--um-space-horizontal-stack-gap": this.gap / 16 + "rem"
28
- }), t;
29
- }
30
- stackClasses() {
31
- const t = {};
32
- return t["group-justify--" + this.justify] = !0, t["group-align--" + this.align] = !0, this.mobileJustify ? t["group-mobile-justify--" + this.mobileJustify] = !0 : t["group-mobile-justify--" + this.justify] = !0, this.mobileAlign ? t["group-mobile-align--" + this.mobileAlign] = !0 : t["group-mobile-align--" + this.align] = !0, t;
33
- }
34
- render() {
35
- return u`
36
- <div
37
- part="horizontal-stack"
38
- class="horizontal-stack${g(this.stackClasses())}"
39
- style="${f(this.stackStyles())}"
40
- >
41
- <slot></slot>
42
- </div>
43
- `;
44
- }
45
- };
46
- s.styles = j([
47
- y,
48
- z`
49
- :host {
50
- display: block;
51
- width: 100%;
52
- }
53
-
54
- ::slotted(*) {
55
- flex-shrink: 1;
56
- }
57
-
58
- .horizontal-stack {
59
- display: flex;
60
- gap: var(--um-space-horizontal-stack-gap, var(--um-space-grid-desktop-horizontal, 1rem));
61
- }
62
-
63
- .horizontal-stack.group-justify--stretch ::slotted(*) {
64
- flex-grow: 1;
65
- flex-shrink: 0;
66
- }
67
- `,
68
- b,
69
- k,
70
- v,
71
- d
72
- ]);
73
- r([
74
- i({ type: Number })
75
- ], s.prototype, "gap", 2);
76
- r([
77
- i()
78
- ], s.prototype, "align", 2);
79
- r([
80
- i()
81
- ], s.prototype, "mobileAlign", 2);
82
- r([
83
- i()
84
- ], s.prototype, "justify", 2);
85
- r([
86
- i()
87
- ], s.prototype, "mobileJustify", 2);
88
- s = r([
89
- c(`${A}-horizontal-stack`)
90
- ], s);
91
- export {
92
- s as HorizontalStack
93
- };
@@ -1,31 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as a } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import { LitElement as f } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { property as l } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
5
- import { customElement as c } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
6
- import { settings as u } from "../../scripts/settings.js";
7
- var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (i, t, o, e) => {
8
- for (var r = e > 1 ? void 0 : e ? v(t, o) : t, s = i.length - 1, m; s >= 0; s--)
9
- (m = i[s]) && (r = (e ? m(t, o, r) : m(r)) || r);
10
- return e && r && d(t, o, r), r;
11
- };
12
- const { prefix: _ } = u;
13
- let p = class extends f {
14
- constructor() {
15
- super(...arguments), this.mediaId = "";
16
- }
17
- render() {
18
- return a`
19
- <slot></slot>
20
- `;
21
- }
22
- };
23
- n([
24
- l()
25
- ], p.prototype, "mediaId", 2);
26
- p = n([
27
- c(`${_}-media`)
28
- ], p);
29
- export {
30
- p as Media
31
- };
@@ -1,77 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as p } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import { LitElement as c } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { customElement as m } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { property as v } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
6
- import { state as d } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";
7
- import { classMap as y } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
8
- import { global as b } from "../../styles/global.js";
9
- import { settings as h } from "../../scripts/settings.js";
10
- import { mergeStyles as f } from "../../scripts/mergeStyles.js";
11
- import { css as u } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
12
- var w = Object.defineProperty, O = Object.getOwnPropertyDescriptor, i = (r, s, l, t) => {
13
- for (var e = t > 1 ? void 0 : t ? O(s, l) : s, n = r.length - 1, a; n >= 0; n--)
14
- (a = r[n]) && (e = (t ? a(s, l, e) : a(e)) || e);
15
- return t && e && w(s, l, e), e;
16
- };
17
- const { prefix: _ } = h;
18
- let o = class extends c {
19
- constructor() {
20
- super(...arguments), this.colorText = "", this.colorBg = "", this._visible = !1;
21
- }
22
- connectedCallback() {
23
- super.connectedCallback(), window.addEventListener("overlay-open", this.openOverlay.bind(this)), window.addEventListener("overlay-close", this.closeOverlay.bind(this));
24
- }
25
- disconnectedCallback() {
26
- window.removeEventListener("overlay-open", this.openOverlay.bind(this)), window.removeEventListener("overlay-close", this.closeOverlay.bind(this)), super.disconnectedCallback();
27
- }
28
- openOverlay() {
29
- this._visible = !0;
30
- }
31
- closeOverlay() {
32
- this._visible = !1;
33
- }
34
- overlayClasses() {
35
- const r = {};
36
- return this._visible && (r["menu-overlay--visible"] = !0), r;
37
- }
38
- render() {
39
- return p`
40
- <div class="menu-overlay${y(this.overlayClasses())}"></div>
41
- `;
42
- }
43
- };
44
- o.styles = f([
45
- b,
46
- u`
47
- .menu-overlay {
48
- display: none;
49
- position: absolute;
50
- inset: 0;
51
- height: 100%;
52
- width: 100%;
53
- z-index: 500;
54
- background-color: rgb(var(--um-color-modal-bg, 0,0,0), 0.7);
55
- pointer-events: none;
56
- }
57
-
58
- .menu-overlay--visible {
59
- display: block;
60
- }
61
- `
62
- ]);
63
- i([
64
- v()
65
- ], o.prototype, "colorText", 2);
66
- i([
67
- v()
68
- ], o.prototype, "colorBg", 2);
69
- i([
70
- d()
71
- ], o.prototype, "_visible", 2);
72
- o = i([
73
- m(`${_}-overlay`)
74
- ], o);
75
- export {
76
- o as Overlay
77
- };
@@ -1,163 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as a } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import { LitElement as c } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { customElement as v } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { property as m } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
6
- import { classMap as u } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
7
- import { styleMap as b } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
8
- import { EventManager as d } from "../../classes/event-manager/event-manager.js";
9
- import { global as h } from "../../styles/global.js";
10
- import { settings as f } from "../../scripts/settings.js";
11
- import { mergeStyles as g } from "../../scripts/mergeStyles.js";
12
- import "../box/box.js";
13
- import "../vertical-stack/vertical-stack.js";
14
- import "../horizontal-stack/horizontal-stack.js";
15
- import "../button-icon/button-icon.js";
16
- import { css as y } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
17
- var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, l = (e, t, r, s) => {
18
- for (var o = s > 1 ? void 0 : s ? w(t, r) : t, n = e.length - 1, p; n >= 0; n--)
19
- (p = e[n]) && (o = (s ? p(t, r, o) : p(o)) || o);
20
- return s && o && x(t, r, o), o;
21
- };
22
- const { prefix: _ } = f;
23
- let i = class extends c {
24
- constructor() {
25
- super(...arguments), this.visible = !1, this.eventManager = new d(this);
26
- }
27
- _eventsDispatcher(e) {
28
- if (!e)
29
- throw new Error("Missing custom event type");
30
- const t = { bubbles: !0, composed: !0 }, r = {};
31
- e === "close" && (e = "close-popover", this.eventManager.dispatchCustomEvent(e, r, t));
32
- }
33
- closePopover() {
34
- this.visible = !1, this._eventsDispatcher("close");
35
- }
36
- popoverClasses() {
37
- return {
38
- "popover--visible": this.visible
39
- };
40
- }
41
- popoverStyles() {
42
- return {
43
- visibility: this.visible ? "visible" : "hidden"
44
- };
45
- }
46
- closeButton() {
47
- if (this.visible)
48
- return a`
49
- <umg-button-icon
50
- part="close-button"
51
- class="close-button"
52
- icon="close"
53
- padding="4"
54
- @click="${this.closePopover}"
55
- >
56
- </umg-button-icon>
57
- `;
58
- }
59
- render() {
60
- return a`
61
- <div
62
- class="popover${u(this.popoverClasses())}"
63
- style="${b(this.popoverStyles())}"
64
- >
65
- <div class="popover-inner">
66
- <umg-vertical-stack
67
- align="center"
68
- justify="center"
69
- >
70
- <umg-box
71
- class="popover-content"
72
- opacity="1"
73
- padding="24"
74
- borderRadius="40"
75
- border
76
- >
77
- <umg-vertical-stack gap="20">
78
- <umg-horizontal-stack
79
- class="popover-title"
80
- align="center"
81
- justify="center"
82
- mobileJustify="space-between"
83
- >
84
- <slot name="title" alignment="start"></slot>
85
- ${this.closeButton()}
86
- </umg-horizontal-stack>
87
- <slot name="content"></slot>
88
- </umg-vertical-stack>
89
- </umg-box>
90
- </umg-vertical-stack>
91
- </div>
92
- </div>
93
- `;
94
- }
95
- };
96
- i.styles = g([
97
- h,
98
- y`
99
- .popover {
100
- background-color: rgb(var(--um-color-box-bg), 0.95);
101
- position: fixed;
102
- visibility: hidden;
103
- inset: 0;
104
- z-index: 100;
105
- flex-direction: column;
106
- justify-content: stretch;
107
- overflow: hidden;
108
- }
109
-
110
- .popover-inner {
111
- height: 100%;
112
- width: 100%;
113
- }
114
-
115
- @media only screen and (hover: hover) {
116
- .close-button {
117
- display: none;
118
- }
119
- .popover {
120
- position: absolute;
121
- border-radius: var(--um-border-caption-card-radius);
122
- }
123
- .popover-inner {
124
- opacity: 0;
125
- max-width: 320px;
126
- margin: 0 auto;
127
- }
128
- .popover-inner .popover-content::part(box) {
129
- border: none;
130
- --um-opacity-box-bg: 0;
131
- }
132
- .popover--visible .popover-inner {
133
- opacity: 1;
134
- transition: opacity 0.3s
135
- }
136
- }
137
-
138
- @media screen and (hover: none) {
139
- .popover-inner {
140
- padding: var(--um-space-24);
141
- transform: translateX(100%);
142
- max-width: 22rem;
143
- margin: 0 auto;
144
- }
145
- .popover--visible .popover-inner {
146
- transform: translateX(0);
147
- transition: all 0.3s
148
- }
149
- .popover-inner .popover-title::part(horizontal-stack) {
150
- justify-content: space-between;
151
- }
152
- }
153
- `
154
- ]);
155
- l([
156
- m({ type: Boolean, reflect: !0 })
157
- ], i.prototype, "visible", 2);
158
- i = l([
159
- v(`${_}-popover`)
160
- ], i);
161
- export {
162
- i as Popover
163
- };
@@ -1,68 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as p } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import { LitElement as c } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { property as a } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
5
- import { customElement as d } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
6
- import { global as f } from "../../styles/global.js";
7
- import { settings as h } from "../../scripts/settings.js";
8
- import { mergeStyles as u } from "../../scripts/mergeStyles.js";
9
- import { css as v } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
10
- var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (m, r, o, s) => {
11
- for (var t = s > 1 ? void 0 : s ? _(r, o) : r, i = m.length - 1, l; i >= 0; i--)
12
- (l = m[i]) && (t = (s ? l(r, o, t) : l(t)) || t);
13
- return s && t && y(r, o, t), t;
14
- };
15
- const { prefix: g } = h;
16
- let e = class extends c {
17
- constructor() {
18
- super(...arguments), this.contentType = "slider", this.active = !1;
19
- }
20
- content() {
21
- return this.contentType === "slider" ? p`
22
- <li class="slide grid__item" part="slide">
23
- <slot></slot>
24
- </li>
25
- ` : p`
26
- <div
27
- class="slide grid__item"
28
- part="slide"
29
- role="group"
30
- aria-roledescription="slide"
31
- aria-hidden="false"
32
- >
33
- <slot></slot>
34
- </div>
35
- `;
36
- }
37
- render() {
38
- return p`
39
- ${this.content()}
40
- `;
41
- }
42
- };
43
- e.styles = u([
44
- f,
45
- v`
46
- :host {
47
- display: block;
48
- }
49
- .slide {
50
- height: 100%;
51
- }
52
- ::slotted(*) {
53
- height: 100%;
54
- }
55
- `
56
- ]);
57
- n([
58
- a()
59
- ], e.prototype, "contentType", 2);
60
- n([
61
- a({ type: Boolean })
62
- ], e.prototype, "active", 2);
63
- e = n([
64
- d(`${g}-slide`)
65
- ], e);
66
- export {
67
- e as Slide
68
- };
@@ -1,96 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import { LitElement as u } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { customElement as g } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { property as r } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
6
- import { ifDefined as s } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/if-defined.js";
7
- import { global as y } from "../../styles/global.js";
8
- import { settings as f } from "../../scripts/settings.js";
9
- import { mergeStyles as h } from "../../scripts/mergeStyles.js";
10
- import "../link-group/link-group.js";
11
- import "../button-icon/button-icon.js";
12
- var d = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (i, p, l, a) => {
13
- for (var e = a > 1 ? void 0 : a ? b(p, l) : p, m = i.length - 1, n; m >= 0; m--)
14
- (n = i[m]) && (e = (a ? n(p, l, e) : n(e)) || e);
15
- return a && e && d(p, l, e), e;
16
- };
17
- const { prefix: $ } = f;
18
- let t = class extends u {
19
- constructor() {
20
- super(...arguments), this.target = "_self", this.size = "large", this.spacing = "normal", this.justify = "start", this.mobileJustify = "center", this.border = !1, this.padding = "0";
21
- }
22
- socialLinks() {
23
- if (this.data)
24
- return this.data.map((i) => c`
25
- <umg-button-icon
26
- as="link"
27
- url="${s(i.url)}"
28
- target="${this.target}"
29
- icon="${i.icon}"
30
- size="${this.size}"
31
- label="${i.name}"
32
- padding=${this.padding}
33
- colorText="${s(this.colorText)}"
34
- colorbg="${s(this.colorBg)}"
35
- colorBgOpacity="${s(this.colorBgOpacity)}"
36
- borderRadius="${s(this.borderRadius)}"
37
- ?border="${this.border}"
38
- >
39
- </umg-button-icon>
40
- `);
41
- }
42
- render() {
43
- return c`
44
- <umg-link-group
45
- spacing="${this.spacing}"
46
- justify="${this.justify}"
47
- mobileJustify="${this.mobileJustify}"
48
- >
49
- ${this.socialLinks()}
50
- </umg-link-group>
51
- `;
52
- }
53
- };
54
- t.styles = h([y]);
55
- o([
56
- r()
57
- ], t.prototype, "target", 2);
58
- o([
59
- r()
60
- ], t.prototype, "size", 2);
61
- o([
62
- r()
63
- ], t.prototype, "spacing", 2);
64
- o([
65
- r()
66
- ], t.prototype, "justify", 2);
67
- o([
68
- r()
69
- ], t.prototype, "mobileJustify", 2);
70
- o([
71
- r()
72
- ], t.prototype, "colorText", 2);
73
- o([
74
- r()
75
- ], t.prototype, "colorBg", 2);
76
- o([
77
- r({ type: Number })
78
- ], t.prototype, "colorBgOpacity", 2);
79
- o([
80
- r()
81
- ], t.prototype, "borderRadius", 2);
82
- o([
83
- r({ type: Boolean })
84
- ], t.prototype, "border", 2);
85
- o([
86
- r()
87
- ], t.prototype, "padding", 2);
88
- o([
89
- r({ type: Object })
90
- ], t.prototype, "data", 2);
91
- t = o([
92
- g(`${$}-socials`)
93
- ], t);
94
- export {
95
- t as Socials
96
- };
@@ -1,51 +0,0 @@
1
- import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
2
- import "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
3
- import "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
4
- import { property as n } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
5
- import { customElement as c } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
6
- import { Slide as a } from "../slider/slide.js";
7
- import { settings as d } from "../../scripts/settings.js";
8
- import { css as f } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
9
- var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (m, t, s, e) => {
10
- for (var r = e > 1 ? void 0 : e ? b(t, s) : t, i = m.length - 1, p; i >= 0; i--)
11
- (p = m[i]) && (r = (e ? p(t, s, r) : p(r)) || r);
12
- return e && r && u(t, s, r), r;
13
- };
14
- const { prefix: v } = d;
15
- let o = class extends a {
16
- constructor() {
17
- super(...arguments), this.mediaId = "";
18
- }
19
- };
20
- o.styles = [
21
- a.styles,
22
- f`
23
- :host {
24
- padding: var(--um-space-4, 0.25rem);
25
- }
26
- :host([active]) {
27
- padding: 0;
28
- position: relative;
29
- }
30
- :host([active])::after {
31
- content: '';
32
- display: block;
33
- position: absolute;
34
- inset: 0;
35
- background-color: rgb(255,255,255,0.2);
36
- cursor: default;
37
- }
38
- li {
39
- border: 0.0625rem solid rgb(0,0,0,0.1);
40
- }
41
- `
42
- ];
43
- l([
44
- n()
45
- ], o.prototype, "mediaId", 2);
46
- o = l([
47
- c(`${v}-thumbnail-slide`)
48
- ], o);
49
- export {
50
- o as ThumbnailSlide
51
- };