@editora/ui-core 0.1.13 → 0.1.15
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.
- package/README.md +95 -5
- package/dist/color-picker.cjs.js +1 -1
- package/dist/color-picker.esm.js +2 -1
- package/dist/components/date-time-utils.d.ts.map +1 -1
- package/dist/components/ui-context-menu.d.ts +6 -0
- package/dist/components/ui-context-menu.d.ts.map +1 -1
- package/dist/components/ui-dialog.d.ts.map +1 -1
- package/dist/components/ui-floating-toolbar.d.ts +3 -0
- package/dist/components/ui-floating-toolbar.d.ts.map +1 -1
- package/dist/components/ui-gantt.d.ts +30 -1
- package/dist/components/ui-gantt.d.ts.map +1 -1
- package/dist/components/ui-hover-card.d.ts +3 -0
- package/dist/components/ui-hover-card.d.ts.map +1 -1
- package/dist/components/ui-positioner.d.ts.map +1 -1
- package/dist/components/ui-sortable.d.ts.map +1 -1
- package/dist/context-menu.cjs.js +12 -12
- package/dist/context-menu.esm.js +159 -132
- package/dist/date-field.cjs.js +1 -1
- package/dist/date-field.esm.js +2 -1
- package/dist/date-picker.cjs.js +1 -1
- package/dist/date-picker.esm.js +2 -1
- package/dist/date-range-picker.cjs.js +1 -1
- package/dist/date-range-picker.esm.js +2 -1
- package/dist/date-range-time-picker.cjs.js +2 -2
- package/dist/date-range-time-picker.esm.js +2 -1
- package/dist/date-time-picker.cjs.js +2 -2
- package/dist/date-time-picker.esm.js +2 -1
- package/dist/date-time-utils-66480de4.js +1 -0
- package/dist/date-time-utils-a2c7af25.mjs +307 -0
- package/dist/dialog.cjs.js +11 -11
- package/dist/dialog.esm.js +2 -8
- package/dist/floating-toolbar.cjs.js +4 -4
- package/dist/floating-toolbar.esm.js +52 -25
- package/dist/gantt.cjs.js +656 -74
- package/dist/gantt.esm.js +1050 -100
- package/dist/hover-card.cjs.js +4 -4
- package/dist/hover-card.esm.js +61 -38
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +158 -146
- package/dist/menu.cjs.js +1 -1
- package/dist/menu.esm.js +2 -2
- package/dist/menubar.cjs.js +1 -1
- package/dist/menubar.esm.js +2 -2
- package/dist/popover.cjs.js +1 -1
- package/dist/popover.esm.js +2 -2
- package/dist/portal-c69756c0.js +1 -0
- package/dist/portal-fe73e5cc.mjs +123 -0
- package/dist/portal.d.ts +29 -3
- package/dist/portal.d.ts.map +1 -1
- package/dist/positioner-33529bb8.js +1 -0
- package/dist/positioner-e9770c66.mjs +582 -0
- package/dist/positioner.cjs.js +2 -2
- package/dist/positioner.esm.js +36 -26
- package/dist/primitives/positioner.d.ts +199 -1
- package/dist/primitives/positioner.d.ts.map +1 -1
- package/dist/{runtime-864efe2f.mjs → runtime-161f68a2.mjs} +24 -23
- package/dist/runtime-3f13807b.js +1 -0
- package/dist/runtime.cjs.js +1 -1
- package/dist/runtime.d.ts +2 -0
- package/dist/runtime.d.ts.map +1 -1
- package/dist/runtime.esm.js +39 -24
- package/dist/sortable.cjs.js +1 -1
- package/dist/sortable.esm.js +49 -48
- package/dist/split-button.cjs.js +1 -1
- package/dist/split-button.esm.js +2 -2
- package/dist/time-field.cjs.js +1 -1
- package/dist/time-field.esm.js +14 -13
- package/dist/time-picker.cjs.js +1 -1
- package/dist/time-picker.esm.js +2 -1
- package/dist/tooltip.cjs.js +1 -1
- package/dist/tooltip.esm.js +2 -1
- package/package.json +1 -1
- package/dist/date-time-utils-378ecc21.js +0 -1
- package/dist/date-time-utils-a8b17ea7.mjs +0 -299
- package/dist/portal-9060f7a6.mjs +0 -114
- package/dist/portal-d9bae456.js +0 -1
- package/dist/positioner-16f3cca1.mjs +0 -132
- package/dist/positioner-43b1c75a.js +0 -1
- package/dist/runtime-668914fe.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require("./portal-c69756c0.js");require("./positioner-33529bb8.js");function Za(){return typeof window<"u"&&typeof document<"u"}function oe(e){return e?typeof e=="string"?e:e instanceof Error&&e.message?e.message:"Something went wrong. Please try again.":"Something went wrong. Please try again."}function te(e){return e==="replace"||e==="stack"?e:"queue"}function Ua(e){return`ui-alert-dialog-${e}`}function re(e,a){var r,o;const n=e.kind==="alert"&&a.action==="cancel"?"dismiss":a.action,i=(r=e.dialog)==null?void 0:r.getChecked();if(e.kind==="prompt"){const c=((o=e.dialog)==null?void 0:o.getInputValue())??e.value??"";return{id:e.id,action:n,value:c,checked:i,source:a.source,reason:a.reason}}return{id:e.id,action:n,value:e.value,checked:i,source:a.source,reason:a.reason}}function ka(e,a,n){var i,r,o;return e.kind==="prompt"?{id:e.id,action:"dismiss",value:((i=e.dialog)==null?void 0:i.getInputValue())??e.value??"",checked:(r=e.dialog)==null?void 0:r.getChecked(),source:a,reason:n}:{id:e.id,action:"dismiss",value:e.value,checked:(o=e.dialog)==null?void 0:o.getChecked(),source:a,reason:n}}function se(e){return e==="esc"||e==="backdrop"||e==="close-icon"||e==="abort"||e==="unmount"||e==="replace"||e==="programmatic"?e:"abort"}class Ga{constructor(a){this._container=null,this._ownsContainer=!1,this._queue=[],this._active=[],this._disposed=!1,this._seed=0,this._defaults={},this._container=a??null}setContainer(a){this._container=a,this._ownsContainer=!1}setDefaults(a){this._defaults=a?{...a}:{}}alert(a={}){return this._enqueue("alert",a)}confirm(a={}){return this._enqueue("confirm",a)}prompt(a={}){return this._enqueue("prompt",a)}destroy(a="unmount"){this._disposed=!0;const n=[...this._active,...this._queue];this._queue=[];for(const i of n)this._settle(i,ka(i,a),!1);this._active=[],this._ownsContainer&&this._container&&this._container.parentElement&&this._container.parentElement.removeChild(this._container),this._container=null,this._ownsContainer=!1}_enqueue(a,n){const i=this._mergeOptions(n);if(!Za()||this._disposed){const c={id:i.id||Ua(++this._seed),action:"dismiss",source:"unmount"};return Promise.resolve(c)}const r=i.id||Ua(++this._seed),o=te(i.mode);return new Promise(c=>{var d;const l={id:r,kind:a,mode:o,options:i,settled:!1,processing:!1,resolve:c,cleanup:[]};if((d=i.signal)!=null&&d.aborted){this._settle(l,ka(l,"abort"),!1);return}if(o==="replace"){const f=this._active[this._active.length-1];f&&this._settle(f,ka(f,"replace","replace"),!1,!1),this._open(l);return}if(o==="stack"){this._open(l);return}if(this._active.length>0){this._queue.push(l);return}this._open(l)})}_open(a){var d;const n=this._ensureContainer();if(!n){this._settle(a,ka(a,"unmount"),!1);return}const i=document.createElement("ui-alert-dialog");a.dialog=i,a.checked=!!((d=a.options.checkbox)!=null&&d.defaultChecked);const r=this._buildConfig(a);i.dialogId=a.id,i.config=r;const o=f=>{if(a.settled)return;const u=f.detail;a.value=u==null?void 0:u.inputValue,a.checked=u==null?void 0:u.checked;const m=this._validatePrompt(a);if(m){f.preventDefault(),i.setError(m);return}if(!a.options.onConfirm){i.clearError();return}f.preventDefault(),a.processing=!0,i.state="loading",i.clearError(),Promise.resolve(a.options.onConfirm({id:a.id,value:a.value,checked:a.checked,dialog:i,signal:a.options.signal})).then(()=>{a.processing=!1,i.state="idle",i.clearError(),a.settled||i.close("confirm")}).catch(h=>{a.processing=!1,i.state="error",i.setError(oe(h))})},c=()=>{a.settled||(a.value=i.getInputValue(),a.checked=i.getChecked(),i.state==="error"&&i.clearError())},l=f=>{if(a.settled)return;const u=f.detail;this._handleClose(a,u)};if(i.addEventListener("ui-confirm",o),i.addEventListener("ui-change",c),i.addEventListener("ui-close",l),a.cleanup.push(()=>i.removeEventListener("ui-confirm",o)),a.cleanup.push(()=>i.removeEventListener("ui-change",c)),a.cleanup.push(()=>i.removeEventListener("ui-close",l)),a.options.signal){const f=()=>{a.settled||this._settle(a,ka(a,"abort"),!1)};a.options.signal.addEventListener("abort",f,{once:!0}),a.cleanup.push(()=>{var u;return(u=a.options.signal)==null?void 0:u.removeEventListener("abort",f)})}this._active.push(a),n.appendChild(i),i.open=!0,this._updateStackZIndex()}_validatePrompt(a){var o;if(a.kind!=="prompt")return null;const i=a.options.input,r=((o=a.dialog)==null?void 0:o.getInputValue())??a.value??"";return i!=null&&i.required&&!r.trim()?"Please enter a value.":i!=null&&i.validate?i.validate(r):null}_settle(a,n,i,r=!0){if(!a.settled){if(a.settled=!0,this._cleanupRequest(a),this._active=this._active.filter(o=>o!==a),this._queue=this._queue.filter(o=>o!==a),a.dialog){const o=a.dialog;if(!i&&o.open){const c=se(n.source);o.close("dismiss",c,n.reason)}o.parentElement&&o.parentElement.removeChild(o)}a.resolve(n),this._updateStackZIndex(),!this._disposed&&r&&this._drainQueue()}}_cleanupRequest(a){for(const n of a.cleanup.splice(0))try{n()}catch{}}_drainQueue(){if(this._active.length>0)return;const a=this._queue.shift();a&&this._open(a)}_buildConfig(a){var c,l,d;const n=a.options,i=a.kind==="prompt",r=a.kind==="alert",o=i?n.input:void 0;return{id:a.id,title:n.title,description:n.description,confirmText:n.confirmText||(r?"OK":"Confirm"),cancelText:n.cancelText||"Cancel",loadingText:n.loadingText,errorMessage:n.errorMessage,dismissible:n.dismissible??!0,closeOnEsc:n.closeOnEsc,closeOnBackdrop:n.closeOnBackdrop,lockWhileLoading:n.lockWhileLoading??!0,role:n.role||"alertdialog",tone:n.tone||(r?"info":i?"neutral":"warning"),size:n.size||"md",variant:n.variant||"surface",radius:n.radius,elevation:n.elevation||"low",indicator:n.indicator||"line",initialFocus:n.initialFocus,ariaLabel:n.ariaLabel,ariaLabelledby:n.ariaLabelledby,ariaDescribedby:n.ariaDescribedby,headless:n.headless,showCancel:!r,showClose:n.dismissible??!0,input:{enabled:i,label:o==null?void 0:o.label,placeholder:o==null?void 0:o.placeholder,value:(o==null?void 0:o.defaultValue)||"",required:o==null?void 0:o.required},checkbox:{enabled:!!((c=n.checkbox)!=null&&c.enabled),label:(l=n.checkbox)==null?void 0:l.label,checked:(d=n.checkbox)==null?void 0:d.defaultChecked}}}_buildLifecycleContext(a){var n,i;return{id:a.id,value:((n=a.dialog)==null?void 0:n.getInputValue())??a.value,checked:((i=a.dialog)==null?void 0:i.getChecked())??a.checked,dialog:a.dialog,signal:a.options.signal}}_handleClose(a,n){const i=re(a,n);if(n.action==="cancel"&&a.options.onCancel){Promise.resolve(a.options.onCancel(this._buildLifecycleContext(a))).finally(()=>{this._settle(a,i,!0)});return}if(n.action==="dismiss"&&a.options.onDismiss){Promise.resolve(a.options.onDismiss({...this._buildLifecycleContext(a),source:n.source||"programmatic",reason:n.reason})).finally(()=>{this._settle(a,i,!0)});return}this._settle(a,i,!0)}_mergeOptions(a){const n=this._defaults;return{...n,...a,checkbox:{...n.checkbox||{},...a.checkbox||{}}}}_ensureContainer(){if(!Za())return null;if(this._container&&this._container.isConnected)return this._container;let a=document.querySelector('[data-ui-alert-dialog-host="true"]');return a?this._ownsContainer=!1:(a=document.createElement("div"),a.setAttribute("data-ui-alert-dialog-host","true"),a.style.position="relative",a.style.zIndex="1000",document.body.appendChild(a),this._ownsContainer=!0),this._container=a,a}_updateStackZIndex(){for(let a=0;a<this._active.length;a+=1){const n=this._active[a];n.dialog&&(n.dialog.style.setProperty("--ui-alert-backdrop-z",String(1e3+a*2)),n.dialog.style.setProperty("--ui-alert-z",String(1001+a*2)))}}}let x=null;function Ka(e={}){return new Ga(e.container??null)}function Sa(){return x||(x=Ka()),x}function pe(e={}){return Sa().alert(e)}function ce(e={}){return Sa().confirm(e)}function le(e={}){return Sa().prompt(e)}function de(e="programmatic"){x&&(x.destroy(e),x=null)}function Qa(){return typeof window<"u"&&typeof document<"u"}function fe(e){return e==="replace"||e==="stack"?e:"queue"}function Wa(e){return`ui-dialog-${e}`}function ue(e){return e?typeof e=="string"?e:e instanceof Error&&e.message?e.message:"Something went wrong. Please try again.":"Something went wrong. Please try again."}class Ja{constructor(a){this._container=null,this._ownsContainer=!1,this._queue=[],this._active=[],this._disposed=!1,this._seed=0,this._container=a??null}setContainer(a){this._container=a,this._ownsContainer=!1}open(a={}){return this._enqueue(a)}confirm(a={}){return this._enqueue({...a,showCancel:a.showCancel??!0})}destroy(a="unmount"){this._disposed=!0;const n=[...this._active,...this._queue];this._queue=[];for(const i of n)this._settle(i,{id:i.id,action:"dismiss",source:a,reason:a},!1);this._active=[],this._ownsContainer&&this._container&&this._container.parentElement&&this._container.parentElement.removeChild(this._container),this._container=null,this._ownsContainer=!1}_enqueue(a){if(!Qa()||this._disposed)return Promise.resolve({id:a.id||Wa(++this._seed),action:"dismiss",source:"unmount"});const n=a.id||Wa(++this._seed),i=fe(a.mode);return new Promise(r=>{var c;const o={id:n,mode:i,options:a,settled:!1,resolve:r,cleanup:[]};if((c=a.signal)!=null&&c.aborted){this._settle(o,{id:n,action:"dismiss",source:"abort"},!1);return}if(i==="replace"){const l=this._active[this._active.length-1];l&&this._settle(l,{id:l.id,action:"dismiss",source:"replace",reason:"replace"},!1,!1),this._open(o);return}if(i==="stack"){this._open(o);return}if(this._active.length>0){this._queue.push(o);return}this._open(o)})}_open(a){const n=this._ensureContainer();if(!n){this._settle(a,{id:a.id,action:"dismiss",source:"unmount"},!1);return}const i=document.createElement("ui-dialog");a.dialog=i;const r=this._buildConfig(a.options,a.id);i.dialogId=a.id,i.config=r;const o=l=>{if(a.settled)return;const d=l.detail;if(a.resultFormData=d==null?void 0:d.formData,!a.options.onSubmit){i.clearError();return}l.preventDefault(),i.state="loading",i.clearError(),Promise.resolve(a.options.onSubmit({id:a.id,dialog:i,signal:a.options.signal,formData:d==null?void 0:d.formData})).then(()=>{a.settled||(i.state="idle",i.clearError(),i.close("submit"))}).catch(f=>{i.state="error",i.setError(ue(f))})},c=l=>{if(a.settled)return;const d=l.detail;this._settle(a,{id:a.id,action:d.action,source:d.source,reason:d.reason,formData:a.resultFormData},!0)};if(i.addEventListener("ui-submit",o),i.addEventListener("ui-close",c),a.cleanup.push(()=>i.removeEventListener("ui-submit",o)),a.cleanup.push(()=>i.removeEventListener("ui-close",c)),a.options.signal){const l=()=>{a.settled||this._settle(a,{id:a.id,action:"dismiss",source:"abort"},!1)};a.options.signal.addEventListener("abort",l,{once:!0}),a.cleanup.push(()=>{var d;return(d=a.options.signal)==null?void 0:d.removeEventListener("abort",l)})}this._active.push(a),n.appendChild(i),i.openDialog(),this._updateStackZIndex()}_settle(a,n,i,r=!0){if(!a.settled){if(a.settled=!0,this._cleanupRequest(a),this._active=this._active.filter(o=>o!==a),this._queue=this._queue.filter(o=>o!==a),a.dialog){const o=a.dialog;!i&&o.open&&o.close("dismiss",n.source||"abort",n.reason),o.parentElement&&o.parentElement.removeChild(o)}a.resolve(n),this._updateStackZIndex(),!this._disposed&&r&&this._drainQueue()}}_cleanupRequest(a){for(const n of a.cleanup.splice(0))try{n()}catch{}}_drainQueue(){if(this._active.length>0)return;const a=this._queue.shift();a&&this._open(a)}_buildConfig(a,n){return{id:n,title:a.title,description:a.description,submitText:a.submitText||"Submit",cancelText:a.cancelText||"Cancel",loadingText:a.loadingText,errorMessage:a.errorMessage,dismissible:a.dismissible??!0,closeOnOverlay:a.closeOnOverlay,closeOnEsc:a.closeOnEsc,lockWhileLoading:a.lockWhileLoading??!0,role:a.role||"dialog",size:a.size||"md",initialFocus:a.initialFocus,ariaLabel:a.ariaLabel,ariaLabelledby:a.ariaLabelledby,ariaDescribedby:a.ariaDescribedby,headless:a.headless,showCancel:a.showCancel??!0,showClose:a.showClose??a.dismissible??!0}}_ensureContainer(){if(!Qa())return null;if(this._container&&this._container.isConnected)return this._container;let a=document.querySelector('[data-ui-dialog-host="true"]');return a?this._ownsContainer=!1:(a=document.createElement("div"),a.setAttribute("data-ui-dialog-host","true"),a.style.position="relative",a.style.zIndex="1200",document.body.appendChild(a),this._ownsContainer=!0),this._container=a,a}_updateStackZIndex(){for(let a=0;a<this._active.length;a+=1){const n=this._active[a];n.dialog&&(n.dialog.style.setProperty("--ui-dialog-backdrop-z",String(1200+a*2)),n.dialog.style.setProperty("--ui-dialog-z",String(1201+a*2)))}}}let b=null;function Xa(e={}){return new Ja(e.container??null)}function Ya(){return b||(b=Xa()),b}function ge(e={}){return Ya().open(e)}function me(e={}){return Ya().confirm(e)}function he(e="programmatic"){b&&(b.destroy(e),b=null)}const qa={1:"#0000000d",2:"#0000001a",3:"#00000026",4:"#0003",5:"#0000004d",6:"#0006",7:"#00000080",8:"#0009",9:"#000000b3",10:"#000c",11:"#000000e6",12:"#000000f2"},ae={1:"#ffffff0d",2:"#ffffff1a",3:"#ffffff26",4:"#fff3",5:"#ffffff4d",6:"#fff6",7:"#ffffff80",8:"#fff9",9:"#ffffffb3",10:"#fffc",11:"#ffffffe6",12:"#fffffff2"},g={amber:{light:{scale:{1:"#fefdfb",2:"#fefbe9",3:"#fff7c2",4:"#ffee9c",5:"#fbe577",6:"#f3d673",7:"#e9c162",8:"#e2a336",9:"#ffc53d",10:"#ffba18",11:"#ab6400",12:"#4f3422"},alphaScale:{1:"#c0800004",2:"#f4d10016",3:"#ffde003d",4:"#ffd40063",5:"#f8cf0088",6:"#eab5008c",7:"#dc9b009d",8:"#da8a00c9",9:"#ffb300c2",10:"#ffb300e7",11:"#ab6400",12:"#341500dd"},contrast:"#21201c",surface:"#fefae4cc",indicator:"#ffc53d",track:"#ffc53d"},dark:{scale:{1:"#16120c",2:"#1d180f",3:"#302008",4:"#3f2700",5:"#4d3000",6:"#5c3d05",7:"#714f19",8:"#8f6424",9:"#ffc53d",10:"#ffd60a",11:"#ffca16",12:"#ffe7b3"},alphaScale:{1:"#e63c0006",2:"#fd9b000d",3:"#fa820022",4:"#fc820032",5:"#fd8b0041",6:"#fd9b0051",7:"#ffab2567",8:"#ffae3587",9:"#ffc53d",10:"#ffd60a",11:"#ffca16",12:"#ffe7b3"},contrast:"#21201c",surface:"#271f1380",indicator:"#ffc53d",track:"#ffc53d"}},blue:{light:{scale:{1:"#fbfdff",2:"#f4faff",3:"#e6f4fe",4:"#d5efff",5:"#c2e5ff",6:"#acd8fc",7:"#8ec8f6",8:"#5eb1ef",9:"#0090ff",10:"#0588f0",11:"#0d74ce",12:"#113264"},alphaScale:{1:"#0080ff04",2:"#008cff0b",3:"#008ff519",4:"#009eff2a",5:"#0093ff3d",6:"#0088f653",7:"#0083eb71",8:"#0084e6a1",9:"#0090ff",10:"#0086f0fa",11:"#006dcbf2",12:"#002359ee"},contrast:"#ffffff",surface:"#f1f9ffcc",indicator:"#0090ff",track:"#0090ff"},dark:{scale:{1:"#0d1520",2:"#111927",3:"#0d2847",4:"#003362",5:"#004074",6:"#104d87",7:"#205d9e",8:"#2870bd",9:"#0090ff",10:"#3b9eff",11:"#70b8ff",12:"#c2e6ff"},alphaScale:{1:"#004df211",2:"#1166fb18",3:"#0077ff3a",4:"#0075ff57",5:"#0081fd6b",6:"#0f89fd7f",7:"#2a91fe98",8:"#3094feb9",9:"#0090ff",10:"#3b9eff",11:"#70b8ff",12:"#c2e6ff"},contrast:"#ffffff",surface:"#0f274380",indicator:"#0090ff",track:"#0090ff"}},green:{light:{scale:{1:"#fbfefc",2:"#f4fbf6",3:"#e6f6eb",4:"#d6f1df",5:"#c4e8d1",6:"#adddc0",7:"#8eceaa",8:"#5bb98b",9:"#30a46c",10:"#2b9a66",11:"#218358",12:"#193b2d"},alphaScale:{1:"#00c04004",2:"#00a32f0b",3:"#00a43319",4:"#00a83829",5:"#019c393b",6:"#00963c52",7:"#00914071",8:"#00924ba4",9:"#008f4acf",10:"#008647d4",11:"#00713fde",12:"#002616e6"},contrast:"#ffffff",surface:"#f1faf4cc",indicator:"#30a46c",track:"#30a46c"},dark:{scale:{1:"#0e1512",2:"#121b17",3:"#132d21",4:"#113b29",5:"#174933",6:"#20573e",7:"#28684a",8:"#2f7c57",9:"#30a46c",10:"#33b074",11:"#3dd68c",12:"#b1f1cb"},alphaScale:{1:"#00de4505",2:"#29f99d0b",3:"#22ff991e",4:"#11ff9930",5:"#2bffa23f",6:"#44ffaa4d",7:"#50fdac5f",8:"#54ffad75",9:"#44ffa49f",10:"#43fea4ab",11:"#46fea5d4",12:"#bbffd7ef"},contrast:"#0f1a14",surface:"#13281e80",indicator:"#30a46c",track:"#30a46c"}},red:{light:{scale:{1:"#fffcfc",2:"#fff7f7",3:"#feebec",4:"#ffdbdc",5:"#ffcdce",6:"#fdbdbe",7:"#f4a9aa",8:"#eb8e90",9:"#e5484d",10:"#dc3e42",11:"#ce2c31",12:"#641723"},alphaScale:{1:"#ff000003",2:"#ff000008",3:"#f3000d14",4:"#ff000824",5:"#ff000632",6:"#f8000442",7:"#df000356",8:"#d2000571",9:"#db0007b7",10:"#d10005c1",11:"#c40006d3",12:"#55000de8"},contrast:"#ffffff",surface:"#fff5f5cc",indicator:"#e5484d",track:"#e5484d"},dark:{scale:{1:"#191111",2:"#201314",3:"#3b1219",4:"#500f1c",5:"#611623",6:"#72232d",7:"#8c333a",8:"#b54548",9:"#e5484d",10:"#ec5d5e",11:"#ff9592",12:"#ffd1d9"},alphaScale:{1:"#f4121209",2:"#f22f3e11",3:"#ff173f2d",4:"#fe0a3b44",5:"#ff204756",6:"#ff3e5668",7:"#ff536184",8:"#ff5d61b0",9:"#fe4e54e4",10:"#ff6465eb",11:"#ff9592",12:"#ffd1d9"},contrast:"#ffffff",surface:"#32141780",indicator:"#e5484d",track:"#e5484d"}},gray:{light:{scale:{1:"#fcfcfc",2:"#f9f9f9",3:"#f0f0f0",4:"#e8e8e8",5:"#e0e0e0",6:"#d9d9d9",7:"#cecece",8:"#bbb",9:"#8d8d8d",10:"#838383",11:"#646464",12:"#202020"},alphaScale:{1:"#00000003",2:"#00000006",3:"#0000000f",4:"#00000017",5:"#0000001f",6:"#00000026",7:"#00000031",8:"#00000044",9:"#00000072",10:"#0000007c",11:"#0000009b",12:"#000000df"},contrast:"#ffffff",surface:"#f8f8f8cc",indicator:"#8d8d8d",track:"#8d8d8d"},dark:{scale:{1:"#111",2:"#191919",3:"#222",4:"#2a2a2a",5:"#313131",6:"#3a3a3a",7:"#484848",8:"#606060",9:"#6e6e6e",10:"#7b7b7b",11:"#b4b4b4",12:"#eee"},alphaScale:{1:"#0000",2:"#ffffff09",3:"#ffffff12",4:"#ffffff1b",5:"#ffffff22",6:"#ffffff2c",7:"#ffffff3b",8:"#ffffff55",9:"#ffffff64",10:"#ffffff72",11:"#ffffffaf",12:"#ffffffed"},contrast:"#111111",surface:"#1d1d1d80",indicator:"#7b7b7b",track:"#7b7b7b"}}},xe={button:{"height-sm":"32px","height-md":"36px","height-lg":"44px","classic-after-inset":"2px","classic-box-shadow-top":"inset 0 0 0 1px var(--gray-a5), inset 0 1px 1px var(--white-a10)","classic-box-shadow-bottom":"inset 0 4px 2px -2px var(--white-a9), inset 0 2px 1px -1px var(--white-a9)","classic-disabled-box-shadow":"inset 0 0 0 1px var(--gray-a4), inset 0 1px 1px var(--gray-a1)","classic-active-filter":"brightness(0.985) saturate(0.98)","solid-active-filter":"brightness(0.96) saturate(1.02)"},badge:{radius:"999px",shadow:"none","font-size":"12px","font-weight":"600",gap:"6px","padding-block":"5px","padding-inline":"10px","border-width":"1px"},blockControls:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",gap:"6px",padding:"8px","item-radius":"var(--ui-radius)"},box:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",backdrop:"var(--backdrop-filter-panel)"},breadcrumb:{radius:"var(--ui-radius)",gap:"8px","font-size":"14px",shadow:"none","item-padding-block":"4px","item-padding-inline":"9px"},dropdown:{bg:"color-mix(in srgb, var(--color-panel-solid) 98%, transparent)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"0px","min-width":"224px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"0px","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},select:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"34px","height-md":"42px","height-lg":"46px","padding-x":"12px",gap:"8px","label-color":"var(--ui-color-text)","description-color":"var(--ui-color-muted)","menu-bg":"var(--color-panel-solid)","menu-color":"var(--ui-color-text)","menu-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","menu-radius":"var(--radius-4)","menu-shadow":"var(--shadow-5)","menu-padding":"8px","menu-min-width":"232px","menu-item-height":"36px","menu-item-padding-x":"12px","menu-item-padding-y":"8px","menu-item-gap":"10px","menu-item-radius":"var(--radius-2)","menu-item-font-size":"14px","menu-item-line-height":"20px","menu-separator-margin":"6px 10px"},sidebar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"4px",shadow:"var(--shadow-5)",padding:"12px",gap:"12px","header-padding":"6px 8px 10px","item-radius":"4px","item-height":"45px","item-padding-x":"6px","item-padding-y":"3px","item-gap":"8px","item-font-size":"12px","item-line-height":"22px","section-gap":"10px","section-label-size":"12px","section-label-spacing":"0.06em","submenu-indent":"18px","promo-radius":"4px","promo-padding":"18px"},card:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","hover-shadow":"var(--shadow-3)","active-shadow":"var(--shadow-2)","classic-shadow":"var(--shadow-2)","classic-hover-shadow":"var(--shadow-3)","classic-active-shadow":"var(--shadow-2)"},multiSelect:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"38px","height-md":"44px","height-lg":"48px","padding-x":"10px","padding-y":"8px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 84%, transparent)","panel-radius":"calc(var(--ui-radius) + 2px)","panel-shadow":"var(--shadow-4)","chip-radius":"999px","chip-gap":"6px","chip-padding-x":"10px","chip-padding-y":"6px","option-radius":"10px","option-gap":"10px","option-padding-x":"10px","option-padding-y":"10px"},navigationMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"12px","item-padding-y":"8px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","panel-radius":"var(--radius-4)","panel-shadow":"var(--shadow-3)","panel-padding":"12px"},menubar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"14px","item-padding-y":"9px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-color":"var(--ui-color-text)","panel-border":"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)","panel-shadow":"var(--shadow-5)","panel-radius":"var(--radius-4)","panel-padding":"8px","panel-min-width":"232px","panel-item-height":"36px","panel-item-padding-x":"12px","panel-item-padding-y":"8px","panel-item-gap":"10px","panel-item-radius":"var(--radius-2)","panel-item-font-size":"14px","panel-item-line-height":"20px","panel-separator-margin":"6px 10px"},contextMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",padding:"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","submenu-radius":"var(--radius-4)","submenu-padding":"8px"},alert:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","padding-x":"16px","padding-y":"14px",gap:"var(--ui-default-gap)","icon-size":"26px","dismiss-size":"28px"},alertDialog:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--color-overlay)",padding:"20px",gap:"var(--ui-default-gap)","min-width":"360px","max-width":"min(90vw, 560px)","header-gap":"10px","footer-gap":"10px"},appHeader:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 78%, transparent)",radius:"0px",shadow:"none",padding:"16px",gap:"12px",height:"64px","height-dense":"52px","control-radius":"var(--ui-radius)"},aspectRatio:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"var(--radius-4)",shadow:"none","empty-bg":"color-mix(in srgb, var(--accent-a3) 24%, transparent)","badge-radius":"999px"},avatar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 82%, transparent)",radius:"999px",shadow:"0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.12)","size-sm":"30px","size-md":"40px","size-lg":"52px","badge-radius":"999px","status-border":"2px solid var(--color-panel-solid)"},menu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 80%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},panel:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a5) 72%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--backdrop-filter-panel)",padding:"var(--ui-default-gap)"},input:{"height-sm":"32px","height-md":"36px","height-lg":"44px",bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a5) 84%, transparent)","focus-ring":"0 0 0 3px color-mix(in srgb, var(--accent-a5) 48%, transparent)"}},be={button:{"height-sm":"32px","height-md":"36px","height-lg":"44px","classic-after-inset":"1px","classic-box-shadow-top":"inset 0 0 0 1px var(--white-a2), inset 0 4px 2px -2px var(--white-a3), inset 0 1px 1px var(--white-a6), inset 0 -1px 1px var(--black-a6)","classic-box-shadow-bottom":"inset 0 0 0 1px var(--black-a4), inset 0 -1px 1px var(--black-a8)","classic-disabled-box-shadow":"inset 0 0 0 1px var(--gray-a5), inset 0 4px 2px -2px var(--gray-a2), inset 0 1px 1px var(--gray-a5), inset 0 -1px 1px var(--black-a3), inset 0 0 0 1px var(--gray-a2)","classic-active-filter":"brightness(0.94) saturate(0.95)","solid-active-filter":"brightness(0.92) saturate(1.04)"},badge:{radius:"999px",shadow:"none","font-size":"12px","font-weight":"600",gap:"6px","padding-block":"5px","padding-inline":"10px","border-width":"1px"},blockControls:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 86%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",gap:"6px",padding:"8px","item-radius":"var(--ui-radius)"},box:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)",backdrop:"var(--backdrop-filter-panel)"},breadcrumb:{radius:"var(--ui-radius)",gap:"8px","font-size":"14px",shadow:"none","item-padding-block":"4px","item-padding-inline":"9px"},dropdown:{bg:"color-mix(in srgb, var(--color-panel-solid) 98%, transparent)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"0px","min-width":"224px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"0px","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},select:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"34px","height-md":"42px","height-lg":"46px","padding-x":"12px",gap:"8px","label-color":"var(--ui-color-text)","description-color":"var(--ui-color-muted)","menu-bg":"var(--color-panel-solid)","menu-color":"var(--ui-color-text)","menu-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","menu-radius":"var(--radius-4)","menu-shadow":"var(--shadow-5)","menu-padding":"8px","menu-min-width":"232px","menu-item-height":"36px","menu-item-padding-x":"12px","menu-item-padding-y":"8px","menu-item-gap":"10px","menu-item-radius":"var(--radius-2)","menu-item-font-size":"14px","menu-item-line-height":"20px","menu-separator-margin":"6px 10px"},sidebar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"4px",shadow:"var(--shadow-5)",padding:"12px",gap:"12px","header-padding":"6px 8px 10px","item-radius":"4px","item-height":"45px","item-padding-x":"6px","item-padding-y":"3px","item-gap":"8px","item-font-size":"12px","item-line-height":"22px","section-gap":"10px","section-label-size":"12px","section-label-spacing":"0.06em","submenu-indent":"18px","promo-radius":"4px","promo-padding":"18px"},card:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","hover-shadow":"var(--shadow-3)","active-shadow":"var(--shadow-2)","classic-shadow":"var(--shadow-2)","classic-hover-shadow":"var(--shadow-3)","classic-active-shadow":"var(--shadow-2)"},multiSelect:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"none","height-sm":"38px","height-md":"44px","height-lg":"48px","padding-x":"10px","padding-y":"8px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)","panel-radius":"calc(var(--ui-radius) + 2px)","panel-shadow":"var(--shadow-4)","chip-radius":"999px","chip-gap":"6px","chip-padding-x":"10px","chip-padding-y":"6px","option-radius":"10px","option-gap":"10px","option-padding-x":"10px","option-padding-y":"10px"},navigationMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"12px","item-padding-y":"8px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","panel-radius":"var(--radius-4)","panel-shadow":"var(--shadow-3)","panel-padding":"12px"},menubar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-2)",padding:"6px",gap:"6px","item-radius":"var(--radius-2)","item-padding-x":"14px","item-padding-y":"9px","item-font-size":"14px","item-font-weight":"600","item-line-height":"20px","panel-bg":"var(--color-panel-solid)","panel-color":"var(--ui-color-text)","panel-border":"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)","panel-shadow":"var(--shadow-5)","panel-radius":"var(--radius-4)","panel-padding":"8px","panel-min-width":"232px","panel-item-height":"36px","panel-item-padding-x":"12px","panel-item-padding-y":"8px","panel-item-gap":"10px","panel-item-radius":"var(--radius-2)","panel-item-font-size":"14px","panel-item-line-height":"20px","panel-separator-margin":"6px 10px"},contextMenu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",padding:"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","submenu-radius":"var(--radius-4)","submenu-padding":"8px"},alert:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-2)","padding-x":"16px","padding-y":"14px",gap:"var(--ui-default-gap)","icon-size":"26px","dismiss-size":"28px"},alertDialog:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--color-overlay)",padding:"20px",gap:"var(--ui-default-gap)","min-width":"360px","max-width":"min(90vw, 560px)","header-gap":"10px","footer-gap":"10px"},appHeader:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 82%, transparent)",radius:"0px",shadow:"none",padding:"16px",gap:"12px",height:"64px","height-dense":"52px","control-radius":"var(--ui-radius)"},aspectRatio:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"var(--radius-4)",shadow:"none","empty-bg":"color-mix(in srgb, var(--accent-a3) 20%, transparent)","badge-radius":"999px"},avatar:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)",radius:"999px",shadow:"0 1px 2px rgba(2, 6, 23, 0.18), 0 12px 24px rgba(2, 6, 23, 0.28)","size-sm":"30px","size-md":"40px","size-lg":"52px","badge-radius":"999px","status-border":"2px solid var(--color-panel-solid)"},menu:{bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--radius-4)",shadow:"var(--shadow-5)",backdrop:"none","content-padding":"8px","min-width":"232px","item-height":"36px","item-padding-x":"12px","item-padding-y":"8px","item-gap":"10px","item-radius":"var(--radius-2)","item-font-size":"14px","item-line-height":"20px","separator-margin":"6px 10px"},panel:{bg:"var(--color-panel)",border:"1px solid color-mix(in srgb, var(--gray-a6) 84%, transparent)",radius:"var(--ui-radius)",shadow:"var(--shadow-4)",backdrop:"var(--backdrop-filter-panel)",padding:"var(--ui-default-gap)"},input:{"height-sm":"32px","height-md":"36px","height-lg":"44px",bg:"var(--color-panel-solid)",border:"1px solid color-mix(in srgb, var(--gray-a6) 88%, transparent)","focus-ring":"0 0 0 3px color-mix(in srgb, var(--accent-a6) 42%, transparent)"}};function ee(e){return{primary:e.scale[9],primaryHover:e.scale[10]||e.scale[9],foregroundOnPrimary:e.contrast,focusRing:e.scale[8]||e.scale[9],warning:e.scale[9]}}const _a={colors:{primary:"#ffc53d",primaryHover:"#ffba18",foregroundOnPrimary:"#21201c",background:"#ffffff",surface:"#fcfcfc",surfaceAlt:"#f9f9f9",text:"#202020",muted:"#646464",border:"#0000001f",focusRing:"#e2a336",success:"#30a46c",danger:"#e5484d",warning:"#ffc53d"},palette:{gray:{1:"#fcfcfc",2:"#f9f9f9",3:"#f0f0f0",4:"#e8e8e8",5:"#e0e0e0",6:"#d9d9d9",7:"#cecece",8:"#bbb",9:"#8d8d8d",10:"#838383",11:"#646464",12:"#202020"},grayAlpha:{1:"#00000003",2:"#00000006",3:"#0000000f",4:"#00000017",5:"#0000001f",6:"#00000026",7:"#00000031",8:"#00000044",9:"#00000072",10:"#0000007c",11:"#0000009b",12:"#000000df"},blackAlpha:qa,whiteAlpha:ae,accent:{...g.amber.light.scale},accentAlpha:{...g.amber.light.alphaScale},accentContrast:g.amber.light.contrast,accentSurface:g.amber.light.surface,accentIndicator:g.amber.light.indicator,accentTrack:g.amber.light.track},surfaces:{background:"#ffffff",surface:"#fcfcfc",panel:"#ffffffcc",panelSolid:"#ffffff",panelTranslucent:"#ffffffcc",overlay:"rgba(2, 6, 23, 0.52)",transparent:"transparent"},radius:"4px",radiusScale:{1:"3px",2:"4px",3:"6px",4:"8px",5:"12px",6:"16px"},shadows:{sm:"0 0 0 1px var(--gray-a3),0 0 0 0.5px var(--black-a1),0 1px 1px 0 var(--gray-a2),0 2px 1px -1px var(--black-a1),0 1px 3px 0 var(--black-a1)",md:"0 0 0 1px var(--gray-a3),0 2px 3px -2px var(--gray-a3),0 3px 12px -4px var(--black-a2),0 4px 16px -8px var(--black-a2)",lg:"0 0 0 1px var(--gray-a3),0 8px 40px var(--black-a1),0 12px 32px -16px var(--gray-a3)",1:"inset 0 0 0 1px var(--gray-a5),inset 0 1.5px 2px 0 var(--gray-a2),inset 0 1.5px 2px 0 var(--black-a2)",2:"0 0 0 1px var(--gray-a3),0 0 0 0.5px var(--black-a1),0 1px 1px 0 var(--gray-a2),0 2px 1px -1px var(--black-a1),0 1px 3px 0 var(--black-a1)",3:"0 0 0 1px var(--gray-a3),0 2px 3px -2px var(--gray-a3),0 3px 12px -4px var(--black-a2),0 4px 16px -8px var(--black-a2)",4:"0 0 0 1px var(--gray-a3),0 8px 40px var(--black-a1),0 12px 32px -16px var(--gray-a3)",5:"0 0 0 1px var(--gray-a3),0 12px 60px var(--black-a3),0 12px 32px -16px var(--gray-a5)",6:"0 0 0 1px var(--gray-a3),0 12px 60px var(--black-a3),0 16px 64px var(--gray-a2),0 16px 36px -20px var(--gray-a7)"},spacing:{xs:"4px",sm:"8px",md:"12px",lg:"24px",xl:"32px",xxl:"48px"},spaceScale:{1:"4px",2:"8px",3:"12px",4:"16px",5:"24px",6:"32px",7:"40px",8:"48px",9:"64px"},typography:{family:'-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,"Helvetica Neue","Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',headingFamily:'-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,"Helvetica Neue","Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',codeFamily:'"Menlo","Consolas (Custom)","Bitstream Vera Sans Mono",monospace,"Apple Color Emoji","Segoe UI Emoji"',size:{sm:"12px",md:"14px",lg:"16px"},fontScale:{1:"12px",2:"14px",3:"16px",4:"18px",5:"20px",6:"24px",7:"28px",8:"35px",9:"60px"},lineHeight:{1:"16px",2:"20px",3:"24px",4:"26px",5:"28px",6:"30px",7:"36px",8:"40px",9:"60px"},letterSpacing:{1:"0.0025em",2:"0em",3:"0em",4:"-0.0025em",5:"-0.005em",6:"-0.00625em",7:"-0.0075em",8:"-0.01em",9:"-0.025em"}},motion:{durationShort:"120ms",durationBase:"180ms",durationLong:"260ms",easing:"cubic-bezier(0.2, 0.8, 0.2, 1)"},effects:{backdropFilterPanel:"blur(64px)"},components:xe,zIndex:{modal:1e3,overlay:900,toast:1100},breakpoints:{sm:"640px",md:"768px",lg:"1024px"}},ie={..._a,colors:{primary:"#ffc53d",primaryHover:"#ffd60a",foregroundOnPrimary:"#21201c",background:"#111111",surface:"#111111",surfaceAlt:"#191919",text:"#eeeeee",muted:"#b4b4b4",border:"#ffffff22",focusRing:"#ffc53d",success:"#30a46c",danger:"#e5484d",warning:"#ffc53d"},palette:{..._a.palette,gray:{1:"#111",2:"#191919",3:"#222",4:"#2a2a2a",5:"#313131",6:"#3a3a3a",7:"#484848",8:"#606060",9:"#6e6e6e",10:"#7b7b7b",11:"#b4b4b4",12:"#eee"},grayAlpha:{1:"#0000",2:"#ffffff09",3:"#ffffff12",4:"#ffffff1b",5:"#ffffff22",6:"#ffffff2c",7:"#ffffff3b",8:"#ffffff55",9:"#ffffff64",10:"#ffffff72",11:"#ffffffaf",12:"#ffffffed"},blackAlpha:qa,whiteAlpha:ae,accent:{...g.amber.dark.scale},accentAlpha:{...g.amber.dark.alphaScale},accentContrast:g.amber.dark.contrast,accentSurface:g.amber.dark.surface,accentIndicator:g.amber.dark.indicator,accentTrack:g.amber.dark.track},surfaces:{background:"#111111",surface:"#111111",panel:"#21212180",panelSolid:"#191919",panelTranslucent:"#21212180",overlay:"rgba(0, 0, 0, 0.72)",transparent:"transparent"},shadows:{sm:"0 0 0 1px var(--gray-a6),0 0 0 0.5px var(--black-a3),0 1px 1px 0 var(--black-a6),0 2px 1px -1px var(--black-a6),0 1px 3px 0 var(--black-a5)",md:"0 0 0 1px var(--gray-a6),0 2px 3px -2px var(--black-a3),0 3px 8px -2px var(--black-a6),0 4px 12px -4px var(--black-a7)",lg:"0 0 0 1px var(--gray-a6),0 8px 40px var(--black-a3),0 12px 32px -16px var(--black-a5)",1:"inset 0 -1px 1px 0 var(--gray-a3),inset 0 0 0 1px var(--gray-a3),inset 0 3px 4px 0 var(--black-a5),inset 0 0 0 1px var(--gray-a4)",2:"0 0 0 1px var(--gray-a6),0 0 0 0.5px var(--black-a3),0 1px 1px 0 var(--black-a6),0 2px 1px -1px var(--black-a6),0 1px 3px 0 var(--black-a5)",3:"0 0 0 1px var(--gray-a6),0 2px 3px -2px var(--black-a3),0 3px 8px -2px var(--black-a6),0 4px 12px -4px var(--black-a7)",4:"0 0 0 1px var(--gray-a6),0 8px 40px var(--black-a3),0 12px 32px -16px var(--black-a5)",5:"0 0 0 1px var(--gray-a6),0 12px 60px var(--black-a5),0 12px 32px -16px var(--black-a7)",6:"0 0 0 1px var(--gray-a6),0 12px 60px var(--black-a4),0 16px 64px var(--black-a6),0 16px 36px -20px var(--black-a11)"},components:be},ye=_a,ne=new Set;function p(e,a){if(!(!e&&!a))return{...e||{},...a||{}}}function Ca(e,a){var d,f,u,m,h,y,w,v,k,_,S,C,z,A,E,D,T,M,I,L,P,H,R,F,O,B,$,V,j,Z,U,Q,W,N,G,K,J,X,Y,q,aa,ea,ia,na,oa,ta,ra,sa,pa,ca,la,da,fa,ua,ga,ma,ha,xa,ba,ya,wa,va;const n=(a==null?void 0:a.mode)||"light",i=n==="dark"?ie:_a,r=a==null?void 0:a.accentPalette,o=r?g[r][n]:null,c=o?{colors:{...ee(o)},palette:{accent:o.scale,accentAlpha:o.alphaScale,accentContrast:o.contrast,accentSurface:o.surface,accentIndicator:o.indicator,accentTrack:o.track}}:null;return{...i,...e,colors:{...i.colors,...(c==null?void 0:c.colors)||{},...(e==null?void 0:e.colors)||{}},palette:{...i.palette||{},...(c==null?void 0:c.palette)||{},...(e==null?void 0:e.palette)||{},gray:p((d=i.palette)==null?void 0:d.gray,(f=e==null?void 0:e.palette)==null?void 0:f.gray),grayAlpha:p((u=i.palette)==null?void 0:u.grayAlpha,(m=e==null?void 0:e.palette)==null?void 0:m.grayAlpha),blackAlpha:p((h=i.palette)==null?void 0:h.blackAlpha,(y=e==null?void 0:e.palette)==null?void 0:y.blackAlpha),whiteAlpha:p((w=i.palette)==null?void 0:w.whiteAlpha,(v=e==null?void 0:e.palette)==null?void 0:v.whiteAlpha),accent:p((o==null?void 0:o.scale)||((k=i.palette)==null?void 0:k.accent),(_=e==null?void 0:e.palette)==null?void 0:_.accent),accentAlpha:p((o==null?void 0:o.alphaScale)||((S=i.palette)==null?void 0:S.accentAlpha),(C=e==null?void 0:e.palette)==null?void 0:C.accentAlpha)},surfaces:{...i.surfaces||{},...(e==null?void 0:e.surfaces)||{}},shadows:{...i.shadows||{},...(e==null?void 0:e.shadows)||{}},spacing:{...i.spacing||{},...(e==null?void 0:e.spacing)||{}},spaceScale:p(i.spaceScale,e==null?void 0:e.spaceScale),radiusScale:p(i.radiusScale,e==null?void 0:e.radiusScale),typography:{...i.typography||{},...(e==null?void 0:e.typography)||{},size:{...((z=i.typography)==null?void 0:z.size)||{},...((A=e==null?void 0:e.typography)==null?void 0:A.size)||{}},fontScale:p((E=i.typography)==null?void 0:E.fontScale,(D=e==null?void 0:e.typography)==null?void 0:D.fontScale),lineHeight:p((T=i.typography)==null?void 0:T.lineHeight,(M=e==null?void 0:e.typography)==null?void 0:M.lineHeight),letterSpacing:p((I=i.typography)==null?void 0:I.letterSpacing,(L=e==null?void 0:e.typography)==null?void 0:L.letterSpacing)},motion:{...i.motion||{},...(e==null?void 0:e.motion)||{}},effects:{...i.effects||{},...(e==null?void 0:e.effects)||{}},components:{...i.components||{},...(e==null?void 0:e.components)||{},button:p((P=i.components)==null?void 0:P.button,(H=e==null?void 0:e.components)==null?void 0:H.button),badge:p((R=i.components)==null?void 0:R.badge,(F=e==null?void 0:e.components)==null?void 0:F.badge),dropdown:p((O=i.components)==null?void 0:O.dropdown,(B=e==null?void 0:e.components)==null?void 0:B.dropdown),select:p(($=i.components)==null?void 0:$.select,(V=e==null?void 0:e.components)==null?void 0:V.select),sidebar:p((j=i.components)==null?void 0:j.sidebar,(Z=e==null?void 0:e.components)==null?void 0:Z.sidebar),card:p((U=i.components)==null?void 0:U.card,(Q=e==null?void 0:e.components)==null?void 0:Q.card),navigationMenu:p((W=i.components)==null?void 0:W.navigationMenu,(N=e==null?void 0:e.components)==null?void 0:N.navigationMenu),blockControls:p((G=i.components)==null?void 0:G.blockControls,(K=e==null?void 0:e.components)==null?void 0:K.blockControls),box:p((J=i.components)==null?void 0:J.box,(X=e==null?void 0:e.components)==null?void 0:X.box),breadcrumb:p((Y=i.components)==null?void 0:Y.breadcrumb,(q=e==null?void 0:e.components)==null?void 0:q.breadcrumb),contextMenu:p((aa=i.components)==null?void 0:aa.contextMenu,(ea=e==null?void 0:e.components)==null?void 0:ea.contextMenu),menubar:p((ia=i.components)==null?void 0:ia.menubar,(na=e==null?void 0:e.components)==null?void 0:na.menubar),alert:p((oa=i.components)==null?void 0:oa.alert,(ta=e==null?void 0:e.components)==null?void 0:ta.alert),alertDialog:p((ra=i.components)==null?void 0:ra.alertDialog,(sa=e==null?void 0:e.components)==null?void 0:sa.alertDialog),appHeader:p((pa=i.components)==null?void 0:pa.appHeader,(ca=e==null?void 0:e.components)==null?void 0:ca.appHeader),aspectRatio:p((la=i.components)==null?void 0:la.aspectRatio,(da=e==null?void 0:e.components)==null?void 0:da.aspectRatio),avatar:p((fa=i.components)==null?void 0:fa.avatar,(ua=e==null?void 0:e.components)==null?void 0:ua.avatar),menu:p((ga=i.components)==null?void 0:ga.menu,(ma=e==null?void 0:e.components)==null?void 0:ma.menu),multiSelect:p((ha=i.components)==null?void 0:ha.multiSelect,(xa=e==null?void 0:e.components)==null?void 0:xa.multiSelect),panel:p((ba=i.components)==null?void 0:ba.panel,(ya=e==null?void 0:e.components)==null?void 0:ya.panel),input:p((wa=i.components)==null?void 0:wa.input,(va=e==null?void 0:e.components)==null?void 0:va.input)},zIndex:{...i.zIndex||{},...(e==null?void 0:e.zIndex)||{}},breakpoints:{...i.breakpoints||{},...(e==null?void 0:e.breakpoints)||{}}}}function we(e,a,n="light"){const i=g[a][n],r=e;return Ca({...r,colors:{...r.colors||{},...ee(i)},palette:{...r.palette||{},accent:i.scale,accentAlpha:i.alphaScale,accentContrast:i.contrast,accentSurface:i.surface,accentIndicator:i.indicator,accentTrack:i.track}},{mode:n})}function t(e,a,n){try{e.style.setProperty(a,n)}catch{}}function s(e,a,n){n&&Object.entries(n).forEach(([i,r])=>{typeof r=="string"&&r&&e.style.setProperty(`${a}${i}`,r)})}function ve(e){e&&ne.add(e)}function Na(e,a){var n,i,r,o,c,l,d,f,u,m,h,y,w,v,k,_,S,C,z,A,E,D,T,M,I,L,P,H,R,F,O,B,$,V,j,Z,U,Q,W,N,G,K,J,X,Y,q,aa,ea,ia,na,oa,ta,ra,sa,pa,ca,la,da,fa,ua,ga,ma,ha,xa,ba,ya,wa,va,za,Aa,Ea,Da,Ta,Ma,Ia,La,Pa,Ha,Ra,Fa,Oa,Ba,$a,Va,ja;t(e,"--ui-color-primary",a.colors.primary),t(e,"--ui-color-primary-hover",a.colors.primaryHover||a.colors.primary),t(e,"--ui-color-foreground-on-primary",a.colors.foregroundOnPrimary||"#ffffff"),t(e,"--ui-color-background",a.colors.background||"#ffffff"),t(e,"--ui-color-surface",a.colors.surface||a.colors.background||"#ffffff"),t(e,"--ui-color-surface-alt",a.colors.surfaceAlt||a.colors.surface||"#f9f9f9"),t(e,"--ui-color-text",a.colors.text||"#202020"),t(e,"--ui-color-muted",a.colors.muted||"#646464"),t(e,"--ui-color-border",a.colors.border||"#0000001f"),t(e,"--ui-color-focus-ring",a.colors.focusRing||a.colors.primary),t(e,"--ui-color-success",a.colors.success||"#30a46c"),t(e,"--ui-color-danger",a.colors.danger||"#e5484d"),t(e,"--ui-color-warning",a.colors.warning||a.colors.primary),t(e,"--ui-primary",a.colors.primary),t(e,"--ui-primary-hover",a.colors.primaryHover||a.colors.primary),t(e,"--ui-foreground",a.colors.foregroundOnPrimary||"#ffffff"),t(e,"--ui-background",a.colors.background||"#ffffff"),t(e,"--ui-surface",a.colors.surface||a.colors.background||"#ffffff"),t(e,"--ui-surface-alt",a.colors.surfaceAlt||a.colors.surface||"#f9f9f9"),t(e,"--ui-text",a.colors.text||"#202020"),t(e,"--ui-muted",a.colors.muted||"#646464"),t(e,"--ui-border",a.colors.border||"#0000001f"),t(e,"--ui-focus-ring",a.colors.focusRing||a.colors.primary),t(e,"--ui-success",a.colors.success||"#30a46c"),t(e,"--ui-error",a.colors.danger||"#e5484d"),t(e,"--ui-warning",a.colors.warning||a.colors.primary),t(e,"--ui-radius",a.radius||"4px"),t(e,"--ui-space-xs",((n=a.spacing)==null?void 0:n.xs)||"4px"),t(e,"--ui-space-sm",((i=a.spacing)==null?void 0:i.sm)||"8px"),t(e,"--ui-space-md",((r=a.spacing)==null?void 0:r.md)||"12px"),t(e,"--ui-space-lg",((o=a.spacing)==null?void 0:o.lg)||"24px"),t(e,"--ui-space-xl",((c=a.spacing)==null?void 0:c.xl)||"32px"),t(e,"--ui-space-xxl",((l=a.spacing)==null?void 0:l.xxl)||"48px"),t(e,"--ui-default-gap",((d=a.spacing)==null?void 0:d.sm)||((f=a.spaceScale)==null?void 0:f["2"])||"8px"),t(e,"--ui-shadow-sm",((u=a.shadows)==null?void 0:u.sm)||((m=a.shadows)==null?void 0:m["2"])||"none"),t(e,"--ui-shadow-md",((h=a.shadows)==null?void 0:h.md)||((y=a.shadows)==null?void 0:y["3"])||"none"),t(e,"--ui-shadow-lg",((w=a.shadows)==null?void 0:w.lg)||((v=a.shadows)==null?void 0:v["4"])||"none"),t(e,"--ui-font-family",((k=a.typography)==null?void 0:k.family)||"system-ui, sans-serif"),t(e,"--ui-font-family-heading",((_=a.typography)==null?void 0:_.headingFamily)||((S=a.typography)==null?void 0:S.family)||"system-ui, sans-serif"),t(e,"--ui-font-family-code",((C=a.typography)==null?void 0:C.codeFamily)||"monospace"),t(e,"--ui-font-size-sm",((A=(z=a.typography)==null?void 0:z.size)==null?void 0:A.sm)||"12px"),t(e,"--ui-font-size-md",((D=(E=a.typography)==null?void 0:E.size)==null?void 0:D.md)||"14px"),t(e,"--ui-font-size-lg",((M=(T=a.typography)==null?void 0:T.size)==null?void 0:M.lg)||"16px"),t(e,"--ui-default-font-size",((L=(I=a.typography)==null?void 0:I.size)==null?void 0:L.md)||((H=(P=a.typography)==null?void 0:P.fontScale)==null?void 0:H["2"])||"14px"),t(e,"--ui-default-line-height",((F=(R=a.typography)==null?void 0:R.lineHeight)==null?void 0:F["2"])||"20px"),t(e,"--ui-default-letter-spacing",((B=(O=a.typography)==null?void 0:O.letterSpacing)==null?void 0:B["2"])||"0em"),t(e,"--ui-motion-short",(($=a.motion)==null?void 0:$.durationShort)||"120ms"),t(e,"--ui-motion-base",((V=a.motion)==null?void 0:V.durationBase)||"180ms"),t(e,"--ui-motion-long",((j=a.motion)==null?void 0:j.durationLong)||"260ms"),t(e,"--ui-motion-easing",((Z=a.motion)==null?void 0:Z.easing)||"cubic-bezier(0.2, 0.8, 0.2, 1)"),t(e,"--ui-z-modal",String(((U=a.zIndex)==null?void 0:U.modal)??1e3)),t(e,"--ui-z-overlay",String(((Q=a.zIndex)==null?void 0:Q.overlay)??900)),t(e,"--ui-z-toast",String(((W=a.zIndex)==null?void 0:W.toast)??1100)),t(e,"--ui-breakpoint-sm",((N=a.breakpoints)==null?void 0:N.sm)||"640px"),t(e,"--ui-breakpoint-md",((G=a.breakpoints)==null?void 0:G.md)||"768px"),t(e,"--ui-breakpoint-lg",((K=a.breakpoints)==null?void 0:K.lg)||"1024px"),t(e,"--color-background",((J=a.surfaces)==null?void 0:J.background)||a.colors.background||"#ffffff"),t(e,"--color-surface",((X=a.surfaces)==null?void 0:X.surface)||a.colors.surface||"#fcfcfc"),t(e,"--color-panel",((Y=a.surfaces)==null?void 0:Y.panel)||((q=a.surfaces)==null?void 0:q.panelTranslucent)||"#ffffffcc"),t(e,"--color-panel-solid",((aa=a.surfaces)==null?void 0:aa.panelSolid)||a.colors.surface||"#ffffff"),t(e,"--color-panel-translucent",((ea=a.surfaces)==null?void 0:ea.panelTranslucent)||"#ffffffcc"),t(e,"--color-overlay",((ia=a.surfaces)==null?void 0:ia.overlay)||"rgba(2, 6, 23, 0.52)"),t(e,"--color-transparent",((na=a.surfaces)==null?void 0:na.transparent)||"transparent"),t(e,"--backdrop-filter-panel",((oa=a.effects)==null?void 0:oa.backdropFilterPanel)||"blur(64px)"),(ta=a.palette)!=null&&ta.accentContrast&&t(e,"--accent-contrast",a.palette.accentContrast),(ra=a.palette)!=null&&ra.accentSurface&&t(e,"--accent-surface",a.palette.accentSurface),(sa=a.palette)!=null&&sa.accentIndicator&&t(e,"--accent-indicator",a.palette.accentIndicator),(pa=a.palette)!=null&&pa.accentTrack&&t(e,"--accent-track",a.palette.accentTrack),s(e,"--gray-",(ca=a.palette)==null?void 0:ca.gray),s(e,"--gray-a",(la=a.palette)==null?void 0:la.grayAlpha),s(e,"--black-a",(da=a.palette)==null?void 0:da.blackAlpha),s(e,"--white-a",(fa=a.palette)==null?void 0:fa.whiteAlpha),s(e,"--accent-",(ua=a.palette)==null?void 0:ua.accent),s(e,"--accent-a",(ga=a.palette)==null?void 0:ga.accentAlpha),s(e,"--space-",a.spaceScale),s(e,"--radius-",a.radiusScale),s(e,"--font-size-",(ma=a.typography)==null?void 0:ma.fontScale),s(e,"--line-height-",(ha=a.typography)==null?void 0:ha.lineHeight),s(e,"--letter-spacing-",(xa=a.typography)==null?void 0:xa.letterSpacing),s(e,"--shadow-",a.shadows),s(e,"--base-button-",(ba=a.components)==null?void 0:ba.button),s(e,"--base-badge-",(ya=a.components)==null?void 0:ya.badge),s(e,"--base-dropdown-",(wa=a.components)==null?void 0:wa.dropdown),s(e,"--base-select-",(va=a.components)==null?void 0:va.select),s(e,"--base-sidebar-",(za=a.components)==null?void 0:za.sidebar),s(e,"--base-block-controls-",(Aa=a.components)==null?void 0:Aa.blockControls),s(e,"--base-box-",(Ea=a.components)==null?void 0:Ea.box),s(e,"--base-breadcrumb-",(Da=a.components)==null?void 0:Da.breadcrumb),s(e,"--base-card-",(Ta=a.components)==null?void 0:Ta.card),s(e,"--base-multi-select-",(Ma=a.components)==null?void 0:Ma.multiSelect),s(e,"--base-navigation-menu-",(Ia=a.components)==null?void 0:Ia.navigationMenu),s(e,"--base-menubar-",(La=a.components)==null?void 0:La.menubar),s(e,"--base-context-menu-",(Pa=a.components)==null?void 0:Pa.contextMenu),s(e,"--base-alert-",(Ha=a.components)==null?void 0:Ha.alert),s(e,"--base-alert-dialog-",(Ra=a.components)==null?void 0:Ra.alertDialog),s(e,"--base-app-header-",(Fa=a.components)==null?void 0:Fa.appHeader),s(e,"--base-aspect-ratio-",(Oa=a.components)==null?void 0:Oa.aspectRatio),s(e,"--base-avatar-",(Ba=a.components)==null?void 0:Ba.avatar),s(e,"--base-menu-",($a=a.components)==null?void 0:$a.menu),s(e,"--base-panel-",(Va=a.components)==null?void 0:Va.panel),s(e,"--base-input-",(ja=a.components)==null?void 0:ja.input)}function ke(e,a=typeof document<"u"?document:null){if(!a)return;const n=Ca(e),i=a===document||a instanceof ShadowRoot;let r;if(a===document?r=document.documentElement:a instanceof ShadowRoot?r=a.host:r=a,Na(r,n),i)for(const o of ne)try{Na(o,n)}catch{}}exports.AlertDialogManager=Ga;exports.DialogManager=Ja;exports.alert=pe;exports.applyTheme=ke;exports.baselineAccentPalettes=g;exports.baselineDarkTokens=ie;exports.baselineLightTokens=_a;exports.confirm=ce;exports.confirmDialog=me;exports.createAlertDialogManager=Ka;exports.createDialogManager=Xa;exports.createThemeTokens=Ca;exports.defaultTokens=ye;exports.dismissAllAlertDialogs=de;exports.dismissAllDialogs=he;exports.prompt=le;exports.registerThemeHost=ve;exports.showDialog=ge;exports.withAccentPalette=we;
|
package/dist/runtime.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./portal-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./portal-c69756c0.js"),t=require("./positioner-33529bb8.js"),e=require("./runtime-3f13807b.js");exports.autoUpdatePosition=a.autoUpdatePosition;exports.computePosition=a.computePosition;exports.createPortalContainer=a.createPortalContainer;exports.showPortalFor=a.showPortalFor;exports.arrowMiddleware=t.arrowMiddleware;exports.autoPlacementMiddleware=t.autoPlacementMiddleware;exports.autoUpdatePositioner=t.autoUpdatePositioner;exports.computePositionState=t.computePositionState;exports.createPositioner=t.createPositioner;exports.createVirtualPoint=t.createVirtualPoint;exports.createVirtualRange=t.createVirtualRange;exports.createVirtualRect=t.createVirtualRect;exports.detectPositionerOverflow=t.detectPositionerOverflow;exports.flipMiddleware=t.flipMiddleware;exports.hideMiddleware=t.hideMiddleware;exports.offsetMiddleware=t.offsetMiddleware;exports.shiftMiddleware=t.shiftMiddleware;exports.sizeMiddleware=t.sizeMiddleware;exports.AlertDialogManager=e.AlertDialogManager;exports.DialogManager=e.DialogManager;exports.alert=e.alert;exports.applyTheme=e.applyTheme;exports.baselineDarkTokens=e.baselineDarkTokens;exports.baselineLightTokens=e.baselineLightTokens;exports.confirm=e.confirm;exports.confirmDialog=e.confirmDialog;exports.createAlertDialogManager=e.createAlertDialogManager;exports.createDialogManager=e.createDialogManager;exports.createThemeTokens=e.createThemeTokens;exports.defaultTokens=e.defaultTokens;exports.dismissAllAlertDialogs=e.dismissAllAlertDialogs;exports.dismissAllDialogs=e.dismissAllDialogs;exports.prompt=e.prompt;exports.registerThemeHost=e.registerThemeHost;exports.showDialog=e.showDialog;exports.withAccentPalette=e.withAccentPalette;
|
package/dist/runtime.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { computePosition, createPortalContainer, autoUpdatePosition, showPortalFor, } from './portal';
|
|
2
2
|
export type { Placement, ComputeOptions, VirtualElement, ShowPortalOptions } from './portal';
|
|
3
|
+
export { autoUpdatePositioner, arrowMiddleware, autoPlacementMiddleware, computePositionState, createPositioner, createVirtualPoint, createVirtualRange, createVirtualRect, detectPositionerOverflow, flipMiddleware, hideMiddleware, offsetMiddleware, shiftMiddleware, sizeMiddleware, } from './primitives/positioner';
|
|
4
|
+
export type { PositionerAnchor, PositionerAlign, PositionerAutoUpdateOptions, PositionerBoundaryRect, PositionerHandle, PositionerMiddleware, PositionerMiddlewareData, PositionerMiddlewareReturn, PositionerMiddlewareState, PositionerOptions, PositionerOverflow, PositionerPlatform, PositionerPlacement, PositionerRects, PositionerSide, PositionerState, PositionerStrategy, PositionerVirtualElement, } from './primitives/positioner';
|
|
3
5
|
export { applyTheme, defaultTokens, baselineLightTokens, baselineDarkTokens, createThemeTokens, withAccentPalette, registerThemeHost, } from './theme';
|
|
4
6
|
export type { ThemeTokens, ThemeMode, AccentPaletteName } from './theme';
|
|
5
7
|
export { DialogManager, createDialogManager, showDialog, confirmDialog, dismissAllDialogs, } from './dialog-manager';
|
package/dist/runtime.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7F,OAAO,EACL,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzE,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,EACL,OAAO,EACP,MAAM,EACN,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,0BAA0B,EAC1B,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7F,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,2BAA2B,EAC3B,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzE,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,KAAK,EACL,OAAO,EACP,MAAM,EACN,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,0BAA0B,EAC1B,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC"}
|
package/dist/runtime.esm.js
CHANGED
|
@@ -1,26 +1,41 @@
|
|
|
1
|
-
import { b as
|
|
2
|
-
import {
|
|
1
|
+
import { b as s, a as t, c as o, s as i } from "./portal-fe73e5cc.mjs";
|
|
2
|
+
import { j as l, h as n, a as d, c, l as g, b as m, e as f, d as p, f as w, g as M, k as P, o as h, s as D, i as u } from "./positioner-e9770c66.mjs";
|
|
3
|
+
import { A, D as T, a as b, m as x, j as V, i as j, b as R, f as U, c as v, e as y, l as z, k as C, d as F, g as H, p as L, r as O, s as S, w as q } from "./runtime-161f68a2.mjs";
|
|
3
4
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
5
|
+
A as AlertDialogManager,
|
|
6
|
+
T as DialogManager,
|
|
7
|
+
b as alert,
|
|
8
|
+
x as applyTheme,
|
|
9
|
+
l as arrowMiddleware,
|
|
10
|
+
n as autoPlacementMiddleware,
|
|
11
|
+
s as autoUpdatePosition,
|
|
12
|
+
d as autoUpdatePositioner,
|
|
13
|
+
V as baselineDarkTokens,
|
|
14
|
+
j as baselineLightTokens,
|
|
15
|
+
t as computePosition,
|
|
16
|
+
c as computePositionState,
|
|
17
|
+
R as confirm,
|
|
18
|
+
U as confirmDialog,
|
|
19
|
+
v as createAlertDialogManager,
|
|
20
|
+
y as createDialogManager,
|
|
21
|
+
o as createPortalContainer,
|
|
22
|
+
g as createPositioner,
|
|
23
|
+
z as createThemeTokens,
|
|
24
|
+
m as createVirtualPoint,
|
|
25
|
+
f as createVirtualRange,
|
|
26
|
+
p as createVirtualRect,
|
|
27
|
+
C as defaultTokens,
|
|
28
|
+
w as detectPositionerOverflow,
|
|
29
|
+
F as dismissAllAlertDialogs,
|
|
30
|
+
H as dismissAllDialogs,
|
|
31
|
+
M as flipMiddleware,
|
|
32
|
+
P as hideMiddleware,
|
|
33
|
+
h as offsetMiddleware,
|
|
34
|
+
L as prompt,
|
|
35
|
+
O as registerThemeHost,
|
|
36
|
+
D as shiftMiddleware,
|
|
37
|
+
S as showDialog,
|
|
38
|
+
i as showPortalFor,
|
|
39
|
+
u as sizeMiddleware,
|
|
40
|
+
q as withAccentPalette
|
|
26
41
|
};
|
package/dist/sortable.cjs.js
CHANGED
|
@@ -720,7 +720,7 @@
|
|
|
720
720
|
background: Highlight;
|
|
721
721
|
}
|
|
722
722
|
}
|
|
723
|
-
`;function V(u){if(!u)return[];try{const e=JSON.parse(u);return Array.isArray(e)?e:[]}catch{return[]}}function I(u){return u.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function z(u,e){return`${u}::${e??"__root__"}`}function X(u){return u?[u.listId,u.parentId??"",u.beforeId??"",u.mode].join("::"):""}function B(u,e){return X(u)===X(e)}function oe(u){if(!u||u==="none")return{x:1,y:1};const e=u.match(/^matrix3d\((.+)\)$/);if(e){const t=e[1].split(",").map(i=>Number.parseFloat(i.trim()));if(t.length===16&&t.every(i=>Number.isFinite(i)))return{x:t[0]||1,y:t[5]||1}}const r=u.match(/^matrix\((.+)\)$/);if(r){const t=r[1].split(",").map(i=>Number.parseFloat(i.trim()));if(t.length===6&&t.every(i=>Number.isFinite(i))){const[i,s,o,a]=t;return{x:Math.sqrt(i*i+s*s)||1,y:Math.sqrt(o*o+a*a)||1}}}return{x:1,y:1}}function ae(u){return u==="item"?"item":"handle"}function $(u){return{...u}}function de(u,e,r,t,i,s){const o=M(u),a=E(u),l=new Set,n=[],d=h=>{const x=o.get(h);!x||l.has(h)||(l.add(h),n.push(h),(a.get(z(x.listId,h))||[]).forEach(d))};t.forEach(d);const c=u.map($),g=c.filter(h=>l.has(h.id)),m=i?c.map($):c.filter(h=>!l.has(h.id)),f=i?g.map(h=>s(h,n)):g.map($),v=new Map,b=new Map;i&&g.forEach((h,x)=>{v.set(h.id,f[x].id),b.set(f[x].id,h.id)}),f.forEach(h=>{const x=i?b.get(h.id):h.id,F=x?o.get(x):null;F&&(i&&(h.parentId=F.parentId&&v.has(F.parentId)&&v.get(F.parentId)||null),h.listId=r.listId)});const y=t.map(h=>v.get(h)||h),w=[...m,...f],k=E(m),A=z(r.listId,r.parentId),_=[...k.get(A)||[]],R=r.beforeId?_.indexOf(r.beforeId):_.length,S=R>=0?R:_.length;_.splice(S,0,...y),k.set(A,_),E(f).forEach((h,x)=>{const[,F]=x.split("::");(F||"")!=="__root__"&&k.set(x,[...h])});const T=M(w);y.forEach(h=>{const x=T.get(h);x&&(x.parentId=r.parentId,x.listId=r.listId)});const P=[],L=new Set,G=(h,x)=>{(k.get(z(h,x))||[]).forEach((O,K)=>{const p=T.get(O);!p||L.has(O)||(L.add(O),p.listId=h,p.parentId=x,p.order=K,P.push(p),G(h,O))})};return e.forEach(h=>G(h.id,null)),w.forEach(h=>{L.has(h.id)||(h.parentId=null,P.push(h))}),{items:P.map($),insertedRootIds:y}}function E(u){const e=new Map;return u.forEach(r=>{const t=z(r.listId,r.parentId),i=e.get(t);i?i.push(r.id):e.set(t,[r.id])}),e}function M(u){return new Map(u.map(e=>[e.id,e]))}function Y(u){const e=new Set,r=[];return u.forEach((t,i)=>{const s=typeof(t==null?void 0:t.id)=="string"&&t.id.trim()?t.id.trim():`list-${i+1}`;e.has(s)||(e.add(s),r.push({id:s,label:typeof(t==null?void 0:t.label)=="string"&&t.label.trim()?t.label.trim():`List ${i+1}`,description:typeof(t==null?void 0:t.description)=="string"?t.description:"",emptyLabel:typeof(t==null?void 0:t.emptyLabel)=="string"&&t.emptyLabel.trim()?t.emptyLabel.trim():"Drop items here.",orientation:(t==null?void 0:t.orientation)==="horizontal"?"horizontal":"vertical",disabled:!!(t!=null&&t.disabled),cloneOnDrag:!!(t!=null&&t.cloneOnDrag),accepts:Array.isArray(t==null?void 0:t.accepts)?t.accepts.filter(o=>typeof o=="string"&&o.trim().length>0):void 0}))}),r.length?r:[{id:"default",label:"Items",description:"",emptyLabel:"Drop items here.",orientation:"vertical",disabled:!1,cloneOnDrag:!1}]}function U(u,e){const r=new Set(u.map(n=>n.id)),t=[];e.forEach((n,d)=>{const c=typeof(n==null?void 0:n.id)=="string"&&n.id.trim()?n.id.trim():"",g=typeof(n==null?void 0:n.label)=="string"&&n.label.trim()?n.label.trim():"";if(!c||!g)return;const m=typeof(n==null?void 0:n.listId)=="string"&&r.has(n.listId)?n.listId:u[0].id;t.push({id:c,label:g,listId:m,parentId:typeof(n==null?void 0:n.parentId)=="string"&&n.parentId.trim()?n.parentId.trim():null,description:typeof(n==null?void 0:n.description)=="string"?n.description:"",order:Number.isFinite(n==null?void 0:n.order)?Number(n.order):d,disabled:!!(n!=null&&n.disabled),dragDisabled:!!(n!=null&&n.dragDisabled),cloneOnDrag:!!(n!=null&&n.cloneOnDrag),hidden:!!(n!=null&&n.hidden)})});const i=new Map(t.map(n=>[n.id,n]));t.forEach(n=>{if(!n.parentId)return;const d=i.get(n.parentId);(!d||d.id===n.id||d.listId!==n.listId)&&(n.parentId=null)});const s=new Map;t.forEach(n=>{const d=z(n.listId,n.parentId),c=s.get(d);c?c.push(n):s.set(d,[n])}),s.forEach(n=>n.sort((d,c)=>d.order-c.order||d.label.localeCompare(c.label)));const o=[],a=new Set,l=(n,d)=>{(s.get(z(n,d))||[]).forEach((g,m)=>{a.has(g.id)||(a.add(g.id),g.order=m,o.push(g),l(n,g.id))})};return u.forEach(n=>l(n.id,null)),t.forEach(n=>{a.has(n.id)||(n.parentId=null,o.push(n))}),o.map($)}function le(u){return JSON.stringify(u.map(e=>({id:e.id,label:e.label,listId:e.listId,parentId:e.parentId,description:e.description,order:e.order,disabled:e.disabled,dragDisabled:e.dragDisabled,cloneOnDrag:e.cloneOnDrag,hidden:e.hidden})))}function ce(u){return JSON.stringify(u.map(e=>({id:e.id,label:e.label,description:e.description,emptyLabel:e.emptyLabel,orientation:e.orientation,disabled:e.disabled,cloneOnDrag:e.cloneOnDrag,accepts:e.accepts})))}function j(u){return JSON.stringify(u)}function J(u){const e=new Map,r=u.map(t=>{const i=z(t.listId,t.parentId),s=e.get(i)??0;return e.set(i,s+1),{id:t.id,listId:t.listId,parentId:t.parentId,index:s}});return{version:re,records:r}}function W(u,e){return e?`${u.label} ${u.description}`.toLowerCase().includes(e.toLowerCase()):!0}function Q(u,e,r,t,i){const s=M(u),o=E(u),a=new Map,l=(c,g)=>{const m=[...o.get(z(c,g))||[]];return i==="label"&&m.sort((f,v)=>{const b=s.get(f),y=s.get(v);return!b||!y?0:b.label.localeCompare(y.label)}),m},n=(c,g,m)=>{const f=[];return l(c,g).forEach(v=>{const b=s.get(v);if(!b||b.hidden)return;const y=n(c,b.id);!W(b,t)&&y.length===0||(f.push({id:b.id,disabled:b.disabled}),y.length&&f.push(...y))}),f};return Array.from(new Set(u.map(c=>c.listId))).forEach(c=>{a.set(c,n(c,null))}),a}class Z extends te.ElementBase{constructor(){super(),this._lists=Y([]),this._items=[],this._selection=[],this._focusedId=null,this._rangeAnchorId=null,this._dragState=null,this._liveMessage="Sortable list ready.",this._lastListsAttr=null,this._lastItemsAttr=null,this._lastSelectionAttr=null,this._hydratedPersistKey=null,this._cloneSeed=1,this._dragImage=null,this._dragPreviewOverlay=null,this._pendingFocusId=null,this._pointerGesture=null,this._pendingDropTarget=null,this._suppressAttributeRender=!1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDragStart=this._onDragStart.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this),this._onDragEnd=this._onDragEnd.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onPointerCancel=this._onPointerCancel.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this)}static get observedAttributes(){return["lists","items","selection","filter-query","sort","persist-key","allow-filtered-drag","allow-nesting","drop-indicator-visibility","dropzone-style","drag-preview-size","drag-handle-mode","drag-handle-selector","custom-item-rendering","show-selection-badge","disabled"]}shouldRenderOnAttributeChange(e,r,t){return this._suppressAttributeRender?!["lists","items","selection"].includes(e):!0}attributeChangedCallback(e,r,t){if(r!==t&&this.isConnected){if(e==="selection"&&!this._suppressAttributeRender&&this._canSyncInteractiveStateInPlace()){this._syncSelectionFromAttribute(t??null),this._syncSelectionVisualState();return}if(e==="show-selection-badge"&&this._canSyncInteractiveStateInPlace()){this._syncSelectionVisualState();return}super.attributeChangedCallback(e,r,t)}}connectedCallback(){var e,r,t,i;super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("dragstart",this._onDragStart),this.root.addEventListener("dragover",this._onDragOver),this.root.addEventListener("drop",this._onDrop),this.root.addEventListener("dragend",this._onDragEnd),this.root.addEventListener("pointerdown",this._onPointerDown),this.root.addEventListener("focusin",this._onFocusIn),(e=this.ownerDocument)==null||e.addEventListener("keydown",this._onDocumentKeyDown,!0),(r=this.ownerDocument)==null||r.addEventListener("pointermove",this._onPointerMove,!0),(t=this.ownerDocument)==null||t.addEventListener("pointerup",this._onPointerUp,!0),(i=this.ownerDocument)==null||i.addEventListener("pointercancel",this._onPointerCancel,!0)}disconnectedCallback(){var e,r,t,i;this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("dragstart",this._onDragStart),this.root.removeEventListener("dragover",this._onDragOver),this.root.removeEventListener("drop",this._onDrop),this.root.removeEventListener("dragend",this._onDragEnd),this.root.removeEventListener("pointerdown",this._onPointerDown),this.root.removeEventListener("focusin",this._onFocusIn),(e=this.ownerDocument)==null||e.removeEventListener("keydown",this._onDocumentKeyDown,!0),(r=this.ownerDocument)==null||r.removeEventListener("pointermove",this._onPointerMove,!0),(t=this.ownerDocument)==null||t.removeEventListener("pointerup",this._onPointerUp,!0),(i=this.ownerDocument)==null||i.removeEventListener("pointercancel",this._onPointerCancel,!0),this._removeDragPreviewOverlay(),this._removeDragImage(),super.disconnectedCallback()}get lists(){return this._lists.map(e=>({...e}))}set lists(e){this.setAttribute("lists",JSON.stringify(e??[]))}get items(){return this._items.map(e=>({...e}))}set items(e){this.setAttribute("items",JSON.stringify(e??[]))}get selection(){return[...this._selection]}set selection(e){this.setAttribute("selection",JSON.stringify(e??[]))}get sort(){return this.getAttribute("sort")==="label"?"label":"manual"}set sort(e){!e||e==="manual"?this.removeAttribute("sort"):this.setAttribute("sort",e)}get filterQuery(){return this.getAttribute("filter-query")||""}set filterQuery(e){e?this.setAttribute("filter-query",e):this.removeAttribute("filter-query")}select(e){this._setSelection(e,"api")}clearSelection(){this._setSelection([],"api")}cancelDrag(){this._cancelDrag(!0)}focusItem(e){this._items.some(r=>r.id===e)&&(this._focusedId=e,this._pendingFocusId=e,!this._applyInteractiveStateInPlace({restoreFocus:!0})&&this.requestRender())}moveSelection(e){const r=this._selectedRootIds();r.length&&this._commitMove({listId:e.targetListId,parentId:e.parentId??null,beforeId:e.beforeId??null,mode:e.mode??(e.parentId?"inside":"before")},r,!!e.clone,e.source??"api")}getPersistenceSnapshot(){return J(this._items)}render(){var _,R;this._syncStateFromAttributes();const e=this._measureItemShellRects(),r=new Set(this._draggingIds()),t=new Set(this._selection),s=!!((_=this._dragState)!=null&&_.keyboard)?this._projectedMoveResult():null,o=(s==null?void 0:s.items)||this._items,a=new Set((s==null?void 0:s.insertedRootIds)||[]),l=!!this._dragState&&!this._dragState.keyboard&&!!this._dragState.dropTarget,n=Q(o,t,r,this.filterQuery,this.sort),d=this._resolvedFocusedId(n),c=this._isDragLocked(),g=this._selection.length,m=this.getAttribute("allow-nesting")!=="false",f=this.getAttribute("drop-indicator-visibility")==="always"?"always":"active",v=this._dropzoneStyle(),b=this.getAttribute("show-selection-badge")!=="false",y=this._dragHandleMode(),w=this._usesCustomHandleSelector(),k=c?this.sort==="label"?"Dragging is paused while alphabetical sorting is active.":this.filterQuery&&!this.hasAttribute("allow-filtered-drag")?"Dragging is paused while the list is filtered.":"Dragging is currently disabled.":(R=this._dragState)!=null&&R.keyboard?"Keyboard drag active. Use arrow keys to choose a drop target, Space or Enter to drop, and Escape to cancel.":y==="item"?"Drag from anywhere on an item, or press Space on a focused item to start keyboard reordering.":w?"Use your custom drag handle element, or press Space on a focused item to start keyboard reordering.":"Use the handle to drag, or press Space on a focused item to start keyboard reordering.",A=`
|
|
723
|
+
`;function V(u){if(!u)return[];try{const e=JSON.parse(u);return Array.isArray(e)?e:[]}catch{return[]}}function I(u){return u.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function z(u,e){return`${u}::${e??"__root__"}`}function X(u){return u?[u.listId,u.parentId??"",u.beforeId??"",u.mode].join("::"):""}function B(u,e){return X(u)===X(e)}function oe(u){if(!u||u==="none")return{x:1,y:1};const e=u.match(/^matrix3d\((.+)\)$/);if(e){const t=e[1].split(",").map(i=>Number.parseFloat(i.trim()));if(t.length===16&&t.every(i=>Number.isFinite(i)))return{x:t[0]||1,y:t[5]||1}}const r=u.match(/^matrix\((.+)\)$/);if(r){const t=r[1].split(",").map(i=>Number.parseFloat(i.trim()));if(t.length===6&&t.every(i=>Number.isFinite(i))){const[i,s,o,a]=t;return{x:Math.sqrt(i*i+s*s)||1,y:Math.sqrt(o*o+a*a)||1}}}return{x:1,y:1}}function ae(u){return u==="item"?"item":"handle"}function $(u){return{...u}}function de(u,e,r,t,i,s){const o=M(u),a=E(u),l=new Set,n=[],d=h=>{const x=o.get(h);!x||l.has(h)||(l.add(h),n.push(h),(a.get(z(x.listId,h))||[]).forEach(d))};t.forEach(d);const c=u.map($),g=c.filter(h=>l.has(h.id)),m=i?c.map($):c.filter(h=>!l.has(h.id)),f=i?g.map(h=>s(h,n)):g.map($),v=new Map,b=new Map;i&&g.forEach((h,x)=>{v.set(h.id,f[x].id),b.set(f[x].id,h.id)}),f.forEach(h=>{const x=i?b.get(h.id):h.id,F=x?o.get(x):null;F&&(i&&(h.parentId=F.parentId&&v.has(F.parentId)&&v.get(F.parentId)||null),h.listId=r.listId)});const y=t.map(h=>v.get(h)||h),w=[...m,...f],k=E(m),A=z(r.listId,r.parentId),_=[...k.get(A)||[]],R=r.beforeId?_.indexOf(r.beforeId):_.length,S=R>=0?R:_.length;_.splice(S,0,...y),k.set(A,_),E(f).forEach((h,x)=>{const[,F]=x.split("::");(F||"")!=="__root__"&&k.set(x,[...h])});const T=M(w);y.forEach(h=>{const x=T.get(h);x&&(x.parentId=r.parentId,x.listId=r.listId)});const P=[],L=new Set,G=(h,x)=>{(k.get(z(h,x))||[]).forEach((O,K)=>{const p=T.get(O);!p||L.has(O)||(L.add(O),p.listId=h,p.parentId=x,p.order=K,P.push(p),G(h,O))})};return e.forEach(h=>G(h.id,null)),w.forEach(h=>{L.has(h.id)||(h.parentId=null,P.push(h))}),{items:P.map($),insertedRootIds:y}}function E(u){const e=new Map;return u.forEach(r=>{const t=z(r.listId,r.parentId),i=e.get(t);i?i.push(r.id):e.set(t,[r.id])}),e}function M(u){return new Map(u.map(e=>[e.id,e]))}function Y(u){const e=new Set,r=[];return u.forEach((t,i)=>{const s=typeof(t==null?void 0:t.id)=="string"&&t.id.trim()?t.id.trim():`list-${i+1}`;e.has(s)||(e.add(s),r.push({id:s,label:typeof(t==null?void 0:t.label)=="string"&&t.label.trim()?t.label.trim():`List ${i+1}`,description:typeof(t==null?void 0:t.description)=="string"?t.description:"",emptyLabel:typeof(t==null?void 0:t.emptyLabel)=="string"&&t.emptyLabel.trim()?t.emptyLabel.trim():"Drop items here.",orientation:(t==null?void 0:t.orientation)==="horizontal"?"horizontal":"vertical",disabled:!!(t!=null&&t.disabled),cloneOnDrag:!!(t!=null&&t.cloneOnDrag),accepts:Array.isArray(t==null?void 0:t.accepts)?t.accepts.filter(o=>typeof o=="string"&&o.trim().length>0):void 0}))}),r.length?r:[{id:"default",label:"Items",description:"",emptyLabel:"Drop items here.",orientation:"vertical",disabled:!1,cloneOnDrag:!1}]}function U(u,e){const r=new Set(u.map(n=>n.id)),t=[];e.forEach((n,d)=>{const c=typeof(n==null?void 0:n.id)=="string"&&n.id.trim()?n.id.trim():"",g=typeof(n==null?void 0:n.label)=="string"&&n.label.trim()?n.label.trim():"";if(!c||!g)return;const m=typeof(n==null?void 0:n.listId)=="string"&&r.has(n.listId)?n.listId:u[0].id;t.push({id:c,label:g,listId:m,parentId:typeof(n==null?void 0:n.parentId)=="string"&&n.parentId.trim()?n.parentId.trim():null,description:typeof(n==null?void 0:n.description)=="string"?n.description:"",order:Number.isFinite(n==null?void 0:n.order)?Number(n.order):d,disabled:!!(n!=null&&n.disabled),dragDisabled:!!(n!=null&&n.dragDisabled),cloneOnDrag:!!(n!=null&&n.cloneOnDrag),hidden:!!(n!=null&&n.hidden)})});const i=new Map(t.map(n=>[n.id,n]));t.forEach(n=>{if(!n.parentId)return;const d=i.get(n.parentId);(!d||d.id===n.id||d.listId!==n.listId)&&(n.parentId=null)});const s=new Map;t.forEach(n=>{const d=z(n.listId,n.parentId),c=s.get(d);c?c.push(n):s.set(d,[n])}),s.forEach(n=>n.sort((d,c)=>d.order-c.order||d.label.localeCompare(c.label)));const o=[],a=new Set,l=(n,d)=>{(s.get(z(n,d))||[]).forEach((g,m)=>{a.has(g.id)||(a.add(g.id),g.order=m,o.push(g),l(n,g.id))})};return u.forEach(n=>l(n.id,null)),t.forEach(n=>{a.has(n.id)||(n.parentId=null,o.push(n))}),o.map($)}function le(u){return JSON.stringify(u.map(e=>({id:e.id,label:e.label,listId:e.listId,parentId:e.parentId,description:e.description,order:e.order,disabled:e.disabled,dragDisabled:e.dragDisabled,cloneOnDrag:e.cloneOnDrag,hidden:e.hidden})))}function ce(u){return JSON.stringify(u.map(e=>({id:e.id,label:e.label,description:e.description,emptyLabel:e.emptyLabel,orientation:e.orientation,disabled:e.disabled,cloneOnDrag:e.cloneOnDrag,accepts:e.accepts})))}function j(u){return JSON.stringify(u)}function J(u){const e=new Map,r=u.map(t=>{const i=z(t.listId,t.parentId),s=e.get(i)??0;return e.set(i,s+1),{id:t.id,listId:t.listId,parentId:t.parentId,index:s}});return{version:re,records:r}}function W(u,e){return e?`${u.label} ${u.description}`.toLowerCase().includes(e.toLowerCase()):!0}function Q(u,e,r,t,i){const s=M(u),o=E(u),a=new Map,l=(c,g)=>{const m=[...o.get(z(c,g))||[]];return i==="label"&&m.sort((f,v)=>{const b=s.get(f),y=s.get(v);return!b||!y?0:b.label.localeCompare(y.label)}),m},n=(c,g,m)=>{const f=[];return l(c,g).forEach(v=>{const b=s.get(v);if(!b||b.hidden)return;const y=n(c,b.id);!W(b,t)&&y.length===0||(f.push({id:b.id,disabled:b.disabled}),y.length&&f.push(...y))}),f};return Array.from(new Set(u.map(c=>c.listId))).forEach(c=>{a.set(c,n(c,null))}),a}class Z extends te.ElementBase{constructor(){super(),this._lists=Y([]),this._items=[],this._selection=[],this._focusedId=null,this._rangeAnchorId=null,this._dragState=null,this._liveMessage="Sortable list ready.",this._lastListsAttr=null,this._lastItemsAttr=null,this._lastSelectionAttr=null,this._hydratedPersistKey=null,this._cloneSeed=1,this._dragImage=null,this._dragPreviewOverlay=null,this._pendingFocusId=null,this._pointerGesture=null,this._pendingDropTarget=null,this._suppressAttributeRender=!1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDragStart=this._onDragStart.bind(this),this._onDragOver=this._onDragOver.bind(this),this._onDrop=this._onDrop.bind(this),this._onDragEnd=this._onDragEnd.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onPointerCancel=this._onPointerCancel.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this)}static get observedAttributes(){return["lists","items","selection","filter-query","sort","persist-key","allow-filtered-drag","allow-nesting","drop-indicator-visibility","dropzone-style","drag-preview-size","drag-handle-mode","drag-handle-selector","custom-item-rendering","show-selection-badge","disabled"]}shouldRenderOnAttributeChange(e,r,t){return this._suppressAttributeRender?!["lists","items","selection"].includes(e):!0}attributeChangedCallback(e,r,t){if(r!==t&&this.isConnected){if(e==="selection"&&!this._suppressAttributeRender&&this._canSyncInteractiveStateInPlace()){this._syncSelectionFromAttribute(t??null),this._syncSelectionVisualState();return}if(e==="show-selection-badge"&&this._canSyncInteractiveStateInPlace()){this._syncSelectionVisualState();return}super.attributeChangedCallback(e,r,t)}}connectedCallback(){var e,r,t,i;super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("dragstart",this._onDragStart),this.root.addEventListener("dragover",this._onDragOver),this.root.addEventListener("drop",this._onDrop),this.root.addEventListener("dragend",this._onDragEnd),this.root.addEventListener("pointerdown",this._onPointerDown),this.root.addEventListener("focusin",this._onFocusIn),(e=this.ownerDocument)==null||e.addEventListener("keydown",this._onDocumentKeyDown,!0),(r=this.ownerDocument)==null||r.addEventListener("pointermove",this._onPointerMove,!0),(t=this.ownerDocument)==null||t.addEventListener("pointerup",this._onPointerUp,!0),(i=this.ownerDocument)==null||i.addEventListener("pointercancel",this._onPointerCancel,!0)}disconnectedCallback(){var e,r,t,i;this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("dragstart",this._onDragStart),this.root.removeEventListener("dragover",this._onDragOver),this.root.removeEventListener("drop",this._onDrop),this.root.removeEventListener("dragend",this._onDragEnd),this.root.removeEventListener("pointerdown",this._onPointerDown),this.root.removeEventListener("focusin",this._onFocusIn),(e=this.ownerDocument)==null||e.removeEventListener("keydown",this._onDocumentKeyDown,!0),(r=this.ownerDocument)==null||r.removeEventListener("pointermove",this._onPointerMove,!0),(t=this.ownerDocument)==null||t.removeEventListener("pointerup",this._onPointerUp,!0),(i=this.ownerDocument)==null||i.removeEventListener("pointercancel",this._onPointerCancel,!0),this._removeDragPreviewOverlay(),this._removeDragImage(),super.disconnectedCallback()}get lists(){return this._lists.map(e=>({...e}))}set lists(e){this.setAttribute("lists",JSON.stringify(e??[]))}get items(){return this._items.map(e=>({...e}))}set items(e){this.setAttribute("items",JSON.stringify(e??[]))}get selection(){return[...this._selection]}set selection(e){this.setAttribute("selection",JSON.stringify(e??[]))}get sort(){return this.getAttribute("sort")==="label"?"label":"manual"}set sort(e){!e||e==="manual"?this.removeAttribute("sort"):this.setAttribute("sort",e)}get filterQuery(){return this.getAttribute("filter-query")||""}set filterQuery(e){e?this.setAttribute("filter-query",e):this.removeAttribute("filter-query")}select(e){this._setSelection(e,"api")}clearSelection(){this._setSelection([],"api")}cancelDrag(){this._cancelDrag(!0)}focusItem(e){this._items.some(r=>r.id===e)&&(this._focusedId=e,this._pendingFocusId=e,!this._applyInteractiveStateInPlace({restoreFocus:!0})&&this.requestRender())}moveSelection(e){this._syncSelectionFromAttribute(this.getAttribute("selection"));const r=this._selectedRootIds();r.length&&this._commitMove({listId:e.targetListId,parentId:e.parentId??null,beforeId:e.beforeId??null,mode:e.mode??(e.parentId?"inside":"before")},r,!!e.clone,e.source??"api")}getPersistenceSnapshot(){return J(this._items)}render(){var _,R;this._syncStateFromAttributes();const e=this._measureItemShellRects(),r=new Set(this._draggingIds()),t=new Set(this._selection),s=!!((_=this._dragState)!=null&&_.keyboard)?this._projectedMoveResult():null,o=(s==null?void 0:s.items)||this._items,a=new Set((s==null?void 0:s.insertedRootIds)||[]),l=!!this._dragState&&!this._dragState.keyboard&&!!this._dragState.dropTarget,n=Q(o,t,r,this.filterQuery,this.sort),d=this._resolvedFocusedId(n),c=this._isDragLocked(),g=this._selection.length,m=this.getAttribute("allow-nesting")!=="false",f=this.getAttribute("drop-indicator-visibility")==="always"?"always":"active",v=this._dropzoneStyle(),b=this.getAttribute("show-selection-badge")!=="false",y=this._dragHandleMode(),w=this._usesCustomHandleSelector(),k=c?this.sort==="label"?"Dragging is paused while alphabetical sorting is active.":this.filterQuery&&!this.hasAttribute("allow-filtered-drag")?"Dragging is paused while the list is filtered.":"Dragging is currently disabled.":(R=this._dragState)!=null&&R.keyboard?"Keyboard drag active. Use arrow keys to choose a drop target, Space or Enter to drop, and Escape to cancel.":y==="item"?"Drag from anywhere on an item, or press Space on a focused item to start keyboard reordering.":w?"Use your custom drag handle element, or press Space on a focused item to start keyboard reordering.":"Use the handle to drag, or press Space on a focused item to start keyboard reordering.",A=`
|
|
724
724
|
<style>${ne}</style>
|
|
725
725
|
<div
|
|
726
726
|
class="root"
|
package/dist/sortable.esm.js
CHANGED
|
@@ -781,14 +781,14 @@ function ae(u, e, r, t, i, s) {
|
|
|
781
781
|
!x || l.has(h) || (l.add(h), n.push(h), (a.get(z(x.listId, h)) || []).forEach(d));
|
|
782
782
|
};
|
|
783
783
|
t.forEach(d);
|
|
784
|
-
const c = u.map(P), g = c.filter((h) => l.has(h.id)),
|
|
784
|
+
const c = u.map(P), g = c.filter((h) => l.has(h.id)), m = i ? c.map(P) : c.filter((h) => !l.has(h.id)), f = i ? g.map((h) => s(h, n)) : g.map(P), v = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
|
|
785
785
|
i && g.forEach((h, x) => {
|
|
786
|
-
v.set(h.id, f[x].id),
|
|
786
|
+
v.set(h.id, f[x].id), b.set(f[x].id, h.id);
|
|
787
787
|
}), f.forEach((h) => {
|
|
788
|
-
const x = i ?
|
|
788
|
+
const x = i ? b.get(h.id) : h.id, F = x ? o.get(x) : null;
|
|
789
789
|
F && (i && (h.parentId = F.parentId && v.has(F.parentId) && v.get(F.parentId) || null), h.listId = r.listId);
|
|
790
790
|
});
|
|
791
|
-
const y = t.map((h) => v.get(h) || h), w = [...
|
|
791
|
+
const y = t.map((h) => v.get(h) || h), w = [...m, ...f], k = E(m), A = z(r.listId, r.parentId), _ = [...k.get(A) || []], R = r.beforeId ? _.indexOf(r.beforeId) : _.length, S = R >= 0 ? R : _.length;
|
|
792
792
|
_.splice(S, 0, ...y), k.set(A, _), E(f).forEach((h, x) => {
|
|
793
793
|
const [, F] = x.split("::");
|
|
794
794
|
(F || "") !== "__root__" && k.set(x, [...h]);
|
|
@@ -851,11 +851,11 @@ function U(u, e) {
|
|
|
851
851
|
const c = typeof (n == null ? void 0 : n.id) == "string" && n.id.trim() ? n.id.trim() : "", g = typeof (n == null ? void 0 : n.label) == "string" && n.label.trim() ? n.label.trim() : "";
|
|
852
852
|
if (!c || !g)
|
|
853
853
|
return;
|
|
854
|
-
const
|
|
854
|
+
const m = typeof (n == null ? void 0 : n.listId) == "string" && r.has(n.listId) ? n.listId : u[0].id;
|
|
855
855
|
t.push({
|
|
856
856
|
id: c,
|
|
857
857
|
label: g,
|
|
858
|
-
listId:
|
|
858
|
+
listId: m,
|
|
859
859
|
parentId: typeof (n == null ? void 0 : n.parentId) == "string" && n.parentId.trim() ? n.parentId.trim() : null,
|
|
860
860
|
description: typeof (n == null ? void 0 : n.description) == "string" ? n.description : "",
|
|
861
861
|
order: Number.isFinite(n == null ? void 0 : n.order) ? Number(n.order) : d,
|
|
@@ -878,8 +878,8 @@ function U(u, e) {
|
|
|
878
878
|
c ? c.push(n) : s.set(d, [n]);
|
|
879
879
|
}), s.forEach((n) => n.sort((d, c) => d.order - c.order || d.label.localeCompare(c.label)));
|
|
880
880
|
const o = [], a = /* @__PURE__ */ new Set(), l = (n, d) => {
|
|
881
|
-
(s.get(z(n, d)) || []).forEach((g,
|
|
882
|
-
a.has(g.id) || (a.add(g.id), g.order =
|
|
881
|
+
(s.get(z(n, d)) || []).forEach((g, m) => {
|
|
882
|
+
a.has(g.id) || (a.add(g.id), g.order = m, o.push(g), l(n, g.id));
|
|
883
883
|
});
|
|
884
884
|
};
|
|
885
885
|
return u.forEach((n) => l(n.id, null)), t.forEach((n) => {
|
|
@@ -935,21 +935,21 @@ function W(u, e) {
|
|
|
935
935
|
}
|
|
936
936
|
function Q(u, e, r, t, i) {
|
|
937
937
|
const s = M(u), o = E(u), a = /* @__PURE__ */ new Map(), l = (c, g) => {
|
|
938
|
-
const
|
|
939
|
-
return i === "label" &&
|
|
940
|
-
const
|
|
941
|
-
return !
|
|
942
|
-
}),
|
|
943
|
-
}, n = (c, g,
|
|
938
|
+
const m = [...o.get(z(c, g)) || []];
|
|
939
|
+
return i === "label" && m.sort((f, v) => {
|
|
940
|
+
const b = s.get(f), y = s.get(v);
|
|
941
|
+
return !b || !y ? 0 : b.label.localeCompare(y.label);
|
|
942
|
+
}), m;
|
|
943
|
+
}, n = (c, g, m) => {
|
|
944
944
|
const f = [];
|
|
945
945
|
return l(c, g).forEach((v) => {
|
|
946
|
-
const
|
|
947
|
-
if (!
|
|
946
|
+
const b = s.get(v);
|
|
947
|
+
if (!b || b.hidden)
|
|
948
948
|
return;
|
|
949
|
-
const y = n(c,
|
|
950
|
-
!W(
|
|
951
|
-
id:
|
|
952
|
-
disabled:
|
|
949
|
+
const y = n(c, b.id);
|
|
950
|
+
!W(b, t) && y.length === 0 || (f.push({
|
|
951
|
+
id: b.id,
|
|
952
|
+
disabled: b.disabled
|
|
953
953
|
}), y.length && f.push(...y));
|
|
954
954
|
}), f;
|
|
955
955
|
};
|
|
@@ -1048,6 +1048,7 @@ class ce extends ee {
|
|
|
1048
1048
|
this._items.some((r) => r.id === e) && (this._focusedId = e, this._pendingFocusId = e, !this._applyInteractiveStateInPlace({ restoreFocus: !0 }) && this.requestRender());
|
|
1049
1049
|
}
|
|
1050
1050
|
moveSelection(e) {
|
|
1051
|
+
this._syncSelectionFromAttribute(this.getAttribute("selection"));
|
|
1051
1052
|
const r = this._selectedRootIds();
|
|
1052
1053
|
r.length && this._commitMove({
|
|
1053
1054
|
listId: e.targetListId,
|
|
@@ -1062,7 +1063,7 @@ class ce extends ee {
|
|
|
1062
1063
|
render() {
|
|
1063
1064
|
var _, R;
|
|
1064
1065
|
this._syncStateFromAttributes();
|
|
1065
|
-
const e = this._measureItemShellRects(), r = new Set(this._draggingIds()), t = new Set(this._selection), s = !!((_ = this._dragState) != null && _.keyboard) ? this._projectedMoveResult() : null, o = (s == null ? void 0 : s.items) || this._items, a = new Set((s == null ? void 0 : s.insertedRootIds) || []), l = !!this._dragState && !this._dragState.keyboard && !!this._dragState.dropTarget, n = Q(o, t, r, this.filterQuery, this.sort), d = this._resolvedFocusedId(n), c = this._isDragLocked(), g = this._selection.length,
|
|
1066
|
+
const e = this._measureItemShellRects(), r = new Set(this._draggingIds()), t = new Set(this._selection), s = !!((_ = this._dragState) != null && _.keyboard) ? this._projectedMoveResult() : null, o = (s == null ? void 0 : s.items) || this._items, a = new Set((s == null ? void 0 : s.insertedRootIds) || []), l = !!this._dragState && !this._dragState.keyboard && !!this._dragState.dropTarget, n = Q(o, t, r, this.filterQuery, this.sort), d = this._resolvedFocusedId(n), c = this._isDragLocked(), g = this._selection.length, m = this.getAttribute("allow-nesting") !== "false", f = this.getAttribute("drop-indicator-visibility") === "always" ? "always" : "active", v = this._dropzoneStyle(), b = this.getAttribute("show-selection-badge") !== "false", y = this._dragHandleMode(), w = this._usesCustomHandleSelector(), k = c ? this.sort === "label" ? "Dragging is paused while alphabetical sorting is active." : this.filterQuery && !this.hasAttribute("allow-filtered-drag") ? "Dragging is paused while the list is filtered." : "Dragging is currently disabled." : (R = this._dragState) != null && R.keyboard ? "Keyboard drag active. Use arrow keys to choose a drop target, Space or Enter to drop, and Escape to cancel." : y === "item" ? "Drag from anywhere on an item, or press Space on a focused item to start keyboard reordering." : w ? "Use your custom drag handle element, or press Space on a focused item to start keyboard reordering." : "Use the handle to drag, or press Space on a focused item to start keyboard reordering.", A = `
|
|
1066
1067
|
<style>${se}</style>
|
|
1067
1068
|
<div
|
|
1068
1069
|
class="root"
|
|
@@ -1082,7 +1083,7 @@ class ce extends ee {
|
|
|
1082
1083
|
<div class="lists" part="lists">
|
|
1083
1084
|
${this._lists.map((S) => {
|
|
1084
1085
|
var L;
|
|
1085
|
-
const C = n.get(S.id) || [], T = C.length ? this._renderListTree(o, S, d, r,
|
|
1086
|
+
const C = n.get(S.id) || [], T = C.length ? this._renderListTree(o, S, d, r, m, a, b) : "", $ = S.disabled ? "This list is read-only." : S.cloneOnDrag ? "Dragging from this list creates a copy." : (L = S.accepts) != null && L.length ? `Accepts drops from: ${S.accepts.join(", ")}` : "";
|
|
1086
1087
|
return `
|
|
1087
1088
|
<section
|
|
1088
1089
|
class="list"
|
|
@@ -1344,14 +1345,14 @@ class ce extends ee {
|
|
|
1344
1345
|
`;
|
|
1345
1346
|
const l = o.getBoundingClientRect();
|
|
1346
1347
|
r && r.setAttribute("data-drag-preview", "true"), a.style.setProperty("left", "-9999px"), a.style.setProperty("top", "-9999px"), s ? (a.style.setProperty("inline-size", `${s.width}px`), a.style.setProperty("block-size", `${s.height}px`)) : (a.style.removeProperty("inline-size"), a.style.removeProperty("block-size")), a.setAttribute("data-visible", "true");
|
|
1347
|
-
const n = a.getBoundingClientRect(), d = (s == null ? void 0 : s.width) ?? n.width, c = (s == null ? void 0 : s.height) ?? n.height, g = Math.max(16, Math.min(l.left, window.innerWidth - d - 16)),
|
|
1348
|
+
const n = a.getBoundingClientRect(), d = (s == null ? void 0 : s.width) ?? n.width, c = (s == null ? void 0 : s.height) ?? n.height, g = Math.max(16, Math.min(l.left, window.innerWidth - d - 16)), m = Math.max(
|
|
1348
1349
|
16,
|
|
1349
1350
|
Math.min(
|
|
1350
1351
|
l.top + (l.height - c) / 2,
|
|
1351
1352
|
window.innerHeight - c - 16
|
|
1352
1353
|
)
|
|
1353
1354
|
);
|
|
1354
|
-
a.style.setProperty("left", `${Math.round(g)}px`), a.style.setProperty("top", `${Math.round(
|
|
1355
|
+
a.style.setProperty("left", `${Math.round(g)}px`), a.style.setProperty("top", `${Math.round(m)}px`);
|
|
1355
1356
|
}
|
|
1356
1357
|
_setDraggingVisualState(e, r) {
|
|
1357
1358
|
e.forEach((t) => {
|
|
@@ -1474,17 +1475,17 @@ class ce extends ee {
|
|
|
1474
1475
|
}
|
|
1475
1476
|
_renderListTree(e, r, t, i, s, o, a) {
|
|
1476
1477
|
const l = M(e), n = E(e), d = (c) => {
|
|
1477
|
-
const g = n.get(z(r.id, c)) || [],
|
|
1478
|
-
const y = l.get(v), w = l.get(
|
|
1478
|
+
const g = n.get(z(r.id, c)) || [], m = this.sort === "label" ? [...g].sort((v, b) => {
|
|
1479
|
+
const y = l.get(v), w = l.get(b);
|
|
1479
1480
|
return !y || !w ? 0 : y.label.localeCompare(w.label);
|
|
1480
1481
|
}) : g;
|
|
1481
1482
|
let f = "";
|
|
1482
|
-
return
|
|
1483
|
-
const
|
|
1484
|
-
if (!
|
|
1483
|
+
return m.forEach((v) => {
|
|
1484
|
+
const b = l.get(v);
|
|
1485
|
+
if (!b || b.hidden)
|
|
1485
1486
|
return;
|
|
1486
1487
|
const y = this._renderChildBranch(
|
|
1487
|
-
|
|
1488
|
+
b,
|
|
1488
1489
|
t,
|
|
1489
1490
|
i,
|
|
1490
1491
|
d,
|
|
@@ -1492,7 +1493,7 @@ class ce extends ee {
|
|
|
1492
1493
|
o,
|
|
1493
1494
|
a
|
|
1494
1495
|
);
|
|
1495
|
-
!W(
|
|
1496
|
+
!W(b, this.filterQuery) && !y.includes('class="item"') || (f += this._renderDropzone({
|
|
1496
1497
|
listId: r.id,
|
|
1497
1498
|
parentId: c,
|
|
1498
1499
|
beforeId: v,
|
|
@@ -1509,7 +1510,7 @@ class ce extends ee {
|
|
|
1509
1510
|
}
|
|
1510
1511
|
_renderChildBranch(e, r, t, i, s, o, a) {
|
|
1511
1512
|
var S, C, T, $;
|
|
1512
|
-
const l = I(e.id), n = o.has(e.id), d = n ? "" : i(e.id), c = d.includes('class="item"'), g = n ? !1 : this._selection.includes(e.id),
|
|
1513
|
+
const l = I(e.id), n = o.has(e.id), d = n ? "" : i(e.id), c = d.includes('class="item"'), g = n ? !1 : this._selection.includes(e.id), m = n ? !1 : t.has(e.id), f = e.disabled, v = f || e.dragDisabled || this._isDragLocked(), b = ((C = (S = this._dragState) == null ? void 0 : S.dropTarget) == null ? void 0 : C.mode) === "inside" && this._dragState.dropTarget.parentId === e.id, y = (T = this._dragState) != null && T.clone ? "Copy preview" : "Drop preview", w = ($ = this._dragState) != null && $.clone ? "Release to add a copy here." : this._dragState && this._dragState.movedRootIds.length > 1 ? "Release to place this selection here." : "Release to place this item here.", k = this._dragHandleMode(), A = this._usesCustomHandleSelector(), _ = A ? "custom" : k, R = !A && k === "handle";
|
|
1513
1514
|
return `
|
|
1514
1515
|
<div class="item-shell" data-item-shell="${l}">
|
|
1515
1516
|
<article
|
|
@@ -1520,13 +1521,13 @@ class ce extends ee {
|
|
|
1520
1521
|
${!n && _ === "item" ? 'data-drag-trigger="item"' : ""}
|
|
1521
1522
|
data-selected="${g}"
|
|
1522
1523
|
data-focused="${n ? "false" : r === e.id}"
|
|
1523
|
-
data-dragging="${
|
|
1524
|
+
data-dragging="${m}"
|
|
1524
1525
|
data-disabled="${f}"
|
|
1525
|
-
data-drop-inside-active="${
|
|
1526
|
+
data-drop-inside-active="${b ? "true" : "false"}"
|
|
1526
1527
|
role="${n ? "presentation" : "option"}"
|
|
1527
1528
|
aria-selected="${n ? "false" : g}"
|
|
1528
1529
|
aria-disabled="${f}"
|
|
1529
|
-
aria-grabbed="${n ? "false" :
|
|
1530
|
+
aria-grabbed="${n ? "false" : m}"
|
|
1530
1531
|
aria-hidden="${n ? "true" : "false"}"
|
|
1531
1532
|
tabindex="${n ? "-1" : r === e.id ? "0" : "-1"}"
|
|
1532
1533
|
>
|
|
@@ -1777,7 +1778,7 @@ class ce extends ee {
|
|
|
1777
1778
|
const a = this._items.find((_) => _.id === o);
|
|
1778
1779
|
if (!a)
|
|
1779
1780
|
return null;
|
|
1780
|
-
const l = this._lists.find((_) => _.id === a.listId), n = s.getBoundingClientRect(), d = (l == null ? void 0 : l.orientation) === "horizontal", c = d ? n.left : n.top, g = d ? n.right : n.bottom,
|
|
1781
|
+
const l = this._lists.find((_) => _.id === a.listId), n = s.getBoundingClientRect(), d = (l == null ? void 0 : l.orientation) === "horizontal", c = d ? n.left : n.top, g = d ? n.right : n.bottom, m = d ? r : t, f = Math.max(1, g - c), v = (m - c) / f, b = this.getAttribute("allow-nesting") !== "false" && !a.disabled;
|
|
1781
1782
|
if (v <= 0.34)
|
|
1782
1783
|
return {
|
|
1783
1784
|
listId: a.listId,
|
|
@@ -1785,7 +1786,7 @@ class ce extends ee {
|
|
|
1785
1786
|
beforeId: a.id,
|
|
1786
1787
|
mode: "before"
|
|
1787
1788
|
};
|
|
1788
|
-
if (
|
|
1789
|
+
if (b && v >= 0.34 && v <= 0.74)
|
|
1789
1790
|
return {
|
|
1790
1791
|
listId: a.listId,
|
|
1791
1792
|
parentId: a.id,
|
|
@@ -2011,20 +2012,20 @@ class ce extends ee {
|
|
|
2011
2012
|
!D || a.has(p) || (a.add(p), l.push(p), (o.get(z(D.listId, p)) || []).forEach(n));
|
|
2012
2013
|
};
|
|
2013
2014
|
r.forEach(n);
|
|
2014
|
-
const d = this._items.map(P), c = d.filter((p) => a.has(p.id)), g = t ? d.map(P) : d.filter((p) => !a.has(p.id)),
|
|
2015
|
+
const d = this._items.map(P), c = d.filter((p) => a.has(p.id)), g = t ? d.map(P) : d.filter((p) => !a.has(p.id)), m = t ? c.map((p) => this._cloneSubtreeItem(p, l)) : c.map(P), f = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
|
|
2015
2016
|
t && c.forEach((p, D) => {
|
|
2016
|
-
f.set(p.id,
|
|
2017
|
-
}),
|
|
2017
|
+
f.set(p.id, m[D].id), v.set(m[D].id, p.id);
|
|
2018
|
+
}), m.forEach((p) => {
|
|
2018
2019
|
const D = t ? v.get(p.id) : p.id, q = D ? s.get(D) : null;
|
|
2019
2020
|
q && (t && (p.parentId = q.parentId && f.has(q.parentId) && f.get(q.parentId) || null), p.listId = e.listId);
|
|
2020
2021
|
});
|
|
2021
|
-
const
|
|
2022
|
-
A.splice(R, 0, ...
|
|
2022
|
+
const b = r.map((p) => f.get(p) || p), y = [...g, ...m], w = E(g), k = z(e.listId, e.parentId), A = [...w.get(k) || []], _ = e.beforeId ? A.indexOf(e.beforeId) : A.length, R = _ >= 0 ? _ : A.length;
|
|
2023
|
+
A.splice(R, 0, ...b), w.set(k, A), E(m).forEach((p, D) => {
|
|
2023
2024
|
const [, q] = D.split("::");
|
|
2024
2025
|
(q || "") !== "__root__" && w.set(D, [...p]);
|
|
2025
2026
|
});
|
|
2026
2027
|
const C = M(y);
|
|
2027
|
-
|
|
2028
|
+
b.forEach((p) => {
|
|
2028
2029
|
const D = C.get(p);
|
|
2029
2030
|
D && (D.parentId = e.parentId, D.listId = e.listId);
|
|
2030
2031
|
});
|
|
@@ -2037,7 +2038,7 @@ class ce extends ee {
|
|
|
2037
2038
|
this._lists.forEach((p) => L(p.id, null)), y.forEach((p) => {
|
|
2038
2039
|
$.has(p.id) || (p.parentId = null, T.push(p));
|
|
2039
2040
|
}), this._dragState && (this._dragState.committed = !0), this._items = T.map(P), this._clearPointerDragPreview(), this._dragState = null, this._removeDragImage();
|
|
2040
|
-
const G = [...
|
|
2041
|
+
const G = [...b], h = [...this._selection];
|
|
2041
2042
|
this._selection = G, this._focusedId = G[0] || null, this._pendingFocusId = this._focusedId, this._syncAttributesFromState();
|
|
2042
2043
|
const x = J(this._items);
|
|
2043
2044
|
this._persistSnapshot(x);
|
|
@@ -2046,7 +2047,7 @@ class ce extends ee {
|
|
|
2046
2047
|
lists: this.lists,
|
|
2047
2048
|
selection: [...G],
|
|
2048
2049
|
previousSelection: h,
|
|
2049
|
-
movedIds: [...
|
|
2050
|
+
movedIds: [...b],
|
|
2050
2051
|
source: i,
|
|
2051
2052
|
operation: O,
|
|
2052
2053
|
persistence: x
|
|
@@ -2059,7 +2060,7 @@ class ce extends ee {
|
|
|
2059
2060
|
detail: K,
|
|
2060
2061
|
bubbles: !0,
|
|
2061
2062
|
composed: !0
|
|
2062
|
-
})), this._announce(this._messageForMove(O,
|
|
2063
|
+
})), this._announce(this._messageForMove(O, b.length, e)), this.requestRender();
|
|
2063
2064
|
}
|
|
2064
2065
|
_syncAttributesFromState() {
|
|
2065
2066
|
const e = le(this._lists), r = de(this._items), t = j(this._selection);
|
|
@@ -2165,8 +2166,8 @@ class ce extends ee {
|
|
|
2165
2166
|
return;
|
|
2166
2167
|
const t = Math.max(0, r.findIndex(
|
|
2167
2168
|
(s) => {
|
|
2168
|
-
var o, a, l, n, d, c, g,
|
|
2169
|
-
return s.listId === ((a = (o = this._dragState) == null ? void 0 : o.dropTarget) == null ? void 0 : a.listId) && s.parentId === ((n = (l = this._dragState) == null ? void 0 : l.dropTarget) == null ? void 0 : n.parentId) && s.beforeId === ((c = (d = this._dragState) == null ? void 0 : d.dropTarget) == null ? void 0 : c.beforeId) && s.mode === ((
|
|
2169
|
+
var o, a, l, n, d, c, g, m;
|
|
2170
|
+
return s.listId === ((a = (o = this._dragState) == null ? void 0 : o.dropTarget) == null ? void 0 : a.listId) && s.parentId === ((n = (l = this._dragState) == null ? void 0 : l.dropTarget) == null ? void 0 : n.parentId) && s.beforeId === ((c = (d = this._dragState) == null ? void 0 : d.dropTarget) == null ? void 0 : c.beforeId) && s.mode === ((m = (g = this._dragState) == null ? void 0 : g.dropTarget) == null ? void 0 : m.mode);
|
|
2170
2171
|
}
|
|
2171
2172
|
)), i = Math.max(0, Math.min(r.length - 1, t + e));
|
|
2172
2173
|
this._setDropTarget(r[i], { announceLabel: r[i].label });
|
package/dist/split-button.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-1b301e7f.js"),g=require("./portal-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-1b301e7f.js"),g=require("./portal-c69756c0.js"),h=require("./dismissable-layer-193e3bed.js"),x=require("./positioner-33529bb8.js");require("./listbox-ef2f708e.js");require("./collection-a2969ad2.js");require("./collection.cjs.js");const m=160,v=`
|
|
2
2
|
:host {
|
|
3
3
|
--ui-split-button-radius: 12px;
|
|
4
4
|
--ui-split-button-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
|