@shineuix/core 1.0.0 → 1.0.1

package/dist/components/sui-filter-panel.js

@@ -1 +1 @@
-import{p as i,H as s,c as e,f as t,h as a,a as r,t as o}from"./p-DQ8DrIvI.js";import{k as n,o as l,p as h,g as p,a as c,b as u,m as d,l as f,t as m}from"./p-CnbXPlor.js";import{k as v}from"./p-CYlxvoVo.js";import{i as b}from"./p-Cs2X0Kih.js";import{d as g}from"./p-BHB1Wprj.js";import{u as y}from"./p-U06fVoGD.js";import{a as x,l as k}from"./p-BuyjS5bS.js";import{G as C,F as w}from"./p-BJFE-_50.js";import{d as j}from"./p-uP95f9ik.js";import{defineCustomElement as E}from"./p-EDmBLID6.js";import{defineCustomElement as A}from"./p-DcNj_rkS.js";import{d as S}from"./p-ClqEcp1V.js";import{defineCustomElement as z}from"./p-BH_Jdynn.js";import{defineCustomElement as F}from"./p-BdvRk0QH.js";import{defineCustomElement as B}from"./p-HhbQ0ich.js";const D=i=>Array.isArray(i)?i.filter(Boolean):i?[i]:[],O=i=>{const s={};return Object.keys(i||{}).forEach((e=>{const t=i[e];if(Array.isArray(t)){const i=t.filter(Boolean);i.length&&(s[e]=i)}else t&&(s[e]=t)})),s},V=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiApply=e(this,"suiApply",7),this.suiChange=e(this,"suiChange",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}filters=[];open=!1;values;suiApply;suiChange;suiOpen;suiClose;staged={};hostLabel;closing=!1;stopAria;fieldId=y("sui-filter-panel");trigger;panel;disposers=[];escape=n((()=>this.requestClose("escape",!0)));exit=l((()=>this.closing=!1));raised;demote;derived=!1;writing=!1;componentWillLoad(){this.values||(this.derived=!0,this.seed()),this.staged={...this.applied()}}onFiltersChange(){this.derived&&this.seed()}onValuesChange(){this.writing||(this.derived=!1,this.open||(this.staged={...this.applied()}))}seed(){const i={};(this.filters||[]).forEach((s=>{void 0!==s.value&&(i[s.key]=s.value)}));const s=O(i);this.write(s),this.staged={...s}}write(i){this.writing=!0,this.values=i,this.writing=!1}connectedCallback(){this.stopAria?.(),this.stopAria=b(this.host,(i=>{this.hostLabel=i})),g(this.host,(()=>this.trigger)),this.trigger&&this.open&&t(this)}async setFocus(){this.trigger?.focus()}componentWillRender(){!this.raised||this.open||this.closing||this.lowerPanel()}componentDidRender(){(this.open||this.closing)&&this.panel&&this.raised!==this.panel&&(this.lowerPanel(),this.demote=h(this.panel),this.raised=this.panel),this.open&&this.afterOpen()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.stopAria?.(),this.lowerPanel(),this.closing=!1}lowerPanel(){const i=this.demote;this.demote=void 0,this.raised=void 0,i?.()}onOpenChange(i){i?(this.escape.arm(),this.exit.cancel(),this.closing=!1,this.staged={...this.applied()}):(this.teardown(),this.panel&&p(this.panel),this.closing=this.exit.begin(this.panel))}applied(){return O(this.values||{})}activeKeys(){const i=this.applied();return(this.filters||[]).map((i=>i.key)).filter((s=>!!i[s]))}afterOpen(){this.open&&this.trigger&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.reposition(),this.disposers.push(c((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),u((()=>this.reposition()))),this.escape.arm())}reposition(){this.trigger&&this.panel&&d(this.panel,f(this.trigger,this.panel,"bottom",6,"start"))}teardown(){this.escape.disarm(),this.disposers.forEach((i=>i())),this.disposers=[]}openSelf(){this.open||(this.open=!0,v(this.host,this.trigger),this.suiOpen.emit())}requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,s&&this.trigger?.focus()))}onPanelKey=i=>{m(i,this.panel,(()=>this.requestClose("outside",!0)))};commit(i){const s=this.applied(),e=O(i);this.derived=!1,this.write(e),this.staged={...e},this.suiApply.emit({...e}),((i,s)=>{const e=Object.keys(i);return e.length===Object.keys(s).length&&e.every((e=>{const t=D(i[e]),a=D(s[e]);return t.length===a.length&&t.every(((i,s)=>i===a[s]))}))})(s,e)||this.suiChange.emit({...e})}apply=()=>{this.commit(this.staged),this.requestClose("pick",!0)};clearAll=()=>{this.commit({})};removeValue(i,s){const e={...this.applied()},t=e[i];if(Array.isArray(t)){const a=t.filter((i=>i!==s));a.length?e[i]=a:delete e[i]}else delete e[i];this.commit(e)}onToggle=()=>{this.open?this.requestClose("trigger"):this.openSelf()};onStage(i,s){s.stopPropagation();const e=s.detail,t=Array.isArray(e)?e.map(String):null==e?"":e+"",a=Array.isArray(t)?t.length?t:void 0:t||void 0;this.staged={...this.staged,[i]:a}}onTextKey=i=>{"Enter"===i.key&&(i.preventDefault(),this.apply())};field(i){const s=this.staged[i.key],e=s=>this.onStage(i.key,s);return"text"===i.kind?a("div",{class:"field",key:i.key,onKeyDown:this.onTextKey},a("sui-input-text",{label:i.label,value:Array.isArray(s)?s[0]||"":s||"",placeholder:i.placeholder||x(void 0,"filter-panel.search",void 0,"Search"),onSuiInput:e})):a("div",{class:"field",key:i.key},i.multiple?a("sui-multi-select",{label:i.label,options:i.options||[],value:D(s),placeholder:i.placeholder||x(void 0,"filter-panel.any",void 0,"Any"),onSuiChange:e}):a("sui-select",{label:i.label,options:i.options||[],value:Array.isArray(s)?s[0]:s,placeholder:i.placeholder||x(void 0,"filter-panel.any",void 0,"Any"),clearable:!0,onSuiChange:e}))}render(){const i=this.activeKeys(),s=this.applied(),e=this.fieldId+"-panel",t=[];return i.forEach((i=>{const e=(this.filters||[]).find((s=>s.key===i)),r=e?e.label:i;D(s[i]).forEach((s=>{t.push(a("sui-chip",{key:`${i}:${s}`,class:"active",label:k(void 0,"filter-panel.chip",void 0,"{name}: {value}",{name:r,value:s}),removable:!0,onSuiRemove:e=>{e.stopPropagation(),this.removeValue(i,s)}}))}))})),a(r,{key:"3e6aac6f4db119eff4a92f629890acf8a693803a"},a("div",{key:"740f7e83f3afbabe6e5d3d2a174bd5525fa12630",class:"anchor"},a("button",{key:"41bd4fe7c313e977a251cc0741930af1ffecf135",ref:i=>this.trigger=i,type:"button",class:{trigger:!0,open:this.open},"aria-expanded":this.open?"true":"false","aria-controls":this.open?e:null,onClick:this.onToggle},a(C,{key:"f74bcdd324a2b65daf85e5c5eb3a32b3ad6f0503",glyph:w}),a("span",{key:"fe99ddb802ef636c863e761205bc86f3937d50e3"},x(void 0,"filter-panel.filters",void 0,"Filters")),i.length>0?a("sui-badge",{class:"count",severity:"accent",size:"sm",value:i.length}):null),this.open||this.closing?a("div",{ref:i=>this.panel=i,id:e,class:{panel:!0,closing:this.closing},inert:this.closing,role:"region","aria-label":this.hostLabel||x(void 0,"filter-panel.filters",void 0,"Filters"),onKeyDown:this.onPanelKey},(this.filters||[]).map((i=>this.field(i))),a("div",{class:"bar"},a("button",{type:"button",class:"clear",onClick:this.clearAll},x(void 0,"filter-panel.clearAll",void 0,"Clear all")),a("sui-button",{variant:"brand",size:"sm",label:x(void 0,"filter-panel.applyFilters",void 0,"Apply filters"),onClick:this.apply}))):null),t,i.length>1?a("button",{type:"button",class:"clear-link",onClick:this.clearAll},x(void 0,"filter-panel.clearAll",void 0,"Clear all")):null)}static get watchers(){return{filters:[{onFiltersChange:0}],values:[{onValuesChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-filter-panel-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-sans);color:var(--ink)}.anchor.sc-sui-filter-panel{position:relative;display:inline-flex}.trigger.sc-sui-filter-panel{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;height:var(--control-md);padding:0 13px;margin:0;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);box-shadow:none;font-family:var(--font-sans);font-size:13px;font-weight:620;line-height:1;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.trigger.sc-sui-filter-panel .sui-glyph.sc-sui-filter-panel{font-size:11px;color:var(--ink-muted)}.trigger.sc-sui-filter-panel:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--control-border));background:var(--brand-soft)}.trigger.open.sc-sui-filter-panel{background:color-mix(in srgb, var(--brand-soft) 84%, var(--ink))}.trigger.sc-sui-filter-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.count.sc-sui-filter-panel{margin-inline-start:-1px}.panel.sc-sui-filter-panel{position:fixed;top:0;left:0;z-index:var(--z-dropdown);box-sizing:border-box;width:280px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:14px 16px;animation:sui-filter-panel-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-filter-panel{animation-name:sui-filter-panel-in-top}.panel.closing.sc-sui-filter-panel{animation:sui-filter-panel-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-filter-panel-in{from{opacity:0;margin-top:-4px}}@keyframes sui-filter-panel-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-filter-panel-out{to{opacity:0}}.field.sc-sui-filter-panel{margin-bottom:12px}.bar.sc-sui-filter-panel{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline);padding-top:11px}.clear.sc-sui-filter-panel{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:620;color:var(--ink-muted)}.clear.sc-sui-filter-panel:hover{color:var(--ink)}.clear.sc-sui-filter-panel:focus-visible,.clear-link.sc-sui-filter-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}.clear-link.sc-sui-filter-panel{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:620;color:var(--link)}.clear-link.sc-sui-filter-panel:hover{text-decoration:underline}"}},[514,"sui-filter-panel",{filters:[16],open:[1540],values:[1040],staged:[32],hostLabel:[32],closing:[32],setFocus:[64]},void 0,{filters:[{onFiltersChange:0}],values:[{onValuesChange:0}],open:[{onOpenChange:0}]}]),K=V,I=function(){"undefined"!=typeof customElements&&["sui-filter-panel","sui-badge","sui-button","sui-checkbox","sui-chip","sui-input-text","sui-multi-select","sui-select"].forEach((i=>{switch(i){case"sui-filter-panel":customElements.get(o(i))||customElements.define(o(i),V);break;case"sui-badge":customElements.get(o(i))||j();break;case"sui-button":customElements.get(o(i))||E();break;case"sui-checkbox":customElements.get(o(i))||A();break;case"sui-chip":customElements.get(o(i))||S();break;case"sui-input-text":customElements.get(o(i))||z();break;case"sui-multi-select":customElements.get(o(i))||F();break;case"sui-select":customElements.get(o(i))||B()}}))};export{K as SuiFilterPanel,I as defineCustomElement}
+import{p as i,H as s,c as e,f as t,h as a,a as r,t as o}from"./p-DQ8DrIvI.js";import{k as n,o as l,p as h,g as p,a as c,b as u,m as d,l as f,t as m}from"./p-B2OoQiUx.js";import{k as v}from"./p-CYlxvoVo.js";import{i as b}from"./p-wknHx00K.js";import{d as g}from"./p-BHB1Wprj.js";import{u as x}from"./p-U06fVoGD.js";import{a as y,l as k}from"./p-BuyjS5bS.js";import{G as C,F as w}from"./p-B-Bh5OXe.js";import{d as j}from"./p-uP95f9ik.js";import{defineCustomElement as A}from"./p-D4DWEltI.js";import{defineCustomElement as E}from"./p-CDAf56Kr.js";import{d as O}from"./p-1D3wKua6.js";import{defineCustomElement as D}from"./p-gZaDAanJ.js";import{defineCustomElement as z}from"./p-vsR_xu4l.js";import{defineCustomElement as S}from"./p-C_vQO90O.js";const F=i=>Array.isArray(i)?i.filter(Boolean):i?[i]:[],B=i=>{const s={};return Object.keys(i||{}).forEach((e=>{const t=i[e];if(Array.isArray(t)){const i=t.filter(Boolean);i.length&&(s[e]=i)}else t&&(s[e]=t)})),s},K=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiApply=e(this,"suiApply",7),this.suiChange=e(this,"suiChange",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}filters=[];open=!1;values;suiApply;suiChange;suiOpen;suiClose;staged={};hostLabel;closing=!1;stopAria;fieldId=x("sui-filter-panel");trigger;panel;disposers=[];escape=n((()=>this.requestClose("escape",!0)));exit=l((()=>this.closing=!1));raised;demote;derived=!1;writing=!1;componentWillLoad(){this.values||(this.derived=!0,this.seed()),this.staged={...this.applied()}}onFiltersChange(){this.derived&&this.seed()}onValuesChange(){this.writing||(this.derived=!1,this.open||(this.staged={...this.applied()}))}seed(){const i={};(this.filters||[]).forEach((s=>{void 0!==s.value&&(i[s.key]=s.value)}));const s=B(i);this.write(s),this.staged={...s}}write(i){this.writing=!0,this.values=i,this.writing=!1}connectedCallback(){this.stopAria?.(),this.stopAria=b(this.host,(i=>{this.hostLabel=i})),g(this.host,(()=>this.trigger)),this.trigger&&this.open&&t(this)}async setFocus(){this.trigger?.focus()}componentWillRender(){!this.raised||this.open||this.closing||this.lowerPanel()}componentDidRender(){(this.open||this.closing)&&this.panel&&this.raised!==this.panel&&(this.lowerPanel(),this.demote=h(this.panel),this.raised=this.panel),this.open&&this.afterOpen()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.stopAria?.(),this.lowerPanel(),this.closing=!1}lowerPanel(){const i=this.demote;this.demote=void 0,this.raised=void 0,i?.()}onOpenChange(i){i?(this.escape.arm(),this.exit.cancel(),this.closing=!1,this.staged={...this.applied()}):(this.teardown(),this.panel&&p(this.panel),this.closing=this.exit.begin(this.panel))}applied(){return B(this.values||{})}activeKeys(){const i=this.applied();return(this.filters||[]).map((i=>i.key)).filter((s=>!!i[s]))}afterOpen(){this.open&&this.trigger&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.reposition(),this.disposers.push(c((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),u((()=>this.reposition()))),this.escape.arm())}reposition(){this.trigger&&this.panel&&d(this.panel,f(this.trigger,this.panel,"bottom",6,"start"))}teardown(){this.escape.disarm(),this.disposers.forEach((i=>i())),this.disposers=[]}openSelf(){this.open||(this.open=!0,v(this.host,this.trigger),this.suiOpen.emit())}requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,s&&this.trigger?.focus()))}onPanelKey=i=>{m(i,this.panel,(()=>this.requestClose("outside",!0)))};commit(i){const s=this.applied(),e=B(i);this.derived=!1,this.write(e),this.staged={...e},this.suiApply.emit({...e}),((i,s)=>{const e=Object.keys(i);return e.length===Object.keys(s).length&&e.every((e=>{const t=F(i[e]),a=F(s[e]);return t.length===a.length&&t.every(((i,s)=>i===a[s]))}))})(s,e)||this.suiChange.emit({...e})}apply=()=>{this.commit(this.staged),this.requestClose("pick",!0)};clearAll=()=>{this.commit({})};removeValue(i,s){const e={...this.applied()},t=e[i];if(Array.isArray(t)){const a=t.filter((i=>i!==s));a.length?e[i]=a:delete e[i]}else delete e[i];this.commit(e)}onToggle=()=>{this.open?this.requestClose("trigger"):this.openSelf()};onStage(i,s){s.stopPropagation();const e=s.detail,t=Array.isArray(e)?e.map(String):null==e?"":e+"",a=Array.isArray(t)?t.length?t:void 0:t||void 0;this.staged={...this.staged,[i]:a}}onTextKey=i=>{"Enter"===i.key&&(i.preventDefault(),this.apply())};field(i){const s=this.staged[i.key],e=s=>this.onStage(i.key,s);return"text"===i.kind?a("div",{class:"field",key:i.key,onKeyDown:this.onTextKey},a("sui-input-text",{label:i.label,value:Array.isArray(s)?s[0]||"":s||"",placeholder:i.placeholder||y(void 0,"filter-panel.search",void 0,"Search"),onSuiInput:e})):a("div",{class:"field",key:i.key},i.multiple?a("sui-multi-select",{label:i.label,options:i.options||[],value:F(s),placeholder:i.placeholder||y(void 0,"filter-panel.any",void 0,"Any"),onSuiChange:e}):a("sui-select",{label:i.label,options:i.options||[],value:Array.isArray(s)?s[0]:s,placeholder:i.placeholder||y(void 0,"filter-panel.any",void 0,"Any"),clearable:!0,onSuiChange:e}))}render(){const i=this.activeKeys(),s=this.applied(),e=this.fieldId+"-panel",t=[];return i.forEach((i=>{const e=(this.filters||[]).find((s=>s.key===i)),r=e?e.label:i;F(s[i]).forEach((s=>{t.push(a("sui-chip",{key:`${i}:${s}`,class:"active",label:k(void 0,"filter-panel.chip",void 0,"{name}: {value}",{name:r,value:s}),removable:!0,onSuiRemove:e=>{e.stopPropagation(),this.removeValue(i,s)}}))}))})),a(r,{key:"3e6aac6f4db119eff4a92f629890acf8a693803a"},a("div",{key:"740f7e83f3afbabe6e5d3d2a174bd5525fa12630",class:"anchor"},a("button",{key:"41bd4fe7c313e977a251cc0741930af1ffecf135",ref:i=>this.trigger=i,type:"button",class:{trigger:!0,open:this.open},"aria-expanded":this.open?"true":"false","aria-controls":this.open?e:null,onClick:this.onToggle},a(C,{key:"f74bcdd324a2b65daf85e5c5eb3a32b3ad6f0503",glyph:w}),a("span",{key:"fe99ddb802ef636c863e761205bc86f3937d50e3"},y(void 0,"filter-panel.filters",void 0,"Filters")),i.length>0?a("sui-badge",{class:"count",severity:"accent",size:"sm",value:i.length}):null),this.open||this.closing?a("div",{ref:i=>this.panel=i,id:e,class:{panel:!0,closing:this.closing},inert:this.closing,role:"region","aria-label":this.hostLabel||y(void 0,"filter-panel.filters",void 0,"Filters"),onKeyDown:this.onPanelKey},(this.filters||[]).map((i=>this.field(i))),a("div",{class:"bar"},a("button",{type:"button",class:"clear",onClick:this.clearAll},y(void 0,"filter-panel.clearAll",void 0,"Clear all")),a("sui-button",{variant:"brand",size:"sm",label:y(void 0,"filter-panel.applyFilters",void 0,"Apply filters"),onClick:this.apply}))):null),t,i.length>1?a("button",{type:"button",class:"clear-link",onClick:this.clearAll},y(void 0,"filter-panel.clearAll",void 0,"Clear all")):null)}static get watchers(){return{filters:[{onFiltersChange:0}],values:[{onValuesChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-filter-panel-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-sans);color:var(--ink)}.anchor.sc-sui-filter-panel{position:relative;display:inline-flex}.trigger.sc-sui-filter-panel{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;height:var(--control-md);padding:0 13px;margin:0;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);box-shadow:none;font-family:var(--font-sans);font-size:13px;font-weight:620;line-height:1;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.trigger.sc-sui-filter-panel .sui-glyph.sc-sui-filter-panel{font-size:11px;color:var(--ink-muted)}.trigger.sc-sui-filter-panel:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--control-border));background:var(--brand-soft)}.trigger.open.sc-sui-filter-panel{background:color-mix(in srgb, var(--brand-soft) 84%, var(--ink))}.trigger.sc-sui-filter-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.count.sc-sui-filter-panel{margin-inline-start:-1px}.panel.sc-sui-filter-panel{position:fixed;top:0;left:0;z-index:var(--z-dropdown);box-sizing:border-box;width:280px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:14px 16px;animation:sui-filter-panel-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-filter-panel{animation-name:sui-filter-panel-in-top}.panel.closing.sc-sui-filter-panel{animation:sui-filter-panel-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-filter-panel-in{from{opacity:0;margin-top:-4px}}@keyframes sui-filter-panel-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-filter-panel-out{to{opacity:0}}.field.sc-sui-filter-panel{margin-bottom:12px}.bar.sc-sui-filter-panel{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline);padding-top:11px}.clear.sc-sui-filter-panel{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:620;color:var(--ink-muted)}.clear.sc-sui-filter-panel:hover{color:var(--ink)}.clear.sc-sui-filter-panel:focus-visible,.clear-link.sc-sui-filter-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}.clear-link.sc-sui-filter-panel{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:620;color:var(--link)}.clear-link.sc-sui-filter-panel:hover{text-decoration:underline}"}},[514,"sui-filter-panel",{filters:[16],open:[1540],values:[1040],staged:[32],hostLabel:[32],closing:[32],setFocus:[64]},void 0,{filters:[{onFiltersChange:0}],values:[{onValuesChange:0}],open:[{onOpenChange:0}]}]),V=K,I=function(){"undefined"!=typeof customElements&&["sui-filter-panel","sui-badge","sui-button","sui-checkbox","sui-chip","sui-input-text","sui-multi-select","sui-select"].forEach((i=>{switch(i){case"sui-filter-panel":customElements.get(o(i))||customElements.define(o(i),K);break;case"sui-badge":customElements.get(o(i))||j();break;case"sui-button":customElements.get(o(i))||A();break;case"sui-checkbox":customElements.get(o(i))||E();break;case"sui-chip":customElements.get(o(i))||O();break;case"sui-input-text":customElements.get(o(i))||D();break;case"sui-multi-select":customElements.get(o(i))||z();break;case"sui-select":customElements.get(o(i))||S()}}))};export{V as SuiFilterPanel,I as defineCustomElement}

package/dist/components/sui-float-label.js

@@ -1 +1 @@
-import{p as i,H as s,c as a,h as e,t as l}from"./p-DQ8DrIvI.js";import{d as t,F as o}from"./p-CvjYVNw7.js";import{u as r}from"./p-U06fVoGD.js";import{i as n,d as u,s as d,r as f}from"./p-BHB1Wprj.js";import{i as c,a as h}from"./p-Cs2X0Kih.js";import{i as b}from"./p-MsqFuhDd.js";import{f as p}from"./p-CGWvlrv_.js";const v=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=a(this,"suiInput",7),this.suiChange=a(this,"suiChange",7),this.suiFocus=a(this,"suiFocus",3),this.suiBlur=a(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;value="";type="text";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;required=!1;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=r("sui-float");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=c(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=b(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=h(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){d(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};render(){const i=this.invalid||!!this.error;return e(o,{key:"fbe190ed093fd199fbae1f5332b74ff3dfb376e1",help:this.help,error:this.error,descId:this.fieldId},e("div",{key:"88c016752270f107da947149cfce1edbaefa94c1",class:{"sui-float":!0,up:this.focused||this.value.length>0,focus:this.focused,invalid:i}},e("input",{key:"15908e6cadaa01ce554e8d9c53656ab42f78be88",ref:i=>this.input=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,lg:!0,invalid:i},type:this.type,value:this.value,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,maxLength:this.maxLength,autocomplete:this.autocomplete,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":t(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),e("label",{key:"5b3a8521a56c0f24288574c4599390d60f433242",class:"float-label",htmlFor:this.fieldId},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null)))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-float-label-h{display:block;font-family:var(--font-sans)}.sui-float.sc-sui-float-label{position:relative;padding-top:6px}.float-label.sc-sui-float-label{position:absolute;inset-inline-start:9px;top:17px;padding:0 4px;font-size:14px;font-weight:460;line-height:1.3;color:var(--ink-placeholder);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;background:transparent;pointer-events:none;white-space:nowrap;transition:top var(--duration-fast) var(--ease-out), font-size var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{top:-2px;font-size:11px;font-weight:650;background:linear-gradient(transparent 50%, var(--surface) 50%)}.sui-float.up.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--focus-ring)}.sui-float.invalid.sc-sui-float-label .float-label.sc-sui-float-label,.sui-float.up.invalid.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--danger)}.sui-float.up.sc-sui-float-label input[readonly].sc-sui-float-label:not(:disabled)+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--surface-sunken) 50%)}.sui-float.up.sc-sui-float-label input.sc-sui-float-label:disabled+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--disabled-bg) 50%)}@media (forced-colors: active){.float-label.sc-sui-float-label{color:GrayText}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{color:CanvasText}}.sui-field.sc-sui-float-label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-float-label{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-float-label .sui-field-label.sc-sui-float-label{color:var(--danger)}.sui-field-req.sc-sui-float-label{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-float-label{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-float-label{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-float-label .sui-glyph.sc-sui-float-label{font-size:11px}.sui-frame.sc-sui-float-label{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-float-label:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-float-label,.sui-frame.readonly.sc-sui-float-label{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-float-label{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-float-label:focus-within,.sui-frame.invalid.focus.sc-sui-float-label,.sui-frame.invalid.open.sc-sui-float-label{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-float-label{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-float-label::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-float-label{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-float-label{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-float-label{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{color:GrayText;border-color:GrayText}}"}},[578,"sui-float-label",{label:[1],help:[1],error:[1],value:[1025],type:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],maxLength:[2,"maxlength"],pattern:[1],minLength:[2,"minlength"],required:[516],name:[513],autocomplete:[1],focused:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),m=v,g=function(){"undefined"!=typeof customElements&&["sui-float-label"].forEach((i=>{"sui-float-label"===i&&(customElements.get(l(i))||customElements.define(l(i),v))}))};export{m as SuiFloatLabel,g as defineCustomElement}
+import{p as i,H as s,c as a,h as l,t as e}from"./p-DQ8DrIvI.js";import{d as t,F as o}from"./p-DWUWsh4I.js";import{u as r}from"./p-U06fVoGD.js";import{i as n,d as u,s as d,r as f}from"./p-BHB1Wprj.js";import{i as c,a as h}from"./p-wknHx00K.js";import{i as b}from"./p-MsqFuhDd.js";import{f as p}from"./p-CGWvlrv_.js";const v=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=a(this,"suiInput",7),this.suiChange=a(this,"suiChange",7),this.suiFocus=a(this,"suiFocus",3),this.suiBlur=a(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;value="";type="text";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;required=!1;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=r("sui-float");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=c(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=b(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=h(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){d(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};render(){const i=this.invalid||!!this.error;return l(o,{key:"8f9a8dc84a706dc09ea2c2e1c413821e46a9fafa",help:this.help,error:this.error,descId:this.fieldId},l("div",{key:"81b4b1c68f7c11c5432b29d06f55a78aa6f6b841",class:{"sui-float":!0,up:this.focused||this.value.length>0,focus:this.focused,invalid:i}},l("input",{key:"619bd89da26a7f1cc91bbd8f47f352e0236546f8",ref:i=>this.input=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,lg:!0,invalid:i},type:this.type,value:this.value,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,maxLength:this.maxLength,autocomplete:this.autocomplete,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":t(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),l("label",{key:"c981aee4cb39f5c99b6bb4320be7ce0479e62fba",class:"float-label",htmlFor:this.fieldId},this.label,this.required?l("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null)))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-float-label-h{display:block;font-family:var(--font-sans)}.sui-float.sc-sui-float-label{position:relative;padding-top:6px}.float-label.sc-sui-float-label{position:absolute;inset-inline-start:9px;top:17px;padding:0 4px;font-size:14px;font-weight:460;line-height:1.3;color:var(--ink-placeholder);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;background:transparent;pointer-events:none;white-space:nowrap;transition:top var(--duration-fast) var(--ease-out), font-size var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{top:-2px;font-size:11px;font-weight:650;background:linear-gradient(transparent 50%, var(--surface) 50%)}.sui-float.up.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--focus-ring)}.sui-float.invalid.sc-sui-float-label .float-label.sc-sui-float-label,.sui-float.up.invalid.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--danger)}.sui-float.up.sc-sui-float-label input[readonly].sc-sui-float-label:not(:disabled)+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--surface-sunken) 50%)}.sui-float.up.sc-sui-float-label input.sc-sui-float-label:disabled+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--disabled-bg) 50%)}@media (forced-colors: active){.float-label.sc-sui-float-label{color:GrayText}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{color:CanvasText}}.sui-field.sc-sui-float-label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-float-label{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-float-label .sui-field-label.sc-sui-float-label{color:var(--danger)}.sui-field-req.sc-sui-float-label{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-float-label{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-float-label{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-float-label .sui-glyph.sc-sui-float-label{font-size:11px}.sui-frame.sc-sui-float-label{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-float-label:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-float-label,.sui-frame.readonly.sc-sui-float-label{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-float-label{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-float-label:focus-within,.sui-frame.invalid.focus.sc-sui-float-label,.sui-frame.invalid.open.sc-sui-float-label{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-float-label{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-float-label::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-float-label{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-float-label{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-float-label{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{color:GrayText;border-color:GrayText}}"}},[578,"sui-float-label",{label:[1],help:[1],error:[1],value:[1025],type:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],maxLength:[2,"maxlength"],pattern:[1],minLength:[2,"minlength"],required:[516],name:[513],autocomplete:[1],focused:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),m=v,g=function(){"undefined"!=typeof customElements&&["sui-float-label"].forEach((i=>{"sui-float-label"===i&&(customElements.get(e(i))||customElements.define(e(i),v))}))};export{m as SuiFloatLabel,g as defineCustomElement}

package/dist/components/sui-fluid.js

@@ -1 +1 @@
-import{p as e,H as s,h as t,a as i,t as d}from"./p-DQ8DrIvI.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}gap=14;render(){return t(i,{key:"27d68663c89484e99754667044e75ef2b63ede70",style:{gap:this.gap+"px"}},t("slot",{key:"e6f30518196c5d7e3d3fdde8ca3d67d3a2e081ac"}))}static get style(){return".sc-sui-fluid-h{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:stretch;align-items:start;width:100%;box-sizing:border-box;font-family:var(--font-sans)}"}},[774,"sui-fluid",{gap:[2]}]),a=r,n=function(){"undefined"!=typeof customElements&&["sui-fluid"].forEach((e=>{"sui-fluid"===e&&(customElements.get(d(e))||customElements.define(d(e),r))}))};export{a as SuiFluid,n as defineCustomElement}
+import{p as s,H as t,h as e,a as i,t as a}from"./p-DQ8DrIvI.js";const r=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}gap=14;render(){return e(i,{key:"d033991e2e8b3c204d9a3f00b827144e1556b559",style:{gap:this.gap+"px"}},e("slot",{key:"47fc1c8985ad638deb0b1a0ec96ccc625c2fba3a"}))}static get style(){return".sc-sui-fluid-h{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:stretch;align-items:start;width:100%;box-sizing:border-box;font-family:var(--font-sans)}"}},[774,"sui-fluid",{gap:[2]}]),c=r,n=function(){"undefined"!=typeof customElements&&["sui-fluid"].forEach((s=>{"sui-fluid"===s&&(customElements.get(a(s))||customElements.define(a(s),r))}))};export{c as SuiFluid,n as defineCustomElement}

package/dist/components/sui-form-actions.js

@@ -1 +1 @@
-import{p as s,H as a,c as i,h as t,a as r,t as e}from"./p-DQ8DrIvI.js";import{a as o}from"./p-BuyjS5bS.js";import{defineCustomElement as n}from"./p-EDmBLID6.js";const c=["button","submit"],d=["button","reset"],m=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiPrimary=i(this,"suiPrimary",7),this.suiSecondary=i(this,"suiSecondary",7)}primaryLabel;secondaryLabel;sticky=!1;primaryDisabled=!1;primaryLoading=!1;hideSecondary=!1;primaryType="button";secondaryType="button";form;suiPrimary;suiSecondary;warnedForm;formId(){if(!this.form||"undefined"==typeof document)return this.form;const s=document.getElementById(this.form);return s&&"SUI-FORM"===s.tagName?this.form+"-form":this.form}render(){const s=this.formId(),a=c.includes(this.primaryType)?this.primaryType:"button",i=d.includes(this.secondaryType)?this.secondaryType:"button";return t(r,{key:"3d6f1ff1a5f122f0aba0952026f354b1ffffcd0f"},t("div",{key:"83683b89a0b15e4ea1037cabe4513ed1ce303bc4",class:{bar:!0,sticky:this.sticky}},t("slot",{key:"355c7473aedd2508e2487aced90cd614845d90c1",name:"status"}),t("div",{key:"54ee8ad10c5dd59af32fb7ec87e5e52976d71c8f",class:"spacer"}),this.hideSecondary?null:t("sui-button",{class:"secondary",variant:"outline",size:"md",type:i,form:s,label:o(void 0,"form-actions.secondary",this.secondaryLabel,"Cancel"),onClick:()=>this.suiSecondary.emit()}),t("sui-button",{key:"b8a2a450ae4ac4045095dd054236eb0aa2ad44d7",class:"primary",variant:"brand",size:"md",type:a,form:s,label:o(void 0,"form-actions.primary",this.primaryLabel,"Save"),disabled:this.primaryDisabled,loading:this.primaryLoading,onClick:()=>{this.primaryDisabled||this.primaryLoading||this.suiPrimary.emit()}})))}static get style(){return'.sc-sui-form-actions-h{display:block;font-family:var(--font-sans)}[sticky].sc-sui-form-actions-h{position:sticky;bottom:0;z-index:var(--z-sticky)}.bar.sc-sui-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid var(--hairline);background:var(--surface-sunken);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.spacer.sc-sui-form-actions{flex:1}@media (max-width: 480px){.bar.sc-sui-form-actions{row-gap:10px}.bar.sc-sui-form-actions-s>[slot="status"],.bar .sc-sui-form-actions-s>[slot="status"]{flex-basis:100%}}.primary.sc-sui-form-actions .sui-btn.sc-sui-form-actions{font-weight:700}'}},[774,"sui-form-actions",{primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],sticky:[516],primaryDisabled:[516,"primary-disabled"],primaryLoading:[516,"primary-loading"],hideSecondary:[516,"hide-secondary"],primaryType:[513,"primary-type"],secondaryType:[513,"secondary-type"],form:[1]}]),u=m,y=function(){"undefined"!=typeof customElements&&["sui-form-actions","sui-button"].forEach((s=>{switch(s){case"sui-form-actions":customElements.get(e(s))||customElements.define(e(s),m);break;case"sui-button":customElements.get(e(s))||n()}}))};export{u as SuiFormActions,y as defineCustomElement}
+import{p as s,H as i,c as a,h as t,a as r,t as e}from"./p-DQ8DrIvI.js";import{a as o}from"./p-BuyjS5bS.js";import{defineCustomElement as n}from"./p-D4DWEltI.js";const c=["button","submit"],d=["button","reset"],m=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiPrimary=a(this,"suiPrimary",7),this.suiSecondary=a(this,"suiSecondary",7)}primaryLabel;secondaryLabel;sticky=!1;primaryDisabled=!1;primaryLoading=!1;hideSecondary=!1;primaryType="button";secondaryType="button";form;suiPrimary;suiSecondary;warnedForm;formId(){if(!this.form||"undefined"==typeof document)return this.form;const s=document.getElementById(this.form);return s&&"SUI-FORM"===s.tagName?this.form+"-form":this.form}render(){const s=this.formId(),i=c.includes(this.primaryType)?this.primaryType:"button",a=d.includes(this.secondaryType)?this.secondaryType:"button";return t(r,{key:"0ec0425755d3910d43ea8756ec8deb587a470a16"},t("div",{key:"bb9688137bce7a5d6fb203bd42a24fed93a9e033",class:{bar:!0,sticky:this.sticky}},t("slot",{key:"bd8dd1bdf235cb796201fd647515a881e219ca3f",name:"status"}),t("div",{key:"f1e168eef62e7a94e0e173d192ea91627f91dcc1",class:"spacer"}),this.hideSecondary?null:t("sui-button",{class:"secondary",variant:"outline",size:"md",type:a,form:s,label:o(void 0,"form-actions.secondary",this.secondaryLabel,"Cancel"),onClick:()=>this.suiSecondary.emit()}),t("sui-button",{key:"c83cf62a00cb0cb22cdfc4473b74bc04114f2c15",class:"primary",variant:"brand",size:"md",type:i,form:s,label:o(void 0,"form-actions.primary",this.primaryLabel,"Save"),disabled:this.primaryDisabled,loading:this.primaryLoading,onClick:()=>{this.primaryDisabled||this.primaryLoading||this.suiPrimary.emit()}})))}static get style(){return'.sc-sui-form-actions-h{display:block;font-family:var(--font-sans)}[sticky].sc-sui-form-actions-h{position:sticky;bottom:0;z-index:var(--z-sticky)}.bar.sc-sui-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid var(--hairline);background:var(--surface-sunken);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.spacer.sc-sui-form-actions{flex:1}@media (max-width: 480px){.bar.sc-sui-form-actions{row-gap:10px}.bar.sc-sui-form-actions-s>[slot="status"],.bar .sc-sui-form-actions-s>[slot="status"]{flex-basis:100%}}.primary.sc-sui-form-actions .sui-btn.sc-sui-form-actions{font-weight:700}'}},[774,"sui-form-actions",{primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],sticky:[516],primaryDisabled:[516,"primary-disabled"],primaryLoading:[516,"primary-loading"],hideSecondary:[516,"hide-secondary"],primaryType:[513,"primary-type"],secondaryType:[513,"secondary-type"],form:[1]}]),u=m,y=function(){"undefined"!=typeof customElements&&["sui-form-actions","sui-button"].forEach((s=>{switch(s){case"sui-form-actions":customElements.get(e(s))||customElements.define(e(s),m);break;case"sui-button":customElements.get(e(s))||n()}}))};export{u as SuiFormActions,y as defineCustomElement}

package/dist/components/sui-form-layout.js

@@ -1 +1 @@
-import{p as s,H as t,h as a,a as i,t as e}from"./p-DQ8DrIvI.js";import{o,a as l}from"./p-BWkzTEZX.js";const d=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}heading;subtitle;columns=2;hasStatus=!1;hasHeaderEnd=!1;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasStatus=l(this.host,"status").length>0,this.hasHeaderEnd=l(this.host,"header-end").length>0}render(){const s=Math.max(1,Math.floor(this.columns)||1);return a(i,{key:"f2d1db8c7223db12a6754aa0c2aff8bc50b380b6"},a("div",{key:"ab865ee2ee2417e8b8e99c13f4fba61abb73e221",class:"card"},this.heading||this.hasStatus||this.hasHeaderEnd?a("div",{class:"head"},a("div",{class:"titles"},this.heading?a("div",{class:"title"},this.heading):null,this.subtitle?a("div",{class:"subtitle"},this.subtitle):null),a("slot",{name:"status"}),a("slot",{name:"header-end"})):null,a("div",{key:"b14c2d2d85792ff539689a1508a03886a6e6db2b",class:"grid",style:{gridTemplateColumns:`repeat(${s}, minmax(0, 1fr))`}},a("slot",{key:"4323653c95abe4a21292a73b6c524e41a518a1b8"})),a("slot",{key:"06ad097013f2c0039b91230596d95128fceddc25",name:"actions"})))}static get style(){return'.sc-sui-form-layout-h{display:block;font-family:var(--font-sans);color:var(--ink)}.card.sc-sui-form-layout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.head.sc-sui-form-layout{display:flex;align-items:baseline;gap:12px;padding:15px 16px 0}.titles.sc-sui-form-layout{flex:1;min-width:0}.title.sc-sui-form-layout{font-size:14.5px;font-weight:700}.subtitle.sc-sui-form-layout{font-size:12px;color:var(--ink-faint);margin-top:2px}.grid.sc-sui-form-layout{display:grid;gap:14px;padding:14px 16px 18px}.sc-sui-form-layout-s>*{min-width:0}.sc-sui-form-layout-s>[data-span="full"]{grid-column:1 / -1}@media (max-width: 640px){.grid.sc-sui-form-layout{grid-template-columns:minmax(0, 1fr) !important}}'}},[774,"sui-form-layout",{heading:[1],subtitle:[1],columns:[2],hasStatus:[32],hasHeaderEnd:[32]}]),r=d,n=function(){"undefined"!=typeof customElements&&["sui-form-layout"].forEach((s=>{"sui-form-layout"===s&&(customElements.get(e(s))||customElements.define(e(s),d))}))};export{r as SuiFormLayout,n as defineCustomElement}
+import{p as s,H as t,h as i,a,t as e}from"./p-DQ8DrIvI.js";import{o,a as d}from"./p-BWkzTEZX.js";const l=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}heading;subtitle;columns=2;hasStatus=!1;hasHeaderEnd=!1;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasStatus=d(this.host,"status").length>0,this.hasHeaderEnd=d(this.host,"header-end").length>0}render(){const s=Math.max(1,Math.floor(this.columns)||1);return i(a,{key:"deb1e784d9e8e8037332a3d223b75b19a5d3fd9c"},i("div",{key:"00d95868772fc2d5acbeff1875dfb33954b0685f",class:"card"},this.heading||this.hasStatus||this.hasHeaderEnd?i("div",{class:"head"},i("div",{class:"titles"},this.heading?i("div",{class:"title"},this.heading):null,this.subtitle?i("div",{class:"subtitle"},this.subtitle):null),i("slot",{name:"status"}),i("slot",{name:"header-end"})):null,i("div",{key:"965abe415d8a8d47f10bfb1a3377d80fa5ae57d7",class:"grid",style:{gridTemplateColumns:`repeat(${s}, minmax(0, 1fr))`}},i("slot",{key:"2780f8e6133fda03b15655e5bfe3760d9a1987d1"})),i("slot",{key:"3757d1181541153ff03e63c0952ee9f76554d757",name:"actions"})))}static get style(){return'.sc-sui-form-layout-h{display:block;font-family:var(--font-sans);color:var(--ink)}.card.sc-sui-form-layout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.head.sc-sui-form-layout{display:flex;align-items:baseline;gap:12px;padding:15px 16px 0}.titles.sc-sui-form-layout{flex:1;min-width:0}.title.sc-sui-form-layout{font-size:14.5px;font-weight:700}.subtitle.sc-sui-form-layout{font-size:12px;color:var(--ink-faint);margin-top:2px}.grid.sc-sui-form-layout{display:grid;gap:14px;padding:14px 16px 18px}.sc-sui-form-layout-s>*{min-width:0}.sc-sui-form-layout-s>[data-span="full"]{grid-column:1 / -1}@media (max-width: 640px){.grid.sc-sui-form-layout{grid-template-columns:minmax(0, 1fr) !important}}'}},[774,"sui-form-layout",{heading:[1],subtitle:[1],columns:[2],hasStatus:[32],hasHeaderEnd:[32]}]),r=l,n=function(){"undefined"!=typeof customElements&&["sui-form-layout"].forEach((s=>{"sui-form-layout"===s&&(customElements.get(e(s))||customElements.define(e(s),l))}))};export{r as SuiFormLayout,n as defineCustomElement}

package/dist/components/sui-form.js

@@ -1 +1 @@
-import{p as t,H as i,c as s,h as n,a as r,t as e}from"./p-DQ8DrIvI.js";import{h as o}from"./p-CI7gh4Gk.js";import{a}from"./p-BuyjS5bS.js";const h=["submit","blur","input"],u=["input","suiInput","suiChange"],c=["input","select","textarea"],f=t=>c.includes(t.tagName.toLowerCase()),d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiSubmit=s(this,"suiSubmit",7),this.suiInvalid=s(this,"suiInvalid",7)}get host(){return this}resolver;validateOn="submit";novalidate=!1;noFocusOnInvalid=!1;suiSubmit;suiInvalid;hostId;form;shells=new Set;fieldRun=0;stopIdWatch;watches=new Map;async validate(){return this.run()}async clearErrors(){this.controls().forEach((t=>this.setMessage(t,void 0))),this.shells.forEach((t=>t.error=void 0)),this.shells.clear()}connectedCallback(){this.stopIdWatch?.(),this.stopIdWatch=this.watchHostId(),this.host.addEventListener("focusin",this.onFieldFocus),this.host.addEventListener("focusout",this.onFieldBlur),u.forEach((t=>this.host.addEventListener(t,this.onFieldInput)))}disconnectedCallback(){this.host.removeEventListener("focusin",this.onFieldFocus),this.host.removeEventListener("focusout",this.onFieldBlur),u.forEach((t=>this.host.removeEventListener(t,this.onFieldInput))),this.watches.forEach((t=>t.reset())),this.watches.clear(),this.stopIdWatch?.(),this.stopIdWatch=void 0}watchHostId(){const t=()=>{this.hostId=this.host.getAttribute("id")||void 0};if(t(),"undefined"==typeof MutationObserver)return()=>{};const i=new MutationObserver(t);return i.observe(this.host,{attributes:!0,attributeFilter:["id"]}),()=>i.disconnect()}get formId(){return this.hostId?this.hostId+"-form":void 0}get trigger(){return h.includes(this.validateOn)?this.validateOn:"submit"}controls(){return Array.from(this.host.querySelectorAll("[name]"))}controlNamed(t){return this.controls().find((i=>i.getAttribute("name")===t))}namedFor(t){let i=t;for(;i&&i!==this.host;){if(i.hasAttribute?.("name"))return i;i=i.parentElement}}shellFor(t){let i=t.parentElement;for(;i&&i!==this.host;){if(i.tagName.includes("-")&&"error"in i)return i;i=i.parentElement}}setMessage(t,i){if(!f(t))return void(t.error=i);t.setCustomValidity?.(i||""),i?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid");const s=this.shellFor(t);s&&(s.error=i,i?this.shells.add(s):this.shells.delete(s))}async nativeErrors(){const t={};for(const i of this.controls()){const s=i.getAttribute("name");if(!s||t[s])continue;const n=this.nativeMessage(i);n&&(t[s]=n)}return t}nativeMessage(t){const i=t;if(f(t))return i.validity&&!i.validity.valid?i.validationMessage||a(void 0,"form.invalid",void 0,"Invalid value."):"";const s=t;if("function"!=typeof s.checkValidity)return"";try{return s.checkValidity()?"":s.validationMessage||a(void 0,"form.invalid",void 0,"Invalid value.")}catch(t){return""}}markNative(t,i){t.setAttribute("aria-invalid","true");const s=this.shellFor(t);s&&(s.error=i,this.shells.add(s))}watchFor(t){let i=this.watches.get(t);return i||(i=o({parts:()=>[t],leave:()=>{this.watches.delete(t),"submit"!==this.trigger&&this.validateField(t)}}),this.watches.set(t,i)),i}onFieldFocus=t=>{if("submit"===this.trigger)return;const i=this.namedFor(t.target);i&&this.watchFor(i).focusin(t)};onFieldBlur=t=>{if("submit"===this.trigger)return;const i=this.namedFor(t.target);i&&this.watchFor(i).focusout(t)};onFieldInput=t=>{if("input"!==this.trigger)return;const i=this.namedFor(t.target);i&&("input"===t.type&&t.target!==i&&i.tagName.toLowerCase().startsWith("sui-")||this.validateField(i))};async validateField(t){if(!this.resolver||!this.form)return;const i=t.getAttribute("name");if(!i)return;const s=++this.fieldRun,n=await this.resolver(this.formData());s===this.fieldRun&&this.setMessage(t,n[i]||void 0)}formData(){try{return new FormData(this.form)}catch(t){return new FormData}}async run(){if(!this.form)return!1;if(this.fieldRun+=1,await this.clearErrors(),!this.novalidate&&"function"==typeof this.form.checkValidity&&!this.form.checkValidity()){const t=await this.nativeErrors(),i=Object.keys(t);i.forEach((i=>{const s=this.controlNamed(i);s&&(f(s)?this.markNative(s,t[i]):this.setMessage(s,t[i]))}));const s=i.length?this.controlNamed(i[0]):void 0;return!s||f(s)&&!this.shellFor(s)?this.noFocusOnInvalid||this.form.reportValidity?.():this.focusFirst(s),this.suiInvalid.emit(t),!1}if(!this.resolver)return!0;const t=await this.resolver(this.formData()),i=Object.keys(t).filter((i=>i&&t[i]));if(!i.length&&!t[""])return!0;i.forEach((i=>{const s=this.controlNamed(i);s&&this.setMessage(s,t[i])}));const s=this.controlNamed(i[0]);return s&&f(s)&&!this.shellFor(s)&&!this.noFocusOnInvalid?this.form.reportValidity?.():this.focusFirst(s),this.suiInvalid.emit(t),!1}focusFirst(t){!this.noFocusOnInvalid&&t&&("function"==typeof t.setFocus?t.setFocus():t.focus?.())}onSubmit=async t=>{if(t.preventDefault(),!await this.run())return;const i=this.formData();this.suiSubmit.emit(i).defaultPrevented||this.form.submit?.()};render(){return n(r,{key:"6c027ccc85abb0807e7f4744e031a086720d6130"},n("form",{key:"ebadf1a877b54c35c2019c64b1b1163cf1efb13a",ref:t=>this.form=t,id:this.formId,class:"sui-form",noValidate:!0,onSubmit:this.onSubmit},n("slot",{key:"a3a8cf94f678872a7efd26f49826b58697967fec"})))}static get style(){return".sc-sui-form-h{display:block;font-family:var(--font-sans)}.sui-form.sc-sui-form{display:contents}"}},[774,"sui-form",{resolver:[16],validateOn:[513,"validate-on"],novalidate:[516],noFocusOnInvalid:[516,"no-focus-on-invalid"],hostId:[32],validate:[64],clearErrors:[64]}]),l=d,m=function(){"undefined"!=typeof customElements&&["sui-form"].forEach((t=>{"sui-form"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))};export{l as SuiForm,m as defineCustomElement}
+import{p as t,H as i,c as s,h as n,a as r,t as e}from"./p-DQ8DrIvI.js";import{h as o}from"./p-C1VtWIOq.js";import{a as h}from"./p-BuyjS5bS.js";const a=["submit","blur","input"],u=["input","suiInput","suiChange"],c=["input","select","textarea"],f=t=>c.includes(t.tagName.toLowerCase()),d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiSubmit=s(this,"suiSubmit",7),this.suiInvalid=s(this,"suiInvalid",7)}get host(){return this}resolver;validateOn="submit";novalidate=!1;noFocusOnInvalid=!1;suiSubmit;suiInvalid;hostId;form;shells=new Set;fieldRun=0;stopIdWatch;watches=new Map;async validate(){return this.run()}async clearErrors(){this.controls().forEach((t=>this.setMessage(t,void 0))),this.shells.forEach((t=>t.error=void 0)),this.shells.clear()}connectedCallback(){this.stopIdWatch?.(),this.stopIdWatch=this.watchHostId(),this.host.addEventListener("focusin",this.onFieldFocus),this.host.addEventListener("focusout",this.onFieldBlur),u.forEach((t=>this.host.addEventListener(t,this.onFieldInput)))}disconnectedCallback(){this.host.removeEventListener("focusin",this.onFieldFocus),this.host.removeEventListener("focusout",this.onFieldBlur),u.forEach((t=>this.host.removeEventListener(t,this.onFieldInput))),this.watches.forEach((t=>t.reset())),this.watches.clear(),this.stopIdWatch?.(),this.stopIdWatch=void 0}watchHostId(){const t=()=>{this.hostId=this.host.getAttribute("id")||void 0};if(t(),"undefined"==typeof MutationObserver)return()=>{};const i=new MutationObserver(t);return i.observe(this.host,{attributes:!0,attributeFilter:["id"]}),()=>i.disconnect()}get formId(){return this.hostId?this.hostId+"-form":void 0}get trigger(){return a.includes(this.validateOn)?this.validateOn:"submit"}controls(){return Array.from(this.host.querySelectorAll("[name]"))}controlNamed(t){return this.controls().find((i=>i.getAttribute("name")===t))}namedFor(t){let i=t;for(;i&&i!==this.host;){if(i.hasAttribute?.("name"))return i;i=i.parentElement}}shellFor(t){let i=t.parentElement;for(;i&&i!==this.host;){if(i.tagName.includes("-")&&"error"in i)return i;i=i.parentElement}}setMessage(t,i){if(!f(t))return void(t.error=i);t.setCustomValidity?.(i||""),i?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid");const s=this.shellFor(t);s&&(s.error=i,i?this.shells.add(s):this.shells.delete(s))}async nativeErrors(){const t={};for(const i of this.controls()){const s=i.getAttribute("name");if(!s||t[s])continue;const n=this.nativeMessage(i);n&&(t[s]=n)}return t}nativeMessage(t){const i=t;if(f(t))return i.validity&&!i.validity.valid?i.validationMessage||h(void 0,"form.invalid",void 0,"Invalid value."):"";const s=t;if("function"!=typeof s.checkValidity)return"";try{return s.checkValidity()?"":s.validationMessage||h(void 0,"form.invalid",void 0,"Invalid value.")}catch(t){return""}}markNative(t,i){t.setAttribute("aria-invalid","true");const s=this.shellFor(t);s&&(s.error=i,this.shells.add(s))}watchFor(t){let i=this.watches.get(t);return i||(i=o({parts:()=>[t],leave:()=>{this.watches.delete(t),"submit"!==this.trigger&&this.validateField(t)}}),this.watches.set(t,i)),i}onFieldFocus=t=>{if("submit"===this.trigger)return;const i=this.namedFor(t.target);i&&this.watchFor(i).focusin(t)};onFieldBlur=t=>{if("submit"===this.trigger)return;const i=this.namedFor(t.target);i&&this.watchFor(i).focusout(t)};onFieldInput=t=>{if("input"!==this.trigger)return;const i=this.namedFor(t.target);i&&("input"===t.type&&t.target!==i&&i.tagName.toLowerCase().startsWith("sui-")||this.validateField(i))};async validateField(t){if(!this.resolver||!this.form)return;const i=t.getAttribute("name");if(!i)return;const s=++this.fieldRun,n=await this.resolver(this.formData());s===this.fieldRun&&this.setMessage(t,n[i]||void 0)}formData(){try{return new FormData(this.form)}catch(t){return new FormData}}async run(){if(!this.form)return!1;if(this.fieldRun+=1,await this.clearErrors(),!this.novalidate&&"function"==typeof this.form.checkValidity&&!this.form.checkValidity()){const t=await this.nativeErrors(),i=Object.keys(t);i.forEach((i=>{const s=this.controlNamed(i);s&&(f(s)?this.markNative(s,t[i]):this.setMessage(s,t[i]))}));const s=i.length?this.controlNamed(i[0]):void 0;return!s||f(s)&&!this.shellFor(s)?this.noFocusOnInvalid||this.form.reportValidity?.():this.focusFirst(s),this.suiInvalid.emit(t),!1}if(!this.resolver)return!0;const t=await this.resolver(this.formData()),i=Object.keys(t).filter((i=>i&&t[i]));if(!i.length&&!t[""])return!0;i.forEach((i=>{const s=this.controlNamed(i);s&&this.setMessage(s,t[i])}));const s=this.controlNamed(i[0]);return s&&f(s)&&!this.shellFor(s)&&!this.noFocusOnInvalid?this.form.reportValidity?.():this.focusFirst(s),this.suiInvalid.emit(t),!1}focusFirst(t){!this.noFocusOnInvalid&&t&&("function"==typeof t.setFocus?t.setFocus():t.focus?.())}onSubmit=async t=>{if(t.preventDefault(),!await this.run())return;const i=this.formData();this.suiSubmit.emit(i).defaultPrevented||this.form.submit?.()};render(){return n(r,{key:"9e424b0f4a9d78f8074758d1b0c5b4656a9163fd"},n("form",{key:"d179d3f107a397e9c66c16816658ee3f14e370c4",ref:t=>this.form=t,id:this.formId,class:"sui-form",noValidate:!0,onSubmit:this.onSubmit},n("slot",{key:"7020fb5e4e886d01c04cf45fb79547b178f0111b"})))}static get style(){return".sc-sui-form-h{display:block;font-family:var(--font-sans)}.sui-form.sc-sui-form{display:contents}"}},[774,"sui-form",{resolver:[16],validateOn:[513,"validate-on"],novalidate:[516],noFocusOnInvalid:[516,"no-focus-on-invalid"],hostId:[32],validate:[64],clearErrors:[64]}]),l=d,m=function(){"undefined"!=typeof customElements&&["sui-form"].forEach((t=>{"sui-form"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))};export{l as SuiForm,m as defineCustomElement}

package/dist/components/sui-galleria.js

@@ -1 +1 @@
-import{p as i,H as s,c as a,f as t,h as e,a as r,t as l}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{i as n}from"./p-GAnFXayY.js";import{a as c,b as h}from"./p-CspCssEA.js";import{o as u}from"./p-BzhCDwzO.js";import{m as d}from"./p-DLz6XeJE.js";import{u as p}from"./p-U06fVoGD.js";import{a as g,l as m}from"./p-BuyjS5bS.js";import{G as v,f,q as b,x,u as y,v as k,n as w}from"./p-BJFE-_50.js";import{M as C}from"./p-DCZ4wEzD.js";import{defineCustomElement as j}from"./p-BvdUUYyb.js";import{d as z}from"./p-DHkfcILx.js";import{r as D,o as E}from"./p-DXIDl7cw.js";const A=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiIndexChange=a(this,"suiIndexChange",3),this.suiOpen=a(this,"suiOpen",3),this.suiClose=a(this,"suiClose",3),this.suiError=a(this,"suiError",3)}get host(){return this}items=[];index=0;height=260;hideArrows=!1;circular=!1;autoplay;fullScreen=!1;open=!1;suiIndexChange;suiOpen;suiClose;suiError;failed=new Set;fail(i){i&&!this.failed.has(i)&&(this.failed=new Set(this.failed).add(i),this.suiError.emit(i))}playing=!1;reduced=!1;closing=!1;strip;fullStrip;layer;stage;modal;layerId=p("sui-galleria-viewer");top=d({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});cancelSwipe;player;keys=new WeakMap;nextKey=0;shown=-1;stopMotionWatch;loaded=!1;componentWillLoad(){this.clamp(),this.reduced=D(),this.stopMotionWatch=E((i=>{this.reduced=i})),this.playing=Number(this.autoplay)>0}componentDidLoad(){this.loaded=!0,this.player=c(this.host,{interval:()=>this.autoplay,advance:()=>this.advance()}),this.onAutoplayChange()}connectedCallback(){if(o(this.host,(()=>this.focusTarget())),!this.loaded)return;const i=this.playing;this.stopMotionWatch?.(),this.stopMotionWatch=E((i=>{this.reduced=i})),this.player?.dispose(),this.player=c(this.host,{interval:()=>this.autoplay,advance:()=>this.advance()}),i&&this.player.start(),Promise.resolve().then((()=>{this.host.isConnected&&(this.reduced=D(),this.playing=!!this.player?.active)})),this.open&&t(this)}componentDidRender(){if(this.open&&this.activate(),this.index!==this.shown){this.shown=this.index;for(const i of[this.strip,this.fullStrip])i?.children[this.index]?.scrollIntoView?.({block:"nearest",inline:"nearest"})}}disconnectedCallback(){this.cancelSwipe?.(),this.cancelSwipe=void 0,this.player?.dispose(),this.player=void 0,this.stopMotionWatch?.(),this.stopMotionWatch=void 0,this.deactivate(),this.top.disconnect()&&(this.closing=!1)}clamp(){const i=(this.items||[]).length;let s=Math.max(0,Math.floor(this.index||0));i>0&&(s=Math.min(i-1,s)),s!==this.index&&(this.index=s)}onAutoplayChange(){this.player&&(Number(this.autoplay)>0?this.player.start():this.player.stop(),this.playing=this.player.active)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){if(this.open)return;const i=Array.from(this.host.querySelectorAll(".hero .ctl button")),s=this.strip?.children[this.index];return[...i,s].find((i=>!!i&&!i.hasAttribute("disabled")))}togglePlay=()=>{this.player&&(this.player.active?this.player.stop():this.player.start(),this.playing=this.player.active)};onOpen(i){if(i)return this.top.reopen(),void(this.closing=!1);this.deactivate(),this.closing=this.top.close()}activate(){this.open&&this.layer&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=u(this.layer))}deactivate(){this.modal?.release(),this.modal=void 0}openFull=()=>{this.open||(this.open=!0,this.suiOpen.emit())};requestClose(i){this.suiClose.emit(i).defaultPrevented||(this.open=!1)}onLayerClick=i=>{i.target!==this.layer&&i.target!==this.stage||this.requestClose("scrim")};thumbAt(i){const s=this.open&&this.fullStrip?this.fullStrip:this.strip;return s?.children[i]}keyOf(i){let s=this.keys.get(i);return s||this.keys.set(i,s="i"+ ++this.nextKey),s}stepped(i){const s=(this.items||[]).length,a=this.index+i;return this.circular&&s>0?(a%s+s)%s:Math.min(s-1,Math.max(0,a))}moveTo(i,s=!1){const a=Math.min((this.items||[]).length-1,Math.max(0,i));return!(a<0||(s&&this.thumbAt(a)?.focus(),a===this.index||(this.index=a,this.suiIndexChange.emit(a),0)))}select(i,s=!1){this.player?.stop(),this.playing=!1,this.moveTo(i,s)}advance(){const i=(this.items||[]).length;return i<2||(!this.circular&&this.index>=i-1?(this.playing=!1,!1):this.moveTo(this.stepped(1)))}onHostKeyDown=i=>{this.layer&&this.layer.contains(i.target)||this.onKeyDown(i)};onKeyDown=i=>{const s=n(this.host)?-1:1;"ArrowLeft"===i.key?(i.preventDefault(),this.select(this.stepped(-s),!0)):"ArrowRight"===i.key?(i.preventDefault(),this.select(this.stepped(s),!0)):"Home"===i.key?(i.preventDefault(),this.select(0,!0)):"End"===i.key&&(i.preventDefault(),this.select((this.items||[]).length-1,!0))};onPointerDown=i=>{this.cancelSwipe?.();const s=n(this.host)?-1:1;this.cancelSwipe=h(i,(i=>this.select(this.stepped(i*s))))};control(i,s,a,t,r=!1,l=!1){return e("span",{class:`ctl ${i}${r?" off":""}`},e("sui-icon-button",{variant:"ghost",tone:"inverse",size:l?"lg":"md",pill:!l,"aria-label":a,disabled:r,onClick:t},e(v,{glyph:s})))}navigators(i=!1){if(this.hideArrows)return null;const s=!this.circular&&this.index<=0,a=!this.circular&&this.index>=(this.items||[]).length-1;return[this.control("prev",f,g(void 0,"galleria.previous",void 0,"Previous"),(()=>this.select(this.stepped(-1))),s,i),this.control("next",b,g(void 0,"galleria.next",void 0,"Next"),(()=>this.select(this.stepped(1))),a,i)]}thumbs(i,s){return e("div",{class:"strip",ref:i=>s?this.fullStrip=i:this.strip=i},i.map(((i,s)=>e("button",{key:this.keyOf(i),type:"button",class:{thumb:!0,active:s===this.index},"aria-label":m(void 0,"galleria.showImage",void 0,"Show image {n}",{n:s+1+""}),"aria-current":s===this.index?"true":null,tabIndex:s===this.index?0:-1,onClick:()=>this.select(s)},this.failed.has(i.thumbSrc||i.src)?e(C,{compact:!0,text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):e("img",{src:i.thumbSrc||i.src,alt:"",loading:"lazy",decoding:"async",onError:()=>this.fail(i.thumbSrc||i.src)})))))}render(){const i=this.items||[],s=i[this.index]||{},a=this.host.getAttribute("aria-label")||g(void 0,"galleria.imageViewer",void 0,"Image viewer");return e(r,{key:"1ef00acc3af19b6d36fa37439355038c15e1e125",onKeyDown:this.onHostKeyDown},e("div",{key:"d0198daf7788700f5961cdd71340656bf77396bd",class:"hero",style:{height:this.height+"px"},onPointerDown:this.onPointerDown},s.src&&this.failed.has(s.src)?e(C,{text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):null,s.src&&!this.failed.has(s.src)?e("img",{class:"hero-img",src:s.src,alt:s.alt||"",onError:()=>this.fail(s.src)}):null,s.caption?e("div",{class:"caption"},s.caption):null,this.navigators(),Number(this.autoplay)>0&&!this.reduced?this.control("play",this.playing?y:k,this.playing?g(void 0,"galleria.pauseAutoplay",void 0,"Pause autoplay"):g(void 0,"galleria.startAutoplay",void 0,"Start autoplay"),this.togglePlay):null,this.fullScreen?this.control("expand",w,g(void 0,"galleria.openFullScreen",void 0,"Open full screen"),this.openFull):null),this.thumbs(i,!1),this.open||this.closing?e("div",{id:this.layerId,class:{layer:!0,closing:this.closing},inert:this.closing,ref:i=>this.layer=i,role:"dialog","aria-label":a,onClick:this.onLayerClick,onKeyDown:this.onKeyDown},s.caption?e("div",{class:"full-caption"},s.caption):null,this.control("close",x,g(void 0,"galleria.close",void 0,"Close"),(()=>this.requestClose("close-button")),!1,!0),e("div",{class:"stage",ref:i=>this.stage=i,onPointerDown:this.onPointerDown},s.src&&this.failed.has(s.src)?e(C,{inverse:!0,text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):null,s.src&&!this.failed.has(s.src)?e("img",{class:"full-img",src:s.src,alt:s.alt||"",onError:()=>this.fail(s.src)}):null,this.navigators(!0)),this.thumbs(i,!0)):null)}static get watchers(){return{items:[{clamp:0}],index:[{clamp:0}],autoplay:[{onAutoplayChange:0}],open:[{onOpen:0}]}}static get style(){return".sc-sui-galleria-h{display:block;min-width:0;box-sizing:border-box;font-family:var(--font-sans);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px}.hero.sc-sui-galleria{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-sunken);touch-action:pan-y}.hero-img.sc-sui-galleria{width:100%;height:100%;object-fit:cover;display:block}.caption.sc-sui-galleria{position:absolute;inset-inline:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(transparent, color-mix(in srgb, var(--media-dark) 78%, transparent));color:var(--ink-on-dark);font-size:12.5px;font-weight:620;font-family:var(--font-sans)}.ctl.sc-sui-galleria{position:absolute;display:inline-flex;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--media-dark) 82%, transparent);--ink-inverse:var(--ink-on-dark);--ink-inverse-muted:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);--border-inverse:color-mix(in srgb, var(--ink-on-dark) 14%, transparent)}.ctl.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:var(--icon-size-md)}.ctl.prev.sc-sui-galleria,.ctl.next.sc-sui-galleria{top:calc(50% - var(--control-md) / 2)}.ctl.prev.sc-sui-galleria{inset-inline-start:10px}.ctl.next.sc-sui-galleria{inset-inline-end:10px}.ctl.prev.sc-sui-galleria:dir(rtl),.ctl.next.sc-sui-galleria:dir(rtl){transform:scaleX(-1)}.ctl.off.sc-sui-galleria{opacity:0.4}.ctl.expand.sc-sui-galleria{top:10px;inset-inline-end:10px}.ctl.play.sc-sui-galleria{top:10px;inset-inline-start:10px}.strip.sc-sui-galleria{display:flex;gap:8px;margin:8px -2px 0;padding:2px;overflow-x:auto;scrollbar-width:thin}.thumb.sc-sui-galleria{width:64px;height:44px;flex-shrink:0;padding:0;margin:0;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--surface-sunken);border:2px solid transparent;opacity:0.72;transition:opacity var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.thumb.sc-sui-galleria img.sc-sui-galleria{width:100%;height:100%;object-fit:cover;display:block}.thumb.sc-sui-galleria{position:relative}.thumb.sc-sui-galleria:hover{border-color:var(--border-strong)}.thumb.active.sc-sui-galleria{border-color:var(--accent);opacity:1}.thumb.sc-sui-galleria:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.layer.sc-sui-galleria{position:fixed;inset:0;z-index:var(--z-dialog);box-sizing:border-box;background:color-mix(in srgb, var(--media-dark) 90%, transparent);display:flex;flex-direction:column;padding:64px 24px 20px;animation:sui-galleria-fade var(--duration-slow) var(--ease-out)}.layer.sc-sui-galleria:focus{outline:none}.layer.sc-sui-galleria::before{content:'';position:absolute;inset:0 0 auto;height:64px;background:var(--media-dark)}.layer.sc-sui-galleria .ctl.sc-sui-galleria{background:transparent}.layer.sc-sui-galleria .ctl.close.sc-sui-galleria{top:12px;inset-inline-end:14px}.stage.sc-sui-galleria{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y;margin:16px 44px 0}.full-img.sc-sui-galleria{position:relative;display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);animation:sui-galleria-in var(--duration-slow) var(--ease-out)}.stage.sc-sui-galleria .ctl.prev.sc-sui-galleria{inset-inline-start:-48px}.stage.sc-sui-galleria .ctl.next.sc-sui-galleria{inset-inline-end:-48px}.full-caption.sc-sui-galleria{position:absolute;top:0;inset-inline:24px 72px;height:64px;line-height:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);font-size:13px;font-weight:600;font-family:var(--font-sans)}.layer.sc-sui-galleria .strip.sc-sui-galleria{flex:none;width:max-content;max-width:100%;margin:12px auto 0;box-sizing:border-box}.layer.closing.sc-sui-galleria{pointer-events:none;animation:sui-galleria-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-galleria-fade{from{opacity:0}}@keyframes sui-galleria-in{from{opacity:0;top:4px}}@keyframes sui-galleria-out{to{opacity:0}}@media (forced-colors: active){.caption.sc-sui-galleria{background:Canvas;color:CanvasText;padding-top:10px}.thumb.sc-sui-galleria{border-color:ButtonText}.thumb.active.sc-sui-galleria{border-color:Highlight}.layer.sc-sui-galleria{background:Canvas}.layer.sc-sui-galleria::before{background:Canvas}.full-img.sc-sui-galleria{border:1px solid CanvasText;box-sizing:border-box}.full-caption.sc-sui-galleria{color:CanvasText}}.sui-media-fallback.sc-sui-galleria{position:absolute;inset:0;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-sunken);color:var(--ink-faint);font:460 12.5px/1.4 var(--font-sans);text-align:center}.sui-media-fallback.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:22px}.sui-media-fallback.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:var(--ink-muted)}.sui-media-fallback.compact.sc-sui-galleria{gap:0;padding:0}.sui-media-fallback.compact.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:14px}.sui-media-fallback.inverse.sc-sui-galleria{background:transparent;color:color-mix(in srgb, var(--ink-on-dark) 70%, transparent)}.sui-media-fallback.inverse.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:var(--ink-on-dark)}@media (forced-colors: active){.sui-media-fallback.sc-sui-galleria,.sui-media-fallback.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:GrayText}}"}},[514,"sui-galleria",{items:[16],index:[1026],height:[2],hideArrows:[516,"hide-arrows"],circular:[516],autoplay:[2],fullScreen:[516,"full-screen"],open:[1540],failed:[32],playing:[32],reduced:[32],closing:[32],setFocus:[64]},void 0,{items:[{clamp:0}],index:[{clamp:0}],autoplay:[{onAutoplayChange:0}],open:[{onOpen:0}]}]),I=A,S=function(){"undefined"!=typeof customElements&&["sui-galleria","sui-icon-button","sui-tooltip"].forEach((i=>{switch(i){case"sui-galleria":customElements.get(l(i))||customElements.define(l(i),A);break;case"sui-icon-button":customElements.get(l(i))||j();break;case"sui-tooltip":customElements.get(l(i))||z()}}))};export{I as SuiGalleria,S as defineCustomElement}
+import{p as i,H as s,c as t,f as a,h as e,a as r,t as l}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{i as n}from"./p-GAnFXayY.js";import{a as c,b as h}from"./p-4gYrvkKf.js";import{o as u}from"./p-Bmle3SMC.js";import{m as d}from"./p-Ch3k6aUB.js";import{u as p}from"./p-U06fVoGD.js";import{a as g,l as m}from"./p-BuyjS5bS.js";import{G as v,f,q as b,x,u as y,v as k,n as w}from"./p-B-Bh5OXe.js";import{M as C}from"./p-CvjbAg7-.js";import{defineCustomElement as j}from"./p-B9Up7ULt.js";import{d as z}from"./p-Bppdhan-.js";import{r as D,o as A}from"./p-CZ4DDtn8.js";const E=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiIndexChange=t(this,"suiIndexChange",3),this.suiOpen=t(this,"suiOpen",3),this.suiClose=t(this,"suiClose",3),this.suiError=t(this,"suiError",3)}get host(){return this}items=[];index=0;height=260;hideArrows=!1;circular=!1;autoplay;fullScreen=!1;open=!1;suiIndexChange;suiOpen;suiClose;suiError;failed=new Set;fail(i){i&&!this.failed.has(i)&&(this.failed=new Set(this.failed).add(i),this.suiError.emit(i))}playing=!1;reduced=!1;closing=!1;strip;fullStrip;layer;stage;modal;layerId=p("sui-galleria-viewer");top=d({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});cancelSwipe;player;keys=new WeakMap;nextKey=0;shown=-1;stopMotionWatch;loaded=!1;componentWillLoad(){this.clamp(),this.reduced=D(),this.stopMotionWatch=A((i=>{this.reduced=i})),this.playing=Number(this.autoplay)>0}componentDidLoad(){this.loaded=!0,this.player=c(this.host,{interval:()=>this.autoplay,advance:()=>this.advance()}),this.onAutoplayChange()}connectedCallback(){if(o(this.host,(()=>this.focusTarget())),!this.loaded)return;const i=this.playing;this.stopMotionWatch?.(),this.stopMotionWatch=A((i=>{this.reduced=i})),this.player?.dispose(),this.player=c(this.host,{interval:()=>this.autoplay,advance:()=>this.advance()}),i&&this.player.start(),Promise.resolve().then((()=>{this.host.isConnected&&(this.reduced=D(),this.playing=!!this.player?.active)})),this.open&&a(this)}componentDidRender(){if(this.open&&this.activate(),this.index!==this.shown){this.shown=this.index;for(const i of[this.strip,this.fullStrip])i?.children[this.index]?.scrollIntoView?.({block:"nearest",inline:"nearest"})}}disconnectedCallback(){this.cancelSwipe?.(),this.cancelSwipe=void 0,this.player?.dispose(),this.player=void 0,this.stopMotionWatch?.(),this.stopMotionWatch=void 0,this.deactivate(),this.top.disconnect()&&(this.closing=!1)}clamp(){const i=(this.items||[]).length;let s=Math.max(0,Math.floor(this.index||0));i>0&&(s=Math.min(i-1,s)),s!==this.index&&(this.index=s)}onAutoplayChange(){this.player&&(Number(this.autoplay)>0?this.player.start():this.player.stop(),this.playing=this.player.active)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){if(this.open)return;const i=Array.from(this.host.querySelectorAll(".hero .ctl button")),s=this.strip?.children[this.index];return[...i,s].find((i=>!!i&&!i.hasAttribute("disabled")))}togglePlay=()=>{this.player&&(this.player.active?this.player.stop():this.player.start(),this.playing=this.player.active)};onOpen(i){if(i)return this.top.reopen(),void(this.closing=!1);this.deactivate(),this.closing=this.top.close()}activate(){this.open&&this.layer&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=u(this.layer))}deactivate(){this.modal?.release(),this.modal=void 0}openFull=()=>{this.open||(this.open=!0,this.suiOpen.emit())};requestClose(i){this.suiClose.emit(i).defaultPrevented||(this.open=!1)}onLayerClick=i=>{i.target!==this.layer&&i.target!==this.stage||this.requestClose("scrim")};thumbAt(i){const s=this.open&&this.fullStrip?this.fullStrip:this.strip;return s?.children[i]}keyOf(i){let s=this.keys.get(i);return s||this.keys.set(i,s="i"+ ++this.nextKey),s}stepped(i){const s=(this.items||[]).length,t=this.index+i;return this.circular&&s>0?(t%s+s)%s:Math.min(s-1,Math.max(0,t))}moveTo(i,s=!1){const t=Math.min((this.items||[]).length-1,Math.max(0,i));return!(t<0||(s&&this.thumbAt(t)?.focus(),t===this.index||(this.index=t,this.suiIndexChange.emit(t),0)))}select(i,s=!1){this.player?.stop(),this.playing=!1,this.moveTo(i,s)}advance(){const i=(this.items||[]).length;return i<2||(!this.circular&&this.index>=i-1?(this.playing=!1,!1):this.moveTo(this.stepped(1)))}onHostKeyDown=i=>{this.layer&&this.layer.contains(i.target)||this.onKeyDown(i)};onKeyDown=i=>{const s=n(this.host)?-1:1;"ArrowLeft"===i.key?(i.preventDefault(),this.select(this.stepped(-s),!0)):"ArrowRight"===i.key?(i.preventDefault(),this.select(this.stepped(s),!0)):"Home"===i.key?(i.preventDefault(),this.select(0,!0)):"End"===i.key&&(i.preventDefault(),this.select((this.items||[]).length-1,!0))};onPointerDown=i=>{this.cancelSwipe?.();const s=n(this.host)?-1:1;this.cancelSwipe=h(i,(i=>this.select(this.stepped(i*s))))};control(i,s,t,a,r=!1,l=!1){return e("span",{class:`ctl ${i}${r?" off":""}`},e("sui-icon-button",{variant:"ghost",tone:"inverse",size:l?"lg":"md",pill:!l,"aria-label":t,disabled:r,onClick:a},e(v,{glyph:s})))}navigators(i=!1){if(this.hideArrows)return null;const s=!this.circular&&this.index<=0,t=!this.circular&&this.index>=(this.items||[]).length-1;return[this.control("prev",f,g(void 0,"galleria.previous",void 0,"Previous"),(()=>this.select(this.stepped(-1))),s,i),this.control("next",b,g(void 0,"galleria.next",void 0,"Next"),(()=>this.select(this.stepped(1))),t,i)]}thumbs(i,s){return e("div",{class:"strip",ref:i=>s?this.fullStrip=i:this.strip=i},i.map(((i,s)=>e("button",{key:this.keyOf(i),type:"button",class:{thumb:!0,active:s===this.index},"aria-label":m(void 0,"galleria.showImage",void 0,"Show image {n}",{n:s+1+""}),"aria-current":s===this.index?"true":null,tabIndex:s===this.index?0:-1,onClick:()=>this.select(s)},this.failed.has(i.thumbSrc||i.src)?e(C,{compact:!0,text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):e("img",{src:i.thumbSrc||i.src,alt:"",loading:"lazy",decoding:"async",onError:()=>this.fail(i.thumbSrc||i.src)})))))}render(){const i=this.items||[],s=i[this.index]||{},t=this.host.getAttribute("aria-label")||g(void 0,"galleria.imageViewer",void 0,"Image viewer");return e(r,{key:"c6af17ee902554ee5e64bb53f7c2bbe8392cdb22",onKeyDown:this.onHostKeyDown},e("div",{key:"543249abb2d3e13400fcd8b5cdb0017401e0466b",class:"hero",style:{height:this.height+"px"},onPointerDown:this.onPointerDown},s.src&&this.failed.has(s.src)?e(C,{text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):null,s.src&&!this.failed.has(s.src)?e("img",{class:"hero-img",src:s.src,alt:s.alt||"",onError:()=>this.fail(s.src)}):null,s.caption?e("div",{class:"caption"},s.caption):null,this.navigators(),Number(this.autoplay)>0&&!this.reduced?this.control("play",this.playing?y:k,this.playing?g(void 0,"galleria.pauseAutoplay",void 0,"Pause autoplay"):g(void 0,"galleria.startAutoplay",void 0,"Start autoplay"),this.togglePlay):null,this.fullScreen?this.control("expand",w,g(void 0,"galleria.openFullScreen",void 0,"Open full screen"),this.openFull):null),this.thumbs(i,!1),this.open||this.closing?e("div",{id:this.layerId,class:{layer:!0,closing:this.closing},inert:this.closing,ref:i=>this.layer=i,role:"dialog","aria-label":t,onClick:this.onLayerClick,onKeyDown:this.onKeyDown},s.caption?e("div",{class:"full-caption"},s.caption):null,this.control("close",x,g(void 0,"galleria.close",void 0,"Close"),(()=>this.requestClose("close-button")),!1,!0),e("div",{class:"stage",ref:i=>this.stage=i,onPointerDown:this.onPointerDown},s.src&&this.failed.has(s.src)?e(C,{inverse:!0,text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):null,s.src&&!this.failed.has(s.src)?e("img",{class:"full-img",src:s.src,alt:s.alt||"",onError:()=>this.fail(s.src)}):null,this.navigators(!0)),this.thumbs(i,!0)):null)}static get watchers(){return{items:[{clamp:0}],index:[{clamp:0}],autoplay:[{onAutoplayChange:0}],open:[{onOpen:0}]}}static get style(){return".sc-sui-galleria-h{display:block;min-width:0;box-sizing:border-box;font-family:var(--font-sans);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px}.hero.sc-sui-galleria{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-sunken);touch-action:pan-y}.hero-img.sc-sui-galleria{width:100%;height:100%;object-fit:cover;display:block}.caption.sc-sui-galleria{position:absolute;inset-inline:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(transparent, color-mix(in srgb, var(--media-dark) 78%, transparent));color:var(--ink-on-dark);font-size:12.5px;font-weight:620;font-family:var(--font-sans)}.ctl.sc-sui-galleria{position:absolute;display:inline-flex;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--media-dark) 82%, transparent);--ink-inverse:var(--ink-on-dark);--ink-inverse-muted:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);--border-inverse:color-mix(in srgb, var(--ink-on-dark) 14%, transparent)}.ctl.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:var(--icon-size-md)}.ctl.prev.sc-sui-galleria,.ctl.next.sc-sui-galleria{top:calc(50% - var(--control-md) / 2)}.ctl.prev.sc-sui-galleria{inset-inline-start:10px}.ctl.next.sc-sui-galleria{inset-inline-end:10px}.ctl.prev.sc-sui-galleria:dir(rtl),.ctl.next.sc-sui-galleria:dir(rtl){transform:scaleX(-1)}.ctl.off.sc-sui-galleria{opacity:0.4}.ctl.expand.sc-sui-galleria{top:10px;inset-inline-end:10px}.ctl.play.sc-sui-galleria{top:10px;inset-inline-start:10px}.strip.sc-sui-galleria{display:flex;gap:8px;margin:8px -2px 0;padding:2px;overflow-x:auto;scrollbar-width:thin}.thumb.sc-sui-galleria{width:64px;height:44px;flex-shrink:0;padding:0;margin:0;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--surface-sunken);border:2px solid transparent;opacity:0.72;transition:opacity var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.thumb.sc-sui-galleria img.sc-sui-galleria{width:100%;height:100%;object-fit:cover;display:block}.thumb.sc-sui-galleria{position:relative}.thumb.sc-sui-galleria:hover{border-color:var(--border-strong)}.thumb.active.sc-sui-galleria{border-color:var(--accent);opacity:1}.thumb.sc-sui-galleria:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.layer.sc-sui-galleria{position:fixed;inset:0;z-index:var(--z-dialog);box-sizing:border-box;background:color-mix(in srgb, var(--media-dark) 90%, transparent);display:flex;flex-direction:column;padding:64px 24px 20px;animation:sui-galleria-fade var(--duration-slow) var(--ease-out)}.layer.sc-sui-galleria:focus{outline:none}.layer.sc-sui-galleria::before{content:'';position:absolute;inset:0 0 auto;height:64px;background:var(--media-dark)}.layer.sc-sui-galleria .ctl.sc-sui-galleria{background:transparent}.layer.sc-sui-galleria .ctl.close.sc-sui-galleria{top:12px;inset-inline-end:14px}.stage.sc-sui-galleria{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y;margin:16px 44px 0}.full-img.sc-sui-galleria{position:relative;display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);animation:sui-galleria-in var(--duration-slow) var(--ease-out)}.stage.sc-sui-galleria .ctl.prev.sc-sui-galleria{inset-inline-start:-48px}.stage.sc-sui-galleria .ctl.next.sc-sui-galleria{inset-inline-end:-48px}.full-caption.sc-sui-galleria{position:absolute;top:0;inset-inline:24px 72px;height:64px;line-height:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);font-size:13px;font-weight:600;font-family:var(--font-sans)}.layer.sc-sui-galleria .strip.sc-sui-galleria{flex:none;width:max-content;max-width:100%;margin:12px auto 0;box-sizing:border-box}.layer.closing.sc-sui-galleria{pointer-events:none;animation:sui-galleria-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-galleria-fade{from{opacity:0}}@keyframes sui-galleria-in{from{opacity:0;top:4px}}@keyframes sui-galleria-out{to{opacity:0}}@media (forced-colors: active){.caption.sc-sui-galleria{background:Canvas;color:CanvasText;padding-top:10px}.thumb.sc-sui-galleria{border-color:ButtonText}.thumb.active.sc-sui-galleria{border-color:Highlight}.layer.sc-sui-galleria{background:Canvas}.layer.sc-sui-galleria::before{background:Canvas}.full-img.sc-sui-galleria{border:1px solid CanvasText;box-sizing:border-box}.full-caption.sc-sui-galleria{color:CanvasText}}.sui-media-fallback.sc-sui-galleria{position:absolute;inset:0;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-sunken);color:var(--ink-faint);font:460 12.5px/1.4 var(--font-sans);text-align:center}.sui-media-fallback.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:22px}.sui-media-fallback.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:var(--ink-muted)}.sui-media-fallback.compact.sc-sui-galleria{gap:0;padding:0}.sui-media-fallback.compact.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:14px}.sui-media-fallback.inverse.sc-sui-galleria{background:transparent;color:color-mix(in srgb, var(--ink-on-dark) 70%, transparent)}.sui-media-fallback.inverse.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:var(--ink-on-dark)}@media (forced-colors: active){.sui-media-fallback.sc-sui-galleria,.sui-media-fallback.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:GrayText}}"}},[514,"sui-galleria",{items:[16],index:[1026],height:[2],hideArrows:[516,"hide-arrows"],circular:[516],autoplay:[2],fullScreen:[516,"full-screen"],open:[1540],failed:[32],playing:[32],reduced:[32],closing:[32],setFocus:[64]},void 0,{items:[{clamp:0}],index:[{clamp:0}],autoplay:[{onAutoplayChange:0}],open:[{onOpen:0}]}]),S=E,I=function(){"undefined"!=typeof customElements&&["sui-galleria","sui-icon-button","sui-tooltip"].forEach((i=>{switch(i){case"sui-galleria":customElements.get(l(i))||customElements.define(l(i),E);break;case"sui-icon-button":customElements.get(l(i))||j();break;case"sui-tooltip":customElements.get(l(i))||z()}}))};export{S as SuiGalleria,I as defineCustomElement}

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

@@ -1 +1 @@
-import{SuiIconButton as o,defineCustomElement as t}from"./p-BvdUUYyb.js";const e=o,n=t;export{e as SuiIconButton,n as defineCustomElement}
+import{SuiIconButton as t,defineCustomElement as o}from"./p-B9Up7ULt.js";const e=t,n=o;export{e as SuiIconButton,n as defineCustomElement}

package/dist/components/sui-icon-field.js

@@ -1 +1 @@
-import{p as i,H as s,c as e,h as o,t as n}from"./p-DQ8DrIvI.js";import{i as l,a as d}from"./p-Cs2X0Kih.js";import{i as t}from"./p-MsqFuhDd.js";import{u as c}from"./p-U06fVoGD.js";import{i as r,d as a,s as u,r as f}from"./p-BHB1Wprj.js";import{d as h,F as p}from"./p-CvjYVNw7.js";import{G as b,a8 as m}from"./p-BJFE-_50.js";import{a as v}from"./p-BuyjS5bS.js";import{o as g,h as x}from"./p-BWkzTEZX.js";import{f as y}from"./p-CGWvlrv_.js";const k=["sm","md","lg"],w=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiChange=e(this,"suiChange",7),this.suiClear=e(this,"suiClear",7),this.suiFocus=e(this,"suiFocus",3),this.suiBlur=e(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;icon;endIcon;size="md";invalid=!1;required=!1;label;help;error;autocomplete;disabled=!1;readOnly=!1;pattern;minLength;placeholder;value="";width;clearable=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;name;type="text";suiInput;suiChange;suiClear;suiFocus;suiBlur;focused=!1;formDisabled=!1;hasEnd=!1;stopSlots;fieldId=c("sui-icon-field");input;endEl;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){r(this.host,this.internals),a(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=l(this.host,(i=>{this.hostLabel=i,this.syncForm()})),this.stopHints?.(),this.stopHints=t(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=d(this.host,(i=>{this.hostLabelledby=i})),this.input&&this.watchSlots(!0)}componentWillLoad(){this.initial=this.value,this.detectSlots(),this.syncForm()}componentDidLoad(){this.watchSlots(),this.syncForm()}watchSlots(i=!1){this.stopSlots?.(),this.stopSlots=g(this.host,(()=>this.detectSlots())),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.detectSlots()}))}detectSlots(){this.hasEnd=x(this.host,"end")}onEndPress=i=>{if(this.isDisabled)return;let s=i.target;for(;s&&s!==this.endEl;){if(s.matches("button, a[href], input, select, textarea, [tabindex]"))return;s=s.parentElement}i.preventDefault(),this.input?.focus()};componentDidRender(){this.syncForm()}syncForm(){u(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label||this.hostLabel||this.placeholder,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=y(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};clear=()=>{this.value="",this.suiClear.emit(),this.suiChange.emit(""),this.input?.focus()};disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.(),this.stopSlots?.(),this.stopSlots=void 0}render(){const i=this.width,s=null==i||""===i?void 0:"number"==typeof i||/^\d+(\.\d+)?$/.test(i+"")?i+"px":i+"",e=this.invalid||!!this.error,n=k.includes(this.size)?this.size:"md";return o(p,{key:"0d83da24002605f3a7c444df759a1f849d64af3a",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},o("div",{key:"f40863a9cd0d800071861b0048cb4f7e19b86c4a",class:{"sui-input":!0,"sui-frame":!0,"sui-icon-field":!0,[n]:!0,invalid:e,focus:this.focused,disabled:this.isDisabled,readonly:this.readOnly,"has-icon":!!this.icon,"has-end":this.hasEnd},style:s?{width:s}:void 0},this.icon?o("i",{class:this.icon+" icon lead","aria-hidden":"true"}):null,o("input",{key:"bc71fb40288c6fd83cb43fc73b2f7e9f1880755f",ref:i=>this.input=i,id:this.fieldId,class:"field",type:this.type,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?null:this.hostLabel||(this.hostLabelledby?null:this.placeholder),"aria-labelledby":this.label?null:this.hostLabelledby,"aria-invalid":e?"true":null,"aria-describedby":h(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),this.clearable&&this.value&&!this.isDisabled&&!this.readOnly?o("button",{type:"button",class:{clear:!0,"before-icon":!!this.endIcon||this.hasEnd},"aria-label":v(void 0,"icon-field.clear",void 0,"Clear"),onClick:this.clear},o(b,{glyph:m})):null,this.endIcon?o("i",{class:this.endIcon+" icon trail","aria-hidden":"true"}):null,o("span",{key:"71600da279926be20c7aaefd023ffb80184ad07d",class:"end",ref:i=>this.endEl=i,onMouseDown:this.onEndPress},o("slot",{key:"2cb1e0ff98f9c612d2ca37521613bfcccb6d0de8",name:"end"}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],error:[{syncForm:0}]}}static get style(){return".sc-sui-icon-field-h{display:block;font-family:var(--font-sans)}.sui-input.sui-icon-field.sc-sui-icon-field{display:flex;align-items:center;padding:0;overflow:hidden;cursor:text}.sui-icon-field.sc-sui-icon-field .icon.sc-sui-icon-field{font-size:12px;color:var(--ink-faint);flex:none}.sui-icon-field.disabled.sc-sui-icon-field .icon.sc-sui-icon-field{color:var(--ink-placeholder)}.sui-icon-field.disabled.sc-sui-icon-field .end.sc-sui-icon-field{opacity:0.5}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field{flex:1 1 0;width:0;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font-family:var(--font-sans);font-weight:460}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field::placeholder{color:var(--ink-placeholder)}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field::-webkit-search-cancel-button{display:none}.sui-icon-field.sm.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 10px;font-size:12.5px}.sui-icon-field.md.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 var(--control-pad-x);font-size:13px}.sui-icon-field.lg.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 var(--control-pad-x);font-size:14px}.sui-icon-field.has-icon.sc-sui-icon-field .field.sc-sui-icon-field{padding-inline-start:8px}.sui-icon-field.sm.sc-sui-icon-field .icon.lead.sc-sui-icon-field{padding-inline-start:10px}.sui-icon-field.md.sc-sui-icon-field .icon.lead.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .icon.lead.sc-sui-icon-field{padding-inline-start:var(--control-pad-x)}.sui-icon-field.sm.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:10px}.sui-icon-field.md.sc-sui-icon-field .icon.trail.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:var(--control-pad-x)}.clear.sc-sui-icon-field{display:flex;align-items:center;height:100%;padding:0;margin:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-family:inherit;flex:none;transition:color var(--duration-fast) var(--ease-out)}.clear.sc-sui-icon-field .sui-glyph.sc-sui-icon-field{font-size:12px}.clear.sc-sui-icon-field:hover{color:var(--ink)}.clear.sc-sui-icon-field:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.sui-icon-field.sm.sc-sui-icon-field .clear.sc-sui-icon-field{padding-inline-end:10px}.sui-icon-field.md.sc-sui-icon-field .clear.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .clear.sc-sui-icon-field{padding-inline-end:var(--control-pad-x)}.sui-icon-field.sc-sui-icon-field .clear.before-icon.sc-sui-icon-field{padding-inline-end:6px}.sui-icon-field.sc-sui-icon-field .end.sc-sui-icon-field{display:inline-flex;align-items:center;gap:4px;height:100%;flex:none}.sui-icon-field.has-end.sc-sui-icon-field .field.sc-sui-icon-field{padding-inline-end:8px}.sui-icon-field.has-end.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:6px}.sui-input.sui-icon-field.readonly.sc-sui-icon-field:not(.disabled){background:var(--surface-sunken)}@media (forced-colors: active){.sui-icon-field.disabled.sc-sui-icon-field .icon.sc-sui-icon-field{color:GrayText}}.sui-frame.sc-sui-icon-field{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-icon-field:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-icon-field,.sui-frame.readonly.sc-sui-icon-field{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-icon-field:focus-within,.sui-frame.focus.sc-sui-icon-field,.sui-frame.open.sc-sui-icon-field{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-icon-field{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-icon-field:focus-within,.sui-frame.invalid.focus.sc-sui-icon-field,.sui-frame.invalid.open.sc-sui-icon-field{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-icon-field:disabled,.sui-frame.disabled.sc-sui-icon-field{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-icon-field{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-icon-field::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-icon-field{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-icon-field{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-icon-field{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-icon-field:focus-within,.sui-frame.focus.sc-sui-icon-field,.sui-frame.open.sc-sui-icon-field{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-icon-field:disabled,.sui-frame.disabled.sc-sui-icon-field{color:GrayText;border-color:GrayText}}.sui-field.sc-sui-icon-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-icon-field{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-icon-field .sui-field-label.sc-sui-icon-field{color:var(--danger)}.sui-field-req.sc-sui-icon-field{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-icon-field{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-icon-field{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-icon-field .sui-glyph.sc-sui-icon-field{font-size:11px}"}},[838,"sui-icon-field",{icon:[1],endIcon:[1,"end-icon"],size:[513],invalid:[516],required:[516],label:[1],help:[1],error:[1],autocomplete:[1],disabled:[516],readOnly:[516,"readonly"],pattern:[1],minLength:[2,"minlength"],placeholder:[1],value:[1025],width:[8],clearable:[516],name:[513],type:[513],hostLabel:[32],hostLabelledby:[32],hints:[32],focused:[32],formDisabled:[32],hasEnd:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],error:[{syncForm:0}]}]),F=w,z=function(){"undefined"!=typeof customElements&&["sui-icon-field"].forEach((i=>{"sui-icon-field"===i&&(customElements.get(n(i))||customElements.define(n(i),w))}))};export{F as SuiIconField,z as defineCustomElement}
+import{p as i,H as s,c as e,h as o,t as n}from"./p-DQ8DrIvI.js";import{i as l,a as d}from"./p-wknHx00K.js";import{i as t}from"./p-MsqFuhDd.js";import{u as c}from"./p-U06fVoGD.js";import{i as r,d as a,s as u,r as f}from"./p-BHB1Wprj.js";import{d as h,F as p}from"./p-DWUWsh4I.js";import{G as m,a8 as b}from"./p-B-Bh5OXe.js";import{a as v}from"./p-BuyjS5bS.js";import{o as g,h as x}from"./p-BWkzTEZX.js";import{f as y}from"./p-CGWvlrv_.js";const k=["sm","md","lg"],w=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiChange=e(this,"suiChange",7),this.suiClear=e(this,"suiClear",7),this.suiFocus=e(this,"suiFocus",3),this.suiBlur=e(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;icon;endIcon;size="md";invalid=!1;required=!1;label;help;error;autocomplete;disabled=!1;readOnly=!1;pattern;minLength;placeholder;value="";width;clearable=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;name;type="text";suiInput;suiChange;suiClear;suiFocus;suiBlur;focused=!1;formDisabled=!1;hasEnd=!1;stopSlots;fieldId=c("sui-icon-field");input;endEl;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){r(this.host,this.internals),a(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=l(this.host,(i=>{this.hostLabel=i,this.syncForm()})),this.stopHints?.(),this.stopHints=t(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=d(this.host,(i=>{this.hostLabelledby=i})),this.input&&this.watchSlots(!0)}componentWillLoad(){this.initial=this.value,this.detectSlots(),this.syncForm()}componentDidLoad(){this.watchSlots(),this.syncForm()}watchSlots(i=!1){this.stopSlots?.(),this.stopSlots=g(this.host,(()=>this.detectSlots())),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.detectSlots()}))}detectSlots(){this.hasEnd=x(this.host,"end")}onEndPress=i=>{if(this.isDisabled)return;let s=i.target;for(;s&&s!==this.endEl;){if(s.matches("button, a[href], input, select, textarea, [tabindex]"))return;s=s.parentElement}i.preventDefault(),this.input?.focus()};componentDidRender(){this.syncForm()}syncForm(){u(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label||this.hostLabel||this.placeholder,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=y(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};clear=()=>{this.value="",this.suiClear.emit(),this.suiChange.emit(""),this.input?.focus()};disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.(),this.stopSlots?.(),this.stopSlots=void 0}render(){const i=this.width,s=null==i||""===i?void 0:"number"==typeof i||/^\d+(\.\d+)?$/.test(i+"")?i+"px":i+"",e=this.invalid||!!this.error,n=k.includes(this.size)?this.size:"md";return o(p,{key:"46bcb9e4374efdb4984950ca3a18712702c3eef7",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},o("div",{key:"0cd91cac8d3dfc28553a3aea01fe7b1cfde2ab2b",class:{"sui-input":!0,"sui-frame":!0,"sui-icon-field":!0,[n]:!0,invalid:e,focus:this.focused,disabled:this.isDisabled,readonly:this.readOnly,"has-icon":!!this.icon,"has-end":this.hasEnd},style:s?{width:s}:void 0},this.icon?o("i",{class:this.icon+" icon lead","aria-hidden":"true"}):null,o("input",{key:"f8c3d05db3545a8177964c5602eead474557bdc9",ref:i=>this.input=i,id:this.fieldId,class:"field",type:this.type,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?null:this.hostLabel||(this.hostLabelledby?null:this.placeholder),"aria-labelledby":this.label?null:this.hostLabelledby,"aria-invalid":e?"true":null,"aria-describedby":h(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),this.clearable&&this.value&&!this.isDisabled&&!this.readOnly?o("button",{type:"button",class:{clear:!0,"before-icon":!!this.endIcon||this.hasEnd},"aria-label":v(void 0,"icon-field.clear",void 0,"Clear"),onClick:this.clear},o(m,{glyph:b})):null,this.endIcon?o("i",{class:this.endIcon+" icon trail","aria-hidden":"true"}):null,o("span",{key:"3183488e505eb7e3701f0713716e760c058f0d6a",class:"end",ref:i=>this.endEl=i,onMouseDown:this.onEndPress},o("slot",{key:"e84d332f1340f4fea741d09d7c57927b0e9fa3ce",name:"end"}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],error:[{syncForm:0}]}}static get style(){return".sc-sui-icon-field-h{display:block;font-family:var(--font-sans)}.sui-input.sui-icon-field.sc-sui-icon-field{display:flex;align-items:center;padding:0;overflow:hidden;cursor:text}.sui-icon-field.sc-sui-icon-field .icon.sc-sui-icon-field{font-size:12px;color:var(--ink-faint);flex:none}.sui-icon-field.disabled.sc-sui-icon-field .icon.sc-sui-icon-field{color:var(--ink-placeholder)}.sui-icon-field.disabled.sc-sui-icon-field .end.sc-sui-icon-field{opacity:0.5}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field{flex:1 1 0;width:0;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font-family:var(--font-sans);font-weight:460}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field::placeholder{color:var(--ink-placeholder)}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field::-webkit-search-cancel-button{display:none}.sui-icon-field.sm.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 10px;font-size:12.5px}.sui-icon-field.md.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 var(--control-pad-x);font-size:13px}.sui-icon-field.lg.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 var(--control-pad-x);font-size:14px}.sui-icon-field.has-icon.sc-sui-icon-field .field.sc-sui-icon-field{padding-inline-start:8px}.sui-icon-field.sm.sc-sui-icon-field .icon.lead.sc-sui-icon-field{padding-inline-start:10px}.sui-icon-field.md.sc-sui-icon-field .icon.lead.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .icon.lead.sc-sui-icon-field{padding-inline-start:var(--control-pad-x)}.sui-icon-field.sm.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:10px}.sui-icon-field.md.sc-sui-icon-field .icon.trail.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:var(--control-pad-x)}.clear.sc-sui-icon-field{display:flex;align-items:center;height:100%;padding:0;margin:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-family:inherit;flex:none;transition:color var(--duration-fast) var(--ease-out)}.clear.sc-sui-icon-field .sui-glyph.sc-sui-icon-field{font-size:12px}.clear.sc-sui-icon-field:hover{color:var(--ink)}.clear.sc-sui-icon-field:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.sui-icon-field.sm.sc-sui-icon-field .clear.sc-sui-icon-field{padding-inline-end:10px}.sui-icon-field.md.sc-sui-icon-field .clear.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .clear.sc-sui-icon-field{padding-inline-end:var(--control-pad-x)}.sui-icon-field.sc-sui-icon-field .clear.before-icon.sc-sui-icon-field{padding-inline-end:6px}.sui-icon-field.sc-sui-icon-field .end.sc-sui-icon-field{display:inline-flex;align-items:center;gap:4px;height:100%;flex:none}.sui-icon-field.has-end.sc-sui-icon-field .field.sc-sui-icon-field{padding-inline-end:8px}.sui-icon-field.has-end.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:6px}.sui-input.sui-icon-field.readonly.sc-sui-icon-field:not(.disabled){background:var(--surface-sunken)}@media (forced-colors: active){.sui-icon-field.disabled.sc-sui-icon-field .icon.sc-sui-icon-field{color:GrayText}}.sui-frame.sc-sui-icon-field{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-icon-field:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-icon-field,.sui-frame.readonly.sc-sui-icon-field{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-icon-field:focus-within,.sui-frame.focus.sc-sui-icon-field,.sui-frame.open.sc-sui-icon-field{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-icon-field{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-icon-field:focus-within,.sui-frame.invalid.focus.sc-sui-icon-field,.sui-frame.invalid.open.sc-sui-icon-field{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-icon-field:disabled,.sui-frame.disabled.sc-sui-icon-field{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-icon-field{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-icon-field::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-icon-field{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-icon-field{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-icon-field{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-icon-field:focus-within,.sui-frame.focus.sc-sui-icon-field,.sui-frame.open.sc-sui-icon-field{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-icon-field:disabled,.sui-frame.disabled.sc-sui-icon-field{color:GrayText;border-color:GrayText}}.sui-field.sc-sui-icon-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-icon-field{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-icon-field .sui-field-label.sc-sui-icon-field{color:var(--danger)}.sui-field-req.sc-sui-icon-field{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-icon-field{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-icon-field{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-icon-field .sui-glyph.sc-sui-icon-field{font-size:11px}"}},[838,"sui-icon-field",{icon:[1],endIcon:[1,"end-icon"],size:[513],invalid:[516],required:[516],label:[1],help:[1],error:[1],autocomplete:[1],disabled:[516],readOnly:[516,"readonly"],pattern:[1],minLength:[2,"minlength"],placeholder:[1],value:[1025],width:[8],clearable:[516],name:[513],type:[513],hostLabel:[32],hostLabelledby:[32],hints:[32],focused:[32],formDisabled:[32],hasEnd:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],error:[{syncForm:0}]}]),F=w,z=function(){"undefined"!=typeof customElements&&["sui-icon-field"].forEach((i=>{"sui-icon-field"===i&&(customElements.get(n(i))||customElements.define(n(i),w))}))};export{F as SuiIconField,z as defineCustomElement}

package/dist/components/sui-ifta-label.js

@@ -1 +1 @@
-import{p as i,H as s,c as a,h as e,t}from"./p-DQ8DrIvI.js";import{d as l,F as r}from"./p-CvjYVNw7.js";import{u as o}from"./p-U06fVoGD.js";import{i as n,d,s as u,r as f}from"./p-BHB1Wprj.js";import{i as c,a as h}from"./p-Cs2X0Kih.js";import{i as b}from"./p-MsqFuhDd.js";import{f as p}from"./p-CGWvlrv_.js";const m=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=a(this,"suiInput",7),this.suiChange=a(this,"suiChange",7),this.suiFocus=a(this,"suiFocus",3),this.suiBlur=a(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;value="";type="text";placeholder;invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;required=!1;name;suiInput;suiChange;suiFocus;suiBlur;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=o("sui-ifta");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),d(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=c(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=b(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=h(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){u(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};render(){const i=this.invalid||!!this.error;return e(r,{key:"49d90864339ca67ccad6f89fba05100ac8250b01",help:this.help,error:this.error,descId:this.fieldId},e("div",{key:"c9177ac5eed4e8bc60d420fae0a7b4adf309cec2",class:{"sui-input":!0,"sui-frame":!0,"sui-ifta":!0,focus:this.focused,invalid:i,disabled:this.isDisabled,readonly:this.readOnly},onClick:()=>this.input?.focus()},e("label",{key:"b84e98a4a3120eec090c8c1c1d225dd8d15e9633",class:"ifta-label",htmlFor:this.fieldId},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null),e("input",{key:"e62f8a8ae5052a01a3cc83bb9eea3a85597934e4",ref:i=>this.input=i,id:this.fieldId,class:"field",type:this.type,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,maxLength:this.maxLength,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":l(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-ifta-label-h{display:block;font-family:var(--font-sans)}.sui-input.sui-ifta.sc-sui-ifta-label{padding:7px 12px 8px;cursor:text}.sui-input.sui-ifta.readonly.sc-sui-ifta-label:not(.disabled){background:var(--surface-sunken)}.ifta-label.sc-sui-ifta-label{display:block;margin-bottom:2px;font-size:10.5px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-faint);cursor:inherit;transition:color var(--duration-fast) var(--ease-out)}.sui-ifta.focus.sc-sui-ifta-label .ifta-label.sc-sui-ifta-label{color:var(--focus-ring)}.sui-ifta.invalid.sc-sui-ifta-label .ifta-label.sc-sui-ifta-label{color:var(--danger)}.sui-ifta.sc-sui-ifta-label .field.sc-sui-ifta-label{display:block;width:100%;box-sizing:border-box;padding:0;margin:0;border:none;outline:none;background:transparent;color:var(--ink);font-size:14px;font-weight:550;font-family:var(--font-sans);line-height:1.3}.sui-ifta.sc-sui-ifta-label .field.sc-sui-ifta-label::placeholder{color:var(--ink-placeholder)}.sui-ifta.sc-sui-ifta-label .field.sc-sui-ifta-label:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-field.sc-sui-ifta-label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-ifta-label{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-ifta-label .sui-field-label.sc-sui-ifta-label{color:var(--danger)}.sui-field-req.sc-sui-ifta-label{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-ifta-label{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-ifta-label{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-ifta-label .sui-glyph.sc-sui-ifta-label{font-size:11px}.sui-frame.sc-sui-ifta-label{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-ifta-label:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-ifta-label,.sui-frame.readonly.sc-sui-ifta-label{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-ifta-label:focus-within,.sui-frame.focus.sc-sui-ifta-label,.sui-frame.open.sc-sui-ifta-label{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-ifta-label{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-ifta-label:focus-within,.sui-frame.invalid.focus.sc-sui-ifta-label,.sui-frame.invalid.open.sc-sui-ifta-label{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-ifta-label:disabled,.sui-frame.disabled.sc-sui-ifta-label{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-ifta-label{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-ifta-label::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-ifta-label{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-ifta-label{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-ifta-label{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-ifta-label:focus-within,.sui-frame.focus.sc-sui-ifta-label,.sui-frame.open.sc-sui-ifta-label{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-ifta-label:disabled,.sui-frame.disabled.sc-sui-ifta-label{color:GrayText;border-color:GrayText}}"}},[578,"sui-ifta-label",{label:[1],help:[1],error:[1],value:[1025],type:[513],placeholder:[1],invalid:[516],disabled:[516],readOnly:[516,"readonly"],maxLength:[2,"maxlength"],pattern:[1],minLength:[2,"minlength"],required:[516],name:[513],focused:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),v=m,g=function(){"undefined"!=typeof customElements&&["sui-ifta-label"].forEach((i=>{"sui-ifta-label"===i&&(customElements.get(t(i))||customElements.define(t(i),m))}))};export{v as SuiIftaLabel,g as defineCustomElement}
+import{p as i,H as s,c as a,h as e,t}from"./p-DQ8DrIvI.js";import{d as l,F as r}from"./p-DWUWsh4I.js";import{u as o}from"./p-U06fVoGD.js";import{i as n,d,s as u,r as f}from"./p-BHB1Wprj.js";import{i as c,a as h}from"./p-wknHx00K.js";import{i as b}from"./p-MsqFuhDd.js";import{f as p}from"./p-CGWvlrv_.js";const m=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=a(this,"suiInput",7),this.suiChange=a(this,"suiChange",7),this.suiFocus=a(this,"suiFocus",3),this.suiBlur=a(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;value="";type="text";placeholder;invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;required=!1;name;suiInput;suiChange;suiFocus;suiBlur;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=o("sui-ifta");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),d(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=c(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=b(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=h(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){u(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};render(){const i=this.invalid||!!this.error;return e(r,{key:"04b3343b7f84f09bfd9c4632b36f0bcabf131dd7",help:this.help,error:this.error,descId:this.fieldId},e("div",{key:"4f3370c99d6676072d0ef67c2fbdd05fd2d1f768",class:{"sui-input":!0,"sui-frame":!0,"sui-ifta":!0,focus:this.focused,invalid:i,disabled:this.isDisabled,readonly:this.readOnly},onClick:()=>this.input?.focus()},e("label",{key:"c5867efb75ce1bcc47000742345accd4289abd2c",class:"ifta-label",htmlFor:this.fieldId},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null),e("input",{key:"c759ac1aec1f281afbaae105c0b1f34d7f69e7b3",ref:i=>this.input=i,id:this.fieldId,class:"field",type:this.type,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,maxLength:this.maxLength,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":l(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-ifta-label-h{display:block;font-family:var(--font-sans)}.sui-input.sui-ifta.sc-sui-ifta-label{padding:7px 12px 8px;cursor:text}.sui-input.sui-ifta.readonly.sc-sui-ifta-label:not(.disabled){background:var(--surface-sunken)}.ifta-label.sc-sui-ifta-label{display:block;margin-bottom:2px;font-size:10.5px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-faint);cursor:inherit;transition:color var(--duration-fast) var(--ease-out)}.sui-ifta.focus.sc-sui-ifta-label .ifta-label.sc-sui-ifta-label{color:var(--focus-ring)}.sui-ifta.invalid.sc-sui-ifta-label .ifta-label.sc-sui-ifta-label{color:var(--danger)}.sui-ifta.sc-sui-ifta-label .field.sc-sui-ifta-label{display:block;width:100%;box-sizing:border-box;padding:0;margin:0;border:none;outline:none;background:transparent;color:var(--ink);font-size:14px;font-weight:550;font-family:var(--font-sans);line-height:1.3}.sui-ifta.sc-sui-ifta-label .field.sc-sui-ifta-label::placeholder{color:var(--ink-placeholder)}.sui-ifta.sc-sui-ifta-label .field.sc-sui-ifta-label:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-field.sc-sui-ifta-label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-ifta-label{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-ifta-label .sui-field-label.sc-sui-ifta-label{color:var(--danger)}.sui-field-req.sc-sui-ifta-label{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-ifta-label{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-ifta-label{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-ifta-label .sui-glyph.sc-sui-ifta-label{font-size:11px}.sui-frame.sc-sui-ifta-label{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-ifta-label:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-ifta-label,.sui-frame.readonly.sc-sui-ifta-label{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-ifta-label:focus-within,.sui-frame.focus.sc-sui-ifta-label,.sui-frame.open.sc-sui-ifta-label{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-ifta-label{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-ifta-label:focus-within,.sui-frame.invalid.focus.sc-sui-ifta-label,.sui-frame.invalid.open.sc-sui-ifta-label{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-ifta-label:disabled,.sui-frame.disabled.sc-sui-ifta-label{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-ifta-label{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-ifta-label::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-ifta-label{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-ifta-label{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-ifta-label{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-ifta-label:focus-within,.sui-frame.focus.sc-sui-ifta-label,.sui-frame.open.sc-sui-ifta-label{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-ifta-label:disabled,.sui-frame.disabled.sc-sui-ifta-label{color:GrayText;border-color:GrayText}}"}},[578,"sui-ifta-label",{label:[1],help:[1],error:[1],value:[1025],type:[513],placeholder:[1],invalid:[516],disabled:[516],readOnly:[516,"readonly"],maxLength:[2,"maxlength"],pattern:[1],minLength:[2,"minlength"],required:[516],name:[513],focused:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),v=m,g=function(){"undefined"!=typeof customElements&&["sui-ifta-label"].forEach((i=>{"sui-ifta-label"===i&&(customElements.get(t(i))||customElements.define(t(i),m))}))};export{v as SuiIftaLabel,g as defineCustomElement}

package/dist/components/sui-image-compare.js

@@ -1 +1 @@
-import{p as e,H as i,c as a,h as s,a as t,t as r}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{a as c,l as n}from"./p-BuyjS5bS.js";import{a as l}from"./p-COO9uV7W.js";import{G as m,_ as p}from"./p-BJFE-_50.js";import{M as d}from"./p-DCZ4wEzD.js";const u=e(class e extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiResize=a(this,"suiResize",3),this.suiResizeEnd=a(this,"suiResizeEnd",3),this.suiError=a(this,"suiError",3)}get host(){return this}beforeSrc;afterSrc;beforeAlt="";afterAlt="";beforeFilter;beforeLabel;afterLabel;height=240;ratio=.5;suiResize;suiResizeEnd;dragging=!1;suiError;failed=new Set;fail(e){e&&!this.failed.has(e)&&(this.failed=new Set(this.failed).add(e),this.suiError.emit(e))}frame;divider;rect;static MIN=.04;static MAX=.96;componentWillLoad(){this.clamp()}connectedCallback(){o(this.host,(()=>this.divider))}disconnectedCallback(){this.stopDrag(!1)}async setFocus(){this.divider?.focus()}clamp(){const i=Number(this.ratio),a=Number.isFinite(i)?Math.min(e.MAX,Math.max(e.MIN,i)):.5;a!==this.ratio&&(this.ratio=a)}set(i){const a=Math.min(e.MAX,Math.max(e.MIN,i));return a!==this.ratio&&(this.ratio=a,this.suiResize.emit(a),!0)}onPointerDown=e=>{void 0!==e.button&&0!==e.button||(e.preventDefault(),this.rect=this.frame?.getBoundingClientRect(),this.dragging=!0,document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp),!!this.divider&&!!e.target&&this.divider.contains(e.target)||this.onPointerMove(e),this.divider?.focus?.({preventScroll:!0}))};onPointerMove=e=>{const i=this.rect;i&&i.width&&this.set((e.clientX-i.left)/i.width)};onPointerUp=()=>this.stopDrag(!0);stopDrag=e=>{"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)),this.rect=void 0,this.dragging&&(this.dragging=!1,e&&this.suiResizeEnd.emit(this.ratio))};onKeyDown=i=>{let a;switch(i.key){case"ArrowLeft":case"ArrowDown":a=this.ratio-.02;break;case"ArrowRight":case"ArrowUp":a=this.ratio+.02;break;case"Home":a=e.MIN;break;case"End":a=e.MAX;break;case"PageDown":a=this.ratio-.1;break;case"PageUp":a=this.ratio+.1;break;default:return}i.preventDefault(),this.set(a)&&this.suiResizeEnd.emit(this.ratio)};render(){const e=Math.round(1e4*this.ratio)/100,i=this.afterSrc||this.beforeSrc;return this.failed.has(i)||this.failed.has(this.beforeSrc)?s(t,null,s("div",{class:"frame failed",style:{height:this.height+"px"}},s(d,{text:c(void 0,"image-compare.unavailable",void 0,"Before and after images unavailable")}))):s(t,null,s("div",{class:{frame:!0,dragging:this.dragging},ref:e=>this.frame=e,style:{height:this.height+"px"},onPointerDown:this.onPointerDown},s("img",{class:"after",src:i,alt:this.afterAlt,onError:()=>this.fail(i)}),s("img",{class:"before",src:this.beforeSrc,alt:this.beforeAlt,style:{clipPath:`inset(0 ${100-e}% 0 0)`,filter:this.beforeFilter||void 0},onError:()=>this.fail(this.beforeSrc)}),s("span",{class:"tag left"},c(void 0,"image-compare.before",this.beforeLabel,"Before")),s("span",{class:"tag right"},c(void 0,"image-compare.after",this.afterLabel,"After")),s("div",{class:"divider",ref:e=>this.divider=e,style:{left:`calc(${e}% - 1px)`},role:"slider",tabIndex:0,"aria-label":c(void 0,"image-compare.comparePosition",void 0,"Compare position"),"aria-orientation":"horizontal","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":Math.round(100*this.ratio)+"","aria-valuetext":n(void 0,"image-compare.position",void 0,"{percent} {label}",{percent:l(Math.round(100*this.ratio)),label:c(void 0,"image-compare.before",this.beforeLabel,"Before")}),onKeyDown:this.onKeyDown},s("div",{class:"handle","aria-hidden":"true"},s(m,{glyph:p})))))}static get watchers(){return{ratio:[{clamp:0}]}}static get style(){return".sc-sui-image-compare-h{display:block;font-family:var(--font-sans)}.frame.sc-sui-image-compare{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-sizing:border-box;user-select:none;touch-action:none;background:var(--surface-sunken)}.after.sc-sui-image-compare,.before.sc-sui-image-compare{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tag.sc-sui-image-compare{position:absolute;top:10px;padding:4px 9px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;line-height:1.3;background:color-mix(in srgb, var(--brand-active) 72%, transparent);color:var(--brand-contrast);font-family:var(--font-sans);pointer-events:none}.tag.left.sc-sui-image-compare{left:10px}.tag.right.sc-sui-image-compare{right:10px}.divider.sc-sui-image-compare{position:absolute;top:0;bottom:0;width:2px;background:var(--ink-on-dark);cursor:ew-resize;box-shadow:0 0 6px color-mix(in srgb, var(--brand-active) 50%, transparent)}.divider.sc-sui-image-compare:focus{outline:none}.handle.sc-sui-image-compare{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pop);transition:background var(--duration-fast) var(--ease-out)}.handle.sc-sui-image-compare .sui-glyph.sc-sui-image-compare{font-size:12px}.divider.sc-sui-image-compare:hover .handle.sc-sui-image-compare{background:var(--accent-hover)}.frame.dragging.sc-sui-image-compare .handle.sc-sui-image-compare{background:var(--accent-active)}.divider.sc-sui-image-compare:focus-visible .handle.sc-sui-image-compare{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}@media (forced-colors: active){.divider.sc-sui-image-compare{background:CanvasText;outline:1px solid Canvas}.handle.sc-sui-image-compare{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-sizing:border-box}}.sui-media-fallback.sc-sui-image-compare{position:absolute;inset:0;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-sunken);color:var(--ink-faint);font:460 12.5px/1.4 var(--font-sans);text-align:center}.sui-media-fallback.sc-sui-image-compare .sui-glyph.sc-sui-image-compare{font-size:22px}.sui-media-fallback.sc-sui-image-compare .sui-mf-text.sc-sui-image-compare{color:var(--ink-muted)}.sui-media-fallback.compact.sc-sui-image-compare{gap:0;padding:0}.sui-media-fallback.compact.sc-sui-image-compare .sui-glyph.sc-sui-image-compare{font-size:14px}.sui-media-fallback.inverse.sc-sui-image-compare{background:transparent;color:color-mix(in srgb, var(--ink-on-dark) 70%, transparent)}.sui-media-fallback.inverse.sc-sui-image-compare .sui-mf-text.sc-sui-image-compare{color:var(--ink-on-dark)}@media (forced-colors: active){.sui-media-fallback.sc-sui-image-compare,.sui-media-fallback.sc-sui-image-compare .sui-mf-text.sc-sui-image-compare{color:GrayText}}"}},[514,"sui-image-compare",{beforeSrc:[1,"before-src"],afterSrc:[1,"after-src"],beforeAlt:[1,"before-alt"],afterAlt:[1,"after-alt"],beforeFilter:[1,"before-filter"],beforeLabel:[1,"before-label"],afterLabel:[1,"after-label"],height:[2],ratio:[1026],dragging:[32],failed:[32],setFocus:[64]},void 0,{ratio:[{clamp:0}]}]),h=u,g=function(){"undefined"!=typeof customElements&&["sui-image-compare"].forEach((e=>{"sui-image-compare"===e&&(customElements.get(r(e))||customElements.define(r(e),u))}))};export{h as SuiImageCompare,g as defineCustomElement}
+import{p as e,H as i,c as a,h as s,a as t,t as r}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{a as c,l as n}from"./p-BuyjS5bS.js";import{a as l}from"./p-qut9RP2y.js";import{G as m,_ as p}from"./p-B-Bh5OXe.js";import{M as d}from"./p-CvjbAg7-.js";const u=e(class e extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiResize=a(this,"suiResize",3),this.suiResizeEnd=a(this,"suiResizeEnd",3),this.suiError=a(this,"suiError",3)}get host(){return this}beforeSrc;afterSrc;beforeAlt="";afterAlt="";beforeFilter;beforeLabel;afterLabel;height=240;ratio=.5;suiResize;suiResizeEnd;dragging=!1;suiError;failed=new Set;fail(e){e&&!this.failed.has(e)&&(this.failed=new Set(this.failed).add(e),this.suiError.emit(e))}frame;divider;rect;static MIN=.04;static MAX=.96;componentWillLoad(){this.clamp()}connectedCallback(){o(this.host,(()=>this.divider))}disconnectedCallback(){this.stopDrag(!1)}async setFocus(){this.divider?.focus()}clamp(){const i=Number(this.ratio),a=Number.isFinite(i)?Math.min(e.MAX,Math.max(e.MIN,i)):.5;a!==this.ratio&&(this.ratio=a)}set(i){const a=Math.min(e.MAX,Math.max(e.MIN,i));return a!==this.ratio&&(this.ratio=a,this.suiResize.emit(a),!0)}onPointerDown=e=>{void 0!==e.button&&0!==e.button||(e.preventDefault(),this.rect=this.frame?.getBoundingClientRect(),this.dragging=!0,document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp),!!this.divider&&!!e.target&&this.divider.contains(e.target)||this.onPointerMove(e),this.divider?.focus?.({preventScroll:!0}))};onPointerMove=e=>{const i=this.rect;i&&i.width&&this.set((e.clientX-i.left)/i.width)};onPointerUp=()=>this.stopDrag(!0);stopDrag=e=>{"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)),this.rect=void 0,this.dragging&&(this.dragging=!1,e&&this.suiResizeEnd.emit(this.ratio))};onKeyDown=i=>{let a;switch(i.key){case"ArrowLeft":case"ArrowDown":a=this.ratio-.02;break;case"ArrowRight":case"ArrowUp":a=this.ratio+.02;break;case"Home":a=e.MIN;break;case"End":a=e.MAX;break;case"PageDown":a=this.ratio-.1;break;case"PageUp":a=this.ratio+.1;break;default:return}i.preventDefault(),this.set(a)&&this.suiResizeEnd.emit(this.ratio)};render(){const e=Math.round(1e4*this.ratio)/100,i=this.afterSrc||this.beforeSrc;return this.failed.has(i)||this.failed.has(this.beforeSrc)?s(t,null,s("div",{class:"frame failed",style:{height:this.height+"px"}},s(d,{text:c(void 0,"image-compare.unavailable",void 0,"Before and after images unavailable")}))):s(t,null,s("div",{class:{frame:!0,dragging:this.dragging},ref:e=>this.frame=e,style:{height:this.height+"px"},onPointerDown:this.onPointerDown},s("img",{class:"after",src:i,alt:this.afterAlt,onError:()=>this.fail(i)}),s("img",{class:"before",src:this.beforeSrc,alt:this.beforeAlt,style:{clipPath:`inset(0 ${100-e}% 0 0)`,filter:this.beforeFilter||void 0},onError:()=>this.fail(this.beforeSrc)}),s("span",{class:"tag left"},c(void 0,"image-compare.before",this.beforeLabel,"Before")),s("span",{class:"tag right"},c(void 0,"image-compare.after",this.afterLabel,"After")),s("div",{class:"divider",ref:e=>this.divider=e,style:{left:`calc(${e}% - 1px)`},role:"slider",tabIndex:0,"aria-label":c(void 0,"image-compare.comparePosition",void 0,"Compare position"),"aria-orientation":"horizontal","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":Math.round(100*this.ratio)+"","aria-valuetext":n(void 0,"image-compare.position",void 0,"{percent} {label}",{percent:l(Math.round(100*this.ratio)),label:c(void 0,"image-compare.before",this.beforeLabel,"Before")}),onKeyDown:this.onKeyDown},s("div",{class:"handle","aria-hidden":"true"},s(m,{glyph:p})))))}static get watchers(){return{ratio:[{clamp:0}]}}static get style(){return".sc-sui-image-compare-h{display:block;font-family:var(--font-sans)}.frame.sc-sui-image-compare{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-sizing:border-box;user-select:none;touch-action:none;background:var(--surface-sunken)}.after.sc-sui-image-compare,.before.sc-sui-image-compare{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tag.sc-sui-image-compare{position:absolute;top:10px;padding:4px 9px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;line-height:1.3;background:color-mix(in srgb, var(--brand-active) 72%, transparent);color:var(--brand-contrast);font-family:var(--font-sans);pointer-events:none}.tag.left.sc-sui-image-compare{left:10px}.tag.right.sc-sui-image-compare{right:10px}.divider.sc-sui-image-compare{position:absolute;top:0;bottom:0;width:2px;background:var(--ink-on-dark);cursor:ew-resize;box-shadow:0 0 6px color-mix(in srgb, var(--brand-active) 50%, transparent)}.divider.sc-sui-image-compare:focus{outline:none}.handle.sc-sui-image-compare{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pop);transition:background var(--duration-fast) var(--ease-out)}.handle.sc-sui-image-compare .sui-glyph.sc-sui-image-compare{font-size:12px}.divider.sc-sui-image-compare:hover .handle.sc-sui-image-compare{background:var(--accent-hover)}.frame.dragging.sc-sui-image-compare .handle.sc-sui-image-compare{background:var(--accent-active)}.divider.sc-sui-image-compare:focus-visible .handle.sc-sui-image-compare{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}@media (forced-colors: active){.divider.sc-sui-image-compare{background:CanvasText;outline:1px solid Canvas}.handle.sc-sui-image-compare{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-sizing:border-box}}.sui-media-fallback.sc-sui-image-compare{position:absolute;inset:0;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-sunken);color:var(--ink-faint);font:460 12.5px/1.4 var(--font-sans);text-align:center}.sui-media-fallback.sc-sui-image-compare .sui-glyph.sc-sui-image-compare{font-size:22px}.sui-media-fallback.sc-sui-image-compare .sui-mf-text.sc-sui-image-compare{color:var(--ink-muted)}.sui-media-fallback.compact.sc-sui-image-compare{gap:0;padding:0}.sui-media-fallback.compact.sc-sui-image-compare .sui-glyph.sc-sui-image-compare{font-size:14px}.sui-media-fallback.inverse.sc-sui-image-compare{background:transparent;color:color-mix(in srgb, var(--ink-on-dark) 70%, transparent)}.sui-media-fallback.inverse.sc-sui-image-compare .sui-mf-text.sc-sui-image-compare{color:var(--ink-on-dark)}@media (forced-colors: active){.sui-media-fallback.sc-sui-image-compare,.sui-media-fallback.sc-sui-image-compare .sui-mf-text.sc-sui-image-compare{color:GrayText}}"}},[514,"sui-image-compare",{beforeSrc:[1,"before-src"],afterSrc:[1,"after-src"],beforeAlt:[1,"before-alt"],afterAlt:[1,"after-alt"],beforeFilter:[1,"before-filter"],beforeLabel:[1,"before-label"],afterLabel:[1,"after-label"],height:[2],ratio:[1026],dragging:[32],failed:[32],setFocus:[64]},void 0,{ratio:[{clamp:0}]}]),h=u,g=function(){"undefined"!=typeof customElements&&["sui-image-compare"].forEach((e=>{"sui-image-compare"===e&&(customElements.get(r(e))||customElements.define(r(e),u))}))};export{h as SuiImageCompare,g as defineCustomElement}

package/dist/components/sui-image.js

@@ -1 +1 @@
-import{p as i,H as s,c as e,f as t,h as a,a as o,t as r}from"./p-DQ8DrIvI.js";import{d as n}from"./p-BHB1Wprj.js";import{o as c}from"./p-BzhCDwzO.js";import{m as l}from"./p-DLz6XeJE.js";import{u as h}from"./p-U06fVoGD.js";import{a as d,l as u}from"./p-BuyjS5bS.js";import{G as p,X as m,Y as g,Z as f,U as v,x as b}from"./p-BJFE-_50.js";import{M as x}from"./p-DCZ4wEzD.js";import{h as k}from"./p-BWkzTEZX.js";const w=["cover","contain"],y=["lazy","eager"],z=i(class i extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3),this.suiError=e(this,"suiError",3)}get host(){return this}src;previewSrc;alt="";caption;width;height;radius;fit="cover";loading="lazy";noPreview=!1;open=!1;suiOpen;suiClose;suiError;zoom=1;rotation=0;panX=0;panY=0;panning=!1;failed=!1;previewFailed=!1;closing=!1;layer;stage;big;modal;layerId=h("sui-image-lightbox");top=l({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});panFrom;panMoved=!1;static PAN_STEP=40;connectedCallback(){n(this.host,(()=>this.frameButton())),this.open&&this.layer&&t(this)}async setFocus(){this.frameButton()?.focus()}frameButton(){return this.interactive&&this.host.querySelector("button.frame")||void 0}disconnectedCallback(){this.deactivate(),this.top.disconnect()&&(this.closing=!1),this.endPan()}onOpen(i){if(i)return this.top.reopen(),this.closing=!1,void this.reset();this.deactivate(),this.closing=this.top.close()}onSrc(){this.failed=!1,this.previewFailed=!1}onPreviewSrc(){this.previewFailed=!1}componentDidRender(){this.open&&this.activate()}activate(){this.open&&this.layer&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=c(this.layer))}deactivate(){this.modal?.release(),this.modal=void 0}reset(){this.zoom=1,this.rotation=0,this.panX=0,this.panY=0}openPreview=()=>{this.interactive&&!this.open&&(this.open=!0,this.suiOpen.emit())};requestClose(i){this.suiClose.emit(i).defaultPrevented||(this.open=!1)}get interactive(){return!this.noPreview&&!this.failed&&!this.previewFailed}get bigSrc(){return this.previewSrc||this.src}get pannable(){return this.zoom>1}setZoom(i){this.zoom=i,i<=1?(this.panX=0,this.panY=0):this.clampPan()}clampPan(){const i=this.big?.offsetWidth||0,s=this.big?.offsetHeight||0;if(!i||!s)return;const e=Math.max(0,(i*this.zoom-i)/2),t=Math.max(0,(s*this.zoom-s)/2);this.panX=Math.min(e,Math.max(-e,this.panX)),this.panY=Math.min(t,Math.max(-t,this.panY))}turn(i){this.rotation=(this.rotation+i)%360}pan(i,s){this.panX+=i,this.panY+=s,this.clampPan()}onPanDown=i=>{this.pannable&&(i.preventDefault(),this.panFrom={x:i.clientX-this.panX,y:i.clientY-this.panY},this.panMoved=!1,this.panning=!0,document.addEventListener("pointermove",this.onPanMove),document.addEventListener("pointerup",this.endPan),document.addEventListener("pointercancel",this.endPan))};onPanMove=i=>{this.panFrom&&(this.panMoved=!0,this.panX=i.clientX-this.panFrom.x,this.panY=i.clientY-this.panFrom.y,this.clampPan())};endPan=()=>{this.panFrom=void 0,this.panning=!1,"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onPanMove),document.removeEventListener("pointerup",this.endPan),document.removeEventListener("pointercancel",this.endPan))};onLayerKeyDown=s=>{const e=i.PAN_STEP;let t=0,a=0;switch(s.key){case"ArrowLeft":t=e;break;case"ArrowRight":t=-e;break;case"ArrowUp":a=e;break;case"ArrowDown":a=-e;break;default:return}s.stopPropagation(),this.pannable&&(s.preventDefault(),this.pan(t,a))};onLayerClick=i=>{const s=this.panMoved;this.panMoved=!1,s||i.target!==this.layer&&i.target!==this.stage||this.requestClose("scrim")};onImageError=()=>{this.failed||(this.failed=!0,this.suiError.emit(this.src),this.open&&this.requestClose("cancel"))};onPreviewError=()=>{if(!this.previewSrc)return this.onImageError();this.previewFailed||(this.previewFailed=!0,this.suiError.emit(this.previewSrc),this.open&&this.requestClose("cancel"))};transform(){const i=[];return(this.panX||this.panY)&&i.push(`translate(${this.panX}px, ${this.panY}px)`),this.rotation&&i.push(`rotate(${this.rotation}deg)`),1!==this.zoom&&i.push(`scale(${this.zoom})`),i.length?i.join(" "):void 0}static len(i){if(null!=i&&""!==i)return"number"==typeof i||/^\d+(\.\d+)?$/.test(i+"")?i+"px":i+""}static one(i,s,e){return i.includes(s)?s:e}tool(i,s,e){return a("button",{type:"button",class:"tool","aria-label":i,onClick:e},a(p,{glyph:s}))}render(){const s={width:i.len(this.width),height:i.len(this.height),borderRadius:this.radius||void 0},e=this.caption||this.alt||d(void 0,"image.imagePreview",void 0,"Image preview"),t=i.one(w,this.fit,"cover"),r=[this.failed?null:a("img",{class:{pic:!0,[t]:!0},src:this.src,alt:this.alt,loading:i.one(y,this.loading,"lazy"),onError:this.onImageError}),a("span",{key:"a26973d182b104f7a4bdc114bdd3bfe5697fbbb1",class:"fallback",hidden:!this.failed},a("slot",{key:"02e2716a07d9d3fef1c016da68ff83604dcafdc2",name:"error"})),this.failed&&!k(this.host,"error")?a(x,{text:d(void 0,"image.unavailable",void 0,"Image unavailable")}):null];return a(o,{key:"f02baa9ae7c9a0b775607cda11d8dffb56a74583"},a("figure",{key:"d9b8a137ff65c6083abecf8f5ed89c95567cfde4",class:"figure"},this.interactive?a("button",{type:"button",class:"frame preview",style:s,"aria-label":u(void 0,"image.preview",void 0,"Preview: {name}",{name:e}),"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":this.open?this.layerId:void 0,onClick:this.openPreview},r,a("span",{class:"veil","aria-hidden":"true"},a(p,{glyph:m}))):a("div",{class:{frame:!0,failed:this.failed},style:s},r),this.caption?a("figcaption",{class:"caption"},this.caption):null),this.open||this.closing?a("div",{id:this.layerId,class:{layer:!0,closing:this.closing},inert:this.closing,ref:i=>this.layer=i,role:"dialog","aria-label":e,onClick:this.onLayerClick,onKeyDown:this.onLayerKeyDown},a("div",{class:"bar"},this.caption?a("div",{class:"big-caption"},this.caption):null,a("div",{class:"tools"},this.tool(d(void 0,"image.zoomIn",void 0,"Zoom in"),m,(()=>this.setZoom(Math.min(2.5,+(this.zoom+.25).toFixed(2))))),this.tool(d(void 0,"image.zoomOut",void 0,"Zoom out"),g,(()=>this.setZoom(Math.max(.5,+(this.zoom-.25).toFixed(2))))),a("span",{class:"sep","aria-hidden":"true"}),this.tool(d(void 0,"image.rotateLeft",void 0,"Rotate left"),f,(()=>this.turn(-90))),this.tool(d(void 0,"image.rotateRight",void 0,"Rotate right"),v,(()=>this.turn(90))),a("span",{class:"sep","aria-hidden":"true"}),this.tool(d(void 0,"image.close",void 0,"Close"),b,(()=>this.requestClose("close-button"))))),a("div",{class:"stage",ref:i=>this.stage=i},a("img",{class:{big:!0,pannable:this.pannable,panning:this.panning},ref:i=>this.big=i,src:this.bigSrc,alt:this.alt,style:{transform:this.transform()},onError:this.onPreviewError,onPointerDown:this.onPanDown}))):null)}static get watchers(){return{open:[{onOpen:0}],src:[{onSrc:0}],previewSrc:[{onPreviewSrc:0}]}}static get style(){return".sc-sui-image-h{display:inline-block;font-family:var(--font-sans)}.figure.sc-sui-image{margin:0;display:inline-block}.frame.sc-sui-image{position:relative;display:block;overflow:hidden;box-sizing:border-box;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-sunken);cursor:default;font:inherit;color:inherit;text-align:start}.frame.preview.sc-sui-image{cursor:zoom-in}.frame.preview.sc-sui-image:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.pic.sc-sui-image{display:block;width:100%;height:100%}.pic.cover.sc-sui-image{object-fit:cover}.pic.contain.sc-sui-image{object-fit:contain}.fallback.sc-sui-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.fallback[hidden].sc-sui-image{display:none}.frame.failed.sc-sui-image{min-width:128px;min-height:96px}.veil.sc-sui-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);color:var(--ink-on-dark);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.veil.sc-sui-image .sui-glyph.sc-sui-image{font-size:18px}.frame.preview.sc-sui-image:hover .veil.sc-sui-image,.frame.preview.sc-sui-image:focus-visible .veil.sc-sui-image{opacity:1}.caption.sc-sui-image{font-size:11.5px;color:var(--ink-faint);margin-top:6px}.layer.sc-sui-image{position:fixed;inset:0;z-index:var(--z-dialog);background:color-mix(in srgb, var(--media-dark) 90%, transparent);display:flex;flex-direction:column;animation:sui-image-fade var(--duration-slow) var(--ease-out)}.layer.sc-sui-image:focus{outline:none}.bar.sc-sui-image{flex:none;display:flex;align-items:center;gap:16px;height:64px;box-sizing:border-box;padding-inline:24px 14px;background:var(--media-dark)}.big-caption.sc-sui-image{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);font-size:13px;font-weight:600;font-family:var(--font-sans)}.tools.sc-sui-image{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.sep.sc-sui-image{width:1px;height:20px;margin-inline:4px;background:color-mix(in srgb, var(--ink-on-dark) 22%, transparent)}.tool.sc-sui-image{width:40px;height:40px;padding:0;margin:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-on-dark);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.tool.sc-sui-image .sui-glyph.sc-sui-image{font-size:16px}.tool.sc-sui-image:hover{background:color-mix(in srgb, var(--ink-on-dark) 14%, transparent)}.tool.sc-sui-image:focus-visible{outline:2px solid var(--ink-on-dark);outline-offset:1px;box-shadow:none}.stage.sc-sui-image{position:relative;flex:1;min-height:0;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:16px 24px}@media (max-width: 480px){.bar.sc-sui-image{flex-wrap:wrap;height:auto;min-height:64px;padding-block:12px;row-gap:6px}.big-caption.sc-sui-image{order:1;flex-basis:100%;white-space:normal;overflow-wrap:break-word}}.big.sc-sui-image{position:relative;max-width:100%;max-height:100%;border-radius:var(--radius-md);display:block;transition:transform var(--duration-base) var(--ease-out);animation:sui-image-in var(--duration-slow) var(--ease-out)}.big.pannable.sc-sui-image{cursor:grab}.big.pannable.sc-sui-image:active{cursor:grabbing}.big.panning.sc-sui-image{transition:none}.layer.closing.sc-sui-image{pointer-events:none;animation:sui-image-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-image-fade{from{opacity:0}}@keyframes sui-image-in{from{opacity:0;top:4px}}@keyframes sui-image-out{to{opacity:0}}@media (forced-colors: active){.layer.sc-sui-image{background:Canvas}.bar.sc-sui-image{background:Canvas}.big.sc-sui-image{border:1px solid CanvasText;box-sizing:border-box}.big-caption.sc-sui-image{color:CanvasText}.tool.sc-sui-image{color:ButtonText;border:1px solid ButtonText}.tool.sc-sui-image:focus-visible{outline-color:Highlight}.sep.sc-sui-image{background:CanvasText}}.sui-media-fallback.sc-sui-image{position:absolute;inset:0;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-sunken);color:var(--ink-faint);font:460 12.5px/1.4 var(--font-sans);text-align:center}.sui-media-fallback.sc-sui-image .sui-glyph.sc-sui-image{font-size:22px}.sui-media-fallback.sc-sui-image .sui-mf-text.sc-sui-image{color:var(--ink-muted)}.sui-media-fallback.compact.sc-sui-image{gap:0;padding:0}.sui-media-fallback.compact.sc-sui-image .sui-glyph.sc-sui-image{font-size:14px}.sui-media-fallback.inverse.sc-sui-image{background:transparent;color:color-mix(in srgb, var(--ink-on-dark) 70%, transparent)}.sui-media-fallback.inverse.sc-sui-image .sui-mf-text.sc-sui-image{color:var(--ink-on-dark)}@media (forced-colors: active){.sui-media-fallback.sc-sui-image,.sui-media-fallback.sc-sui-image .sui-mf-text.sc-sui-image{color:GrayText}}"}},[774,"sui-image",{src:[1],previewSrc:[1,"preview-src"],alt:[1],caption:[1],width:[8],height:[8],radius:[1],fit:[513],loading:[513],noPreview:[516,"no-preview"],open:[1540],zoom:[32],rotation:[32],panX:[32],panY:[32],panning:[32],failed:[32],previewFailed:[32],closing:[32],setFocus:[64]},void 0,{open:[{onOpen:0}],src:[{onSrc:0}],previewSrc:[{onPreviewSrc:0}]}]),j=z,C=function(){"undefined"!=typeof customElements&&["sui-image"].forEach((i=>{"sui-image"===i&&(customElements.get(r(i))||customElements.define(r(i),z))}))};export{j as SuiImage,C as defineCustomElement}
+import{p as i,H as s,c as e,f as t,h as a,a as o,t as r}from"./p-DQ8DrIvI.js";import{d as n}from"./p-BHB1Wprj.js";import{o as c}from"./p-Bmle3SMC.js";import{m as l}from"./p-Ch3k6aUB.js";import{u as h}from"./p-U06fVoGD.js";import{a as u,l as d}from"./p-BuyjS5bS.js";import{G as m,X as p,Y as g,Z as f,U as v,x as b}from"./p-B-Bh5OXe.js";import{M as x}from"./p-CvjbAg7-.js";import{h as k}from"./p-BWkzTEZX.js";const y=["cover","contain"],w=["lazy","eager"],z=i(class i extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3),this.suiError=e(this,"suiError",3)}get host(){return this}src;previewSrc;alt="";caption;width;height;radius;fit="cover";loading="lazy";noPreview=!1;open=!1;suiOpen;suiClose;suiError;zoom=1;rotation=0;panX=0;panY=0;panning=!1;failed=!1;previewFailed=!1;closing=!1;layer;stage;big;modal;layerId=h("sui-image-lightbox");top=l({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});panFrom;panMoved=!1;static PAN_STEP=40;connectedCallback(){n(this.host,(()=>this.frameButton())),this.open&&this.layer&&t(this)}async setFocus(){this.frameButton()?.focus()}frameButton(){return this.interactive&&this.host.querySelector("button.frame")||void 0}disconnectedCallback(){this.deactivate(),this.top.disconnect()&&(this.closing=!1),this.endPan()}onOpen(i){if(i)return this.top.reopen(),this.closing=!1,void this.reset();this.deactivate(),this.closing=this.top.close()}onSrc(){this.failed=!1,this.previewFailed=!1}onPreviewSrc(){this.previewFailed=!1}componentDidRender(){this.open&&this.activate()}activate(){this.open&&this.layer&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=c(this.layer))}deactivate(){this.modal?.release(),this.modal=void 0}reset(){this.zoom=1,this.rotation=0,this.panX=0,this.panY=0}openPreview=()=>{this.interactive&&!this.open&&(this.open=!0,this.suiOpen.emit())};requestClose(i){this.suiClose.emit(i).defaultPrevented||(this.open=!1)}get interactive(){return!this.noPreview&&!this.failed&&!this.previewFailed}get bigSrc(){return this.previewSrc||this.src}get pannable(){return this.zoom>1}setZoom(i){this.zoom=i,i<=1?(this.panX=0,this.panY=0):this.clampPan()}clampPan(){const i=this.big?.offsetWidth||0,s=this.big?.offsetHeight||0;if(!i||!s)return;const e=Math.max(0,(i*this.zoom-i)/2),t=Math.max(0,(s*this.zoom-s)/2);this.panX=Math.min(e,Math.max(-e,this.panX)),this.panY=Math.min(t,Math.max(-t,this.panY))}turn(i){this.rotation=(this.rotation+i)%360}pan(i,s){this.panX+=i,this.panY+=s,this.clampPan()}onPanDown=i=>{this.pannable&&(i.preventDefault(),this.panFrom={x:i.clientX-this.panX,y:i.clientY-this.panY},this.panMoved=!1,this.panning=!0,document.addEventListener("pointermove",this.onPanMove),document.addEventListener("pointerup",this.endPan),document.addEventListener("pointercancel",this.endPan))};onPanMove=i=>{this.panFrom&&(this.panMoved=!0,this.panX=i.clientX-this.panFrom.x,this.panY=i.clientY-this.panFrom.y,this.clampPan())};endPan=()=>{this.panFrom=void 0,this.panning=!1,"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onPanMove),document.removeEventListener("pointerup",this.endPan),document.removeEventListener("pointercancel",this.endPan))};onLayerKeyDown=s=>{const e=i.PAN_STEP;let t=0,a=0;switch(s.key){case"ArrowLeft":t=e;break;case"ArrowRight":t=-e;break;case"ArrowUp":a=e;break;case"ArrowDown":a=-e;break;default:return}s.stopPropagation(),this.pannable&&(s.preventDefault(),this.pan(t,a))};onLayerClick=i=>{const s=this.panMoved;this.panMoved=!1,s||i.target!==this.layer&&i.target!==this.stage||this.requestClose("scrim")};onImageError=()=>{this.failed||(this.failed=!0,this.suiError.emit(this.src),this.open&&this.requestClose("cancel"))};onPreviewError=()=>{if(!this.previewSrc)return this.onImageError();this.previewFailed||(this.previewFailed=!0,this.suiError.emit(this.previewSrc),this.open&&this.requestClose("cancel"))};transform(){const i=[];return(this.panX||this.panY)&&i.push(`translate(${this.panX}px, ${this.panY}px)`),this.rotation&&i.push(`rotate(${this.rotation}deg)`),1!==this.zoom&&i.push(`scale(${this.zoom})`),i.length?i.join(" "):void 0}static len(i){if(null!=i&&""!==i)return"number"==typeof i||/^\d+(\.\d+)?$/.test(i+"")?i+"px":i+""}static one(i,s,e){return i.includes(s)?s:e}tool(i,s,e){return a("button",{type:"button",class:"tool","aria-label":i,onClick:e},a(m,{glyph:s}))}render(){const s={height:i.len(this.height),borderRadius:this.radius||void 0},e=this.caption||this.alt||u(void 0,"image.imagePreview",void 0,"Image preview"),t=i.one(y,this.fit,"cover"),r=[this.failed?null:a("img",{class:{pic:!0,[t]:!0},src:this.src,alt:this.alt,loading:i.one(w,this.loading,"lazy"),onError:this.onImageError}),a("span",{key:"8c7b09836fbd132e42ada35d52ab7f00546e9677",class:"fallback",hidden:!this.failed},a("slot",{key:"b971b0b60c1b9088563ef84b0c5d5eb433d2af9d",name:"error"})),this.failed&&!k(this.host,"error")?a(x,{text:u(void 0,"image.unavailable",void 0,"Image unavailable")}):null];return a(o,{key:"634729e4a9db6c5aa5752f1c37e2b324b8810513",style:{width:i.len(this.width)}},a("figure",{key:"a21f0a5409a42d2ff2b46e2e6152c386664ddac8",class:"figure"},this.interactive?a("button",{type:"button",class:"frame preview",style:s,"aria-label":d(void 0,"image.preview",void 0,"Preview: {name}",{name:e}),"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":this.open?this.layerId:void 0,onClick:this.openPreview},r,a("span",{class:"veil","aria-hidden":"true"},a(m,{glyph:p}))):a("div",{class:{frame:!0,failed:this.failed},style:s},r),this.caption?a("figcaption",{class:"caption"},this.caption):null),this.open||this.closing?a("div",{id:this.layerId,class:{layer:!0,closing:this.closing},inert:this.closing,ref:i=>this.layer=i,role:"dialog","aria-label":e,onClick:this.onLayerClick,onKeyDown:this.onLayerKeyDown},a("div",{class:"bar"},this.caption?a("div",{class:"big-caption"},this.caption):null,a("div",{class:"tools"},this.tool(u(void 0,"image.zoomIn",void 0,"Zoom in"),p,(()=>this.setZoom(Math.min(2.5,+(this.zoom+.25).toFixed(2))))),this.tool(u(void 0,"image.zoomOut",void 0,"Zoom out"),g,(()=>this.setZoom(Math.max(.5,+(this.zoom-.25).toFixed(2))))),a("span",{class:"sep","aria-hidden":"true"}),this.tool(u(void 0,"image.rotateLeft",void 0,"Rotate left"),f,(()=>this.turn(-90))),this.tool(u(void 0,"image.rotateRight",void 0,"Rotate right"),v,(()=>this.turn(90))),a("span",{class:"sep","aria-hidden":"true"}),this.tool(u(void 0,"image.close",void 0,"Close"),b,(()=>this.requestClose("close-button"))))),a("div",{class:"stage",ref:i=>this.stage=i},a("img",{class:{big:!0,pannable:this.pannable,panning:this.panning},ref:i=>this.big=i,src:this.bigSrc,alt:this.alt,style:{transform:this.transform()},onError:this.onPreviewError,onPointerDown:this.onPanDown}))):null)}static get watchers(){return{open:[{onOpen:0}],src:[{onSrc:0}],previewSrc:[{onPreviewSrc:0}]}}static get style(){return".sc-sui-image-h{display:inline-block;font-family:var(--font-sans)}.figure.sc-sui-image{margin:0;display:block}.frame.sc-sui-image{position:relative;display:block;width:100%;overflow:hidden;box-sizing:border-box;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-sunken);cursor:default;font:inherit;color:inherit;text-align:start}.frame.preview.sc-sui-image{cursor:zoom-in}.frame.preview.sc-sui-image:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.pic.sc-sui-image{display:block;width:100%;height:100%}.pic.cover.sc-sui-image{object-fit:cover}.pic.contain.sc-sui-image{object-fit:contain}.fallback.sc-sui-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.fallback[hidden].sc-sui-image{display:none}.frame.failed.sc-sui-image{min-width:128px;min-height:96px}.veil.sc-sui-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);color:var(--ink-on-dark);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.veil.sc-sui-image .sui-glyph.sc-sui-image{font-size:18px}.frame.preview.sc-sui-image:hover .veil.sc-sui-image,.frame.preview.sc-sui-image:focus-visible .veil.sc-sui-image{opacity:1}.caption.sc-sui-image{font-size:11.5px;color:var(--ink-faint);margin-top:6px}.layer.sc-sui-image{position:fixed;inset:0;z-index:var(--z-dialog);background:color-mix(in srgb, var(--media-dark) 90%, transparent);display:flex;flex-direction:column;animation:sui-image-fade var(--duration-slow) var(--ease-out)}.layer.sc-sui-image:focus{outline:none}.bar.sc-sui-image{flex:none;display:flex;align-items:center;gap:16px;height:64px;box-sizing:border-box;padding-inline:24px 14px;background:var(--media-dark)}.big-caption.sc-sui-image{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);font-size:13px;font-weight:600;font-family:var(--font-sans)}.tools.sc-sui-image{display:flex;align-items:center;gap:4px;margin-inline-start:auto}.sep.sc-sui-image{width:1px;height:20px;margin-inline:4px;background:color-mix(in srgb, var(--ink-on-dark) 22%, transparent)}.tool.sc-sui-image{width:40px;height:40px;padding:0;margin:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-on-dark);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.tool.sc-sui-image .sui-glyph.sc-sui-image{font-size:16px}.tool.sc-sui-image:hover{background:color-mix(in srgb, var(--ink-on-dark) 14%, transparent)}.tool.sc-sui-image:focus-visible{outline:2px solid var(--ink-on-dark);outline-offset:1px;box-shadow:none}.stage.sc-sui-image{position:relative;flex:1;min-height:0;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:16px 24px}@media (max-width: 480px){.bar.sc-sui-image{flex-wrap:wrap;height:auto;min-height:64px;padding-block:12px;row-gap:6px}.big-caption.sc-sui-image{order:1;flex-basis:100%;white-space:normal;overflow-wrap:break-word}}.big.sc-sui-image{position:relative;max-width:100%;max-height:100%;border-radius:var(--radius-md);display:block;transition:transform var(--duration-base) var(--ease-out);animation:sui-image-in var(--duration-slow) var(--ease-out)}.big.pannable.sc-sui-image{cursor:grab}.big.pannable.sc-sui-image:active{cursor:grabbing}.big.panning.sc-sui-image{transition:none}.layer.closing.sc-sui-image{pointer-events:none;animation:sui-image-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-image-fade{from{opacity:0}}@keyframes sui-image-in{from{opacity:0;top:4px}}@keyframes sui-image-out{to{opacity:0}}@media (forced-colors: active){.layer.sc-sui-image{background:Canvas}.bar.sc-sui-image{background:Canvas}.big.sc-sui-image{border:1px solid CanvasText;box-sizing:border-box}.big-caption.sc-sui-image{color:CanvasText}.tool.sc-sui-image{color:ButtonText;border:1px solid ButtonText}.tool.sc-sui-image:focus-visible{outline-color:Highlight}.sep.sc-sui-image{background:CanvasText}}.sui-media-fallback.sc-sui-image{position:absolute;inset:0;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-sunken);color:var(--ink-faint);font:460 12.5px/1.4 var(--font-sans);text-align:center}.sui-media-fallback.sc-sui-image .sui-glyph.sc-sui-image{font-size:22px}.sui-media-fallback.sc-sui-image .sui-mf-text.sc-sui-image{color:var(--ink-muted)}.sui-media-fallback.compact.sc-sui-image{gap:0;padding:0}.sui-media-fallback.compact.sc-sui-image .sui-glyph.sc-sui-image{font-size:14px}.sui-media-fallback.inverse.sc-sui-image{background:transparent;color:color-mix(in srgb, var(--ink-on-dark) 70%, transparent)}.sui-media-fallback.inverse.sc-sui-image .sui-mf-text.sc-sui-image{color:var(--ink-on-dark)}@media (forced-colors: active){.sui-media-fallback.sc-sui-image,.sui-media-fallback.sc-sui-image .sui-mf-text.sc-sui-image{color:GrayText}}"}},[774,"sui-image",{src:[1],previewSrc:[1,"preview-src"],alt:[1],caption:[1],width:[8],height:[8],radius:[1],fit:[513],loading:[513],noPreview:[516,"no-preview"],open:[1540],zoom:[32],rotation:[32],panX:[32],panY:[32],panning:[32],failed:[32],previewFailed:[32],closing:[32],setFocus:[64]},void 0,{open:[{onOpen:0}],src:[{onSrc:0}],previewSrc:[{onPreviewSrc:0}]}]),j=z,C=function(){"undefined"!=typeof customElements&&["sui-image"].forEach((i=>{"sui-image"===i&&(customElements.get(r(i))||customElements.define(r(i),z))}))};export{j as SuiImage,C as defineCustomElement}

package/dist/components/sui-inplace.js

@@ -1 +1 @@
-import{p as i,H as s,c as e,h as a,a as t,t as n}from"./p-DQ8DrIvI.js";import{a as r}from"./p-BuyjS5bS.js";import{d as l}from"./p-BHB1Wprj.js";import{G as o,$ as c}from"./p-BJFE-_50.js";const u=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiSave=e(this,"suiSave",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}value="";placeholder;label;name;editing=!1;disabled=!1;readOnly=!1;suiInput;suiSave;suiOpen;suiClose;input;text;snapshot="";focusPending=!1;restorePending=!1;async edit(){this.begin()}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.editing?this.input:this.disabled?void 0:this.text}connectedCallback(){l(this.host,(()=>this.focusTarget()))}componentWillLoad(){this.snapshot=this.value}onEditing(i){i&&(this.snapshot=this.value,this.focusPending=!0)}componentDidRender(){this.focusPending&&(this.focusPending=!1,this.input?.focus(),this.input?.select?.()),this.restorePending&&(this.restorePending=!1,this.text?.focus())}begin(){this.editing||this.disabled||this.readOnly||(this.editing=!0,this.suiOpen.emit())}requestClose(i){return!this.suiClose.emit(i).defaultPrevented||(this.input?.focus(),!1)}commit(i){this.editing&&this.requestClose("pick")&&(this.restorePending=i,this.editing=!1,this.suiSave.emit(this.value))}revert(i){this.editing&&this.requestClose("escape")&&(this.restorePending=i,this.editing=!1,this.value!==this.snapshot&&(this.value=this.snapshot,this.suiInput.emit(this.value)))}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onBlur=()=>{this.commit(!1)};onInputKey=i=>{"Enter"===i.key?(i.preventDefault(),this.commit(!0)):"Escape"===i.key&&(i.preventDefault(),this.revert(!0))};onTextKey=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.begin())};render(){const i=r(void 0,"inplace.placeholder",this.placeholder,"Click to edit"),s=this.disabled||this.readOnly;return a(t,{key:"b3bdad0742ec1f24e5d4fffe2a6afee1b1f8584a"},this.label?a("span",{class:"sui-inplace-label"},this.label):null,this.editing?a("span",{class:"sui-inplace-field","data-value":this.value||i},a("input",{ref:i=>this.input=i,class:"sui-inplace-input sui-frame",type:"text",size:1,name:this.name,value:this.value,placeholder:this.placeholder,"aria-label":this.label||i,onInput:this.onInput,onBlur:this.onBlur,onKeyDown:this.onInputKey})):a("span",{ref:i=>this.text=i,class:{"sui-inplace-text":!0,empty:!this.value,locked:s},role:this.disabled?void 0:"button",tabIndex:this.disabled?void 0:0,"aria-disabled":this.disabled?"true":void 0,"aria-readonly":this.readOnly&&!this.disabled?"true":void 0,"aria-label":this.disabled?void 0:this.label||void 0,onClick:s?void 0:()=>this.begin(),onKeyDown:s?void 0:this.onTextKey},a("span",{class:"value"},this.value||i),s?null:a(o,{glyph:c})),!this.editing&&this.name?a("input",{type:"hidden",name:this.name,value:this.value}):null)}static get watchers(){return{editing:[{onEditing:0}]}}static get style(){return".sc-sui-inplace-h{display:inline-flex;flex-direction:column;gap:4px;max-width:100%;font-family:var(--font-sans);vertical-align:top}.sui-inplace-label.sc-sui-inplace{font-size:11px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-faint)}.sui-inplace-text.sc-sui-inplace,.sui-inplace-input.sc-sui-inplace,.sui-inplace-field.sc-sui-inplace::after{box-sizing:border-box;min-width:0;min-height:28px;padding:2px 8px;border:1px solid transparent;border-radius:var(--radius-md);font:inherit}.sui-inplace-text.sc-sui-inplace,.sui-inplace-field.sc-sui-inplace{margin:-3px -9px;max-width:calc(100% + 18px)}.sui-inplace-text.sc-sui-inplace{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ink);cursor:text;transition:background var(--duration-fast) var(--ease-out)}.sui-inplace-text.empty.sc-sui-inplace{color:var(--ink-placeholder)}.sui-inplace-text.sc-sui-inplace .value.sc-sui-inplace{min-width:0;max-width:100%;overflow-wrap:anywhere}.sui-inplace-text.locked.sc-sui-inplace{cursor:default}.sui-inplace-text.locked.sc-sui-inplace:hover{background:transparent}[disabled].sc-sui-inplace-h .sui-inplace-text.sc-sui-inplace{color:var(--disabled-ink);cursor:not-allowed}[disabled].sc-sui-inplace-h .sui-inplace-text.empty.sc-sui-inplace{color:var(--ink-placeholder)}.sui-inplace-text.sc-sui-inplace:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inplace-text.empty.sc-sui-inplace:not(.locked):hover{color:var(--ink-faint)}.sui-inplace-text.sc-sui-inplace:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inplace-text.sc-sui-inplace .sui-glyph.sc-sui-inplace{font-size:0.8em;color:var(--ink-faint);opacity:0.45;transition:opacity var(--duration-fast) var(--ease-out)}.sui-inplace-text.sc-sui-inplace:hover .sui-glyph.sc-sui-inplace{opacity:1}.sui-inplace-field.sc-sui-inplace{display:inline-grid;align-items:stretch}.sui-inplace-field.sc-sui-inplace::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;padding-inline-end:calc(16px + 0.8em)}.sui-inplace-input.sc-sui-inplace{grid-area:1 / 1;width:100%;margin:0;color:var(--ink)}.sui-inplace-input.sc-sui-inplace::placeholder{color:var(--ink-placeholder)}@media (forced-colors: active){.sui-inplace-text.sc-sui-inplace{border-style:none;padding:3px 9px}.sui-inplace-text.sc-sui-inplace .sui-glyph.sc-sui-inplace{opacity:1}}.sui-frame.sc-sui-inplace{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-inplace:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-inplace,.sui-frame.readonly.sc-sui-inplace{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-inplace:focus-within,.sui-frame.focus.sc-sui-inplace,.sui-frame.open.sc-sui-inplace{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-inplace{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-inplace:focus-within,.sui-frame.invalid.focus.sc-sui-inplace,.sui-frame.invalid.open.sc-sui-inplace{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-inplace:disabled,.sui-frame.disabled.sc-sui-inplace{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-inplace{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-inplace::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-inplace{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-inplace{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-inplace{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-inplace:focus-within,.sui-frame.focus.sc-sui-inplace,.sui-frame.open.sc-sui-inplace{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-inplace:disabled,.sui-frame.disabled.sc-sui-inplace{color:GrayText;border-color:GrayText}}"}},[514,"sui-inplace",{value:[1025],placeholder:[1],label:[1],name:[513],editing:[1540],disabled:[516],readOnly:[516,"readonly"],edit:[64],setFocus:[64]},void 0,{editing:[{onEditing:0}]}]),d=u,p=function(){"undefined"!=typeof customElements&&["sui-inplace"].forEach((i=>{"sui-inplace"===i&&(customElements.get(n(i))||customElements.define(n(i),u))}))};export{d as SuiInplace,p as defineCustomElement}
+import{p as i,H as s,c as e,h as a,a as t,t as n}from"./p-DQ8DrIvI.js";import{a as r}from"./p-BuyjS5bS.js";import{d as l}from"./p-BHB1Wprj.js";import{G as o,$ as c}from"./p-B-Bh5OXe.js";const u=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiSave=e(this,"suiSave",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}value="";placeholder;label;name;editing=!1;disabled=!1;readOnly=!1;suiInput;suiSave;suiOpen;suiClose;input;text;snapshot="";focusPending=!1;restorePending=!1;async edit(){this.begin()}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.editing?this.input:this.disabled?void 0:this.text}connectedCallback(){l(this.host,(()=>this.focusTarget()))}componentWillLoad(){this.snapshot=this.value}onEditing(i){i&&(this.snapshot=this.value,this.focusPending=!0)}componentDidRender(){this.focusPending&&(this.focusPending=!1,this.input?.focus(),this.input?.select?.()),this.restorePending&&(this.restorePending=!1,this.text?.focus())}begin(){this.editing||this.disabled||this.readOnly||(this.editing=!0,this.suiOpen.emit())}requestClose(i){return!this.suiClose.emit(i).defaultPrevented||(this.input?.focus(),!1)}commit(i){this.editing&&this.requestClose("pick")&&(this.restorePending=i,this.editing=!1,this.suiSave.emit(this.value))}revert(i){this.editing&&this.requestClose("escape")&&(this.restorePending=i,this.editing=!1,this.value!==this.snapshot&&(this.value=this.snapshot,this.suiInput.emit(this.value)))}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onBlur=()=>{this.commit(!1)};onInputKey=i=>{"Enter"===i.key?(i.preventDefault(),this.commit(!0)):"Escape"===i.key&&(i.preventDefault(),this.revert(!0))};onTextKey=i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.begin())};render(){const i=r(void 0,"inplace.placeholder",this.placeholder,"Click to edit"),s=this.disabled||this.readOnly;return a(t,{key:"44759a46406ae15c593d34c486b979813121ca7e"},this.label?a("span",{class:"sui-inplace-label"},this.label):null,this.editing?a("span",{class:"sui-inplace-field","data-value":this.value||i},a("input",{ref:i=>this.input=i,class:"sui-inplace-input sui-frame",type:"text",size:1,name:this.name,value:this.value,placeholder:this.placeholder,"aria-label":this.label||i,onInput:this.onInput,onBlur:this.onBlur,onKeyDown:this.onInputKey})):a("span",{ref:i=>this.text=i,class:{"sui-inplace-text":!0,empty:!this.value,locked:s},role:this.disabled?void 0:"button",tabIndex:this.disabled?void 0:0,"aria-disabled":this.disabled?"true":void 0,"aria-readonly":this.readOnly&&!this.disabled?"true":void 0,"aria-label":this.disabled?void 0:this.label||void 0,onClick:s?void 0:()=>this.begin(),onKeyDown:s?void 0:this.onTextKey},a("span",{class:"value"},this.value||i),s?null:a(o,{glyph:c})),!this.editing&&this.name?a("input",{type:"hidden",name:this.name,value:this.value}):null)}static get watchers(){return{editing:[{onEditing:0}]}}static get style(){return".sc-sui-inplace-h{display:inline-flex;flex-direction:column;gap:4px;max-width:100%;font-family:var(--font-sans);vertical-align:top}.sui-inplace-label.sc-sui-inplace{font-size:11px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-faint)}.sui-inplace-text.sc-sui-inplace,.sui-inplace-input.sc-sui-inplace,.sui-inplace-field.sc-sui-inplace::after{box-sizing:border-box;min-width:0;min-height:28px;padding:2px 8px;border:1px solid transparent;border-radius:var(--radius-md);font:inherit}.sui-inplace-text.sc-sui-inplace,.sui-inplace-field.sc-sui-inplace{margin:-3px -9px;max-width:calc(100% + 18px)}.sui-inplace-text.sc-sui-inplace{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ink);cursor:text;transition:background var(--duration-fast) var(--ease-out)}.sui-inplace-text.empty.sc-sui-inplace{color:var(--ink-placeholder)}.sui-inplace-text.sc-sui-inplace .value.sc-sui-inplace{min-width:0;max-width:100%;overflow-wrap:anywhere}.sui-inplace-text.locked.sc-sui-inplace{cursor:default}.sui-inplace-text.locked.sc-sui-inplace:hover{background:transparent}[disabled].sc-sui-inplace-h .sui-inplace-text.sc-sui-inplace{color:var(--disabled-ink);cursor:not-allowed}[disabled].sc-sui-inplace-h .sui-inplace-text.empty.sc-sui-inplace{color:var(--ink-placeholder)}.sui-inplace-text.sc-sui-inplace:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inplace-text.empty.sc-sui-inplace:not(.locked):hover{color:var(--ink-faint)}.sui-inplace-text.sc-sui-inplace:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inplace-text.sc-sui-inplace .sui-glyph.sc-sui-inplace{font-size:0.8em;color:var(--ink-faint);opacity:0.45;transition:opacity var(--duration-fast) var(--ease-out)}.sui-inplace-text.sc-sui-inplace:hover .sui-glyph.sc-sui-inplace{opacity:1}.sui-inplace-field.sc-sui-inplace{display:inline-grid;align-items:stretch}.sui-inplace-field.sc-sui-inplace::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;padding-inline-end:calc(16px + 0.8em)}.sui-inplace-input.sc-sui-inplace{grid-area:1 / 1;width:100%;margin:0;color:var(--ink)}.sui-inplace-input.sc-sui-inplace::placeholder{color:var(--ink-placeholder)}@media (forced-colors: active){.sui-inplace-text.sc-sui-inplace{border-style:none;padding:3px 9px}.sui-inplace-text.sc-sui-inplace .sui-glyph.sc-sui-inplace{opacity:1}}.sui-frame.sc-sui-inplace{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-inplace:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-inplace,.sui-frame.readonly.sc-sui-inplace{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-inplace:focus-within,.sui-frame.focus.sc-sui-inplace,.sui-frame.open.sc-sui-inplace{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-inplace{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-inplace:focus-within,.sui-frame.invalid.focus.sc-sui-inplace,.sui-frame.invalid.open.sc-sui-inplace{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-inplace:disabled,.sui-frame.disabled.sc-sui-inplace{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-inplace{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-inplace::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-inplace{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-inplace{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-inplace{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-inplace:focus-within,.sui-frame.focus.sc-sui-inplace,.sui-frame.open.sc-sui-inplace{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-inplace:disabled,.sui-frame.disabled.sc-sui-inplace{color:GrayText;border-color:GrayText}}"}},[514,"sui-inplace",{value:[1025],placeholder:[1],label:[1],name:[513],editing:[1540],disabled:[516],readOnly:[516,"readonly"],edit:[64],setFocus:[64]},void 0,{editing:[{onEditing:0}]}]),d=u,p=function(){"undefined"!=typeof customElements&&["sui-inplace"].forEach((i=>{"sui-inplace"===i&&(customElements.get(n(i))||customElements.define(n(i),u))}))};export{d as SuiInplace,p as defineCustomElement}

package/dist/components/sui-input-group-addon.js

@@ -1 +1 @@
-import{p as n,H as t,h as e,a as s,t as o}from"./p-DQ8DrIvI.js";const a=n(class extends t{constructor(n){super(),!1!==n&&this.__registerHost()}render(){return e(s,{key:"9c6c955aa8f342625371e845303b877a3c883a07"},e("slot",{key:"74c95fa3b70f163443293d424e285950b4a7988a"}))}static get style(){return".sc-sui-input-group-addon-h{display:flex;align-items:center;padding:0 12px;box-sizing:border-box;background:var(--sui-addon-bg, var(--surface-sunken));color:var(--ink-muted);font-family:var(--font-sans);font-size:13px;font-weight:550;white-space:nowrap}"}},[262,"sui-input-group-addon"]),r=a,u=function(){"undefined"!=typeof customElements&&["sui-input-group-addon"].forEach((n=>{"sui-input-group-addon"===n&&(customElements.get(o(n))||customElements.define(o(n),a))}))};export{r as SuiInputGroupAddon,u as defineCustomElement}
+import{p as e,H as n,h as t,a as s,t as o}from"./p-DQ8DrIvI.js";const a=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return t(s,{key:"342c69b3bb6d66a2eb1888a3eb7309eb4cc38847"},t("slot",{key:"73d4dc32aeb4f8c4c01eaee44a5ec63f470adc94"}))}static get style(){return".sc-sui-input-group-addon-h{display:flex;align-items:center;padding:0 12px;box-sizing:border-box;background:var(--sui-addon-bg, var(--surface-sunken));color:var(--ink-muted);font-family:var(--font-sans);font-size:13px;font-weight:550;white-space:nowrap}"}},[262,"sui-input-group-addon"]),r=a,u=function(){"undefined"!=typeof customElements&&["sui-input-group-addon"].forEach((e=>{"sui-input-group-addon"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))};export{r as SuiInputGroupAddon,u as defineCustomElement}

package/dist/components/sui-input-group.js

@@ -1 +1 @@
-import{SuiInputGroup as o,defineCustomElement as t}from"./p---GZLIzN.js";const e=o,p=t;export{e as SuiInputGroup,p as defineCustomElement}
+import{SuiInputGroup as o,defineCustomElement as t}from"./p--2LBOIan.js";const e=o,n=t;export{e as SuiInputGroup,n as defineCustomElement}