@svgrid/enterprise 2.7.0 → 3.0.1

package/dist/designer/assets/js-scroller.svelte-Bhxqb3-c.js

@@ -1,110 +0,0 @@
-import{J as e,K as t,Z as n,ct as r,dt as i,st as a}from"./disclose-version-CIm4S9xS.js";var o=16,s=280,c=50,l=`http://www.w3.org/2000/svg`;function u(){let e=document.createElementNS(l,`svg`);e.setAttribute(`viewBox`,`0 0 24 24`),e.setAttribute(`fill`,`none`),e.setAttribute(`stroke`,`currentColor`),e.setAttribute(`stroke-width`,`3`),e.setAttribute(`stroke-linecap`,`round`),e.setAttribute(`stroke-linejoin`,`round`);let t=document.createElementNS(l,`path`);return t.setAttribute(`d`,`M6 9l6 6 6-6`),e.appendChild(t),e}var d=`
-  :host {
-    display: flex;
-    user-select: none;
-    background: var(--sg-scrollbar-bg, #eef2f8);
-    /* The 1px separator is drawn on the INNER edge only (the edge facing
-       the grid body) via the orientation rules below. A full inset box
-       here doubled up with the grid's own frame border on the outer edge,
-       reading as a 2px border - most visible in dense-gridline themes
-       like Excel, which should show a single 1px line. */
-    /* Start hidden + non-interactive - viewport/content sizes are 0 until
-       after the first layout pass, so without this default the scrollbar
-       paints visible for one frame and then JS hides it on mount. That
-       flicker is what shows up as a "flashing horizontal scrollbar"
-       every time a demo first renders. updateGeometry() switches us to
-       opacity 1 the moment the grid genuinely has overflow. */
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 120ms ease;
-  }
-  :host([orientation="vertical"]) {
-    flex-direction: column;
-    width: ${o}px;
-    /* LTR: vertical scrollbar sits at the right, inner edge is the left. */
-    box-shadow: inset 1px 0 0 0 var(--sg-scrollbar-border, rgba(15, 23, 42, 0.04));
-  }
-  :host([orientation="vertical"]:dir(rtl)) {
-    /* RTL flips the scrollbar to the left, so the inner edge is the right. */
-    box-shadow: inset -1px 0 0 0 var(--sg-scrollbar-border, rgba(15, 23, 42, 0.04));
-  }
-  :host([orientation="horizontal"]) {
-    flex-direction: row;
-    height: ${o}px;
-    /* Horizontal scrollbar sits at the bottom, inner edge is the top. */
-    box-shadow: inset 0 1px 0 0 var(--sg-scrollbar-border, rgba(15, 23, 42, 0.04));
-  }
-  .arrow {
-    flex: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: ${o}px;
-    height: ${o}px;
-    margin: 0;
-    padding: 0;
-    border: 0;
-    border-radius: 3px;
-    background: transparent;
-    color: var(--sg-scrollbar-arrow, #64748b);
-    cursor: pointer;
-    transition: background-color 100ms ease, color 100ms ease;
-  }
-  .arrow:hover {
-    background: var(--sg-scrollbar-arrow-hover-bg, #dde4ee);
-    color: var(--sg-scrollbar-arrow-hover, #1f2937);
-  }
-  .arrow:active {
-    background: var(--sg-scrollbar-arrow-active-bg, #c7d1df);
-    color: var(--sg-scrollbar-arrow-active, #0f172a);
-  }
-  .arrow:disabled {
-    color: var(--sg-scrollbar-arrow-disabled, #cbd5e1);
-    cursor: default;
-  }
-  .arrow:disabled:hover {
-    background: transparent;
-  }
-  .arrow svg {
-    width: 10px;
-    height: 10px;
-    display: block;
-  }
-  :host([orientation="vertical"]) .arrow-start svg {
-    transform: rotate(180deg);
-  }
-  :host([orientation="horizontal"]) .arrow-start svg {
-    transform: rotate(90deg);
-  }
-  :host([orientation="horizontal"]) .arrow-end svg {
-    transform: rotate(-90deg);
-  }
-  .track {
-    position: relative;
-    flex: 1 1 0;
-    min-width: 0;
-    min-height: 0;
-  }
-  .thumb {
-    position: absolute;
-    border-radius: var(--sg-scrollbar-thumb-radius, 6px);
-    background: var(--sg-scrollbar-thumb, #b1bccd);
-    cursor: pointer;
-    transition: background-color 100ms ease;
-  }
-  .thumb:hover {
-    background: var(--sg-scrollbar-thumb-hover, #8693a7);
-  }
-  .thumb:active {
-    background: var(--sg-scrollbar-thumb-active, #64748b);
-  }
-  :host([orientation="vertical"]) .thumb {
-    left: 3px;
-    right: 3px;
-  }
-  :host([orientation="horizontal"]) .thumb {
-    top: 3px;
-    bottom: 3px;
-  }
-`,f=typeof HTMLElement<`u`?HTMLElement:class{},p=class extends f{constructor(...e){super(...e),this.dragging=!1,this.dragStart=0,this.valueStart=0,this.holdTimer=null,this.resizeObserver=null,this.resizeFrame=0,this.onArrowStartPointerDown=e=>{e.preventDefault(),this.startHold(-1)},this.onArrowEndPointerDown=e=>{e.preventDefault(),this.startHold(1)},this.stopHold=()=>{this.holdTimer!==null&&(clearTimeout(this.holdTimer),clearInterval(this.holdTimer),this.holdTimer=null)},this.onThumbPointerDown=e=>{e.preventDefault(),this.dragging=!0,this.dragStart=this.orientation===`vertical`?e.clientY:e.clientX,this.valueStart=this.value,document.addEventListener(`pointermove`,this.onPointerMove),document.addEventListener(`pointerup`,this.onPointerUp)},this.onTrackPointerDown=e=>{if(e.target===this.thumb)return;let t=this.track.getBoundingClientRect(),n=this.orientation===`vertical`?e.clientY-t.top:e.clientX-t.left,r=this.orientation===`vertical`?t.height:t.width,i=this.computeThumbSize(r),a=Math.max(r-i,1),o=Math.min(Math.max(n-i/2,0),a);this.emitScroll(o/a*this.maxValue)},this.onPointerMove=e=>{if(!this.dragging)return;let t=(this.orientation===`vertical`?e.clientY:e.clientX)-this.dragStart,n=this.track.getBoundingClientRect(),r=this.orientation===`vertical`?n.height:n.width,i=this.computeThumbSize(r),a=Math.max(r-i,1);this.emitScroll(this.valueStart+t/a*this.maxValue)},this.onPointerUp=()=>{this.dragging=!1,document.removeEventListener(`pointermove`,this.onPointerMove),document.removeEventListener(`pointerup`,this.onPointerUp)}}static get observedAttributes(){return[`orientation`,`viewport-size`,`content-size`,`value`,`step`]}connectedCallback(){if(this.shadowRoot)return;let e=this.attachShadow({mode:`open`}),t=document.createElement(`style`);t.textContent=d,this.startArrow=this.createArrow(`start`),this.endArrow=this.createArrow(`end`),this.track=document.createElement(`div`),this.track.className=`track`,this.thumb=document.createElement(`div`),this.thumb.className=`thumb`,this.track.appendChild(this.thumb),e.append(t,this.startArrow,this.track,this.endArrow),this.thumb.addEventListener(`pointerdown`,this.onThumbPointerDown),this.track.addEventListener(`pointerdown`,this.onTrackPointerDown),this.startArrow.addEventListener(`pointerdown`,this.onArrowStartPointerDown),this.endArrow.addEventListener(`pointerdown`,this.onArrowEndPointerDown);for(let e of[this.startArrow,this.endArrow])e.addEventListener(`pointerup`,this.stopHold),e.addEventListener(`pointerleave`,this.stopHold),e.addEventListener(`pointercancel`,this.stopHold);this.resizeObserver=new ResizeObserver(()=>{this.resizeFrame||=requestAnimationFrame(()=>{this.resizeFrame=0,this.render()})}),this.resizeObserver.observe(this),this.render()}disconnectedCallback(){this.stopHold(),this.resizeFrame&&cancelAnimationFrame(this.resizeFrame),this.resizeFrame=0,this.resizeObserver?.disconnect(),this.resizeObserver=null,document.removeEventListener(`pointermove`,this.onPointerMove),document.removeEventListener(`pointerup`,this.onPointerUp)}attributeChangedCallback(){this.render()}get orientation(){return this.getAttribute(`orientation`)===`horizontal`?`horizontal`:`vertical`}get viewportSize(){return Number(this.getAttribute(`viewport-size`)||`0`)}get contentSize(){return Number(this.getAttribute(`content-size`)||`0`)}get value(){return Number(this.getAttribute(`value`)||`0`)}get step(){let e=Number(this.getAttribute(`step`)||`40`);return e>0?e:40}get maxValue(){return Math.max(this.contentSize-this.viewportSize,0)}getTrackLength(){let e=this.track.getBoundingClientRect(),t=this.orientation===`vertical`?e.height:e.width;return t>0?t:Math.max(this.viewportSize-32,1)}computeThumbSize(e){if(this.contentSize<=0||this.viewportSize<=0||e<=0)return 0;let t=Math.min(this.viewportSize/this.contentSize,1);return Math.max(20,t*e)}createArrow(e){let t=document.createElement(`button`);return t.type=`button`,t.className=`arrow arrow-${e}`,t.setAttribute(`aria-label`,e===`start`?`Scroll back`:`Scroll forward`),t.appendChild(u()),t}startHold(e){this.stopHold();let t=()=>this.emitScroll(this.value+e*this.step);t(),this.holdTimer=setTimeout(()=>{this.holdTimer=setInterval(t,c)},s)}emitScroll(e){let t=Math.min(Math.max(e,0),this.maxValue);this.dispatchEvent(new CustomEvent(`scroll-change`,{detail:{value:t},bubbles:!0,composed:!0}))}render(){if(!this.shadowRoot)return;let e=this.viewportSize,t=this.contentSize<=e||e<=0;this.style.opacity=t?`0`:`1`,this.style.pointerEvents=t?`none`:`auto`;let n=this.getTrackLength(),r=this.computeThumbSize(n),i=this.maxValue,a=(i>0?this.value/i:0)*Math.max(n-r,0);this.orientation===`vertical`?(this.thumb.style.height=`${r}px`,this.thumb.style.transform=`translateY(${a}px)`):(this.thumb.style.width=`${r}px`,this.thumb.style.transform=`translateX(${a}px)`),this.startArrow.disabled=t||this.value<=0,this.endArrow.disabled=t||this.value>=i}};typeof window<`u`&&!customElements.get(`sv-grid-scrollbar`)&&customElements.define(`sv-grid-scrollbar`,p);var m=/[̀-ͯ]/g;function h(e,t){if(!e)return``;if(g(e))return t?e.toLocaleLowerCase(t):e.toLowerCase();let n=e.normalize(`NFD`).replace(m,``);return t?n.toLocaleLowerCase(t):n.toLowerCase()}function g(e){for(let t=0;t<e.length;t++)if(e.charCodeAt(t)>127)return!1;return!0}function _(e){let{tokens:t,trailing:n}=b(e);return n&&t.push(n),t}function v(e){return e.map(e=>e.trim()).filter(e=>e.length>0).map(e=>/["\n,]/.test(e)?`"${e.replace(/"/g,`""`)}"`:e).join(`, `)}function y(e){return b(e).trailing}function b(e){let t=String(e??``),n=[],r=``,i=!1,a=!1,o=!1,s=()=>{let e=a?r:r.trim();return r=``,a=!1,o=!1,e};for(let e=0;e<t.length;e+=1){let c=t[e];if(i){if(c!==`"`){r+=c;continue}if(t[e+1]===`"`){r+=`"`,e+=1;continue}i=!1,o=!0;continue}if(c===`,`||c===`
-`){let e=s();e.length&&n.push(e);continue}if(c===`"`&&!o&&!r.trim()){i=!0,a=!0,r=``;continue}r+=c}return{tokens:n,trailing:s()}}function x(e,t){let n=t?.locale,r=e=>h(String(e??``),n),i=r(e.value);switch(e.operator){case`contains`:return e=>r(e).includes(i);case`notContains`:return i===``?()=>!0:e=>!r(e).includes(i);case`equals`:return e=>r(e)===i;case`notEquals`:return i===``?()=>!0:e=>r(e)!==i;case`startsWith`:return e=>r(e).startsWith(i);case`endsWith`:return e=>r(e).endsWith(i);case`regex`:{let t=String(e.value??``);if(!t)return()=>!0;let n;try{n=new RegExp(t,`i`)}catch{return()=>!1}return e=>n.test(String(e??``))}case`in`:case`notIn`:{let t=_(e.value);if(t.length===0)return()=>!0;let i=new Set(t.map(e=>h(e,n)));return e.operator===`in`?e=>i.has(r(e)):e=>!i.has(r(e))}case`greaterThan`:{let t=Number(e.value),n=Number.isFinite(t),r=String(e.value??``);return e=>{let i=Number(e);return n&&Number.isFinite(i)?i>t:String(e??``)>r}}case`lessThan`:{let t=Number(e.value),n=Number.isFinite(t),r=String(e.value??``);return e=>{let i=Number(e);return n&&Number.isFinite(i)?i<t:String(e??``)<r}}case`between`:{let t=e.value==null?0:Number(e.value),n=e.valueTo==null?0:Number(e.valueTo),r=Number.isFinite(t)&&Number.isFinite(n),i=String(e.value??``),a=String(e.valueTo??``);return e=>{let o=Number(e??0);if(r&&Number.isFinite(o))return o>=t&&o<=n;let s=String(e??``);return s>=i&&s<=a}}case`isBlank`:return e=>String(e??``).trim().length===0;case`isNotBlank`:return e=>String(e??``).trim().length>0}}function S(e,t,n){return x(t,n)(e)}function C(e,t,n){return Math.min(Math.max(e,t),n)}function w(e,t){return e.count===t.count&&e.estimateSize===t.estimateSize&&(e.overscan??6)===(t.overscan??6)&&e.viewportHeight===t.viewportHeight&&(e.scrollOffset??0)===(t.scrollOffset??0)}function T(e,t){if(e.totalSize!==t.totalSize||e.startIndex!==t.startIndex||e.endIndex!==t.endIndex||e.viewportHeight!==t.viewportHeight||e.items.length!==t.items.length)return!1;for(let n=0;n<e.items.length;n+=1){let r=e.items[n],i=t.items[n];if(r.index!==i.index||r.start!==i.start||r.size!==i.size)return!1}return!0}function E(e,t,n){let r=[];for(let i=e;i<=t;i+=1){let t=i*n;r.push({index:i,start:t,size:n,end:t+n,key:`virtual_slot_${i-e}`})}return r}function D(e,t,n,r){if(e<=0)return[];let i=Math.max(t,1),a=Math.ceil(Math.max(n,0)/i),o=Math.min(a+Math.max(r,0),e-1);return E(0,Math.max(o,0),i)}function O(e,t,n){let r=[];for(let i=e;i<=t;i+=1){let t=n[i]??0,a=n[i+1]??t;r.push({index:i,start:t,size:a-t,end:a,key:`virtual_slot_${i-e}`})}return r}function k(e,t){let n=Math.max(e.count,0),r=Math.max(e.overscan??6,0),i=Math.max(e.viewportHeight,0);if(typeof e.estimateSize==`function`&&t){let a=t[n]??0,o=Math.max(a-i,0),s=C(e.scrollOffset??0,0,o),c=0,l=n;for(;c<l;){let e=c+l>>>1;(t[e+1]??0)<=s?c=e+1:l=e}let u=c,d=s+i;for(c=u,l=n;c<l;){let e=c+l>>>1;(t[e]??0)<d?c=e+1:l=e}let f=Math.max(c-1,u),p=n===0?0:C(u-r,0,n-1),m=n===0?-1:C(f+r,0,n-1);return{items:m>=p?O(p,m,t):[],totalSize:a,startIndex:p,endIndex:m,scrollOffset:s,viewportHeight:i}}let a=Math.max(typeof e.estimateSize==`number`?e.estimateSize:1,1),o=n*a,s=Math.max(o-i,0),c=C(e.scrollOffset??0,0,s),l=Math.floor(c/a),u=Math.ceil(i/a),d=Math.min(l+u,Math.max(n-1,0)),f=n===0?0:C(l-r,0,n-1),p=n===0?-1:C(d+r,0,n-1);return{items:p>=f?E(f,p,a):[],totalSize:o,startIndex:f,endIndex:p,scrollOffset:c,viewportHeight:i}}function A(e){let t=e,n=null;function r(){if(typeof t.estimateSize!=`function`)return null;let e=Math.max(t.count,0);if(n&&n.fn===t.estimateSize&&n.count===e)return n.offsets;let r=t.estimateSize,i=Array(e+1);i[0]=0;for(let t=0;t<e;t+=1)i[t+1]=i[t]+Math.max(r(t),1);return n={fn:r,count:e,offsets:i},i}let i=k(t,r()),a=new Set;function o(){a.forEach(e=>e())}function s(){let e=k(t,r());T(i,e)||(i=e,o())}return{setOptions(e){let n={...t,...e};w(t,n)||(t=n,s())},setScrollOffset(e){(t.scrollOffset??0)!==e&&(t={...t,scrollOffset:e},s())},setViewportHeight(e){t.viewportHeight!==e&&(t={...t,viewportHeight:e},s())},scrollToIndex(e){let n=C(e,0,Math.max(t.count-1,0)),a=i.totalSize,o;if(typeof t.estimateSize==`function`){let e=r();if(e)o=e[n]??0;else{let e=0,r=t.estimateSize;for(let t=0;t<n;t+=1)e+=Math.max(r(t),1);o=e}}else o=n*Math.max(t.estimateSize,1);let c=Math.max(a-t.viewportHeight,0),l=C(o,0,c);(t.scrollOffset??0)!==l&&(t={...t,scrollOffset:l},s())},getVirtualItems(){return i.items},getTotalSize(){return i.totalSize},getOffsetForIndex(e){if(e<=0)return 0;let n=Math.max(t.count,0),i=Math.min(e,n);if(typeof t.estimateSize==`function`){let e=r();if(e)return e[i]??0;let n=0,a=t.estimateSize;for(let e=0;e<i;e+=1)n+=Math.max(a(e),1);return n}return i*Math.max(t.estimateSize,1)},getSizeForIndex(e){return e<0||e>=t.count?0:typeof t.estimateSize==`function`?Math.max(t.estimateSize(e),1):Math.max(t.estimateSize,1)},getState(){return i},subscribe(e){return a.add(e),()=>a.delete(e)}}}function j(e){return e?e.map(e=>{if(typeof e==`object`&&e){let t=e,n=t.value??t.label??``;return{...t,value:n,label:t.label??String(n)}}return{value:e,label:String(e)}}):[]}function M(e,t){let n=t.trim().toLowerCase();return n?e.filter(e=>e.label.toLowerCase().includes(n)):[...e]}function N(e){let t=[],n=new Map;return e.forEach((e,r)=>{let i=e.group??null,a=n.get(i);a||(a={group:i,options:[]},n.set(i,a),t.push(a)),a.options.push({...e,index:r})}),t}function P(e,t){let n=Math.max(1,t.groupHeaderHeight??28),r=t.rowHeight,i=e=>Math.max(1,typeof r==`function`?r(e,e.index):r),a=[],o=Array(e.length),s=!1;for(let t of N(e)){t.group!=null&&(s=!0,a.push({type:`group`,label:t.group,size:n}));for(let e of t.options)o[e.index]=a.length,a.push({type:`option`,opt:e,size:i(e)})}return{entries:a,hasGroups:s,sizeAt:e=>a[e]?.size??0,optionFlatIndex:o}}function F(e,t,n){let r=t.trim().toLowerCase();if(!r||!e.length)return-1;let i=e.length;for(let t=1;t<=i;t++){let a=(n+t)%i,o=e[a];if(o&&!o.disabled&&o.label.toLowerCase().startsWith(r))return a}return-1}function I(e=600){let t=``,n;return{get value(){return t},push(r){return t+=r,n&&clearTimeout(n),n=setTimeout(()=>{t=``},e),t},clear(){t=``,n&&clearTimeout(n)}}}function L(e){return e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&e.key!==` `}function R(e){let n=A(e),i=r(0);return n.subscribe(()=>{a(i,t(i)+1)}),{get version(){return t(i)},setOptions:n.setOptions,setScrollOffset:n.setScrollOffset,setViewportHeight:n.setViewportHeight,scrollToIndex:n.scrollToIndex,getVirtualItems:n.getVirtualItems,getTotalSize:n.getTotalSize,getOffsetForIndex:n.getOffsetForIndex,getSizeForIndex:n.getSizeForIndex,getState:n.getState}}function z(o){let s=r(0),c=i(()=>Math.max(0,o.totalSize()-o.viewport()));n(()=>{let n=t(s);e(()=>o.virtualizer.setScrollOffset(n))}),n(()=>{let n=t(c);e(()=>t(s))>n&&a(s,n,!0)});function l(e){a(s,Math.max(0,Math.min(t(c),e)),!0)}function u(e){l(t(s)+e)}function d(e){if(t(c)<=0)return;let n=e.deltaMode===1?e.deltaY*o.lineStep():e.deltaMode===2?e.deltaY*o.viewport():e.deltaY,r=t(s);u(n),t(s)!==r&&e.preventDefault()}let f=i(()=>t(c)>0&&o.totalSize()>0?Math.max(24,Math.min(o.viewport(),o.viewport()/o.totalSize()*o.viewport())):0),p=i(()=>Math.max(0,o.viewport()-t(f))),m=i(()=>t(c)>0?t(s)/t(c)*t(p):0),h=r(!1),g=0,_=0;function v(e){e.stopPropagation(),e.preventDefault(),a(h,!0),g=e.clientY,_=t(s),e.currentTarget.setPointerCapture(e.pointerId)}function y(e){if(!t(h))return;let n=e.clientY-g;l(_+(t(p)>0?n/t(p)*t(c):0))}function b(e){a(h,!1),O(e)}function x(e){let n=e.currentTarget.getBoundingClientRect();u(e.clientY-n.top<t(m)?-o.viewport():o.viewport())}let S=!1,C=0,w=0;function T(e){e.pointerType===`touch`&&(S=!0,C=e.clientY,w=t(s),e.currentTarget.setPointerCapture(e.pointerId))}function E(e){S&&l(w-(e.clientY-C))}function D(e){S&&(S=!1,O(e))}function O(e){try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}}function k(e,n){e<t(s)?l(e):e+n>t(s)+o.viewport()&&l(e+n-o.viewport())}function A(e){k(o.virtualizer.getOffsetForIndex(e),o.virtualizer.getSizeForIndex(e))}return{get scrollOffset(){return t(s)},get maxOffset(){return t(c)},get thumbH(){return t(f)},get thumbTop(){return t(m)},get dragging(){return t(h)},scrollTo:l,scrollByPx:u,ensureVisible:k,ensureIndexVisible:A,onWheel:d,onThumbDown:v,onThumbMove:y,onThumbUp:b,onTrackDown:x,onContentDown:T,onContentMove:E,onContentUp:D}}export{y as _,P as a,F as c,A as d,S as f,_ as g,h,M as i,j as l,v as m,R as n,N as o,x as p,I as r,L as s,z as t,D as u};