dap-design-system 0.57.1 → 0.57.3

package/dist/components/number-input/number-input.component.d.ts

@@ -111,6 +111,7 @@ export default class DapDSNumberInput extends InputBaseElement {
     hideControls: boolean;
     padStart?: number;
     private formattedValue;
+    private valueSetInternally;
     get _thousandSeparator(): string;
     protected firstUpdated(changedProperties: PropertyValues): void;
     private handleKeydown;

package/dist/components/sidenav/sidenav.component.d.ts

@@ -25,5 +25,6 @@ export default class DapDSSideNav extends DdsElement {
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     private removeActive;
     private setActive;
+    private handleClick;
     render(): import('lit-html').TemplateResult;
 }

package/dist/{components-C2yXmzb-.js → components-I_1pevVu.js}

@@ -3339,11 +3339,16 @@ to = Br([
   O("dap-ds-accordion-group")
 ], to);
 const kr = "dds-anchor", In = (t) => {
-  const e = window, i = e.ShadowRoot && (e.ShadyCSS === void 0 || e.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, o = t.constructor.styles, r = new CSSStyleSheet();
-  r.replace(o), i ? document.adoptedStyleSheets = [...document.adoptedStyleSheets, r] : o.forEach((a) => {
-    const s = document.createElement("style"), d = e.litNonce;
-    d !== void 0 && s.setAttribute("nonce", d), s.textContent = a.cssText, document.head.appendChild(s);
-  });
+  const e = window, i = e.ShadowRoot && (e.ShadyCSS === void 0 || e.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, o = t.constructor.styles, r = Array.isArray(o) ? o : o ? [o] : [], a = r.map((s) => s.cssText).join(`
+`);
+  if (i) {
+    const s = new CSSStyleSheet();
+    s.replace(a), document.adoptedStyleSheets = [...document.adoptedStyleSheets, s];
+  } else
+    r.forEach((s) => {
+      const d = document.createElement("style"), l = e.litNonce;
+      l !== void 0 && d.setAttribute("nonce", l), d.textContent = s.cssText, document.head.appendChild(d);
+    });
 }, On = '*,*: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}}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}', wu = ':host{--dds-anchor-link-color: var(--dds-color-primary);--dds-anchor-link-opacity: 0;--dds-anchor-link-hover-opacity: 1;--dds-anchor-link-transition: opacity .2s ease-in-out}.gds-anchor:hover>.gds-anchor__link::part(base){opacity:var(--dds-anchor-link-hover-opacity)}.gds-anchor__link::part(base){transition:var(--dds-anchor-link-transition);opacity:var(--dds-anchor-link-opacity);color:var(--dds-anchor-link-color);user-select:none}.gds-anchor__link::part(base):before{content:"#"}';
 var _u = Object.defineProperty, ku = Object.getOwnPropertyDescriptor, Wa = (t, e, i, o) => {
   for (var r = o > 1 ? void 0 : o ? ku(e, i) : e, a = t.length - 1, s; a >= 0; a--)
@@ -16387,7 +16392,7 @@ var Av = Object.defineProperty, Lv = Object.getOwnPropertyDescriptor, Ge = (t, e
 };
 let Ae = class extends gt {
   constructor() {
-    super(), this.thousandSeparator = "", this.decimalSeparator = ",", this.allowNegative = "true", this.allowDecimal = "true", this.hideControls = !1, this.formattedValue = "", this.manualValueSet = !0, this.type = "text";
+    super(), this.thousandSeparator = "", this.decimalSeparator = ",", this.allowNegative = "true", this.allowDecimal = "true", this.hideControls = !1, this.formattedValue = "", this.valueSetInternally = !1, this.manualValueSet = !0, this.type = "text";
   }
   get _thousandSeparator() {
     var t;
@@ -16425,7 +16430,7 @@ let Ae = class extends gt {
     return t.inputType === "deleteContentBackward" || t.inputType === "deleteContentForward";
   }
   handleEmptyValue() {
-    this.value = "", this.formattedValue = "", this.inputElement.value = "", this.emit("dds-change", {
+    this.valueSetInternally = !0, this.value = "", this.formattedValue = "", this.inputElement.value = "", this.emit("dds-change", {
       value: "",
       formattedValue: ""
     });
@@ -16473,13 +16478,14 @@ let Ae = class extends gt {
     }
     i = this.enforceDecimalScale(i);
     const r = this.convertToNumericValue(i);
-    this.value = r, this.formattedValue = this.getMaskedValue(i), e.value = this.formattedValue, this.emit("dds-change", {
+    this.valueSetInternally = !0, this.value = r, this.formattedValue = this.getMaskedValue(i), e.value = this.formattedValue, this.emit("dds-change", {
       value: this.value,
       formattedValue: this.formattedValue
     }), this.setValidity();
   }
   updated(t) {
-    t.has("value") && (this.inputElement.value = this.formattedValue, this.setValidity());
+    var e;
+    t.has("value") && (this.valueSetInternally || (this.formattedValue = this.getMaskedValue((e = this.value) != null ? e : "")), this.valueSetInternally = !1, this.inputElement.value = this.formattedValue, this.setValidity());
   }
   formResetCallback() {
     super.formResetCallback(), this.formattedValue = this.getMaskedValue(this.value || ""), this.inputElement.value = this.formattedValue;
@@ -16489,7 +16495,7 @@ let Ae = class extends gt {
     if (this.disabled || this.readonly) return;
     const t = this.value ? parseFloat(this.value.toString().replace(this._thousandSeparator, "")) : 0, e = typeof this.step == "number" ? this.step : parseFloat((r = (o = this.step) == null ? void 0 : o.toString()) != null ? r : "1");
     let i = t - e;
-    this.min !== void 0 && i < this.min && (i = this.min), this.value = i, this.formattedValue = this.getMaskedValue(i), this.inputElement.value = this.formattedValue, this.emit("dds-change", {
+    this.min !== void 0 && i < this.min && (i = this.min), this.valueSetInternally = !0, this.value = i, this.formattedValue = this.getMaskedValue(i), this.inputElement.value = this.formattedValue, this.emit("dds-change", {
       value: this.value,
       formattedValue: this.formattedValue
     });
@@ -16499,7 +16505,7 @@ let Ae = class extends gt {
     if (this.disabled || this.readonly) return;
     const t = this.value ? parseFloat(this.value.toString().replace(this.thousandSeparator, "")) : 0, e = typeof this.step == "number" ? this.step : parseFloat((r = (o = this.step) == null ? void 0 : o.toString()) != null ? r : "1");
     let i = t + e;
-    this.max !== void 0 && i > this.max && (i = this.max), this.value = i, this.formattedValue = this.getMaskedValue(i), this.inputElement.value = this.formattedValue, this.emit("dds-change", {
+    this.max !== void 0 && i > this.max && (i = this.max), this.valueSetInternally = !0, this.value = i, this.formattedValue = this.getMaskedValue(i), this.inputElement.value = this.formattedValue, this.emit("dds-change", {
       value: this.value,
       formattedValue: this.formattedValue
     });
@@ -18562,6 +18568,21 @@ let lo = class extends M {
       e && e.setAttribute("open", "true");
     }
   }
+  // Emits `dds-item-click` when an item (or a group acting as a link) is
+  // activated. The event is cancelable: consumers doing client-side routing can
+  // call `event.preventDefault()` to suppress the item's native anchor
+  // navigation. When nobody prevents it, the anchor navigates as before.
+  handleClick(t) {
+    const e = t.composedPath().find(
+      (r) => r instanceof HTMLElement && (r.tagName === "DAP-DS-SIDENAV-ITEM" || r.tagName === "DAP-DS-SIDENAV-GROUP")
+    ), i = (e == null ? void 0 : e.href) || (e == null ? void 0 : e.getAttribute("href"));
+    if (!i) return;
+    this.emit(
+      "dds-item-click",
+      { href: i, event: t },
+      { cancelable: !0 }
+    ).defaultPrevented && t.preventDefault();
+  }
   render() {
     var t;
     return b`
@@ -18569,7 +18590,7 @@ let lo = class extends M {
         part="base"
         class=${v("sidenav", `sidenav--${this.size}`)}
         aria-label=${(t = this.ariaLabel) != null ? t : this.label}>
-        <menu part="menu">
+        <menu part="menu" @click=${this.handleClick}>
           <slot></slot>
         </menu>
       </aside>
@@ -21555,7 +21576,7 @@ export {
   Na as Y,
   Ro as Z,
   ie as _,
-  to as a,
+  Be as a,
   Ar as a0,
   zt as a1,
   Lr as a2,
@@ -21601,24 +21622,24 @@ export {
   po as ax,
   me as ay,
   Pr as az,
-  Eo as b,
-  Ut as c,
-  Be as d,
-  eo as e,
-  He as f,
-  vi as g,
+  Ut as b,
+  eo as c,
+  He as d,
+  to as e,
+  vi as f,
+  Eo as g,
   ii as h,
   Ot as i,
   qt as j,
   Mt as k,
   Xt as l,
-  jt as m,
-  Ia as n,
-  $r as o,
-  Li as p,
-  Sr as q,
-  Po as r,
-  ve as s,
+  Ia as m,
+  $r as n,
+  Li as o,
+  Sr as p,
+  Po as q,
+  ve as r,
+  jt as s,
   Ce as t,
   Ei as u,
   De as v,
@@ -21627,4 +21648,4 @@ export {
   Qt as y,
   wi as z
 };
-//# sourceMappingURL=components-C2yXmzb-.js.map
+//# sourceMappingURL=components-I_1pevVu.js.map