@cupra/ui-kit 2.0.0-canary.175 → 2.0.0-canary.176
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/cjs/components/ds-banner/ds-banner.cjs +19 -0
- package/dist/cjs/components/ds-banner/styles/common.styles.cjs +77 -0
- package/dist/cjs/components/ds-calendar/ds-calendar.cjs +1 -1
- package/dist/cjs/components/ds-inline-alert/ds-inline-alert.cjs +1 -1
- package/dist/cjs/components/ds-modal/ds-modal.cjs +1 -1
- package/dist/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs +1 -1
- package/dist/cjs/components/ds-text/ds-text.cjs +2 -2
- package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
- package/dist/cjs/components/ds-toast-message/ds-toast-message.cjs +1 -1
- package/dist/cjs/components/ds-tooltip/ds-tooltip.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/decorators/customUiKitElement.cjs +1 -1
- package/dist/cjs/mixins/ViewportMixin.cjs +1 -1
- package/dist/cjs/utils/IconsManager.cjs +1 -1
- package/dist/cjs/utils/PubSub.cjs +1 -1
- package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
- package/dist/cjs/utils/version.cjs +1 -1
- package/dist/esm/components/ds-banner/ds-banner.js +74 -0
- package/dist/esm/components/ds-banner/styles/common.styles.js +82 -0
- package/dist/esm/components/ds-calendar/ds-calendar.js +1 -1
- package/dist/esm/components/ds-inline-alert/ds-inline-alert.js +1 -1
- package/dist/esm/components/ds-modal/ds-modal.js +1 -1
- package/dist/esm/components/ds-secondary-navigation/ds-secondary-navigation.js +1 -1
- package/dist/esm/components/ds-text/ds-text.js +7 -7
- package/dist/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
- package/dist/esm/components/ds-toast-message/ds-toast-message.js +1 -1
- package/dist/esm/components/ds-tooltip/ds-tooltip.js +9 -9
- package/dist/esm/components/index.js +2 -1
- package/dist/esm/decorators/customUiKitElement.js +1 -1
- package/dist/esm/mixins/ViewportMixin.js +10 -10
- package/dist/esm/utils/IconsManager.js +1 -1
- package/dist/esm/utils/PubSub.js +1 -1
- package/dist/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
- package/dist/esm/utils/version.js +1 -1
- package/dist/types/components/ds-banner/ds-banner.d.ts +20 -0
- package/dist/types/components/ds-banner/ds-banner.types.d.ts +7 -0
- package/dist/types/components/ds-banner/styles/common.styles.d.ts +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist-react/cjs/components/ds-banner/ds-banner.cjs +19 -0
- package/dist-react/cjs/components/ds-banner/styles/common.styles.cjs +77 -0
- package/dist-react/cjs/components/ds-calendar/ds-calendar.cjs +1 -1
- package/dist-react/cjs/components/ds-inline-alert/ds-inline-alert.cjs +1 -1
- package/dist-react/cjs/components/ds-modal/ds-modal.cjs +1 -1
- package/dist-react/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs +1 -1
- package/dist-react/cjs/components/ds-text/ds-text.cjs +2 -2
- package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
- package/dist-react/cjs/components/ds-toast-message/ds-toast-message.cjs +1 -1
- package/dist-react/cjs/components/ds-tooltip/ds-tooltip.cjs +1 -1
- package/dist-react/cjs/components/index.cjs +1 -1
- package/dist-react/cjs/decorators/customUiKitElement.cjs +1 -1
- package/dist-react/cjs/mixins/ViewportMixin.cjs +1 -1
- package/dist-react/cjs/utils/IconsManager.cjs +1 -1
- package/dist-react/cjs/utils/PubSub.cjs +1 -1
- package/dist-react/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
- package/dist-react/cjs/utils/version.cjs +1 -1
- package/dist-react/esm/components/ds-banner/ds-banner.js +74 -0
- package/dist-react/esm/components/ds-banner/styles/common.styles.js +82 -0
- package/dist-react/esm/components/ds-calendar/ds-calendar.js +1 -1
- package/dist-react/esm/components/ds-inline-alert/ds-inline-alert.js +1 -1
- package/dist-react/esm/components/ds-modal/ds-modal.js +1 -1
- package/dist-react/esm/components/ds-secondary-navigation/ds-secondary-navigation.js +1 -1
- package/dist-react/esm/components/ds-text/ds-text.js +7 -7
- package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
- package/dist-react/esm/components/ds-toast-message/ds-toast-message.js +1 -1
- package/dist-react/esm/components/ds-tooltip/ds-tooltip.js +9 -9
- package/dist-react/esm/components/index.js +2 -1
- package/dist-react/esm/decorators/customUiKitElement.js +1 -1
- package/dist-react/esm/mixins/ViewportMixin.js +10 -10
- package/dist-react/esm/utils/IconsManager.js +1 -1
- package/dist-react/esm/utils/PubSub.js +1 -1
- package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
- package/dist-react/esm/utils/version.js +1 -1
- package/dist-react/types/components/ds-banner/ds-banner.d.ts +20 -0
- package/dist-react/types/components/ds-banner/ds-banner.types.d.ts +7 -0
- package/dist-react/types/components/ds-banner/styles/common.styles.d.ts +1 -0
- package/dist-react/types/components/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -9,10 +9,10 @@ import { customUiKitElement as a } from "../../decorators/customUiKitElement.js"
|
|
|
9
9
|
import { booleanConverter as o } from "../../utils/booleanConverter.js";
|
|
10
10
|
import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
|
|
11
11
|
import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
|
|
12
|
-
import {
|
|
12
|
+
import { ViewportMixin as c } from "../../mixins/ViewportMixin.js";
|
|
13
|
+
import { objectConverter as l } from "../../utils/objectConverter.js";
|
|
14
|
+
import { s as u, u as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
|
|
13
15
|
import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.js";
|
|
14
|
-
import { ViewportMixin as u } from "../../mixins/ViewportMixin.js";
|
|
15
|
-
import { objectConverter as d } from "../../utils/objectConverter.js";
|
|
16
16
|
import { o as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
|
|
17
17
|
import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
|
|
18
18
|
import { commonStyles as p } from "./styles/common.styles.js";
|
|
@@ -31,7 +31,7 @@ var m, h = new Set([
|
|
|
31
31
|
"h4",
|
|
32
32
|
"h5",
|
|
33
33
|
"h6"
|
|
34
|
-
]), g = (m = class extends
|
|
34
|
+
]), g = (m = class extends c(i) {
|
|
35
35
|
constructor(...e) {
|
|
36
36
|
super(...e), this.size = "medium", this.emphasis = "secondary", this.variant = "body", this.htmlTagName = "span", this.mode = "light";
|
|
37
37
|
}
|
|
@@ -49,8 +49,8 @@ var m, h = new Set([
|
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
let t = (this.htmlTagName ?? "").toLowerCase(), n =
|
|
53
|
-
return
|
|
52
|
+
let t = (this.htmlTagName ?? "").toLowerCase(), n = u(h.has(t) ? t : "span");
|
|
53
|
+
return d`
|
|
54
54
|
<${n}
|
|
55
55
|
part="container"
|
|
56
56
|
data-testid="ds-text-container"
|
|
@@ -65,7 +65,7 @@ var m, h = new Set([
|
|
|
65
65
|
}, m.styles = [p], m);
|
|
66
66
|
r([t({
|
|
67
67
|
type: String,
|
|
68
|
-
converter:
|
|
68
|
+
converter: l
|
|
69
69
|
})], g.prototype, "size", void 0), r([t({ type: String })], g.prototype, "emphasis", void 0), r([t({ type: String })], g.prototype, "variant", void 0), r([t({
|
|
70
70
|
type: String,
|
|
71
71
|
attribute: "html-tag-name"
|
|
@@ -53,7 +53,7 @@ var f = class extends a {
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
loadThemeStyles() {
|
|
56
|
-
let e = "/2.0.0-canary.
|
|
56
|
+
let e = "/2.0.0-canary.176";
|
|
57
57
|
return this.loadUnusedStyles && this.applyUnusedStyles(e), this.loadStyles ? new Promise((t, n) => {
|
|
58
58
|
let r = `https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;
|
|
59
59
|
if (document.head.querySelector(`link[href="${r}"]`)) t();
|
|
@@ -12,8 +12,8 @@ import { e as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
|
|
|
12
12
|
import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
|
|
13
13
|
import { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
|
|
14
14
|
import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
|
|
15
|
-
import { n as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
|
|
16
15
|
import "../ds-icon-button/ds-icon-button.js";
|
|
16
|
+
import { n as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
|
|
17
17
|
import { toastMessageStyles as d } from "./styles/common.styles.js";
|
|
18
18
|
//#region src/components/ds-toast-message/ds-toast-message.ts
|
|
19
19
|
var f, p = (f = class extends i {
|
|
@@ -11,8 +11,8 @@ import { customUiKitElement as c } from "../../decorators/customUiKitElement.js"
|
|
|
11
11
|
import { booleanConverter as l } from "../../utils/booleanConverter.js";
|
|
12
12
|
import { e as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
|
|
13
13
|
import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
14
|
+
import { debounce as d } from "../../utils/debounce.js";
|
|
15
|
+
import { arrow as f, computePosition as p, flip as m, offset as h, shift as g, size as _ } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
|
|
16
16
|
import { commonStyles as v } from "./styles/common.styles.js";
|
|
17
17
|
//#region src/components/ds-tooltip/ds-tooltip.ts
|
|
18
18
|
var y, b = (y = class extends s {
|
|
@@ -23,7 +23,7 @@ var y, b = (y = class extends s {
|
|
|
23
23
|
this.usingKeyboard = !1;
|
|
24
24
|
}, this.handleTooltipPointerDown = (e) => {
|
|
25
25
|
e.stopImmediatePropagation();
|
|
26
|
-
}, this.handleResize =
|
|
26
|
+
}, this.handleResize = d({ func: () => this.requestUpdate() }), this.handleClose = () => {
|
|
27
27
|
this.show = !1;
|
|
28
28
|
}, this.handleAnchorPointerDown = (e) => {
|
|
29
29
|
this.disablePressListener || e.button === 0 && (this.show = !this.show);
|
|
@@ -56,21 +56,21 @@ var y, b = (y = class extends s {
|
|
|
56
56
|
updatePosition() {
|
|
57
57
|
requestAnimationFrame(() => {
|
|
58
58
|
var e;
|
|
59
|
-
!this.anchorContainer || !this.container || !this.show || !((e = this.anchorElements) != null && e[0]) || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (
|
|
59
|
+
!this.anchorContainer || !this.container || !this.show || !((e = this.anchorElements) != null && e[0]) || !(this.anchorContainer instanceof Element) || !(this.container instanceof Element) || !(this.arrow instanceof Element) || (p(this.anchorContainer, this.container, {
|
|
60
60
|
strategy: "fixed",
|
|
61
61
|
placement: "bottom-start",
|
|
62
62
|
middleware: [
|
|
63
|
-
|
|
63
|
+
h(({ placement: e }) => ({
|
|
64
64
|
mainAxis: 8,
|
|
65
65
|
crossAxis: e.endsWith("-end") ? 8 : -8
|
|
66
66
|
})),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
m({ crossAxis: !0 }),
|
|
68
|
+
g(),
|
|
69
|
+
f({
|
|
70
70
|
element: this.arrow,
|
|
71
71
|
padding: 12
|
|
72
72
|
}),
|
|
73
|
-
|
|
73
|
+
_({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
|
|
74
74
|
Object.assign(n.floating.style, {
|
|
75
75
|
maxWidth: `${Math.min(240, e - 8)}px`,
|
|
76
76
|
maxHeight: `${Math.max(0, t - 8)}px`
|
|
@@ -2,6 +2,8 @@ import "./ds-icon/ds-icon.js";
|
|
|
2
2
|
import "./ds-accordion/ds-accordion.js";
|
|
3
3
|
import "./ds-avatar/ds-avatar.js";
|
|
4
4
|
import "./ds-badge/ds-badge.js";
|
|
5
|
+
import "./ds-icon-button/ds-icon-button.js";
|
|
6
|
+
import "./ds-banner/ds-banner.js";
|
|
5
7
|
import "./ds-basic-card/ds-basic-card.js";
|
|
6
8
|
import "./ds-basic-card-image/ds-basic-card-image.js";
|
|
7
9
|
import "./ds-divider/ds-divider.js";
|
|
@@ -13,7 +15,6 @@ import "./ds-breadcrumbs/ds-breadcrumbs.js";
|
|
|
13
15
|
import "./ds-bullets/ds-bullets.js";
|
|
14
16
|
import "./ds-button/ds-button.js";
|
|
15
17
|
import "./ds-calendar-day/ds-calendar-day.js";
|
|
16
|
-
import "./ds-icon-button/ds-icon-button.js";
|
|
17
18
|
import "./ds-calendar/ds-calendar.js";
|
|
18
19
|
import "./ds-carousel-indicator/ds-carousel-indicator.js";
|
|
19
20
|
import "./ds-checkbox-group/ds-checkbox-group.js";
|
|
@@ -10,7 +10,7 @@ function e(e, t) {
|
|
|
10
10
|
Array.isArray(t == null ? void 0 : t.extendComponentNames) && (c = [...t.extendComponentNames, ...c]), (i = globalThis) == null || (i = i.customElements) == null || (a = i.define) == null || a.call(i, s, (o = class extends n {
|
|
11
11
|
connectedCallback() {
|
|
12
12
|
var e;
|
|
13
|
-
(e = n.prototype.connectedCallback) == null || e.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.
|
|
13
|
+
(e = n.prototype.connectedCallback) == null || e.call(this), this.setAttribute("data-ui-kit-version", "2.0.0-canary.176");
|
|
14
14
|
}
|
|
15
15
|
}, o.componentName = c, o));
|
|
16
16
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { breakpoints as e } from "../utils/breakpoints.js";
|
|
2
|
+
import { debounce as t } from "../utils/debounce.js";
|
|
3
3
|
//#region src/mixins/ViewportMixin.ts
|
|
4
4
|
var n = (n) => class extends n {
|
|
5
|
-
constructor(...
|
|
6
|
-
super(...
|
|
5
|
+
constructor(...t) {
|
|
6
|
+
super(...t), this.handleResize = () => {
|
|
7
7
|
this.updateViewportWithDebounce();
|
|
8
8
|
}, this.updateViewport = () => {
|
|
9
|
-
let
|
|
9
|
+
let t = "xs";
|
|
10
10
|
for (let r of [
|
|
11
11
|
"xxl",
|
|
12
12
|
"xl",
|
|
@@ -15,17 +15,17 @@ var n = (n) => class extends n {
|
|
|
15
15
|
"s"
|
|
16
16
|
]) {
|
|
17
17
|
var n;
|
|
18
|
-
if (((n = window) == null ? void 0 : n.innerWidth) >=
|
|
19
|
-
|
|
18
|
+
if (((n = window) == null ? void 0 : n.innerWidth) >= e[r]) {
|
|
19
|
+
t = r;
|
|
20
20
|
break;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
|
|
23
|
+
t !== this.currentViewport && (this.currentViewport = t, this.requestUpdate("viewport", null));
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
connectedCallback() {
|
|
27
|
-
var
|
|
28
|
-
super.connectedCallback(), this.updateViewportWithDebounce =
|
|
27
|
+
var e;
|
|
28
|
+
super.connectedCallback(), this.updateViewportWithDebounce = t({ func: this.updateViewport }), this.updateViewport(), (e = window) == null || e.addEventListener("resize", this.handleResize);
|
|
29
29
|
}
|
|
30
30
|
disconnectedCallback() {
|
|
31
31
|
var e;
|
|
@@ -26,7 +26,7 @@ var n = class {
|
|
|
26
26
|
return console.error(`Failed to fetch icon "${e}":`, t), "";
|
|
27
27
|
}), t.subscribe("theme", this.handleChangeTheme);
|
|
28
28
|
}
|
|
29
|
-
}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.
|
|
29
|
+
}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.176"), i = globalThis, a = i[r];
|
|
30
30
|
a || (a = new n(), Object.defineProperty(i, r, {
|
|
31
31
|
value: a,
|
|
32
32
|
writable: !1,
|
package/dist/esm/utils/PubSub.js
CHANGED
|
@@ -18,7 +18,7 @@ var e = class {
|
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
}
|
|
21
|
-
}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.
|
|
21
|
+
}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.176"), n = globalThis, r = n[t];
|
|
22
22
|
r || (r = new e(), Object.defineProperty(n, t, {
|
|
23
23
|
value: r,
|
|
24
24
|
writable: !1,
|
|
@@ -4,7 +4,7 @@ var t = e(20), n = class e {
|
|
|
4
4
|
constructor() {
|
|
5
5
|
this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({ componentName: e, theme: n }) => {
|
|
6
6
|
if (!n || !e) return;
|
|
7
|
-
let r = `https://ds-assets.cupra.com/2.0.0-canary.
|
|
7
|
+
let r = `https://ds-assets.cupra.com/2.0.0-canary.176/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
|
|
8
8
|
if (i) return i;
|
|
9
9
|
let a = t(() => this.fetchStyle({ url: r })).then((e) => (e || this.stylePromises.delete(r), e));
|
|
10
10
|
return this.stylePromises.set(r, a), this.stylePromises.get(r);
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { UiKitElement } from '../base/UiKitElement.ts';
|
|
2
|
+
import '../ds-icon-button/ds-icon-button.ts';
|
|
3
|
+
import { nothing } from 'lit';
|
|
4
|
+
import type { DsBannerAttrs } from './ds-banner.types.js';
|
|
5
|
+
export declare class DsBanner extends UiKitElement {
|
|
6
|
+
static styles: import("lit").CSSResult[];
|
|
7
|
+
orientation: DsBannerAttrs['orientation'];
|
|
8
|
+
showClose: DsBannerAttrs['show-close'];
|
|
9
|
+
_show: boolean | undefined;
|
|
10
|
+
private _showState;
|
|
11
|
+
get show(): boolean;
|
|
12
|
+
set show(value: boolean | undefined);
|
|
13
|
+
private handleClose;
|
|
14
|
+
protected get containerClasses(): {
|
|
15
|
+
[x: string]: boolean;
|
|
16
|
+
container: boolean;
|
|
17
|
+
};
|
|
18
|
+
protected get closeButtonTemplate(): typeof nothing | import("lit").HTMLTemplateResult;
|
|
19
|
+
render(): import("lit").TemplateResult<1> | typeof nothing;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const bannerStyles: import("lit").CSSResult;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import './ds-accordion/ds-accordion.ts';
|
|
2
2
|
import './ds-avatar/ds-avatar.ts';
|
|
3
3
|
import './ds-badge/ds-badge.ts';
|
|
4
|
+
import './ds-banner/ds-banner.ts';
|
|
4
5
|
import './ds-basic-card/ds-basic-card.ts';
|
|
5
6
|
import './ds-basic-card-image/ds-basic-card-image.ts';
|
|
6
7
|
import './ds-basic-card-header/ds-basic-card-header.ts';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("./styles/common.styles.cjs");var u,d=(u=class extends i.UiKitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}handleClose(){let e=new CustomEvent(`banner:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get containerClasses(){return{container:!0,[this.orientation??`horizontal`]:!0}}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
|
|
2
|
+
class="close-button"
|
|
3
|
+
data-aria-label="close"
|
|
4
|
+
@click=${this.handleClose}
|
|
5
|
+
icon-name="cross"
|
|
6
|
+
variant="tertiary"
|
|
7
|
+
size="medium"
|
|
8
|
+
></ds-icon-button>`:e.E}render(){return this.show?e.x`
|
|
9
|
+
<div class=${c.e(this.containerClasses)}>
|
|
10
|
+
<div class="banner" part="banner">
|
|
11
|
+
<slot name="image"></slot>
|
|
12
|
+
<div class="content-actions">
|
|
13
|
+
<slot></slot>
|
|
14
|
+
<slot name="actions"></slot>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
${this.closeButtonTemplate}
|
|
18
|
+
</div>
|
|
19
|
+
`:e.E}},u.styles=[l.bannerStyles],u);r.__decorate([t.n({type:String})],d.prototype,`orientation`,void 0),r.__decorate([t.n({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`showClose`,void 0),r.__decorate([t.n({type:Boolean,attribute:`show`,converter:o.booleanConverter})],d.prototype,`_show`,void 0),r.__decorate([n.r()],d.prototype,`_showState`,void 0),d=r.__decorate([a.customUiKitElement(`ds-banner`)],d);
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");var t=e.i`
|
|
2
|
+
:host {
|
|
3
|
+
display: content;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.container {
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: flex-start;
|
|
9
|
+
position: var(--ui-kit-banner-position, static);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.container.horizontal {
|
|
13
|
+
width: var(--ui-kit-banner-width, 100%);
|
|
14
|
+
flex-direction: row;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.container.vertical {
|
|
18
|
+
width: var(--ui-kit-banner-width, fit-content);
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.banner {
|
|
23
|
+
display: flex;
|
|
24
|
+
box-sizing: border-box;
|
|
25
|
+
flex: 1 1 auto;
|
|
26
|
+
min-width: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.container.horizontal .banner {
|
|
30
|
+
flex-direction: row;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.container.vertical .banner {
|
|
34
|
+
flex-direction: column;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.content-actions {
|
|
38
|
+
display: flex;
|
|
39
|
+
flex: 1 1 auto;
|
|
40
|
+
min-width: 0;
|
|
41
|
+
flex-direction: column;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
slot[name='image']::slotted(*) {
|
|
45
|
+
display: block;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
slot:not([name]) {
|
|
49
|
+
display: block;
|
|
50
|
+
flex: 0 0 auto;
|
|
51
|
+
min-width: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
slot[name='actions'] {
|
|
55
|
+
display: flex;
|
|
56
|
+
flex-wrap: wrap;
|
|
57
|
+
flex-shrink: 0;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.container.horizontal slot[name='actions'] {
|
|
61
|
+
flex-direction: row;
|
|
62
|
+
justify-content: flex-end;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.container.vertical slot[name='actions'] {
|
|
66
|
+
flex-direction: column-reverse;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.close-button {
|
|
70
|
+
flex-shrink: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.container.vertical .close-button {
|
|
74
|
+
order: -1;
|
|
75
|
+
align-self: flex-end;
|
|
76
|
+
}
|
|
77
|
+
`;exports.bannerStyles=t;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs"),require("../ds-
|
|
1
|
+
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-calendar-day/ds-calendar-day.cjs");const l=require("../../utils/arrayConverter.cjs"),u=require("./styles/common.styles.cjs");var d,f=(d=class extends i.UiKitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._value?this._viewDate=new Date(this._value):this._viewDate=new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>Number(e)===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){var t;e.stopPropagation();let n=e.target;if(!n||!n.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let r=n.tagName.toLowerCase(),i=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(r))||[]).indexOf(n);if(i===-1)return;let a=this.calendarDays[i];if(!a||a.isDisabled)return;this._value=a.date,this._viewDate=new Date(a.date);let o=`${a.date.getFullYear()}-${String(a.date.getMonth()+1).padStart(2,`0`)}-${String(a.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:o,date:a.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return o.uiKitHtml`<ds-icon-button
|
|
2
2
|
class="nav-button"
|
|
3
3
|
icon-name="arrow-left"
|
|
4
4
|
data-aria-label="Previous month"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs")
|
|
1
|
+
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var f,p=(f=class extends i.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.title=``,this.text=``,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`inline-alert:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get inlineAlertClasses(){return{container:!0,[this.status||`default`]:!0,show:this.show}}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${l.o(this.getIconName())} size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
|
|
2
2
|
data-aria-label="close-button"
|
|
3
3
|
@click=${this.handleClickCloseButton}
|
|
4
4
|
icon-name="cross"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const l=require("../../mixins/ViewportMixin.cjs");require("../ds-button/ds-button.cjs"),require("../ds-
|
|
1
|
+
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const l=require("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const u=require("./styles/common.styles.cjs");var d,f=(d=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.withCloseButton=!0,this.variant=`fullScreen`,this.zIndex=2e3,this.disableScrollLock=!1,this.fullWidth=!1,this.vAlign=`default`}disconnectedCallback(){super.disconnectedCallback(),document.body.style.paddingRight=`0`,document.body.style.overflow=``}handleScroll(){let e=this.open&&!this.disableScrollLock,t=window.innerWidth>document.documentElement.clientWidth;document.body.style.paddingRight=e&&t?`${window.innerWidth-document.documentElement.clientWidth}px`:`0`,document.body.style.overflow=e?`hidden`:``}updated(e){super.updated(e),(e.has(`open`)||e.has(`disableScrollLock`))&&this.handleScroll()}get backdropClasses(){return{backdrop:!0,animate:!0,open:this.open,close:!this.open}}get backdropTemplate(){return this.variant===`dialog`?e.x`<div class=${s.e(this.backdropClasses)} />`:e.E}get buttonSize(){return[`xs`,`s`,`m`].includes(this.viewport)?`medium`:`large`}get closeButtonSize(){return this.variant===`dialog`||[`xs`,`s`].includes(this.viewport)?`small`:`medium`}get closeButtonTemplate(){return this.withCloseButton?o.uiKitHtml`<ds-icon-button
|
|
2
2
|
class="close-button"
|
|
3
3
|
data-aria-label="close-button"
|
|
4
4
|
@click=${this.handleClickCloseButton}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const u=require("../../mixins/ViewportMixin.cjs");require("../ds-button/ds-button.cjs"),require("../ds-
|
|
1
|
+
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const u=require("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const d=require("./styles/common.styles.cjs");var f,p,m=(f=class extends u.ViewportMixin(o.UiKitElement){constructor(...e){super(...e),this.dropdownButtonText=`Menu`,this.keepDropdownButtonText=!1,this.itemsMode=`auto`,this.actionsMode=`auto`,this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{var e,t,n,r;let i=((e=this.itemsContainer)==null?void 0:e.scrollLeft)+((t=this.itemsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.itemsContainer)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.itemsContainer)==null?void 0:r.scrollWidth)}}static resolveResponsive(e,t,n){let r;try{r=JSON.parse(e)}catch{return e}if(typeof r!=`object`||!r||Array.isArray(r))return e;let i=r,a=p.VIEWPORT_ORDER.indexOf(t);for(let e=a;e>=0;e--){let t=p.VIEWPORT_ORDER[e];if(t in i)return i[t]}return n}get resolvedItemsMode(){return p.resolveResponsive(this.itemsMode,this.viewport,`auto`)}get resolvedActionsMode(){return p.resolveResponsive(this.actionsMode,this.viewport,`auto`)}updated(e){super.updated(e),(e.has(`viewport`)||e.has(`actionsMode`))&&this.updateCtas(),e.has(`selectedIndex`)&&this.updateSelectedItem()}firstUpdated(e){var t;super.firstUpdated(e),this.handleScroll(),this.itemsContainer&&this.resizeObserver.observe(this.itemsContainer),window.addEventListener(`resize`,this.handleScroll),(t=this.itemsContainer)==null||t.addEventListener(`scroll`,this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScroll)}get selectedItemText(){var e;return this.keepDropdownButtonText?this.dropdownButtonText:((e=this.items)==null||(e=e[this.selectedIndex])==null||(e=e.textContent)==null?void 0:e.trim())||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1}handleItemsSlotChange(){this.updateSelectedItem()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){var e;(e=this.items)==null||e.forEach((e,t)=>{t===this.selectedIndex?e.classList.add(`selected`):e.classList.remove(`selected`)})}updateCtas(){var e;(e=this.ctas)==null||e.forEach(e=>{[`xxl`,`xl`].includes(this.viewport)?e==null||e.setAttribute(`size`,`large`):e==null||e.setAttribute(`size`,`medium`)})}handleItemClick(e){var t;let n=e.target,r=((t=this.items)==null?void 0:t.indexOf(n))??-1;if(r!==-1){var i;this.selectedIndex=r,this.updateSelectedItem();let e=((i=n.textContent)==null?void 0:i.trim())||n.getAttribute(`data-label`)||``;this.dispatchEvent(new CustomEvent(`ds-secondary-navigation:select`,{detail:{index:r,label:e},bubbles:!0,composed:!0})),this.closeDropdowns()}}get shouldShowItemsInline(){return this.resolvedItemsMode===`inline`?!0:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`?!1:[`l`,`xl`,`xxl`].includes(this.viewport)}get shouldShowItemsDropdownButton(){return this.resolvedItemsMode===`inline`?!1:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`?!0:[`xxs`,`xs`,`s`,`m`].includes(this.viewport)}get shouldShowActionsInline(){if(this.resolvedActionsMode===`inline`)return!0;if(this.resolvedActionsMode===`dropdown`)return!1;let e=[`xxs`,`xs`,`s`].includes(this.viewport);return[`m`,`l`,`xl`,`xxl`].includes(this.viewport)||e&&!this.shouldShowActionsDropdownButton}get shouldShowActionsDropdownButton(){return this.resolvedActionsMode===`inline`?!1:this.resolvedActionsMode===`dropdown`?!0:[`xxs`,`xs`,`s`].includes(this.viewport)&&this.ctas.length>1}render(){return e.x`
|
|
2
2
|
${this.backdropTemplate}
|
|
3
3
|
<div class="container gutter">
|
|
4
4
|
<nav data-testid="ds-secondary-navigation-container" class=${l.e(this.classes)}>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs");const
|
|
1
|
+
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.cjs");const f=require("./styles/common.styles.cjs");var p,m=new Set([`span`,`p`,`strong`,`em`,`small`,`label`,`div`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`]),h=(p=class extends c.ViewportMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.emphasis=`secondary`,this.variant=`body`,this.htmlTagName=`span`,this.mode=`light`}get classes(){var e,t;let n=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[`size-${n}`]:!!n,[`mode-${this.mode}`]:!!this.mode,[`emphasis-${this.emphasis}`]:!!this.emphasis,[`variant-${this.variant}`]:!!this.variant,"display-contents":(e=this.slotedNodes)==null||(t=e.some)==null?void 0:t.call(e,e=>e.nodeType!==Node.TEXT_NODE),uppercase:this.uppercase}}render(){let t=(this.htmlTagName??``).toLowerCase(),n=u.s(m.has(t)?t:`span`);return u.u`
|
|
2
2
|
<${n}
|
|
3
3
|
part="container"
|
|
4
4
|
data-testid="ds-text-container"
|
|
@@ -8,4 +8,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
8
8
|
${this.value?this.value:e.E}
|
|
9
9
|
<slot></slot>
|
|
10
10
|
</${n}>
|
|
11
|
-
`}},p.styles=[f.commonStyles],p);r.__decorate([t.n({type:String,converter:
|
|
11
|
+
`}},p.styles=[f.commonStyles],p);r.__decorate([t.n({type:String,converter:l.objectConverter})],h.prototype,`size`,void 0),r.__decorate([t.n({type:String})],h.prototype,`emphasis`,void 0),r.__decorate([t.n({type:String})],h.prototype,`variant`,void 0),r.__decorate([t.n({type:String,attribute:`html-tag-name`})],h.prototype,`htmlTagName`,void 0),r.__decorate([t.n({type:String})],h.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],h.prototype,`mode`,void 0),r.__decorate([t.n({type:String,reflect:!0})],h.prototype,`color`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],h.prototype,`uppercase`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],h.prototype,`slotedNodes`,void 0),h=r.__decorate([a.customUiKitElement(`ds-text`)],h);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),t=require("./themeContext.cjs");require("../../core/theme.constants.cjs");const n=require("../../utils/PubSub.cjs"),r=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs"),i=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const s=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),c=require("../../decorators/customUiKitElement.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../styles/source/shared/fonts-config.cjs");var d=class extends i.i{constructor(...e){super(...e),this.loadFonts=!0,this.loadStyles=!0,this.loadUnusedStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){if(super.updated(e),e.has(`theme`)){var t,r;n.pubSub.publish(`theme`,this.theme),(t=sessionStorage)==null||t.setItem(`@cupra/ui-kit/theme`,this.theme),typeof FontFace<`u`&&(r=document)!=null&&r.fonts&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent(`ui-kit:ready`,{bubbles:!0,composed:!0}))})}}loadThemeFonts(){var e;(e=u.fontsConfig[this.theme])==null||e.fonts.forEach(e=>{this.loadThemeFont(e)})}async loadThemeFont({weight:e,name:t,file:n}){if(!this.loadFonts)return Promise.resolve();let r=`${t}-${e}`;if(this.loadedFonts.has(r))return;let i=new FontFace(t,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff2') format('woff2'),
|
|
2
2
|
url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff') format('woff'),
|
|
3
3
|
url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.ttf') format('truetype'),
|
|
4
|
-
url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`optional`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){let e=`/2.0.0-canary.
|
|
4
|
+
url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`optional`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){let e=`/2.0.0-canary.176`;return this.loadUnusedStyles&&this.applyUnusedStyles(e),this.loadStyles?new Promise((t,n)=>{let r=`https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))t();else{let i=`ui-kit-theme-${e}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>t(),o.onerror=()=>n(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a==null||a.remove()}}):Promise.resolve()}applyUnusedStyles(e){let t=`https://ds-assets.cupra.com${e}/styles/${this.theme}/unused-styles.css`;if(document.head.querySelector(`link[href="${t}"]`))return;let n=`ui-kit-unused-styles-${e}`,r=document.getElementById(n),i=document.createElement(`link`);i.id=n,i.rel=`preload`,i.as=`style`,i.href=t,i.onload=()=>{i.rel=`stylesheet`},document.head.appendChild(i),r==null||r.remove()}render(){return this.cssLoaded?r.x`<slot></slot>`:r.E}};s.__decorate([a.n({type:Boolean,converter:l.booleanConverter,attribute:`load-fonts`})],d.prototype,`loadFonts`,void 0),s.__decorate([a.n({type:Boolean,converter:l.booleanConverter,attribute:`load-styles`})],d.prototype,`loadStyles`,void 0),s.__decorate([a.n({type:Boolean,converter:l.booleanConverter,attribute:`load-unused-styles`})],d.prototype,`loadUnusedStyles`,void 0),s.__decorate([e.e({context:t.themeContext}),a.n({type:String})],d.prototype,`theme`,void 0),s.__decorate([o.r()],d.prototype,`cssLoaded`,void 0),s.__decorate([o.r()],d.prototype,`loadedFonts`,void 0),d=s.__decorate([c.customUiKitElement(`ds-theme-provider`)],d);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs")
|
|
1
|
+
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),u=require("./styles/common.styles.cjs");var d,f=(d=class extends r.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.dataId=``,this.title=``,this.text=``,this.dataTemplate=!0}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`toast:remove`,{bubbles:!0,composed:!0,detail:{id:this.dataId}});this.dispatchEvent(e)}get toastMessageClasses(){return{container:!0,[this.status||`default`]:!0}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name=${c.o(this.getIconName())} size="24"></ds-icon>`}get closeButtonTemplate(){return o.uiKitHtml`<ds-icon-button
|
|
2
2
|
data-aria-label="close-button"
|
|
3
3
|
@click=${this.handleClickCloseButton}
|
|
4
4
|
icon-name="cross"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const u=require("../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs"),
|
|
1
|
+
const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs");const u=require("../../utils/debounce.cjs"),d=require("../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs"),f=require("./styles/common.styles.cjs");var p,m=(p=class extends o.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.show=!1,this.disableHoverListener=!1,this.disableFocusListener=!1,this.disablePressListener=!1,this.tooltipId=`ds-tooltip-${Date.now()}-${Math.floor(Math.random()*1e6)}`,this.usingKeyboard=!1,this.handleKeyDown=()=>{this.usingKeyboard=!0},this.handlePointerDown=()=>{this.usingKeyboard=!1},this.handleTooltipPointerDown=e=>{e.stopImmediatePropagation()},this.handleResize=u.debounce({func:()=>this.requestUpdate()}),this.handleClose=()=>{this.show=!1},this.handleAnchorPointerDown=e=>{this.disablePressListener||e.button===0&&(this.show=!this.show)},this.handleAnchorMouseOver=()=>{this.disableHoverListener||(this.show=!0)},this.handleAnchorMouseOut=()=>{this.disableHoverListener||setTimeout(()=>{var e,t,n,r,i,a;!(!((e=this.container)==null||(t=e.matches)==null)&&t.call(e,`:hover`))&&!(!((n=this.arrow)==null||(r=n.matches)==null)&&r.call(n,`:hover`))&&!(!((i=this)==null||(a=i.matches)==null)&&a.call(i,`:hover`))&&(this.show=!1)},150)},this.handleAnchorFocusIn=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!0))},this.handleAnchorFocusOut=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!1))},this.handlePressOutside=e=>{var t;if(this.disablePressListener||e.button!==0)return;let n=e.target;n===this||this.contains(n)||(t=this.shadowRoot)!=null&&t.contains(n)||this.anchorElements[0]===n||this.anchorElements[0].contains(n)||(this.show=!1)}}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.container)!=null&&e.matches(`:popover-open`)&&this.container.hidePopover(),window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`pointerdown`,this.handlePointerDown)}updated(e){var t,n;super.updated(e),document.addEventListener(`keydown`,this.handleKeyDown),document.addEventListener(`pointerdown`,this.handlePointerDown),this.show&&(t=this.container)!=null&&t.isConnected&&!this.container.matches(`:popover-open`)?this.container.showPopover():!this.show&&(n=this.container)!=null&&n.isConnected&&this.container.matches(`:popover-open`)&&this.container.hidePopover(),this.updatePosition(),e.has(`show`)&&(this.show?(window.addEventListener(`resize`,this.handleResize),document.addEventListener(`pointerdown`,this.handlePressOutside)):(window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside)))}updatePosition(){requestAnimationFrame(()=>{var e;!this.anchorContainer||!this.container||!this.show||!((e=this.anchorElements)!=null&&e[0])||!(this.anchorContainer instanceof Element)||!(this.container instanceof Element)||!(this.arrow instanceof Element)||(d.computePosition(this.anchorContainer,this.container,{strategy:`fixed`,placement:`bottom-start`,middleware:[d.offset(({placement:e})=>({mainAxis:8,crossAxis:e.endsWith(`-end`)?8:-8})),d.flip({crossAxis:!0}),d.shift(),d.arrow({element:this.arrow,padding:12}),d.size({apply({availableWidth:e,availableHeight:t,elements:n}){Object.assign(n.floating.style,{maxWidth:`${Math.min(240,e-8)}px`,maxHeight:`${Math.max(0,t-8)}px`})}})]}).then(e=>{let{x:t,y:n,middlewareData:r,placement:i}=e;if(this.tooltopPlacement=i,Object.assign(this.container.style,{left:`${t??0}px`,top:`${n??0}px`}),r.arrow){let{x:e,y:t}=r.arrow;Object.assign(this.arrow.style,{left:e==null?``:`${e}px`,top:t==null?``:`${t}px`})}}),this.requestUpdate())})}get arrowClasses(){var e,t;return{arrow:!0,[this.mode]:!0,"not-positionable":((e=this)==null?void 0:e.offsetWidth)>((t=this.container)==null?void 0:t.offsetWidth)}}get containerClasses(){return{container:!0,[this.tooltopPlacement]:!!this.tooltopPlacement,[this.mode]:!0}}get headerClasses(){var e,t;return{"header-container":!0,hidden:((e=this.headerElements)==null?void 0:e.length)===0&&((t=this.closeButtonElements)==null?void 0:t.length)===0}}get contentClasses(){var e;return{"content-container":!0,"ds-scroll":!0,"ds-scroll--size-s":!0,hidden:((e=this.contentElements)==null?void 0:e.length)===0}}get arrowTemplate(){return e.x`
|
|
2
2
|
<svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="17" height="9" viewBox="0 0 17 9" fill="none" class=${l.e(this.arrowClasses)} @mouseout="${this.handleAnchorMouseOut}" aria-hidden="true" focusable="false">
|
|
3
3
|
<path d="M5.77946 4.38048L0.5 9L16 9L11.1427 4.46656C9.88663 3.29419 9.25858 2.708 8.48883 2.69565C7.71909 2.68329 7.07255 3.24902 5.77946 4.38048Z" class="ds-tooltip-arrow-background"/>
|
|
4
4
|
<path d="M0.5 8.5L5.89467 4.11683C7.1398 3.10516 7.76236 2.59933 8.49029 2.6109C9.21822 2.62246 9.8244 3.14782 11.0368 4.19853L16 8.5" stroke-opacity="1" stroke-linecap="round" class="ds-tooltip-arrow-border"/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("./ds-icon/ds-icon.cjs"),require("./ds-accordion/ds-accordion.cjs"),require("./ds-avatar/ds-avatar.cjs"),require("./ds-badge/ds-badge.cjs"),require("./ds-basic-card/ds-basic-card.cjs"),require("./ds-basic-card-image/ds-basic-card-image.cjs"),require("./ds-divider/ds-divider.cjs"),require("./ds-basic-card-header/ds-basic-card-header.cjs"),require("./ds-basic-card-section/ds-basic-card-section.cjs"),require("./ds-tooltip/ds-tooltip.cjs"),require("./ds-breadcrumbs-item/ds-breadcrumbs-item.cjs"),require("./ds-breadcrumbs/ds-breadcrumbs.cjs"),require("./ds-bullets/ds-bullets.cjs"),require("./ds-button/ds-button.cjs"),require("./ds-calendar-day/ds-calendar-day.cjs"),require("./ds-
|
|
1
|
+
require("./ds-icon/ds-icon.cjs"),require("./ds-accordion/ds-accordion.cjs"),require("./ds-avatar/ds-avatar.cjs"),require("./ds-badge/ds-badge.cjs"),require("./ds-icon-button/ds-icon-button.cjs"),require("./ds-banner/ds-banner.cjs"),require("./ds-basic-card/ds-basic-card.cjs"),require("./ds-basic-card-image/ds-basic-card-image.cjs"),require("./ds-divider/ds-divider.cjs"),require("./ds-basic-card-header/ds-basic-card-header.cjs"),require("./ds-basic-card-section/ds-basic-card-section.cjs"),require("./ds-tooltip/ds-tooltip.cjs"),require("./ds-breadcrumbs-item/ds-breadcrumbs-item.cjs"),require("./ds-breadcrumbs/ds-breadcrumbs.cjs"),require("./ds-bullets/ds-bullets.cjs"),require("./ds-button/ds-button.cjs"),require("./ds-calendar-day/ds-calendar-day.cjs"),require("./ds-calendar/ds-calendar.cjs"),require("./ds-carousel-indicator/ds-carousel-indicator.cjs"),require("./ds-checkbox-group/ds-checkbox-group.cjs"),require("./ds-checkbox/ds-checkbox.cjs"),require("./ds-chip/ds-chip.cjs"),require("./ds-chips/ds-chips.cjs"),require("./ds-currency/ds-currency.cjs"),require("./ds-date-picker/ds-date-picker.cjs"),require("./ds-dialog/ds-dialog.cjs"),require("./ds-dialog-body/ds-dialog-body.cjs"),require("./ds-dialog-footer/ds-dialog-footer.cjs"),require("./ds-dialog-fullscreen/ds-dialog-fullscreen.cjs"),require("./ds-dialog-header/ds-dialog-header.cjs"),require("./ds-drawer/ds-drawer.cjs"),require("./ds-favourite-action/ds-favourite-action.cjs"),require("./ds-hyperlink/ds-hyperlink.cjs"),require("./ds-input/ds-input.cjs"),require("./ds-interactive-card/ds-interactive-card.cjs"),require("./ds-link-button/ds-link-button.cjs"),require("./ds-loader-bar/ds-loader-bar.cjs"),require("./ds-loader-dots/ds-loader-dots.cjs"),require("./ds-loader-logo/ds-loader-logo.cjs"),require("./ds-loader-spinner/ds-loader-spinner.cjs"),require("./ds-logo/ds-logo.cjs"),require("./ds-main-title/ds-main-title.cjs"),require("./ds-map-pin/ds-map-pin.cjs"),require("./ds-modal/ds-modal.cjs"),require("./ds-text-input/ds-text-input.cjs"),require("./ds-password-input/ds-password-input.cjs"),require("./ds-picker-item/ds-picker-item.cjs"),require("./ds-portal/ds-portal.cjs"),require("./ds-progress-bar/ds-progress-bar.cjs"),require("./ds-radio/ds-radio.cjs"),require("./ds-radio-button-group/ds-radio-button-group.cjs"),require("./ds-radio-button/ds-radio-button.cjs"),require("./ds-radio-group/ds-radio-group.cjs"),require("./ds-rating/ds-rating.cjs"),require("./ds-search/ds-search.cjs"),require("./ds-search-input/ds-search-input.cjs"),require("./ds-secondary-navigation/ds-secondary-navigation.cjs"),require("./ds-segmented-control/ds-segmented-control.cjs"),require("./ds-select/ds-select.cjs"),require("./ds-selection/ds-selection.cjs"),require("./ds-skeleton/ds-skeleton.cjs"),require("./ds-sidebar-navigation/ds-sidebar-navigation.cjs"),require("./ds-slider/ds-slider.cjs"),require("./ds-static-box/ds-static-box.cjs"),require("./ds-stepper/ds-stepper.cjs"),require("./ds-tabs/ds-tabs.cjs"),require("./ds-tag/ds-tag.cjs"),require("./ds-text/ds-text.cjs"),require("./ds-textarea/ds-textarea.cjs"),require("./ds-theme-provider/ds-theme-provider.cjs"),require("./ds-theme-switch/ds-theme-switch.cjs"),require("./ds-toast-message/ds-toast-message.cjs"),require("./ds-toast/ds-toast.cjs"),require("./ds-inline-alert/ds-inline-alert.cjs"),require("./ds-toggle-button/ds-toggle-button.cjs"),require("./ds-toggle-switch/ds-toggle-switch.cjs"),require("./ds-value-unit/ds-value-unit.cjs"),require("./ds-media-control/ds-media-control.cjs"),require("./ds-list-item/ds-list-item.cjs"),require("./ds-list/ds-list.cjs"),require("./ds-icon-button-group/ds-icon-button-group.cjs"),require("./ds-navigation-controls/ds-navigation-controls.cjs"),require("./ds-table/ds-table.cjs"),require("./ds-table-row/ds-table-row.cjs"),require("./ds-table-cell/ds-table-cell.cjs");
|