monobill-mintui 0.4.3 → 0.4.4

package/dist/popover-CuSBQ8Jm.cjs

@@ -1 +0,0 @@
-require(`./stack-tFy8YlX2.cjs`);var e=class extends HTMLElement{static get observedAttributes(){return[`id`,`direction`,`open`,`trigger-id`]}constructor(){super(),this._overlay=null,this._popover=null,this._triggerElement=null,this._darkModeObserver=null,this._clickOutsideHandler=null,this._triggerClickHandler=null,this._scrollHandler=null,this._resizeHandler=null}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`fixed`,`inset-0`,`z-50`),this.isOpen()||this.classList.add(`hidden`),this.render(),this._setupTrigger(),this._observeDarkMode()}disconnectedCallback(){this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null),this._clickOutsideHandler&&=(document.removeEventListener(`click`,this._clickOutsideHandler),null),this._triggerClickHandler&&this._triggerElement&&(this._triggerElement.removeEventListener(`click`,this._triggerClickHandler),this._triggerClickHandler=null),this._scrollHandler&&=(window.removeEventListener(`scroll`,this._scrollHandler,!0),null),this._resizeHandler&&=(window.removeEventListener(`resize`,this._resizeHandler),null)}attributeChangedCallback(e,t,n){t!==n&&(this.render(),e===`trigger-id`&&this._setupTrigger())}getId(){return this.getAttribute(`id`)||``}getDirection(){return this.getAttribute(`direction`)||`down`}getTriggerId(){return this.getAttribute(`trigger-id`)||``}isOpen(){return this.hasAttribute(`open`)}open(){this.setAttribute(`open`,``)}close(){this.removeAttribute(`open`)}_setupTrigger(){let e=this.getTriggerId();this._triggerClickHandler&&this._triggerElement&&(this._triggerElement.removeEventListener(`click`,this._triggerClickHandler),this._triggerClickHandler=null),e&&(this._triggerElement=document.getElementById(e),this._triggerElement?this._attachTriggerListener():setTimeout(()=>{this._triggerElement=document.getElementById(e),this._triggerElement&&this._attachTriggerListener()},10))}_attachTriggerListener(){if(this._triggerElement&&!this._triggerClickHandler){let e=this;this._triggerClickHandler=function(t){t.stopImmediatePropagation(),t.preventDefault(),e.hasAttribute(`open`)?e.removeAttribute(`open`):e.setAttribute(`open`,``)},this._triggerElement.addEventListener(`click`,this._triggerClickHandler,!0)}}_calculatePosition(){if(!this._triggerElement||!this._popover)return{top:0,left:0,direction:`down`};let e=this._triggerElement.getBoundingClientRect(),t=this._popover.querySelector(`.popover-content`);if(!t)return{top:0,left:0,direction:`down`};this.classList.contains(`hidden`)&&(this.classList.remove(`hidden`),this._popover.style.visibility=`hidden`);let n=t.getBoundingClientRect(),r=window.innerWidth,i=window.innerHeight,a=this.getDirection(),o=0,s=0;switch(a){case`down`:if(o=e.bottom+8,s=e.left+e.width/2-n.width/2,o+n.height>i){let t=e.top-n.height-8;t>=0?(a=`up`,o=t):(o=Math.max(0,i-n.height-8),o+n.height>i&&(o=0))}s<0&&(s=8),s+n.width>r&&(s=Math.max(8,r-n.width-8),s+n.width>r&&(s=r-n.width));break;case`up`:if(o=e.top-n.height-8,s=e.left+e.width/2-n.width/2,o<0){let t=e.bottom+8;t+n.height<=i?(a=`down`,o=t):(o=Math.min(i-n.height-8,i-n.height),o<0&&(o=i-n.height))}s<0&&(s=8),s+n.width>r&&(s=Math.max(8,r-n.width-8),s+n.width>r&&(s=r-n.width));break;case`right`:if(o=e.top+e.height/2-n.height/2,s=e.right+8,s+n.width>r){let t=e.left-n.width-8;t>=0?(a=`left`,s=t):(s=Math.max(0,r-n.width-8),s+n.width>r&&(s=r-n.width))}o<0&&(o=8),o+n.height>i&&(o=Math.max(8,i-n.height-8),o+n.height>i&&(o=i-n.height));break;case`left`:if(o=e.top+e.height/2-n.height/2,s=e.left-n.width-8,s<0){let t=e.right+8;t+n.width<=r?(a=`right`,s=t):(s=Math.min(r-n.width-8,r-n.width),s<0&&(s=0))}o<0&&(o=8),o+n.height>i&&(o=Math.max(8,i-n.height-8),o+n.height>i&&(o=i-n.height));break}return{top:o,left:s,direction:a}}render(){let e=this.getId(),t=this.isOpen();if(e&&(this.id=e),t){if(this.classList.remove(`hidden`),this.style.pointerEvents=`auto`,!this._clickOutsideHandler){let e=this;this._clickOutsideHandler=function(t){let n=t.target,r=e._popover?.querySelector(`.popover-content`),i=r&&(r.contains(n)||r===n),a=n.closest(`button, a, [role="button"], mint-button, mint-link`)!==null;(!i||a)&&e.close()},setTimeout(()=>{document.addEventListener(`click`,this._clickOutsideHandler,!1)},100)}}else this.classList.add(`hidden`),this.style.pointerEvents=`none`,this._clickOutsideHandler&&=(document.removeEventListener(`click`,this._clickOutsideHandler,!0),null);this._overlay||(this._overlay=document.createElement(`div`),this._overlay.className=`fixed inset-0 pointer-events-none z-40`,this.appendChild(this._overlay)),this._popover||(this._popover=document.createElement(`div`),this._popover.className=`fixed z-50 pointer-events-auto`,this.appendChild(this._popover));let n=this._popover.querySelector(`.popover-content`);n||(n=document.createElement(`div`),n.className=`popover-content bg-white dark:bg-gray-800 rounded-lg shadow-xl p-4 transition-all duration-200 ease-out transform`,this._popover.appendChild(n)),Array.from(this.children).forEach(e=>{e!==this._overlay&&e!==this._popover&&e.parentElement===this&&n.appendChild(e)}),t?(this._triggerElement||this._setupTrigger(),this._setupPositionListeners(),this.offsetHeight,this._triggerElement?this._updatePosition(n):(this._popover.style.top=`50%`,this._popover.style.left=`50%`,this._popover.style.transform=`translate(-50%, -50%)`,this._popover.style.visibility=`visible`,this._popover.style.display=`block`,n.style.transform=`scale(0.97) translateY(10px)`,n.style.opacity=`0`,n.style.transition=`all 200ms ease-out`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{n.style.transform=`scale(1) translateY(0)`,n.style.opacity=`1`})}))):!t&&n&&(this._removePositionListeners(),n.style.opacity!==`0`&&n.style.opacity!==``&&(n.style.transition=`all 200ms ease-in`,n.style.transform=`scale(0.97) translateY(10px)`,n.style.opacity=`0`,setTimeout(()=>{n.style.transform=``,n.style.opacity=``,n.style.transition=``,this._popover.style.visibility=``,this._popover.style.display=``},200))),this._updateBackgroundColor()}_updateBackgroundColor(){if(!this._popover)return;let e=document.documentElement.classList.contains(`dark`),t=this._popover.querySelector(`.popover-content`);t&&(e?(t.classList.remove(`bg-white`),t.classList.add(`bg-gray-800`)):(t.classList.remove(`bg-gray-800`),t.classList.add(`bg-white`)))}_observeDarkMode(){this._darkModeObserver||(this._darkModeObserver=new MutationObserver(()=>{this._updateBackgroundColor()}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}))}_updatePosition(e){if(!this._triggerElement||!this._popover)return;let t=this._popover.style.visibility!==`hidden`;t||(this._popover.style.visibility=`hidden`,this._popover.style.display=`block`,this._popover.style.top=`0`,this._popover.style.left=`0`),this._popover.offsetHeight;let n=this._calculatePosition();this._popover.style.top=`${n.top}px`,this._popover.style.left=`${n.left}px`,t||(this._popover.style.visibility=`visible`,e&&(!e.style.opacity||e.style.opacity===``)&&(e.style.transform=`scale(0.97) translateY(10px)`,e.style.opacity=`0`,e.style.transition=`all 200ms ease-out`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.transform=`scale(1) translateY(0)`,e.style.opacity=`1`})})))}_setupPositionListeners(){if(!this._scrollHandler&&this.isOpen()){let e=this;this._scrollHandler=function(){if(e.isOpen()&&e._popover){let t=e._popover.querySelector(`.popover-content`);e._updatePosition(t)}},window.addEventListener(`scroll`,this._scrollHandler,!0)}if(!this._resizeHandler&&this.isOpen()){let e=this;this._resizeHandler=function(){if(e.isOpen()&&e._popover){let t=e._popover.querySelector(`.popover-content`);e._updatePosition(t)}},window.addEventListener(`resize`,this._resizeHandler)}}_removePositionListeners(){this._scrollHandler&&=(window.removeEventListener(`scroll`,this._scrollHandler,!0),null),this._resizeHandler&&=(window.removeEventListener(`resize`,this._resizeHandler),null)}};customElements.get(`mint-popover`)||customElements.define(`mint-popover`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/popover.cjs

@@ -1 +0,0 @@
-require(`./popover-CuSBQ8Jm.cjs`);

package/dist/popover.d.ts

@@ -1 +0,0 @@
-export { MintPopover as default } from './mintui-elements'

package/dist/popover.js

@@ -1 +0,0 @@
-import "./popover-7bn3gySt.js";

package/dist/spinner.cjs

@@ -1 +0,0 @@
-const e=require(`./spinner-GtQIe8rS.cjs`);module.exports=e.t;

package/dist/spinner.d.ts

@@ -1 +0,0 @@
-export { MintSpinner as default } from './mintui-elements'

package/dist/spinner.js

@@ -1,2 +0,0 @@
-import { t as e } from "./spinner-DqXU-cr-.js";
-export { e as default };

package/dist/stack.cjs

@@ -1 +0,0 @@
-const e=require(`./stack-tFy8YlX2.cjs`);module.exports=e.t;

package/dist/stack.d.ts

@@ -1 +0,0 @@
-export { MintStack as default } from './mintui-elements'

package/dist/stack.js

@@ -1,2 +0,0 @@
-import { t as e } from "./stack-D0noPfD1.js";
-export { e as default };

package/dist/switch-DeQNPnla.cjs

@@ -1 +0,0 @@
-require(`./Icon-BTuYBm_3.cjs`);var e=class extends HTMLElement{static get observedAttributes(){return[`checked`,`disabled`,`label`,`icon`]}constructor(){super(),this._button=null,this._checked=!1}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`align-baseline`,`inline-block`,`flex`,`items-center`),this._checked=this.hasAttribute(`checked`),this.render()}disconnectedCallback(){this.removeEventListeners()}attributeChangedCallback(e,t,n){e===`checked`&&(this._checked=n!==null),t!==n&&this.render()}get checked(){return this._checked}set checked(e){e?this.setAttribute(`checked`,``):this.removeAttribute(`checked`),this._checked=!!e,this.render()}isDisabled(){return this.hasAttribute(`disabled`)}getLabel(){return this.getAttribute(`label`)||``}getIcon(){return this.getAttribute(`icon`)||``}hasIcon(){return!!this.getIcon()}getSwitchClasses(){let e=[`relative`,`inline-flex`,`items-center`,`rounded-full`,`h-5`,`w-10`,`border`,`transition-colors`,`duration-200`,`ease-in-out`,`outline-none`,`focus:outline-none`,`focus-visible:ring-2`,`focus-visible:ring-offset-2`,`focus-visible:ring-slate-500`,`dark:focus-visible:ring-slate-400`,`active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.3)]`,`disabled:opacity-50`,`disabled:cursor-not-allowed`],t=this._checked?[`bg-slate-950`,`dark:bg-slate-600`,`border-slate-700`,`dark:border-slate-500`]:[`bg-slate-200`,`dark:bg-slate-400`,`border-slate-300`,`dark:border-slate-500`];return[...e,...t].join(` `)}getThumbClasses(){let e=[`relative`,`inline-block`,`rounded-full`,`bg-white`,`dark:bg-gray-50`,`h-4`,`w-4`,`shadow-lg`,`transform`,`transition-transform`,`duration-200`,`ease-in-out`,`pointer-events-none`,`overflow-hidden`],t=this._checked?`translate-x-5`:`translate-x-0.5`;return[...e,t].join(` `)}getIconClasses(){return[`absolute`,`inset-0`,`flex`,`items-center`,`justify-center`,`pointer-events-none`].join(` `)}render(){let e=this.getSwitchClasses(),t=this.getThumbClasses(),n=this.getLabel(),r=this.getIcon();this._button||(this._button=document.createElement(`button`),this.appendChild(this._button),this.setupEventListeners()),this._button.className=e,this._button.disabled=this.isDisabled(),this._button.setAttribute(`aria-checked`,this._checked),this._button.setAttribute(`aria-label`,n),this._button.setAttribute(`role`,`switch`),this._button.type=`button`;let i=this._button.querySelector(`span`);i||(i=document.createElement(`span`),this._button.appendChild(i)),i.className=t;let a=i.querySelector(`span`);if(r){let e=a;e||(e=document.createElement(`span`),e.className=this.getIconClasses(),i.appendChild(e));let t=e.querySelector(`mint-icon`);t||(t=document.createElement(`mint-icon`),e.appendChild(t)),t.setAttribute(`name`,r)}else a&&a.remove()}setupEventListeners(){this._button&&this._button.addEventListener(`click`,this.handleToggle.bind(this))}removeEventListeners(){this._button&&this._button.removeEventListener(`click`,this.handleToggle.bind(this))}handleToggle(e){this.isDisabled()||(this.checked=!this._checked,this.dispatchEvent(new CustomEvent(`change`,{detail:{checked:this._checked},bubbles:!0,cancelable:!0})),this.dispatchEvent(new CustomEvent(`toggle`,{detail:{checked:this._checked},bubbles:!0,cancelable:!0})))}};customElements.get(`mint-switch`)||customElements.define(`mint-switch`,e),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/switch.cjs

@@ -1 +0,0 @@
-const e=require(`./switch-DeQNPnla.cjs`);module.exports=e.t;

package/dist/switch.d.ts

@@ -1 +0,0 @@
-export { MintSwitch as default } from './mintui-elements'

package/dist/switch.js

@@ -1,2 +0,0 @@
-import { t as e } from "./switch-DQ0Eaz6M.js";
-export { e as default };

package/dist/text.cjs

@@ -1 +0,0 @@
-const e=require(`./text-CoinZsjJ.cjs`);module.exports=e.t;

package/dist/text.d.ts

@@ -1 +0,0 @@
-export { MintText as default } from './mintui-elements'

package/dist/text.js

@@ -1,2 +0,0 @@
-import { t as e } from "./text-q58TQcH-.js";
-export { e as default };