const e="undefined"!=typeof window&&void 0!==window.document,t=e?window:{};e&&t.document.documentElement;const s=Number.isNaN||t.isNaN;const o=/([a-z\d])([A-Z])/g;function n(e){return String(e).replace(o,"$1-$2").toLowerCase()}const r=/-[A-z\d]/g;function i(e){return e.replace(r,(e=>e.slice(1).toUpperCase()))}const a={bubbles:!0,cancelable:!0,composed:!0};const c=Promise.resolve();const l=/left|top|width|height/i,h="open",d=new WeakMap,u=new WeakMap,p=new Map,b=t.document&&Array.isArray(t.document.adoptedStyleSheets)&&"replaceSync"in t.CSSStyleSheet.prototype;class m extends HTMLElement{get $sharedStyle(){return(this.themeColor?`:host{--theme-color: ${this.themeColor};}`:"")+":host([hidden]){display:none!important}"}constructor(){var e,t;super(),this.shadowRootMode=h,this.slottable=!0;const s=null===(t=null===(e=Object.getPrototypeOf(this))||void 0===e?void 0:e.constructor)||void 0===t?void 0:t.$name;s&&p.set(s,this.tagName.toLowerCase())}static get observedAttributes(){return["shadow-root-mode","slottable","theme-color"]}attributeChangedCallback(e,t,s){if(Object.is(s,t))return;const o=i(e);let n=s;switch(typeof this[o]){case"boolean":n=null!==s&&"false"!==s;break;case"number":n=Number(s)}switch(this[o]=n,e){case"theme-color":{const e=u.get(this),t=this.$sharedStyle;e&&t&&(b?e.replaceSync(t):e.textContent=t);break}}}$propertyChangedCallback(e,t,o){if(!Object.is(o,t))switch(e=n(e),typeof o){case"boolean":!0===o?this.hasAttribute(e)||this.setAttribute(e,""):this.removeAttribute(e);break;case"number":o=s(o)?"":String(o);default:o?this.getAttribute(e)!==o&&this.setAttribute(e,o):this.removeAttribute(e)}}connectedCallback(){Object.getPrototypeOf(this).constructor.observedAttributes.forEach((e=>{const t=i(e);let s=this[t];(function(e){return void 0===e})(s)||this.$propertyChangedCallback(t,void 0,s),Object.defineProperty(this,t,{enumerable:!0,configurable:!0,get:()=>s,set(e){const o=s;s=e,this.$propertyChangedCallback(t,o,e)}})}));const e=this.attachShadow({mode:this.shadowRootMode||h});if(this.shadowRoot||d.set(this,e),u.set(this,this.$addStyles(this.$sharedStyle)),this.$style&&this.$addStyles(this.$style),this.$template){const t=document.createElement("template");t.innerHTML=this.$template,e.appendChild(t.content)}if(this.slottable){const t=document.createElement("slot");e.appendChild(t)}}disconnectedCallback(){u.has(this)&&u.delete(this),d.has(this)&&d.delete(this)}$getTagNameOf(e){var t;return null!==(t=p.get(e))&&void 0!==t?t:e}$setStyles(e){return Object.keys(e).forEach((t=>{let o=e[t];(function(e){return"number"==typeof e&&!s(e)})(o)&&(o=0!==o&&l.test(t)?`${o}px`:String(o)),this.style[t]=o})),this}$getShadowRoot(){return this.shadowRoot||d.get(this)}$addStyles(e){let t;const s=this.$getShadowRoot();return b?(t=new CSSStyleSheet,t.replaceSync(e),s.adoptedStyleSheets=s.adoptedStyleSheets.concat(t)):(t=document.createElement("style"),t.textContent=e,s.appendChild(t)),t}$emit(e,t,s){return function(e,t,s,o){return e.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign(Object.assign({},a),{detail:s}),o)))}(this,e,t,s)}$nextTick(e){return function(e,t){return t?c.then(e?t.bind(e):t):c}(this,e)}static $define(s,o){var r;"object"==typeof(r=s)&&null!==r&&(o=s,s=""),s||(s=this.$name||this.name),s=n(s),e&&t.customElements&&!t.customElements.get(s)&&customElements.define(s,this,o)}}m.$version="2.0.0-rc.2";class y extends m{constructor(){super(...arguments),this.$style=":host{display:flex;flex-direction:column;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([bordered]){border:1px dashed var(--theme-color)}:host([covered]){bottom:0;left:0;position:absolute;right:0;top:0}:host>span{display:flex;flex:1}:host>span+span{border-top:1px dashed var(--theme-color)}:host>span>span{flex:1}:host>span>span+span{border-left:1px dashed var(--theme-color)}",this.bordered=!1,this.columns=3,this.covered=!1,this.rows=3,this.slottable=!1,this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["bordered","columns","covered","rows"])}$propertyChangedCallback(e,t,s){Object.is(s,t)||(super.$propertyChangedCallback(e,t,s),"rows"!==e&&"columns"!==e||this.$nextTick((()=>{this.$render()})))}connectedCallback(){super.connectedCallback(),this.$render()}$render(){const e=this.$getShadowRoot(),t=document.createDocumentFragment();for(let e=0;e<this.rows;e+=1){const e=document.createElement("span");e.setAttribute("role","row");for(let t=0;t<this.columns;t+=1){const t=document.createElement("span");t.setAttribute("role","gridcell"),e.appendChild(t)}t.appendChild(e)}e&&(e.innerHTML="",e.appendChild(t))}}y.$name="cropper-grid",y.$version="2.0.0-rc.2";export{y as default};