cleek 2.7.1 → 2.7.2

package/dist/cleek.es.js

@@ -81624,7 +81624,7 @@ const _hoisted_2$e = {
   key: 0,
   class: "pl-1"
 };
-const _sfc_main$x = defineComponent$2({
+const _sfc_main$y = defineComponent$2({
   __name: "ck-datetime-shower",
   props: {
     datetime: {},
@@ -81671,12 +81671,12 @@ const _sfc_main$x = defineComponent$2({
     };
   }
 });
-var ckDatetimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-4dcd4d84"]]);
+var ckDatetimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-4dcd4d84"]]);
 var ckTimeShower_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$5 = (n2) => (pushScopeId$2("data-v-4d15db47"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$o = { class: "ck-time-shower" };
 const _hoisted_2$d = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", { class: "hs-text" }, " hs ", -1));
-const _sfc_main$w = defineComponent$2({
+const _sfc_main$x = defineComponent$2({
   __name: "ck-time-shower",
   props: {
     time: {},
@@ -81695,7 +81695,7 @@ const _sfc_main$w = defineComponent$2({
     };
   }
 });
-var ckTimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-4d15db47"]]);
+var ckTimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-4d15db47"]]);
 var hooks9 = {
   getCleekOptions(getCurrentInstance2) {
     return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
@@ -81771,7 +81771,7 @@ var hooks9 = {
 };
 var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$n = { class: "ck-dropdown__popper-container" };
-const _sfc_main$v = defineComponent$2({
+const _sfc_main$w = defineComponent$2({
   __name: "ck-dropdown",
   props: {
     dark: { type: Boolean },
@@ -81842,10 +81842,10 @@ const _sfc_main$v = defineComponent$2({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-29d5acfa"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-29d5acfa"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const defaultPosition = "fixed";
-const _sfc_main$u = defineComponent$2({
+const _sfc_main$v = defineComponent$2({
   __name: "ck-navbar",
   props: {
     backgroundColor: {},
@@ -81900,7 +81900,7 @@ const _sfc_main$u = defineComponent$2({
     };
   }
 });
-var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-14db8333"]]);
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-14db8333"]]);
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -82442,7 +82442,7 @@ defineComponent$2({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$t = defineComponent$2({
+const _sfc_main$u = defineComponent$2({
   __name: "ck-icon",
   props: {
     icon: {},
@@ -82528,18 +82528,18 @@ const _sfc_main$t = defineComponent$2({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-30ba25e5"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-30ba25e5"]]);
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$s = {};
+const _sfc_main$t = {};
 const _hoisted_1$m = { class: "ck-tr" };
 function _sfc_render(_ctx, _cache) {
   return openBlock$2(), createElementBlock$2("tr", _hoisted_1$m, [
     renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render], ["__scopeId", "data-v-797c49c2"]]);
+var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render], ["__scopeId", "data-v-797c49c2"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$r = defineComponent$2({
+const _sfc_main$s = defineComponent$2({
   __name: "ck-td",
   props: {
     col: {},
@@ -82625,11 +82625,11 @@ const _sfc_main$r = defineComponent$2({
     };
   }
 });
-var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-90fa19a8"]]);
+var CkTd = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-90fa19a8"]]);
 var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$l = { class: "ck-th" };
 const defaultAlign$1 = "left";
-const _sfc_main$q = defineComponent$2({
+const _sfc_main$r = defineComponent$2({
   __name: "ck-th",
   props: {
     align: {},
@@ -82674,8 +82674,8 @@ const _sfc_main$q = defineComponent$2({
     };
   }
 });
-var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-42ada082"]]);
-const _sfc_main$p = defineComponent$2({
+var CkTh = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-42ada082"]]);
+const _sfc_main$q = defineComponent$2({
   __name: "ck-table__title",
   props: {
     col: {},
@@ -82720,9 +82720,9 @@ var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$k = ["title", "aria-label", "disabled"];
 const defaultBackgroundColor = "transparent";
 const defaultButtonType = "outlined";
-const defaultColor$1 = "primary";
+const defaultColor$2 = "primary";
 const defaultAlign = "left";
-const _sfc_main$o = defineComponent$2({
+const _sfc_main$p = defineComponent$2({
   __name: "ck-button",
   props: {
     title: {},
@@ -82767,8 +82767,8 @@ const _sfc_main$o = defineComponent$2({
       var _a;
       const list = [];
       list.push(hooks9.getGroupClass(props, windowWidth.value));
-      const color = props.color || defaultColor$1;
-      if (color !== defaultColor$1) {
+      const color = props.color || defaultColor$2;
+      if (color !== defaultColor$2) {
         if (realButtonType.value === "filled") {
           list.push(`ck-component__bg-color--${props.color}`);
         } else {
@@ -82851,11 +82851,11 @@ const _sfc_main$o = defineComponent$2({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-269ef4f6"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-269ef4f6"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$j = ["for"];
 const defaultSize$2 = "m";
-const _sfc_main$n = defineComponent$2({
+const _sfc_main$o = defineComponent$2({
   __name: "ck-label",
   props: {
     for: {},
@@ -82903,13 +82903,13 @@ const _sfc_main$n = defineComponent$2({
     };
   }
 });
-var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3eb67ac4"]]);
+var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3eb67ac4"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = ["autocomplete", "placeholder", "disabled"];
 const _hoisted_2$c = ["autocomplete", "type", "placeholder", "disabled"];
 const defaultType = "text";
 const defaultDelayChangeTime = 300;
-const _sfc_main$m = defineComponent$2({
+const _sfc_main$n = defineComponent$2({
   __name: "ck-input",
   props: {
     modelValue: {},
@@ -83143,9 +83143,9 @@ const _sfc_main$m = defineComponent$2({
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-8e1a7a6a"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-8e1a7a6a"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$l = defineComponent$2({
+const _sfc_main$m = defineComponent$2({
   __name: "ck-table__header-items",
   props: {
     search: {},
@@ -83268,7 +83268,7 @@ const _sfc_main$l = defineComponent$2({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-1af5a21d"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-1af5a21d"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$4 = (n2) => (pushScopeId$2("data-v-27c654d0"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$h = { class: "ck-table__pagination" };
@@ -83278,7 +83278,7 @@ const _hoisted_4$7 = { class: "ck-table__pagination-input-container" };
 const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-table__pagination--input-pointer" }, null, -1));
 const _hoisted_6$2 = ["onClick"];
 const itemsShowed = 5;
-const _sfc_main$k = defineComponent$2({
+const _sfc_main$l = defineComponent$2({
   __name: "ck-table__pagination",
   props: {
     currentPage: {},
@@ -83427,7 +83427,7 @@ const _sfc_main$k = defineComponent$2({
     };
   }
 });
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-27c654d0"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-27c654d0"]]);
 const NOOP = () => {
 };
 const NO = () => false;
@@ -83690,7 +83690,7 @@ const _hoisted_3$8 = {
   key: 0,
   class: "c-Checkbox__label"
 };
-const _sfc_main$j = defineComponent$2({
+const _sfc_main$k = defineComponent$2({
   __name: "ck-checkbox",
   props: {
     modelValue: { type: Boolean },
@@ -83749,7 +83749,7 @@ const _sfc_main$j = defineComponent$2({
     };
   }
 });
-var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-1fffee96"]]);
+var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-1fffee96"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$f = { class: "ck-popup" };
 const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
@@ -83765,7 +83765,7 @@ const _hoisted_5$2 = {
   key: 0,
   class: "ck-popup-slot-footer__confirm-buttons"
 };
-const _sfc_main$i = defineComponent$2({
+const _sfc_main$j = defineComponent$2({
   __name: "ck-popup",
   props: {
     modelValue: { type: Boolean },
@@ -84022,7 +84022,7 @@ const _sfc_main$i = defineComponent$2({
 });
 var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = { class: "columns-manger-container" };
-const _sfc_main$h = defineComponent$2({
+const _sfc_main$i = defineComponent$2({
   __name: "ck-table__columns-manager",
   props: {
     modelValue: { type: Boolean },
@@ -84074,7 +84074,7 @@ const _sfc_main$h = defineComponent$2({
       props.columns[colName].isDisplayed = value;
     }
     return (_ctx, _cache) => {
-      return openBlock$2(), createBlock$2(_sfc_main$i, {
+      return openBlock$2(), createBlock$2(_sfc_main$j, {
         modelValue: isActive.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isActive.value = $event),
         title: "Administrador de columnas"
@@ -84105,7 +84105,7 @@ const _sfc_main$h = defineComponent$2({
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4ef6b518"]]);
+var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4ef6b518"]]);
 var ckTable_vue_vue_type_style_index_0_lang = "";
 var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
 const _hoisted_1$d = { class: "ck-table" };
@@ -84125,7 +84125,7 @@ const _hoisted_6$1 = {
 };
 const defaultTableVersion = "default";
 const defaultItemsPerPage = 40;
-const _sfc_main$g = defineComponent$2({
+const _sfc_main$h = defineComponent$2({
   __name: "ck-table",
   props: {
     columns: {},
@@ -84321,7 +84321,7 @@ const _sfc_main$g = defineComponent$2({
                 createVNode$2(CkTr, { class: "header-row" }, {
                   default: withCtx$2(() => [
                     (openBlock$2(true), createElementBlock$2(Fragment$2, null, renderList$1(filteredColumnsList.value, (col) => {
-                      return openBlock$2(), createBlock$2(_sfc_main$p, {
+                      return openBlock$2(), createBlock$2(_sfc_main$q, {
                         key: col.title,
                         col,
                         textColor: realHeaderTextColor.value,
@@ -84393,9 +84393,9 @@ const _sfc_main$g = defineComponent$2({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d9e82628"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d9e82628"]]);
 var ckPagination_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$f = defineComponent$2({
+const _sfc_main$g = defineComponent$2({
   __name: "ck-pagination",
   props: {
     modelValue: {},
@@ -89542,7 +89542,7 @@ function Dt(e4, t4, r, l, o, p2) {
 const Lt = /* @__PURE__ */ T4(vt, [["render", Dt]]);
 var ckInputDate_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$c = ["id"];
-const _sfc_main$e = defineComponent$2({
+const _sfc_main$f = defineComponent$2({
   __name: "ck-input-date",
   props: {
     modelValue: {},
@@ -89704,8 +89704,8 @@ const _sfc_main$e = defineComponent$2({
     };
   }
 });
-var ckInputDate = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-265621ef"]]);
-const _sfc_main$d = defineComponent$2({
+var ckInputDate = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-265621ef"]]);
+const _sfc_main$e = defineComponent$2({
   __name: "ck-input-time",
   props: {
     modelValue: {},
@@ -89755,7 +89755,7 @@ const _hoisted_4$4 = {
   key: 0,
   class: "ck-card__header-subtitle"
 };
-const _sfc_main$c = defineComponent$2({
+const _sfc_main$d = defineComponent$2({
   __name: "ck-card",
   props: {
     modelValue: { type: Boolean },
@@ -89827,12 +89827,13 @@ const _sfc_main$c = defineComponent$2({
     };
   }
 });
-var ckCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-4bbb9206"]]);
+var ckCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-4bbb9206"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$a = ["color"];
-const defaultColor = "primary";
+const defaultTextColor$1 = "white";
+const defaultColor$1 = "primary";
 const defaultSize$1 = "s";
-const _sfc_main$b = defineComponent$2({
+const _sfc_main$c = defineComponent$2({
   __name: "ck-chip",
   props: {
     size: {},
@@ -89850,7 +89851,7 @@ const _sfc_main$b = defineComponent$2({
     const computedClass = computed$3(() => {
       const list = [];
       if (!props.color || hooks9.isColorTemplateVariable(props.color)) {
-        list.push(`ck-component__bg-color--${props.color || defaultColor}`);
+        list.push(`ck-component__bg-color--${props.color || defaultColor$1}`);
       }
       list.push(`size-${props.size || defaultSize$1}`);
       if (props.align)
@@ -89863,7 +89864,7 @@ const _sfc_main$b = defineComponent$2({
       const list = [];
       if (props.color && !hooks9.isColorTemplateVariable(props.color)) {
         list.push({ backgroundColor: props.color });
-        list.push({ color: props.textColor || "white" });
+        list.push({ color: props.textColor || defaultTextColor$1 });
       }
       return list;
     });
@@ -89893,7 +89894,63 @@ const _sfc_main$b = defineComponent$2({
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1f111567"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-7b885851"]]);
+var ckCircle_vue_vue_type_style_index_0_scoped_true_lang = "";
+const defaultColor = "primary";
+const defaulSize = "m";
+const defaultTextColor = "white";
+const _sfc_main$b = defineComponent$2({
+  __name: "ck-circle",
+  props: {
+    size: {},
+    sizeInPx: {},
+    color: {},
+    textColor: {},
+    icon: {},
+    iconPack: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const computedClass = computed$3(() => {
+      const classes = [];
+      let size2 = props.size;
+      if (props.size !== "s" && props.size !== "l" && props.size !== "xs")
+        size2 = defaulSize;
+      classes.push(`ck-circle__size-${size2}`);
+      classes.push(`ck-component__bg-color--${props.color || defaultColor}`);
+      return classes;
+    });
+    const computedStyle = computed$3(() => {
+      const styles2 = [];
+      if (props.sizeInPx) {
+        styles2.push({ height: props.sizeInPx });
+        styles2.push({ width: props.sizeInPx });
+      }
+      if (!props.color || hooks9.isColorTemplateVariable(props.color)) {
+        styles2.push({ backgroundColor: props.color });
+        styles2.push({ color: props.textColor || defaultTextColor });
+      }
+      return styles2;
+    });
+    return (_ctx, _cache) => {
+      const _component_ck_icon = resolveComponent$2("ck-icon");
+      return openBlock$2(), createElementBlock$2("div", {
+        class: normalizeClass$2(["om-circle", computedClass.value]),
+        style: normalizeStyle$2(computedStyle.value),
+        onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
+      }, [
+        _ctx.icon ? (openBlock$2(), createBlock$2(_component_ck_icon, {
+          key: 0,
+          icon: _ctx.icon,
+          iconPack: _ctx.iconPack
+        }, null, 8, ["icon", "iconPack"])) : createCommentVNode$2("", true),
+        renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
+      ], 6);
+    };
+  }
+});
+var ckCircle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-5bcee254"]]);
 var ckDiv_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$a = defineComponent$2({
   __name: "ck-div",
@@ -90970,7 +91027,7 @@ const _sfc_main$1 = defineComponent$2({
     });
     return (_ctx, _cache) => {
       return openBlock$2(), createBlock$2(Teleport$1, { to: "body" }, [
-        createVNode$2(_sfc_main$i, {
+        createVNode$2(_sfc_main$j, {
           modelValue: isActive.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isActive.value = $event),
           acceptButton: "",
@@ -91160,22 +91217,23 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   CkDropdown: ckDropdown,
   CkNavbar: ckNavbar,
   CkTable: ckTable,
-  CkPagination: _sfc_main$f,
+  CkPagination: _sfc_main$g,
   CkTd,
   CkTh,
   CkTr,
   CkInputDate: ckInputDate,
-  CkInputTime: _sfc_main$d,
+  CkInputTime: _sfc_main$e,
   CkButton,
   CkCard: ckCard,
   CkCheckbox,
   CkChip: ckChip,
+  CkCircle: ckCircle,
   CkDiv: _sfc_main$a,
   CkIcon,
   CkImg: ckImg,
   CkInput,
   CkLabel,
-  CkPopup: _sfc_main$i,
+  CkPopup: _sfc_main$j,
   CkRadio: ckRadio,
   CkSelect: ckSelect,
   CkSidebar: ckSidebar,
@@ -91229,4 +91287,4 @@ const install3 = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { CkButton, ckCard as CkCard, CkCheckbox, ckChip as CkChip, ckDatetimeShower as CkDatetimeShower, _sfc_main$a as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, ckInputDate as CkInputDate, _sfc_main$d as CkInputTime, CkLabel, ckNavbar as CkNavbar, _sfc_main$f as CkPagination, _sfc_main$i as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, ckTimeShower as CkTimeShower, CkTr, ckNotify, install3 as default, useWindowWidth };
+export { CkButton, ckCard as CkCard, CkCheckbox, ckChip as CkChip, ckCircle as CkCircle, ckDatetimeShower as CkDatetimeShower, _sfc_main$a as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, ckInputDate as CkInputDate, _sfc_main$e as CkInputTime, CkLabel, ckNavbar as CkNavbar, _sfc_main$g as CkPagination, _sfc_main$j as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, ckTimeShower as CkTimeShower, CkTr, ckNotify, install3 as default, useWindowWidth };