@shineuix/core 1.0.0 → 1.0.1

package/dist/components/sui-confirm-dialog.js

@@ -1 +1 @@
-import{p as i,H as s,c as e,h as a,a as o,t}from"./p-DQ8DrIvI.js";import{o as n,h as c}from"./p-BWkzTEZX.js";import{a as d}from"./p-BuyjS5bS.js";import{G as r,t as l,d as f}from"./p-BJFE-_50.js";import{defineCustomElement as m}from"./p-EDmBLID6.js";import{d as b}from"./p-CzkszSOa.js";import{defineCustomElement as u}from"./p-BvdUUYyb.js";import{d as h}from"./p-DHkfcILx.js";const g=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiConfirm=e(this,"suiConfirm",7),this.suiClose=e(this,"suiClose",3)}get host(){return this}open=!1;returnFocus;heading;message;detail;confirmLabel;cancelLabel;confirmVariant="brand";pending=!1;confirmDisabled=!1;suiConfirm;suiClose;hasDetail=!1;dispose;loaded=!1;dialog;onOpen(i){this.dialog&&this.dialog.open!==i&&(this.dialog.open=i)}connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(i=!1){this.dispose?.(),this.dispose=n(this.host,(()=>this.readSlots())),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasDetail=c(this.host,"detail")}onDialogClose=i=>{i.stopPropagation(),this.suiClose.emit(i.detail).defaultPrevented?i.preventDefault():this.open=!1};cancel=()=>{this.suiClose.emit("cancel").defaultPrevented||(this.open=!1)};confirm=()=>{this.pending||this.confirmDisabled||this.suiConfirm.emit().defaultPrevented||(this.open=!1)};render(){const i=!!this.detail||this.hasDetail,s="danger"===this.confirmVariant;return a(o,{key:"5d39879b083bc59a449e16232e38f359df5fa6fa"},a("sui-dialog",{key:"83ee5e7477aa8ab050e36491b5e355e54d406589",ref:i=>this.dialog=i,open:this.open,heading:d(void 0,"confirm-dialog.heading",this.heading,"Are you sure?"),size:"sm",hideClose:!0,initialFocus:".cancel",returnFocus:this.returnFocus,onSuiClose:this.onDialogClose},a("div",{key:"3c09418ccf64eb69e5eff11b1f1fb6e307e66da6",class:"row"},a("div",{key:"92de78fce94320f3d94c722fb5c0e758ef8d6f00",class:{badge:!0,danger:s}},a(r,{key:"565f423b65daf3c13446641c9aa3522078393856",glyph:s?l:f})),a("div",{key:"65044b05be2ba671a0895fbe18d74ce0638f9d82",class:"text"},a("div",{key:"3a8f790567b8decd539a9bf94b9084f57ca2825f",class:"message"},this.message,a("slot",{key:"1703bba727229848db70382c766055f28ad8abf1"})),a("div",{key:"fa42700442155007bc9d0bd8c2836d4a00012a7d",class:{detail:!0,show:i}},this.detail,a("slot",{key:"9b8594948f98c8cabb1e173c6ab8136e5ef81a74",name:"detail"})))),a("div",{key:"a572c7998d31accb60202349bd13f26729d07c24",slot:"footer",class:"actions"},a("sui-button",{key:"8739889858cc826111baf2053bf73ce446373a58",class:"cancel",variant:"outline",label:d(void 0,"confirm-dialog.cancel",this.cancelLabel,"Cancel"),disabled:this.pending,onClick:this.cancel}),a("sui-button",{key:"87f0ab79fc2a946ec14727d2a36574af28c0ad50",variant:s?"danger":"brand",label:d(void 0,"confirm-dialog.confirm",this.confirmLabel,"Confirm"),disabled:this.confirmDisabled,loading:this.pending,onClick:this.confirm}))))}static get watchers(){return{open:[{onOpen:0}]}}static get style(){return".sc-sui-confirm-dialog-h{display:contents;font-family:var(--font-sans)}.row.sc-sui-confirm-dialog{display:flex;gap:13px;align-items:flex-start}.badge.sc-sui-confirm-dialog{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:var(--brand-soft);color:var(--brand-soft-ink);display:flex;align-items:center;justify-content:center}.badge.danger.sc-sui-confirm-dialog{background:var(--danger-soft);color:var(--danger)}.badge.sc-sui-confirm-dialog .sui-glyph.sc-sui-confirm-dialog{font-size:15px}.text.sc-sui-confirm-dialog{min-width:0}.message.sc-sui-confirm-dialog{color:var(--ink);font-weight:550}.detail.sc-sui-confirm-dialog{display:none;font-size:12.5px;color:var(--ink-muted);margin-top:5px}.detail.show.sc-sui-confirm-dialog{display:block}.actions.sc-sui-confirm-dialog{display:flex;justify-content:flex-end;gap:9px}@media (forced-colors: active){.badge.sc-sui-confirm-dialog{border:1px solid CanvasText;box-sizing:border-box}}"}},[774,"sui-confirm-dialog",{open:[1540],returnFocus:[1,"return-focus"],heading:[1],message:[1],detail:[1],confirmLabel:[1,"confirm-label"],cancelLabel:[1,"cancel-label"],confirmVariant:[513,"confirm-variant"],pending:[516],confirmDisabled:[516,"confirm-disabled"],hasDetail:[32]},void 0,{open:[{onOpen:0}]}]),p=g,k=function(){"undefined"!=typeof customElements&&["sui-confirm-dialog","sui-button","sui-dialog","sui-icon-button","sui-tooltip"].forEach((i=>{switch(i){case"sui-confirm-dialog":customElements.get(t(i))||customElements.define(t(i),g);break;case"sui-button":customElements.get(t(i))||m();break;case"sui-dialog":customElements.get(t(i))||b();break;case"sui-icon-button":customElements.get(t(i))||u();break;case"sui-tooltip":customElements.get(t(i))||h()}}))};export{p as SuiConfirmDialog,k as defineCustomElement}
+import{p as i,H as s,c as e,h as a,a as o,t}from"./p-DQ8DrIvI.js";import{o as c,h as n}from"./p-BWkzTEZX.js";import{a as d}from"./p-BuyjS5bS.js";import{G as r,t as l,d as f}from"./p-B-Bh5OXe.js";import{defineCustomElement as m}from"./p-D4DWEltI.js";import{d as b}from"./p-9D-7q_yl.js";import{defineCustomElement as h}from"./p-B9Up7ULt.js";import{d as u}from"./p-Bppdhan-.js";const g=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiConfirm=e(this,"suiConfirm",7),this.suiClose=e(this,"suiClose",3)}get host(){return this}open=!1;returnFocus;heading;message;detail;confirmLabel;cancelLabel;confirmVariant="brand";pending=!1;confirmDisabled=!1;suiConfirm;suiClose;hasDetail=!1;dispose;loaded=!1;dialog;onOpen(i){this.dialog&&this.dialog.open!==i&&(this.dialog.open=i)}connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(i=!1){this.dispose?.(),this.dispose=c(this.host,(()=>this.readSlots())),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasDetail=n(this.host,"detail")}onDialogClose=i=>{i.stopPropagation(),this.suiClose.emit(i.detail).defaultPrevented?i.preventDefault():this.open=!1};cancel=()=>{this.suiClose.emit("cancel").defaultPrevented||(this.open=!1)};confirm=()=>{this.pending||this.confirmDisabled||this.suiConfirm.emit().defaultPrevented||(this.open=!1)};render(){const i=!!this.detail||this.hasDetail,s="danger"===this.confirmVariant;return a(o,{key:"50f3dfaa832fcc7abb166014907a103758eb86d5"},a("sui-dialog",{key:"c4fd154aa332ee28cc1f2204c4ca17ac643e1145",ref:i=>this.dialog=i,open:this.open,heading:d(void 0,"confirm-dialog.heading",this.heading,"Are you sure?"),size:"sm",hideClose:!0,initialFocus:".cancel",returnFocus:this.returnFocus,onSuiClose:this.onDialogClose},a("div",{key:"f6bd3b6aeeb42dd190f79c4cd64d8ee95137f516",class:"row"},a("div",{key:"2a2b486d117121732ed3badf55b1fe43e59d12c9",class:{badge:!0,danger:s}},a(r,{key:"6908cbc7c55429e4d124a861ef40bae56a3597b4",glyph:s?l:f})),a("div",{key:"a461e523a4f943753ef87ac32097e77298881f7b",class:"text"},a("div",{key:"e16180cdc5122d2fd389427296845d33a12b3e00",class:"message"},this.message,a("slot",{key:"869e11e0ee5ac9e8bbfef7b939d1194c4c567e6f"})),a("div",{key:"04a9dcc5aef72a01be886c7acddd8b2b163945b9",class:{detail:!0,show:i}},this.detail,a("slot",{key:"f707574e671b15bc141c995ccfe5ee5a2dcf35b9",name:"detail"})))),a("div",{key:"872ddc4350306bebf7f2b32a70a3d9a1396a7a98",slot:"footer",class:"actions"},a("sui-button",{key:"ee1d2a2cb783cb23c8581982e948174a6c1fbb44",class:"cancel",variant:"outline",label:d(void 0,"confirm-dialog.cancel",this.cancelLabel,"Cancel"),disabled:this.pending,onClick:this.cancel}),a("sui-button",{key:"cc432f63f37c95f2008cafce475c7c25c388f1c3",variant:s?"danger":"brand",label:d(void 0,"confirm-dialog.confirm",this.confirmLabel,"Confirm"),disabled:this.confirmDisabled,loading:this.pending,onClick:this.confirm}))))}static get watchers(){return{open:[{onOpen:0}]}}static get style(){return".sc-sui-confirm-dialog-h{display:contents;font-family:var(--font-sans)}.row.sc-sui-confirm-dialog{display:flex;gap:13px;align-items:flex-start}.badge.sc-sui-confirm-dialog{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:var(--brand-soft);color:var(--brand-soft-ink);display:flex;align-items:center;justify-content:center}.badge.danger.sc-sui-confirm-dialog{background:var(--danger-soft);color:var(--danger)}.badge.sc-sui-confirm-dialog .sui-glyph.sc-sui-confirm-dialog{font-size:15px}.text.sc-sui-confirm-dialog{min-width:0}.message.sc-sui-confirm-dialog{color:var(--ink);font-weight:550}.detail.sc-sui-confirm-dialog{display:none;font-size:12.5px;color:var(--ink-muted);margin-top:5px}.detail.show.sc-sui-confirm-dialog{display:block}.actions.sc-sui-confirm-dialog{display:flex;justify-content:flex-end;gap:9px}@media (forced-colors: active){.badge.sc-sui-confirm-dialog{border:1px solid CanvasText;box-sizing:border-box}}"}},[774,"sui-confirm-dialog",{open:[1540],returnFocus:[1,"return-focus"],heading:[1],message:[1],detail:[1],confirmLabel:[1,"confirm-label"],cancelLabel:[1,"cancel-label"],confirmVariant:[513,"confirm-variant"],pending:[516],confirmDisabled:[516,"confirm-disabled"],hasDetail:[32]},void 0,{open:[{onOpen:0}]}]),p=g,k=function(){"undefined"!=typeof customElements&&["sui-confirm-dialog","sui-button","sui-dialog","sui-icon-button","sui-tooltip"].forEach((i=>{switch(i){case"sui-confirm-dialog":customElements.get(t(i))||customElements.define(t(i),g);break;case"sui-button":customElements.get(t(i))||m();break;case"sui-dialog":customElements.get(t(i))||b();break;case"sui-icon-button":customElements.get(t(i))||h();break;case"sui-tooltip":customElements.get(t(i))||u()}}))};export{p as SuiConfirmDialog,k as defineCustomElement}

package/dist/components/sui-confirm-popup.js

@@ -1 +1 @@
-import{p as i,H as s,c as t,f as o,h as n,a as e,t as a}from"./p-DQ8DrIvI.js";import{k as r,o as p,p as c,a as h,b as l,m as u,l as f,g as m,t as d}from"./p-CnbXPlor.js";import{f as g}from"./p-CyjJsMuN.js";import{u as b}from"./p-U06fVoGD.js";import{a as y}from"./p-BuyjS5bS.js";import{G as v,t as x}from"./p-BJFE-_50.js";import{defineCustomElement as k}from"./p-EDmBLID6.js";const C=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiOpen=t(this,"suiOpen",3),this.suiConfirm=t(this,"suiConfirm",7),this.suiClose=t(this,"suiClose",3)}get host(){return this}message;confirmLabel;cancelLabel;confirmVariant="danger";position="bottom";open=!1;suiOpen;suiConfirm;suiClose;closing=!1;fieldId=b("sui-confirm-popup");anchor;panel;disposers=[];escape=r((()=>this.requestClose("escape",!0)));demote;exit=p((()=>this.exited()));connectedCallback(){this.open&&this.panel&&o(this)}componentDidLoad(){this.syncTrigger()}componentDidUpdate(){this.syncTrigger()}componentDidRender(){this.open&&this.afterOpen()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.exited()}onOpenChange(i){if(i)return this.escape.arm(),this.exit.cancel(),void(this.closing=!1);this.teardown(),this.exit.begin(this.panel)?this.closing=!0:this.exited()}exited(){this.demote?.(),this.demote=void 0,this.closing=!1}triggerEl(){return this.anchor?g(this.anchor):null}syncTrigger(){const i=this.triggerEl();i&&(i.setAttribute("aria-expanded",this.open?"true":"false"),i.setAttribute("aria-haspopup","dialog"),i.setAttribute("aria-controls",this.fieldId+"-panel"))}afterOpen(){this.open&&this.anchor&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.demote||(this.demote=c(this.panel)),this.reposition(),this.disposers.push(h((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),l((()=>this.reposition()))),this.escape.arm(),this.focusFirst())}focusFirst(){const i=this.panel;if(!i)return;const s=()=>g(i)?.focus({preventScroll:!0}),t=i.querySelector("sui-button");t&&"function"==typeof t.componentOnReady?t.componentOnReady().then(s):s()}alignFor(i){return"left"===i||"right"===i?"center":"start"}reposition(){if(!this.anchor||!this.panel)return;const i=this.position;u(this.panel,f(this.anchor,this.panel,i,8,this.alignFor(i)))}teardown(){this.escape.disarm(),this.panel&&m(this.panel),this.disposers.forEach((i=>i())),this.disposers=[]}requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,s&&this.triggerEl()?.focus()))}confirm=()=>{this.suiConfirm.emit().defaultPrevented||(this.open=!1,this.triggerEl()?.focus())};onPanelKey=i=>{d(i,this.panel,(()=>this.requestClose("outside",!0)))};onTriggerClick=()=>{this.open?this.requestClose("trigger"):(this.open=!0,this.suiOpen.emit())};render(){const i="brand"!==this.confirmVariant;return n(e,{key:"a7c8e178feefd8779de21d286fb2edf7dafe5112"},n("span",{key:"fa72a5260ce39f8329e2003430d0ac35a2dce718",ref:i=>this.anchor=i,class:"trigger",onClick:this.onTriggerClick},n("slot",{key:"b26c812268f8072e2786323ae857d3ce03b34495",name:"trigger"})),this.open||this.closing?n("div",{ref:i=>this.panel=i,id:this.fieldId+"-panel",class:{panel:!0,closing:this.closing},inert:this.closing,role:"alertdialog","aria-labelledby":this.fieldId+"-msg",onKeyDown:this.onPanelKey},n("div",{class:"row"},n(v,{glyph:x,class:i?"icon danger":"icon"}),n("span",{id:this.fieldId+"-msg",class:"message"},this.message,n("slot",null))),n("div",{class:"actions"},n("sui-button",{size:"sm",variant:"outline",label:y(void 0,"confirm-popup.cancel",this.cancelLabel,"Cancel"),onClick:()=>this.requestClose("cancel",!0)}),n("sui-button",{size:"sm",variant:i?"danger":"brand",label:y(void 0,"confirm-popup.confirm",this.confirmLabel,"Confirm"),onClick:this.confirm}))):null)}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return".sc-sui-confirm-popup-h{display:inline-flex;position:relative;font-family:var(--font-sans)}.trigger.sc-sui-confirm-popup{display:inline-flex}.panel.sc-sui-confirm-popup{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;width:248px;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:13px 14px;font-family:var(--font-sans);animation:sui-confirm-popup-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-top}.panel[data-side='left'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-left}.panel[data-side='right'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-right}.panel.closing.sc-sui-confirm-popup{animation:sui-confirm-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.row.sc-sui-confirm-popup{display:flex;gap:9px;align-items:flex-start;margin-bottom:11px}.icon.sc-sui-confirm-popup{font-size:13px;color:var(--brand);margin-top:1px;flex-shrink:0}.icon.danger.sc-sui-confirm-popup{color:var(--danger)}.message.sc-sui-confirm-popup{font-size:12.5px;line-height:1.45;font-weight:550}.actions.sc-sui-confirm-popup{display:flex;justify-content:flex-end;gap:7px}@keyframes sui-confirm-popup-in{from{opacity:0;margin-top:-4px}}@keyframes sui-confirm-popup-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-confirm-popup-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-confirm-popup-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-confirm-popup-out{to{opacity:0}}"}},[774,"sui-confirm-popup",{message:[1],confirmLabel:[1,"confirm-label"],cancelLabel:[1,"cancel-label"],confirmVariant:[513,"confirm-variant"],position:[513],open:[1540],closing:[32]},void 0,{open:[{onOpenChange:0}]}]),w=C,j=function(){"undefined"!=typeof customElements&&["sui-confirm-popup","sui-button"].forEach((i=>{switch(i){case"sui-confirm-popup":customElements.get(a(i))||customElements.define(a(i),C);break;case"sui-button":customElements.get(a(i))||k()}}))};export{w as SuiConfirmPopup,j as defineCustomElement}
+import{p as i,H as s,c as t,f as o,h as n,a as e,t as a}from"./p-DQ8DrIvI.js";import{k as r,o as p,p as c,a as h,b as l,m as u,l as f,g as m,t as d}from"./p-B2OoQiUx.js";import{f as g}from"./p-CT77EwEI.js";import{u as b}from"./p-U06fVoGD.js";import{a as x}from"./p-BuyjS5bS.js";import{G as v,t as y}from"./p-B-Bh5OXe.js";import{defineCustomElement as k}from"./p-D4DWEltI.js";const C=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiOpen=t(this,"suiOpen",3),this.suiConfirm=t(this,"suiConfirm",7),this.suiClose=t(this,"suiClose",3)}get host(){return this}message;confirmLabel;cancelLabel;confirmVariant="danger";position="bottom";open=!1;suiOpen;suiConfirm;suiClose;closing=!1;fieldId=b("sui-confirm-popup");anchor;panel;disposers=[];escape=r((()=>this.requestClose("escape",!0)));demote;exit=p((()=>this.exited()));connectedCallback(){this.open&&this.panel&&o(this)}componentDidLoad(){this.syncTrigger()}componentDidUpdate(){this.syncTrigger()}componentDidRender(){this.open&&this.afterOpen()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.exited()}onOpenChange(i){if(i)return this.escape.arm(),this.exit.cancel(),void(this.closing=!1);this.teardown(),this.exit.begin(this.panel)?this.closing=!0:this.exited()}exited(){this.demote?.(),this.demote=void 0,this.closing=!1}triggerEl(){return this.anchor?g(this.anchor):null}syncTrigger(){const i=this.triggerEl();i&&(i.setAttribute("aria-expanded",this.open?"true":"false"),i.setAttribute("aria-haspopup","dialog"),i.setAttribute("aria-controls",this.fieldId+"-panel"))}afterOpen(){this.open&&this.anchor&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.demote||(this.demote=c(this.panel)),this.reposition(),this.disposers.push(h((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),l((()=>this.reposition()))),this.escape.arm(),this.focusFirst())}focusFirst(){const i=this.panel;if(!i)return;const s=()=>g(i)?.focus({preventScroll:!0}),t=i.querySelector("sui-button");t&&"function"==typeof t.componentOnReady?t.componentOnReady().then(s):s()}alignFor(i){return"left"===i||"right"===i?"center":"start"}reposition(){if(!this.anchor||!this.panel)return;const i=this.position;u(this.panel,f(this.anchor,this.panel,i,8,this.alignFor(i)))}teardown(){this.escape.disarm(),this.panel&&m(this.panel),this.disposers.forEach((i=>i())),this.disposers=[]}requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,s&&this.triggerEl()?.focus()))}confirm=()=>{this.suiConfirm.emit().defaultPrevented||(this.open=!1,this.triggerEl()?.focus())};onPanelKey=i=>{d(i,this.panel,(()=>this.requestClose("outside",!0)))};onTriggerClick=()=>{this.open?this.requestClose("trigger"):(this.open=!0,this.suiOpen.emit())};render(){const i="brand"!==this.confirmVariant;return n(e,{key:"2ac34113965ab15826248cac90cd357b710829c9"},n("span",{key:"674125151677508d73040ba504263fee00df96fb",ref:i=>this.anchor=i,class:"trigger",onClick:this.onTriggerClick},n("slot",{key:"dbc7836b69377dfcaa5853ab3e0765e49a818f2a",name:"trigger"})),this.open||this.closing?n("div",{ref:i=>this.panel=i,id:this.fieldId+"-panel",class:{panel:!0,closing:this.closing},inert:this.closing,role:"alertdialog","aria-labelledby":this.fieldId+"-msg",onKeyDown:this.onPanelKey},n("div",{class:"row"},n(v,{glyph:y,class:i?"icon danger":"icon"}),n("span",{id:this.fieldId+"-msg",class:"message"},this.message,n("slot",null))),n("div",{class:"actions"},n("sui-button",{size:"sm",variant:"outline",label:x(void 0,"confirm-popup.cancel",this.cancelLabel,"Cancel"),onClick:()=>this.requestClose("cancel",!0)}),n("sui-button",{size:"sm",variant:i?"danger":"brand",label:x(void 0,"confirm-popup.confirm",this.confirmLabel,"Confirm"),onClick:this.confirm}))):null)}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return".sc-sui-confirm-popup-h{display:inline-flex;position:relative;font-family:var(--font-sans)}.trigger.sc-sui-confirm-popup{display:inline-flex}.panel.sc-sui-confirm-popup{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;width:248px;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:13px 14px;font-family:var(--font-sans);animation:sui-confirm-popup-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-top}.panel[data-side='left'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-left}.panel[data-side='right'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-right}.panel.closing.sc-sui-confirm-popup{animation:sui-confirm-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.row.sc-sui-confirm-popup{display:flex;gap:9px;align-items:flex-start;margin-bottom:11px}.icon.sc-sui-confirm-popup{font-size:13px;color:var(--brand);margin-top:1px;flex-shrink:0}.icon.danger.sc-sui-confirm-popup{color:var(--danger)}.message.sc-sui-confirm-popup{font-size:12.5px;line-height:1.45;font-weight:550}.actions.sc-sui-confirm-popup{display:flex;justify-content:flex-end;gap:7px}@keyframes sui-confirm-popup-in{from{opacity:0;margin-top:-4px}}@keyframes sui-confirm-popup-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-confirm-popup-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-confirm-popup-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-confirm-popup-out{to{opacity:0}}"}},[774,"sui-confirm-popup",{message:[1],confirmLabel:[1,"confirm-label"],cancelLabel:[1,"cancel-label"],confirmVariant:[513,"confirm-variant"],position:[513],open:[1540],closing:[32]},void 0,{open:[{onOpenChange:0}]}]),w=C,j=function(){"undefined"!=typeof customElements&&["sui-confirm-popup","sui-button"].forEach((i=>{switch(i){case"sui-confirm-popup":customElements.get(a(i))||customElements.define(a(i),C);break;case"sui-button":customElements.get(a(i))||k()}}))};export{w as SuiConfirmPopup,j as defineCustomElement}

package/dist/components/sui-context-menu.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,f as s,h as n,a as o,t as u}from"./p-DQ8DrIvI.js";import{n as c,N as r}from"./p-CMosOB_l.js";import{a,f as h}from"./p-CENCqhRM.js";import{p as m,h as d,m as l,l as x}from"./p-DucZ_I1e.js";import{o as p,p as f,a as v,b as g,m as b}from"./p-CnbXPlor.js";import{t as k}from"./p-zJY3XdX8.js";import{u as y}from"./p-U06fVoGD.js";import{i as w}from"./p-GAnFXayY.js";const C=[],M=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiPick=e(this,"suiPick",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}items=[];open=!1;x=0;y=0;global=!1;width=220;suiPick;suiOpen;suiClose;cursor=null;subPath=[];drill=!1;closing=!1;exit=p((()=>this.exited()));fieldId=y("sui-context-menu");panel;raised;demote;menus=[];flyouts=[];disposers=[];pendingFocus=null;placedFor="";docBound=!1;opener;connectedCallback(){this.syncGlobal(),this.open&&this.panel&&s(this)}componentWillRender(){!this.raised||this.open||this.closing||this.lowerPanel()}componentDidRender(){if((this.open||this.closing)&&this.panel&&this.raised!==this.panel&&(this.lowerPanel(),this.demote=f(this.panel),this.raised=this.panel),!this.open)return;this.afterOpen();const t=this.subPath.join(",");t!==this.placedFor&&(this.placedFor=t,m(this.menus,this.flyouts,this.subPath)),this.flushFocus()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.unbindDocument(),this.lowerPanel(),this.closing=!1}lowerPanel(){const t=this.demote;this.demote=void 0,this.raised=void 0,t?.()}onOpenChange(t){if(t){document.addEventListener("keydown",this.onDocKey,!0),this.exit.cancel(),this.closing=!1,this.reset();const t="undefined"!=typeof document?document.activeElement:null;return void(!t||t===document.body||this.panel&&this.panel.contains(t)||(this.opener=t))}const i=!!this.panel&&"undefined"!=typeof document&&!!document.activeElement&&this.panel.contains(document.activeElement);this.teardown(),i&&this.restoreFocus(),this.exit.begin(this.panel)?this.closing=!0:this.reset()}restoreFocus(){const t=this.opener;this.opener=void 0,t&&!1!==t.isConnected&&"function"==typeof t.focus&&t.focus({preventScroll:!0})}reset(){this.cursor=null,this.subPath=[],this.placedFor=""}exited(){this.closing=!1,this.reset()}onMove(){this.open&&this.reposition()}onGlobalChange(){this.syncGlobal()}syncGlobal(){this.global?this.bindDocument():this.unbindDocument()}bindDocument(){this.docBound||"undefined"==typeof document||(this.docBound=!0,C.push(this),document.addEventListener("contextmenu",this.onDocContextMenu),document.addEventListener("keydown",this.onDocOpenKey))}ownsDocument(){for(let t=C.length-1;t>=0;t--){const i=C[t],e=i.host;if(!e||"boolean"!=typeof e.isConnected||e.isConnected)return i===this}return!1}unbindDocument(){if(!this.docBound)return;this.docBound=!1;const t=C.indexOf(this);t>=0&&C.splice(t,1),document.removeEventListener("contextmenu",this.onDocContextMenu),document.removeEventListener("keydown",this.onDocOpenKey)}afterOpen(){if(!this.panel||this.disposers.length||!this.host.isConnected)return;this.reposition(),this.disposers.push(v((()=>[this.host,this.panel]),(()=>this.close("outside"))),g((()=>this.reposition()))),this.host.addEventListener("pointerdown",this.onRegionPress,!0),this.disposers.push((()=>this.host.removeEventListener("pointerdown",this.onRegionPress,!0))),document.addEventListener("keydown",this.onDocKey,!0),this.disposers.push((()=>document.removeEventListener("keydown",this.onDocKey,!0)));const t=a(this.items||[]);t>=0&&(this.pendingFocus={depth:0,index:t})}flushFocus(){const t=this.pendingFocus;t&&(this.pendingFocus=null,h(this.menus[t.depth],t.index))}reposition(){if(!this.panel)return;const t=this.global?{left:0,top:0}:this.host.getBoundingClientRect(),i=this.panel.getBoundingClientRect(),e=window.innerWidth||0,s=window.innerHeight||0,n=Math.min(Math.max(8,t.left+this.x),Math.max(8,e-i.width-8)),o=Math.min(Math.max(8,t.top+this.y),Math.max(8,s-i.height-8));b(this.panel,{top:o,left:n,side:o<t.top+this.y?"top":"bottom"}),this.checkDrill(!0),m(this.menus,this.flyouts,this.subPath)}checkDrill(t=!1){const i=c(this.panel,this.width);return i!==this.drill&&(t?Promise.resolve().then((()=>{this.drill=i})):this.drill=i),i}teardown(){document.removeEventListener("keydown",this.onDocKey,!0),this.disposers.forEach((t=>t())),this.disposers=[]}close(t){return!this.open||!this.suiClose.emit(t).defaultPrevented&&(this.open=!1,!0)}onRegionPress=t=>{const i=t.target;this.panel&&i&&this.panel.contains(i)||this.close("outside")};onTab(t){const i=this.opener&&!1!==this.opener.isConnected?this.opener:void 0;i?k(t,this.panel,(()=>this.close("outside")?i:null)):this.close("outside")||t.preventDefault()}onPanelContextMenu=t=>{t.preventDefault(),t.stopPropagation()};onDocKey=t=>{"Escape"===t.key&&this.open&&(t.stopPropagation(),this.close("escape"))};onHostKey=t=>{if(this.open)return;if("ContextMenu"!==t.key&&("F10"!==t.key||!t.shiftKey))return;t.preventDefault();const i=(t.target||this.host).getBoundingClientRect(),e=Math.min(12,i.width/2);this.openFrom(w(this.host)?i.right-e:i.left+e,i.top+Math.min(12,i.height/2))};openFrom(t,i){const e=this.global?{left:0,top:0}:this.host.getBoundingClientRect(),s=this.open;if(this.x=Math.round(t-e.left),this.y=Math.round(i-e.top),s){this.subPath=[],this.cursor=null;const t=a(this.items||[]);t>=0&&(this.pendingFocus={depth:0,index:t})}this.open=!0,this.suiOpen.emit({x:this.x,y:this.y})}openAt(t){t.preventDefault(),this.openFrom(t.clientX,t.clientY)}onContextMenu=t=>{this.global||this.openAt(t)};onDocOpenKey=t=>{this.global&&!this.open&&this.ownsDocument()&&this.onHostKey(t)};onDocContextMenu=t=>{if(!this.global)return;if(t.defaultPrevented)return;if(!this.ownsDocument())return;const i="function"==typeof t.composedPath?t.composedPath():[];this.panel&&i.indexOf(this.panel)>=0||this.openAt(t)};pick=t=>{this.suiPick.emit(t),t.command?.(),this.close("pick")};openSub(t,i,e){const s=x(this.items||[],this.subPath,t)[i]?.items||[],n=this.checkDrill();if(this.subPath=[...this.subPath.slice(0,t),i],!e&&!n)return;const o=a(s);o>=0&&this.focusLater({depth:t+1,index:o})}closeSub(t){if(t<=0)return;const i=this.subPath[t-1];this.subPath=this.subPath.slice(0,t-1),this.focusLater({depth:t-1,index:i})}focusLater(t){this.cursor=t,this.pendingFocus=t}onHover(t,i){if(this.cursor={depth:t,index:i},this.drill)return;const e=x(this.items||[],this.subPath,t)[i];this.subPath=[...this.subPath.slice(0,t),...d(e)?[i]:[]]}onKeyDown=(t,i)=>{if("Tab"===t.key)return void this.onTab(t);const e=l(t,this.items||[],this.subPath,this.cursor,i);switch(e.kind){case"move":return this.cursor=e.cursor,this.subPath=this.subPath.slice(0,i),void h(this.menus[i],e.cursor.index);case"open":return this.cursor=e.cursor,void this.openSub(i,e.cursor.index,!0);case"pick":return void this.pick(e.item);case"close":return void this.closeSub(e.depth);case"exit":return void("escape"===e.key&&(t.stopPropagation(),this.close("escape")))}};render(){this.menus=[],this.flyouts=[];const t=this.fieldId+"-panel";return n(o,{key:"3d80efad631ef6c741d83c2b73598d746dc4c3d0",onContextMenu:this.onContextMenu,onKeyDown:this.onHostKey},n("slot",{key:"29cfddd10068d37b131b5887f88d35070fc8fa3c"}),this.open||this.closing?n("div",{id:t,class:{panel:!0,closing:this.closing},inert:this.closing,ref:t=>this.panel=t,onContextMenu:this.onPanelContextMenu},n(r,{items:this.items,width:this.width,path:this.subPath,active:this.cursor,idBase:this.fieldId,menuRef:(t,i)=>{i&&(this.menus[t]=i)},flyRef:(t,i)=>{i&&(this.flyouts[t]=i)},onPick:(t,i,e)=>{d(t)?this.openSub(i,e,!1):this.pick(t)},onHover:(t,i)=>this.onHover(t,i),onLeave:t=>{this.cursor&&this.cursor.depth===t&&(this.cursor=null)},onKeyDown:this.onKeyDown,drill:this.drill,onBack:t=>this.closeSub(t)})):null)}static get watchers(){return{open:[{onOpenChange:0}],x:[{onMove:0}],y:[{onMove:0}],global:[{onGlobalChange:0}]}}static get style(){return".sc-sui-context-menu-h{display:block;position:relative;font-family:var(--font-sans)}[global].sc-sui-context-menu-h{display:contents}.panel.sc-sui-context-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-context-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-context-menu{animation-name:sui-context-in-top}.panel.closing.sc-sui-context-menu{animation:sui-context-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-context-in{from{opacity:0;margin-top:-4px}}@keyframes sui-context-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-context-out{to{opacity:0}}.sui-menu-list.sc-sui-context-menu{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-context-menu{width:auto}.sui-menu-list.sc-sui-context-menu:focus{outline:none}.sui-menu-row.sc-sui-context-menu{position:relative}.sui-menu-fly.sc-sui-context-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-context-menu{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-context-menu{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-context-menu{padding:5px 5px 0}.sui-menu-back.sc-sui-context-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-context-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-context-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-context-menu .sui-glyph.sc-sui-context-menu{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-context-menu .sui-glyph.sc-sui-context-menu:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-context-menu .sui-menu-sep.sc-sui-context-menu{margin:5px 4px 0}.sui-menu-section.sc-sui-context-menu{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-context-menu{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-context-menu,a.sui-menu-item.sc-sui-context-menu:hover,a.sui-menu-item.sc-sui-context-menu:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-context-menu,.sui-menu-item.open.sc-sui-context-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-context-menu,a.sui-menu-item.danger.sc-sui-context-menu,a.sui-menu-item.danger.sc-sui-context-menu:hover,a.sui-menu-item.danger.sc-sui-context-menu:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-context-menu,.sui-menu-item.danger.sc-sui-context-menu:hover,a.sui-menu-item.danger.sc-sui-context-menu:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-context-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-context-menu{font-weight:650}.sui-menu-item.sc-sui-context-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-context-menu{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-context-menu{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:var(--danger)}.sui-menu-item.danger.sc-sui-context-menu:hover .sui-menu-icon.sc-sui-context-menu,.sui-menu-item.danger.active.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:var(--disabled-ink)}.sui-menu-label.sc-sui-context-menu{flex:1;min-width:0}.sui-menu-badge.sc-sui-context-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-context-menu{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-context-menu{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-context-menu:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-context-menu{background:CanvasText}.sui-menu-item.active.sc-sui-context-menu,.sui-menu-item.open.sc-sui-context-menu,.sui-menu-item.danger.active.sc-sui-context-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-context-menu,a.sui-menu-item.open.sc-sui-context-menu,a.sui-menu-item.danger.active.sc-sui-context-menu{color:HighlightText}.sui-menu-item.disabled.sc-sui-context-menu{color:GrayText}.sui-menu-item.current.sc-sui-context-menu{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-context-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-context-menu,.sui-menu-shortcut.sc-sui-context-menu,.sui-menu-chev.sc-sui-context-menu,.sui-menu-item.danger.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:inherit}.sui-menu-item.disabled.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:GrayText}.sui-menu-badge.sc-sui-context-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[774,"sui-context-menu",{items:[16],open:[1540],x:[1026],y:[1026],global:[516],width:[2],cursor:[32],subPath:[32],drill:[32],closing:[32]},void 0,{open:[{onOpenChange:0}],x:[{onMove:0}],y:[{onMove:0}],global:[{onGlobalChange:0}]}]),z=M,D=function(){"undefined"!=typeof customElements&&["sui-context-menu"].forEach((t=>{"sui-context-menu"===t&&(customElements.get(u(t))||customElements.define(u(t),M))}))};export{z as SuiContextMenu,D as defineCustomElement}
+import{p as t,H as i,c as e,f as s,h as n,a as o,t as u}from"./p-DQ8DrIvI.js";import{n as c,N as r}from"./p-CxiKPsZq.js";import{a,f as h}from"./p-xL1CQMSR.js";import{p as m,h as d,m as l,l as x}from"./p-pmocrH9J.js";import{o as p,p as f,a as v,b as g,m as b}from"./p-B2OoQiUx.js";import{t as k}from"./p-B9w_Mzy2.js";import{u as y}from"./p-U06fVoGD.js";import{i as w}from"./p-GAnFXayY.js";const C=[],M=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiPick=e(this,"suiPick",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}items=[];open=!1;x=0;y=0;global=!1;width=220;suiPick;suiOpen;suiClose;cursor=null;subPath=[];drill=!1;closing=!1;exit=p((()=>this.exited()));fieldId=y("sui-context-menu");panel;raised;demote;menus=[];flyouts=[];disposers=[];pendingFocus=null;placedFor="";docBound=!1;opener;connectedCallback(){this.syncGlobal(),this.open&&this.panel&&s(this)}componentWillRender(){!this.raised||this.open||this.closing||this.lowerPanel()}componentDidRender(){if((this.open||this.closing)&&this.panel&&this.raised!==this.panel&&(this.lowerPanel(),this.demote=f(this.panel),this.raised=this.panel),!this.open)return;this.afterOpen();const t=this.subPath.join(",");t!==this.placedFor&&(this.placedFor=t,m(this.menus,this.flyouts,this.subPath)),this.flushFocus()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.unbindDocument(),this.lowerPanel(),this.closing=!1}lowerPanel(){const t=this.demote;this.demote=void 0,this.raised=void 0,t?.()}onOpenChange(t){if(t){document.addEventListener("keydown",this.onDocKey,!0),this.exit.cancel(),this.closing=!1,this.reset();const t="undefined"!=typeof document?document.activeElement:null;return void(!t||t===document.body||this.panel&&this.panel.contains(t)||(this.opener=t))}const i=!!this.panel&&"undefined"!=typeof document&&!!document.activeElement&&this.panel.contains(document.activeElement);this.teardown(),i&&this.restoreFocus(),this.exit.begin(this.panel)?this.closing=!0:this.reset()}restoreFocus(){const t=this.opener;this.opener=void 0,t&&!1!==t.isConnected&&"function"==typeof t.focus&&t.focus({preventScroll:!0})}reset(){this.cursor=null,this.subPath=[],this.placedFor=""}exited(){this.closing=!1,this.reset()}onMove(){this.open&&this.reposition()}onGlobalChange(){this.syncGlobal()}syncGlobal(){this.global?this.bindDocument():this.unbindDocument()}bindDocument(){this.docBound||"undefined"==typeof document||(this.docBound=!0,C.push(this),document.addEventListener("contextmenu",this.onDocContextMenu),document.addEventListener("keydown",this.onDocOpenKey))}ownsDocument(){for(let t=C.length-1;t>=0;t--){const i=C[t],e=i.host;if(!e||"boolean"!=typeof e.isConnected||e.isConnected)return i===this}return!1}unbindDocument(){if(!this.docBound)return;this.docBound=!1;const t=C.indexOf(this);t>=0&&C.splice(t,1),document.removeEventListener("contextmenu",this.onDocContextMenu),document.removeEventListener("keydown",this.onDocOpenKey)}afterOpen(){if(!this.panel||this.disposers.length||!this.host.isConnected)return;this.reposition(),this.disposers.push(v((()=>[this.host,this.panel]),(()=>this.close("outside"))),g((()=>this.reposition()))),this.host.addEventListener("pointerdown",this.onRegionPress,!0),this.disposers.push((()=>this.host.removeEventListener("pointerdown",this.onRegionPress,!0))),document.addEventListener("keydown",this.onDocKey,!0),this.disposers.push((()=>document.removeEventListener("keydown",this.onDocKey,!0)));const t=a(this.items||[]);t>=0&&(this.pendingFocus={depth:0,index:t})}flushFocus(){const t=this.pendingFocus;t&&(this.pendingFocus=null,h(this.menus[t.depth],t.index))}reposition(){if(!this.panel)return;const t=this.global?{left:0,top:0}:this.host.getBoundingClientRect(),i=this.panel.getBoundingClientRect(),e=window.innerWidth||0,s=window.innerHeight||0,n=Math.min(Math.max(8,t.left+this.x),Math.max(8,e-i.width-8)),o=Math.min(Math.max(8,t.top+this.y),Math.max(8,s-i.height-8));b(this.panel,{top:o,left:n,side:o<t.top+this.y?"top":"bottom"}),this.checkDrill(!0),m(this.menus,this.flyouts,this.subPath)}checkDrill(t=!1){const i=c(this.panel,this.width);return i!==this.drill&&(t?Promise.resolve().then((()=>{this.drill=i})):this.drill=i),i}teardown(){document.removeEventListener("keydown",this.onDocKey,!0),this.disposers.forEach((t=>t())),this.disposers=[]}close(t){return!this.open||!this.suiClose.emit(t).defaultPrevented&&(this.open=!1,!0)}onRegionPress=t=>{const i=t.target;this.panel&&i&&this.panel.contains(i)||this.close("outside")};onTab(t){const i=this.opener&&!1!==this.opener.isConnected?this.opener:void 0;i?k(t,this.panel,(()=>this.close("outside")?i:null)):this.close("outside")||t.preventDefault()}onPanelContextMenu=t=>{t.preventDefault(),t.stopPropagation()};onDocKey=t=>{"Escape"===t.key&&this.open&&(t.stopPropagation(),this.close("escape"))};onHostKey=t=>{if(this.open)return;if("ContextMenu"!==t.key&&("F10"!==t.key||!t.shiftKey))return;t.preventDefault();const i=(t.target||this.host).getBoundingClientRect(),e=Math.min(12,i.width/2);this.openFrom(w(this.host)?i.right-e:i.left+e,i.top+Math.min(12,i.height/2))};openFrom(t,i){const e=this.global?{left:0,top:0}:this.host.getBoundingClientRect(),s=this.open;if(this.x=Math.round(t-e.left),this.y=Math.round(i-e.top),s){this.subPath=[],this.cursor=null;const t=a(this.items||[]);t>=0&&(this.pendingFocus={depth:0,index:t})}this.open=!0,this.suiOpen.emit({x:this.x,y:this.y})}openAt(t){t.preventDefault(),this.openFrom(t.clientX,t.clientY)}onContextMenu=t=>{this.global||this.openAt(t)};onDocOpenKey=t=>{this.global&&!this.open&&this.ownsDocument()&&this.onHostKey(t)};onDocContextMenu=t=>{if(!this.global)return;if(t.defaultPrevented)return;if(!this.ownsDocument())return;const i="function"==typeof t.composedPath?t.composedPath():[];this.panel&&i.indexOf(this.panel)>=0||this.openAt(t)};pick=t=>{this.suiPick.emit(t),t.command?.(),this.close("pick")};openSub(t,i,e){const s=x(this.items||[],this.subPath,t)[i]?.items||[],n=this.checkDrill();if(this.subPath=[...this.subPath.slice(0,t),i],!e&&!n)return;const o=a(s);o>=0&&this.focusLater({depth:t+1,index:o})}closeSub(t){if(t<=0)return;const i=this.subPath[t-1];this.subPath=this.subPath.slice(0,t-1),this.focusLater({depth:t-1,index:i})}focusLater(t){this.cursor=t,this.pendingFocus=t}onHover(t,i){if(this.cursor={depth:t,index:i},this.drill)return;const e=x(this.items||[],this.subPath,t)[i];this.subPath=[...this.subPath.slice(0,t),...d(e)?[i]:[]]}onKeyDown=(t,i)=>{if("Tab"===t.key)return void this.onTab(t);const e=l(t,this.items||[],this.subPath,this.cursor,i);switch(e.kind){case"move":return this.cursor=e.cursor,this.subPath=this.subPath.slice(0,i),void h(this.menus[i],e.cursor.index);case"open":return this.cursor=e.cursor,void this.openSub(i,e.cursor.index,!0);case"pick":return void this.pick(e.item);case"close":return void this.closeSub(e.depth);case"exit":return void("escape"===e.key&&(t.stopPropagation(),this.close("escape")))}};render(){this.menus=[],this.flyouts=[];const t=this.fieldId+"-panel";return n(o,{key:"3d80efad631ef6c741d83c2b73598d746dc4c3d0",onContextMenu:this.onContextMenu,onKeyDown:this.onHostKey},n("slot",{key:"29cfddd10068d37b131b5887f88d35070fc8fa3c"}),this.open||this.closing?n("div",{id:t,class:{panel:!0,closing:this.closing},inert:this.closing,ref:t=>this.panel=t,onContextMenu:this.onPanelContextMenu},n(r,{items:this.items,width:this.width,path:this.subPath,active:this.cursor,idBase:this.fieldId,menuRef:(t,i)=>{i&&(this.menus[t]=i)},flyRef:(t,i)=>{i&&(this.flyouts[t]=i)},onPick:(t,i,e)=>{d(t)?this.openSub(i,e,!1):this.pick(t)},onHover:(t,i)=>this.onHover(t,i),onLeave:t=>{this.cursor&&this.cursor.depth===t&&(this.cursor=null)},onKeyDown:this.onKeyDown,drill:this.drill,onBack:t=>this.closeSub(t)})):null)}static get watchers(){return{open:[{onOpenChange:0}],x:[{onMove:0}],y:[{onMove:0}],global:[{onGlobalChange:0}]}}static get style(){return".sc-sui-context-menu-h{display:block;position:relative;font-family:var(--font-sans)}[global].sc-sui-context-menu-h{display:contents}.panel.sc-sui-context-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-context-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-context-menu{animation-name:sui-context-in-top}.panel.closing.sc-sui-context-menu{animation:sui-context-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-context-in{from{opacity:0;margin-top:-4px}}@keyframes sui-context-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-context-out{to{opacity:0}}.sui-menu-list.sc-sui-context-menu{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-context-menu{width:auto}.sui-menu-list.sc-sui-context-menu:focus{outline:none}.sui-menu-row.sc-sui-context-menu{position:relative}.sui-menu-fly.sc-sui-context-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-context-menu{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-context-menu{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-context-menu{padding:5px 5px 0}.sui-menu-back.sc-sui-context-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-context-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-context-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-context-menu .sui-glyph.sc-sui-context-menu{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-context-menu .sui-glyph.sc-sui-context-menu:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-context-menu .sui-menu-sep.sc-sui-context-menu{margin:5px 4px 0}.sui-menu-section.sc-sui-context-menu{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-context-menu{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-context-menu,a.sui-menu-item.sc-sui-context-menu:hover,a.sui-menu-item.sc-sui-context-menu:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-context-menu,.sui-menu-item.open.sc-sui-context-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-context-menu,a.sui-menu-item.danger.sc-sui-context-menu,a.sui-menu-item.danger.sc-sui-context-menu:hover,a.sui-menu-item.danger.sc-sui-context-menu:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-context-menu,.sui-menu-item.danger.sc-sui-context-menu:hover,a.sui-menu-item.danger.sc-sui-context-menu:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-context-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-context-menu{font-weight:650}.sui-menu-item.sc-sui-context-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-context-menu{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-context-menu{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:var(--danger)}.sui-menu-item.danger.sc-sui-context-menu:hover .sui-menu-icon.sc-sui-context-menu,.sui-menu-item.danger.active.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:var(--disabled-ink)}.sui-menu-label.sc-sui-context-menu{flex:1;min-width:0}.sui-menu-badge.sc-sui-context-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-context-menu{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-context-menu{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-context-menu:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-context-menu{background:CanvasText}.sui-menu-item.active.sc-sui-context-menu,.sui-menu-item.open.sc-sui-context-menu,.sui-menu-item.danger.active.sc-sui-context-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-context-menu,a.sui-menu-item.open.sc-sui-context-menu,a.sui-menu-item.danger.active.sc-sui-context-menu{color:HighlightText}.sui-menu-item.disabled.sc-sui-context-menu{color:GrayText}.sui-menu-item.current.sc-sui-context-menu{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-context-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-context-menu,.sui-menu-shortcut.sc-sui-context-menu,.sui-menu-chev.sc-sui-context-menu,.sui-menu-item.danger.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:inherit}.sui-menu-item.disabled.sc-sui-context-menu .sui-menu-icon.sc-sui-context-menu{color:GrayText}.sui-menu-badge.sc-sui-context-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[774,"sui-context-menu",{items:[16],open:[1540],x:[1026],y:[1026],global:[516],width:[2],cursor:[32],subPath:[32],drill:[32],closing:[32]},void 0,{open:[{onOpenChange:0}],x:[{onMove:0}],y:[{onMove:0}],global:[{onGlobalChange:0}]}]),z=M,D=function(){"undefined"!=typeof customElements&&["sui-context-menu"].forEach((t=>{"sui-context-menu"===t&&(customElements.get(u(t))||customElements.define(u(t),M))}))};export{z as SuiContextMenu,D as defineCustomElement}

package/dist/components/sui-copy-button.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-D2gU43E0.js";const p=o,r=s;export{p as SuiCopyButton,r as defineCustomElement}
+import{S as o,d as s}from"./p-BAvMHJlT.js";const p=o,r=s;export{p as SuiCopyButton,r as defineCustomElement}