@saasquatch/mint-components 1.15.0-63 → 1.15.0-64

package/dist/mint-components/p-3d99fa43.entry.js

@@ -0,0 +1 @@
+import{h as t,c as n,r as s}from"./p-c7c11325.js";import{u as o,f as a,n as r}from"./p-63e29387.js";import{_ as e}from"./p-8e2bead4.js";import{g as l}from"./p-6951663b.js";import{u as p}from"./p-fb5be0c5.js";import{u as c}from"./p-000c91b1.js";const m=({content:s,placement:o,textColor:a="var(--sqm-text)"})=>t(n,null,t("style",{type:"text/css"},`\n    sl-tab-panel::part(base) {\n      padding: ${o&&"top"!==o&&"bottom"!==o?"0 var(--sl-spacing-xx-large);":"var(--sl-spacing-x-large) 0;"};\n    }\n\n    sl-tab::part(base) {\n      color: ${a};\n      font-family: var(--sqm-primary-font);\n    }\n\n    sl-tab-group {\n      --sl-color-primary-500: var(--sqm-accent-color-icon);\n    }\n\n    sl-tab-group::part(tabs) {\n      border-bottom: 2px solid var(--sqm-border-color);\n      font-family: var(--sqm-primary-font);\n    }\n  `),t("sl-tab-group",{placement:o},s.tabs.map((n=>{const s=n.getAttribute("slot");return"RAISINS-PLOP-TARGET"===n.tagName?t("sl-tab",{slot:"nav"},t("div",{style:{marginTop:"10px"}},t("slot",{name:s}))):[t("sl-tab",{slot:"nav",panel:s,part:"tab",id:n.getAttribute("id")||s},n.getAttribute("header")),t("sl-tab-panel",{name:s},t("slot",{name:s}))]}))),t("div",{style:{display:"none"}},t("slot",null))),i=class{constructor(t){s(this,t),r(this)}disconnectedCallback(){}render(){const{content:n}=function(){const t=c(),n=e(),s=p(),r=o((()=>t.filter((t=>"SQM-TAB"===t.tagName||"RAISINS-PLOP-TARGET"===t.tagName)).map(((t,n)=>{if("RAISINS-PLOP-TARGET"===t.tagName){const n=t;n.style.position="absolute",n.style.left="6px";const s=t.firstElementChild.childNodes[1];s.innerHTML="＋",s.style.lineHeight="20px"}return t.setAttribute("slot","tab-"+n),t.setAttribute("id","tab-"+n),t}))),[t,s]);return a((()=>{const t=t=>{var s;const o=t.target;if(t.stopPropagation(),!o)return;const a=o.closest("sqm-tabs");if(!n.contains(o)||!a)return;const r=o.closest("sqm-tab");null===(s=a.shadowRoot.querySelector("sl-tab-group"))||void 0===s||s.show(r.id)};return n.addEventListener("sq:reveal",t),()=>{n.removeEventListener("sq:reveal",t)}}),[]),{content:{tabs:r}}}(),{placement:s,textColor:r}=l(this);return t(m,{placement:s,content:n,textColor:r},t("slot",null))}};export{i as sqm_tabs}