@cupra/ui-kit 2.0.0-canary.62 → 2.0.0-canary.63

package/dist-react/esm/node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directive-helpers.js

@@ -4,34 +4,35 @@ import { _$LH as l } from "./lit-html.js";
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: f } = l, m = () => document.createComment(""), u = (e, A, t) => {
+const { I: f } = l, v = (e) => e.strings === void 0, m = () => document.createComment(""), p = (e, i, t) => {
   var o;
-  const $ = e._$AA.parentNode, i = A === void 0 ? e._$AB : A._$AA;
+  const $ = e._$AA.parentNode, r = i === void 0 ? e._$AB : i._$AA;
   if (t === void 0) {
-    const s = $.insertBefore(m(), i), _ = $.insertBefore(m(), i);
-    t = new f(s, _, e, e.options);
+    const A = $.insertBefore(m(), r), _ = $.insertBefore(m(), r);
+    t = new f(A, _, e, e.options);
   } else {
-    const s = t._$AB.nextSibling, _ = t._$AM, a = _ !== e;
+    const A = t._$AB.nextSibling, _ = t._$AM, a = _ !== e;
     if (a) {
-      let r;
-      (o = t._$AQ) == null || o.call(t, e), t._$AM = e, t._$AP !== void 0 && (r = e._$AU) !== _._$AU && t._$AP(r);
+      let s;
+      (o = t._$AQ) == null || o.call(t, e), t._$AM = e, t._$AP !== void 0 && (s = e._$AU) !== _._$AU && t._$AP(s);
     }
-    if (s !== i || a) {
-      let r = t._$AA;
-      for (; r !== s; ) {
-        const d = r.nextSibling;
-        $.insertBefore(r, i), r = d;
+    if (A !== r || a) {
+      let s = t._$AA;
+      for (; s !== A; ) {
+        const d = s.nextSibling;
+        $.insertBefore(s, r), s = d;
       }
     }
   }
   return t;
-}, v = (e, A, t = e) => (e._$AI(A, t), e), c = {}, p = (e, A = c) => e._$AH = A, B = (e) => e._$AH, P = (e) => {
+}, u = (e, i, t = e) => (e._$AI(i, t), e), n = {}, g = (e, i = n) => e._$AH = i, B = (e) => e._$AH, P = (e) => {
   e._$AR(), e._$AA.remove();
 };
 export {
   B as getCommittedValue,
-  u as insertPart,
+  p as insertPart,
+  v as isSingleExpression,
   P as removePart,
-  v as setChildPartValue,
-  p as setCommittedValue
+  u as setChildPartValue,
+  g as setCommittedValue
 };

package/dist-react/esm/node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directive.js

@@ -3,8 +3,8 @@
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const s = { ATTRIBUTE: 1, CHILD: 2 }, $ = (i) => (...t) => ({ _$litDirective$: i, values: t });
-class _ {
+const s = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, _ = (i) => (...t) => ({ _$litDirective$: i, values: t });
+class $ {
   constructor(t) {
   }
   get _$AU() {
@@ -21,7 +21,7 @@ class _ {
   }
 }
 export {
-  _ as Directive,
+  $ as Directive,
   s as PartType,
-  $ as directive
+  _ as directive
 };

package/dist-react/esm/node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/live.js

@@ -0,0 +1,30 @@
+import { noChange as i, nothing as o } from "../lit-html.js";
+import { directive as a, Directive as T, PartType as r } from "../directive.js";
+import { isSingleExpression as l, setCommittedValue as p } from "../directive-helpers.js";
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const c = a(class extends T {
+  constructor(e) {
+    if (super(e), e.type !== r.PROPERTY && e.type !== r.ATTRIBUTE && e.type !== r.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+    if (!l(e)) throw Error("`live` bindings can only contain a single expression");
+  }
+  render(e) {
+    return e;
+  }
+  update(e, [t]) {
+    if (t === i || t === o) return t;
+    const n = e.element, s = e.name;
+    if (e.type === r.PROPERTY) {
+      if (t === n[s]) return i;
+    } else if (e.type === r.BOOLEAN_ATTRIBUTE) {
+      if (!!t === n.hasAttribute(s)) return i;
+    } else if (e.type === r.ATTRIBUTE && n.getAttribute(s) === t + "") return i;
+    return p(e), t;
+  }
+});
+export {
+  c as live
+};

package/dist-react/esm/utils/IconsManager.js

@@ -25,7 +25,7 @@ class l {
     }), f.subscribe("theme", this.handleChangeTheme);
   }
 }
-const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.62"), h = globalThis;
+const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.63"), h = globalThis;
 let i = h[c];
 i || (i = new l(), Object.defineProperty(h, c, {
   value: i,

package/dist-react/esm/utils/PubSub.js

@@ -18,7 +18,7 @@ class e {
     });
   }
 }
-const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.62"), t = globalThis;
+const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.63"), t = globalThis;
 let b = t[u];
 b || (b = new e(), Object.defineProperty(t, u, {
   value: b,

package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js

@@ -1,3 +1,5 @@
+import { concurrencyLimit as o } from "../concurrencyLimit.js";
+const h = o(20);
 class s {
   constructor() {
     this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({
@@ -5,10 +7,10 @@ class s {
       theme: t
     }) => {
       if (!t || !e) return;
-      const r = `https://ds-assets.cupra.com/2.0.0-canary.62/styles/${t}/components/${e}.css`, c = this.getCachedStyleSheetPromise({ url: r });
-      if (c) return c;
-      const i = this.fetchStyle({ url: r }).then((n) => (n || this.stylePromises.delete(r), n));
-      return this.stylePromises.set(r, i), this.stylePromises.get(r);
+      const c = `https://ds-assets.cupra.com/2.0.0-canary.63/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
+      if (r) return r;
+      const i = h(() => this.fetchStyle({ url: c })).then((n) => (n || this.stylePromises.delete(c), n));
+      return this.stylePromises.set(c, i), this.stylePromises.get(c);
     };
   }
   async fetchStyle({ url: e }) {
@@ -27,7 +29,7 @@ class s {
     return s.instance || (s.instance = new s()), s.instance;
   }
 }
-const a = s.getInstance();
+const y = s.getInstance();
 export {
-  a as stylesRegistry
+  y as stylesRegistry
 };

package/dist-react/esm/utils/concurrencyLimit.js

@@ -0,0 +1,32 @@
+function c(r) {
+  let t = 0;
+  const e = [];
+  function u() {
+    if (t < r) {
+      t++;
+      return;
+    }
+    return new Promise((n) => {
+      e.push(() => {
+        t++, n();
+      });
+    });
+  }
+  function o() {
+    t--;
+    const n = e.shift();
+    n && n();
+  }
+  return async (n) => {
+    const i = u();
+    i && await i;
+    try {
+      return await n();
+    } finally {
+      o();
+    }
+  };
+}
+export {
+  c as concurrencyLimit
+};

package/dist-react/esm/utils/cssWithTokens.js

@@ -3,7 +3,7 @@ import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
 import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
 import { unsafeCSS as n, css as o } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
 function x(t, ...r) {
-  const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-62"), i = n(e);
+  const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-63"), i = n(e);
   return o`${i}`;
 }
 export {

package/dist-react/esm/utils/htmlWithTokens.js

@@ -3,7 +3,7 @@ import { html as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
 import { unsafeHTML as i } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
 function x(t, ...r) {
-  const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-62"), e = i(o);
+  const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v2-0-0-canary-63"), e = i(o);
   return n`${e}`;
 }
 export {

package/dist-react/types/components/ds-select/ds-select.d.ts

@@ -7,6 +7,7 @@ export declare class DsSelect extends UiKitElement {
     mode: DsSelectAttrs['mode'];
     size: DsSelectAttrs['size'];
     variant: DsSelectAttrs['variant'];
+    readonly: DsSelectAttrs['readonly'];
     private _open;
     private nativeSelect;
     private nativeLabel;
@@ -44,6 +45,7 @@ export declare class DsSelect extends UiKitElement {
         container: boolean;
         open: boolean;
         disabled: boolean;
+        readonly: boolean;
         filled: boolean;
         invalid: boolean;
         error: boolean;

package/dist-react/types/components/ds-select/ds-select.types.d.ts

@@ -3,4 +3,5 @@ export interface DsSelectAttrs extends CommonAttrs {
     mode?: 'dark' | 'light';
     size?: 'medium' | 'small';
     variant?: 'primary' | 'secondary' | (string & {});
+    readonly?: boolean;
 }

package/dist-react/types/components/ds-slider/ds-slider.d.ts

@@ -11,6 +11,8 @@ export declare class DsSlider extends DsSlider_base {
     step: DsSliderAttrs['step'];
     initialValueMin: DsSliderAttrs['initial-value-min'];
     initialValueMax: DsSliderAttrs['initial-value-max'];
+    valueMin: DsSliderAttrs['value-min'];
+    valueMax: DsSliderAttrs['value-max'];
     mode: DsSliderAttrs['mode'];
     locale: DsSliderAttrs['locale'];
     localeMatcher: DsSliderAttrs['locale-matcher'];
@@ -30,13 +32,16 @@ export declare class DsSlider extends DsSlider_base {
     inputMinAriaLabel: DsSliderAttrs['input-min-aria-label'];
     inputMaxAriaLabel: DsSliderAttrs['input-max-aria-label'];
     protected track: HTMLInputElement;
-    protected valueMin: number;
-    protected valueMax: number;
+    protected _valueMin: number;
+    protected _valueMax: number;
     protected activeThumb: 'min' | 'max' | null;
     protected animationFrameRequest: number;
     protected editingField?: 'min' | 'max' | null;
     protected keyboardMode: boolean;
     static styles: import("lit").CSSResult[];
+    protected get isRange(): boolean;
+    private isControlled;
+    protected willUpdate(changedProps: PropertyValues): void;
     disconnectedCallback(): void;
     protected firstUpdated(changedProps: PropertyValues): void;
     protected getTrackPct(value: number): number;

package/dist-react/types/components/ds-slider/ds-slider.types.d.ts

@@ -29,14 +29,29 @@ type SliderCustomUnit = Omit<NoUnit, 'style'> & {
     'unit-symbol': string;
 };
 type SliderUnitStyle = SliderCurrency | SliderDecimal | SliderPercent | SliderUnit | SliderNoUnit | SliderCustomUnit;
+type UncontrolledMin = {
+    'initial-value-min'?: number;
+    'value-min'?: never;
+};
+type ControlledMin = {
+    'initial-value-min'?: never;
+    'value-min'?: number;
+};
+type UncontrolledMax = {
+    'initial-value-max'?: number;
+    'value-max'?: never;
+};
+type ControlledMax = {
+    'initial-value-max'?: never;
+    'value-max'?: number;
+};
+type SliderValueProps = (UncontrolledMin | ControlledMin) & (UncontrolledMax | ControlledMax);
 export type DsSliderAttrs = CommonAttrs & {
     min?: number;
     max?: number;
     'min-label'?: string;
     'max-label'?: string;
     step?: number;
-    'initial-value-min'?: number;
-    'initial-value-max'?: number;
     mode?: 'dark' | 'light';
     size?: Size | ResponsiveSize;
     disabled?: boolean;
@@ -51,5 +66,5 @@ export type DsSliderAttrs = CommonAttrs & {
     'use-grouping'?: 'auto' | boolean;
     'input-min-aria-label'?: string;
     'input-max-aria-label'?: string;
-} & SliderUnitStyle;
+} & SliderValueProps & SliderUnitStyle;
 export {};

package/dist-react/types/components/ds-text-input/ds-text-input.d.ts

@@ -9,6 +9,7 @@ export declare class DsTextInput extends DsTextInput_base {
     helperText: DsTextInputAttrs['helper-text'];
     forcedError: DsTextInputAttrs['forced-error'];
     invalidError: DsTextInputAttrs['invalid-error'];
+    readonlyText: DsTextInputAttrs['readonly-text'];
     dataAriaLabelRemoveButton: DsTextInputAttrs['data-aria-label-remove-button'];
     protected handleClickIcon: () => void;
     private get classes();
@@ -17,6 +18,7 @@ export declare class DsTextInput extends DsTextInput_base {
     protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
     protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
     protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get readonlyTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
     protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
 }
 export {};

package/dist-react/types/components/ds-text-input/ds-text-input.types.d.ts

@@ -4,5 +4,6 @@ export type DsTextInputAttrs = {
     'helper-text'?: string;
     'forced-error'?: string;
     'invalid-error'?: string;
+    'readonly-text'?: string;
     'data-aria-label-remove-button'?: string;
 } & CommonAttrs;

package/dist-react/types/components/ds-textarea/ds-textarea.d.ts

@@ -9,6 +9,7 @@ export declare class DsTextarea extends DsTextarea_base {
     helperText: DsTextareaAttrs['helper-text'];
     forcedError: DsTextareaAttrs['forced-error'];
     invalidError: DsTextareaAttrs['invalid-error'];
+    readonlyText: DsTextareaAttrs['readonly-text'];
     mode: DsTextareaAttrs['mode'];
     protected onInputReady(nativeInput: HTMLInputElement | HTMLTextAreaElement): void;
     private get classes();
@@ -16,6 +17,7 @@ export declare class DsTextarea extends DsTextarea_base {
     protected get lengthTemplate(): typeof nothing | import("lit").TemplateResult<1>;
     protected get helperTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
     protected get forcedErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get readonlyTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
     protected get invalidErrorTemplate(): typeof nothing | import("lit").TemplateResult<1>;
 }
 export {};

package/dist-react/types/components/ds-textarea/ds-textarea.types.d.ts

@@ -8,6 +8,7 @@ export type DsTextareaAttrs = {
     'helper-text'?: string;
     'forced-error'?: string;
     'invalid-error'?: string;
+    'readonly-text'?: string;
     mode?: 'dark' | 'light';
 } & CommonAttrs;
 export {};

package/dist-react/types/mixins/inputStatesMixin.d.ts

@@ -8,6 +8,7 @@ export interface InputStatesInterface {
         invalid: boolean;
         filled: boolean;
         disabled: boolean;
+        readonly: boolean;
     };
     nativeInput: HTMLInputElement | HTMLTextAreaElement | undefined;
 }

package/dist-react/types/utils/concurrencyLimit.d.ts

@@ -0,0 +1,4 @@
+type Callback<T> = () => Promise<T>;
+type LimitedPromises = <T>(callback: Callback<T>) => Promise<T>;
+export declare function concurrencyLimit(maxConcurrent: number): LimitedPromises;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-kit",
-  "version": "2.0.0-canary.62",
+  "version": "2.0.0-canary.63",
   "description": "Web components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",