@saasquatch/mint-components 1.6.0-1 → 1.6.1-2

package/dist/mint-components/p-38d6112f.entry.js

@@ -0,0 +1 @@
+import{h as t,c as s,r as n}from"./p-64c3217a.js";import{l as a,i as e,e as o,m as r}from"./p-27455c4c.js";import"./p-982ad256.js";import{P as l}from"./p-95398ce2.js";import"./p-81f34787.js";import{u as c}from"./p-60b01103.js";import{g as p}from"./p-9ec99ced.js";const i=({content:n,placement:e})=>{const o=`\n    sl-tab-panel::part(base) {\n      padding: ${e&&"top"!==e&&"bottom"!==e?"0 var(--sl-spacing-xx-large);":"var(--sl-spacing-x-large) 0;"};\n    }\n  `;return a(),t(s,null,t("style",{type:"text/css"},o),t("sl-tab-group",{placement:e},n.tabs.map((s=>{const n=s.getAttribute("slot");return[t("sl-tab",{slot:"nav",panel:n,id:s.getAttribute("id")||n},s.getAttribute("header")),t("sl-tab-panel",{name:n},t("slot",{name:n}))]}))),t("div",{style:{display:"none"}},t("slot",null)))},m=class{constructor(t){n(this,t),r(this)}disconnectedCallback(){}render(){const{content:s}=function(){const t=c(),s=l(),n=e((()=>t.filter((t=>"SQM-TAB"===t.tagName)).map(((t,s)=>(t.setAttribute("slot","tab-"+s),t.setAttribute("id","tab-"+s),t)))),[t]);return o((()=>{const t=t=>{var n;t.stopPropagation();const a=t.target;if(!a)return;const e=a.closest("sqm-tabs");if(!s.contains(a)||!e)return;const o=a.closest("sqm-tab");null===(n=e.shadowRoot.querySelector("sl-tab-group"))||void 0===n||n.show(o.id)};return s.addEventListener("sq:reveal",t),()=>{s.removeEventListener("sq:reveal",t)}}),[]),{content:{tabs:n}}}(),{placement:n}=p(this);return t(i,{placement:n,content:s},t("slot",null))}};export{m as sqm_tabs}