@stories-js/core/dist/core/p-e5acf855.system.entry.js

Stories web components to build stories

/*!
 * (C) StoriesJS https://storiesjs.org - GPL-2.0 License
 */
System.register(["./p-fbcb0011.system.js","./p-5d1bdeae.system.js","./p-743c979d.system.js"],(function(e){"use strict";var t,o,r,i,c,n,s,a,l;return{setters:[function(e){t=e.r;o=e.i;r=e.h;i=e.c;c=e.g},function(e){n=e.g;s=e.r},function(e){a=e.c;l=e.h}],execute:function(){var h=":host{--background-checked:var(--stories-color-primary, #3880ff);--border-color-checked:var(--stories-color-primary, #3880ff);--checkmark-color:var(--stories-color-primary-contrast, #fff);--checkmark-width:1;--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(.stories-color){--background-checked:var(--stories-color-base);--border-color-checked:var(--stories-color-base);--checkmark-color:var(--stories-color-contrast)}label{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;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.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:var(--checkmark-width);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}";var d=0;var b=e("stories_checkbox",function(){function e(e){var r=this;t(this,e);this.storiesChange=o(this,"storiesChange",7);this.storiesFocus=o(this,"storiesFocus",7);this.storiesBlur=o(this,"storiesBlur",7);this.storiesStyle=o(this,"storiesStyle",7);this.inputId="stories-cb-".concat(d++);this.name=this.inputId;this.checked=false;this.indeterminate=false;this.disabled=false;this.value="on";this.onClick=function(e){e.preventDefault();r.setFocus();r.checked=!r.checked;r.indeterminate=false};this.onFocus=function(){r.storiesFocus.emit()};this.onBlur=function(){r.storiesBlur.emit()}}e.prototype.componentWillLoad=function(){this.emitStyle()};e.prototype.checkedChanged=function(e){this.storiesChange.emit({checked:e,value:this.value});this.emitStyle()};e.prototype.disabledChanged=function(){this.emitStyle()};e.prototype.emitStyle=function(){this.storiesStyle.emit({"checkbox-checked":this.checked,"interactive-disabled":this.disabled})};e.prototype.setFocus=function(){if(this.focusEl){this.focusEl.focus()}};e.prototype.render=function(){var e=this;var t=this,o=t.color,c=t.checked,h=t.disabled,d=t.el,b=t.indeterminate,u=t.inputId,k=t.name,p=t.value;var f=n(d,u),m=f.label,g=f.labelId,v=f.labelText;s(true,d,k,c?p:"",h);var y=b?r("path",{d:"M6 12L18 12",part:"mark"}):r("path",{d:"M5.9,12.5l3.8,3.8l8.8-8.8",part:"mark"});return r(i,{"aria-checked":"".concat(c),"aria-hidden":h?"true":null,"aria-labelledby":m?g:null,class:a(o,{"in-item":l("stories-item",d),"checkbox-checked":c,"checkbox-disabled":h,"checkbox-indeterminate":b,interactive:true}),onClick:this.onClick,role:"checkbox"},r("svg",{class:"checkbox-icon",viewBox:"0 0 24 24",part:"container"},y),r("label",{htmlFor:u},v),r("input",{ref:function(t){return e.focusEl=t},"aria-checked":"".concat(c),disabled:h,id:u,onBlur:function(){return e.onBlur()},onFocus:function(){return e.onFocus()},type:"checkbox"}))};Object.defineProperty(e.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"],disabled:["disabledChanged"]}},enumerable:false,configurable:true});return e}());b.style=h}}}));
//# sourceMappingURL=p-e5acf855.system.entry.js.map