@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.
Files changed (77) hide show
  1. package/dist/cjs/components/ds-banner/ds-banner.cjs +19 -0
  2. package/dist/cjs/components/ds-banner/styles/common.styles.cjs +77 -0
  3. package/dist/cjs/components/ds-calendar/ds-calendar.cjs +1 -1
  4. package/dist/cjs/components/ds-inline-alert/ds-inline-alert.cjs +1 -1
  5. package/dist/cjs/components/ds-modal/ds-modal.cjs +1 -1
  6. package/dist/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs +1 -1
  7. package/dist/cjs/components/ds-text/ds-text.cjs +2 -2
  8. package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
  9. package/dist/cjs/components/ds-toast-message/ds-toast-message.cjs +1 -1
  10. package/dist/cjs/components/ds-tooltip/ds-tooltip.cjs +1 -1
  11. package/dist/cjs/components/index.cjs +1 -1
  12. package/dist/cjs/decorators/customUiKitElement.cjs +1 -1
  13. package/dist/cjs/mixins/ViewportMixin.cjs +1 -1
  14. package/dist/cjs/utils/IconsManager.cjs +1 -1
  15. package/dist/cjs/utils/PubSub.cjs +1 -1
  16. package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
  17. package/dist/cjs/utils/version.cjs +1 -1
  18. package/dist/esm/components/ds-banner/ds-banner.js +74 -0
  19. package/dist/esm/components/ds-banner/styles/common.styles.js +82 -0
  20. package/dist/esm/components/ds-calendar/ds-calendar.js +1 -1
  21. package/dist/esm/components/ds-inline-alert/ds-inline-alert.js +1 -1
  22. package/dist/esm/components/ds-modal/ds-modal.js +1 -1
  23. package/dist/esm/components/ds-secondary-navigation/ds-secondary-navigation.js +1 -1
  24. package/dist/esm/components/ds-text/ds-text.js +7 -7
  25. package/dist/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
  26. package/dist/esm/components/ds-toast-message/ds-toast-message.js +1 -1
  27. package/dist/esm/components/ds-tooltip/ds-tooltip.js +9 -9
  28. package/dist/esm/components/index.js +2 -1
  29. package/dist/esm/decorators/customUiKitElement.js +1 -1
  30. package/dist/esm/mixins/ViewportMixin.js +10 -10
  31. package/dist/esm/utils/IconsManager.js +1 -1
  32. package/dist/esm/utils/PubSub.js +1 -1
  33. package/dist/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
  34. package/dist/esm/utils/version.js +1 -1
  35. package/dist/types/components/ds-banner/ds-banner.d.ts +20 -0
  36. package/dist/types/components/ds-banner/ds-banner.types.d.ts +7 -0
  37. package/dist/types/components/ds-banner/styles/common.styles.d.ts +1 -0
  38. package/dist/types/components/index.d.ts +1 -0
  39. package/dist-react/cjs/components/ds-banner/ds-banner.cjs +19 -0
  40. package/dist-react/cjs/components/ds-banner/styles/common.styles.cjs +77 -0
  41. package/dist-react/cjs/components/ds-calendar/ds-calendar.cjs +1 -1
  42. package/dist-react/cjs/components/ds-inline-alert/ds-inline-alert.cjs +1 -1
  43. package/dist-react/cjs/components/ds-modal/ds-modal.cjs +1 -1
  44. package/dist-react/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs +1 -1
  45. package/dist-react/cjs/components/ds-text/ds-text.cjs +2 -2
  46. package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
  47. package/dist-react/cjs/components/ds-toast-message/ds-toast-message.cjs +1 -1
  48. package/dist-react/cjs/components/ds-tooltip/ds-tooltip.cjs +1 -1
  49. package/dist-react/cjs/components/index.cjs +1 -1
  50. package/dist-react/cjs/decorators/customUiKitElement.cjs +1 -1
  51. package/dist-react/cjs/mixins/ViewportMixin.cjs +1 -1
  52. package/dist-react/cjs/utils/IconsManager.cjs +1 -1
  53. package/dist-react/cjs/utils/PubSub.cjs +1 -1
  54. package/dist-react/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
  55. package/dist-react/cjs/utils/version.cjs +1 -1
  56. package/dist-react/esm/components/ds-banner/ds-banner.js +74 -0
  57. package/dist-react/esm/components/ds-banner/styles/common.styles.js +82 -0
  58. package/dist-react/esm/components/ds-calendar/ds-calendar.js +1 -1
  59. package/dist-react/esm/components/ds-inline-alert/ds-inline-alert.js +1 -1
  60. package/dist-react/esm/components/ds-modal/ds-modal.js +1 -1
  61. package/dist-react/esm/components/ds-secondary-navigation/ds-secondary-navigation.js +1 -1
  62. package/dist-react/esm/components/ds-text/ds-text.js +7 -7
  63. package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
  64. package/dist-react/esm/components/ds-toast-message/ds-toast-message.js +1 -1
  65. package/dist-react/esm/components/ds-tooltip/ds-tooltip.js +9 -9
  66. package/dist-react/esm/components/index.js +2 -1
  67. package/dist-react/esm/decorators/customUiKitElement.js +1 -1
  68. package/dist-react/esm/mixins/ViewportMixin.js +10 -10
  69. package/dist-react/esm/utils/IconsManager.js +1 -1
  70. package/dist-react/esm/utils/PubSub.js +1 -1
  71. package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
  72. package/dist-react/esm/utils/version.js +1 -1
  73. package/dist-react/types/components/ds-banner/ds-banner.d.ts +20 -0
  74. package/dist-react/types/components/ds-banner/ds-banner.types.d.ts +7 -0
  75. package/dist-react/types/components/ds-banner/styles/common.styles.d.ts +1 -0
  76. package/dist-react/types/components/index.d.ts +1 -0
  77. 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 { s as c, u as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
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 u(i) {
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 = c(h.has(t) ? t : "span");
53
- return l`
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: d
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.175";
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 { arrow as d, computePosition as f, flip as p, offset as m, shift as h, size as g } from "../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
15
- import { debounce as _ } from "../../utils/debounce.js";
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 = _({ func: () => this.requestUpdate() }), this.handleClose = () => {
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) || (f(this.anchorContainer, this.container, {
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
- m(({ placement: e }) => ({
63
+ h(({ placement: e }) => ({
64
64
  mainAxis: 8,
65
65
  crossAxis: e.endsWith("-end") ? 8 : -8
66
66
  })),
67
- p({ crossAxis: !0 }),
68
- h(),
69
- d({
67
+ m({ crossAxis: !0 }),
68
+ g(),
69
+ f({
70
70
  element: this.arrow,
71
71
  padding: 12
72
72
  }),
73
- g({ apply({ availableWidth: e, availableHeight: t, elements: n }) {
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.175");
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 { debounce as e } from "../utils/debounce.js";
2
- import { breakpoints as t } from "../utils/breakpoints.js";
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(...e) {
6
- super(...e), this.handleResize = () => {
5
+ constructor(...t) {
6
+ super(...t), this.handleResize = () => {
7
7
  this.updateViewportWithDebounce();
8
8
  }, this.updateViewport = () => {
9
- let e = "xs";
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) >= t[r]) {
19
- e = r;
18
+ if (((n = window) == null ? void 0 : n.innerWidth) >= e[r]) {
19
+ t = r;
20
20
  break;
21
21
  }
22
22
  }
23
- e !== this.currentViewport && (this.currentViewport = e, this.requestUpdate("viewport", null));
23
+ t !== this.currentViewport && (this.currentViewport = t, this.requestUpdate("viewport", null));
24
24
  };
25
25
  }
26
26
  connectedCallback() {
27
- var t;
28
- super.connectedCallback(), this.updateViewportWithDebounce = e({ func: this.updateViewport }), this.updateViewport(), (t = window) == null || t.addEventListener("resize", this.handleResize);
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.175"), i = globalThis, a = i[r];
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,
@@ -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.175"), n = globalThis, r = n[t];
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.175/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
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);
@@ -1,4 +1,4 @@
1
1
  //#region src/utils/version.ts
2
- var e = "2.0.0-canary.175", t = `--v${e.replaceAll(".", "-")}`;
2
+ var e = "2.0.0-canary.176", t = `--v${e.replaceAll(".", "-")}`;
3
3
  //#endregion
4
4
  export { e as VERSION, t as VERSION_TAG_SUFFIX };
@@ -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,7 @@
1
+ import type { CommonAttrs } from '../../types/types.ts';
2
+ export type DsBannerOrientation = 'horizontal' | 'vertical';
3
+ export interface DsBannerAttrs extends CommonAttrs {
4
+ orientation?: DsBannerOrientation;
5
+ show?: boolean;
6
+ 'show-close'?: boolean;
7
+ }
@@ -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-calendar-day/ds-calendar-day.cjs"),require("../ds-icon-button/ds-icon-button.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
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");require("../ds-icon-button/ds-icon-button.cjs");const 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
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-icon-button/ds-icon-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
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-icon-button/ds-icon-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`
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 l=require("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),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 l.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=c.s(m.has(t)?t:`span`);return c.u`
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:u.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);
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.175`;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);
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");require("../ds-icon-button/ds-icon-button.cjs");const 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
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"),d=require("../../utils/debounce.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=d.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)||(u.computePosition(this.anchorContainer,this.container,{strategy:`fixed`,placement:`bottom-start`,middleware:[u.offset(({placement:e})=>({mainAxis:8,crossAxis:e.endsWith(`-end`)?8:-8})),u.flip({crossAxis:!0}),u.shift(),u.arrow({element:this.arrow,padding:12}),u.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`
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-icon-button/ds-icon-button.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");
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");