dap-design-system 0.61.3 → 0.61.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/sidenav/sidenav-item.component.d.ts +9 -1
  2. package/dist/components/sidenav/sidenav-item.component.js +45 -30
  3. package/dist/components/sidenav/sidenav-item.component.js.map +1 -1
  4. package/dist/components/sidenav/sidenav-item.scss.js +1 -1
  5. package/dist/manifest/types/vue/index.d.ts +552 -546
  6. package/dist/manifest/vscode.html-custom-data.json +463 -447
  7. package/dist/manifest/web-types.json +955 -922
  8. package/dist/react/index.d.ts +17 -17
  9. package/dist/react-types.ts +18 -18
  10. package/dist/react.js +164 -164
  11. package/package.json +1 -1
package/dist/components/sidenav/sidenav-item.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { AriaCurrent, SidenavSpacing } from '../../common/types';
1
+ import { AriaCurrent, LinkTarget, SidenavSpacing } from '../../common/types';
2
2
  import { DdsElement } from '../../internal/dds-hu-element';
3
3
  /**
4
4
  * `dap-ds-sidenav-item`
@@ -53,6 +53,14 @@ export default class DapDSSideNavItem extends DdsElement {
53
53
  spacing: SidenavSpacing;
54
54
  /** The size of the side navigation item */
55
55
  size: 'xs' | 'sm' | 'lg';
56
+ /** The target of the link.
57
+ * @type {'_blank' | '_self' | '_parent' | '_top'}
58
+ */
59
+ target: LinkTarget;
60
+ /** The rel of the link */
61
+ rel: string;
62
+ /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */
63
+ targetBlankText: string;
56
64
  static readonly styles: import('lit').CSSResult;
57
65
  render(): import('lit-html').TemplateResult;
58
66
  }
package/dist/components/sidenav/sidenav-item.component.js CHANGED
@@ -1,28 +1,31 @@
1
- import { clsx as m } from "../../node_modules/clsx/dist/clsx.js";
1
+ import { clsx as h } from "../../node_modules/clsx/dist/clsx.js";
2
2
  import "../../node_modules/@lit/reactive-element/reactive-element.js";
3
- import "../../node_modules/lit-html/lit-html.js";
3
+ import { nothing as c } from "../../node_modules/lit-html/lit-html.js";
4
4
  import "../../node_modules/lit-element/lit-element.js";
5
- import { property as r } from "../../node_modules/@lit/reactive-element/decorators/property.js";
6
- import { ifDefined as a } from "../../node_modules/lit-html/directives/if-defined.js";
7
- import { html as c } from "../../node_modules/lit-html/static.js";
8
- import { DdsElement as h } from "../../internal/dds-hu-element.js";
5
+ import { property as e } from "../../node_modules/@lit/reactive-element/decorators/property.js";
6
+ import { ifDefined as n } from "../../node_modules/lit-html/directives/if-defined.js";
7
+ import { html as m } from "../../node_modules/lit-html/static.js";
8
+ import "../../localization/localization.js";
9
+ import { DdsElement as g } from "../../internal/dds-hu-element.js";
9
10
  import u from "./sidenav-item.scss.js";
10
- import { unsafeCSS as d } from "../../node_modules/@lit/reactive-element/css-tag.js";
11
- var v = Object.defineProperty, i = (n, p, f, y) => {
12
- for (var e = void 0, o = n.length - 1, l; o >= 0; o--)
13
- (l = n[o]) && (e = l(p, f, e) || e);
14
- return e && v(p, f, e), e;
11
+ import { t as d } from "../../node_modules/i18next/dist/esm/i18next.js";
12
+ import { unsafeCSS as v } from "../../node_modules/@lit/reactive-element/css-tag.js";
13
+ var y = Object.defineProperty, r = (p, i, l, $) => {
14
+ for (var s = void 0, a = p.length - 1, f; a >= 0; a--)
15
+ (f = p[a]) && (s = f(i, l, s) || s);
16
+ return s && y(i, l, s), s;
15
17
  };
16
- const s = class s extends h {
18
+ const o = class o extends g {
17
19
  constructor() {
18
- super(...arguments), this.active = !1, this.current = "page", this.spacing = "none", this.size = "xs";
20
+ super(...arguments), this.active = !1, this.current = "page", this.spacing = "none", this.size = "xs", this.target = "_self", this.rel = "noreferrer noopener";
19
21
  }
20
22
  render() {
21
- return c`
23
+ var i;
24
+ return m`
22
25
  <li
23
26
  part="base"
24
27
  role="listitem"
25
- class=${m(
28
+ class=${h(
26
29
  "sidenav-item",
27
30
  `sidenav-item--spacing-${this.spacing}`,
28
31
  `sidenav-item--${this.size}`,
@@ -34,33 +37,45 @@ const s = class s extends h {
34
37
  part="link"
35
38
  href=${this.href}
36
39
  class="sidenav-item__link"
37
- aria-current=${a(this.active ? this.current : void 0)}
38
- target=${a(this.href ? "_self" : void 0)}
39
- rel=${a(this.href ? "noreferrer noopener" : void 0)}>
40
+ aria-current=${n(this.active ? this.current : void 0)}
41
+ target=${n(this.href ? this.target : void 0)}
42
+ rel=${n(this.href ? this.rel : void 0)}>
40
43
  <slot></slot>
44
+ ${this.target === "_blank" ? m`<span class="sr-only">
45
+ ${(i = this.targetBlankText) != null ? i : d("opensInNewTab")}</span
46
+ >` : c}
41
47
  <slot name="suffix"></slot>
42
48
  </a>
43
49
  </li>
44
50
  `;
45
51
  }
46
52
  };
47
- s.tagName = "dap-ds-sidenav-item", s.styles = d(u);
48
- let t = s;
49
- i([
50
- r()
53
+ o.tagName = "dap-ds-sidenav-item", o.styles = v(u);
54
+ let t = o;
55
+ r([
56
+ e()
51
57
  ], t.prototype, "href");
52
- i([
53
- r({ type: Boolean, reflect: !0 })
58
+ r([
59
+ e({ type: Boolean, reflect: !0 })
54
60
  ], t.prototype, "active");
55
- i([
56
- r({ reflect: !0 })
61
+ r([
62
+ e({ reflect: !0 })
57
63
  ], t.prototype, "current");
58
- i([
59
- r({ reflect: !0 })
64
+ r([
65
+ e({ reflect: !0 })
60
66
  ], t.prototype, "spacing");
61
- i([
62
- r({ reflect: !0, type: String })
67
+ r([
68
+ e({ reflect: !0, type: String })
63
69
  ], t.prototype, "size");
70
+ r([
71
+ e()
72
+ ], t.prototype, "target");
73
+ r([
74
+ e({ type: String })
75
+ ], t.prototype, "rel");
76
+ r([
77
+ e({ type: String })
78
+ ], t.prototype, "targetBlankText");
64
79
  export {
65
80
  t as default
66
81
  };
package/dist/components/sidenav/sidenav-item.component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidenav-item.component.js","sources":["../../../src/components/sidenav/sidenav-item.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html } from 'lit/static-html.js'\n\nimport type { AriaCurrent, SidenavSpacing } from '@/common/types'\n\nimport { DdsElement } from '../../internal/dds-hu-element'\nimport styles from './sidenav-item.scss?inline'\n\n/**\n * `dap-ds-sidenav-item`\n * @summary Side navigation item\n * @element dap-ds-sidenav-item\n * @title - Side navigation item\n * @group side-navigation\n *\n * @slot - The content of the side navigation item.\n * @slot suffix - The suffix of the side navigation item.\n *\n * @csspart base - The main side navigation item container.\n * @csspart link - The link of the side navigation item.\n *\n * @cssproperty --dds-sidenav-item-min-height-xs - Minimum height of the sidenav item (default: var(--dds-spacing-800))\n * @cssproperty --dds-sidenav-item-min-height-sm - Minimum height of the sidenav item (default: var(--dds-spacing-1000))\n * @cssproperty --dds-sidenav-item-min-height-lg - Minimum height of the sidenav item (default: var(--dds-spacing-1200))\n * @cssproperty --dds-sidenav-item-margin-bottom - Default bottom margin of the sidenav item (default: var(--dds-spacing-100))\n * @cssproperty --dds-sidenav-item-padding-xs - Padding of the sidenav item (default: var(--dds-spacing-100) var(--dds-spacing-300))\n * @cssproperty --dds-sidenav-item-padding-sm - Padding of the sidenav item (default: var(--dds-spacing-200) var(--dds-spacing-400))\n * @cssproperty --dds-sidenav-item-padding-lg - Padding of the sidenav item (default: var(--dds-spacing-300) var(--dds-spacing-500))\n * @cssproperty --dds-sidenav-item-radius - Border radius of the sidenav item (default: var(--dds-radius-base))\n * @cssproperty --dds-sidenav-item-color - Text color of the sidenav item (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-sidenav-item-font-size-xs - Font size of the sidenav item (default: var(--dds-font-sm))\n * @cssproperty --dds-sidenav-item-font-size-sm - Font size of the sidenav item (default: var(--dds-font-base))\n * @cssproperty --dds-sidenav-item-font-size-lg - Font size of the sidenav item (default: var(--dds-font-lg))\n * @cssproperty --dds-sidenav-item-font-weight - Font weight of the sidenav item (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-sidenav-item-spacing-margin - Margin used for spacing variants (default: var(--dds-spacing-400))\n * @cssproperty --dds-sidenav-item-bg-active - Background color when the item is active (default: var(--dds-transparent-black-subtle))\n * @cssproperty --dds-sidenav-item-bg-hover - Background color on hover and active states (default: var(--dds-transparent-black-base))\n */\nexport default class DapDSSideNavItem extends DdsElement {\n static tagName = 'dap-ds-sidenav-item'\n\n /** The href of the side navigation item */\n @property() href: string\n\n /** Whether the side navigation item is active */\n @property({ type: Boolean, reflect: true }) active = false\n\n /**\n * Which `aria-current` token to expose on the link when `active` is set.\n *\n * `aria-current` has to sit on the anchor that assistive technology actually\n * exposes. Setting it on this host does nothing: the host is a role-less custom\n * element, so the attribute is stranded there and screen-reader users cannot tell\n * which item is current. Use `current=\"step\"` inside a stepper.\n *\n * @type {'page' | 'step' | 'location' | 'date' | 'time' | 'true'}\n */\n @property({ reflect: true }) current: AriaCurrent = 'page'\n\n /** The spacing of the side navigation item\n * @type {'top' | 'bottom' | 'both' | 'none'}\n */\n @property({ reflect: true }) spacing: SidenavSpacing = 'none'\n\n /** The size of the side navigation item */\n @property({ reflect: true, type: String }) size: 'xs' | 'sm' | 'lg' = 'xs'\n\n static readonly styles = unsafeCSS(styles)\n\n render() {\n return html`\n <li\n part=\"base\"\n role=\"listitem\"\n class=${clsx(\n 'sidenav-item',\n `sidenav-item--spacing-${this.spacing}`,\n `sidenav-item--${this.size}`,\n {\n 'sidenav-item--active': this.active,\n },\n )}>\n <a\n part=\"link\"\n href=${this.href}\n class=\"sidenav-item__link\"\n aria-current=${ifDefined(this.active ? this.current : undefined)}\n target=${ifDefined(this.href ? '_self' : undefined)}\n rel=${ifDefined(this.href ? 'noreferrer noopener' : undefined)}>\n <slot></slot>\n <slot name=\"suffix\"></slot>\n </a>\n </li>\n `\n }\n}\n"],"names":["_DapDSSideNavItem","DdsElement","html","clsx","ifDefined","unsafeCSS","styles","DapDSSideNavItem","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;;AAyCA,MAAqBA,IAArB,MAAqBA,UAAyBC,EAAW;AAAA,EAAzD,cAAA;AAAA,UAAA,GAAA,SAAA,GAOuD,KAAA,SAAA,IAYD,KAAA,UAAA,QAKG,KAAA,UAAA,QAGe,KAAA,OAAA;AAAA,EAAA;AAAA,EAItE,SAAS;AACA,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA,gBAIKC;AAAA,MACN;AAAA,MACA,yBAAyB,KAAK,OAAO;AAAA,MACrC,iBAAiB,KAAK,IAAI;AAAA,MAC1B;AAAA,QACE,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAC/B,CACD;AAAA;AAAA;AAAA,iBAGQ,KAAK,IAAI;AAAA;AAAA,yBAEDC,EAAU,KAAK,SAAS,KAAK,UAAU,MAAS,CAAC;AAAA,mBACvDA,EAAU,KAAK,OAAO,UAAU,MAAS,CAAC;AAAA,gBAC7CA,EAAU,KAAK,OAAO,wBAAwB,MAAS,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOxE;AAxDEJ,EAAO,UAAU,uBA4BDA,EAAA,SAASK,EAAUC,CAAM;AA7B3C,IAAqBC,IAArBP;AAIcQ,EAAA;AAAA,EAAXC,EAAS;AAAA,GAJSF,EAIP,WAAA,MAAA;AAGgCC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAPvBF,EAOyB,WAAA,QAAA;AAYfC,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GAnBRF,EAmBU,WAAA,SAAA;AAKAC,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GAxBRF,EAwBU,WAAA,SAAA;AAGcC,EAAA;AAAA,EAA1CC,EAAS,EAAE,SAAS,IAAM,MAAM,OAAQ,CAAA;AAAA,GA3BtBF,EA2BwB,WAAA,MAAA;"}
1
+ {"version":3,"file":"sidenav-item.component.js","sources":["../../../src/components/sidenav/sidenav-item.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { nothing, unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html } from 'lit/static-html.js'\n\nimport type { AriaCurrent, LinkTarget, SidenavSpacing } from '@/common/types'\nimport { t } from '@/localization/localization'\n\nimport { DdsElement } from '../../internal/dds-hu-element'\nimport styles from './sidenav-item.scss?inline'\n\n/**\n * `dap-ds-sidenav-item`\n * @summary Side navigation item\n * @element dap-ds-sidenav-item\n * @title - Side navigation item\n * @group side-navigation\n *\n * @slot - The content of the side navigation item.\n * @slot suffix - The suffix of the side navigation item.\n *\n * @csspart base - The main side navigation item container.\n * @csspart link - The link of the side navigation item.\n *\n * @cssproperty --dds-sidenav-item-min-height-xs - Minimum height of the sidenav item (default: var(--dds-spacing-800))\n * @cssproperty --dds-sidenav-item-min-height-sm - Minimum height of the sidenav item (default: var(--dds-spacing-1000))\n * @cssproperty --dds-sidenav-item-min-height-lg - Minimum height of the sidenav item (default: var(--dds-spacing-1200))\n * @cssproperty --dds-sidenav-item-margin-bottom - Default bottom margin of the sidenav item (default: var(--dds-spacing-100))\n * @cssproperty --dds-sidenav-item-padding-xs - Padding of the sidenav item (default: var(--dds-spacing-100) var(--dds-spacing-300))\n * @cssproperty --dds-sidenav-item-padding-sm - Padding of the sidenav item (default: var(--dds-spacing-200) var(--dds-spacing-400))\n * @cssproperty --dds-sidenav-item-padding-lg - Padding of the sidenav item (default: var(--dds-spacing-300) var(--dds-spacing-500))\n * @cssproperty --dds-sidenav-item-radius - Border radius of the sidenav item (default: var(--dds-radius-base))\n * @cssproperty --dds-sidenav-item-color - Text color of the sidenav item (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-sidenav-item-font-size-xs - Font size of the sidenav item (default: var(--dds-font-sm))\n * @cssproperty --dds-sidenav-item-font-size-sm - Font size of the sidenav item (default: var(--dds-font-base))\n * @cssproperty --dds-sidenav-item-font-size-lg - Font size of the sidenav item (default: var(--dds-font-lg))\n * @cssproperty --dds-sidenav-item-font-weight - Font weight of the sidenav item (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-sidenav-item-spacing-margin - Margin used for spacing variants (default: var(--dds-spacing-400))\n * @cssproperty --dds-sidenav-item-bg-active - Background color when the item is active (default: var(--dds-transparent-black-subtle))\n * @cssproperty --dds-sidenav-item-bg-hover - Background color on hover and active states (default: var(--dds-transparent-black-base))\n */\nexport default class DapDSSideNavItem extends DdsElement {\n static tagName = 'dap-ds-sidenav-item'\n\n /** The href of the side navigation item */\n @property() href: string\n\n /** Whether the side navigation item is active */\n @property({ type: Boolean, reflect: true }) active = false\n\n /**\n * Which `aria-current` token to expose on the link when `active` is set.\n *\n * `aria-current` has to sit on the anchor that assistive technology actually\n * exposes. Setting it on this host does nothing: the host is a role-less custom\n * element, so the attribute is stranded there and screen-reader users cannot tell\n * which item is current. Use `current=\"step\"` inside a stepper.\n *\n * @type {'page' | 'step' | 'location' | 'date' | 'time' | 'true'}\n */\n @property({ reflect: true }) current: AriaCurrent = 'page'\n\n /** The spacing of the side navigation item\n * @type {'top' | 'bottom' | 'both' | 'none'}\n */\n @property({ reflect: true }) spacing: SidenavSpacing = 'none'\n\n /** The size of the side navigation item */\n @property({ reflect: true, type: String }) size: 'xs' | 'sm' | 'lg' = 'xs'\n\n /** The target of the link.\n * @type {'_blank' | '_self' | '_parent' | '_top'}\n */\n @property() target: LinkTarget = '_self'\n\n /** The rel of the link */\n @property({ type: String }) rel = 'noreferrer noopener'\n\n /** The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text */\n @property({ type: String }) targetBlankText: string\n\n static readonly styles = unsafeCSS(styles)\n\n render() {\n return html`\n <li\n part=\"base\"\n role=\"listitem\"\n class=${clsx(\n 'sidenav-item',\n `sidenav-item--spacing-${this.spacing}`,\n `sidenav-item--${this.size}`,\n {\n 'sidenav-item--active': this.active,\n },\n )}>\n <a\n part=\"link\"\n href=${this.href}\n class=\"sidenav-item__link\"\n aria-current=${ifDefined(this.active ? this.current : undefined)}\n target=${ifDefined(this.href ? this.target : undefined)}\n rel=${ifDefined(this.href ? this.rel : undefined)}>\n <slot></slot>\n ${this.target === '_blank'\n ? html`<span class=\"sr-only\">\n ${this.targetBlankText ?? t('opensInNewTab')}</span\n >`\n : nothing}\n <slot name=\"suffix\"></slot>\n </a>\n </li>\n `\n }\n}\n"],"names":["_DapDSSideNavItem","DdsElement","html","clsx","ifDefined","_a","t","nothing","unsafeCSS","styles","DapDSSideNavItem","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;;;;AA0CA,MAAqBA,IAArB,MAAqBA,UAAyBC,EAAW;AAAA,EAAzD,cAAA;AAAA,UAAA,GAAA,SAAA,GAOuD,KAAA,SAAA,IAYD,KAAA,UAAA,QAKG,KAAA,UAAA,QAGe,KAAA,OAAA,MAKrC,KAAA,SAAA,SAGC,KAAA,MAAA;AAAA,EAAA;AAAA,EAOlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA,gBAIKC;AAAA,MACN;AAAA,MACA,yBAAyB,KAAK,OAAO;AAAA,MACrC,iBAAiB,KAAK,IAAI;AAAA,MAC1B;AAAA,QACE,wBAAwB,KAAK;AAAA,MAAA;AAAA,IAC/B,CACD;AAAA;AAAA;AAAA,iBAGQ,KAAK,IAAI;AAAA;AAAA,yBAEDC,EAAU,KAAK,SAAS,KAAK,UAAU,MAAS,CAAC;AAAA,mBACvDA,EAAU,KAAK,OAAO,KAAK,SAAS,MAAS,CAAC;AAAA,gBACjDA,EAAU,KAAK,OAAO,KAAK,MAAM,MAAS,CAAC;AAAA;AAAA,YAE/C,KAAK,WAAW,WACdF;AAAAA,mBACIG,IAAA,KAAK,oBAAL,OAAAA,IAAwBC,EAAE,eAAe,CAAC;AAAA,mBAE9CC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMrB;AAxEEP,EAAO,UAAU,uBAuCDA,EAAA,SAASQ,EAAUC,CAAM;AAxC3C,IAAqBC,IAArBV;AAIcW,EAAA;AAAA,EAAXC,EAAS;AAAA,GAJSF,EAIP,WAAA,MAAA;AAGgCC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAPvBF,EAOyB,WAAA,QAAA;AAYfC,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GAnBRF,EAmBU,WAAA,SAAA;AAKAC,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAM,CAAA;AAAA,GAxBRF,EAwBU,WAAA,SAAA;AAGcC,EAAA;AAAA,EAA1CC,EAAS,EAAE,SAAS,IAAM,MAAM,OAAQ,CAAA;AAAA,GA3BtBF,EA2BwB,WAAA,MAAA;AAK/BC,EAAA;AAAA,EAAXC,EAAS;AAAA,GAhCSF,EAgCP,WAAA,QAAA;AAGgBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAnCPF,EAmCS,WAAA,KAAA;AAGAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAtCPF,EAsCS,WAAA,iBAAA;"}
package/dist/components/sidenav/sidenav-item.scss.js CHANGED
@@ -1,4 +1,4 @@
1
- const i = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-sidenav-item-min-height-xs: var(--dds-spacing-800);--dds-sidenav-item-min-height-sm: var(--dds-spacing-1000);--dds-sidenav-item-min-height-lg: var(--dds-spacing-1200);--dds-sidenav-item-margin-bottom: var(--dds-spacing-100);--dds-sidenav-item-padding-xs: var(--dds-spacing-100) var(--dds-spacing-300);--dds-sidenav-item-padding-sm: var(--dds-spacing-200) var(--dds-spacing-400);--dds-sidenav-item-padding-lg: var(--dds-spacing-300) var(--dds-spacing-500);--dds-sidenav-item-radius: var(--dds-radius-base);--dds-sidenav-item-color: var(--dds-text-neutral-base);--dds-sidenav-item-font-size-xs: var(--dds-font-sm);--dds-sidenav-item-font-size-sm: var(--dds-font-base);--dds-sidenav-item-font-size-lg: var(--dds-font-lg);--dds-sidenav-item-font-weight: var(--dds-font-weight-medium);--dds-sidenav-item-spacing-margin: var(--dds-spacing-400);--dds-sidenav-item-bg-active: var(--dds-transparent-black-subtle);--dds-sidenav-item-bg-hover: var(--dds-transparent-black-base)}.sidenav-item{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);display:inline-flex;position:relative;box-sizing:border-box;justify-content:flex-start;width:100%;margin-bottom:var(--dds-sidenav-item-margin-bottom);border-width:0;border-radius:var(--dds-sidenav-item-radius);background-color:transparent;color:var(--dds-sidenav-item-color);font-weight:var(--dds-sidenav-item-font-weight)}.sidenav-item:has(:focus-visible){outline-style:solid}.sidenav-item--xs{min-height:var(--dds-sidenav-item-min-height-xs);padding:var(--dds-sidenav-item-padding-xs);font-size:var(--dds-sidenav-item-font-size-xs)}.sidenav-item--sm{min-height:var(--dds-sidenav-item-min-height-sm);padding:var(--dds-sidenav-item-padding-sm);font-size:var(--dds-sidenav-item-font-size-sm)}.sidenav-item--lg{min-height:var(--dds-sidenav-item-min-height-lg);padding:var(--dds-sidenav-item-padding-lg);font-size:var(--dds-sidenav-item-font-size-lg)}.sidenav-item--spacing-bottom{margin-bottom:var(--dds-sidenav-item-spacing-margin)}.sidenav-item--spacing-top{margin-top:var(--dds-sidenav-item-spacing-margin)}.sidenav-item--spacing-both{margin-top:var(--dds-sidenav-item-spacing-margin);margin-bottom:var(--dds-sidenav-item-spacing-margin)}.sidenav-item--active{background-color:var(--dds-sidenav-item-bg-active)}.sidenav-item:active,.sidenav-item:hover{background-color:var(--dds-sidenav-item-bg-hover)}.sidenav-item__link{display:inline-flex;align-items:center;justify-content:space-between;width:100%;color:var(--dds-sidenav-item-color);text-decoration:none;text-overflow:ellipsis;word-break:break-word;hyphens:auto;cursor:pointer}";
1
+ const i = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-sidenav-item-min-height-xs: var(--dds-spacing-800);--dds-sidenav-item-min-height-sm: var(--dds-spacing-1000);--dds-sidenav-item-min-height-lg: var(--dds-spacing-1200);--dds-sidenav-item-margin-bottom: var(--dds-spacing-100);--dds-sidenav-item-padding-xs: var(--dds-spacing-100) var(--dds-spacing-300);--dds-sidenav-item-padding-sm: var(--dds-spacing-200) var(--dds-spacing-400);--dds-sidenav-item-padding-lg: var(--dds-spacing-300) var(--dds-spacing-500);--dds-sidenav-item-radius: var(--dds-radius-base);--dds-sidenav-item-color: var(--dds-text-neutral-base);--dds-sidenav-item-font-size-xs: var(--dds-font-sm);--dds-sidenav-item-font-size-sm: var(--dds-font-base);--dds-sidenav-item-font-size-lg: var(--dds-font-lg);--dds-sidenav-item-font-weight: var(--dds-font-weight-medium);--dds-sidenav-item-spacing-margin: var(--dds-spacing-400);--dds-sidenav-item-bg-active: var(--dds-transparent-black-subtle);--dds-sidenav-item-bg-hover: var(--dds-transparent-black-base)}.sidenav-item{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);display:inline-flex;position:relative;box-sizing:border-box;justify-content:flex-start;width:100%;margin-bottom:var(--dds-sidenav-item-margin-bottom);border-width:0;border-radius:var(--dds-sidenav-item-radius);background-color:transparent;color:var(--dds-sidenav-item-color);font-weight:var(--dds-sidenav-item-font-weight)}.sidenav-item:has(:focus-visible){outline-style:solid}.sidenav-item--xs{min-height:var(--dds-sidenav-item-min-height-xs);padding:var(--dds-sidenav-item-padding-xs);font-size:var(--dds-sidenav-item-font-size-xs)}.sidenav-item--sm{min-height:var(--dds-sidenav-item-min-height-sm);padding:var(--dds-sidenav-item-padding-sm);font-size:var(--dds-sidenav-item-font-size-sm)}.sidenav-item--lg{min-height:var(--dds-sidenav-item-min-height-lg);padding:var(--dds-sidenav-item-padding-lg);font-size:var(--dds-sidenav-item-font-size-lg)}.sidenav-item--spacing-bottom{margin-bottom:var(--dds-sidenav-item-spacing-margin)}.sidenav-item--spacing-top{margin-top:var(--dds-sidenav-item-spacing-margin)}.sidenav-item--spacing-both{margin-top:var(--dds-sidenav-item-spacing-margin);margin-bottom:var(--dds-sidenav-item-spacing-margin)}.sidenav-item--active{background-color:var(--dds-sidenav-item-bg-active)}.sidenav-item:active,.sidenav-item:hover{background-color:var(--dds-sidenav-item-bg-hover)}.sidenav-item .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.sidenav-item__link{display:inline-flex;align-items:center;justify-content:space-between;width:100%;color:var(--dds-sidenav-item-color);text-decoration:none;text-overflow:ellipsis;word-break:break-word;hyphens:auto;cursor:pointer}";
2
2
  export {
3
3
  i as default
4
4
  };