@1337exp/taoui 1.7.0 → 1.9.0

package/dist/index.mjs

@@ -9,7 +9,7 @@ const _hoisted_3$B = {
   class: "tao-button__icon"
 };
 const _hoisted_4$v = { class: "tao-button__content" };
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoButton" },
   __name: "TaoButton",
   props: {
@@ -64,8 +64,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-c3034f66"]]);
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-c3034f66"]]);
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoBlock" },
   __name: "TaoBlock",
   props: {
@@ -97,7 +97,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-feb87e36"]]);
+const TaoBlock = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-feb87e36"]]);
 const formFieldKey = Symbol("taoFormField");
 const _hoisted_1$O = { class: "tao-input-wrapper" };
 const _hoisted_2$H = ["for"];
@@ -114,7 +114,7 @@ const _hoisted_6$h = {
   key: 1,
   class: "tao-input__error"
 };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInput" },
   __name: "TaoInput",
   props: {
@@ -190,7 +190,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-b522e041"]]);
+const TaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-b522e041"]]);
 const _hoisted_1$N = {
   key: 0,
   class: "tao-input-group__addon tao-input-group__addon--before"
@@ -200,7 +200,7 @@ const _hoisted_3$z = {
   key: 1,
   class: "tao-input-group__addon tao-input-group__addon--after"
 };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputGroup" },
   __name: "TaoInputGroup",
   setup(__props) {
@@ -235,7 +235,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-f06bb3b1"]]);
+const TaoInputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-f06bb3b1"]]);
 const _hoisted_1$M = ["id", "value", "placeholder", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
 const _hoisted_2$F = {
   key: 0,
@@ -245,7 +245,7 @@ const _hoisted_3$y = ["aria-label", "disabled"];
 const _hoisted_4$t = { "aria-hidden": "true" };
 const _hoisted_5$l = ["aria-label", "disabled"];
 const _hoisted_6$g = { "aria-hidden": "true" };
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoInputNumber" },
   __name: "TaoInputNumber",
   props: {
@@ -431,13 +431,13 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-331dd958"]]);
+const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-331dd958"]]);
 const _hoisted_1$L = ["aria-label", "disabled"];
 const _hoisted_2$E = { "aria-hidden": "true" };
 const _hoisted_3$x = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
 const _hoisted_4$s = ["aria-label", "disabled"];
 const _hoisted_5$k = { "aria-hidden": "true" };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoQuantity" },
   __name: "TaoQuantity",
   props: {
@@ -617,7 +617,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-c9c7c8b4"]]);
+const TaoQuantity = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-c9c7c8b4"]]);
 const _hoisted_1$K = {
   key: 0,
   class: "tao-card__cover"
@@ -647,7 +647,7 @@ const _hoisted_8$b = {
   key: 4,
   class: "tao-card__footer"
 };
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCard" },
   __name: "TaoCard",
   props: {
@@ -719,7 +719,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-2ff3d055"]]);
+const TaoCard = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-2ff3d055"]]);
 const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function getFocusable(root) {
   return [...root.querySelectorAll(FOCUSABLE)].filter(
@@ -787,7 +787,7 @@ const _hoisted_8$a = {
   key: 1,
   class: "tao-modal__footer"
 };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoModal" },
   __name: "TaoModal",
   props: {
@@ -929,11 +929,11 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-102cfd66"]]);
+const TaoModal = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-102cfd66"]]);
 const _hoisted_1$I = { class: "tao-tabs" };
 const _hoisted_2$B = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"];
 const _hoisted_3$u = ["id", "aria-labelledby"];
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTabs" },
   __name: "TaoTabs",
   props: {
@@ -1037,7 +1037,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-bf16735e"]]);
+const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-bf16735e"]]);
 function listenFocusLoss(onLoss) {
   function onVisibilityChange() {
     if (document.hidden) {
@@ -1053,7 +1053,7 @@ function listenFocusLoss(onLoss) {
     window.removeEventListener("pagehide", onLoss);
   };
 }
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTooltip" },
   __name: "TaoTooltip",
   props: {
@@ -1215,9 +1215,9 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-926dfa73"]]);
+const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-926dfa73"]]);
 const _hoisted_1$H = { class: "tao-popover" };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPopover" },
   __name: "TaoPopover",
   props: {
@@ -1415,7 +1415,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-afd791a7"]]);
+const TaoPopover = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-afd791a7"]]);
 const spoilerGroupKey = Symbol("taoSpoilerGroup");
 const _hoisted_1$G = { class: "tao-spoiler" };
 const _hoisted_2$A = ["aria-expanded", "aria-controls"];
@@ -1425,7 +1425,7 @@ const _hoisted_3$t = {
 };
 const _hoisted_4$p = ["id"];
 const _hoisted_5$h = { class: "tao-spoiler__content-inner" };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpoiler" },
   __name: "TaoSpoiler",
   props: {
@@ -1521,9 +1521,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-ccb052cf"]]);
+const TaoSpoiler = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-ccb052cf"]]);
 const _hoisted_1$F = { class: "tao-spoiler-group" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpoilerGroup" },
   __name: "TaoSpoilerGroup",
   props: {
@@ -1554,9 +1554,9 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-118970dd"]]);
+const TaoSpoilerGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-118970dd"]]);
 const _hoisted_1$E = ["aria-label"];
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoCopy" },
   __name: "TaoCopy",
   props: {
@@ -1707,8 +1707,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-38d3381d"]]);
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const TaoCopy = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-38d3381d"]]);
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoContainer" },
   __name: "TaoContainer",
   props: {
@@ -1725,8 +1725,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-4c0deb90"]]);
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const TaoContainer = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-4c0deb90"]]);
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoFlex" },
   __name: "TaoFlex",
   props: {
@@ -1757,7 +1757,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoSpace" },
   __name: "TaoSpace",
   props: {
@@ -1777,7 +1777,58 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-698ca712"]]);
+const TaoSpace = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-698ca712"]]);
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoGrid" },
+  __name: "TaoGrid",
+  props: {
+    min: { default: "220px" },
+    cols: { default: 0 },
+    gap: { default: "var(--tao-space-4)" }
+  },
+  setup(__props) {
+    const props = __props;
+    const isFixed = computed(() => props.cols > 0);
+    const gridStyle = computed(() => ({
+      "--tao-grid-min": props.min,
+      "--tao-grid-cols": isFixed.value ? String(props.cols) : void 0,
+      "--tao-grid-gap": props.gap
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tao-grid", { "tao-grid--fixed": isFixed.value }]),
+        style: normalizeStyle(gridStyle.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 6);
+    };
+  }
+});
+const TaoGrid = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-bd5bc452"]]);
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...{ name: "TaoGridItem" },
+  __name: "TaoGridItem",
+  props: {
+    col: { default: 1 },
+    row: { default: 1 }
+  },
+  setup(__props) {
+    const props = __props;
+    const itemStyle = computed(() => ({
+      "--tao-grid-col": String(Math.max(1, props.col)),
+      "--tao-grid-row": String(Math.max(1, props.row))
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "tao-grid-item",
+        style: normalizeStyle(itemStyle.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const TaoGridItem = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-43bd1e34"]]);
 const _hoisted_1$D = { class: "tao-split__pane tao-split__pane--start" };
 const _hoisted_2$z = ["aria-orientation", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-disabled", "tabindex"];
 const _hoisted_3$s = { class: "tao-split__pane tao-split__pane--end" };
@@ -2409,40 +2460,57 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-f353f529"]]);
-const _hoisted_1$y = {
+const _hoisted_1$y = ["role", "aria-hidden"];
+const _hoisted_2$v = {
   key: 1,
-  class: "tao-divider-text"
+  class: "tao-divider__text"
 };
-const _hoisted_2$v = { class: "tao-divider-text__value" };
 const _hoisted_3$o = {
   key: 2,
-  class: "tao-divider-line"
+  class: "tao-divider__line tao-divider__line--end"
 };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDivider" },
   __name: "TaoDivider",
   props: {
-    variant: { default: "line" },
-    size: { default: "medium" }
+    variant: { default: "solid" },
+    size: { default: "medium" },
+    text: { default: "" },
+    fade: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
+    const slots = useSlots();
     const gapSize = computed(() => props.size === "big" ? "large" : props.size);
+    const hasLabel = computed(() => Boolean(props.text) || Boolean(slots.default));
     return (_ctx, _cache) => {
-      return __props.variant === "gap" ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
-        _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-        createElementVNode("span", _hoisted_2$v, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _cache[1] || (_cache[1] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-      ])) : (openBlock(), createElementBlock("div", _hoisted_3$o));
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tao-divider", [
+          `tao-divider--${__props.variant}`,
+          {
+            "tao-divider--labeled": hasLabel.value,
+            "tao-divider--fade": __props.fade && __props.variant !== "gap",
+            [`tao-divider--gap-${gapSize.value}`]: __props.variant === "gap"
+          }
+        ]]),
+        role: __props.variant === "gap" && !hasLabel.value ? void 0 : "separator",
+        "aria-hidden": __props.variant === "gap" && !hasLabel.value ? true : void 0
+      }, [
+        __props.variant !== "gap" ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["tao-divider__line", { "tao-divider__line--start": hasLabel.value }])
+        }, null, 2)) : createCommentVNode("", true),
+        hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$v, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.text), 1)
+          ], true)
+        ])) : createCommentVNode("", true),
+        __props.variant !== "gap" && hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_3$o)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$y);
     };
   }
 });
-const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-8187a15d"]]);
+const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c1d072e5"]]);
 const _hoisted_1$x = {
   key: 0,
   class: "tao-fieldset__legend"
@@ -8677,8 +8745,10 @@ const components = [
   TaoSpoilerGroup,
   TaoCopy,
   TaoContainer,
-  _sfc_main$I,
+  _sfc_main$K,
   TaoSpace,
+  TaoGrid,
+  TaoGridItem,
   TaoSplit,
   TaoIcon,
   TaoLoader,
@@ -8752,8 +8822,10 @@ export {
   TaoEmpty,
   TaoFieldset,
   TaoFileDrop,
-  _sfc_main$I as TaoFlex,
+  _sfc_main$K as TaoFlex,
   TaoFormField,
+  TaoGrid,
+  TaoGridItem,
   TaoIcon,
   TaoImage,
   TaoInput,