@stihl-design-system/components 1.0.0-RC.4 → 1.0.0-RC.40

package/chunks/Chip.SiGIIHR-.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsxs as N, jsx as k } from "react/jsx-runtime";
+import { d as q } from "./index.cKLI89Eg.js";
+import { c as H } from "./index.DQOqod3i.js";
+import { forwardRef as U } from "react";
+import { t as M } from "./translate.nuU7uChI.js";
+import { D as x } from "./Icon.m6sMB6vl.js";
+import { Tooltip as $ } from "../tooltip._lP4aMV2.js";
+import { g as E, r as z } from "./helpers.CexwVao7.js";
+import { g as j } from "./AriaLiveRegions.utils.CLpOaVD9.js";
+import '../assets/Chip.D3vV0wyV.css';const B = "ds-chip-group_chip_aidwn_1", W = "ds-chip-group_chip--small_aidwn_30", L = {
+  chip: B,
+  chipSmall: W
+}, ne = ({
+  chips: t,
+  id: s,
+  label: e
+}) => {
+  if (!Array.isArray(t))
+    throw new Error(E("DSChipGroup", z("chips", "DSChipGroup")));
+  if (!s)
+    throw new Error(E("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
+  if (!e)
+    throw new Error(E("DSChipGroup", z("label", "DSChipGroup")));
+}, ce = () => {
+  if (!j())
+    throw new Error(E("DSChipGroup", 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'));
+}, pe = ["medium", "small"], Z = {
+  disabled: "disabled",
+  selected: "selected",
+  // {0} is the action (e.g., select/unselect)
+  selectChip: "press space to {0}",
+  unselectAction: "unselect",
+  selectAction: "select",
+  addToSelection: "add this option to selection",
+  removeFromSelection: "remove this option from selection",
+  removeChip: "press Backspace to remove the currently focused value",
+  tooltipDisabled: "Disabled",
+  tooltipRemovable: "Remove filter",
+  tooltipDeactivate: "Deactivate property",
+  tooltipActivate: "Activate property"
+}, J = {
+  disabled: "deaktiviert",
+  selected: "ausgewählt",
+  // {0} is the action (e.g., select/unselect)
+  selectChip: "drücke Leertaste, um {0}",
+  unselectAction: "abzuwählen",
+  selectAction: "auszuwählen",
+  addToSelection: "diese Option zur Auswahl hinzuzufügen",
+  removeFromSelection: "diese Option aus der Auswahl zu entfernen",
+  removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
+  tooltipDisabled: "Deaktiviert",
+  tooltipRemovable: "Filter entfernen",
+  tooltipDeactivate: "Eigenschaft deaktivieren",
+  tooltipActivate: "Eigenschaft aktivieren"
+}, K = {
+  en: Z,
+  de: J
+}, Q = (t, s, e, i, a, l) => e ? `${s}, ${t("disabled")}` : l ? `${s}, ${t("removeChip")}` : `${s}, ${i ? `${t("selected")}, ` : ""}${t("selectChip", [t(a === "single" ? i ? "unselectAction" : "selectAction" : i ? "removeFromSelection" : "addToSelection")])}`, V = (t, s, e, i) => t(i ? "tooltipRemovable" : s ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), X = U((t, s) => {
+  const e = q.c(49);
+  let i, a, l, p, o, n, r, d, h, m, u, A, C, f, v;
+  e[0] !== t ? ({
+    id: p,
+    label: r,
+    disableTooltips: i,
+    groupId: a,
+    isRemovable: o,
+    selectionMode: m,
+    disabled: A,
+    iconName: l,
+    isSelected: n,
+    lang: C,
+    size: u,
+    tabIndex: f,
+    translations: v,
+    onClick: d,
+    ...h
+  } = t, e[0] = t, e[1] = i, e[2] = a, e[3] = l, e[4] = p, e[5] = o, e[6] = n, e[7] = r, e[8] = d, e[9] = h, e[10] = m, e[11] = u, e[12] = A, e[13] = C, e[14] = f, e[15] = v) : (i = e[1], a = e[2], l = e[3], p = e[4], o = e[5], n = e[6], r = e[7], d = e[8], h = e[9], m = e[10], u = e[11], A = e[12], C = e[13], f = e[14], v = e[15]);
+  const g = A === void 0 ? !1 : A, G = C === void 0 ? "en" : C;
+  let c, S;
+  if (e[16] !== i || e[17] !== g || e[18] !== a || e[19] !== l || e[20] !== p || e[21] !== o || e[22] !== n || e[23] !== r || e[24] !== G || e[25] !== d || e[26] !== s || e[27] !== h || e[28] !== m || e[29] !== u || e[30] !== f || e[31] !== v) {
+    S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const O = M(v || K[G]), I = u === "small";
+      let _;
+      e[34] !== I ? (_ = H(L.chip, {
+        [L.chipSmall]: I
+      }), e[34] = I, e[35] = _) : _ = e[35];
+      const F = _;
+      let y;
+      e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
+        display: "contents"
+      }, e[36] = y) : y = e[36];
+      let b;
+      e[37] !== l ? (b = l && /* @__PURE__ */ k(x, { name: l, "aria-hidden": "true" }), e[37] = l, e[38] = b) : b = e[38];
+      let w;
+      e[39] !== r || e[40] !== b ? (w = /* @__PURE__ */ N("div", { role: "gridcell", "aria-colindex": 1, style: y, children: [
+        b,
+        r
+      ] }), e[39] = r, e[40] = b, e[41] = w) : w = e[41];
+      let R;
+      if (e[42] !== o ? (R = o && /* @__PURE__ */ k(x, { name: "cross" }), e[42] = o, e[43] = R) : R = e[43], c = /* @__PURE__ */ N("div", { role: "row", "aria-label": Q(O, r, g, n, m, o), "aria-selected": n && !o, "aria-disabled": g && !o, id: `${a}-chip-${p}`, className: F, tabIndex: f, onClick: d, ref: s, ...h, children: [
+        w,
+        R
+      ] }), !i) {
+        let D;
+        e[44] !== c ? (D = /* @__PURE__ */ k($.Anchor, { children: c }), e[44] = c, e[45] = D) : D = e[45];
+        const P = /* @__PURE__ */ k($.Content, { children: V(O, g, n, o) });
+        let T;
+        e[46] !== D || e[47] !== P ? (T = /* @__PURE__ */ N($, { placement: "top", tooltipOffset: 6, children: [
+          D,
+          P
+        ] }), e[46] = D, e[47] = P, e[48] = T) : T = e[48], S = T;
+        break e;
+      }
+    }
+    e[16] = i, e[17] = g, e[18] = a, e[19] = l, e[20] = p, e[21] = o, e[22] = n, e[23] = r, e[24] = G, e[25] = d, e[26] = s, e[27] = h, e[28] = m, e[29] = u, e[30] = f, e[31] = v, e[32] = c, e[33] = S;
+  } else
+    c = e[32], S = e[33];
+  return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : c;
+});
+X.displayName = "DSChip";
+export {
+  pe as C,
+  Z as D,
+  ce as a,
+  J as b,
+  K as c,
+  V as d,
+  X as e,
+  Q as g,
+  ne as v
+};