@tindtechnologies/universalviewer/dist/esm/ion-checkbox-md.entry-S63ILYWW.js

The Universal Viewer is a community-developed open source project on a mission to help you share your 📚📜📰📽️📻🗿 with the 🌎

import{a as m,b as g}from"./chunk-Y2TXPXZV.js";import{c as k,d as p}from"./chunk-4DAZ7WDM.js";import{a as f,e as i,f as x,i as n,l as v,o as y}from"./chunk-VNJCZCB4.js";import"./chunk-L67DAW3A.js";var j=function(){function t(e){var o=this;f(this,e),this.inputId="ion-cb-"+F++,this.name=this.inputId,this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.value="on",this.onClick=function(){o.setFocus(),o.checked=!o.checked,o.indeterminate=!1},this.onFocus=function(){o.ionFocus.emit()},this.onBlur=function(){o.ionBlur.emit()},this.ionChange=n(this,"ionChange",7),this.ionFocus=n(this,"ionFocus",7),this.ionBlur=n(this,"ionBlur",7),this.ionStyle=n(this,"ionStyle",7)}return t.prototype.componentWillLoad=function(){this.emitStyle()},t.prototype.checkedChanged=function(e){this.ionChange.emit({checked:e,value:this.value}),this.emitStyle()},t.prototype.disabledChanged=function(){this.emitStyle()},t.prototype.emitStyle=function(){this.ionStyle.emit({"checkbox-checked":this.checked,"interactive-disabled":this.disabled})},t.prototype.setFocus=function(){this.buttonEl&&this.buttonEl.focus()},t.prototype.render=function(){var e,o=this,r=this,w=r.inputId,a=r.indeterminate,c=r.disabled,s=r.checked,C=r.value,z=r.color,h=r.el,d=w+"-lbl",l=y(this),b=k(h);b&&(b.id=d),p(!0,h,this.name,s?C:"",c);var u=a?i("path",{d:"M6 12L18 12"}):i("path",{d:"M5.9,12.5l3.8,3.8l8.8-8.8"});return l==="md"&&(u=a?i("path",{d:"M2 12H22"}):i("path",{d:"M1.73,12.91 8.1,19.28 22.79,4.59"})),i(x,{onClick:this.onClick,role:"checkbox","aria-disabled":c?"true":null,"aria-checked":""+s,"aria-labelledby":d,class:Object.assign(Object.assign({},g(z)),(e={},e[l]=!0,e["in-item"]=m("ion-item",h),e["checkbox-checked"]=s,e["checkbox-disabled"]=c,e["checkbox-indeterminate"]=a,e.interactive=!0,e))},i("svg",{class:"checkbox-icon",viewBox:"0 0 24 24"},u),i("button",{type:"button",onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.disabled,ref:function(I){return o.buttonEl=I}}))},Object.defineProperty(t.prototype,"el",{get:function(){return v(this)},enumerable:!0,configurable:!0}),Object.defineProperty(t,"watchers",{get:function(){return{checked:["checkedChanged"],disabled:["disabledChanged"]}},enumerable:!0,configurable:!0}),Object.defineProperty(t,"style",{get:function(){return":host{--background-checked:var(--ion-color-primary,#3880ff);--border-color-checked:var(--ion-color-primary,#3880ff);--checkmark-color:var(--ion-color-primary-contrast,#fff);--transition:none;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.ion-color){--background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}button{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}:host-context([dir=rtl]) button,[dir=rtl] button{left:unset;right:unset;right:0}button::-moz-focus-inner{border:0}.checkbox-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:1;opacity:0}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:calc(var(--size) * .125);--border-width:2px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb,0,0,0),0.51);--background:var(--ion-item-background,var(--ion-background-color,#fff));--transition:background 180ms cubic-bezier(0.4,0,0.2,1);--size:18px;width:var(--size);height:var(--size)}.checkbox-icon path{stroke-dasharray:30;stroke-dashoffset:30;stroke-width:3}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}:host(.checkbox-disabled){opacity:.3}:host(.in-item){margin-left:0;margin-right:0;margin-top:18px;margin-bottom:18px;display:block;position:static}:host(.in-item[slot=start]){margin-left:4px;margin-right:36px;margin-top:18px;margin-bottom:18px}@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px}}"},enumerable:!0,configurable:!0}),t}(),F=0;export{j as ion_checkbox};