dap-design-system 0.60.2 → 0.61.0

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,7 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};
+//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/_commonjsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/customParseFormat.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/dayjs/plugin/customParseFormat.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
+export {
+  m as default
+};
+//# sourceMappingURL=customParseFormat.js.map

package/dist/_virtual/customParseFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customParseFormat.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/customParseFormat2.js

@@ -0,0 +1,5 @@
+var o = { exports: {} };
+export {
+  o as __module
+};
+//# sourceMappingURL=customParseFormat2.js.map

package/dist/_virtual/customParseFormat2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customParseFormat2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/dayjs.min.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/dayjs/dayjs.min.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
+export {
+  s as default
+};
+//# sourceMappingURL=dayjs.min.js.map

package/dist/_virtual/dayjs.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayjs.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/dayjs.min2.js

@@ -0,0 +1,5 @@
+var a = { exports: {} };
+export {
+  a as __module
+};
+//# sourceMappingURL=dayjs.min2.js.map

package/dist/_virtual/dayjs.min2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayjs.min2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/de.js

@@ -0,0 +1,3 @@
+import { __require as r } from "../node_modules/dayjs/locale/de.js";
+r();
+//# sourceMappingURL=de.js.map

package/dist/_virtual/de.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/de2.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=de2.js.map

package/dist/_virtual/de2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"de2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/en.js

@@ -0,0 +1,3 @@
+import { __require as r } from "../node_modules/dayjs/locale/en.js";
+r();
+//# sourceMappingURL=en.js.map

package/dist/_virtual/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/en2.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=en2.js.map

package/dist/_virtual/en2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/hu.js

@@ -0,0 +1,3 @@
+import { __require as r } from "../node_modules/dayjs/locale/hu.js";
+r();
+//# sourceMappingURL=hu.js.map

package/dist/_virtual/hu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/hu2.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=hu2.js.map

package/dist/_virtual/hu2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hu2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/localeData.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as a } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/dayjs/plugin/localeData.js";
+var o = r();
+const l = /* @__PURE__ */ a(o);
+export {
+  l as default
+};
+//# sourceMappingURL=localeData.js.map

package/dist/_virtual/localeData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeData.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/localeData2.js

@@ -0,0 +1,5 @@
+var a = { exports: {} };
+export {
+  a as __module
+};
+//# sourceMappingURL=localeData2.js.map

package/dist/_virtual/localeData2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeData2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/localizedFormat.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/dayjs/plugin/localizedFormat.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
+export {
+  m as default
+};
+//# sourceMappingURL=localizedFormat.js.map

package/dist/_virtual/localizedFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localizedFormat.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/localizedFormat2.js

@@ -0,0 +1,5 @@
+var o = { exports: {} };
+export {
+  o as __module
+};
+//# sourceMappingURL=localizedFormat2.js.map

package/dist/_virtual/localizedFormat2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localizedFormat2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/weekday.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/dayjs/plugin/weekday.js";
+var o = r();
+const m = /* @__PURE__ */ e(o);
+export {
+  m as default
+};
+//# sourceMappingURL=weekday.js.map

package/dist/_virtual/weekday.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"weekday.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/weekday2.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=weekday2.js.map

package/dist/_virtual/weekday2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"weekday2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/common/const.js

@@ -0,0 +1,5 @@
+const o = "dds-anchor";
+export {
+  o as anchorClass
+};
+//# sourceMappingURL=const.js.map

package/dist/common/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sources":["../../src/common/const.ts"],"sourcesContent":["export const anchorClass = 'dds-anchor'\n"],"names":["anchorClass"],"mappings":"AAAO,MAAMA,IAAc;"}

package/dist/common/decorators.js

@@ -0,0 +1,35 @@
+var U = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var d = (s, t, i) => t in s ? U(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i, f = (s, t) => {
+  for (var i in t || (t = {}))
+    A.call(t, i) && d(s, i, t[i]);
+  if (o)
+    for (var i of o(t))
+      F.call(t, i) && d(s, i, t[i]);
+  return s;
+};
+function k(s, t) {
+  const i = f({
+    waitUntilFirstUpdate: !1
+  }, t);
+  return (e, h) => {
+    const { update: u } = e, r = Array.isArray(s) ? s : [s];
+    e.update = function(a) {
+      r.forEach((w) => {
+        const n = w;
+        if (a.has(n)) {
+          const c = a.get(n), l = this[n];
+          c !== l && (!i.waitUntilFirstUpdate || this.hasUpdated) && this[h](
+            c,
+            l
+          );
+        }
+      }), u.call(this, a);
+    };
+  };
+}
+export {
+  k as watch
+};
+//# sourceMappingURL=decorators.js.map

package/dist/common/decorators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.js","sources":["../../src/common/decorators.ts"],"sourcesContent":["import type { LitElement } from 'lit'\n\nimport { debounce } from './debounce'\n\nexport default function Debounce(wait: number = 300) {\n  return (_proto: any, _methodName: any, descriptor: PropertyDescriptor) => {\n    descriptor.value = debounce(descriptor.value, wait)\n  }\n}\n\ntype UpdateHandler = (prev?: unknown, next?: unknown) => void\n\ntype NonUndefined<A> = A extends undefined ? never : A\n\ntype UpdateHandlerFunctionKeys<T extends object> = {\n  [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never\n}[keyof T]\n\ninterface WatchOptions {\n  /**\n   * If true, will only start watching after the initial update/render\n   */\n  waitUntilFirstUpdate?: boolean\n}\n\n/**\n * Runs when observed properties change, e.g. @property or @state, but before the component updates. To wait for an\n * update to complete after a change occurs, use `await this.updateComplete` in the handler. To start watching after the\n * initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n *\n * Usage:\n *\n * @watch('propName')\n * handlePropChange(oldValue, newValue) {\n *   ...\n * }\n */\nexport function watch(propertyName: string | string[], options?: WatchOptions) {\n  const resolvedOptions: Required<WatchOptions> = {\n    waitUntilFirstUpdate: false,\n    ...options,\n  }\n  return <ElemClass extends LitElement>(\n    proto: ElemClass,\n    decoratedFnName: UpdateHandlerFunctionKeys<ElemClass>,\n  ) => {\n    // @ts-expect-error - update is a protected property\n    const { update } = proto\n    const watchedProperties = Array.isArray(propertyName)\n      ? propertyName\n      : [propertyName]\n\n    // @ts-expect-error - update is a protected property\n    proto.update = function (\n      this: ElemClass,\n      changedProps: Map<keyof ElemClass, ElemClass[keyof ElemClass]>,\n    ) {\n      watchedProperties.forEach(property => {\n        const key = property as keyof ElemClass\n        if (changedProps.has(key)) {\n          const oldValue = changedProps.get(key)\n          const newValue = this[key]\n\n          if (oldValue !== newValue) {\n            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {\n              ;(this[decoratedFnName] as unknown as UpdateHandler)(\n                oldValue,\n                newValue,\n              )\n            }\n          }\n        }\n      })\n\n      update.call(this, changedProps)\n    }\n  }\n}\n"],"names":["watch","propertyName","options","resolvedOptions","__spreadValues","proto","decoratedFnName","update","watchedProperties","changedProps","property","key","oldValue","newValue"],"mappings":";;;;;;;;;;;AAqCgB,SAAAA,EAAMC,GAAiCC,GAAwB;AAC7E,QAAMC,IAA0CC,EAAA;AAAA,IAC9C,sBAAsB;AAAA,KACnBF;AAEE,SAAA,CACLG,GACAC,MACG;AAEG,UAAA,EAAE,QAAAC,MAAWF,GACbG,IAAoB,MAAM,QAAQP,CAAY,IAChDA,IACA,CAACA,CAAY;AAGX,IAAAI,EAAA,SAAS,SAEbI,GACA;AACA,MAAAD,EAAkB,QAAQ,CAAYE,MAAA;AACpC,cAAMC,IAAMD;AACR,YAAAD,EAAa,IAAIE,CAAG,GAAG;AACnB,gBAAAC,IAAWH,EAAa,IAAIE,CAAG,GAC/BE,IAAW,KAAKF,CAAG;AAEzB,UAAIC,MAAaC,MACX,CAACV,EAAgB,wBAAwB,KAAK,eAC9C,KAAKG,CAAe;AAAA,YACpBM;AAAA,YACAC;AAAA,UACF;AAAA,QAEJ;AAAA,MACF,CACD,GAEMN,EAAA,KAAK,MAAME,CAAY;AAAA,IAChC;AAAA,EACF;AACF;"}

package/dist/common/errors.js

@@ -0,0 +1,15 @@
+class i extends Error {
+  constructor(r, s, t) {
+    super(r), this.response = s, this.status = t;
+  }
+}
+class c extends Error {
+  constructor(r, s, t, o) {
+    super(r), this.file = s, this.type = t, this.meta = o;
+  }
+}
+export {
+  c as FileError,
+  i as HttpError
+};
+//# sourceMappingURL=errors.js.map

package/dist/common/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sources":["../../src/common/errors.ts"],"sourcesContent":["export class HttpError extends Error {\n  response: any\n  status: number\n\n  constructor(message: string, response: any, status: number) {\n    super(message)\n    this.response = response\n    this.status = status\n  }\n}\n\nexport class FileError extends Error {\n  file: File\n  type: string\n  meta?: Record<string, any>\n\n  constructor(\n    message: string,\n    file: File,\n    type: string,\n    meta?: Record<string, any>,\n  ) {\n    super(message)\n    this.file = file\n    this.type = type\n    this.meta = meta\n  }\n}\n"],"names":["HttpError","message","response","status","FileError","file","type","meta"],"mappings":"AAAO,MAAMA,UAAkB,MAAM;AAAA,EAInC,YAAYC,GAAiBC,GAAeC,GAAgB;AAC1D,UAAMF,CAAO,GACb,KAAK,WAAWC,GAChB,KAAK,SAASC;AAAA,EAAA;AAElB;AAEO,MAAMC,UAAkB,MAAM;AAAA,EAKnC,YACEH,GACAI,GACAC,GACAC,GACA;AACA,UAAMN,CAAO,GACb,KAAK,OAAOI,GACZ,KAAK,OAAOC,GACZ,KAAK,OAAOC;AAAA,EAAA;AAEhB;"}

package/dist/common/utils.d.ts

@@ -48,6 +48,20 @@ export declare const stringPropertyConverter: {
     fromAttribute: (value: string | null) => string;
     toAttribute: (value: string | null | undefined) => string | null;
 };
+/**
+ * Finds the nearest scrollable ancestor of an element, crossing shadow DOM and
+ * slot boundaries. Returns null if none is found before the document root.
+ */
+export declare function getScrollParent(element: Element): HTMLElement | null;
+/**
+ * Reveals an element by scrolling only its nearest scrollable ancestor, without
+ * bubbling the scroll to outer ancestors. Unlike `Element.scrollIntoView`, which
+ * scrolls every scrollable ancestor up to the window, this keeps outer containers
+ * (e.g. a modal body or the page) still. That matters for an option deep inside a
+ * dropdown: revealing it must not scroll the trigger out of the viewport, which
+ * would otherwise fire the popup's viewport auto-close and snap the dropdown shut.
+ */
+export declare function scrollIntoContainer(element: HTMLElement): void;
 export declare function getValidityStateObject(state: Partial<ValidityState>): {
     badInput: boolean;
     customError: boolean;

package/dist/common/utils.js

@@ -0,0 +1,89 @@
+var a = Object.defineProperty;
+var s = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var i = (t, r, e) => r in t ? a(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e, c = (t, r) => {
+  for (var e in r || (r = {}))
+    l.call(r, e) && i(t, e, r[e]);
+  if (s)
+    for (var e of s(r))
+      f.call(r, e) && i(t, e, r[e]);
+  return t;
+};
+window.matchMedia(
+  "(prefers-reduced-motion: reduce)"
+).matches;
+function p(t) {
+  var e;
+  const r = (e = t.closest("dap-ds-card")) == null ? void 0 : e.getAttribute("size");
+  t.setAttribute("size", r != null ? r : "sm");
+}
+const m = (t) => {
+  let r = {};
+  try {
+    r = JSON.parse(t != null ? t : "");
+  } catch (e) {
+    console.error("Incorrect Json string data", {
+      data: t
+    });
+  }
+  return r;
+};
+function u(t) {
+  return t == null || t === "null" || t === "undefined" ? "" : t;
+}
+const b = {
+  fromAttribute: (t) => u(t),
+  toAttribute: (t) => !t || t === "null" || t === "undefined" ? null : t
+};
+function g(t) {
+  const r = (n) => {
+    if (n instanceof Element && n.assignedSlot)
+      return n.assignedSlot;
+    const o = n.parentNode;
+    return o instanceof ShadowRoot ? o.host : o;
+  };
+  let e = r(t);
+  for (; e instanceof HTMLElement; ) {
+    const { overflowY: n } = getComputedStyle(e);
+    if (/(auto|scroll|overlay)/.test(n) && e.scrollHeight > e.clientHeight)
+      return e;
+    e = r(e);
+  }
+  return null;
+}
+function h(t) {
+  const r = g(t);
+  if (!r)
+    return;
+  const e = r.getBoundingClientRect(), n = t.getBoundingClientRect();
+  n.top < e.top ? r.scrollTop -= e.top - n.top : n.bottom > e.bottom && (r.scrollTop += n.bottom - e.bottom);
+}
+function S(t) {
+  return c({
+    badInput: !1,
+    customError: !1,
+    patternMismatch: !1,
+    rangeOverflow: !1,
+    rangeUnderflow: !1,
+    stepMismatch: !1,
+    tooLong: !1,
+    tooShort: !1,
+    typeMismatch: !1,
+    valid: !0,
+    valueMissing: !1
+  }, t);
+}
+function w(t) {
+  return t.trim().toLowerCase().replace(/\./g, "-").replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/--+/g, "-").replace(/^-+|-+$/g, "");
+}
+export {
+  m as JSONAttributeParser,
+  g as getScrollParent,
+  S as getValidityStateObject,
+  w as kebabCase,
+  u as normalizeStringProperty,
+  h as scrollIntoContainer,
+  p as setFromParentSize,
+  b as stringPropertyConverter
+};
+//# sourceMappingURL=utils.js.map

package/dist/common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/common/utils.ts"],"sourcesContent":["export const isReducedMotion = window.matchMedia(\n  '(prefers-reduced-motion: reduce)',\n).matches\n\nexport function isMobileView() {\n  const mobileBreakpoint = getComputedStyle(document.documentElement)\n    .getPropertyValue('--dds-breakpoints-small')\n    .trim()\n\n  const isMobileView = window.matchMedia(\n    `(max-width: ${mobileBreakpoint})`,\n  ).matches\n\n  return isMobileView\n}\n\nexport function setFromParentSize(element: HTMLElement) {\n  const size = element.closest('dap-ds-card')?.getAttribute('size')\n  element.setAttribute('size', size ?? 'sm')\n}\n\nexport function numberRange(start: number, end: number): number[] {\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i)\n}\n\nexport const JSONAttributeParser = (value: string | null) => {\n  let convertedValue = {}\n  try {\n    convertedValue = JSON.parse(value ?? '')\n  } catch (error) {\n    console.error('Incorrect Json string data', {\n      data: value,\n    })\n  }\n\n  return convertedValue\n}\n\n/**\n * Normalizes a string value that might be null, undefined, or the string \"null\"/\"undefined\".\n * This is useful for handling values from React/Next.js object spreads where null props\n * can be serialized as the string \"null\".\n *\n * @param value - The value to normalize\n * @returns An empty string if the value is null, undefined, or the string \"null\"/\"undefined\", otherwise the value\n *\n * @example\n * ```typescript\n * protected updated(changedProperties: Map<PropertyKey, unknown>): void {\n *   super.updated(changedProperties)\n *   if (changedProperties.has('title')) {\n *     this.title = normalizeStringProperty(this.title)\n *   }\n * }\n * ```\n */\nexport function normalizeStringProperty(\n  value: string | null | undefined,\n): string {\n  if (\n    value === null ||\n    value === undefined ||\n    value === 'null' ||\n    value === 'undefined'\n  ) {\n    return ''\n  }\n  return value\n}\n\n/**\n * Lit property converter that handles null/undefined values from React/Next.js object spreads.\n *\n * When React serializes null props (e.g., from object spreads like {...props} where props.title = null),\n * it can become the string \"null\" in HTML attributes. This converter normalizes these cases.\n *\n * @example\n * ```typescript\n * @property({\n *   converter: stringPropertyConverter\n * })\n * title: string\n * ```\n *\n * This prevents the string \"null\" from appearing in the rendered output when:\n * - Props come from object spreads with null values\n * - React/Next.js serializes null as the string \"null\"\n * - Properties are set directly (bypassing attribute conversion)\n *\n * Note: For direct property assignments (e.g., `element.title = null`), also use\n * `normalizeStringProperty` in the `updated` lifecycle method.\n */\nexport const stringPropertyConverter = {\n  fromAttribute: (value: string | null): string => {\n    return normalizeStringProperty(value)\n  },\n  toAttribute: (value: string | null | undefined): string | null => {\n    // Prevent reflecting null/undefined/empty values back to attributes\n    // This avoids setting title=\"null\" or title=\"\" in the DOM\n    if (!value || value === 'null' || value === 'undefined') {\n      return null // null removes the attribute\n    }\n    return value\n  },\n}\n\n/**\n * Finds the nearest scrollable ancestor of an element, crossing shadow DOM and\n * slot boundaries. Returns null if none is found before the document root.\n */\nexport function getScrollParent(element: Element): HTMLElement | null {\n  const getParent = (node: Node): Node | null => {\n    // Slotted content lives visually inside the slot, so continue up through it.\n    if (node instanceof Element && node.assignedSlot) {\n      return node.assignedSlot\n    }\n    const parent = node.parentNode\n    // Cross a shadow root boundary via its host element.\n    if (parent instanceof ShadowRoot) {\n      return parent.host\n    }\n    return parent\n  }\n\n  let current = getParent(element)\n  while (current instanceof HTMLElement) {\n    const { overflowY } = getComputedStyle(current)\n    if (\n      /(auto|scroll|overlay)/.test(overflowY) &&\n      current.scrollHeight > current.clientHeight\n    ) {\n      return current\n    }\n    current = getParent(current)\n  }\n  return null\n}\n\n/**\n * Reveals an element by scrolling only its nearest scrollable ancestor, without\n * bubbling the scroll to outer ancestors. Unlike `Element.scrollIntoView`, which\n * scrolls every scrollable ancestor up to the window, this keeps outer containers\n * (e.g. a modal body or the page) still. That matters for an option deep inside a\n * dropdown: revealing it must not scroll the trigger out of the viewport, which\n * would otherwise fire the popup's viewport auto-close and snap the dropdown shut.\n */\nexport function scrollIntoContainer(element: HTMLElement): void {\n  const container = getScrollParent(element)\n  if (!container) {\n    return\n  }\n\n  const containerRect = container.getBoundingClientRect()\n  const elementRect = element.getBoundingClientRect()\n\n  if (elementRect.top < containerRect.top) {\n    container.scrollTop -= containerRect.top - elementRect.top\n  } else if (elementRect.bottom > containerRect.bottom) {\n    container.scrollTop += elementRect.bottom - containerRect.bottom\n  }\n}\n\nexport function getValidityStateObject(state: Partial<ValidityState>) {\n  return {\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valid: true,\n    valueMissing: false,\n    ...state,\n  }\n}\n\n/**\n * Converts a string to kebab-case.\n *\n * @param str - The string to convert\n * @returns The kebab-cased string\n */\nexport function kebabCase(str: string): string {\n  return str\n    .trim()\n    .toLowerCase()\n    .replace(/\\./g, '-') // Convert dots to dashes first\n    .replace(/\\s+/g, '-') // Convert spaces to dashes\n    .replace(/[^a-z0-9-]/g, '') // Remove non-alphanumeric except dashes\n    .replace(/--+/g, '-') // Collapse multiple dashes\n    .replace(/^-+|-+$/g, '') // Remove leading/trailing dashes\n}\n"],"names":["setFromParentSize","element","_a","size","JSONAttributeParser","value","convertedValue","error","normalizeStringProperty","stringPropertyConverter","getScrollParent","getParent","node","parent","current","overflowY","scrollIntoContainer","container","containerRect","elementRect","getValidityStateObject","state","__spreadValues","kebabCase","str"],"mappings":";;;;;;;;;;;AAA+B,OAAO;AAAA,EACpC;AACF,EAAE;AAcK,SAASA,EAAkBC,GAAsB;AAhBzB,MAAAC;AAiB7B,QAAMC,KAAOD,IAAAD,EAAQ,QAAQ,aAAa,MAA7B,gBAAAC,EAAgC,aAAa;AAClD,EAAAD,EAAA,aAAa,QAAQE,KAAA,OAAAA,IAAQ,IAAI;AAC3C;AAMa,MAAAC,IAAsB,CAACC,MAAyB;AAC3D,MAAIC,IAAiB,CAAC;AAClB,MAAA;AACe,IAAAA,IAAA,KAAK,MAAMD,KAAA,OAAAA,IAAS,EAAE;AAAA,WAChCE,GAAO;AACd,YAAQ,MAAM,8BAA8B;AAAA,MAC1C,MAAMF;AAAA,IAAA,CACP;AAAA,EAAA;AAGI,SAAAC;AACT;AAoBO,SAASE,EACdH,GACQ;AACR,SACEA,KAAU,QAEVA,MAAU,UACVA,MAAU,cAEH,KAEFA;AACT;AAwBO,MAAMI,IAA0B;AAAA,EACrC,eAAe,CAACJ,MACPG,EAAwBH,CAAK;AAAA,EAEtC,aAAa,CAACA,MAGR,CAACA,KAASA,MAAU,UAAUA,MAAU,cACnC,OAEFA;AAEX;AAMO,SAASK,EAAgBT,GAAsC;AAC9D,QAAAU,IAAY,CAACC,MAA4B;AAEzC,QAAAA,aAAgB,WAAWA,EAAK;AAClC,aAAOA,EAAK;AAEd,UAAMC,IAASD,EAAK;AAEpB,WAAIC,aAAkB,aACbA,EAAO,OAETA;AAAA,EACT;AAEI,MAAAC,IAAUH,EAAUV,CAAO;AAC/B,SAAOa,aAAmB,eAAa;AACrC,UAAM,EAAE,WAAAC,EAAA,IAAc,iBAAiBD,CAAO;AAC9C,QACE,wBAAwB,KAAKC,CAAS,KACtCD,EAAQ,eAAeA,EAAQ;AAExB,aAAAA;AAET,IAAAA,IAAUH,EAAUG,CAAO;AAAA,EAAA;AAEtB,SAAA;AACT;AAUO,SAASE,EAAoBf,GAA4B;AACxD,QAAAgB,IAAYP,EAAgBT,CAAO;AACzC,MAAI,CAACgB;AACH;AAGI,QAAAC,IAAgBD,EAAU,sBAAsB,GAChDE,IAAclB,EAAQ,sBAAsB;AAE9C,EAAAkB,EAAY,MAAMD,EAAc,MACxBD,EAAA,aAAaC,EAAc,MAAMC,EAAY,MAC9CA,EAAY,SAASD,EAAc,WAClCD,EAAA,aAAaE,EAAY,SAASD,EAAc;AAE9D;AAEO,SAASE,EAAuBC,GAA+B;AAC7D,SAAAC,EAAA;AAAA,IACL,UAAU;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,IACV,cAAc;AAAA,IACd,OAAO;AAAA,IACP,cAAc;AAAA,KACXD;AAEP;AAQO,SAASE,EAAUC,GAAqB;AACtC,SAAAA,EACJ,KACA,EAAA,cACA,QAAQ,OAAO,GAAG,EAClB,QAAQ,QAAQ,GAAG,EACnB,QAAQ,eAAe,EAAE,EACzB,QAAQ,QAAQ,GAAG,EACnB,QAAQ,YAAY,EAAE;AAC3B;"}

package/dist/common/viewport.js

@@ -0,0 +1,90 @@
+const l = {
+  xs: "--dds-breakpoints-xsmall",
+  sm: "--dds-breakpoints-small",
+  md: "--dds-breakpoints-medium",
+  lg: "--dds-breakpoints-large",
+  xl: "--dds-breakpoints-xlarge",
+  "2xl": "--dds-breakpoints-2xlarge"
+}, u = {
+  xs: 320,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, c = ["xs", "sm", "md", "lg", "xl", "2xl"];
+function d(n) {
+  if (typeof window == "undefined" || typeof document == "undefined")
+    return null;
+  const t = l[n];
+  return `(max-width: ${getComputedStyle(document.documentElement).getPropertyValue(t).trim() || `${u[n]}px`})`;
+}
+const a = ["xxs", "xs", "sm", "md", "lg"], m = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl"
+];
+function x(n) {
+  const t = n == null ? void 0 : n.trim();
+  if (!t) return;
+  const e = {}, s = t.split(",").map((r) => r.trim().split(":"));
+  for (const [r, o] of s) {
+    if (!r || !o) continue;
+    const i = m.includes(r) ? r : null;
+    i && a.includes(o) && (e[i] = o);
+  }
+  return Object.keys(e).length > 0 ? e : void 0;
+}
+function f() {
+  if (typeof window == "undefined") return null;
+  try {
+    for (const n of c) {
+      const t = d(n);
+      if (t && window.matchMedia(t).matches) return n;
+    }
+    return null;
+  } catch (n) {
+    return null;
+  }
+}
+function g(n, t) {
+  var r;
+  if (!t) return n;
+  const e = f();
+  if (e == null) return n;
+  const s = c.indexOf(e);
+  for (let o = s; o < c.length; o++) {
+    const i = c[o];
+    if (i in t)
+      return (r = t[i]) != null ? r : n;
+  }
+  return n;
+}
+function p(n, t) {
+  const e = d(n);
+  if (!e) return () => {
+  };
+  try {
+    const s = window.matchMedia(e), r = () => t();
+    return s.addEventListener("change", r), () => s.removeEventListener("change", r);
+  } catch (s) {
+    return () => {
+    };
+  }
+}
+function h(n, t) {
+  if (n.length === 0) return () => {
+  };
+  const e = n.map((s) => p(s, t));
+  return () => e.forEach((s) => s());
+}
+export {
+  g as getResponsiveSize,
+  x as parseResponsiveSizeMap,
+  p as subscribeToBreakpoint,
+  h as subscribeToBreakpoints
+};
+//# sourceMappingURL=viewport.js.map

package/dist/common/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","sources":["../../src/common/viewport.ts"],"sourcesContent":["import type { Size } from '@/common/types'\n\nexport type BreakpointName = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst BREAKPOINT_CSS_VARS: Record<BreakpointName, string> = {\n  'xs': '--dds-breakpoints-xsmall',\n  'sm': '--dds-breakpoints-small',\n  'md': '--dds-breakpoints-medium',\n  'lg': '--dds-breakpoints-large',\n  'xl': '--dds-breakpoints-xlarge',\n  '2xl': '--dds-breakpoints-2xlarge',\n}\n\nconst BREAKPOINT_FALLBACK_PX: Record<BreakpointName, number> = {\n  'xs': 320,\n  'sm': 640,\n  'md': 768,\n  'lg': 1024,\n  'xl': 1280,\n  '2xl': 1536,\n}\n\n/** Narrowest to widest. */\nconst BREAKPOINT_ORDER: BreakpointName[] = ['xs', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction getBreakpointMediaQuery(breakpoint: BreakpointName): string | null {\n  if (typeof window === 'undefined' || typeof document === 'undefined') {\n    return null\n  }\n  const cssVar = BREAKPOINT_CSS_VARS[breakpoint]\n  const value = getComputedStyle(document.documentElement)\n    .getPropertyValue(cssVar)\n    .trim()\n  const width = value || `${BREAKPOINT_FALLBACK_PX[breakpoint]}px`\n  return `(max-width: ${width})`\n}\n\n/**\n * Map from breakpoint to component size. A key applies at that breakpoint and all narrower ones (e.g. md:lg → xs, sm, md use lg).\n */\nexport type BreakpointToSizeMap = Partial<Record<BreakpointName, Size>>\n\nconst VALID_SIZES: Size[] = ['xxs', 'xs', 'sm', 'md', 'lg']\nconst VALID_BREAKPOINTS: BreakpointName[] = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n]\n\n/**\n * Parses a string like \"sm:lg,md:md\" into a BreakpointToSizeMap.\n * Key = breakpoint (xs, sm, md, lg, xl, 2xl). Value = component size (xxs, xs, sm, md, lg).\n * Invalid pairs are skipped. Returns undefined for empty/null/whitespace.\n */\nexport function parseResponsiveSizeMap(\n  value: string | null | undefined,\n): BreakpointToSizeMap | undefined {\n  const s = value?.trim()\n  if (!s) return undefined\n  const map: BreakpointToSizeMap = {}\n  const pairs = s.split(',').map(p => p.trim().split(':'))\n  for (const [bpKey, sizeVal] of pairs) {\n    if (!bpKey || !sizeVal) continue\n    const breakpoint = VALID_BREAKPOINTS.includes(bpKey as BreakpointName)\n      ? (bpKey as BreakpointName)\n      : null\n    if (breakpoint && VALID_SIZES.includes(sizeVal as Size)) {\n      map[breakpoint] = sizeVal as Size\n    }\n  }\n  return Object.keys(map).length > 0 ? map : undefined\n}\n\n/**\n * Returns the active breakpoint: the narrowest one that the viewport is currently below.\n * Returns null if viewport is above all breakpoints.\n */\nfunction getActiveBreakpoint(): BreakpointName | null {\n  if (typeof window === 'undefined') return null\n  try {\n    for (const bp of BREAKPOINT_ORDER) {\n      const query = getBreakpointMediaQuery(bp)\n      if (query && window.matchMedia(query).matches) return bp\n    }\n    return null\n  } catch {\n    return null\n  }\n}\n\n/**\n * Returns the effective component size from the breakpoint→size map.\n * A map entry like \"md:lg\" applies at that breakpoint and all narrower breakpoints (xs, sm, md).\n * With multiple entries we use the narrowest matching key (most specific). E.g. \"sm:lg,md:md\" → xs/sm use lg, md uses md.\n */\nexport function getResponsiveSize(\n  requestedSize: Size,\n  breakpointToSizeMap: BreakpointToSizeMap | null | undefined,\n): Size {\n  if (!breakpointToSizeMap) return requestedSize\n  const active = getActiveBreakpoint()\n  if (active == null) return requestedSize\n  const activeIndex = BREAKPOINT_ORDER.indexOf(active)\n  for (let i = activeIndex; i < BREAKPOINT_ORDER.length; i++) {\n    const bp = BREAKPOINT_ORDER[i]\n    if (bp in breakpointToSizeMap) {\n      return breakpointToSizeMap[bp] ?? requestedSize\n    }\n  }\n  return requestedSize\n}\n\n/**\n * Subscribes to viewport changes at the given breakpoint. The callback is invoked\n * when the viewport crosses the breakpoint. Returns an unsubscribe function.\n */\nexport function subscribeToBreakpoint(\n  breakpoint: BreakpointName,\n  callback: () => void,\n): () => void {\n  const query = getBreakpointMediaQuery(breakpoint)\n  if (!query) return () => {}\n\n  try {\n    const mql = window.matchMedia(query)\n    const handler = () => callback()\n    mql.addEventListener('change', handler)\n    return () => mql.removeEventListener('change', handler)\n  } catch {\n    return () => {}\n  }\n}\n\n/**\n * Subscribes to multiple breakpoints; callback runs when any of them is crossed.\n * Returns a single unsubscribe that removes all listeners.\n */\nexport function subscribeToBreakpoints(\n  breakpoints: BreakpointName[],\n  callback: () => void,\n): () => void {\n  if (breakpoints.length === 0) return () => {}\n  const unsubs = breakpoints.map(bp => subscribeToBreakpoint(bp, callback))\n  return () => unsubs.forEach(fn => fn())\n}\n"],"names":["BREAKPOINT_CSS_VARS","BREAKPOINT_FALLBACK_PX","BREAKPOINT_ORDER","getBreakpointMediaQuery","breakpoint","cssVar","VALID_SIZES","VALID_BREAKPOINTS","parseResponsiveSizeMap","value","s","map","pairs","p","bpKey","sizeVal","getActiveBreakpoint","bp","query","e","getResponsiveSize","requestedSize","breakpointToSizeMap","_a","active","activeIndex","i","subscribeToBreakpoint","callback","mql","handler","subscribeToBreakpoints","breakpoints","unsubs","fn"],"mappings":"AAIA,MAAMA,IAAsD;AAAA,EAC1D,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,OAAO;AACT,GAEMC,IAAyD;AAAA,EAC7D,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,OAAO;AACT,GAGMC,IAAqC,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAE/E,SAASC,EAAwBC,GAA2C;AAC1E,MAAI,OAAO,UAAW,eAAe,OAAO,YAAa;AAChD,WAAA;AAEH,QAAAC,IAASL,EAAoBI,CAAU;AAK7C,SAAO,eAJO,iBAAiB,SAAS,eAAe,EACpD,iBAAiBC,CAAM,EACvB,KAAK,KACe,GAAGJ,EAAuBG,CAAU,CAAC,IACjC;AAC7B;AAOA,MAAME,IAAsB,CAAC,OAAO,MAAM,MAAM,MAAM,IAAI,GACpDC,IAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,SAASC,EACdC,GACiC;AAC3B,QAAAC,IAAID,KAAA,gBAAAA,EAAO;AACb,MAAA,CAACC,EAAU;AACf,QAAMC,IAA2B,CAAC,GAC5BC,IAAQF,EAAE,MAAM,GAAG,EAAE,IAAI,CAAKG,MAAAA,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AACvD,aAAW,CAACC,GAAOC,CAAO,KAAKH,GAAO;AAChC,QAAA,CAACE,KAAS,CAACC,EAAS;AACxB,UAAMX,IAAaG,EAAkB,SAASO,CAAuB,IAChEA,IACD;AACJ,IAAIV,KAAcE,EAAY,SAASS,CAAe,MACpDJ,EAAIP,CAAU,IAAIW;AAAA,EACpB;AAEF,SAAO,OAAO,KAAKJ,CAAG,EAAE,SAAS,IAAIA,IAAM;AAC7C;AAMA,SAASK,IAA6C;AAChD,MAAA,OAAO,UAAW,YAAoB,QAAA;AACtC,MAAA;AACF,eAAWC,KAAMf,GAAkB;AAC3B,YAAAgB,IAAQf,EAAwBc,CAAE;AACxC,UAAIC,KAAS,OAAO,WAAWA,CAAK,EAAE,QAAgB,QAAAD;AAAA,IAAA;AAEjD,WAAA;AAAA,EAAA,SACDE,GAAA;AACC,WAAA;AAAA,EAAA;AAEX;AAOgB,SAAAC,EACdC,GACAC,GACM;AAjGR,MAAAC;AAkGM,MAAA,CAACD,EAA4B,QAAAD;AACjC,QAAMG,IAASR,EAAoB;AAC/B,MAAAQ,KAAU,KAAa,QAAAH;AACrB,QAAAI,IAAcvB,EAAiB,QAAQsB,CAAM;AACnD,WAASE,IAAID,GAAaC,IAAIxB,EAAiB,QAAQwB,KAAK;AACpD,UAAAT,IAAKf,EAAiBwB,CAAC;AAC7B,QAAIT,KAAMK;AACD,cAAAC,IAAAD,EAAoBL,CAAE,MAAtB,OAAAM,IAA2BF;AAAA,EACpC;AAEK,SAAAA;AACT;AAMgB,SAAAM,EACdvB,GACAwB,GACY;AACN,QAAAV,IAAQf,EAAwBC,CAAU;AAC5C,MAAA,CAACc,EAAO,QAAO,MAAM;AAAA,EAAC;AAEtB,MAAA;AACI,UAAAW,IAAM,OAAO,WAAWX,CAAK,GAC7BY,IAAU,MAAMF,EAAS;AAC3B,WAAAC,EAAA,iBAAiB,UAAUC,CAAO,GAC/B,MAAMD,EAAI,oBAAoB,UAAUC,CAAO;AAAA,EAAA,SAChDX,GAAA;AACN,WAAO,MAAM;AAAA,IAAC;AAAA,EAAA;AAElB;AAMgB,SAAAY,EACdC,GACAJ,GACY;AACZ,MAAII,EAAY,WAAW,EAAG,QAAO,MAAM;AAAA,EAAC;AAC5C,QAAMC,IAASD,EAAY,IAAI,OAAML,EAAsBV,GAAIW,CAAQ,CAAC;AACxE,SAAO,MAAMK,EAAO,QAAQ,CAAAC,MAAMA,GAAI;AACxC;"}