@shineuix/ssr 0.0.0-stage → 1.0.1

package/dist/components/sui-form-actions.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFormActions extends Components.SuiFormActions, HTMLElement {}
+export const SuiFormActions: {
+    prototype: SuiFormActions;
+    new (): SuiFormActions;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as s,H as i,c as a,h as t,a as r,t as e}from"./p-CeVlau-G.js";import{a as o}from"./p-BuyjS5bS.js";import{defineCustomElement as n}from"./p-DquILvXX.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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFormLayout extends Components.SuiFormLayout, HTMLElement {}
+export const SuiFormLayout: {
+    prototype: SuiFormLayout;
+    new (): SuiFormLayout;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as s,H as t,h as i,a,t as e}from"./p-CeVlau-G.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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiForm extends Components.SuiForm, HTMLElement {}
+export const SuiForm: {
+    prototype: SuiForm;
+    new (): SuiForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-form.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as n,a as e,t as r}from"./p-CeVlau-G.js";import{h as o}from"./p-B1-k9bVs.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(e,{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(r(t))||customElements.define(r(t),d))}))};export{l as SuiForm,m as defineCustomElement}

package/dist/components/sui-galleria.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiGalleria extends Components.SuiGalleria, HTMLElement {}
+export const SuiGalleria: {
+    prototype: SuiGalleria;
+    new (): SuiGalleria;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-galleria.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,f as a,h as e,a as r,t as l}from"./p-CeVlau-G.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-DuYxgKgU.js";import{o as u}from"./p-DpbLhd6d.js";import{m as d}from"./p-DW6x7zfX.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-BeYfX4rQ.js";import{M as C}from"./p-VFpQ6hXH.js";import{defineCustomElement as j}from"./p-BQJXtvhG.js";import{d as z}from"./p-b5Ks_pUg.js";import{r as D,o as E}from"./p-CZ4DDtn8.js";const A=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=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&&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=A,M=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{S as SuiGalleria,M as defineCustomElement}

package/dist/components/sui-icon-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiIconButton extends Components.SuiIconButton, HTMLElement {}
+export const SuiIconButton: {
+    prototype: SuiIconButton;
+    new (): SuiIconButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

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

package/dist/components/sui-icon-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiIconField extends Components.SuiIconField, HTMLElement {}
+export const SuiIconField: {
+    prototype: SuiIconField;
+    new (): SuiIconField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,h as o,t as n}from"./p-CeVlau-G.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-piEUki9n.js";import{G as m,a8 as b}from"./p-BeYfX4rQ.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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiIftaLabel extends Components.SuiIftaLabel, HTMLElement {}
+export const SuiIftaLabel: {
+    prototype: SuiIftaLabel;
+    new (): SuiIftaLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as i,H as s,c as a,h as e,t}from"./p-CeVlau-G.js";import{d as l,F as r}from"./p-piEUki9n.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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiImageCompare extends Components.SuiImageCompare, HTMLElement {}
+export const SuiImageCompare: {
+    prototype: SuiImageCompare;
+    new (): SuiImageCompare;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as e,H as i,c as a,h as s,a as t,t as r}from"./p-CeVlau-G.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-BeYfX4rQ.js";import{M as d}from"./p-VFpQ6hXH.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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiImage extends Components.SuiImage, HTMLElement {}
+export const SuiImage: {
+    prototype: SuiImage;
+    new (): SuiImage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-image.js

@@ -0,0 +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-CeVlau-G.js";import{d as n}from"./p-BHB1Wprj.js";import{o as c}from"./p-DpbLhd6d.js";import{m as l}from"./p-DW6x7zfX.js";import{u as h}from"./p-U06fVoGD.js";import{a as u,l as d}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-BeYfX4rQ.js";import{M as x}from"./p-VFpQ6hXH.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(p,{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(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(u(void 0,"image.zoomIn",void 0,"Zoom in"),m,(()=>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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiInplace extends Components.SuiInplace, HTMLElement {}
+export const SuiInplace: {
+    prototype: SuiInplace;
+    new (): SuiInplace;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-inplace.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,h as a,a as t,t as n}from"./p-CeVlau-G.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-BeYfX4rQ.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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiInputGroupAddon extends Components.SuiInputGroupAddon, HTMLElement {}
+export const SuiInputGroupAddon: {
+    prototype: SuiInputGroupAddon;
+    new (): SuiInputGroupAddon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as e,H as n,h as t,a as s,t as o}from"./p-CeVlau-G.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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiInputGroup extends Components.SuiInputGroup, HTMLElement {}
+export const SuiInputGroup: {
+    prototype: SuiInputGroup;
+    new (): SuiInputGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

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

package/dist/components/sui-input-mask.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiInputMask extends Components.SuiInputMask, HTMLElement {}
+export const SuiInputMask: {
+    prototype: SuiInputMask;
+    new (): SuiInputMask;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as s,H as i,c as t,h as e,t as a}from"./p-CeVlau-G.js";import{d as r,F as o}from"./p-piEUki9n.js";import{u as n}from"./p-U06fVoGD.js";import{i as u,d as l,s as h,a as d,r as c}from"./p-BHB1Wprj.js";import{a as m}from"./p-BM1Zzj1H.js";import{i as p,a as f}from"./p-wknHx00K.js";import{l as b}from"./p-BuyjS5bS.js";import{f as v}from"./p-CGWvlrv_.js";const k={9:/^[0-9]$/,a:/^[a-zA-Z]$/,"*":/^[a-zA-Z0-9]$/},g=s=>(s||"").replace(/[^a-zA-Z0-9]/g,""),y=s=>(s||"").split("?").join("");function x(s,i){let t="",e=0;for(let a=0;a<s.length&&e<i.length;a++){const r=s[a];if("?"===r)continue;const o=i[e],n=k[r];n?n.test(o)?(t+=o,e++):(e++,a--):t+=r}return t}const F=s=>s.split("").filter((s=>!!k[s])),w=s=>{const i=s.indexOf("?");return F(i<0?s:s.slice(0,i))},z=["sm","md","lg"],C=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiInput=t(this,"suiInput",7),this.suiChange=t(this,"suiChange",7),this.suiComplete=t(this,"suiComplete",7),this.suiFocus=t(this,"suiFocus",3),this.suiBlur=t(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;required=!1;help;error;size="md";invalid=!1;disabled=!1;mask="(999) 999-9999";placeholder;value="";name;unmask=!1;autoClear=!1;readOnly=!1;autocomplete;suiInput;suiChange;suiComplete;suiFocus;suiBlur;fieldId=n("sui-input-mask");input;initial="";wasComplete=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){u(this.host,this.internals),l(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=p(this.host,(s=>{this.hostLabel=s})),this.stopLabelledby?.(),this.stopLabelledby=f(this.host,(s=>{this.hostLabelledby=s}))}componentWillLoad(){this.value=x(this.mask,g(this.value)),this.initial=this.value,this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.()}onMask(){this.value=x(this.mask,g(this.value))}onValue(){const s=x(this.mask,g(this.value));s!==this.value&&(this.value=s)}componentDidRender(){this.syncForm()}syncForm(){h(this.internals,this.isDisabled?null:this.unmask?g(this.value):this.value);const s=!this.isDisabled&&!this.readOnly;if(s&&!this.error&&this.isPartial()){const s=y(this.mask),i=this.label?b(void 0,"input-mask.mismatch",void 0,"{field} must match {pattern}.",{field:this.label,pattern:s}):b(void 0,"input-mask.mismatchUnnamed",void 0,"This field must match {pattern}.",{pattern:s});d(this.internals,{patternMismatch:!0},i,this.input)}else c(this.internals,this.required&&s,!g(this.value),this.label,this.input,this.error)}isPartial(){const s=g(this.value),i=w(this.mask).length;return s.length>0&&i>0&&s.length<i}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(s){this.formDisabled=v(this.host,this.disabled,s),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}async getUnmasked(){return g(this.value)}slotAt(s){return g(s.value.slice(0,s.selectionStart??s.value.length)).length}caretFor(s,i){if(i<=0){const i=s.split("").findIndex((s=>/[a-zA-Z0-9]/.test(s)));return i<0?s.length:i}let t=0;for(let e=0;e<s.length;e++)if(/[a-zA-Z0-9]/.test(s[e])&&(t++,t===i))return e+1;return s.length}onKeyDown=s=>{if(s.ctrlKey||s.metaKey||s.altKey)return;const i=s.target;if(i.selectionStart!==i.selectionEnd)return;const t=F(this.mask),e=this.slotAt(i);if(g(i.value).length>=t.length&&1===s.key.length)return void s.preventDefault();const a=t[e];1!==s.key.length||a&&m(k[a],s.key)||s.preventDefault()};onInput=s=>{const i=s.target,t=this.slotAt(i),e=x(this.mask,g(i.value));if(i.value!==e){i.value=e;const s=this.caretFor(e,t);i.setSelectionRange?.(s,s)}this.value=e,this.suiInput.emit(this.value);const a=w(this.mask).length||F(this.mask).length,r=a>0&&g(e).length>=a;r&&!this.wasComplete&&this.suiComplete.emit(this.value),this.wasComplete=r};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.suiFocus.emit()};onBlur=()=>{this.autoClear&&this.isPartial()&&!this.isDisabled&&!this.readOnly&&(this.value="",this.input&&(this.input.value=""),this.wasComplete=!1,this.suiInput.emit(""),this.suiChange.emit("")),this.suiBlur.emit()};render(){const s=this.invalid||!!this.error,i=y(this.mask),t=this.placeholder||i.replace(/[9a*]/g,"_"),a=this.mask.includes("?"),n=a?this.mask.slice(0,this.mask.indexOf("?")):"",u=z.includes(this.size)?this.size:"md";return e(o,{key:"7ae81732110f63e53c55f5d25f2b7d6be76071ea",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("input",{key:"d3ed14244f1eba2e4590a039876f91488b023a5f",ref:s=>this.input=s,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,"sui-mask":!0,[u]:!0,invalid:s},type:"text",value:this.value,placeholder:t,maxLength:i.length,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete??"off","aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-describedby":[r(this.fieldId,this.help,this.error),this.fieldId+"-fmt"].filter(Boolean).join(" ")||null,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onInput:this.onInput,onChange:this.onChange}),e("span",{key:"bd610e4b2b15ac2e366ca1817a2f1b91dfb50e86",class:"sui-mask-fmt",id:this.fieldId+"-fmt"},a&&n?b(void 0,"input-mask.formatPartial",void 0,"Format: {pattern} ({part} required)",{pattern:i,part:n}):b(void 0,"input-mask.format",void 0,"Format: {pattern}",{pattern:i})))}static get formAssociated(){return!0}static get watchers(){return{mask:[{onMask:0}],value:[{onValue:0},{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],unmask:[{syncForm:0}]}}static get style(){return".sc-sui-input-mask-h{display:block;font-family:var(--font-sans)}.sui-input.sui-mask.sc-sui-input-mask{font-feature-settings:'tnum'}.sui-mask-fmt.sc-sui-input-mask{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sui-field.sc-sui-input-mask{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-input-mask{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-input-mask .sui-field-label.sc-sui-input-mask{color:var(--danger)}.sui-field-req.sc-sui-input-mask{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-input-mask{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-input-mask{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-input-mask .sui-glyph.sc-sui-input-mask{font-size:11px}.sui-frame.sc-sui-input-mask{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-input-mask:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-input-mask,.sui-frame.readonly.sc-sui-input-mask{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-input-mask:focus-within,.sui-frame.focus.sc-sui-input-mask,.sui-frame.open.sc-sui-input-mask{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-input-mask{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-input-mask:focus-within,.sui-frame.invalid.focus.sc-sui-input-mask,.sui-frame.invalid.open.sc-sui-input-mask{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-input-mask:disabled,.sui-frame.disabled.sc-sui-input-mask{--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-input-mask{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-input-mask::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-input-mask{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-input-mask{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-input-mask{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-input-mask:focus-within,.sui-frame.focus.sc-sui-input-mask,.sui-frame.open.sc-sui-input-mask{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-input-mask:disabled,.sui-frame.disabled.sc-sui-input-mask{color:GrayText;border-color:GrayText}}"}},[578,"sui-input-mask",{label:[1],required:[516],help:[1],error:[1],size:[513],invalid:[516],disabled:[516],mask:[1],placeholder:[1],value:[1025],name:[513],unmask:[516],autoClear:[516,"auto-clear"],readOnly:[516,"readonly"],autocomplete:[1],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],select:[64],setFocus:[64],getUnmasked:[64]},void 0,{mask:[{onMask:0}],value:[{onValue:0},{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],unmask:[{syncForm:0}]}]),j=C,B=function(){"undefined"!=typeof customElements&&["sui-input-mask"].forEach((s=>{"sui-input-mask"===s&&(customElements.get(a(s))||customElements.define(a(s),C))}))};export{j as SuiInputMask,B as defineCustomElement}

package/dist/components/sui-input-number.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiInputNumber extends Components.SuiInputNumber, HTMLElement {}
+export const SuiInputNumber: {
+    prototype: SuiInputNumber;
+    new (): SuiInputNumber;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{SuiInputNumber as e,defineCustomElement as t}from"./p-FKYMQPFB.js";const m=e,o=t;export{m as SuiInputNumber,o as defineCustomElement}

package/dist/components/sui-input-otp.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiInputOtp extends Components.SuiInputOtp, HTMLElement {}
+export const SuiInputOtp: {
+    prototype: SuiInputOtp;
+    new (): SuiInputOtp;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,h as e,t as o}from"./p-CeVlau-G.js";import{d as r,F as n}from"./p-piEUki9n.js";import{u as a}from"./p-U06fVoGD.js";import{a as u,l as h}from"./p-BuyjS5bS.js";import{i as l,d,s as p,r as c}from"./p-BHB1Wprj.js";import{i as f,a as m}from"./p-wknHx00K.js";import{f as b}from"./p-CGWvlrv_.js";const v=["sm","md","lg"],g=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=t(this,"suiInput",7),this.suiChange=t(this,"suiChange",7),this.suiComplete=t(this,"suiComplete",7),this.suiFocus=t(this,"suiFocus",3),this.suiBlur=t(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;length=6;size="md";invalid=!1;disabled=!1;readOnly=!1;masked=!1;alphanumeric=!1;value="";name;required=!1;suiInput;suiChange;suiComplete;suiFocus;suiBlur;cells=[];formDisabled=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;fieldId=a("sui-otp");inputs=[];initial="";internal=!1;committed="";get isDisabled(){return this.disabled||this.formDisabled}get len(){const i=Math.floor(Number(this.length));return Number.isFinite(i)&&i>0?i:6}connectedCallback(){l(this.host,this.internals),d(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=f(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=m(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.value=this.normalizeValue(this.value),this.initial=this.value,this.committed=this.value,this.cells=this.split(this.value),this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.()}onValue(){const i=this.normalizeValue(this.value);i===this.value?(this.internal||i===this.cells.join("")||(this.cells=this.split(i)),this.syncForm()):this.value=i}onLength(){this.value=this.normalizeValue(this.value),this.cells=this.split(this.value),this.syncForm()}syncForm(){p(this.internals,this.isDisabled?null:this.value),c(this.internals,this.required&&!this.isDisabled&&!this.readOnly,this.cells.some((i=>!i)),this.label,this.inputs[0],this.error)}componentDidRender(){this.syncForm()}formResetCallback(){this.value=this.initial,this.committed=this.initial,this.cells=this.split(this.initial),this.cells.forEach(((i,s)=>{const t=this.inputs[s];t&&(t.value=i)})),this.syncForm()}formDisabledCallback(i){this.formDisabled=b(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.focusTarget()?.focus()}focusTarget(){const i=this.cells.findIndex((i=>!i));return this.inputs[i>=0?i:this.len-1]}accept(i){return(i||"").replace(this.alphanumeric?/[^a-zA-Z0-9]/g:/\D/g,"")}normalizeValue(i){return this.accept(i).slice(0,this.len)}split(i){const s=this.normalizeValue(i);return Array.from({length:this.len},((i,t)=>s[t]||""))}focusAt(i){const s=this.inputs[Math.max(0,Math.min(this.len-1,i))];s&&(s.focus(),s.select?.())}update(i){this.cells=i;const s=i.join("");this.internal=!0,this.value=s,this.internal=!1,this.suiInput.emit(s),i.length>0&&i.every(Boolean)&&this.suiComplete.emit(s)}commit(){this.value!==this.committed&&(this.committed=this.value,this.suiChange.emit(this.value))}onFocusIn=i=>{const s=i.relatedTarget;s&&this.host.contains(s)||this.suiFocus.emit()};onFocusOut=i=>{const s=i.relatedTarget;s&&this.host.contains(s)||(this.commit(),this.suiBlur.emit())};onInput=i=>s=>{const t=s.target;if(this.readOnly)return void(t.value=this.cells[i]);const e=this.accept(t.value),o=this.cells.slice();if(e.length>1){for(let s=0;s<e.length&&i+s<this.len;s++)o[i+s]=e[s];return t.value=o[i],this.update(o),void this.focusAt(Math.min(this.len-1,i+e.length))}o[i]=e.slice(-1),t.value=o[i],o[i]!==this.cells[i]&&(this.update(o),o[i]&&i<this.len-1&&this.focusAt(i+1))};onKeyDown=i=>s=>{if("Enter"!==s.key)if("Backspace"===s.key&&this.readOnly)s.preventDefault();else if(1!==s.key.length||s.ctrlKey||s.metaKey||s.altKey||this.readOnly)if("Backspace"===s.key&&!this.cells[i]&&i>0){s.preventDefault();const t=this.cells.slice();t[i-1]="";const e=this.inputs[i-1];e&&(e.value=""),this.update(t),this.focusAt(i-1)}else"ArrowLeft"===s.key&&i>0?(s.preventDefault(),this.focusAt(i-1)):"ArrowRight"===s.key&&i<this.len-1?(s.preventDefault(),this.focusAt(i+1)):"Home"===s.key?(s.preventDefault(),this.focusAt(0)):"End"===s.key&&(s.preventDefault(),this.focusAt(this.len-1));else{const i=s.target;this.accept(s.key)?i.value&&i.selectionStart===i.selectionEnd&&i.select?.():s.preventDefault()}else this.commit()};onPaste=i=>s=>{if(this.readOnly)return void s.preventDefault();const t=s.clipboardData?.getData("text")||"",e=this.accept(t);if(!e)return;s.preventDefault();const o=this.cells.slice();for(let s=0;s<e.length&&i+s<this.len;s++)o[i+s]=e[s];this.update(o),this.focusAt(Math.min(this.len-1,i+e.length))};onFocus=i=>{i.target.select?.()};render(){const i=this.invalid||!!this.error,s=r(this.fieldId,this.help,this.error),t=v.includes(this.size)?this.size:"md";return this.inputs=[],e(n,{key:"4a38d4d02878508e04adb11aab037fd4b9e9833e",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId+"-1",descId:this.fieldId},e("div",{key:"94688e0bbcb8ca424c70856bdb84d09025ba0a3d",class:{"sui-otp":!0,[t]:!0},role:"group","aria-label":this.label||this.hostLabel||(this.hostLabelledby?void 0:u(void 0,"input-otp.oneTimeCode",void 0,"One-time code")),"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-describedby":s,"aria-invalid":i?"true":null,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut},this.cells.map(((o,r)=>e("input",{key:r,id:0===r?this.fieldId+"-1":void 0,ref:i=>{i&&(this.inputs[r]=i)},class:{"sui-input":!0,"sui-frame":!0,cell:!0,[t]:!0,invalid:i},type:this.masked?"password":"text",inputMode:this.alphanumeric?"text":"numeric",autocomplete:0===r?"one-time-code":"off",maxLength:1,value:o,disabled:this.isDisabled,readOnly:this.readOnly,"aria-label":this.alphanumeric?h(void 0,"input-otp.character",void 0,"Character {n}",{n:r+1}):h(void 0,"input-otp.digit",void 0,"Digit {n}",{n:r+1}),"aria-invalid":i?"true":null,"aria-describedby":s,onFocus:this.onFocus,onInput:this.onInput(r),onKeyDown:this.onKeyDown(r),onPaste:this.onPaste(r)})))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValue:0}],length:[{onLength:0}],alphanumeric:[{onLength:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}]}}static get style(){return".sc-sui-input-otp-h{display:block;font-family:var(--font-sans)}.sui-otp.sc-sui-input-otp{display:flex;flex-wrap:wrap;gap:10px;direction:ltr}.sc-sui-input-otp-h:dir(rtl) .sui-otp.sc-sui-input-otp{justify-content:flex-end}.sui-otp.sm.sc-sui-input-otp{gap:8px}.sui-input.cell.sc-sui-input-otp{width:48px;height:56px;padding:0;text-align:center;font-size:22px;font-weight:700;font-feature-settings:'tnum';caret-color:var(--focus-ring)}.sui-input.cell.sm.sc-sui-input-otp{width:36px;height:40px;padding:0;font-size:16px}.sui-input.cell.md.sc-sui-input-otp{width:42px;height:48px;padding:0;font-size:18px}.sui-input.cell.lg.sc-sui-input-otp{width:48px;height:56px;padding:0;font-size:22px}.sui-field.sc-sui-input-otp{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-input-otp{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-input-otp .sui-field-label.sc-sui-input-otp{color:var(--danger)}.sui-field-req.sc-sui-input-otp{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-input-otp{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-input-otp{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-input-otp .sui-glyph.sc-sui-input-otp{font-size:11px}.sui-frame.sc-sui-input-otp{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-input-otp:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-input-otp,.sui-frame.readonly.sc-sui-input-otp{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-input-otp:focus-within,.sui-frame.focus.sc-sui-input-otp,.sui-frame.open.sc-sui-input-otp{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-input-otp{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-input-otp:focus-within,.sui-frame.invalid.focus.sc-sui-input-otp,.sui-frame.invalid.open.sc-sui-input-otp{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-input-otp:disabled,.sui-frame.disabled.sc-sui-input-otp{--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-input-otp{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-input-otp::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-input-otp{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-input-otp{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-input-otp{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-input-otp:focus-within,.sui-frame.focus.sc-sui-input-otp,.sui-frame.open.sc-sui-input-otp{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-input-otp:disabled,.sui-frame.disabled.sc-sui-input-otp{color:GrayText;border-color:GrayText}}"}},[578,"sui-input-otp",{label:[1],help:[1],error:[1],length:[2],size:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],masked:[516],alphanumeric:[516],value:[1025],name:[513],required:[516],cells:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],setFocus:[64]},void 0,{value:[{onValue:0}],length:[{onLength:0}],alphanumeric:[{onLength:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}]}]),x=g,y=function(){"undefined"!=typeof customElements&&["sui-input-otp"].forEach((i=>{"sui-input-otp"===i&&(customElements.get(o(i))||customElements.define(o(i),g))}))};export{x as SuiInputOtp,y as defineCustomElement}

package/dist/components/sui-input-tags.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiInputTags extends Components.SuiInputTags, HTMLElement {}
+export const SuiInputTags: {
+    prototype: SuiInputTags;
+    new (): SuiInputTags;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,h as e,t as a}from"./p-CeVlau-G.js";import{d as r,F as o}from"./p-piEUki9n.js";import{u as n}from"./p-U06fVoGD.js";import{i as u,d as l,s as d,r as h}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{m as c}from"./p-BE4gZZNA.js";import{l as f,k as g}from"./p-M0fYQCIv.js";import{l as m,a as b}from"./p-BuyjS5bS.js";import{i as v,a as x}from"./p-wknHx00K.js";import{d as y}from"./p-mEOcDy5S.js";const k=["sm","md","lg"],w=i=>"string"==typeof i?i:i?.label??"",F=i=>"string"==typeof i?i:g(i?.value),z=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=t(this,"suiChange",7),this.suiInput=t(this,"suiInput",7),this.suiFocus=t(this,"suiFocus",3),this.suiBlur=t(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;value=[];placeholder;size="md";disabled=!1;readOnly=!1;invalid=!1;max;required=!1;separator=",";name;suiChange;suiInput;suiFocus;suiBlur;text="";announce="";formDisabled=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;fieldId=n("sui-input-tags");input;initial=[];get tags(){return f(this.value,this.host,"value")}get isDisabled(){return this.disabled||this.formDisabled}get sep(){return"string"==typeof this.separator&&this.separator.length>0?this.separator:","}get cap(){return"number"==typeof this.max&&Number.isFinite(this.max)&&this.max>0?Math.floor(this.max):void 0}connectedCallback(){u(this.host,this.internals),l(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=v(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=x(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=[...this.tags],this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.()}syncForm(){const i=this.tags,s=this.isDisabled,t=i.map(F);d(this.internals,s?null:c(this.name,t)??(t.length?t.join(this.sep):null)),h(this.internals,this.required&&!s&&!this.readOnly,0===i.length,this.label,this.input,this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=[...this.initial],this.text="",this.syncForm()}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.input?.focus()}setValue(i){this.value=i,this.suiChange.emit(i)}commit(i){if(this.readOnly)return;const s=this.text.split(this.sep),t=i?"":s.pop()??"",e=this.tags.slice();let a=!1;for(const i of s){const s=i.trim();s&&(e.some((i=>F(i)===s))?this.announce=m(void 0,"input-tags.alreadyListed",void 0,"{value} is already in the list.",{value:s}):this.cap&&e.length>=this.cap?this.announce=m(void 0,"input-tags.limitReached",void 0,"Limit of {n} reached.",{n:this.cap+""}):(e.push(s),this.announce=m(void 0,"input-tags.added",void 0,"{value} added.",{value:s}),a=!0))}a&&this.setValue(e),this.text!==t&&(this.text=t,this.suiInput.emit(t))}removeAt(i){if(this.isDisabled||this.readOnly)return;const s=this.tags.slice(),[t]=s.splice(i,1);this.announce=m(void 0,"input-tags.removed",void 0,"{value} removed.",{value:w(t)}),this.setValue(s),this.input?.focus()}onInput=i=>{const s=i.target.value;this.readOnly?i.target.value=this.text:(this.text=s,this.suiInput.emit(s),s.includes(this.sep)&&this.commit(!1))};onKeyDown=i=>{"Enter"===i.key?(i.preventDefault(),this.commit(!0)):"Backspace"===i.key&&!this.text&&this.tags.length&&this.removeAt(this.tags.length-1)};onFocus=()=>{this.suiFocus.emit()};onBlur=()=>{this.commit(!0),this.suiBlur.emit()};onBoxClick=i=>{this.isDisabled||i.target.closest("sui-chip")||this.input?.focus()};render(){const i=this.tags,s=this.invalid||!!this.error,t=k.includes(this.size)?this.size:"md";return e(o,{key:"d47747f7afa14cfab2cf33ae2364b10979f5fc0f",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("div",{key:"af16da6c8c9178d5509bbf13a8d626b65df1659d",class:{"sui-input":!0,"sui-frame":!0,"sui-chip-box":!0,box:!0,[t]:!0,invalid:s,disabled:this.isDisabled,readonly:this.readOnly},role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-disabled":this.isDisabled?"true":null,onClick:this.onBoxClick},i.length?e("span",{class:"sui-chips chips",role:"list"},i.map(((i,s)=>e("span",{role:"listitem",key:s},e("sui-chip",{size:"sm",label:w(i),removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:i=>{i.stopPropagation(),this.removeAt(s)}}))))):null,e("span",{key:"4edc0c44231dc20f23ea8dfc26b6c1d0ed444748",class:"sr-status",role:"status","aria-live":"polite"},this.announce),e("input",{key:"6678c027370d348a2ef4f07cd48a3a0316a62052",ref:i=>this.input=i,class:"entry",id:this.fieldId,type:"text",value:this.text,disabled:this.isDisabled,readOnly:this.readOnly,placeholder:0===i.length?b(void 0,"input-tags.placeholder",this.placeholder,"Type and press Enter"):"",autocomplete:"off","aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-required":this.required?"true":null,"aria-describedby":r(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onKeyDown:this.onKeyDown})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return'.sc-sui-input-tags-h{display:block;font-family:var(--font-sans);min-inline-size:min(180px, 100%)}.sr-status.sc-sui-input-tags{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-input-tags{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-input-tags{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-input-tags .sui-field-label.sc-sui-input-tags{color:var(--danger)}.sui-field-req.sc-sui-input-tags{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-input-tags{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-input-tags{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-input-tags .sui-glyph.sc-sui-input-tags{font-size:11px}.sui-frame.sc-sui-input-tags{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-input-tags:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-input-tags,.sui-frame.readonly.sc-sui-input-tags{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-input-tags:focus-within,.sui-frame.focus.sc-sui-input-tags,.sui-frame.open.sc-sui-input-tags{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-input-tags{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-input-tags:focus-within,.sui-frame.invalid.focus.sc-sui-input-tags,.sui-frame.invalid.open.sc-sui-input-tags{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-input-tags:disabled,.sui-frame.disabled.sc-sui-input-tags{--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-input-tags{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-input-tags::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-input-tags{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-input-tags{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-input-tags{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-input-tags:focus-within,.sui-frame.focus.sc-sui-input-tags,.sui-frame.open.sc-sui-input-tags{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-input-tags:disabled,.sui-frame.disabled.sc-sui-input-tags{color:GrayText;border-color:GrayText}}.sui-chip-box.sc-sui-input-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;cursor:text}.sui-chip-box.disabled.sc-sui-input-tags{cursor:not-allowed}.sui-chip-box.readonly.sc-sui-input-tags:not(.disabled){cursor:default}.sui-input.sui-chip-box.sm.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding:2px 6px;gap:4px;font-size:12.5px}.sui-input.sui-chip-box.md.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-md));padding:3px 8px;font-size:13px}.sui-input.sui-chip-box.lg.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-lg));padding:5px 8px;font-size:13px}.sui-chips.sc-sui-input-tags{display:contents}.sui-chips.sc-sui-input-tags>[role="listitem"].sc-sui-input-tags{display:inline-flex;min-width:0;max-width:100%}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags{flex:1;width:0;min-width:90px;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;padding:3px 2px;margin:0}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:focus-visible{outline:none}.sui-chip-box.sm.sc-sui-input-tags .entry.sc-sui-input-tags{font-size:12.5px;padding:1px 2px}.sui-chip-box.md.sc-sui-input-tags .entry.sc-sui-input-tags{padding:2px 2px}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags::placeholder{color:var(--ink-placeholder)}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:disabled::placeholder{color:var(--ink-placeholder)}'}},[578,"sui-input-tags",{label:[1],help:[1],error:[1],value:[1040],placeholder:[1],size:[513],disabled:[516],readOnly:[516,"readonly"],invalid:[516],max:[2],required:[516],separator:[1],name:[513],text:[32],announce:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),j=z,C=function(){"undefined"!=typeof customElements&&["sui-input-tags","sui-chip"].forEach((i=>{switch(i){case"sui-input-tags":customElements.get(a(i))||customElements.define(a(i),z);break;case"sui-chip":customElements.get(a(i))||y()}}))};export{j as SuiInputTags,C as defineCustomElement}

package/dist/components/sui-input-text.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiInputText extends Components.SuiInputText, HTMLElement {}
+export const SuiInputText: {
+    prototype: SuiInputText;
+    new (): SuiInputText;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{SuiInputText as t,defineCustomElement as e}from"./p-B3hr5-fa.js";const o=t,s=e;export{o as SuiInputText,s as defineCustomElement}

package/dist/components/sui-kbd.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiKbd extends Components.SuiKbd, HTMLElement {}
+export const SuiKbd: {
+    prototype: SuiKbd;
+    new (): SuiKbd;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-kbd.js

@@ -0,0 +1 @@
+import{p as e,H as s,h as i,a as r,t as n}from"./p-CeVlau-G.js";const t=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}size="md";tone;quiet=!1;render(){return i(r,{key:"fc8f631a3edfd62da8a344b7917d6dc802908637"},i("kbd",{key:"49ed337f6689d9d514e0afaa8792daaaf87e9a24",class:{"sui-kbd":!0,["sm"===this.size?"sm":"md"]:!0,inverse:"inverse"===this.tone,quiet:this.quiet}},i("slot",{key:"b4d6fca2187b88620985ff69074151729b8fb761"})))}static get style(){return".sc-sui-kbd-h{display:inline-flex;vertical-align:middle;flex-shrink:0;font-family:var(--font-sans);user-select:none}.sui-kbd.sc-sui-kbd{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--font-mono);font-weight:var(--w-semibold);font-feature-settings:'tnum';line-height:1;white-space:nowrap;color:var(--ink-muted);background:var(--surface-sunken);border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:var(--radius-xs)}.sui-kbd.md.sc-sui-kbd{min-width:20px;height:20px;padding:0 6px;font-size:11px}.sui-kbd.sm.sc-sui-kbd{min-width:18px;height:18px;padding:0 5px;font-size:11px}.sui-kbd.quiet.sc-sui-kbd{color:var(--ink-muted);background:transparent;border-color:var(--border)}.sui-kbd.inverse.sc-sui-kbd{color:var(--ink-inverse-muted);background:var(--surface-navy-deep);border-color:var(--border-inverse)}.sui-kbd.inverse.quiet.sc-sui-kbd{color:var(--ink-inverse-faint);background:transparent}"}},[774,"sui-kbd",{size:[513],tone:[513],quiet:[516]}]),d=t,o=function(){"undefined"!=typeof customElements&&["sui-kbd"].forEach((e=>{"sui-kbd"===e&&(customElements.get(n(e))||customElements.define(n(e),t))}))};export{d as SuiKbd,o as defineCustomElement}

package/dist/components/sui-knob.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiKnob extends Components.SuiKnob, HTMLElement {}
+export const SuiKnob: {
+    prototype: SuiKnob;
+    new (): SuiKnob;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-knob.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,h as t,t as n}from"./p-CeVlau-G.js";import{d as o,F as a}from"./p-piEUki9n.js";import{i as r}from"./p-GAnFXayY.js";import{a as d}from"./p-BuyjS5bS.js";import{u as l}from"./p-U06fVoGD.js";import{i as c,d as u,s as h,r as b}from"./p-BHB1Wprj.js";import{b as g,c as f}from"./p-qut9RP2y.js";import{f as k}from"./p-CGWvlrv_.js";const m=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiChange=e(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;required=!1;min=0;max=100;step=1;value=50;diameter=84;disabled=!1;readOnly=!1;format;name;suiInput;suiChange;dragging=!1;formDisabled=!1;fieldId=l("sui-knob");dial;drag;initial=50;async setFocus(){this.dial?.focus()}connectedCallback(){c(this.host,this.internals),u(this.host,(()=>this.dial))}componentWillLoad(){this.initial=this.value,this.syncForm()}disconnectedCallback(){this.stopDrag(!1)}componentDidRender(){this.syncForm()}syncForm(){h(this.internals,this.isDisabled?null:this.empty?"":this.num+""),b(this.internals,this.required&&!this.isDisabled&&!this.readOnly,this.empty,this.label,this.dial,this.error)}get empty(){const i=this.value;return null==i||""===i||Number.isNaN(Number(i))}get num(){return this.empty?this.min:Number(this.value)}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=this.initial}formDisabledCallback(i){this.formDisabled=k(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get isInert(){return this.isDisabled||this.readOnly}fmt(i){return this.format?this.format(i):g(i)}snap(i){const s=this.step>0?this.step:1,e=((s+"").split(".")[1]||"").length;return f(Number((this.min+Math.round((i-this.min)/s)*s).toFixed(e)),this.min,this.max)}set(i){const s=this.snap(i);return s!==this.value&&(this.value=s,!0)}onMove=i=>{this.drag&&this.set(this.drag.v+(this.max-this.min)/150*(this.drag.y-i.clientY))&&this.suiInput.emit(this.num)};onUp=()=>this.stopDrag(!0);onDown=i=>{this.isInert||(i.preventDefault(),this.drag={y:i.clientY,v:this.num},this.dragging=!0,this.dial?.focus(),document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp))};stopDrag(i){"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),this.drag&&(this.drag=void 0,this.dragging=!1,i&&this.suiChange.emit(this.num))}onKeyDown=i=>{if(this.isInert)return;const s=this.step>0?this.step:1,e=r(this.host);let t;switch("ArrowRight"===i.key?e?"ArrowLeft":"ArrowRight":"ArrowLeft"===i.key?e?"ArrowRight":"ArrowLeft":i.key){case"ArrowUp":case"ArrowRight":t=this.num+s;break;case"ArrowDown":case"ArrowLeft":t=this.num-s;break;case"PageUp":t=this.num+10*s;break;case"PageDown":t=this.num-10*s;break;case"Home":t=this.min;break;case"End":t=this.max;break;default:return}i.preventDefault(),this.set(t)&&(this.suiInput.emit(this.num),this.suiChange.emit(this.num))};render(){const i=this.max-this.min,s=this.empty,e=270*(i>0?f((this.num-this.min)/i,0,1):0),n=Math.max(0,this.diameter);return t(a,{key:"768fb33418aeae58b820e1859f69bfc2e4b969d6",help:this.help,error:this.error,descId:this.fieldId},t("div",{key:"336ec1f6e86e691293c1476c4f98884940168e31",class:{"sui-knob":!0,disabled:this.isDisabled,"read-only":this.readOnly,invalid:!!this.error,dragging:this.dragging,empty:s}},t("div",{key:"c29eb2466e9a7809581a43979b1cf2a7a1aa4257",ref:i=>this.dial=i,class:"dial",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":this.label||void 0,"aria-valuenow":this.num,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuetext":s?d(void 0,"knob.noValue",void 0,"No value"):this.fmt(this.num),"aria-orientation":"vertical","aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":o(this.fieldId,this.help,this.error),style:{width:n+"px",height:n+"px","--sui-knob-deg":e+"deg"},onPointerDown:this.onDown,onKeyDown:this.onKeyDown},t("div",{key:"90c03c06a2a77109b530425e38a986afaa8015dd",class:"face",style:{width:Math.max(0,n-22)+"px",height:Math.max(0,n-22)+"px",fontSize:n/4.4+"px"}},s?null:t("span",{class:"figure"},this.fmt(this.num)))),this.label?t("span",{class:"label"},this.label,this.required?t("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}]}}static get style(){return".sc-sui-knob-h{display:inline-block;font-family:var(--font-sans)}.sui-field.sc-sui-knob{align-items:center}.sui-knob.sc-sui-knob{display:inline-flex;flex-direction:column;align-items:center;gap:8px}.dial.sc-sui-knob{--sui-knob-deg:0deg;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(from 225deg, var(--brand) 0deg var(--sui-knob-deg), var(--brand-soft) var(--sui-knob-deg) 270deg, transparent 270deg 360deg);cursor:ns-resize;user-select:none;touch-action:none}.sui-knob.sc-sui-knob:not(.disabled):not(.read-only) .dial.sc-sui-knob:hover:not(:focus-visible){box-shadow:0 0 0 6px var(--surface-hover)}.sui-knob.dragging.sc-sui-knob:not(.disabled):not(.read-only) .dial.sc-sui-knob:not(:focus-visible),.sui-knob.sc-sui-knob:not(.disabled):not(.read-only) .dial.sc-sui-knob:active:not(:focus-visible){box-shadow:0 0 0 6px var(--surface-pressed)}.dial.sc-sui-knob:focus{outline:none}.dial.sc-sui-knob:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-knob:not(.disabled) .dial.sc-sui-knob{background:conic-gradient(from 225deg, var(--danger) 0deg var(--sui-knob-deg), var(--danger-soft) var(--sui-knob-deg) 270deg, transparent 270deg 360deg)}.invalid.sc-sui-knob .dial.sc-sui-knob:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.disabled.sc-sui-knob .dial.sc-sui-knob,.read-only.sc-sui-knob .dial.sc-sui-knob{cursor:default}.disabled.sc-sui-knob .dial.sc-sui-knob{background:conic-gradient(from 225deg, var(--border-strong) 0deg var(--sui-knob-deg), var(--brand-soft) var(--sui-knob-deg) 270deg, transparent 270deg 360deg)}.face.sc-sui-knob{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;background:var(--surface);border:1px solid var(--hairline);font-family:var(--font-sans);font-weight:730;font-feature-settings:'tnum';color:var(--ink);line-height:1}.disabled.sc-sui-knob .face.sc-sui-knob{color:var(--disabled-ink)}.figure.sc-sui-knob{direction:ltr;unicode-bidi:plaintext}.label.sc-sui-knob{font-size:12px;font-weight:620;color:var(--ink-muted)}@media (forced-colors: active){.dial.sc-sui-knob,.invalid.sc-sui-knob:not(.disabled) .dial.sc-sui-knob{forced-color-adjust:none;background:conic-gradient(from 225deg, Highlight 0deg var(--sui-knob-deg), CanvasText var(--sui-knob-deg) 270deg, transparent 270deg 360deg)}.dial.sc-sui-knob:focus-visible{outline-color:Highlight;box-shadow:none}.face.sc-sui-knob{forced-color-adjust:auto}.disabled.sc-sui-knob .dial.sc-sui-knob{background:conic-gradient(from 225deg, GrayText 0deg var(--sui-knob-deg), Canvas var(--sui-knob-deg) 270deg, transparent 270deg 360deg)}.disabled.sc-sui-knob .face.sc-sui-knob{border-color:GrayText;color:GrayText}.disabled.sc-sui-knob .label.sc-sui-knob{color:GrayText}}.sui-field.sc-sui-knob{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-knob{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-knob .sui-field-label.sc-sui-knob{color:var(--danger)}.sui-field-req.sc-sui-knob{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-knob{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-knob{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-knob .sui-glyph.sc-sui-knob{font-size:11px}"}},[578,"sui-knob",{label:[1],help:[1],error:[1],required:[516],min:[2],max:[2],step:[2],value:[1026],diameter:[2],disabled:[516],readOnly:[516,"readonly"],format:[16],name:[513],dragging:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}]}]),p=m,v=function(){"undefined"!=typeof customElements&&["sui-knob"].forEach((i=>{"sui-knob"===i&&(customElements.get(n(i))||customElements.define(n(i),m))}))};export{p as SuiKnob,v as defineCustomElement}