@solid-design-system/components 3.23.0 → 3.23.1

package/dist/components/es/dropdown.js

@@ -1 +1 @@
-import{S as e,L as t,x as n,t as i,c as o,i as s,e as a,n as r,a as d}from"./solid-components2.js";import{s as l,a as p}from"./animate.js";import{g as h,s as c}from"./animation-registry.js";import{g as u}from"./tabbable.js";import{s as m}from"./scroll.js";import{w as g}from"./event.js";import{w}from"./watch.js";var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,f=(e,t,n,i)=>{for(var o,s=i>1?void 0:i?v(t,n):t,a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i?o(t,n,s):o(s))||s);return i&&s&&y(t,n,s),s};let b=class extends e{constructor(){super(...arguments),this.localize=new t(this),this.open=!1,this.rounded=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.noAutoSize=!1,this.noFlip=!1,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){const e=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof(null==e?void 0:e.focus)&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((e=>"sd-menu"===e.tagName.toLowerCase()))}handleKeyDown(e){this.open&&"Escape"===e.key&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){var t;if("Tab"===e.key){if(this.open&&"sd-menu-item"===(null==(t=document.activeElement)?void 0:t.tagName.toLowerCase()))return e.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var e,t,n,i,o,s,a,r,d,l,p,h;const c=(null==(o=null==(i=null==(n=null==(t=null==(e=document.activeElement)?void 0:e.shadowRoot)?void 0:t.activeElement)?void 0:n.shadowRoot)?void 0:i.activeElement)?void 0:o.getRootNode())instanceof ShadowRoot?null==(d=null==(r=null==(a=null==(s=document.activeElement)?void 0:s.shadowRoot)?void 0:a.activeElement)?void 0:r.shadowRoot)?void 0:d.activeElement:(null==(l=this.containingElement)?void 0:l.getRootNode())instanceof ShadowRoot?null==(h=null==(p=document.activeElement)?void 0:p.shadowRoot)?void 0:h.activeElement:document.activeElement;(!this.containingElement||(null==c?void 0:c.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()}))}}handleDocumentMouseDown(e){const t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(e){const t=e.target;m(t,this.panel)}handlePanelSelect(e){const t=e.target;!this.stayOpenOnSelect&&"sd-menu"===t.tagName.toLowerCase()&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(e){if("Escape"===e.key&&this.open)return e.stopPropagation(),this.focusOnTrigger(),void this.hide();if([" ","Enter"].includes(e.key))return e.preventDefault(),void this.handleTriggerClick();const t=this.getMenu();if(t){const n=t.defaultSlot.assignedElements({flatten:!0}),i=n[0],o=n[n.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||this.show(),n.length>0&&requestAnimationFrame((()=>{("ArrowDown"===e.key||"Home"===e.key)&&(t.setCurrentItem(i),i.focus()),("ArrowUp"===e.key||"End"===e.key)&&(t.setCurrentItem(o),o.focus())})))}}handleTriggerKeyUp(e){" "===e.key&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const e=this.trigger.assignedElements({flatten:!0}).find((e=>u(e).start));let t;if(e){switch(e.tagName.toLowerCase()){case"sd-button":case"sd-icon-button":t=e.button;break;default:t=e}t.setAttribute("aria-haspopup","true"),t.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await l(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:e,options:t}=h(this,"dropdown.show",{dir:this.localize.dir()});await p(this.popup.popup,e,t),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await l(this);const{keyframes:e,options:t}=h(this,"dropdown.hide",{dir:this.localize.dir()});await p(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return n`<sd-popup part="base" id="dropdown" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10" ?active="${this.open}"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${i("shadow bg-white",this.open?"block pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-popup>`}};b.styles=[e.styles,o,s`:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:right}#dropdown[data-current-placement^=right]::part(popup){transform-origin:left}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],f([a("#dropdown")],b.prototype,"popup",2),f([a("[part=trigger]")],b.prototype,"trigger",2),f([a("[part=panel]")],b.prototype,"panel",2),f([r({type:Boolean,reflect:!0})],b.prototype,"open",2),f([r({type:Boolean,reflect:!0})],b.prototype,"rounded",2),f([r({reflect:!0})],b.prototype,"placement",2),f([r({type:Boolean,reflect:!0})],b.prototype,"disabled",2),f([r({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],b.prototype,"stayOpenOnSelect",2),f([r({attribute:!1})],b.prototype,"containingElement",2),f([r({type:Number})],b.prototype,"distance",2),f([r({type:Number})],b.prototype,"skidding",2),f([r({type:Boolean,reflect:!0,attribute:"no-auto-size"})],b.prototype,"noAutoSize",2),f([r({type:Boolean,reflect:!0,attribute:"no-flip"})],b.prototype,"noFlip",2),f([r({type:Boolean})],b.prototype,"hoist",2),f([w("open",{waitUntilFirstUpdate:!0})],b.prototype,"handleOpenChange",1),b=f([d("sd-dropdown")],b),c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{b as default};
+import{S as e,L as t,x as n,t as i,c as o,i as s,e as a,n as r,a as d}from"./solid-components2.js";import{s as l,a as h}from"./animate.js";import{g as p,s as c}from"./animation-registry.js";import{g as u}from"./tabbable.js";import{s as m}from"./scroll.js";import{w as g}from"./event.js";import{w}from"./watch.js";var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,f=(e,t,n,i)=>{for(var o,s=i>1?void 0:i?v(t,n):t,a=e.length-1;a>=0;a--)(o=e[a])&&(s=(i?o(t,n,s):o(s))||s);return i&&s&&y(t,n,s),s};let b=class extends e{constructor(){super(...arguments),this.localize=new t(this),this.open=!1,this.rounded=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.noAutoSize=!1,this.noFlip=!1,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}getAccessibleTrigger(){const e=this.trigger.assignedElements({flatten:!0}).find((e=>u(e).start));let t=null;if(e)switch(e.tagName.toLowerCase()){case"sd-button":case"sd-icon-button":case"sd-navigation-item":t=e.button;break;default:t=e}return t}updateAccessibleTrigger(){const e=this.getAccessibleTrigger();e&&(e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false"))}focusOnTrigger(){const e=this.getAccessibleTrigger();"function"==typeof(null==e?void 0:e.focus)&&e.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((e=>"sd-menu"===e.tagName.toLowerCase()))}handleKeyDown(e){this.open&&"Escape"===e.key&&(e.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(e){var t;if("Tab"===e.key){if(this.open&&"sd-menu-item"===(null==(t=document.activeElement)?void 0:t.tagName.toLowerCase()))return e.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var e,t,n,i,o,s,a,r,d,l,h,p;const c=(null==(o=null==(i=null==(n=null==(t=null==(e=document.activeElement)?void 0:e.shadowRoot)?void 0:t.activeElement)?void 0:n.shadowRoot)?void 0:i.activeElement)?void 0:o.getRootNode())instanceof ShadowRoot?null==(d=null==(r=null==(a=null==(s=document.activeElement)?void 0:s.shadowRoot)?void 0:a.activeElement)?void 0:r.shadowRoot)?void 0:d.activeElement:(null==(l=this.containingElement)?void 0:l.getRootNode())instanceof ShadowRoot?null==(p=null==(h=document.activeElement)?void 0:h.shadowRoot)?void 0:p.activeElement:document.activeElement;(!this.containingElement||(null==c?void 0:c.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()}))}}handleDocumentMouseDown(e){const t=e.composedPath();this.containingElement&&!t.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(e){const t=e.target;m(t,this.panel)}handlePanelSelect(e){const t=e.target;!this.stayOpenOnSelect&&"sd-menu"===t.tagName.toLowerCase()&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(e){if("Escape"===e.key&&this.open)return e.stopPropagation(),this.focusOnTrigger(),void this.hide();if([" ","Enter"].includes(e.key))return e.preventDefault(),void this.handleTriggerClick();const t=this.getMenu();if(t){const n=t.defaultSlot.assignedElements({flatten:!0}),i=n[0],o=n[n.length-1];["ArrowDown","ArrowUp","Home","End"].includes(e.key)&&(e.preventDefault(),this.open||this.show(),n.length>0&&requestAnimationFrame((()=>{("ArrowDown"===e.key||"Home"===e.key)&&(t.setCurrentItem(i),i.focus()),("ArrowUp"===e.key||"End"===e.key)&&(t.setCurrentItem(o),o.focus())})))}}handleTriggerKeyUp(e){" "===e.key&&e.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await l(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:e,options:t}=p(this,"dropdown.show",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await l(this);const{keyframes:e,options:t}=p(this,"dropdown.hide",{dir:this.localize.dir()});await h(this.popup.popup,e,t),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return n`<sd-popup part="base" id="dropdown" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10" ?active="${this.open}"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${i("shadow bg-white",this.open?"block pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-popup>`}};b.styles=[e.styles,o,s`:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:right}#dropdown[data-current-placement^=right]::part(popup){transform-origin:left}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],f([a("#dropdown")],b.prototype,"popup",2),f([a("[part=trigger]")],b.prototype,"trigger",2),f([a("[part=panel]")],b.prototype,"panel",2),f([r({type:Boolean,reflect:!0})],b.prototype,"open",2),f([r({type:Boolean,reflect:!0})],b.prototype,"rounded",2),f([r({reflect:!0})],b.prototype,"placement",2),f([r({type:Boolean,reflect:!0})],b.prototype,"disabled",2),f([r({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],b.prototype,"stayOpenOnSelect",2),f([r({attribute:!1})],b.prototype,"containingElement",2),f([r({type:Number})],b.prototype,"distance",2),f([r({type:Number})],b.prototype,"skidding",2),f([r({type:Boolean,reflect:!0,attribute:"no-auto-size"})],b.prototype,"noAutoSize",2),f([r({type:Boolean,reflect:!0,attribute:"no-flip"})],b.prototype,"noFlip",2),f([r({type:Boolean})],b.prototype,"hoist",2),f([w("open",{waitUntilFirstUpdate:!0})],b.prototype,"handleOpenChange",1),b=f([d("sd-dropdown")],b),c("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),c("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{b as default};

package/dist/components/es/navigation-item.js

@@ -1 +1 @@
-import{S as t,t as e,c as i,r as s,i as r,n as a,a as o}from"./solid-components2.js";import{H as l}from"./slot.js";import{s as n,n as d}from"./static.js";import{o as h}from"./if-defined.js";import{I as c}from"./interactive.js";var p=Object.defineProperty,u=Object.getOwnPropertyDescriptor,v=(t,e,i,s)=>{for(var r,a=s>1?void 0:s?u(e,i):e,o=t.length-1;o>=0;o--)(r=t[o])&&(a=(s?r(e,i,a):r(a))||a);return s&&a&&p(e,i,a),a};let f=class extends t{constructor(){super(...arguments),this.hasSlotController=new l(this,"[default]","description","children"),this.vertical=!1,this.size="base",this.current=!1,this.disabled=!1,this.chevron=!1,this.relaxed=!1,this.divider=!1,this.indented=!1,this.open=!1,this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.href&&this.hasSlotController.test("children")}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.isAccordion&&!this.isLink?n`summary`:this.separated?n`div`:this.isLink?n`a`:n`button`}render(){const t=this.tag,i=this.isLink,s=this.isButton,r=this.isAccordion,a=(this.hasSlotController.test("[default]"),this.hasSlotController.test("main"),this.hasSlotController.test("description")),o=this.hasSlotController.test("children"),l=this.vertical?"pb-3":"pb-2",n=d`<${t} part="base" class="${e("cursor-pointer relative focus-visible:focus-outline",{base:"text-base",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"text-primary",r?"flex flex-col":"inline-block w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-all min-h-[48px] px-4")}" aria-controls="${h(r?"navigation-item-details":void 0)}" aria-current="${h(this.current?"page":void 0)}" aria-disabled="${this.disabled}" ?disabled="${h(s?this.disabled:void 0)}" href="${h(i?this.href:void 0)}" target="${h(i?this.target:void 0)}" download="${h(i?this.download:void 0)}" rel="${h(i&&this.target?"noreferrer noopener":void 0)}" role="${i?"link":"button"}" tabindex="${this.disabled||this.separated?"-1":"0"}" @click="${this.separated?void 0:r?this.handleClickSummary:s?this.handleClickButton:void 0}"><div part="current-indicator" class="${e("absolute left-0 pointer-events-none transition-all duration-150",this.vertical?"w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"h-1 w-full bottom-0",this.current?"bg-accent":"bg-transparent",this.disabled&&"bg-neutral-500")}"></div><span part="content-area" class="${e("relative pt-3 inline-flex justify-between items-center",r?"grow":"w-full",a||this.separated?"pb-1":l,this.calculatePaddingX)}">${this.divider&&this.vertical?d`<sd-divider part="divider" class="${e("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-divider>`:""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated?d`<a class="${e("mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-all min-h-[48px]",!a&&"py-4")}" href="${h(i?this.href:void 0)}" target="${h(i?this.target:void 0)}" download="${h(i?this.download:void 0)}"><slot part="content" class="inline"></slot></a>`:d`<slot part="content" class="inline"></slot>`} </span>${(this.chevron||o)&&this.vertical?this.separated?d`<button type="button" title="toggle-details" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${e("mr-4 h-6 w-6 transition-all",r||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon></button>`:d`<sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${e("h-6 w-6 ml-2 transition-all",r?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${a&&this.vertical?d`<slot name="description" part="description" class="${e("inline-block text-sm text-left text-black",r||this.separated?"grow":"w-full",this.separated?"px-4":this.calculatePaddingX,l)}"></slot>`:""}</${t}>`;return r?d`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative flex">${n}<slot name="children"></slot></details>`:this.separated?d`<div part="details" id="navigation-item-details" class="relative flex flex-col">${n}${this.open?d`<slot name="children"></slot>`:""}</div>`:d`${n}`}};f.styles=[i,t.styles,s(c),r`:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}`],v([a({type:Boolean,reflect:!0})],f.prototype,"vertical",2),v([a({reflect:!0})],f.prototype,"size",2),v([a({reflect:!0})],f.prototype,"href",2),v([a()],f.prototype,"target",2),v([a()],f.prototype,"download",2),v([a({type:Boolean,reflect:!0})],f.prototype,"current",2),v([a({type:Boolean,reflect:!0})],f.prototype,"disabled",2),v([a({type:Boolean,reflect:!0})],f.prototype,"chevron",2),v([a({type:Boolean,reflect:!0})],f.prototype,"relaxed",2),v([a({type:Boolean,reflect:!0})],f.prototype,"divider",2),v([a({type:Boolean,reflect:!0})],f.prototype,"indented",2),v([a({type:Boolean,reflect:!0})],f.prototype,"open",2),v([a({type:Boolean,reflect:!0})],f.prototype,"separated",2),f=v([o("sd-navigation-item")],f);export{f as default};
+import{S as t,t as e,c as i,r as s,i as r,e as a,n as o,a as l}from"./solid-components2.js";import{H as n}from"./slot.js";import{s as d,n as h}from"./static.js";import{o as p}from"./if-defined.js";import{I as c}from"./interactive.js";var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,f=(t,e,i,s)=>{for(var r,a=s>1?void 0:s?v(e,i):e,o=t.length-1;o>=0;o--)(r=t[o])&&(a=(s?r(e,i,a):r(a))||a);return s&&a&&u(e,i,a),a};let b=class extends t{constructor(){super(...arguments),this.hasSlotController=new n(this,"[default]","description","children"),this.vertical=!1,this.size="base",this.current=!1,this.disabled=!1,this.chevron=!1,this.relaxed=!1,this.divider=!1,this.indented=!1,this.open=!1,this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.href&&this.hasSlotController.test("children")}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.isAccordion&&!this.isLink?d`summary`:this.separated?d`div`:this.isLink?d`a`:d`button`}render(){const t=this.tag,i=this.isLink,s=this.isButton,r=this.isAccordion,a=(this.hasSlotController.test("[default]"),this.hasSlotController.test("main"),this.hasSlotController.test("description")),o=this.hasSlotController.test("children"),l=this.vertical?"pb-3":"pb-2",n=h`<${t} part="base" class="${e("cursor-pointer relative focus-visible:focus-outline",{base:"text-base",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"text-primary",r?"flex flex-col":"inline-block w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-all min-h-[48px] px-4")}" aria-controls="${p(r?"navigation-item-details":void 0)}" aria-current="${p(this.current?"page":void 0)}" aria-disabled="${this.disabled}" ?disabled="${p(s?this.disabled:void 0)}" href="${p(i?this.href:void 0)}" target="${p(i?this.target:void 0)}" download="${p(i?this.download:void 0)}" rel="${p(i&&this.target?"noreferrer noopener":void 0)}" role="${i?"link":"button"}" tabindex="${this.disabled||this.separated?"-1":"0"}" @click="${this.separated?void 0:r?this.handleClickSummary:s?this.handleClickButton:void 0}"><div part="current-indicator" class="${e("absolute left-0 pointer-events-none transition-all duration-150",this.vertical?"w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"h-1 w-full bottom-0",this.current?"bg-accent":"bg-transparent",this.disabled&&"bg-neutral-500")}"></div><span part="content-area" class="${e("relative pt-3 inline-flex justify-between items-center",r?"grow":"w-full",a||this.separated?"pb-1":l,this.calculatePaddingX)}">${this.divider&&this.vertical?h`<sd-divider part="divider" class="${e("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-divider>`:""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated?h`<a class="${e("mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-all min-h-[48px]",!a&&"py-4")}" href="${p(i?this.href:void 0)}" target="${p(i?this.target:void 0)}" download="${p(i?this.download:void 0)}"><slot part="content" class="inline"></slot></a>`:h`<slot part="content" class="inline"></slot>`} </span>${(this.chevron||o)&&this.vertical?this.separated?h`<button type="button" title="toggle-details" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${e("mr-4 h-6 w-6 transition-all",r||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon></button>`:h`<sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${e("h-6 w-6 ml-2 transition-all",r?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${a&&this.vertical?h`<slot name="description" part="description" class="${e("inline-block text-sm text-left text-black",r||this.separated?"grow":"w-full",this.separated?"px-4":this.calculatePaddingX,l)}"></slot>`:""}</${t}>`;return r?h`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative flex">${n}<slot name="children"></slot></details>`:this.separated?h`<div part="details" id="navigation-item-details" class="relative flex flex-col">${n}${this.open?h`<slot name="children"></slot>`:""}</div>`:h`${n}`}};b.styles=[i,t.styles,s(c),r`:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}`],f([a('a[part="base"], button[part="base"]')],b.prototype,"button",2),f([o({type:Boolean,reflect:!0})],b.prototype,"vertical",2),f([o({reflect:!0})],b.prototype,"size",2),f([o({reflect:!0})],b.prototype,"href",2),f([o()],b.prototype,"target",2),f([o()],b.prototype,"download",2),f([o({type:Boolean,reflect:!0})],b.prototype,"current",2),f([o({type:Boolean,reflect:!0})],b.prototype,"disabled",2),f([o({type:Boolean,reflect:!0})],b.prototype,"chevron",2),f([o({type:Boolean,reflect:!0})],b.prototype,"relaxed",2),f([o({type:Boolean,reflect:!0})],b.prototype,"divider",2),f([o({type:Boolean,reflect:!0})],b.prototype,"indented",2),f([o({type:Boolean,reflect:!0})],b.prototype,"open",2),f([o({type:Boolean,reflect:!0})],b.prototype,"separated",2),b=f([l("sd-navigation-item")],b);export{b as default};

package/dist/components/es/tabbable.js

@@ -1 +1 @@
-function t(t){const e=t.tagName.toLowerCase();return!("-1"===t.getAttribute("tabindex")||t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")||"input"===e&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked")||null===t.offsetParent||"hidden"===window.getComputedStyle(t).visibility)&&(!!(("audio"===e||"video"===e)&&t.hasAttribute("controls")||t.hasAttribute("tabindex")||t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))||["button","input","select","textarea","a","audio","video","summary"].includes(e))}function e(e){const i=[];return function t(e){e instanceof HTMLElement&&(i.push(e),null!==e.shadowRoot&&"open"===e.shadowRoot.mode&&t(e.shadowRoot)),[...e.children].forEach((e=>t(e)))}(e),{start:i.find((e=>t(e)))??null,end:i.reverse().find((e=>t(e)))??null}}export{e as g};
+function t(t){const e=t.tagName.toLowerCase();return!("-1"===t.getAttribute("tabindex")||t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")||"input"===e&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked"))&&(null!==t.offsetParent||t.getRootNode()instanceof ShadowRoot)&&"hidden"!==window.getComputedStyle(t).visibility&&(!!(("audio"===e||"video"===e)&&t.hasAttribute("controls")||t.hasAttribute("tabindex")||t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))||["button","input","select","textarea","a","audio","video","summary"].includes(e))}function e(e){const i=[];return function t(e){e instanceof HTMLElement&&(i.push(e),null!==e.shadowRoot&&"open"===e.shadowRoot.mode&&t(e.shadowRoot)),[...e.children].forEach((e=>t(e)))}(e),{start:i.find((e=>t(e)))??null,end:i.reverse().find((e=>t(e)))??null}}export{e as g};