@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.
- package/dist/classes/event-manager/event-manager.d.ts +52 -0
- package/dist/classes/event-manager/types.d.ts +6 -0
- package/dist/classes/index.d.ts +1 -0
- package/dist/components/badge/badge.d.ts +19 -0
- package/dist/{packages/web-components/components → components}/badge/badge.js +47 -49
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/banner/banner.d.ts +39 -0
- package/dist/{packages/web-components/components → components}/banner/banner.js +23 -25
- package/dist/components/banner/index.d.ts +3 -0
- package/dist/components/banner-image/banner-image.d.ts +23 -0
- package/dist/{packages/web-components/components → components}/banner-image/banner-image.js +26 -29
- package/dist/components/banner-image/index.d.ts +2 -0
- package/dist/components/box/box.d.ts +28 -0
- package/dist/components/box/box.js +229 -0
- package/dist/components/box/index.d.ts +2 -0
- package/dist/components/button/button.d.ts +31 -0
- package/dist/{packages/web-components/components → components}/button/button.js +21 -24
- package/dist/components/button/index.d.ts +2 -0
- package/dist/components/button-group/button-group.d.ts +12 -0
- package/dist/{packages/web-components/components → components}/button-group/button-group.js +20 -23
- package/dist/components/button-group/index.d.ts +2 -0
- package/dist/components/button-icon/button-icon.d.ts +31 -0
- package/dist/{packages/web-components/components → components}/button-icon/button-icon.js +25 -28
- package/dist/components/button-icon/index.d.ts +2 -0
- package/dist/components/caption-card/caption-card.d.ts +38 -0
- package/dist/{packages/web-components/components → components}/caption-card/caption-card.js +19 -21
- package/dist/components/caption-card/index.d.ts +2 -0
- package/dist/components/deferred-media/deferred-media.d.ts +25 -0
- package/dist/{packages/web-components/components → components}/deferred-media/deferred-media.js +27 -27
- package/dist/components/deferred-media/index.d.ts +2 -0
- package/dist/components/disclosure/disclosure.d.ts +23 -0
- package/dist/{packages/web-components/components → components}/disclosure/disclosure.js +16 -19
- package/dist/components/disclosure/index.d.ts +2 -0
- package/dist/components/event-table/event-content.d.ts +7 -0
- package/dist/{packages/web-components/components → components}/event-table/event-content.js +19 -22
- package/dist/components/event-table/event-date.d.ts +5 -0
- package/dist/components/event-table/event-date.js +42 -0
- package/dist/components/event-table/event-table.d.ts +10 -0
- package/dist/components/event-table/event-table.js +71 -0
- package/dist/components/event-table/event.d.ts +5 -0
- package/dist/components/event-table/event.js +42 -0
- package/dist/components/event-table/index.d.ts +2 -0
- package/dist/components/footer/footer.d.ts +16 -0
- package/dist/{packages/web-components/components → components}/footer/footer.js +15 -18
- package/dist/components/footer/index.d.ts +2 -0
- package/dist/components/grid/grid-cell.d.ts +5 -0
- package/dist/components/grid/grid-cell.js +37 -0
- package/dist/components/grid/grid.d.ts +12 -0
- package/dist/{packages/web-components/components → components}/grid/grid.js +37 -40
- package/dist/components/grid/index.d.ts +2 -0
- package/dist/components/header/header.d.ts +36 -0
- package/dist/{packages/web-components/components → components}/header/header.js +25 -29
- package/dist/components/header/index.d.ts +2 -0
- package/dist/components/header-drawer/header-drawer.d.ts +32 -0
- package/dist/{packages/web-components/components → components}/header-drawer/header-drawer.js +18 -21
- package/dist/components/header-drawer/index.d.ts +2 -0
- package/dist/components/header-drawer/menu-drawer.d.ts +13 -0
- package/dist/{packages/web-components/components → components}/header-drawer/menu-drawer.js +16 -19
- package/dist/components/horizontal-stack/horizontal-stack.d.ts +13 -0
- package/dist/components/horizontal-stack/horizontal-stack.js +90 -0
- package/dist/components/horizontal-stack/index.d.ts +2 -0
- package/dist/components/icon/icon.d.ts +14 -0
- package/dist/{packages/web-components/components → components}/icon/icon.js +20 -23
- package/dist/components/icon/index.d.ts +2 -0
- package/dist/components/image/image.d.ts +19 -0
- package/dist/{packages/web-components/components → components}/image/image.js +17 -20
- package/dist/components/image/index.d.ts +2 -0
- package/dist/components/index.d.ts +41 -0
- package/dist/{packages/web-components/components → components}/index.js +38 -36
- package/dist/components/link/index.d.ts +2 -0
- package/dist/components/link/link.d.ts +10 -0
- package/dist/{packages/web-components/components → components}/link/link.js +27 -30
- package/dist/components/link-group/index.d.ts +2 -0
- package/dist/components/link-group/link-group.d.ts +13 -0
- package/dist/{packages/web-components/components → components}/link-group/link-group.js +15 -18
- package/dist/components/logo/index.d.ts +2 -0
- package/dist/components/logo/logo.d.ts +19 -0
- package/dist/{packages/web-components/components → components}/logo/logo.js +32 -35
- package/dist/components/media-gallery/index.d.ts +2 -0
- package/dist/components/media-gallery/media-gallery.d.ts +14 -0
- package/dist/{packages/web-components/components → components}/media-gallery/media-gallery.js +19 -22
- package/dist/components/media-gallery/media.d.ts +5 -0
- package/dist/components/media-gallery/media.js +29 -0
- package/dist/components/media-text/index.d.ts +2 -0
- package/dist/components/media-text/media-text.d.ts +30 -0
- package/dist/{packages/web-components/components → components}/media-text/media-text.js +20 -34
- package/dist/components/media-text/styles/media-size.d.ts +1 -0
- package/dist/{packages/web-components/components → components}/media-text/styles/media-size.js +5 -8
- package/dist/components/menu/index.d.ts +2 -0
- package/dist/components/menu/menu.d.ts +36 -0
- package/dist/{packages/web-components/components → components}/menu/menu.js +39 -38
- package/dist/components/menu-bar/index.d.ts +2 -0
- package/dist/components/menu-bar/menu-bar.d.ts +16 -0
- package/dist/components/menu-bar/menu-bar.js +110 -0
- package/dist/components/modal/index.d.ts +2 -0
- package/dist/components/modal/modal.d.ts +13 -0
- package/dist/{packages/web-components/components → components}/modal/modal.js +70 -41
- package/dist/components/multiselect/index.d.ts +2 -0
- package/dist/components/multiselect/multiselect.d.ts +60 -0
- package/dist/components/number-field/index.d.ts +2 -0
- package/dist/components/number-field/number-field.d.ts +28 -0
- package/dist/{packages/web-components/components → components}/number-field/number-field.js +22 -25
- package/dist/components/overlay/index.d.ts +2 -0
- package/dist/components/overlay/overlay.d.ts +13 -0
- package/dist/components/overlay/overlay.js +74 -0
- package/dist/components/page/index.d.ts +2 -0
- package/dist/components/page/page.d.ts +13 -0
- package/dist/{packages/web-components/components → components}/page/page.js +16 -19
- package/dist/components/popover/index.d.ts +2 -0
- package/dist/components/popover/popover.d.ts +19 -0
- package/dist/components/popover/popover.js +181 -0
- package/dist/components/rich-text/index.d.ts +2 -0
- package/dist/components/rich-text/rich-text.d.ts +11 -0
- package/dist/{packages/web-components/components → components}/rich-text/rich-text.js +25 -28
- package/dist/components/section/index.d.ts +2 -0
- package/dist/components/section/section.d.ts +33 -0
- package/dist/{packages/web-components/components → components}/section/section.js +71 -59
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/select.d.ts +44 -0
- package/dist/{packages/web-components/components → components}/select/select.js +48 -63
- package/dist/components/slider/index.d.ts +2 -0
- package/dist/components/slider/slide.d.ts +8 -0
- package/dist/components/slider/slide.js +65 -0
- package/dist/components/slider/slider-controls.d.ts +27 -0
- package/dist/{packages/web-components/components → components}/slider/slider-controls.js +45 -47
- package/dist/components/slider/slider.d.ts +68 -0
- package/dist/{packages/web-components/components → components}/slider/slider.js +25 -28
- package/dist/components/slider/styles/controls.d.ts +1 -0
- package/dist/{packages/web-components/components → components}/slider/styles/controls.js +3 -6
- package/dist/components/slider/styles/slider.d.ts +1 -0
- package/dist/{packages/web-components/components → components}/slider/styles/slider.js +3 -6
- package/dist/components/socials/index.d.ts +2 -0
- package/dist/components/socials/socials.d.ts +26 -0
- package/dist/components/socials/socials.js +93 -0
- package/dist/components/table/index.d.ts +2 -0
- package/dist/components/table/table.d.ts +13 -0
- package/dist/{packages/web-components/components → components}/table/table.js +30 -33
- package/dist/components/text/index.d.ts +2 -0
- package/dist/components/text/text.d.ts +24 -0
- package/dist/{packages/web-components/components → components}/text/text.js +65 -57
- package/dist/components/text-field/index.d.ts +2 -0
- package/dist/components/text-field/text-field.d.ts +25 -0
- package/dist/{packages/web-components/components → components}/text-field/text-field.js +13 -16
- package/dist/components/thumbnail-slider/index.d.ts +2 -0
- package/dist/components/thumbnail-slider/thumbnail-slide.d.ts +5 -0
- package/dist/components/thumbnail-slider/thumbnail-slide.js +48 -0
- package/dist/components/thumbnail-slider/thumbnail-slider.d.ts +20 -0
- package/dist/{packages/web-components/components → components}/thumbnail-slider/thumbnail-slider.js +15 -15
- package/dist/components/vertical-stack/index.d.ts +2 -0
- package/dist/components/vertical-stack/vertical-stack.d.ts +13 -0
- package/dist/components/vertical-stack/vertical-stack.js +92 -0
- package/dist/components/video/index.d.ts +2 -0
- package/dist/components/video/video.d.ts +29 -0
- package/dist/{packages/web-components/components → components}/video/video.js +22 -26
- package/dist/{packages/web-components/styles → styles}/button.js +4 -7
- package/dist/{packages/web-components/styles → styles}/fonts.js +21 -14
- package/dist/{packages/web-components/styles → styles}/global.js +3 -6
- package/dist/{packages/web-components/styles → styles}/grid.js +3 -6
- package/dist/{packages/web-components/styles → styles}/group.js +11 -14
- package/dist/{packages/web-components/styles → styles}/link.js +3 -6
- package/dist/{packages/web-components/styles → styles}/placeholder-media.js +3 -6
- package/dist/types.d.ts +66 -0
- package/package.json +47 -49
- package/readme.md +22 -69
- package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js +0 -56
- package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/base.js +0 -9
- package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js +0 -13
- package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js +0 -37
- package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js +0 -19
- package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query.js +0 -34
- package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js +0 -12
- package/dist/node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js +0 -260
- package/dist/node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js +0 -50
- package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directive.js +0 -27
- package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js +0 -37
- package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/if-defined.js +0 -10
- package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/map.js +0 -15
- package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/range.js +0 -14
- package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js +0 -39
- package/dist/node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js +0 -259
- package/dist/packages/web-components/components/box/box.js +0 -208
- package/dist/packages/web-components/components/event-table/event-date.js +0 -45
- package/dist/packages/web-components/components/event-table/event-table.js +0 -74
- package/dist/packages/web-components/components/event-table/event.js +0 -45
- package/dist/packages/web-components/components/grid/grid-cell.js +0 -40
- package/dist/packages/web-components/components/horizontal-stack/horizontal-stack.js +0 -93
- package/dist/packages/web-components/components/media-gallery/media.js +0 -31
- package/dist/packages/web-components/components/overlay/overlay.js +0 -77
- package/dist/packages/web-components/components/popover/popover.js +0 -163
- package/dist/packages/web-components/components/slider/slide.js +0 -68
- package/dist/packages/web-components/components/socials/socials.js +0 -96
- package/dist/packages/web-components/components/thumbnail-slider/thumbnail-slide.js +0 -51
- package/dist/packages/web-components/components/vertical-stack/vertical-stack.js +0 -95
- /package/dist/{packages/web-components/classes → classes}/event-manager/event-manager.js +0 -0
- /package/dist/{packages/web-components/classes → classes}/index.js +0 -0
- /package/dist/{packages/web-components/components → components}/icon/icons.svg.js +0 -0
- /package/dist/{packages/web-components/scripts → scripts}/mergeStyles.js +0 -0
- /package/dist/{packages/web-components/scripts → scripts}/polyfills/scrollyfills.js +0 -0
- /package/dist/{packages/web-components/scripts → scripts}/settings.js +0 -0
- /package/dist/{packages/web-components/scripts → scripts}/themeStyleSheet.js +0 -0
- /package/dist/{packages/web-components/scripts → scripts}/utilities/debounce.js +0 -0
- /package/dist/{packages/web-components/scripts → scripts}/utilities/paddingTransformations.js +0 -0
- /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
|
-
};
|