@mtdt/observeops-ds-elements 0.1.111 → 0.1.112

package/dist/elements-api.json

@@ -277,6 +277,13 @@
           "attribute": "vertical",
           "type": "Boolean",
           "default": "false"
+        },
+        {
+          "prop": "block",
+          "attribute": "block",
+          "type": "Boolean",
+          "default": "false",
+          "note": "full-width segmented control — segments split the width evenly"
         }
       ],
       "events": [

package/dist/observeops-elements.js

@@ -4741,7 +4741,7 @@ const V9 = ':host{display:inline-block}button,input,select,textarea{font-family:
       ])) : M("", !0)
     ], 512));
   }
-}, s7 = /* @__PURE__ */ A1(l7, [["styles", [Q9]]]), o7 = '.rg{display:inline-flex;font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--page-text-color, #1d2a3e)}.rg.list{align-items:center;gap:8px}.rg.list.vertical{flex-direction:column;align-items:flex-start;gap:10px}.rg.list .opt{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.dot{position:relative;flex:0 0 auto;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:1px solid var(--border-color, #e3e8f2);background:var(--checkbox-bg, #fff);transition:border-color .15s}.rg.list .opt:hover .dot,.rg.list .opt.on .dot{border-color:var(--primary, #111c2c)}.rg.list .opt.on .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--primary, #111c2c)}.rg.list .opt.dis{opacity:.5;cursor:not-allowed}.rg.seg{border:1px solid var(--border-color, #e3e8f2);border-radius:4px;overflow:hidden}.rg.seg .opt{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 11px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--radio-btn-box-bg, #fff);color:var(--neutral-regular, #7186a8);border-left:1px solid var(--border-color, #e3e8f2);transition:background .12s,color .12s}.rg.seg .opt:first-child{border-left:none}.rg.seg .opt.on{background:var(--radio-btn-box-selected-bg, #111c2c);color:var(--radio-btn-box-selected-text-color, #fff)}.rg.seg.s-small .opt{height:24px;padding:0 8px}.rg.seg.s-large .opt{height:38px;padding:0 14px}.rg.seg .opt.dis{opacity:.5;cursor:not-allowed}.rg.disabled{opacity:.65}.rg.seg .ic{display:inline-flex;align-items:center;margin-right:6px}.ic obs-icon{display:block}.rg.sev{border:none;border-radius:0;overflow:visible}.rg.sev .opt{position:relative;height:32px;padding:0 11px;border-left:none;background:transparent;color:var(--neutral-regular, #7186a8);border-radius:4px}.rg.sev .opt+.opt:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--border-color, #e3e8f2)}.rg.sev .opt.on{background:var(--radio-btn-box-selected-bg, #111c2c);color:var(--radio-btn-box-selected-text-color, #fff)}.rg.sev .opt.on:before,.rg.sev .opt.on+.opt:before{display:none}', a7 = ["aria-checked", "onClick"], r7 = {
+}, s7 = /* @__PURE__ */ A1(l7, [["styles", [Q9]]]), o7 = '.rg{display:inline-flex;font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--page-text-color, #1d2a3e)}.rg.list{align-items:center;gap:8px}.rg.list.vertical{flex-direction:column;align-items:flex-start;gap:10px}.rg.list .opt{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.dot{position:relative;flex:0 0 auto;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:1px solid var(--border-color, #e3e8f2);background:var(--checkbox-bg, #fff);transition:border-color .15s}.rg.list .opt:hover .dot,.rg.list .opt.on .dot{border-color:var(--primary, #111c2c)}.rg.list .opt.on .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--primary, #111c2c)}.rg.list .opt.dis{opacity:.5;cursor:not-allowed}.rg.seg{border:1px solid var(--border-color, #e3e8f2);border-radius:4px;overflow:hidden}.rg.seg .opt{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 11px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--radio-btn-box-bg, #fff);color:var(--neutral-regular, #7186a8);border-left:1px solid var(--border-color, #e3e8f2);transition:background .12s,color .12s}.rg.seg .opt:first-child{border-left:none}.rg.block{display:flex;width:100%}.rg.seg.block .opt{flex:1;padding-left:0;padding-right:0}.rg.seg .opt.on{background:var(--radio-btn-box-selected-bg, #111c2c);color:var(--radio-btn-box-selected-text-color, #fff)}.rg.seg.s-small .opt{height:24px;padding:0 8px}.rg.seg.s-large .opt{height:38px;padding:0 14px}.rg.seg .opt.dis{opacity:.5;cursor:not-allowed}.rg.disabled{opacity:.65}.rg.seg .ic{display:inline-flex;align-items:center;margin-right:6px}.ic obs-icon{display:block}.rg.sev{border:none;border-radius:0;overflow:visible}.rg.sev .opt{position:relative;height:32px;padding:0 11px;border-left:none;background:transparent;color:var(--neutral-regular, #7186a8);border-radius:4px}.rg.sev .opt+.opt:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--border-color, #e3e8f2)}.rg.sev .opt.on{background:var(--radio-btn-box-selected-bg, #111c2c);color:var(--radio-btn-box-selected-text-color, #fff)}.rg.sev .opt.on:before,.rg.sev .opt.on+.opt:before{display:none}', a7 = ["aria-checked", "onClick"], r7 = {
   key: 0,
   class: "dot",
   "aria-hidden": "true"
@@ -4755,7 +4755,9 @@ const V9 = ':host{display:inline-block}button,input,select,textarea{font-family:
     severity: { type: Boolean, default: !1 },
     size: { type: String, default: "default" },
     disabled: { type: Boolean, default: !1 },
-    vertical: { type: Boolean, default: !1 }
+    vertical: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 }
+    // full-width segmented control — segments split the width evenly
   },
   emits: ["change"],
   setup(e, { emit: t }) {
@@ -4797,7 +4799,7 @@ const V9 = ':host{display:inline-block}button,input,select,textarea{font-family:
       return f ? u[f] || (String(f).trim().startsWith("<") ? f : "") : "";
     }
     return (f, w) => (a(), n("div", {
-      class: P(["rg", [i.value ? "seg" : "list", "s-" + e.size, { disabled: e.disabled, vertical: e.vertical, sev: e.severity }]]),
+      class: P(["rg", [i.value ? "seg" : "list", "s-" + e.size, { disabled: e.disabled, vertical: e.vertical, sev: e.severity, block: e.block }]]),
       role: "radiogroup"
     }, [
       (a(!0), n(z, null, o1(p.value, (S) => (a(), n("label", {
@@ -10940,7 +10942,7 @@ const Zs = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
       ], 2);
     };
   }
-}, br = /* @__PURE__ */ A1(gr, [["styles", [nr]]]), mr = 'button,a{font-family:inherit}:host{font-family:var(--font-family, "Poppins", sans-serif);display:inline-block}.um{display:inline-block}.avatar{width:32px;height:32px;border:0;border-radius:50%;padding:0;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:12px;font-weight:600;transition:box-shadow .15s}.avatar.act{box-shadow:0 0 0 3px var(--neutral-lighter, #dfe5ef)}.ava-img{width:100%;height:100%;object-fit:cover}.ava-txt{line-height:1}.panel{padding:5px;background:var(--page-background-color, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:0 6px 20px var(--neutral-shadow-light, rgba(29, 42, 62, .14));color:var(--page-text-color, #1d2a3e);font-size:.8rem;--divider-my: 5px}.panel[popover]{margin:0;inset:auto;overflow:visible}.uhead{display:flex;align-items:center;gap:10px;padding:6px 8px}.uh-ava{width:32px;height:32px;border-radius:50%;flex:0 0 auto;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:13px;font-weight:600}.uh-ava img{width:100%;height:100%;object-fit:cover}.uh-txt{display:flex;flex-direction:column;min-width:0}.uh-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uh-sub{color:var(--neutral-light, #6a7fa0);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ugroup{display:flex;flex-direction:column}.urow{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:var(--page-text-color, #1d2a3e);font-size:.8rem;text-align:left;text-decoration:none;cursor:pointer}.urow:hover{background:var(--neutral-lighter, #e3e8f2)}.urow.danger{color:var(--secondary-red, #ec5b5b)}.uico{flex:0 0 auto}.ulbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udiv{display:block}.tsw{display:block;padding:2px 4px}', xr = ["aria-expanded"], yr = ["src"], Zr = {
+}, br = /* @__PURE__ */ A1(gr, [["styles", [nr]]]), mr = 'button,a{font-family:inherit}:host{font-family:var(--font-family, "Poppins", sans-serif);display:inline-block}.um{display:inline-block}.avatar{width:32px;height:32px;border:0;border-radius:50%;padding:0;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:12px;font-weight:600;transition:box-shadow .15s}.avatar.act{box-shadow:0 0 0 3px var(--neutral-lighter, #dfe5ef)}.ava-img{width:100%;height:100%;object-fit:cover}.ava-txt{line-height:1}.panel{padding:5px;background:var(--page-background-color, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:8px;box-shadow:0 6px 20px var(--neutral-shadow-light, rgba(29, 42, 62, .14));color:var(--page-text-color, #1d2a3e);font-size:.8rem;--divider-my: 5px}.panel[popover]{margin:0;inset:auto;overflow:visible}.uhead{display:flex;align-items:center;gap:10px;padding:6px 8px}.uh-ava{width:32px;height:32px;border-radius:50%;flex:0 0 auto;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--primary, #111c2c);color:var(--white-regular, #fff);font-size:13px;font-weight:600}.uh-ava img{width:100%;height:100%;object-fit:cover}.uh-txt{display:flex;flex-direction:column;min-width:0}.uh-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uh-sub{color:var(--neutral-light, #6a7fa0);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ugroup{display:flex;flex-direction:column}.urow{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:var(--page-text-color, #1d2a3e);font-size:.8rem;text-align:left;text-decoration:none;cursor:pointer}.urow:hover{background:var(--neutral-lighter, #e3e8f2)}.urow.danger{color:var(--secondary-red, #ec5b5b)}.uico{flex:0 0 auto}.ulbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.udiv{display:block}.tsw{display:block;width:100%;box-sizing:border-box;padding:2px 4px}', xr = ["aria-expanded"], yr = ["src"], Zr = {
   key: 1,
   class: "ava-txt"
 }, wr = {
@@ -11135,7 +11137,8 @@ const Zs = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
             U(J, {
               class: "tsw",
               "as-button": "",
-              size: "small",
+              block: "",
+              size: "default",
               options: x2(T),
               value: h.value,
               onChange: O
@@ -11333,7 +11336,7 @@ const Zs = ':host{font-family:var(--font-family, "Poppins", sans-serif)}button{f
               v1.tag ? (a(), w1(c1, {
                 key: 0,
                 class: "ntag",
-                variant: "tag-unknown",
+                variant: "tag-primary",
                 rounded: ""
               }, {
                 default: y2(() => [