@mtdt/observeops-ds-elements 0.1.47 → 0.1.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -438,6 +438,13 @@
438
438
  "type": "Boolean",
439
439
  "default": "false"
440
440
  },
441
+ {
442
+ "prop": "muted",
443
+ "attribute": "muted",
444
+ "type": "Boolean",
445
+ "default": "false",
446
+ "note": "secondary/subdued link (e.g. a Cancel action) — lighter text, same dotted underline"
447
+ },
441
448
  {
442
449
  "prop": "disabled",
443
450
  "attribute": "disabled",
@@ -5009,7 +5009,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
5009
5009
  ], 2);
5010
5010
  };
5011
5011
  }
5012
- }, hc = /* @__PURE__ */ je(vc, [["styles", [ec]]]), gc = '.lnk{font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--primary, #111c2c);text-decoration:underline dotted;cursor:pointer}.lnk:hover{text-decoration:underline dotted}.klink{color:var(--neutral-light, #7186a8);text-decoration:none}.klink:hover{color:var(--primary, #111c2c);text-decoration:underline dotted}.disabled{color:var(--neutral-light, #8e9fbc);opacity:.6;cursor:not-allowed;pointer-events:none;text-decoration:none}.as-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:var(--btn-height, 2.1rem);padding:0 15px;border:1px solid transparent;border-radius:var(--btn-radius, 4px);font-weight:500;text-decoration:none}.as-btn:hover{text-decoration:none}.as-btn.s-small{height:24px;padding:0 var(--padding-sm, 12px)}.as-btn.v-primary{background:var(--primary-button-bg, #07101f);color:var(--primary-button-text, #fff);border-color:var(--primary-button-bg, #07101f)}.as-btn.v-primary:hover{background:var(--primary-button-hover-bg, rgba(7, 16, 31, .7));border-color:var(--primary-button-hover-bg, rgba(7, 16, 31, .7))}.as-btn.v-primary-alt{background:var(--primary-alt, #1d2a3e);color:var(--primary-button-text, #fff);border-color:var(--primary-alt, #1d2a3e)}.as-btn.v-default{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.as-btn.v-default:hover{background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17, 28, 44, .5))}.as-btn.v-transparent{background:transparent;color:var(--button-transparent-text, #7186a8);border-color:transparent}.as-btn.disabled{background:var(--button-disabled-bg, #ecf1f9);color:var(--button-disabled-text, rgba(0, 0, 0, .5));border-color:var(--button-disabled-border, #e3e8f2)}', bc = ["href", "target", "rel", "aria-disabled"], xc = {
5012
+ }, hc = /* @__PURE__ */ je(vc, [["styles", [ec]]]), gc = '.lnk{font-family:var(--font-family, "Poppins", sans-serif);font-size:var(--text-sm, .8rem);color:var(--primary, #111c2c);text-decoration:underline dotted;cursor:pointer}.lnk:hover{text-decoration:underline dotted}.klink{color:var(--neutral-light, #7186a8);text-decoration:none}.klink:hover{color:var(--primary, #111c2c);text-decoration:underline dotted}.muted{color:var(--neutral-light, #7186a8)}.muted:hover{color:var(--neutral-dark, #516381);text-decoration:underline dotted}.disabled{color:var(--neutral-light, #8e9fbc);opacity:.6;cursor:not-allowed;pointer-events:none;text-decoration:none}.as-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:var(--btn-height, 2.1rem);padding:0 15px;border:1px solid transparent;border-radius:var(--btn-radius, 4px);font-weight:500;text-decoration:none}.as-btn:hover{text-decoration:none}.as-btn.s-small{height:24px;padding:0 var(--padding-sm, 12px)}.as-btn.v-primary{background:var(--primary-button-bg, #07101f);color:var(--primary-button-text, #fff);border-color:var(--primary-button-bg, #07101f)}.as-btn.v-primary:hover{background:var(--primary-button-hover-bg, rgba(7, 16, 31, .7));border-color:var(--primary-button-hover-bg, rgba(7, 16, 31, .7))}.as-btn.v-primary-alt{background:var(--primary-alt, #1d2a3e);color:var(--primary-button-text, #fff);border-color:var(--primary-alt, #1d2a3e)}.as-btn.v-default{background:var(--default-button-bg, #fff);color:var(--default-button-text, #1d2a3e);border-color:var(--default-button-border, #e3e8f2)}.as-btn.v-default:hover{background:var(--default-button-hover-bg, var(--neutral-lightest, #ecf1f9));border-color:var(--outline-button-hover-border, rgba(17, 28, 44, .5))}.as-btn.v-transparent{background:transparent;color:var(--button-transparent-text, #7186a8);border-color:transparent}.as-btn.disabled{background:var(--button-disabled-bg, #ecf1f9);color:var(--button-disabled-text, rgba(0, 0, 0, .5));border-color:var(--button-disabled-border, #e3e8f2)}', bc = ["href", "target", "rel", "aria-disabled"], xc = {
5013
5013
  __name: "ObsLink.ce",
5014
5014
  props: {
5015
5015
  href: { type: String },
@@ -5018,11 +5018,13 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
5018
5018
  size: { type: String, default: "default" },
5019
5019
  external: { type: Boolean, default: !1 },
5020
5020
  kLink: { type: Boolean, default: !1 },
5021
+ muted: { type: Boolean, default: !1 },
5022
+ // secondary/subdued link (e.g. a Cancel action) — lighter text, same dotted underline
5021
5023
  disabled: { type: Boolean, default: !1 }
5022
5024
  },
5023
5025
  setup(e) {
5024
5026
  return (t, o) => (a(), c("a", {
5025
- class: V(["lnk", [e.asButton ? ["as-btn", "v-" + e.variant, "s-" + e.size] : null, { klink: e.kLink && !e.asButton, disabled: e.disabled }]]),
5027
+ class: V(["lnk", [e.asButton ? ["as-btn", "v-" + e.variant, "s-" + e.size] : null, { klink: e.kLink && !e.asButton, muted: e.muted && !e.asButton, disabled: e.disabled }]]),
5026
5028
  href: e.disabled ? void 0 : e.href || "#",
5027
5029
  target: e.external ? "_blank" : void 0,
5028
5030
  rel: e.external ? "noopener noreferrer" : void 0,
@@ -8757,7 +8759,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
8757
8759
  ], 2);
8758
8760
  };
8759
8761
  }
8760
- }, Qf = /* @__PURE__ */ je(Xf, [["styles", [Hf]]]), ev = ':host{font-family:var(--font-family, "Poppins", sans-serif);display:block}.selinfo{margin:4px 0 12px}.box{background:var(--page-background-color, #fff)}.grid{width:100%;font-size:13px;color:var(--page-text-color, #1d2a3e);border-collapse:collapse}.grid th,.grid td{vertical-align:middle}.grid td>*,.grid th>*{vertical-align:middle}.grid td obs-checkbox,.grid td obs-menu,.grid td obs-tag,.grid td obs-icon,.grid th obs-checkbox,.grid th obs-icon{display:inline-flex;vertical-align:middle}.grid.hs-default th{padding:4px 16px;font-size:.75rem;font-weight:600;letter-spacing:.25px;text-transform:uppercase;color:var(--text-color-common-primery, #516381);text-align:left;white-space:nowrap;background:transparent;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid.hs-tinted th{padding:4px 16px;font-size:.7rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--neutral-dark, #516381);text-align:left;white-space:nowrap;background:var(--grid-header-bg, #f4f7fb);border-bottom:1px solid var(--border-color, #e3e8f2)}.grid th.srt{cursor:pointer}.grid th.sorted .th-in{color:var(--primary, #111c2c)}.th-in{display:inline-flex;align-items:center}.sarr{margin-left:6px}.grid td{padding:9px 16px;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid tbody tr:last-child td{border-bottom:none}.grid tbody tr:hover td{background:var(--grid-header-hover-bg, rgba(165, 186, 208, .4))}.grid tbody tr.row-selected td{background:var(--neutral-lightest, #ecf1f9)}.grid tbody tr.row-selected td:first-child{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.al-right{text-align:right}.al-center{text-align:center}.cbx-col{width:40px;line-height:0}.act-col{width:48px;text-align:center;line-height:0}.exp-col{line-height:0}.state{text-align:center;padding:28px 0;color:var(--neutral-light, #6a7fa0)}.state .spin{animation:obs-tbl-spin .9s linear infinite;margin-right:8px;vertical-align:middle}@keyframes obs-tbl-spin{to{transform:rotate(360deg)}}.grid.v-bordered th,.grid.v-bordered td{border:1px solid var(--border-color, #e3e8f2)}.grid.v-bordered tr>:first-child{border-left:none}.grid.v-bordered tr>:last-child{border-right:none}.grid.v-borderless td,.grid.v-borderless-rows td{border-bottom:none;padding-top:10px;padding-bottom:10px}.grid.hide-hdr thead{display:none}.row-group td{font-weight:600;color:var(--primary-alt, #1d2a3e);background:var(--neutral-lighter, #e3e8f2);border-bottom:2px solid var(--page-background-color, #fff)}.grp{display:inline-flex;align-items:center;gap:8px}.grp.clickable{cursor:pointer}.grp-count{color:var(--neutral-light, #6a7fa0);font-weight:400}.row-group.report td{background:var(--grid-header-bg, #ecf1f9)}.edit-col{width:92px;text-align:center;line-height:0}.edit-pencil{cursor:pointer;color:var(--neutral-light, #6a7fa0)}.edit-pencil:hover{color:var(--primary-alt, #3279be)}.edit-acts{display:inline-flex;align-items:center;gap:12px;line-height:normal}.grid td .edit-acts obs-link{display:inline-flex;vertical-align:middle;font-size:.75rem}.grid td .edit-input{display:inline-flex;vertical-align:middle;width:100%;min-width:90px}.exp-col{width:18px;text-align:center}.grid th.exp-col,.grid td.exp-col{padding-left:6px;padding-right:4px}.exp-ic{cursor:pointer;color:var(--neutral-light, #6a7fa0)}.row-detail td{border-bottom:none;background:var(--neutral-lightest, #ecf1f9)}.row-detail .detail-cell{padding:0}.detail{padding:10px 16px;font-size:12px;color:var(--page-text-color, #1d2a3e)}.grid tbody tr.in-group td:first-child{padding-left:36px}.cell-tags{display:inline-flex;gap:6px;flex-wrap:wrap}.grid td.heat{color:var(--white-regular, #fff);font-weight:600;text-align:center}.cell-bar{display:inline-flex;align-items:center;gap:8px;width:100%}.bar-track{flex:1;height:6px;border-radius:3px;background:var(--neutral-lighter, #e3e8f2);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:3px}.bar-lbl{font-size:11px;color:var(--neutral-regular, #7186a8);flex:0 0 auto}.tree-lead{display:inline-flex;align-items:center;vertical-align:middle}.tree-chev{cursor:pointer;color:var(--neutral-light, #6a7fa0);margin-right:8px}.tree-spacer{display:inline-block;width:20px}.cell-sev{display:inline-flex;align-items:center;gap:8px}.ring{width:12px;height:12px;border-radius:50%;border:2px solid var(--secondary-red, #ec5b5b);flex:0 0 auto}.cell-dot{display:inline-flex;align-items:center;gap:8px}.cell-dot .dot{width:8px;height:8px;border-radius:50%;background:var(--secondary-orange, #f47c22);flex:0 0 auto}.cell-spark{display:block;color:var(--primary-alt, #3279be)}.cell-type{display:inline-flex;align-items:center;gap:6px;color:var(--neutral-regular, #7186a8)}.cell-type .cog{color:var(--primary-alt, #3279be)}.pager{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;font-size:.75rem;color:var(--page-text-color, #1d2a3e);border-top:1px solid var(--border-color, #e3e8f2)}.pleft{display:flex;align-items:center;gap:2px}.ppage{min-width:22px;padding:2px 6px;font-weight:400;text-align:center;border-radius:2px;cursor:pointer}.ppage.sel{color:var(--pagination-active-text, #111c2c);background:var(--pagination-active-bg, #e3e8f2)}.ppage.nav{color:var(--neutral-light, #6a7fa0);display:inline-flex;align-items:center;justify-content:center}.ppage.nav .flip{transform:scaleX(-1)}.ppage.nav.dis{opacity:.4;cursor:not-allowed}.ppage.dots{cursor:default;color:var(--neutral-light, #6a7fa0)}.psize{margin-left:12px;padding:2px 5px;font:inherit;font-size:.75rem;color:var(--pagination-select-text, var(--page-text-color, #1d2a3e));background:var(--pagination-select-bg, var(--page-background-color, #fff));border:1px solid var(--border-color, #e3e8f2);border-radius:2px;cursor:pointer}.pperlbl{margin-left:8px;color:var(--neutral-light, #6a7fa0)}.prange{color:var(--neutral-light, #6a7fa0)}', tv = { class: "wrap" }, ov = {
8762
+ }, Qf = /* @__PURE__ */ je(Xf, [["styles", [Hf]]]), ev = ':host{font-family:var(--font-family, "Poppins", sans-serif);display:block}.selinfo{margin:4px 0 12px}.box{background:var(--page-background-color, #fff)}.grid{width:100%;font-size:13px;color:var(--page-text-color, #1d2a3e);border-collapse:collapse}.grid th,.grid td{vertical-align:middle}.grid td>*,.grid th>*{vertical-align:middle}.grid td obs-checkbox,.grid td obs-menu,.grid td obs-tag,.grid td obs-icon,.grid th obs-checkbox,.grid th obs-icon{display:inline-flex;vertical-align:middle}.grid.hs-default th{padding:4px 16px;font-size:.75rem;font-weight:600;letter-spacing:.25px;text-transform:uppercase;color:var(--text-color-common-primery, #516381);text-align:left;white-space:nowrap;background:transparent;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid.hs-tinted th{padding:4px 16px;font-size:.7rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--neutral-dark, #516381);text-align:left;white-space:nowrap;background:var(--grid-header-bg, #f4f7fb);border-bottom:1px solid var(--border-color, #e3e8f2)}.grid th.srt{cursor:pointer}.grid th.sorted .th-in{color:var(--primary, #111c2c)}.th-in{display:inline-flex;align-items:center}.sarr{margin-left:6px}.grid td{padding:9px 16px;border-bottom:1px solid var(--border-color, #e3e8f2)}.grid tbody tr:last-child td{border-bottom:none}.grid tbody tr:hover td{background:var(--grid-header-hover-bg, rgba(165, 186, 208, .4))}.grid tbody tr.row-selected td{background:var(--neutral-lightest, #ecf1f9)}.grid tbody tr.row-selected td:first-child{box-shadow:inset 2px 0 0 var(--primary, #111c2c)}.al-right{text-align:right}.al-center{text-align:center}.cbx-col{width:40px;line-height:0}.act-col{width:48px;text-align:center;line-height:0}.exp-col{line-height:0}.state{text-align:center;padding:28px 0;color:var(--neutral-light, #6a7fa0)}.state .spin{animation:obs-tbl-spin .9s linear infinite;margin-right:8px;vertical-align:middle}@keyframes obs-tbl-spin{to{transform:rotate(360deg)}}.grid.v-bordered th,.grid.v-bordered td{border:1px solid var(--border-color, #e3e8f2)}.grid.v-bordered tr>:first-child{border-left:none}.grid.v-bordered tr>:last-child{border-right:none}.grid.v-borderless td,.grid.v-borderless-rows td{border-bottom:none;padding-top:10px;padding-bottom:10px}.grid.hide-hdr thead{display:none}.row-group td{font-weight:600;color:var(--primary-alt, #1d2a3e);background:var(--neutral-lighter, #e3e8f2);border-bottom:2px solid var(--page-background-color, #fff)}.grp{display:inline-flex;align-items:center;gap:8px}.grp.clickable{cursor:pointer}.grp-count{color:var(--neutral-light, #6a7fa0);font-weight:400}.row-group.report td{background:var(--grid-header-bg, #ecf1f9)}.edit-col{width:110px;text-align:left;line-height:0}.edit-pencil{cursor:pointer;color:var(--neutral-light, #6a7fa0)}.edit-pencil:hover{color:var(--primary-alt, #3279be)}.edit-acts{display:inline-flex;align-items:center;gap:12px;line-height:normal}.grid td .edit-acts obs-link{display:inline-flex;vertical-align:middle;font-size:.75rem}.grid td .edit-input{display:inline-flex;vertical-align:middle;width:100%;min-width:90px}.exp-col{width:18px;text-align:center}.grid th.exp-col,.grid td.exp-col{padding-left:6px;padding-right:4px}.exp-ic{cursor:pointer;color:var(--neutral-light, #6a7fa0)}.row-detail td{border-bottom:none;background:var(--neutral-lightest, #ecf1f9)}.row-detail .detail-cell{padding:0}.detail{padding:10px 16px;font-size:12px;color:var(--page-text-color, #1d2a3e)}.grid tbody tr.in-group td:first-child{padding-left:36px}.cell-tags{display:inline-flex;gap:6px;flex-wrap:wrap}.grid td.heat{color:var(--white-regular, #fff);font-weight:600;text-align:center}.cell-bar{display:inline-flex;align-items:center;gap:8px;width:100%}.bar-track{flex:1;height:6px;border-radius:3px;background:var(--neutral-lighter, #e3e8f2);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:3px}.bar-lbl{font-size:11px;color:var(--neutral-regular, #7186a8);flex:0 0 auto}.tree-lead{display:inline-flex;align-items:center;vertical-align:middle}.tree-chev{cursor:pointer;color:var(--neutral-light, #6a7fa0);margin-right:8px}.tree-spacer{display:inline-block;width:20px}.cell-sev{display:inline-flex;align-items:center;gap:8px}.ring{width:12px;height:12px;border-radius:50%;border:2px solid var(--secondary-red, #ec5b5b);flex:0 0 auto}.cell-dot{display:inline-flex;align-items:center;gap:8px}.cell-dot .dot{width:8px;height:8px;border-radius:50%;background:var(--secondary-orange, #f47c22);flex:0 0 auto}.cell-spark{display:block;color:var(--primary-alt, #3279be)}.cell-type{display:inline-flex;align-items:center;gap:6px;color:var(--neutral-regular, #7186a8)}.cell-type .cog{color:var(--primary-alt, #3279be)}.pager{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;font-size:.75rem;color:var(--page-text-color, #1d2a3e);border-top:1px solid var(--border-color, #e3e8f2)}.pleft{display:flex;align-items:center;gap:2px}.ppage{min-width:22px;padding:2px 6px;font-weight:400;text-align:center;border-radius:2px;cursor:pointer}.ppage.sel{color:var(--pagination-active-text, #111c2c);background:var(--pagination-active-bg, #e3e8f2)}.ppage.nav{color:var(--neutral-light, #6a7fa0);display:inline-flex;align-items:center;justify-content:center}.ppage.nav .flip{transform:scaleX(-1)}.ppage.nav.dis{opacity:.4;cursor:not-allowed}.ppage.dots{cursor:default;color:var(--neutral-light, #6a7fa0)}.psize{margin-left:12px;padding:2px 5px;font:inherit;font-size:.75rem;color:var(--pagination-select-text, var(--page-text-color, #1d2a3e));background:var(--pagination-select-bg, var(--page-background-color, #fff));border:1px solid var(--border-color, #e3e8f2);border-radius:2px;cursor:pointer}.pperlbl{margin-left:8px;color:var(--neutral-light, #6a7fa0)}.prange{color:var(--neutral-light, #6a7fa0)}', tv = { class: "wrap" }, ov = {
8761
8763
  key: 0,
8762
8764
  class: "selinfo"
8763
8765
  }, rv = { class: "box" }, nv = {
@@ -9211,6 +9213,7 @@ const hi = ':host{display:inline-block}button,input,select,textarea{font-family:
9211
9213
  }, 8, ["onClick"]),
9212
9214
  Q(K, {
9213
9215
  class: "edit-cancel",
9216
+ muted: "",
9214
9217
  onClick: _[2] || (_[2] = be((h) => Ye(), ["prevent"]))
9215
9218
  }, {
9216
9219
  default: Vt(() => [..._[9] || (_[9] = [