@ironsource/shared-ui 2.1.11-test.27 → 2.1.11-test.44

package/components/dialog/v4/index.d.ts

@@ -17,12 +17,15 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
             saveButtonColor: string;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            noPadding: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: import("vue").PropType<string>;
@@ -80,6 +83,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -104,13 +115,17 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
             onCancel?: () => any;
             onOpen?: () => any;
             onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -181,6 +196,14 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -205,6 +228,10 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
@@ -231,12 +258,15 @@ declare const DialogTypes: () => ({
             closeOnClickOutside: boolean;
             beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
             saveButtonColor: string;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            noPadding: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -314,6 +344,14 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showCancelButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showSaveButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showFooter: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -338,6 +376,10 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onClose?: (reason: import("../v3").Reason) => any;
@@ -405,6 +447,14 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showCancelButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showSaveButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     showFooter: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -429,6 +479,10 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    noPadding: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: import("../v3").Reason) => any;
@@ -455,12 +509,15 @@ declare const DialogTypes: () => ({
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
     saveButtonColor: string;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    noPadding: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;

package/components/dropdown/common/Dropdown.common.js

@@ -1,17 +1,17 @@
 import { useToggle as _e } from "../../../composables/useToggle.js";
 import { inject as Ve, ref as r, computed as c, watch as b, useSlots as ke, toRaw as P, nextTick as K, provide as Ge, onMounted as Le } from "vue";
 import { isObjectInArray as ae } from "../../../utils/array.js";
-import { objectsEqual as Be } from "../../../utils/object.js";
-import { useClamp as He, useVirtualList as Ue, onClickOutside as ne, useInfiniteScroll as qe } from "@vueuse/core";
+import { objectsEqual as Ue } from "../../../utils/object.js";
+import { useClamp as Be, useVirtualList as He, onClickOutside as ne, useInfiniteScroll as qe } from "@vueuse/core";
 import { Mode as T, Type as L, DropdownContext as Xe } from "./DropdownContext.js";
 import { pxToRem as $e } from "../../../utils/style.js";
 import { useEditableContext as je } from "../../table-cells/common/EditableContext.js";
 import { useGroupedOptions as ze } from "./useGroupedOptions.js";
-const tl = (l, f, g) => {
-  const B = Ve("isTreeDropdown", !1), {
-    sortOutGroups: H,
+const tl = (l, v, g) => {
+  const U = Ve("isTreeDropdown", !1), {
+    sortOutGroups: B,
     flattenAndMarkGroupOptions: ue,
-    isGroup: U,
+    isGroup: H,
     selectAllWithGroups: ie,
     isIndeterminateGrouped: re,
     allSelectedGrouped: q,
@@ -30,7 +30,7 @@ const tl = (l, f, g) => {
       return R?.value?.value ?? a.value;
     },
     set(e) {
-      R.onChange?.(e), R.onClose?.(), f("update:selected", e);
+      R.onChange?.(e), R.onClose?.(), v("update:selected", e);
     }
   });
   b(
@@ -56,9 +56,9 @@ const tl = (l, f, g) => {
       return l.isOpen;
     },
     set(e) {
-      f("update:isOpen", e);
+      v("update:isOpen", e);
     }
-  }), Oe = c(() => o.value.length - 1), v = He(0, 0, Oe), Z = c(() => n.value ? l.displayValue(n.value) : ""), Se = (e) => {
+  }), Oe = c(() => o.value.length - 1), f = Be(0, 0, Oe), Z = c(() => n.value ? l.displayValue(n.value) : ""), Se = (e) => {
     if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
       return l.placeholder;
     const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
@@ -92,13 +92,13 @@ const tl = (l, f, g) => {
       ) > -1 : d.value.includes(i)) ? "selected" : "notSelected";
       e[u].push(i);
     });
-    const t = l.groupedOptions ? H(e.notSelected) : e.notSelected;
+    const t = l.groupedOptions ? B(e.notSelected) : e.notSelected;
     return [].concat(e.selected, t);
   }), o = c(() => {
-    const e = Array.isArray(d.value) && l.multi && g.VERSION === 4 && !B ? be.value : N.value;
+    const e = Array.isArray(d.value) && l.multi && g.VERSION === 4 && !U ? be.value : N.value;
     if (l.onSearch) {
-      const t = e.filter((i) => l.groupedOptions && U(i) ? i : l.onSearch(i, h.value));
-      return l.groupedOptions ? H(t) : t;
+      const t = e.filter((i) => l.groupedOptions && H(i) ? i : l.onSearch(i, h.value));
+      return l.groupedOptions ? B(t) : t;
     } else
       return e;
   }), Pe = c(() => y.value[0]?.hasSubtitle), F = c(() => s.mode === T.Multi), p = c(
@@ -108,7 +108,7 @@ const tl = (l, f, g) => {
     containerProps: V,
     wrapperProps: Te,
     scrollTo: C
-  } = Ue(o, {
+  } = He(o, {
     itemHeight: p.value,
     overscan: l.disableVirtualScroll ? 1 / 0 : 2
   });
@@ -120,20 +120,20 @@ const tl = (l, f, g) => {
   ), b([x], async () => {
     await K();
   }), b(
-    [O, v, x],
+    [O, f, x],
     async ([e], [t]) => {
       O.value && (await K(), x.value !== -1 && e !== t && setTimeout(() => {
         l.multi && g.VERSION === 4 || C(x.value);
-      }), v.value && setTimeout(() => {
-        C(v.value);
+      }), f.value && setTimeout(() => {
+        C(f.value);
       }));
     }
   ), b(h, () => {
-    f("onsearch", h.value), C(0);
+    v("onsearch", h.value), C(0);
   });
   const A = (e, t = !1) => {
     l.disabled || (Y(e), K(() => {
-      O.value && f("opened"), O.value || f("closed"), w.value && t && w.value.focus();
+      O.value && v("opened"), O.value || v("closed"), w.value && t && w.value.focus();
     }));
   };
   b(O, (e) => {
@@ -158,12 +158,12 @@ const tl = (l, f, g) => {
         }
         a.value = o.value;
       }
-      f("selectAll");
+      v("selectAll");
     }
   }, Ie = () => {
     we(), g.VERSION !== 4 && (n.value = a.value);
   }, xe = (e = !0) => {
-    a.value = [], e && (n.value = [], d.value = []), f("clear");
+    a.value = [], e && (n.value = [], d.value = []), v("clear");
   }, k = (e, t) => {
     if (e = P(e), g.VERSION === 4 ? e[l.disabledOptionKey] : y.value[t]?.disabled)
       return;
@@ -181,14 +181,14 @@ const tl = (l, f, g) => {
     if (ae(S, e) || l.comparingKey && S.findIndex(
       (u) => u[l.comparingKey] === e[l.comparingKey]
     ) > -1) {
-      a.value = S.filter((u) => l.comparingKey ? u[l.comparingKey] !== e[l.comparingKey] : !Be(u, e));
+      a.value = S.filter((u) => l.comparingKey ? u[l.comparingKey] !== e[l.comparingKey] : !Ue(u, e));
       return;
     } else {
       a.value = [...S, e];
       return;
     }
   }, De = (e) => y.value[e]?.disabled, s = {
-    activeIndex: v,
+    activeIndex: f,
     options: y,
     selectedOption: n,
     labelRef: j,
@@ -213,17 +213,17 @@ const tl = (l, f, g) => {
     goToOption: async (e) => {
       if (!O.value)
         return;
-      let t = v.value + e;
+      let t = f.value + e;
       const i = y.value.filter(
         (u) => u.disabled
       ).length, S = o.value.length - i;
       for (t > S && (t = S + 1); ; ) {
         if (!y.value[t]?.disabled) {
-          E.value = o.value[t], v.value = t;
+          E.value = o.value[t], f.value = t;
           return;
         }
-        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(v.value)) {
-          E.value = o.value[t], v.value = t;
+        if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!De(f.value)) {
+          E.value = o.value[t], f.value = t;
           return;
         }
       }
@@ -260,13 +260,13 @@ const tl = (l, f, g) => {
   Le(async () => {
     l.autoFocus && (await K(), setTimeout(() => {
       $.value.focus();
-    })), s.goToOption(0), l.multi && !B && (l.groupedOptions ? D.value = q(
+    })), s.goToOption(0), l.multi && !U && (l.groupedOptions ? D.value = q(
       o,
       a
     ) : D.value = l.options.length === l.selected.length);
   });
   const le = () => {
-    l.multi && (D.value = M.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice())), f("apply", n.value), f("allSelectedChanged", M.value), A(!1), Me();
+    l.multi && (D.value = M.value, n.value = a.value, Array.isArray(n.value) && (d.value = P(n.value).slice())), v("apply", n.value), v("allSelectedChanged", M.value), A(!1), Me();
   }, te = () => {
     F.value && Array.isArray(d.value) && (n.value = P(d.value).slice()), h.value = "", A(!1);
   }, Ne = (e) => {
@@ -318,7 +318,7 @@ const tl = (l, f, g) => {
             A(!0);
             return;
           }
-          k(o.value[v.value], v.value), s.mode === T.Single && !l.keepOpen && A(!1), e.preventDefault();
+          k(o.value[f.value], f.value), s.mode === T.Single && !l.keepOpen && A(!1), e.preventDefault();
           break;
         }
       }
@@ -337,10 +337,12 @@ const tl = (l, f, g) => {
   return qe(
     V.ref,
     () => {
-      !l.loadMoreLoading && l.infiniteLoading && f("loadMore");
+      !l.loadMoreLoading && l.infiniteLoading && v("loadMore");
     },
     { distance: l.infiniteScrollThreshold }
-  ), {
+  ), b(a, () => {
+    v("unsavedSelectionUpdate", a.value);
+  }), {
     onKeydown: Ce,
     location: fe,
     open: O,
@@ -363,7 +365,7 @@ const tl = (l, f, g) => {
     selectedOptionPrevious: d,
     selectedValue: Z,
     onSelect: k,
-    activeIndex: v,
+    activeIndex: f,
     onCancel: te,
     onApply: le,
     scrollTo: C,
@@ -376,7 +378,7 @@ const tl = (l, f, g) => {
     triggerRef: de,
     clearAll: J,
     onClearAllSelections: xe,
-    isGroup: U
+    isGroup: H
   };
 };
 export {

package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts

@@ -8,6 +8,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
+    maxWidth?: number;
+    withTooltip?: boolean;
+    tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 }>, {
     variant: string;
     size: string;
@@ -17,6 +20,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
+    maxWidth: number;
+    withTooltip: boolean;
+    tooltipPlacement: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -29,6 +35,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
+    maxWidth?: number;
+    withTooltip?: boolean;
+    tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 }>, {
     variant: string;
     size: string;
@@ -38,13 +47,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
+    maxWidth: number;
+    withTooltip: boolean;
+    tooltipPlacement: string;
 }>>> & {
     onClick?: () => any;
 }, {
     testId: string;
     variant: "text" | "outlined";
+    withTooltip: boolean;
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
     size: "small" | "medium";
+    maxWidth: number;
     open: boolean;
     startIconName: string;
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";

package/components/dropdown/v4/ButtonDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonDropdownTrigger.vue2.js";
-/* empty css                            */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_f9a13e27_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f9a13e27"]]);
+/* empty css                            */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-604dfc6f"]]);
 export {
   p as default
 };

package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js

@@ -1,9 +1,10 @@
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_f9a13e27_lang.css"; import { defineComponent as l, openBlock as o, createBlock as i, unref as d, normalizeClass as r, withCtx as s, renderSlot as c, createElementVNode as u, toDisplayString as m } from "vue";
-import f from "../../button/v4/ButtonV4.vue.js";
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
+import T from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-const b = { class: "label" }, p = /* @__PURE__ */ l({
+import B from "../../typography/v4/Typography.vue.js";
+const W = /* @__PURE__ */ c({
   __name: "ButtonDropdownTrigger",
   props: {
     label: null,
@@ -14,26 +15,47 @@ const b = { class: "label" }, p = /* @__PURE__ */ l({
     startIconName: { default: null },
     startIconType: { default: "regular" },
     hideEndIcon: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    testId: { default: "" },
+    maxWidth: { default: 0 },
+    withTooltip: { type: Boolean, default: !0 },
+    tooltipPlacement: { default: "top" }
   },
   emits: ["click"],
-  setup(e, { emit: a }) {
-    return (n, t) => (o(), i(d(f), {
-      class: r(["button-trigger", { open: e.open }]),
-      disabled: e.disabled,
+  setup(t, { emit: i }) {
+    const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
+    return (r, l) => (s(), u(o(T), {
+      class: m(["button-trigger", { open: t.open }]),
+      disabled: t.disabled,
       color: "default",
-      variant: e.variant,
-      size: e.size,
-      "start-icon-name": e.startIconName,
-      "start-icon-type": e.startIconType,
-      "end-icon-name": e.hideEndIcon ? null : "caret-down",
-      content: e.label,
-      "test-id": e.testId,
-      onClick: t[0] || (t[0] = (y) => a("click"))
+      variant: t.variant,
+      size: t.size,
+      "start-icon-name": t.startIconName,
+      "start-icon-type": t.startIconType,
+      "end-icon-name": t.hideEndIcon ? null : "caret-down",
+      content: t.label,
+      "test-id": t.testId,
+      onClick: l[0] || (l[0] = (g) => i("click"))
     }, {
-      default: s(() => [
-        c(n.$slots, "default", {}, () => [
-          u("div", b, m(e.label), 1)
+      default: n(() => [
+        f(r.$slots, "default", {}, () => [
+          p("div", {
+            style: y(o(d)),
+            class: "label-wrapper"
+          }, [
+            h(B, {
+              variant: "button",
+              class: "label-text",
+              "is-truncated": "",
+              "with-tooltip": t.withTooltip,
+              "tooltip-text": t.label,
+              "tooltip-placement": t.tooltipPlacement
+            }, {
+              default: n(() => [
+                b(x(t.label), 1)
+              ]),
+              _: 1
+            }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])
+          ], 4)
         ], !0)
       ]),
       _: 3
@@ -41,5 +63,5 @@ const b = { class: "label" }, p = /* @__PURE__ */ l({
   }
 });
 export {
-  p as default
+  W as default
 };

package/components/dropdown/v4/ChipDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChipDropdownTrigger.vue2.js";
 /* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_039dd922_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-039dd922"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e43ac1c9"]]);
 export {
-  d as default
+  c as default
 };