@wssto2/vue-core 0.4.15 → 0.4.16

package/dist/{RolesPage-DsXVivdj.js → RolesPage-BeEsHIQ2.js}

@@ -3,15 +3,15 @@ import { useI18n as A } from "vue-i18n";
 import { useRouter as F } from "vue-router";
 import { _ as S } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { _ as E } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
-import { _ as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
-import { e as j } from "./control-CX9BG2UB.js";
-import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.js";
+import { _ as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
+import { e as j } from "./control-B_Nwtmag.js";
+import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
 import { a as I } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
 import { u as K } from "./platform-q3cjODLx.js";
 import { _ as T } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as z } from "./useLoad-M7V-AVwR.js";
-import { u as G, a as H, b as J, c as x } from "./index-Chh4z9xW.js";
+import { u as G, a as H, b as J, c as x } from "./index-yKIOaisE.js";
 const M = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-test": "roles-index"

package/dist/SegmentedField.vue_vue_type_script_setup_true_lang-BMBkEmxr.js

@@ -0,0 +1,81 @@
+import { defineComponent as w, openBlock as a, createBlock as k, mergeProps as x, unref as r, createSlots as V, withCtx as o, createElementVNode as h, normalizeClass as n, createElementBlock as s, Fragment as _, renderList as $, createTextVNode as B, toDisplayString as d, createCommentVNode as C, renderSlot as i, mergeDefaults as L } from "vue";
+import { u as F, a as S, _ as T, f as D, b as N } from "./control-B_Nwtmag.js";
+const E = ["id", "aria-label", "aria-describedby", "aria-invalid"], P = ["disabled", "aria-pressed", "onClick"], H = /* @__PURE__ */ w({
+  __name: "SegmentedField",
+  props: /* @__PURE__ */ L({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    modelValue: {},
+    options: {},
+    rowLayout: {}
+  }, { ...N, modelValue: null, rowLayout: "setting" }),
+  emits: ["update:modelValue"],
+  setup(u, { emit: m }) {
+    const e = u, c = m, { editable: f } = F(e), b = !!S(), p = () => e.options.find((t) => t.value === e.modelValue)?.label ?? null;
+    return (t, R) => (a(), k(T, x(r(D)(e), {
+      value: p(),
+      "row-layout": e.rowLayout
+    }), V({
+      default: o(({ id: y, describedby: g, invalid: v }) => [
+        h("div", {
+          id: y,
+          role: "group",
+          "aria-label": e.label,
+          "aria-describedby": g,
+          "aria-invalid": v || void 0,
+          "data-test": "segmented",
+          class: n(["max-w-full flex-wrap rounded-control bg-fill p-0.5", [b && e.rowLayout === "stacked" ? "flex w-full" : "inline-flex", e.disabled ? "opacity-45" : ""]])
+        }, [
+          (a(!0), s(_, null, $(e.options, (l) => (a(), s("button", {
+            key: l.value,
+            type: "button",
+            disabled: e.disabled || !r(f) || l.disabled,
+            "aria-pressed": l.value === e.modelValue,
+            class: n(["relative min-h-7 min-w-fit flex-1 whitespace-nowrap rounded-control px-3.5 py-1 text-sm transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus", l.value === e.modelValue ? "bg-segment-selected font-semibold text-content-strong shadow-sm" : "cursor-pointer font-medium text-content hover:text-content-strong"]),
+            onClick: (q) => c("update:modelValue", l.value)
+          }, [
+            B(d(l.label) + " ", 1),
+            l.count !== void 0 ? (a(), s("span", {
+              key: 0,
+              class: n(["ml-1.5 rounded-full px-1.5 text-caption font-semibold tabular-nums", l.value === e.modelValue ? "bg-tint-soft text-content-link" : "bg-fill-strong text-content-muted"])
+            }, d(l.count), 3)) : C("", !0)
+          ], 10, P))), 128))
+        ], 10, E)
+      ]),
+      _: 2
+    }, [
+      t.$slots.trailing ? {
+        name: "trailing",
+        fn: o(() => [
+          i(t.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: o(() => [
+          i(t.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.readonly ? {
+        name: "readonly",
+        fn: o(() => [
+          i(t.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value", "row-layout"]));
+  }
+});
+export {
+  H as _
+};