@central-design-system/components 3.0.0-alpha.2 → 3.0.0-alpha.3

package/dist/cds.es.js

@@ -2615,9 +2615,9 @@ const ul = /* @__PURE__ */ de(ll, [["render", rl]]), il = "CdsLink", cl = h({
     ...tn(),
     ...sn()
   },
-  emits: [
-    "click"
-  ],
+  emits: {
+    click: (e) => !0
+  },
   setup(e, { emit: t }) {
     const { href: n, to: a, tag: s, handleClick: o } = nn(e, t), { disabledClasses: l } = on(e);
     return {
@@ -3053,9 +3053,9 @@ const Ps = /* @__PURE__ */ de(Tl, [["render", Nl]]), mn = "CdsInput", Hl = h({
     "onClick:prepend": Function,
     "onClick:append": Function
   },
-  emits: [
-    "update:modelValue"
-  ],
+  emits: {
+    "update:modelValue": (e) => !0
+  },
   setup(e, { slots: t }) {
     const { id: n } = Ze(e, t), a = m(() => `${n.value}-messages`), {
       errorMessages: s,
@@ -3301,11 +3301,11 @@ const tr = /* @__PURE__ */ de(Jl, [["render", er]]), Ba = "CdsCheckbox", nr = h(
     ...qe(),
     ...ft()
   },
-  emits: [
-    "update:focused",
-    "update:modelValue",
-    "update:indeterminate"
-  ],
+  emits: {
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0,
+    "update:indeterminate": (e) => !0
+  },
   setup(e, { attrs: t, slots: n }) {
     const a = Se(e, "modelValue"), s = Se(e, "indeterminate"), { id: o, hasDescription: l } = Ze(e, n, "checkbox"), { isFocused: r, focus: u, blur: i } = mt(e, Ba), { inputProps: c } = St(e, [
       "indeterminate",
@@ -3416,17 +3416,17 @@ const la = /* @__PURE__ */ de(nr, [["render", sr]]), Tt = "CdsTextInput", or = h
     ...ft(),
     ...Pt()
   },
-  emits: [
-    "update:focused",
-    "update:modelValue",
-    "click:clear",
-    "click:prepend",
-    "click:append",
-    "click:prependInner",
-    "click:appendInner",
-    "click:control",
-    "mousedown:control"
-  ],
+  emits: {
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0,
+    "click:clear": (e) => !0,
+    "click:prepend": (e) => !0,
+    "click:append": (e) => !0,
+    "click:prependInner": (e) => !0,
+    "click:appendInner": (e) => !0,
+    "click:control": (e) => !0,
+    "mousedown:control": (e) => !0
+  },
   setup(e, { attrs: t, emit: n, slots: a }) {
     const s = Se(e, "modelValue"), { id: o, hasLabel: l, hasDescription: r } = Ze(e, a, Tt), { hasPrepend: u, hasAppend: i, iconClasses: c } = dt(e, a, Tt), { hasLoading: d, loadingClasses: v } = $n(e), { isFocused: f, focus: C, blur: y } = mt(e, Tt), {
       hasPrependInnerIcon: $,
@@ -4285,11 +4285,11 @@ const Wn = {
     ...In(),
     ...un()
   },
-  emits: [
-    "update:modelValue",
-    "click:outside",
-    "afterLeave"
-  ],
+  emits: {
+    "update:modelValue": (e) => !0,
+    "click:outside": (e) => !0,
+    afterLeave: () => !0
+  },
   setup(e, { attrs: t, emit: n, slots: a }) {
     const s = Se(e, "modelValue"), o = m({
       get: () => s.value,
@@ -4458,9 +4458,9 @@ const Fr = "CdsMenu", ra = h({
     ...bs(),
     ...un()
   },
-  emits: [
-    "update:modelValue"
-  ],
+  emits: {
+    "update:modelValue": (e) => !0
+  },
   setup(e, { slots: t, emit: n }) {
     const a = Se(e, "modelValue"), { scopeId: s } = Cs(), o = en(), l = m(() => e.id || `cds-menu-${o}`), r = _(), u = Ye(jn, null), i = _(0);
     nt(jn, {
@@ -4647,12 +4647,12 @@ const Ln = "CdsList", ua = h({
       openStrategy: "list"
     })
   },
-  emits: [
-    "update:selected",
-    "update:opened",
-    "click:open",
-    "click:select"
-  ],
+  emits: {
+    "update:selected": (e) => !0,
+    "update:opened": (e) => !0,
+    "click:open": (e) => !0,
+    "click:select": (e) => !0
+  },
   setup(e, t) {
     const { items: n } = Et(e), { disabledClasses: a } = on(e), { sizeClasses: s } = Bt(e, Ln), { darkClasses: o } = Sn(e, Ln), { open: l, select: r } = Ho(e, t), { contentRef: u, onFocus: i, onFocusin: c, onFocusout: d, onKeydown: v, focus: f } = Pr(), C = m(() => e.lines ? `cds-list--lines-${e.lines}` : void 0), y = Ys({ ...e, items: n.value }, t)();
     return Hs(), _n(
@@ -4705,9 +4705,9 @@ const Ha = "CdsListItem", Or = h({
     ...at(),
     ...sn()
   },
-  emits: [
-    "click"
-  ],
+  emits: {
+    click: (e) => !0
+  },
   setup(e, { slots: t, emit: n }) {
     const a = zs(), { href: s, to: o, ...l } = nn(e, n), r = m(() => {
       var O;
@@ -4946,9 +4946,9 @@ const js = /* @__PURE__ */ de(Yr, [["render", Ur]]), pn = "CdsTag", Wr = h({
     ...Fo(),
     ...$t()
   },
-  emits: [
-    "remove"
-  ],
+  emits: {
+    remove: (e) => !0
+  },
   setup(e, { slots: t, emit: n }) {
     const { sizeClasses: a } = Bt(e, pn), { disabledClasses: s } = on(e), { colorClasses: o } = Po(e, pn), { isLink: l, tag: r, href: u, to: i } = nn(e, n);
     !e.text && !t.default && Jt(`'text' is a required prop for ${pn}`);
@@ -5046,13 +5046,13 @@ const Ht = "CdsCombobox", Qr = h({
     }),
     ...un()
   },
-  emits: [
-    "update:focused",
-    "update:modelValue",
-    "update:menu",
-    "update:search",
-    "update:selectedAll"
-  ],
+  emits: {
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0,
+    "update:menu": (e) => !0,
+    "update:search": (e) => !0,
+    "update:selectedAll": (e) => !0
+  },
   setup(e, { emit: t, slots: n }) {
     var Ne, Ee;
     const { hasLabel: a, hasDescription: s } = Ze(e, n, Ht), { hasPrependInnerIcon: o } = rn(e, n, Ht), { hasAppend: l, hasPrepend: r } = dt(e, n, Ht), { isFocused: u, focus: i } = mt(e, Ht), { items: c, transformIn: d, transformOut: v } = Et(e), { internalMenu: f, menuRef: C } = Is(e), { model: y, selections: $, selected: B, selectStrategy: b, selectedAll: R, selectedIndeterminate: j } = ws(
@@ -5887,12 +5887,12 @@ const su = "CdsDatePicker", ou = h({
     ...nu(),
     ...sl()
   },
-  emits: [
-    "update:modelValue",
-    "navigation",
-    "rangeStart",
-    "rangeEnd"
-  ],
+  emits: {
+    "update:modelValue": (...e) => !0,
+    navigation: ({ year: e, month: t }) => !0,
+    rangeStart: (e) => !0,
+    rangeEnd: ({ from: e, to: t }) => !0
+  },
   setup(e, { slots: t, emit: n }) {
     const a = Se(e, "modelValue", [], (M) => kt(M)), { tabindex: s, getCurrentDate: o, getShortDate: l, getLocale: r, getMask: u, decodeString: i } = ol(e), c = _(r()), d = _(u()), {
       today: v,
@@ -6446,11 +6446,11 @@ const Ya = "CdsDrawer", lu = h({
       tag: "nav"
     })
   },
-  emits: [
-    "opened",
-    "closed",
-    "update:modelValue"
-  ],
+  emits: {
+    opened: (e) => !0,
+    closed: (e) => !0,
+    "update:modelValue": (e) => !0
+  },
   setup(e, { emit: t, slots: n, attrs: a }) {
     const s = _(), o = Se(e, "modelValue", null, (B) => !!B), l = m(() => !e.permanent && e.temporary), r = _(!1), { darkClasses: u } = Sn(e, Ya), i = m(() => ({
       "cds-drawer--active": o.value,
@@ -6469,7 +6469,7 @@ const Ya = "CdsDrawer", lu = h({
       () => o.value,
       (B) => {
         var b;
-        B ? (f = document.activeElement, (b = s.value) == null || b.focus(), t("opened")) : (f && f.focus(), t("closed"));
+        B ? (f = document.activeElement, (b = s.value) == null || b.focus(), t("opened", B)) : (f && f.focus(), t("closed", B));
       }
     ), {
       attrs: a,
@@ -6546,12 +6546,12 @@ const du = /* @__PURE__ */ de(lu, [["render", cu]]), Yt = "CdsDropdown", fu = h(
     ...wt(),
     ...un()
   },
-  emits: [
-    "update:focused",
-    "update:modelValue",
-    "update:menu",
-    "update:selectedAll"
-  ],
+  emits: {
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0,
+    "update:menu": (e) => !0,
+    "update:selectedAll": (e) => !0
+  },
   setup(e, { slots: t, emit: n }) {
     const { hasLabel: a, hasDescription: s } = Ze(e, t, Yt), { hasPrependInnerIcon: o } = rn(e, t, Yt), { hasAppend: l, hasPrepend: r } = dt(e, t, Yt), { isFocused: u, focus: i } = mt(e, Yt), { items: c, transformIn: d, transformOut: v } = Et(e), { internalMenu: f, menuRef: C } = Is(e), { model: y, selections: $, selected: B, selectedAll: b, selectedIndeterminate: R, selectStrategy: j, displayItems: V } = ws(
       e,
@@ -7218,10 +7218,10 @@ const Du = /* @__PURE__ */ de(ku, [["render", Iu]]), Mu = "CdsForm", Au = h({
   props: {
     ...Go()
   },
-  emits: [
-    "update:modelValue",
-    "submit"
-  ],
+  emits: {
+    "update:modelValue": (e) => !0,
+    submit: (e) => !0
+  },
   setup(e, { emit: t, slots: n }) {
     const a = Uo(e), s = _(), o = m(() => !!e.label || !!n.label), l = m(() => !!e.description || !!n.description);
     function r(i) {
@@ -7494,9 +7494,9 @@ const Gu = "CdsGrid", Uu = h({
       direction: "vertical"
     })
   },
-  emits: [
-    "update:modelValue"
-  ],
+  emits: {
+    "update:modelValue": (e) => !0
+  },
   setup(e, { slots: t }) {
     const n = Se(e, "modelValue", () => []), { hasLabel: a, hasDescription: s } = Ze(e, t, Rn), { directionClasses: o } = hs(e, Rn), { inputProps: l } = St(e, ["direction"]), r = (u) => {
       n.value = u;
@@ -7560,9 +7560,9 @@ const Ju = /* @__PURE__ */ de(qu, [["render", Qu]]), za = "CdsRadio", xu = h({
       hideMessages: !0
     })
   },
-  emits: [
-    "update:focused"
-  ],
+  emits: {
+    "update:focused": (e) => !0
+  },
   setup(e, { attrs: t, slots: n }) {
     const { id: a, hasLabel: s, hasDescription: o } = Ze(e, n, "radio"), { isFocused: l, focus: r, blur: u } = mt(e, za), { rootAttrs: i, inputAttrs: c } = ln(t), { inputProps: d } = St(e, ["hideMessages"]), { isGroup: v, model: f, disabledGroup: C, readonlyGroup: y, errorGroup: $, handleChangeRadio: B } = Ye(
       Us,
@@ -7654,15 +7654,15 @@ const ni = /* @__PURE__ */ de(xu, [["render", ti]]), zt = "CdsSelect", ai = h({
     ...Pt(),
     ...wt()
   },
-  emits: [
-    "update:focused",
-    "update:modelValue",
-    "click:clear",
-    "click:prepend",
-    "click:append",
-    "click:prependInner",
-    "click:appendInner"
-  ],
+  emits: {
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0,
+    "click:clear": (e) => !0,
+    "click:prepend": (e) => !0,
+    "click:append": (e) => !0,
+    "click:prependInner": (e) => !0,
+    "click:appendInner": (e) => !0
+  },
   setup(e, { slots: t, attrs: n, emit: a }) {
     const s = Se(e, "modelValue"), { id: o, hasLabel: l, hasDescription: r } = Ze(e, t, zt), { hasPrepend: u, hasAppend: i, iconClasses: c } = dt(e, t, zt), { hasLoading: d, loadingClasses: v } = $n(e), { isFocused: f, focus: C, blur: y } = mt(e, zt), {
       hasPrependInnerIcon: $,
@@ -7901,17 +7901,17 @@ const fi = /* @__PURE__ */ de(ai, [["render", di]]), ja = "CdsSidebar", mi = h({
     ...Ot(),
     ...rs()
   },
-  emits: [
-    "update:modelValue",
-    "click:outside"
-  ],
+  emits: {
+    "update:modelValue": (e) => !0,
+    "click:outside": (e) => !0
+  },
   setup(e, { attrs: t, slots: n, emit: a }) {
     const { sizeClasses: s } = Bt(e, ja), o = () => {
       a("update:modelValue", !1);
     }, l = () => {
       a("update:modelValue", !0);
-    }, r = () => {
-      a("click:outside");
+    }, r = (u) => {
+      a("click:outside", u);
     };
     return J(
       () => e.modelValue,
@@ -8112,15 +8112,15 @@ const Ei = /* @__PURE__ */ de(Pi, [["render", Bi]]), jt = "CdsTextArea", Li = h(
       default: !1
     }
   },
-  emits: [
-    "update:focused",
-    "update:modelValue",
-    "click:clear",
-    "click:prepend",
-    "click:append",
-    "click:prependInner",
-    "click:appendInner"
-  ],
+  emits: {
+    "update:focused": (e) => !0,
+    "update:modelValue": (e) => !0,
+    "click:clear": (e) => !0,
+    "click:prepend": (e) => !0,
+    "click:append": (e) => !0,
+    "click:prependInner": (e) => !0,
+    "click:appendInner": (e) => !0
+  },
   setup(e, { slots: t, attrs: n, emit: a }) {
     const s = Se(e, "modelValue"), { id: o, hasLabel: l, hasDescription: r } = Ze(e, t, jt), { hasPrepend: u, hasAppend: i, iconClasses: c } = dt(e, t, jt), { hasLoading: d, loadingClasses: v } = $n(e), { isFocused: f, focus: C, blur: y } = mt(e, jt), {
       hasPrependInnerIcon: $,