monobill-mintui 0.6.612 → 0.6.613

package/dist/components/tabs/browser.js

@@ -0,0 +1,251 @@
+
+const __mintLoadStyle = (key, url) => {
+  if (typeof document === 'undefined') return
+  const href = new URL(url, import.meta.url).href
+  if ([...document.querySelectorAll('link[rel="stylesheet"]')].some(link => link.href === href)) return
+  if (document.querySelector('style[data-mint-ui-style="' + key + '"]') || document.querySelector('link[data-mint-ui-style="' + key + '"]')) return
+  const link = document.createElement('link')
+  link.rel = 'stylesheet'
+  link.href = href
+  link.dataset.mintUiStyle = key
+  document.head.append(link)
+}
+__mintLoadStyle('theme', '../../theme.css')
+__mintLoadStyle('tabs', '../../tabs.css')
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+//#region src/components/tabs/Tab.ts
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"active",
+			"disabled",
+			"target"
+		];
+	}
+	constructor() {
+		super(), this._clickHandler = null;
+	}
+	connectedCallback() {
+		this.render(), this.setupEventListeners();
+	}
+	disconnectedCallback() {
+		this.removeEventListeners();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getTarget() {
+		return this.getAttribute("target") || "";
+	}
+	isActive() {
+		let e = this.getAttribute("active");
+		return e !== null && e !== "false";
+	}
+	isDisabled() {
+		return this.getAttribute("disabled") === "true";
+	}
+	get active() {
+		return this.isActive();
+	}
+	set active(e) {
+		e ? this.setAttribute("active", "true") : this.setAttribute("active", "false");
+	}
+	render() {}
+	setupEventListeners() {
+		this.isDisabled() || this._clickHandler || (this._clickHandler = this.handleClick.bind(this), this.addEventListener("click", this._clickHandler));
+	}
+	removeEventListeners() {
+		this._clickHandler &&= (this.removeEventListener("click", this._clickHandler), null);
+	}
+	handleClick(e) {
+		if (this.isDisabled()) {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		e.__mintTabsSynthetic || (e.stopPropagation(), this.dispatchEvent(new CustomEvent("tab-click", {
+			detail: {
+				tab: this,
+				target: this.getTarget()
+			},
+			bubbles: !0,
+			cancelable: !0,
+			composed: !0
+		})));
+	}
+};
+customElements.get("mint-tab") || e("mint-tab", t);
+//#endregion
+//#region src/components/tabs/TabList.ts
+var n = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["position"];
+	}
+	constructor() {
+		super();
+	}
+	connectedCallback() {
+		this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getPosition() {
+		return this.getAttribute("position") || "top";
+	}
+	render() {
+		this.setAttribute("role", "tablist"), !this.hasAttribute("aria-label") && !this.hasAttribute("aria-labelledby") && this.setAttribute("aria-label", "Tabs"), this.setAttribute("aria-orientation", this.getPosition() === "top" ? "horizontal" : "vertical");
+	}
+};
+customElements.get("mint-tab-list") || e("mint-tab-list", n);
+//#endregion
+//#region src/components/tabs/TabContent.ts
+var r = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["id"];
+	}
+	constructor() {
+		super();
+	}
+	connectedCallback() {
+		this.render(), this.checkInitialVisibility();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && e === "id" && (this.render(), this.checkInitialVisibility());
+	}
+	getId() {
+		return this.getAttribute("id") || "";
+	}
+	show() {
+		this.removeAttribute("hidden");
+	}
+	hide() {
+		this.setAttribute("hidden", "");
+	}
+	checkInitialVisibility() {
+		let e = this.closest("mint-tabs");
+		if (!e) {
+			this.hide();
+			return;
+		}
+		let t = e.querySelectorAll("mint-tab"), n = !1;
+		t.forEach((e) => {
+			let t = e.getAttribute("active"), r = e.getAttribute("target"), i = this.getId();
+			t === "true" && r === i && (n = !0);
+		}), !n && t.length > 0 && t[0].getAttribute("target") === this.getId() && !e.querySelector("mint-tab[active=\"true\"]") && (n = !0), n ? this.show() : this.hide();
+	}
+	render() {
+		this.setAttribute("role", "tabpanel"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0");
+	}
+};
+customElements.get("mint-tab-content") || e("mint-tab-content", r);
+//#endregion
+//#region src/components/tabs/Tabs.ts
+var i = class e extends HTMLElement {
+	static {
+		this._id = 0;
+	}
+	constructor() {
+		super(), this._tabClickHandler = null, this._tabKeydownHandler = null, this._mutationObserver = null;
+	}
+	connectedCallback() {
+		this.render(), this.setupEventListeners(), this.setupMutationObserver(), this.initializeActiveTab();
+	}
+	disconnectedCallback() {
+		this.removeEventListeners(), this._mutationObserver &&= (this._mutationObserver.disconnect(), null);
+	}
+	render() {
+		let e = this.querySelector("mint-tab-list");
+		if (this.querySelectorAll("mint-tab-content"), !e) {
+			console.warn("mint-tabs: mint-tab-list is required");
+			return;
+		}
+		this.syncAccessibility();
+	}
+	initializeActiveTab() {
+		requestAnimationFrame(() => {
+			let e = this.querySelectorAll("mint-tab"), t = null;
+			if (e.forEach((e) => {
+				e.getAttribute("active") === "true" && (t = e);
+			}), !t && e.length > 0 && (t = e[0], t.setAttribute("active", "true")), t) {
+				let e = t.getAttribute("target");
+				e ? this.showContent(e) : this.hideAllContent();
+			} else this.hideAllContent();
+			this.syncAccessibility(), this.querySelectorAll("mint-tab-content").forEach((e) => {
+				let t = e;
+				t.checkInitialVisibility && t.checkInitialVisibility();
+			});
+		});
+	}
+	hideAllContent() {
+		this.querySelectorAll("mint-tab-content").forEach((e) => {
+			let t = e;
+			t.hide ? t.hide() : e.style.display = "none";
+		});
+	}
+	showContent(e) {
+		this.querySelectorAll("mint-tab-content").forEach((e) => {
+			let t = e;
+			t.hide ? t.hide() : e.style.display = "none";
+		});
+		let t = this.querySelector(`mint-tab-content[id="${e}"]`);
+		t && (t.show ? t.show() : t.style.display = "block");
+	}
+	setupEventListeners() {
+		this._tabClickHandler || (this._tabClickHandler = this.handleTabClick.bind(this), this.addEventListener("tab-click", this._tabClickHandler)), this._tabKeydownHandler || (this._tabKeydownHandler = (e) => {
+			let t = e.target?.closest("mint-tab"), n = t?.closest("mint-tab-list");
+			if (!t || !n) return;
+			let r = Array.from(n.querySelectorAll("mint-tab:not([disabled=\"true\"])")), i = r.indexOf(t);
+			if (i < 0 || r.length === 0) return;
+			let a = n.getAttribute("position") === "left" || n.getAttribute("position") === "right", o = i;
+			if (e.key === (a ? "ArrowDown" : "ArrowRight")) o = (i + 1) % r.length;
+			else if (e.key === (a ? "ArrowUp" : "ArrowLeft")) o = (i - 1 + r.length) % r.length;
+			else if (e.key === "Home") o = 0;
+			else if (e.key === "End") o = r.length - 1;
+			else return;
+			e.preventDefault();
+			let s = r[o];
+			s.focus(), this.activateTab(s);
+		}, this.addEventListener("keydown", this._tabKeydownHandler));
+	}
+	removeEventListeners() {
+		this._tabClickHandler &&= (this.removeEventListener("tab-click", this._tabClickHandler), null), this._tabKeydownHandler &&= (this.removeEventListener("keydown", this._tabKeydownHandler), null);
+	}
+	setupMutationObserver() {
+		this._mutationObserver = new MutationObserver(() => {
+			this.render();
+		});
+		let e = this.querySelector("mint-tab-list");
+		e && this._mutationObserver.observe(e, {
+			attributes: !0,
+			attributeFilter: ["position"]
+		});
+	}
+	handleTabClick(e) {
+		let t = e.detail?.tab;
+		t && this.activateTab(t);
+	}
+	activateTab(e) {
+		let t = e.getAttribute("target"), n = e.closest("mint-tab-list");
+		n && (n.querySelectorAll("mint-tab").forEach((t) => {
+			let n = t;
+			t === e ? n.active = !0 : n.active = !1;
+		}), t && this.showContent(t), this.syncAccessibility());
+	}
+	syncAccessibility() {
+		this.id ||= (e._id += 1, `mint-tabs-${e._id}`), Array.from(this.querySelectorAll("mint-tab-list")).forEach((e, t) => {
+			e.setAttribute("role", "tablist"), e.setAttribute("aria-orientation", e.getAttribute("position") === "left" || e.getAttribute("position") === "right" ? "vertical" : "horizontal"), !e.hasAttribute("aria-label") && !e.hasAttribute("aria-labelledby") && e.setAttribute("aria-label", "Tabs"), Array.from(e.querySelectorAll("mint-tab")).forEach((e, n) => {
+				let r = e.id || `${this.id}-tab-${t + 1}-${n + 1}`;
+				e.id = r, e.setAttribute("role", "tab");
+				let i = e.getAttribute("active") === "true";
+				e.setAttribute("aria-selected", String(i)), e.setAttribute("aria-disabled", String(e.getAttribute("disabled") === "true")), e.tabIndex = i ? 0 : -1;
+				let a = e.getAttribute("target");
+				a ? e.setAttribute("aria-controls", a) : e.removeAttribute("aria-controls");
+				let o = a ? Array.from(this.querySelectorAll("mint-tab-content")).find((e) => e.id === a) ?? null : null;
+				o && (o.setAttribute("role", "tabpanel"), o.setAttribute("aria-labelledby", r), o.hasAttribute("tabindex") || (o.tabIndex = 0));
+			});
+		});
+	}
+};
+customElements.get("mint-tabs") || e("mint-tabs", i);
+//#endregion
+export { t as Tab, r as TabContent, n as TabList, i as Tabs };

package/dist/components/tabs/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../chunks/register-element-tCL_F1YI.js`);var t=class extends HTMLElement{static get observedAttributes(){return[`active`,`disabled`,`target`]}constructor(){super(),this._clickHandler=null}connectedCallback(){this.render(),this.setupEventListeners()}disconnectedCallback(){this.removeEventListeners()}attributeChangedCallback(e,t,n){t!==n&&this.render()}getTarget(){return this.getAttribute(`target`)||``}isActive(){let e=this.getAttribute(`active`);return e!==null&&e!==`false`}isDisabled(){return this.getAttribute(`disabled`)===`true`}get active(){return this.isActive()}set active(e){e?this.setAttribute(`active`,`true`):this.setAttribute(`active`,`false`)}render(){}setupEventListeners(){this.isDisabled()||this._clickHandler||(this._clickHandler=this.handleClick.bind(this),this.addEventListener(`click`,this._clickHandler))}removeEventListeners(){this._clickHandler&&=(this.removeEventListener(`click`,this._clickHandler),null)}handleClick(e){if(this.isDisabled()){e.preventDefault(),e.stopPropagation();return}e.__mintTabsSynthetic||(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`tab-click`,{detail:{tab:this,target:this.getTarget()},bubbles:!0,cancelable:!0,composed:!0})))}};customElements.get(`mint-tab`)||e.t(`mint-tab`,t);var n=class extends HTMLElement{static get observedAttributes(){return[`position`]}constructor(){super()}connectedCallback(){this.render()}attributeChangedCallback(e,t,n){t!==n&&this.render()}getPosition(){return this.getAttribute(`position`)||`top`}render(){this.setAttribute(`role`,`tablist`),!this.hasAttribute(`aria-label`)&&!this.hasAttribute(`aria-labelledby`)&&this.setAttribute(`aria-label`,`Tabs`),this.setAttribute(`aria-orientation`,this.getPosition()===`top`?`horizontal`:`vertical`)}};customElements.get(`mint-tab-list`)||e.t(`mint-tab-list`,n);var r=class extends HTMLElement{static get observedAttributes(){return[`id`]}constructor(){super()}connectedCallback(){this.render(),this.checkInitialVisibility()}attributeChangedCallback(e,t,n){t!==n&&e===`id`&&(this.render(),this.checkInitialVisibility())}getId(){return this.getAttribute(`id`)||``}show(){this.removeAttribute(`hidden`)}hide(){this.setAttribute(`hidden`,``)}checkInitialVisibility(){let e=this.closest(`mint-tabs`);if(!e){this.hide();return}let t=e.querySelectorAll(`mint-tab`),n=!1;t.forEach(e=>{let t=e.getAttribute(`active`),r=e.getAttribute(`target`),i=this.getId();t===`true`&&r===i&&(n=!0)}),!n&&t.length>0&&t[0].getAttribute(`target`)===this.getId()&&!e.querySelector(`mint-tab[active="true"]`)&&(n=!0),n?this.show():this.hide()}render(){this.setAttribute(`role`,`tabpanel`),this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`)}};customElements.get(`mint-tab-content`)||e.t(`mint-tab-content`,r);var i=class e extends HTMLElement{static{this._id=0}constructor(){super(),this._tabClickHandler=null,this._tabKeydownHandler=null,this._mutationObserver=null}connectedCallback(){this.render(),this.setupEventListeners(),this.setupMutationObserver(),this.initializeActiveTab()}disconnectedCallback(){this.removeEventListeners(),this._mutationObserver&&=(this._mutationObserver.disconnect(),null)}render(){let e=this.querySelector(`mint-tab-list`);if(this.querySelectorAll(`mint-tab-content`),!e){console.warn(`mint-tabs: mint-tab-list is required`);return}this.syncAccessibility()}initializeActiveTab(){requestAnimationFrame(()=>{let e=this.querySelectorAll(`mint-tab`),t=null;if(e.forEach(e=>{e.getAttribute(`active`)===`true`&&(t=e)}),!t&&e.length>0&&(t=e[0],t.setAttribute(`active`,`true`)),t){let e=t.getAttribute(`target`);e?this.showContent(e):this.hideAllContent()}else this.hideAllContent();this.syncAccessibility(),this.querySelectorAll(`mint-tab-content`).forEach(e=>{let t=e;t.checkInitialVisibility&&t.checkInitialVisibility()})})}hideAllContent(){this.querySelectorAll(`mint-tab-content`).forEach(e=>{let t=e;t.hide?t.hide():e.style.display=`none`})}showContent(e){this.querySelectorAll(`mint-tab-content`).forEach(e=>{let t=e;t.hide?t.hide():e.style.display=`none`});let t=this.querySelector(`mint-tab-content[id="${e}"]`);t&&(t.show?t.show():t.style.display=`block`)}setupEventListeners(){this._tabClickHandler||(this._tabClickHandler=this.handleTabClick.bind(this),this.addEventListener(`tab-click`,this._tabClickHandler)),this._tabKeydownHandler||(this._tabKeydownHandler=e=>{let t=e.target?.closest(`mint-tab`),n=t?.closest(`mint-tab-list`);if(!t||!n)return;let r=Array.from(n.querySelectorAll(`mint-tab:not([disabled="true"])`)),i=r.indexOf(t);if(i<0||r.length===0)return;let a=n.getAttribute(`position`)===`left`||n.getAttribute(`position`)===`right`,o=i;if(e.key===(a?`ArrowDown`:`ArrowRight`))o=(i+1)%r.length;else if(e.key===(a?`ArrowUp`:`ArrowLeft`))o=(i-1+r.length)%r.length;else if(e.key===`Home`)o=0;else if(e.key===`End`)o=r.length-1;else return;e.preventDefault();let s=r[o];s.focus(),this.activateTab(s)},this.addEventListener(`keydown`,this._tabKeydownHandler))}removeEventListeners(){this._tabClickHandler&&=(this.removeEventListener(`tab-click`,this._tabClickHandler),null),this._tabKeydownHandler&&=(this.removeEventListener(`keydown`,this._tabKeydownHandler),null)}setupMutationObserver(){this._mutationObserver=new MutationObserver(()=>{this.render()});let e=this.querySelector(`mint-tab-list`);e&&this._mutationObserver.observe(e,{attributes:!0,attributeFilter:[`position`]})}handleTabClick(e){let t=e.detail?.tab;t&&this.activateTab(t)}activateTab(e){let t=e.getAttribute(`target`),n=e.closest(`mint-tab-list`);n&&(n.querySelectorAll(`mint-tab`).forEach(t=>{let n=t;t===e?n.active=!0:n.active=!1}),t&&this.showContent(t),this.syncAccessibility())}syncAccessibility(){this.id||=(e._id+=1,`mint-tabs-${e._id}`),Array.from(this.querySelectorAll(`mint-tab-list`)).forEach((e,t)=>{e.setAttribute(`role`,`tablist`),e.setAttribute(`aria-orientation`,e.getAttribute(`position`)===`left`||e.getAttribute(`position`)===`right`?`vertical`:`horizontal`),!e.hasAttribute(`aria-label`)&&!e.hasAttribute(`aria-labelledby`)&&e.setAttribute(`aria-label`,`Tabs`),Array.from(e.querySelectorAll(`mint-tab`)).forEach((e,n)=>{let r=e.id||`${this.id}-tab-${t+1}-${n+1}`;e.id=r,e.setAttribute(`role`,`tab`);let i=e.getAttribute(`active`)===`true`;e.setAttribute(`aria-selected`,String(i)),e.setAttribute(`aria-disabled`,String(e.getAttribute(`disabled`)===`true`)),e.tabIndex=i?0:-1;let a=e.getAttribute(`target`);a?e.setAttribute(`aria-controls`,a):e.removeAttribute(`aria-controls`);let o=a?Array.from(this.querySelectorAll(`mint-tab-content`)).find(e=>e.id===a)??null:null;o&&(o.setAttribute(`role`,`tabpanel`),o.setAttribute(`aria-labelledby`,r),o.hasAttribute(`tabindex`)||(o.tabIndex=0))})})}};customElements.get(`mint-tabs`)||e.t(`mint-tabs`,i),exports.Tab=t,exports.TabContent=r,exports.TabList=n,exports.Tabs=i;

package/dist/components/tabs/index.d.ts

@@ -1,9 +1,4 @@
-import './Tabs';
-import './TabList';
-import './Tab';
-import './TabContent';
-export { default as Tabs } from './Tabs';
-export { default as TabList } from './TabList';
-export { default as Tab } from './Tab';
-export { default as TabContent } from './TabContent';
-//# sourceMappingURL=index.d.ts.map
+export { default, MintTabs } from './Tabs'
+export { MintTabList } from '../../mintui-elements'
+export { MintTab } from '../../mintui-elements'
+export { MintTabContent } from '../../mintui-elements'

package/dist/components/tabs/index.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,CAAA;AACf,OAAO,WAAW,CAAA;AAClB,OAAO,OAAO,CAAA;AACd,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{
+  "version": 3,
+  "file": "index.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "index.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}

package/dist/components/tabs/index.js

@@ -0,0 +1,239 @@
+import '../../theme.css'
+import '../../tabs.css'
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+//#region src/components/tabs/Tab.ts
+var t = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"active",
+			"disabled",
+			"target"
+		];
+	}
+	constructor() {
+		super(), this._clickHandler = null;
+	}
+	connectedCallback() {
+		this.render(), this.setupEventListeners();
+	}
+	disconnectedCallback() {
+		this.removeEventListeners();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getTarget() {
+		return this.getAttribute("target") || "";
+	}
+	isActive() {
+		let e = this.getAttribute("active");
+		return e !== null && e !== "false";
+	}
+	isDisabled() {
+		return this.getAttribute("disabled") === "true";
+	}
+	get active() {
+		return this.isActive();
+	}
+	set active(e) {
+		e ? this.setAttribute("active", "true") : this.setAttribute("active", "false");
+	}
+	render() {}
+	setupEventListeners() {
+		this.isDisabled() || this._clickHandler || (this._clickHandler = this.handleClick.bind(this), this.addEventListener("click", this._clickHandler));
+	}
+	removeEventListeners() {
+		this._clickHandler &&= (this.removeEventListener("click", this._clickHandler), null);
+	}
+	handleClick(e) {
+		if (this.isDisabled()) {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		e.__mintTabsSynthetic || (e.stopPropagation(), this.dispatchEvent(new CustomEvent("tab-click", {
+			detail: {
+				tab: this,
+				target: this.getTarget()
+			},
+			bubbles: !0,
+			cancelable: !0,
+			composed: !0
+		})));
+	}
+};
+customElements.get("mint-tab") || e("mint-tab", t);
+//#endregion
+//#region src/components/tabs/TabList.ts
+var n = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["position"];
+	}
+	constructor() {
+		super();
+	}
+	connectedCallback() {
+		this.render();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && this.render();
+	}
+	getPosition() {
+		return this.getAttribute("position") || "top";
+	}
+	render() {
+		this.setAttribute("role", "tablist"), !this.hasAttribute("aria-label") && !this.hasAttribute("aria-labelledby") && this.setAttribute("aria-label", "Tabs"), this.setAttribute("aria-orientation", this.getPosition() === "top" ? "horizontal" : "vertical");
+	}
+};
+customElements.get("mint-tab-list") || e("mint-tab-list", n);
+//#endregion
+//#region src/components/tabs/TabContent.ts
+var r = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["id"];
+	}
+	constructor() {
+		super();
+	}
+	connectedCallback() {
+		this.render(), this.checkInitialVisibility();
+	}
+	attributeChangedCallback(e, t, n) {
+		t !== n && e === "id" && (this.render(), this.checkInitialVisibility());
+	}
+	getId() {
+		return this.getAttribute("id") || "";
+	}
+	show() {
+		this.removeAttribute("hidden");
+	}
+	hide() {
+		this.setAttribute("hidden", "");
+	}
+	checkInitialVisibility() {
+		let e = this.closest("mint-tabs");
+		if (!e) {
+			this.hide();
+			return;
+		}
+		let t = e.querySelectorAll("mint-tab"), n = !1;
+		t.forEach((e) => {
+			let t = e.getAttribute("active"), r = e.getAttribute("target"), i = this.getId();
+			t === "true" && r === i && (n = !0);
+		}), !n && t.length > 0 && t[0].getAttribute("target") === this.getId() && !e.querySelector("mint-tab[active=\"true\"]") && (n = !0), n ? this.show() : this.hide();
+	}
+	render() {
+		this.setAttribute("role", "tabpanel"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0");
+	}
+};
+customElements.get("mint-tab-content") || e("mint-tab-content", r);
+//#endregion
+//#region src/components/tabs/Tabs.ts
+var i = class e extends HTMLElement {
+	static {
+		this._id = 0;
+	}
+	constructor() {
+		super(), this._tabClickHandler = null, this._tabKeydownHandler = null, this._mutationObserver = null;
+	}
+	connectedCallback() {
+		this.render(), this.setupEventListeners(), this.setupMutationObserver(), this.initializeActiveTab();
+	}
+	disconnectedCallback() {
+		this.removeEventListeners(), this._mutationObserver &&= (this._mutationObserver.disconnect(), null);
+	}
+	render() {
+		let e = this.querySelector("mint-tab-list");
+		if (this.querySelectorAll("mint-tab-content"), !e) {
+			console.warn("mint-tabs: mint-tab-list is required");
+			return;
+		}
+		this.syncAccessibility();
+	}
+	initializeActiveTab() {
+		requestAnimationFrame(() => {
+			let e = this.querySelectorAll("mint-tab"), t = null;
+			if (e.forEach((e) => {
+				e.getAttribute("active") === "true" && (t = e);
+			}), !t && e.length > 0 && (t = e[0], t.setAttribute("active", "true")), t) {
+				let e = t.getAttribute("target");
+				e ? this.showContent(e) : this.hideAllContent();
+			} else this.hideAllContent();
+			this.syncAccessibility(), this.querySelectorAll("mint-tab-content").forEach((e) => {
+				let t = e;
+				t.checkInitialVisibility && t.checkInitialVisibility();
+			});
+		});
+	}
+	hideAllContent() {
+		this.querySelectorAll("mint-tab-content").forEach((e) => {
+			let t = e;
+			t.hide ? t.hide() : e.style.display = "none";
+		});
+	}
+	showContent(e) {
+		this.querySelectorAll("mint-tab-content").forEach((e) => {
+			let t = e;
+			t.hide ? t.hide() : e.style.display = "none";
+		});
+		let t = this.querySelector(`mint-tab-content[id="${e}"]`);
+		t && (t.show ? t.show() : t.style.display = "block");
+	}
+	setupEventListeners() {
+		this._tabClickHandler || (this._tabClickHandler = this.handleTabClick.bind(this), this.addEventListener("tab-click", this._tabClickHandler)), this._tabKeydownHandler || (this._tabKeydownHandler = (e) => {
+			let t = e.target?.closest("mint-tab"), n = t?.closest("mint-tab-list");
+			if (!t || !n) return;
+			let r = Array.from(n.querySelectorAll("mint-tab:not([disabled=\"true\"])")), i = r.indexOf(t);
+			if (i < 0 || r.length === 0) return;
+			let a = n.getAttribute("position") === "left" || n.getAttribute("position") === "right", o = i;
+			if (e.key === (a ? "ArrowDown" : "ArrowRight")) o = (i + 1) % r.length;
+			else if (e.key === (a ? "ArrowUp" : "ArrowLeft")) o = (i - 1 + r.length) % r.length;
+			else if (e.key === "Home") o = 0;
+			else if (e.key === "End") o = r.length - 1;
+			else return;
+			e.preventDefault();
+			let s = r[o];
+			s.focus(), this.activateTab(s);
+		}, this.addEventListener("keydown", this._tabKeydownHandler));
+	}
+	removeEventListeners() {
+		this._tabClickHandler &&= (this.removeEventListener("tab-click", this._tabClickHandler), null), this._tabKeydownHandler &&= (this.removeEventListener("keydown", this._tabKeydownHandler), null);
+	}
+	setupMutationObserver() {
+		this._mutationObserver = new MutationObserver(() => {
+			this.render();
+		});
+		let e = this.querySelector("mint-tab-list");
+		e && this._mutationObserver.observe(e, {
+			attributes: !0,
+			attributeFilter: ["position"]
+		});
+	}
+	handleTabClick(e) {
+		let t = e.detail?.tab;
+		t && this.activateTab(t);
+	}
+	activateTab(e) {
+		let t = e.getAttribute("target"), n = e.closest("mint-tab-list");
+		n && (n.querySelectorAll("mint-tab").forEach((t) => {
+			let n = t;
+			t === e ? n.active = !0 : n.active = !1;
+		}), t && this.showContent(t), this.syncAccessibility());
+	}
+	syncAccessibility() {
+		this.id ||= (e._id += 1, `mint-tabs-${e._id}`), Array.from(this.querySelectorAll("mint-tab-list")).forEach((e, t) => {
+			e.setAttribute("role", "tablist"), e.setAttribute("aria-orientation", e.getAttribute("position") === "left" || e.getAttribute("position") === "right" ? "vertical" : "horizontal"), !e.hasAttribute("aria-label") && !e.hasAttribute("aria-labelledby") && e.setAttribute("aria-label", "Tabs"), Array.from(e.querySelectorAll("mint-tab")).forEach((e, n) => {
+				let r = e.id || `${this.id}-tab-${t + 1}-${n + 1}`;
+				e.id = r, e.setAttribute("role", "tab");
+				let i = e.getAttribute("active") === "true";
+				e.setAttribute("aria-selected", String(i)), e.setAttribute("aria-disabled", String(e.getAttribute("disabled") === "true")), e.tabIndex = i ? 0 : -1;
+				let a = e.getAttribute("target");
+				a ? e.setAttribute("aria-controls", a) : e.removeAttribute("aria-controls");
+				let o = a ? Array.from(this.querySelectorAll("mint-tab-content")).find((e) => e.id === a) ?? null : null;
+				o && (o.setAttribute("role", "tabpanel"), o.setAttribute("aria-labelledby", r), o.hasAttribute("tabindex") || (o.tabIndex = 0));
+			});
+		});
+	}
+};
+customElements.get("mint-tabs") || e("mint-tabs", i);
+//#endregion
+export { t as Tab, r as TabContent, n as TabList, i as Tabs };

package/dist/components/tags/Tags.d.ts

@@ -1,82 +1 @@
-import '../chip/index';
-import '../icon/index';
-import '../button/index';
-import '../popover/index';
-interface TagItem {
-    value: string;
-    label: string;
-    dismissable?: boolean;
-}
-declare class MintTags extends HTMLElement {
-    static get observedAttributes(): string[];
-    private _container;
-    private _chipsWrap;
-    private _input;
-    private _tags;
-    private _predefinedTags;
-    private _placeholder;
-    private _predefinedPopoverOpenListenersAttached;
-    private _predefinedBlurCloseTimer;
-    private _suppressNextPredefinedBlurClose;
-    private _dragIndex;
-    private _dragChip;
-    private _isPointerDragging;
-    private _pointerMoveHandler;
-    private _pointerUpHandler;
-    private _containerFocusRingListeners;
-    private _predefinedFieldResizeObserver;
-    private _predefinedPopoverBodyEl;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    set tags(tags: TagItem[]);
-    get tags(): TagItem[];
-    private _parseAttrs;
-    private _parseTagItems;
-    private _syncAttr;
-    private getLabel;
-    private getInfo;
-    private hasError;
-    /** Focus ring: match focus-within when data-mint-tags-active is set (stable across inner control focus changes). */
-    private _containerRingClasses;
-    private _attachContainerFocusRingListeners;
-    private getErrorMessage;
-    private getName;
-    private getId;
-    private isRequired;
-    private isLoading;
-    private isPredefinedOnly;
-    private _render;
-    private _getAvailablePredefinedTags;
-    private _shouldShowInput;
-    private _disconnectPredefinedFieldResizeObserver;
-    private _syncPredefinedPopoverBodyMinWidth;
-    private _attachPredefinedFieldResizeObserver;
-    private _renderPredefinedPopover;
-    private _getPredefinedPopoverEl;
-    private _attachPredefinedPopoverOpenOnInputFocus;
-    private _renderSkeleton;
-    private _renderErrorState;
-    private _renderChips;
-    private _addFromInput;
-    private _addTag;
-    private _removeTag;
-    private _emitChange;
-    private _focusLastChip;
-    private _focusInput;
-    private _wireInputBackspace;
-    private _setupChipEvents;
-    private _onContainerPointerDown;
-    private _onDragStart;
-    private _reorderTags;
-    private _onDragOverInput;
-    private _onDragOverChip;
-    private _onDrop;
-    private _onDragEnd;
-    private _syncOrderFromDom;
-    private _onPointerDown;
-    private _onPointerMove;
-    private _onPointerUp;
-}
-export default MintTags;
-//# sourceMappingURL=Tags.d.ts.map
+export { MintTags as default, MintTags } from '../../mintui-elements'

package/dist/components/tags/Tags.d.ts.map

@@ -1 +1,10 @@
-{"version":3,"file":"Tags.d.ts","sourceRoot":"","sources":["../../../src/components/tags/Tags.ts"],"names":[],"mappings":"AAGA,OAAO,eAAe,CAAA;AACtB,OAAO,eAAe,CAAA;AACtB,OAAO,iBAAiB,CAAA;AACxB,OAAO,kBAAkB,CAAA;AAEzB,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,cAAM,QAAS,SAAQ,WAAW;IAChC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAgBxC;IAED,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,eAAe,CAAgB;IACvC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,uCAAuC,CAAQ;IACvD,OAAO,CAAC,yBAAyB,CAAsB;IACvD,OAAO,CAAC,gCAAgC,CAAQ;IAChD,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,kBAAkB,CAAiB;IAC3C,OAAO,CAAC,mBAAmB,CAA2C;IACtE,OAAO,CAAC,iBAAiB,CAA2C;IACpE,OAAO,CAAC,4BAA4B,CAAQ;IAC5C,OAAO,CAAC,8BAA8B,CAA8B;IACpE,OAAO,CAAC,wBAAwB,CAA2B;IAE3D,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAI5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAqC9F,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,EAIvB;IAED,IAAI,IAAI,IAAI,OAAO,EAAE,CAEpB;IAED,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,QAAQ;IAKhB,oHAAoH;IACpH,OAAO,CAAC,qBAAqB;IAyB7B,OAAO,CAAC,kCAAkC;IAgB1C,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,OAAO;IAkLf,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,wCAAwC;IAQhD,OAAO,CAAC,kCAAkC;IAU1C,OAAO,CAAC,oCAAoC;IAe5C,OAAO,CAAC,wBAAwB;IAyEhC,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,wCAAwC;IA+BhD,OAAO,CAAC,eAAe;IA6CvB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,YAAY;IA8CpB,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,uBAAuB;IAqC/B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,eAAe;IA+BvB,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,cAAc;IAwCtB,OAAO,CAAC,YAAY;CAarB;AAMD,eAAe,QAAQ,CAAA"}
+{
+  "version": 3,
+  "file": "Tags.d.ts",
+  "sourceRoot": "",
+  "sources": [
+    "Tags.d.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA"
+}