@mtdt/observeops-ds-elements 0.1.171 → 0.1.172

package/dist/observeops-elements.js

@@ -6794,7 +6794,7 @@ const $9 = ':host([hidden]){display:none!important}:host{display:inline-block}bu
       innerHTML: r.value.html
     }, null, 14, Ll));
   }
-}, Sl = /* @__PURE__ */ D1(_l, [["styles", [Vl]]]), zl = ':host([hidden]){display:none!important}:host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif);font-size:.8rem;color:var(--page-text-color, #1d2a3e)}button,input,select,textarea{font-family:inherit}:host([kind="slider"]){display:block;width:100%}.field-wrap{position:relative;display:inline-block}.field-wrap.open.wide{width:300px}.field-wrap.open:not(.wide){width:260px}.field{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;min-width:220px;height:36px;padding:0 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);cursor:pointer}.field-ph{color:var(--neutral-light, #6a7fa0);font-size:13px}.field-ph.filled{color:var(--page-text-color, #1d2a3e)}.ficon{color:var(--neutral-light, #6a7fa0);flex-shrink:0}.ficon.clr{cursor:pointer}.field.disabled{background:var(--neutral-lightest, #ecf1f9);cursor:not-allowed}.field.disabled .field-ph,.field.disabled .ficon{opacity:.6}.field.open{border-color:var(--primary-alt, #1d2a3e);border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.dt-pop{position:absolute;left:0;top:calc(100% - 1px);z-index:30;box-sizing:border-box;width:100%;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 6px 16px var(--neutral-shadow-light, rgba(70,70,70,.15));overflow:hidden}.dt-body{padding:10px 14px}.dt-body .mhead{margin-bottom:6px}.dt-body .mhead .mtitle{color:var(--primary-alt, #1d2a3e);font-size:15px}.wgrid7{display:grid;grid-template-columns:repeat(7,1fr)}.wgrid7 .wd{text-align:center;font-size:12px;padding:6px 0;color:var(--neutral-light, #6a7fa0)}.wgrid7>div{display:flex;align-items:center;justify-content:center}.fday{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:1px 0;box-sizing:border-box;font-size:13px;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.fday.muted{color:var(--neutral-light, #6a7fa0);opacity:.4;cursor:default}.fday:not(.muted):not(.sel):hover{background:var(--dropdown-hover-background, #ecf1f9)}.fday.today{border-color:var(--primary, #111c2c);color:var(--primary, #111c2c);font-weight:600}.fday.sel{background:var(--calendar-selected-day-background-color, #111c2c);color:var(--page-background-color, #fff);font-weight:500;border-color:var(--calendar-selected-day-background-color, #111c2c)}.dt-body.time{padding:0}.time-header{text-align:center;padding:10px 0;font-size:15px;font-weight:500;color:var(--primary-alt, #1d2a3e)}.spinner{display:flex;height:232px;border-top:1px solid var(--border-color, #e3e8f2)}.scol{position:relative;flex:1;overflow-y:auto;border-right:1px solid var(--border-color, #e3e8f2)}.scol:last-child{border-right:none}.scol::-webkit-scrollbar{width:6px}.scol::-webkit-scrollbar-thumb{background:var(--neutral-lightest, #ecf1f9);border-radius:3px}.srow{text-align:center;padding:7px 0;font-size:14px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.srow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.srow.on{background:var(--timerange-background-color, #e3e8f2);font-weight:700}.dt-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border-color, #e3e8f2)}.dt-foot.single{justify-content:center}.dt-foot .link{color:var(--primary-alt, #1d2a3e);cursor:pointer;font-size:13px}.dt-foot .link:hover{color:var(--primary, #111c2c)}.dt-foot .today{color:var(--page-text-color, #1d2a3e);font-size:14px;padding:2px 0}.dt-foot .mid{flex:1;text-align:center;color:var(--neutral-light, #6a7fa0)}.btn.sm{height:28px;padding:0 16px;font-size:13px}.range-root{font-size:.8rem}.anchor{position:relative;width:max-content}.trigger{display:inline-flex;align-items:center;box-sizing:border-box;padding:4px 8px;border-radius:4px;background:var(--neutral-lightest, #ecf1f9);cursor:pointer;width:max-content}.trigger.lg{min-height:35px;padding:0 8px}.trigger.bordered{border:1px solid var(--border-color, #e3e8f2)}.range-text{display:inline-flex;flex-direction:column;line-height:1.35;color:var(--neutral-regular, #7186a8);font-size:.8rem;white-space:nowrap}.trigger.disabled{opacity:.6;cursor:not-allowed}.pill{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;font-size:.7rem;background:var(--timerange-background-color, #e3e8f2);color:var(--timerange-text-color, #7186a8)}.sep{height:20px;margin:0 8px;border-left:1px solid var(--border-color, #e3e8f2)}.lbl{color:var(--page-text-color, #1d2a3e)}.lbl.muted,.muted{color:var(--neutral-light, #6a7fa0)}.clr,.chev{margin-left:8px;color:var(--neutral-light, #6a7fa0);cursor:pointer;flex-shrink:0}.chev.sm{margin-left:0}.cal{margin-right:8px;color:var(--neutral-light, #6a7fa0)}.cal.sm{margin-right:8px}.panel{position:absolute;left:0;top:40px;z-index:20;min-width:200px;box-sizing:border-box;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:4px;box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(70,70,70,.15));padding:8px;color:var(--page-text-color, #1d2a3e)}.presets{display:flex;flex-direction:column}.prow{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;margin:2px 0;border-radius:4px;text-decoration:none;color:inherit;cursor:pointer}.prow.active{background:var(--dropdown-hover-background, #ecf1f9);color:var(--left-menu-text-color-hover, #111c2c)}.prow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.custom-row{border-top:1px solid var(--border-color, #e3e8f2)}.cal-row{display:inline-flex;align-items:center}.custom{width:max-content;padding:0}.months{display:flex}.month{padding:10px 12px}.month.divr{border-right:1px solid var(--border-color, #e3e8f2)}.mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--primary-alt, #1d2a3e)}.mhead.center{justify-content:space-between;margin-bottom:12px}.nav{display:inline-flex;gap:8px;min-width:46px;-webkit-user-select:none;user-select:none}.nav.end{justify-content:flex-end}.navbtn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.navbtn obs-icon{display:block}.mtitle .lk,.lk{cursor:pointer}.wgrid{display:grid;grid-template-columns:repeat(7,34px)}.wd{text-align:center;font-size:12px;padding:4px 0;color:var(--neutral-light, #6a7fa0)}.times{display:flex;gap:16px;padding:4px 12px 12px}.tcol{flex:1;position:relative}.tlab{font-size:12px;margin-bottom:4px;color:var(--neutral-light, #6a7fa0)}.tfield{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--timerange-background-color, #e3e8f2);border-radius:4px;font-size:13px;cursor:pointer}.tmenu{top:60px;width:100%;max-height:180px;overflow:auto;padding:4px}.trow{padding:5px 8px;font-size:13px;border-radius:4px;cursor:pointer}.trow.active,.trow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.divider{height:1px;background:var(--border-color, #e3e8f2)}.actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px}.btn{font:inherit;font-size:13px;font-weight:400;height:32px;padding:0 14px;border-radius:4px;cursor:pointer;border:1px solid transparent}.btn.default{background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);border-color:var(--border-color, #e3e8f2)}.btn.primary{background:var(--primary, #111c2c);color:var(--page-background-color, #fff);border-color:var(--primary, #111c2c)}.picker-grid{width:300px;padding:10px 14px 16px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.slider-wrap{color:var(--page-text-color, #1d2a3e);padding:12px 8px 28px;background:var(--page-background-color, #fff)}.rail{position:relative;height:18px;width:100%;min-width:320px;-webkit-user-select:none;user-select:none}.tick{position:absolute;top:4px;width:1px;height:10px;background:var(--border-color, #e3e8f2)}.band{position:absolute;top:2px;height:14px;background:var(--slider-tracker, #485975);border-radius:6px;z-index:1}.handle{position:absolute;top:5px;width:6px;height:6px;box-sizing:content-box;background:var(--page-background-color, #fff);border:1px solid var(--neutral-light, #6a7fa0);border-radius:50%;z-index:2;cursor:ew-resize;transition:border-color .12s,box-shadow .12s}.handle:hover{border-color:var(--slider-tracker, #485975);box-shadow:0 0 0 4px var(--nav-hover-bg, rgba(72,89,117,.18));z-index:4}.htip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--tooltip-background-color, #2b394f);color:var(--active-text-color, #fff);font-family:Poppins,sans-serif;font-size:.7rem;padding:4px 9px;border-radius:4px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}.handle:hover .htip{opacity:1}.tlabel{position:absolute;top:24px;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}', $l = {
+}, Sl = /* @__PURE__ */ D1(_l, [["styles", [Vl]]]), zl = ':host([hidden]){display:none!important}:host{display:inline-block;font-family:var(--font-family, "Poppins", sans-serif);font-size:.8rem;color:var(--page-text-color, #1d2a3e)}button,input,select,textarea{font-family:inherit}:host([kind="slider"]){display:block;width:100%}.field-wrap{position:relative;display:inline-block}.field-wrap.open.wide{width:300px}.field-wrap.open:not(.wide){width:260px}.field{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;min-width:220px;height:36px;padding:0 14px;border:1px solid var(--border-color, #e3e8f2);border-radius:4px;background:var(--page-background-color, #fff);cursor:pointer}.field-ph{color:var(--neutral-light, #6a7fa0);font-size:13px}.field-ph.filled{color:var(--page-text-color, #1d2a3e)}.ficon{color:var(--neutral-light, #6a7fa0);flex-shrink:0}.ficon.clr{cursor:pointer}.field.disabled{background:var(--neutral-lightest, #ecf1f9);cursor:not-allowed}.field.disabled .field-ph,.field.disabled .ficon{opacity:.6}.field.open{border-color:var(--primary-alt, #1d2a3e);border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.dt-pop{position:absolute;left:0;top:calc(100% - 1px);z-index:30;box-sizing:border-box;width:100%;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 6px 16px var(--neutral-shadow-light, rgba(70,70,70,.15));overflow:hidden}.dt-body{padding:10px 14px}.dt-body .mhead{margin-bottom:6px}.dt-body .mhead .mtitle{color:var(--primary-alt, #1d2a3e);font-size:15px}.wgrid7{display:grid;grid-template-columns:repeat(7,1fr)}.wgrid7 .wd{text-align:center;font-size:12px;padding:6px 0;color:var(--neutral-light, #6a7fa0)}.wgrid7>div{display:flex;align-items:center;justify-content:center}.fday{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:1px 0;box-sizing:border-box;font-size:13px;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.fday.muted{color:var(--neutral-light, #6a7fa0);opacity:.4;cursor:default}.fday:not(.muted):not(.sel):hover{background:var(--dropdown-hover-background, #ecf1f9)}.fday.today{border-color:var(--primary, #111c2c);color:var(--primary, #111c2c);font-weight:600}.fday.sel{background:var(--calendar-selected-day-background-color, #111c2c);color:var(--page-background-color, #fff);font-weight:500;border-color:var(--calendar-selected-day-background-color, #111c2c)}.dt-body.time{padding:0}.time-header{text-align:center;padding:10px 0;font-size:15px;font-weight:500;color:var(--primary-alt, #1d2a3e)}.spinner{display:flex;height:232px;border-top:1px solid var(--border-color, #e3e8f2)}.scol{position:relative;flex:1;overflow-y:auto;border-right:1px solid var(--border-color, #e3e8f2)}.scol:last-child{border-right:none}.scol::-webkit-scrollbar{width:6px}.scol::-webkit-scrollbar-thumb{background:var(--neutral-lightest, #ecf1f9);border-radius:3px}.srow{text-align:center;padding:7px 0;font-size:14px;cursor:pointer;color:var(--page-text-color, #1d2a3e)}.srow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.srow.on{background:var(--timerange-background-color, #e3e8f2);font-weight:700}.dt-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border-color, #e3e8f2)}.dt-foot.single{justify-content:center}.dt-foot .link{color:var(--primary-alt, #1d2a3e);cursor:pointer;font-size:13px}.dt-foot .link:hover{color:var(--primary, #111c2c)}.dt-foot .today{color:var(--page-text-color, #1d2a3e);font-size:14px;padding:2px 0}.dt-foot .mid{flex:1;text-align:center;color:var(--neutral-light, #6a7fa0)}.btn.sm{height:28px;padding:0 16px;font-size:13px}.range-root{font-size:.8rem}.anchor{position:relative;width:max-content}.trigger{display:inline-flex;align-items:center;box-sizing:border-box;padding:4px 8px;border-radius:4px;background:var(--neutral-lightest, #ecf1f9);cursor:pointer;width:max-content}.trigger.lg{min-height:35px;padding:0 8px}.trigger.bordered{border:1px solid var(--border-color, #e3e8f2)}.range-text{display:inline-flex;flex-direction:column;line-height:1.35;color:var(--neutral-regular, #7186a8);font-size:.8rem;white-space:nowrap}.trigger.disabled{opacity:.6;cursor:not-allowed}.pill{display:inline-flex;align-items:center;height:18px;padding:0 4px;border-radius:4px;font-size:.7rem;background:var(--timerange-background-color, #e3e8f2);color:var(--timerange-text-color, #7186a8)}.sep{height:20px;margin:0 8px;border-left:1px solid var(--border-color, #e3e8f2)}.lbl{color:var(--page-text-color, #1d2a3e)}.lbl.muted,.muted{color:var(--neutral-light, #6a7fa0)}.clr,.chev{margin-left:8px;color:var(--neutral-light, #6a7fa0);cursor:pointer;flex-shrink:0}.chev.sm{margin-left:0}.cal{margin-right:8px;color:var(--neutral-light, #6a7fa0)}.cal.sm{margin-right:8px}.panel{position:absolute;left:0;top:40px;z-index:20;min-width:200px;box-sizing:border-box;background:var(--dropdown-background, #fff);border:1px solid var(--border-color, #e3e8f2);border-radius:4px;box-shadow:0 2px 8px var(--neutral-shadow-light, rgba(70,70,70,.15));padding:8px;color:var(--page-text-color, #1d2a3e)}.presets{display:flex;flex-direction:column}.prow{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;margin:2px 0;border-radius:4px;text-decoration:none;color:inherit;cursor:pointer}.prow.active{background:var(--dropdown-hover-background, #ecf1f9);color:var(--left-menu-text-color-hover, #111c2c)}.prow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.custom-row{border-top:1px solid var(--border-color, #e3e8f2)}.cal-row{display:inline-flex;align-items:center}.custom{width:max-content;padding:0}.months{display:flex}.month{padding:10px 12px}.month.divr{border-right:1px solid var(--border-color, #e3e8f2)}.mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--primary-alt, #1d2a3e)}.mhead.center{justify-content:space-between;margin-bottom:12px}.nav{display:inline-flex;gap:8px;min-width:46px;-webkit-user-select:none;user-select:none}.nav.end{justify-content:flex-end}.navbtn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.navbtn obs-icon{display:block}.mtitle .lk,.lk{cursor:pointer}.wgrid{display:grid;grid-template-columns:repeat(7,34px)}.wd{text-align:center;font-size:12px;padding:4px 0;color:var(--neutral-light, #6a7fa0)}.times{display:flex;gap:16px;padding:4px 12px 12px}.tcol{flex:1;position:relative}.tlab{font-size:12px;margin-bottom:4px;color:var(--neutral-light, #6a7fa0)}.tfield{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border:1px solid var(--timerange-background-color, #e3e8f2);border-radius:4px;font-size:13px;cursor:pointer}.tmenu{top:60px;width:100%;max-height:180px;overflow:auto;padding:4px}.trow{padding:5px 8px;font-size:13px;border-radius:4px;cursor:pointer}.trow.active,.trow:hover{background:var(--dropdown-hover-background, #ecf1f9)}.divider{height:1px;background:var(--border-color, #e3e8f2)}.actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px}.btn{font:inherit;font-size:13px;font-weight:400;height:32px;padding:0 14px;border-radius:4px;cursor:pointer;border:1px solid transparent}.btn.default{background:var(--page-background-color, #fff);color:var(--page-text-color, #1d2a3e);border-color:var(--border-color, #e3e8f2)}.btn.primary{background:var(--primary, #111c2c);color:var(--page-background-color, #fff);border-color:var(--primary, #111c2c)}.picker-grid{width:300px;padding:10px 14px 16px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.slider-wrap{color:var(--page-text-color, #1d2a3e);padding:12px 8px 28px;background:var(--page-background-color, #fff)}.rail{position:relative;height:18px;width:100%;min-width:320px;-webkit-user-select:none;user-select:none}.tick{position:absolute;top:4px;width:1px;height:10px;background:var(--border-color, #e3e8f2)}.band{position:absolute;top:2px;height:14px;background:var(--slider-tracker, #485975);border-radius:6px;z-index:1}.handle{position:absolute;top:5px;width:6px;height:6px;box-sizing:content-box;background:var(--page-background-color, #fff);border:1px solid var(--neutral-light, #6a7fa0);border-radius:50%;z-index:2;cursor:ew-resize;transition:border-color .12s,box-shadow .12s}.handle:hover{border-color:var(--page-text-color, #1d2a3e);box-shadow:0 0 0 3px var(--page-text-color, #1d2a3e);z-index:4}.htip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--tooltip-background-color, #2b394f);color:var(--active-text-color, #fff);font-family:Poppins,sans-serif;font-size:.7rem;padding:4px 9px;border-radius:4px;box-shadow:var(--tooltip-box-shadow, 0 2px 8px rgba(0,0,0,.15));opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}.handle:hover .htip{opacity:1}.tlabel{position:absolute;top:24px;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--page-text-color, #1d2a3e);white-space:nowrap}', $l = {
   key: 0,
   class: "dt-pop"
 }, Al = {