dap-design-system 0.55.2 → 0.55.3

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

@@ -41,6 +41,7 @@ import { default as DapDSFileInputList } from './file-input-list.component';
  * @property {boolean} showDropzone - Whether to show a separate dropzone area.
  * @property {string} dropzoneText - Text to display in the dropzone.
  * @property {string} dropzoneAriaLabel - Aria label for the dropzone.
+ * @property {boolean} dropzoneFocusable - Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).
  * @property {boolean} showFileList - Whether to show the built-in file list.
  * @property {boolean} confirmRemove - Whether to show confirmation dialog before removing files.
  * @property {string} showUploadButton - Whether to show the upload button. Default is `true`.
@@ -151,6 +152,12 @@ export default class DapDSFileInput extends GenericFormElement {
     showThumbnail: string;
     /** Aria label for the dropzone */
     dropzoneAriaLabel: string;
+    /**
+     * When false, the dropzone is not tab-focusable (tabindex -1), uses role="group"
+     * instead of role="button", and Enter/Space no longer opens the file dialog from
+     * the dropzone. Click and drag-and-drop still work.
+     */
+    dropzoneFocusable: string;
     /** Size of the thumbnail preview in the built-in file list */
     thumbnailSize: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
     get files(): File[];

package/dist/{components-ChK1mSip.js → components-NHQTi00b.js}

@@ -643,7 +643,7 @@ function Kd() {
   }(fr)), fr.exports;
 }
 var Gd = Kd();
-const Wd = /* @__PURE__ */ Ho(Gd), J = (t) => typeof t == "string", yo = () => {
+const Wd = /* @__PURE__ */ Ho(Gd), X = (t) => typeof t == "string", yo = () => {
   let t, e;
   const i = new Promise((o, r) => {
     t = o, e = r;
@@ -653,8 +653,8 @@ const Wd = /* @__PURE__ */ Ho(Gd), J = (t) => typeof t == "string", yo = () => {
   t.forEach((o) => {
     e[o] && (i[o] = e[o]);
   });
-}, Zd = /###/g, zs = (t) => t && t.indexOf("###") > -1 ? t.replace(Zd, ".") : t, Cs = (t) => !t || J(t), So = (t, e, i) => {
-  const o = J(e) ? e.split(".") : e;
+}, Zd = /###/g, zs = (t) => t && t.indexOf("###") > -1 ? t.replace(Zd, ".") : t, Cs = (t) => !t || X(t), So = (t, e, i) => {
+  const o = X(e) ? e.split(".") : e;
   let r = 0;
   for (; r < o.length - 1; ) {
     if (Cs(t)) return {};
@@ -696,7 +696,7 @@ const Wd = /* @__PURE__ */ Ho(Gd), J = (t) => typeof t == "string", yo = () => {
   return o !== void 0 ? o : mr(e, i);
 }, pn = (t, e, i) => {
   for (const o in e)
-    o !== "__proto__" && o !== "constructor" && (o in t ? J(t[o]) || t[o] instanceof String || J(e[o]) || e[o] instanceof String ? i && (t[o] = e[o]) : pn(t[o], e[o], i) : t[o] = e[o]);
+    o !== "__proto__" && o !== "constructor" && (o in t ? X(t[o]) || t[o] instanceof String || X(e[o]) || e[o] instanceof String ? i && (t[o] = e[o]) : pn(t[o], e[o], i) : t[o] = e[o]);
   return t;
 }, Gi = (t) => t.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var Qd = {
@@ -707,7 +707,7 @@ var Qd = {
   "'": "&#39;",
   "/": "&#x2F;"
 };
-const tl = (t) => J(t) ? t.replace(/[&<>"'\/]/g, (e) => Qd[e]) : t;
+const tl = (t) => X(t) ? t.replace(/[&<>"'\/]/g, (e) => Qd[e]) : t;
 class el {
   constructor(e) {
     this.capacity = e, this.regExpMap = /* @__PURE__ */ new Map(), this.regExpQueue = [];
@@ -796,7 +796,7 @@ class xr {
     return this.forward(i, "warn", "WARNING DEPRECATED: ", !0);
   }
   forward(e, i, o, r) {
-    return r && !this.debug ? null : (J(e[0]) && (e[0] = `${o}${this.prefix} ${e[0]}`), this.logger[i](e));
+    return r && !this.debug ? null : (X(e[0]) && (e[0] = `${o}${this.prefix} ${e[0]}`), this.logger[i](e));
   }
   create(e) {
     return new xr(this.logger, x({
@@ -861,9 +861,9 @@ class Is extends Rr {
     let r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
     const a = r.keySeparator !== void 0 ? r.keySeparator : this.options.keySeparator, s = r.ignoreJSONStructure !== void 0 ? r.ignoreJSONStructure : this.options.ignoreJSONStructure;
     let d;
-    e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, i], o && (Array.isArray(o) ? d.push(...o) : J(o) && a ? d.push(...o.split(a)) : d.push(o)));
+    e.indexOf(".") > -1 ? d = e.split(".") : (d = [e, i], o && (Array.isArray(o) ? d.push(...o) : X(o) && a ? d.push(...o.split(a)) : d.push(o)));
     const l = mr(this.data, d);
-    return !l && !i && !o && e.indexOf(".") > -1 && (e = d[0], i = d[1], o = d.slice(2).join(".")), l || !s || !J(o) ? l : za(this.data && this.data[e] && this.data[e][i], o, a);
+    return !l && !i && !o && e.indexOf(".") > -1 && (e = d[0], i = d[1], o = d.slice(2).join(".")), l || !s || !X(o) ? l : za(this.data && this.data[e] && this.data[e][i], o, a);
   }
   addResource(e, i, o, r) {
     let a = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -878,7 +878,7 @@ class Is extends Rr {
       silent: !1
     };
     for (const a in o)
-      (J(o[a]) || Array.isArray(o[a])) && this.addResource(e, i, a, o[a], {
+      (X(o[a]) || Array.isArray(o[a])) && this.addResource(e, i, a, o[a], {
         silent: !0
       });
     r.silent || this.emit("added", e, i, o);
@@ -952,14 +952,14 @@ class wr extends Rr {
       if (l && l.length > 0)
         return {
           key: e,
-          namespaces: J(a) ? [a] : a
+          namespaces: X(a) ? [a] : a
         };
       const c = e.split(o);
       (o !== r || o === r && this.options.ns.indexOf(c[0]) > -1) && (a = c.shift()), e = c.join(r);
     }
     return {
       key: e,
-      namespaces: J(a) ? [a] : a
+      namespaces: X(a) ? [a] : a
     };
   }
   translate(e, i, o) {
@@ -992,8 +992,8 @@ class wr extends Rr {
     }
     const u = this.resolve(e, i);
     let h = u && u.res;
-    const g = u && u.usedKey || s, m = u && u.exactUsedKey || s, w = Object.prototype.toString.apply(h), y = ["[object Number]", "[object Function]", "[object RegExp]"], _ = i.joinArrays !== void 0 ? i.joinArrays : this.options.joinArrays, S = !this.i18nFormat || this.i18nFormat.handleAsObject, L = !J(h) && typeof h != "boolean" && typeof h != "number";
-    if (S && h && L && y.indexOf(w) < 0 && !(J(_) && Array.isArray(h))) {
+    const g = u && u.usedKey || s, m = u && u.exactUsedKey || s, w = Object.prototype.toString.apply(h), y = ["[object Number]", "[object Function]", "[object RegExp]"], _ = i.joinArrays !== void 0 ? i.joinArrays : this.options.joinArrays, S = !this.i18nFormat || this.i18nFormat.handleAsObject, L = !X(h) && typeof h != "boolean" && typeof h != "number";
+    if (S && h && L && y.indexOf(w) < 0 && !(X(_) && Array.isArray(h))) {
       if (!i.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const T = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(g, h, q(x({}, i), {
@@ -1013,11 +1013,11 @@ class wr extends Rr {
           }
         h = E;
       }
-    } else if (S && J(_) && Array.isArray(h))
+    } else if (S && X(_) && Array.isArray(h))
       h = h.join(_), h && (h = this.extendTranslation(h, e, i, o));
     else {
       let T = !1, E = !1;
-      const Q = i.count !== void 0 && !J(i.count), et = wr.hasDefaultValue(i), ct = Q ? this.pluralResolver.getSuffix(c, i.count, i) : "", ht = i.ordinal && Q ? this.pluralResolver.getSuffix(c, i.count, {
+      const Q = i.count !== void 0 && !X(i.count), et = wr.hasDefaultValue(i), ct = Q ? this.pluralResolver.getSuffix(c, i.count, i) : "", ht = i.ordinal && Q ? this.pluralResolver.getSuffix(c, i.count, {
         ordinal: !1
       }) : "", it = Q && !i.ordinal && i.count === 0 && this.pluralResolver.shouldUseIntlApi(), j = it && i[`defaultValue${this.options.pluralSeparator}zero`] || i[`defaultValue${ct}`] || i[`defaultValue${ht}`] || i.defaultValue;
       !this.isValidLookup(h) && et && (T = !0, h = j), this.isValidLookup(h) || (E = !0, h = s);
@@ -1060,13 +1060,13 @@ class wr extends Rr {
       o.interpolation && this.interpolator.init(q(x({}, o), {
         interpolation: x(x({}, this.options.interpolation), o.interpolation)
       }));
-      const c = J(e) && (o && o.interpolation && o.interpolation.skipOnVariables !== void 0 ? o.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      const c = X(e) && (o && o.interpolation && o.interpolation.skipOnVariables !== void 0 ? o.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let p;
       if (c) {
         const h = e.match(this.interpolator.nestingRegexp);
         p = h && h.length;
       }
-      let u = o.replace && !J(o.replace) ? o.replace : o;
+      let u = o.replace && !X(o.replace) ? o.replace : o;
       if (this.options.interpolation.defaultVariables && (u = x(x({}, this.options.interpolation.defaultVariables), u)), e = this.interpolator.interpolate(e, u, o.lng || this.language || r.usedLng, o), c) {
         const h = e.match(this.interpolator.nestingRegexp), g = h && h.length;
         p < g && (o.nest = !1);
@@ -1077,7 +1077,7 @@ class wr extends Rr {
         return a && a[0] === g[0] && !o.context ? (s.logger.warn(`It seems you are nesting recursively key: ${g[0]} in key: ${i[0]}`), null) : s.translate(...g, i);
       }, o)), o.interpolation && this.interpolator.reset();
     }
-    const d = o.postProcess || this.options.postProcess, l = J(d) ? [d] : d;
+    const d = o.postProcess || this.options.postProcess, l = X(d) ? [d] : d;
     return e != null && l && l.length && o.applyPostProcessor !== !1 && (e = un.handle(l, e, i, this.options && this.options.postProcessPassResolved ? x({
       i18nResolved: q(x({}, r), {
         usedParams: this.getUsedParamsDetails(o)
@@ -1086,13 +1086,13 @@ class wr extends Rr {
   }
   resolve(e) {
     let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o, r, a, s, d;
-    return J(e) && (e = [e]), e.forEach((l) => {
+    return X(e) && (e = [e]), e.forEach((l) => {
       if (this.isValidLookup(o)) return;
       const c = this.extractFromKey(l, i), p = c.key;
       r = p;
       let u = c.namespaces;
       this.options.fallbackNS && (u = u.concat(this.options.fallbackNS));
-      const h = i.count !== void 0 && !J(i.count), g = h && !i.ordinal && i.count === 0 && this.pluralResolver.shouldUseIntlApi(), m = i.context !== void 0 && (J(i.context) || typeof i.context == "number") && i.context !== "", w = i.lngs ? i.lngs : this.languageUtils.toResolveHierarchy(i.lng || this.language, i.fallbackLng);
+      const h = i.count !== void 0 && !X(i.count), g = h && !i.ordinal && i.count === 0 && this.pluralResolver.shouldUseIntlApi(), m = i.context !== void 0 && (X(i.context) || typeof i.context == "number") && i.context !== "", w = i.lngs ? i.lngs : this.languageUtils.toResolveHierarchy(i.lng || this.language, i.fallbackLng);
       u.forEach((y) => {
         this.isValidLookup(o) || (d = y, !Os[`${w[0]}-${y}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(d) && (Os[`${w[0]}-${y}`] = !0, this.logger.warn(`key "${r}" for languages "${w.join(", ")}" won't get resolved as namespace "${d}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), w.forEach((_) => {
           if (this.isValidLookup(o)) return;
@@ -1131,7 +1131,7 @@ class wr extends Rr {
   }
   getUsedParamsDetails() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const i = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], o = e.replace && !J(e.replace);
+    const i = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"], o = e.replace && !X(e.replace);
     let r = o ? e.replace : e;
     if (o && typeof e.count != "undefined" && (r.count = e.count), this.options.interpolation.defaultVariables && (r = x(x({}, this.options.interpolation.defaultVariables), r)), !o) {
       r = x({}, r);
@@ -1164,7 +1164,7 @@ class As {
     return this.formatLanguageCode(i[0]);
   }
   formatLanguageCode(e) {
-    if (J(e) && e.indexOf("-") > -1) {
+    if (X(e) && e.indexOf("-") > -1) {
       if (typeof Intl != "undefined" && typeof Intl.getCanonicalLocales != "undefined")
         try {
           let r = Intl.getCanonicalLocales(e)[0];
@@ -1200,7 +1200,7 @@ class As {
   }
   getFallbackCodes(e, i) {
     if (!e) return [];
-    if (typeof e == "function" && (e = e(i)), J(e) && (e = [e]), Array.isArray(e)) return e;
+    if (typeof e == "function" && (e = e(i)), X(e) && (e = [e]), Array.isArray(e)) return e;
     if (!i) return e.default || [];
     let o = e[i];
     return o || (o = e[this.getScriptPartFromCode(i)]), o || (o = e[this.formatLanguageCode(i)]), o || (o = e[this.getLanguagePartFromCode(i)]), o || (o = e.default), o || [];
@@ -1209,7 +1209,7 @@ class As {
     const o = this.getFallbackCodes(i || this.options.fallbackLng || [], e), r = [], a = (s) => {
       s && (this.isSupportedCode(s) ? r.push(s) : this.logger.warn(`rejecting language code not found in supportedLngs: ${s}`));
     };
-    return J(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && a(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && a(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && a(this.getLanguagePartFromCode(e))) : J(e) && a(this.formatLanguageCode(e)), o.forEach((s) => {
+    return X(e) && (e.indexOf("-") > -1 || e.indexOf("_") > -1) ? (this.options.load !== "languageOnly" && a(this.formatLanguageCode(e)), this.options.load !== "languageOnly" && this.options.load !== "currentOnly" && a(this.getScriptPartFromCode(e)), this.options.load !== "currentOnly" && a(this.getLanguagePartFromCode(e))) : X(e) && a(this.formatLanguageCode(e)), o.forEach((s) => {
       r.indexOf(s) < 0 && a(this.formatLanguageCode(s));
     }), r;
   }
@@ -1414,7 +1414,7 @@ class pl {
 }
 const Ps = function(t, e, i) {
   let o = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", r = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, a = Xd(t, e, i);
-  return !a && r && J(i) && (a = za(t, i, o), a === void 0 && (a = za(e, i, o))), a;
+  return !a && r && X(i) && (a = za(t, i, o), a === void 0 && (a = za(e, i, o))), a;
 }, ua = (t) => t.replace(/\$/g, "$$$$");
 class ul {
   constructor() {
@@ -1482,7 +1482,7 @@ class ul {
         if (s = c(m), s === void 0)
           if (typeof p == "function") {
             const y = p(e, a, r);
-            s = J(y) ? y : "";
+            s = X(y) ? y : "";
           } else if (r && Object.prototype.hasOwnProperty.call(r, m))
             s = "";
           else if (u) {
@@ -1490,7 +1490,7 @@ class ul {
             continue;
           } else
             this.logger.warn(`missed to pass in variable ${m} for interpolating ${e}`), s = "";
-        else !J(s) && !this.useRawValueToEscape && (s = Ss(s));
+        else !X(s) && !this.useRawValueToEscape && (s = Ss(s));
         const w = g.safeValue(s);
         if (e = e.replace(a[0], w), u ? (g.regex.lastIndex += s.length, g.regex.lastIndex -= a[0].length) : g.regex.lastIndex = 0, d++, d >= this.maxReplaces)
           break;
@@ -1516,14 +1516,14 @@ class ul {
     };
     for (; r = this.nestingRegexp.exec(e); ) {
       let l = [];
-      s = x({}, o), s = s.replace && !J(s.replace) ? s.replace : s, s.applyPostProcessor = !1, delete s.defaultValue;
+      s = x({}, o), s = s.replace && !X(s.replace) ? s.replace : s, s.applyPostProcessor = !1, delete s.defaultValue;
       let c = !1;
       if (r[0].indexOf(this.formatSeparator) !== -1 && !/{.*}/.test(r[1])) {
         const p = r[1].split(this.formatSeparator).map((u) => u.trim());
         r[1] = p.shift(), l = p, c = !0;
       }
-      if (a = i(d.call(this, r[1].trim(), s), s), a && r[0] === e && !J(a)) return a;
-      J(a) || (a = Ss(a)), a || (this.logger.warn(`missed to resolve ${r[1]} for nesting ${e}`), a = ""), c && (a = l.reduce((p, u) => this.format(p, u, o.lng, q(x({}, o), {
+      if (a = i(d.call(this, r[1].trim(), s), s), a && r[0] === e && !X(a)) return a;
+      X(a) || (a = Ss(a)), a || (this.logger.warn(`missed to resolve ${r[1]} for nesting ${e}`), a = ""), c && (a = l.reduce((p, u) => this.format(p, u, o.lng, q(x({}, o), {
         interpolationkey: r[1].trim()
       })), a.trim())), e = e.replace(r[0], a), this.regexp.lastIndex = 0;
     }
@@ -1715,7 +1715,7 @@ class fl extends Rr {
     let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = arguments.length > 3 ? arguments[3] : void 0;
     if (!this.backend)
       return this.logger.warn("No backend was added via i18next.use. Will not load resources."), r && r();
-    J(e) && (e = this.languageUtils.toResolveHierarchy(e)), J(i) && (i = [i]);
+    X(e) && (e = this.languageUtils.toResolveHierarchy(e)), X(i) && (i = [i]);
     const a = this.queueLoad(e, i, o, r);
     if (!a.toLoad.length)
       return a.pending.length || r(), null;
@@ -1799,7 +1799,7 @@ const Es = () => ({
   appendNamespaceToCIMode: !1,
   overloadTranslationOptionHandler: (t) => {
     let e = {};
-    if (typeof t[1] == "object" && (e = t[1]), J(t[1]) && (e.defaultValue = t[1]), J(t[2]) && (e.tDescription = t[2]), typeof t[2] == "object" || typeof t[3] == "object") {
+    if (typeof t[1] == "object" && (e = t[1]), X(t[1]) && (e.defaultValue = t[1]), X(t[2]) && (e.tDescription = t[2]), typeof t[2] == "object" || typeof t[3] == "object") {
       const i = t[3] || t[2];
       Object.keys(i).forEach((o) => {
         e[o] = i[o];
@@ -1820,7 +1820,7 @@ const Es = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), Ms = (t) => (J(t.ns) && (t.ns = [t.ns]), J(t.fallbackLng) && (t.fallbackLng = [t.fallbackLng]), J(t.fallbackNS) && (t.fallbackNS = [t.fallbackNS]), t.supportedLngs && t.supportedLngs.indexOf("cimode") < 0 && (t.supportedLngs = t.supportedLngs.concat(["cimode"])), t), tr = () => {
+}), Ms = (t) => (X(t.ns) && (t.ns = [t.ns]), X(t.fallbackLng) && (t.fallbackLng = [t.fallbackLng]), X(t.fallbackNS) && (t.fallbackNS = [t.fallbackNS]), t.supportedLngs && t.supportedLngs.indexOf("cimode") < 0 && (t.supportedLngs = t.supportedLngs.concat(["cimode"])), t), tr = () => {
 }, vl = (t) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(t)).forEach((i) => {
     typeof t[i] == "function" && (t[i] = t[i].bind(t));
@@ -1842,7 +1842,7 @@ class Oo extends Rr {
   init() {
     var e = this;
     let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = arguments.length > 1 ? arguments[1] : void 0;
-    this.isInitializing = !0, typeof i == "function" && (o = i, i = {}), !i.defaultNS && i.defaultNS !== !1 && i.ns && (J(i.ns) ? i.defaultNS = i.ns : i.ns.indexOf("translation") < 0 && (i.defaultNS = i.ns[0]));
+    this.isInitializing = !0, typeof i == "function" && (o = i, i = {}), !i.defaultNS && i.defaultNS !== !1 && i.ns && (X(i.ns) ? i.defaultNS = i.ns : i.ns.indexOf("translation") < 0 && (i.defaultNS = i.ns[0]));
     const r = Es();
     this.options = x(x(x({}, r), this.options), Ms(i)), this.options.compatibilityAPI !== "v1" && (this.options.interpolation = x(x({}, r.interpolation), this.options.interpolation)), i.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = i.keySeparator), i.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = i.nsSeparator);
     const a = (p) => p ? typeof p == "function" ? new p() : p : null;
@@ -1895,7 +1895,7 @@ class Oo extends Rr {
   }
   loadResources(e) {
     let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : tr;
-    const r = J(e) ? e : this.language;
+    const r = X(e) ? e : this.language;
     if (typeof e == "function" && (o = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (r && r.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return o();
       const a = [], s = (d) => {
@@ -1946,7 +1946,7 @@ class Oo extends Rr {
       });
     }, d = (l) => {
       !e && !l && this.services.languageDetector && (l = []);
-      const c = J(l) ? l : this.services.languageUtils.getBestMatchFromCodes(l);
+      const c = X(l) ? l : this.services.languageUtils.getBestMatchFromCodes(l);
       c && (this.language || a(c), this.translator.language || this.translator.changeLanguage(c), this.services.languageDetector && this.services.languageDetector.cacheUserLanguage && this.services.languageDetector.cacheUserLanguage(c)), this.loadResources(c, (p) => {
         s(p, c);
       });
@@ -1968,7 +1968,7 @@ class Oo extends Rr {
       let g;
       return l.keyPrefix && Array.isArray(s) ? g = s.map((m) => `${l.keyPrefix}${h}${m}`) : g = l.keyPrefix ? `${l.keyPrefix}${h}${s}` : s, r.t(g, l);
     };
-    return J(e) ? a.lng = e : a.lngs = e, a.ns = i, a.keyPrefix = o, a;
+    return X(e) ? a.lng = e : a.lngs = e, a.ns = i, a.keyPrefix = o, a;
   }
   t() {
     return this.translator && this.translator.translate(...arguments);
@@ -1999,7 +1999,7 @@ class Oo extends Rr {
   }
   loadNamespaces(e, i) {
     const o = yo();
-    return this.options.ns ? (J(e) && (e = [e]), e.forEach((r) => {
+    return this.options.ns ? (X(e) && (e = [e]), e.forEach((r) => {
       this.options.ns.indexOf(r) < 0 && this.options.ns.push(r);
     }), this.loadResources((r) => {
       o.resolve(), i && i(r);
@@ -2007,7 +2007,7 @@ class Oo extends Rr {
   }
   loadLanguages(e, i) {
     const o = yo();
-    J(e) && (e = [e]);
+    X(e) && (e = [e]);
     const r = this.options.preload || [], a = e.filter((s) => r.indexOf(s) < 0 && this.services.languageUtils.isSupportedCode(s));
     return a.length ? (this.options.preload = r.concat(a), this.loadResources((s) => {
       o.resolve(), i && i(s);
@@ -12362,14 +12362,14 @@ class Zi extends Error {
   }
 }
 const Pf = "*,*: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{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:host{--dds-file-input-holder-margin: var(--dds-spacing-400) 0 0 0;--dds-file-input-dropzone-padding: var(--dds-spacing-800);--dds-file-input-dropzone-border: var(--dds-border-width-base) dashed var(--dds-border-neutral-subtle);--dds-file-input-dropzone-border-radius: var(--dds-radius-base);--dds-file-input-dropzone-background: var(--dds-background-neutral-base);--dds-file-input-dropzone-border-hover: var(--dds-border-width-base) dashed var(--dds-border-neutral-medium);--dds-file-input-dropzone-background-hover: var( --dds-background-neutral-base );--dds-file-input-dropzone-border-dragover: var(--dds-border-width-base) dashed var(--dds-border-neutral-medium);--dds-file-input-dropzone-background-dragover: var( --dds-background-neutral-medium );--dds-file-input-dropzone-border-disabled: var(--dds-border-width-base) dashed var(--dds-border-neutral-disabled);--dds-file-input-dropzone-gap: var(--dds-spacing-300);--dds-file-input-dropzone-accept-color: var(--dds-color-text-secondary)}.input__holder{position:relative;margin:var(--dds-file-input-holder-margin)}.input__control:focus-visible+.input__button::part(base){outline-style:solid}.dropzone{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);margin:var(--dds-file-input-holder-margin);padding:var(--dds-file-input-dropzone-padding);border:var(--dds-file-input-dropzone-border);border-radius:var(--dds-file-input-dropzone-border-radius);background:var(--dds-file-input-dropzone-background);cursor:pointer}.dropzone:hover{border:var(--dds-file-input-dropzone-border-hover);background:var(--dds-file-input-dropzone-background-hover)}.dropzone:focus-visible{outline-style:solid}.dropzone--dragover{border:var(--dds-file-input-dropzone-border-dragover);background:var(--dds-file-input-dropzone-background-dragover)}.dropzone--disabled{border:var(--dds-file-input-dropzone-border-disabled);cursor:not-allowed}.dropzone--disabled:hover{border:var(--dds-file-input-dropzone-border-disabled)}.dropzone__content{display:flex;flex-direction:column;align-items:center;gap:var(--dds-file-input-dropzone-gap);text-align:center}.dropzone__accept{color:var(--dds-file-input-dropzone-accept-color)}";
-var Ef = Object.defineProperty, Mf = Object.getOwnPropertyDescriptor, X = (t, e, i, o) => {
+var Ef = Object.defineProperty, Mf = Object.getOwnPropertyDescriptor, J = (t, e, i, o) => {
   for (var r = o > 1 ? void 0 : o ? Mf(e, i) : e, a = t.length - 1, s; a >= 0; a--)
     (s = t[a]) && (r = (o ? s(e, i, r) : s(r)) || r);
   return o && r && Ef(e, i, r), r;
 };
 let Y = class extends pe {
   constructor() {
-    super(...arguments), this.showDropzone = !1, this.showFileList = !1, this.confirmRemove = !0, this.showUploadButton = "true", this.showBrowseButton = "true", this.multiple = !1, this.keepValue = !1, this.uploadProperty = "file", this.uploadMethod = "POST", this.deleteMethod = "DELETE", this.withCredentials = !1, this.fileList = null, this.removeButtonDanger = "true", this.showThumbnail = "true", this.thumbnailSize = "sm", this._files = [], this._uploadProgress = {}, this._uploadingFiles = /* @__PURE__ */ new Set(), this._activeUploads = /* @__PURE__ */ new Map(), this._uploadedFiles = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._showRemoveDialog = !1, this._fileToRemove = null, this._removeResolve = null, this._removeReject = null, this.languageChangeHandler = () => {
+    super(...arguments), this.showDropzone = !1, this.showFileList = !1, this.confirmRemove = !0, this.showUploadButton = "true", this.showBrowseButton = "true", this.multiple = !1, this.keepValue = !1, this.uploadProperty = "file", this.uploadMethod = "POST", this.deleteMethod = "DELETE", this.withCredentials = !1, this.fileList = null, this.removeButtonDanger = "true", this.showThumbnail = "true", this.dropzoneFocusable = "true", this.thumbnailSize = "sm", this._files = [], this._uploadProgress = {}, this._uploadingFiles = /* @__PURE__ */ new Set(), this._activeUploads = /* @__PURE__ */ new Map(), this._uploadedFiles = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._showRemoveDialog = !1, this._fileToRemove = null, this._removeResolve = null, this._removeReject = null, this.languageChangeHandler = () => {
       this.requestUpdate();
     };
   }
@@ -12504,7 +12504,7 @@ let Y = class extends pe {
     this.disabled || this.input.click();
   }
   onDropzoneKeydown(t) {
-    this.disabled || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.input.click());
+    this.disabled || this.dropzoneFocusable === "false" || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.input.click());
   }
   setFileLoadingState(t, e) {
     if (!this.fileList)
@@ -12859,11 +12859,11 @@ let Y = class extends pe {
               @dragover=${this.onDragover}
               @dragleave=${this.onDragleave}
               @drop=${this.onDrop}
-              @keydown=${this.onDropzoneKeydown}
+              @keydown=${this.dropzoneFocusable === "true" ? this.onDropzoneKeydown : z}
               @click=${this.onClick}
-              role="button"
+              role=${this.dropzoneFocusable === "true" ? "button" : "group"}
               aria-label=${f(this.dropzoneAriaLabel)}
-              tabindex="0">
+              tabindex=${this.dropzoneFocusable === "true" ? "0" : "-1"}>
               <slot name="dropzone-content">
                 <div class="dropzone__content">
                   <dap-ds-icon name="upload-2-line" size="lg"></dap-ds-icon>
@@ -12994,139 +12994,142 @@ let Y = class extends pe {
 Y.styles = Tr`
     ${I(Pf)}
   `;
-X([
+J([
   nt("#input")
 ], Y.prototype, "input", 2);
-X([
+J([
   n()
 ], Y.prototype, "uploadButtonLabel", 2);
-X([
+J([
   n()
 ], Y.prototype, "browseButtonLabel", 2);
-X([
+J([
   n({ type: Boolean })
 ], Y.prototype, "showDropzone", 2);
-X([
+J([
   n()
 ], Y.prototype, "dropzoneText", 2);
-X([
+J([
   n({ type: Boolean })
 ], Y.prototype, "showFileList", 2);
-X([
+J([
   n({ type: Boolean })
 ], Y.prototype, "confirmRemove", 2);
-X([
+J([
   n({ type: String })
 ], Y.prototype, "showUploadButton", 2);
-X([
+J([
   n({ type: String })
 ], Y.prototype, "showBrowseButton", 2);
-X([
+J([
   n()
 ], Y.prototype, "accept", 2);
-X([
+J([
   n({ type: Boolean })
 ], Y.prototype, "multiple", 2);
-X([
+J([
   n({ type: Boolean })
 ], Y.prototype, "keepValue", 2);
-X([
+J([
   n()
 ], Y.prototype, "uploadUrl", 2);
-X([
+J([
   n({ type: Boolean })
 ], Y.prototype, "autoupload", 2);
-X([
+J([
   n()
 ], Y.prototype, "uploadProperty", 2);
-X([
+J([
   n()
 ], Y.prototype, "uploadMethod", 2);
-X([
+J([
   n()
 ], Y.prototype, "deleteUrl", 2);
-X([
+J([
   n()
 ], Y.prototype, "deleteMethod", 2);
-X([
+J([
   n({ type: Boolean })
 ], Y.prototype, "withCredentials", 2);
-X([
+J([
   n()
 ], Y.prototype, "uploadHeaders", 2);
-X([
+J([
   n()
 ], Y.prototype, "deleteHeaders", 2);
-X([
+J([
   n({ attribute: !1 })
 ], Y.prototype, "fileList", 2);
-X([
+J([
   n({ type: Number })
 ], Y.prototype, "maxFiles", 2);
-X([
+J([
   n({ type: Number })
 ], Y.prototype, "maxFileSize", 2);
-X([
+J([
   n({ type: Number })
 ], Y.prototype, "maxSizePerFile", 2);
-X([
+J([
   n({ type: String })
 ], Y.prototype, "maxFileSizeErrorText", 2);
-X([
+J([
   n({ type: String })
 ], Y.prototype, "maxSizePerFileErrorText", 2);
-X([
+J([
   n({ type: String })
 ], Y.prototype, "maxFileAmountErrorText", 2);
-X([
+J([
   n({ type: String })
 ], Y.prototype, "fileTypeErrorText", 2);
-X([
+J([
   n()
 ], Y.prototype, "removeButtonLabel", 2);
-X([
+J([
   n()
 ], Y.prototype, "cancelButtonLabel", 2);
-X([
+J([
   n({ type: String })
 ], Y.prototype, "removeButtonDanger", 2);
-X([
+J([
   n({ type: String })
 ], Y.prototype, "showThumbnail", 2);
-X([
+J([
   n()
 ], Y.prototype, "dropzoneAriaLabel", 2);
-X([
+J([
+  n({ type: String })
+], Y.prototype, "dropzoneFocusable", 2);
+J([
   n({ type: String })
 ], Y.prototype, "thumbnailSize", 2);
-X([
+J([
   n({ type: Array, attribute: !1 })
 ], Y.prototype, "files", 1);
-X([
+J([
   P()
 ], Y.prototype, "_files", 2);
-X([
+J([
   P()
 ], Y.prototype, "_uploadProgress", 2);
-X([
+J([
   P()
 ], Y.prototype, "_uploadingFiles", 2);
-X([
+J([
   P()
 ], Y.prototype, "_activeUploads", 2);
-X([
+J([
   P()
 ], Y.prototype, "_uploadedFiles", 2);
-X([
+J([
   P()
 ], Y.prototype, "_isDragOver", 2);
-X([
+J([
   P()
 ], Y.prototype, "_showRemoveDialog", 2);
-X([
+J([
   P()
 ], Y.prototype, "_fileToRemove", 2);
-Y = X([
+Y = J([
   O("dap-ds-file-input")
 ], Y);
 const Tf = "*,*: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-file-list-display: flex;--dds-file-list-flex-direction: column;--dds-file-list-padding: 0;--dds-file-list-list-style: none;--dds-file-list-gap: var(--dds-spacing-200)}.file-input-list{display:var(--dds-file-list-display);flex-direction:var(--dds-file-list-flex-direction);padding:var(--dds-file-list-padding);list-style-type:var(--dds-file-list-list-style);row-gap:var(--dds-file-list-gap)}";
@@ -21498,9 +21501,9 @@ export {
   Ht as $,
   Ei as A,
   To as B,
-  Ea as C,
+  Ir as C,
   Po as D,
-  Ir as E,
+  Ea as E,
   W as F,
   tt as G,
   oo as H,
@@ -21519,11 +21522,11 @@ export {
   at as U,
   oi as V,
   ee as W,
-  Ae as X,
-  ja as Y,
+  ja as X,
+  Ae as Y,
   Ro as Z,
   ie as _,
-  Us as a,
+  Be as a,
   Ar as a0,
   zt as a1,
   Lr as a2,
@@ -21547,8 +21550,8 @@ export {
   _i as ab,
   Ti as ac,
   no as ad,
-  ai as ae,
-  Ri as af,
+  Ri as ae,
+  ai as af,
   Ue as ag,
   Pe as ah,
   Ee as ai,
@@ -21569,17 +21572,17 @@ export {
   co as ax,
   me as ay,
   Er as az,
-  Ut as b,
-  Be as c,
+  to as b,
+  He as c,
   fi as d,
-  to as e,
-  He as f,
+  Us as e,
+  Ut as f,
   Qi as g,
-  Ot as h,
-  ii as i,
-  Xt as j,
-  qt as k,
-  Et as l,
+  ii as h,
+  Ot as i,
+  qt as j,
+  Et as k,
+  Xt as l,
   Ia as m,
   $r as n,
   Ai as o,
@@ -21595,4 +21598,4 @@ export {
   Qt as y,
   xi as z
 };
-//# sourceMappingURL=components-ChK1mSip.js.map
+//# sourceMappingURL=components-NHQTi00b.js.map