q2-tecton-elements 1.5.3 → 1.6.3

package/dist/q2-tecton-elements/p-8896cf51.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-2b69fdec.system.js","./p-4576db15.system.js"],(function(e){"use strict";var t,o,c,r,a;return{setters:[function(e){t=e.r;o=e.c;c=e.h;r=e.g},function(e){a=e.c}],execute:function(){var i="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;--q2-checkbox-outer-stroke-color:var(\n        --tct-checkbox-outer-stroke-color,\n        var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n    );--q2-checkbox-outer-fill-color:var(\n        --tct-checkbox-outer-fill-color,\n        var(--tct-white, var(--app-white, #ffffff))\n    );--q2-checkbox-favorite-fill:var(\n        --tct-checkbox-favorite-fill-color,\n        var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n    );--q2-checkbox-checked-color:var(\n        --tct-checkbox-check-stroke-color,\n        var(--t-checkbox-fill, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))\n    )}input:disabled+label{opacity:var(\n        --tct-checkbox-disabled-opacity,\n        var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n    )}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(\n        --tct-checkbox-outer-border-radius,\n        var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n    );stroke:var(--q2-checkbox-outer-stroke-color);color:var(--q2-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--q2-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--q2-checkbox-outer-fill-color);-ms-flex-negative:0;flex-shrink:0}input:focus+label .checkbox-icon{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--q2-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--q2-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--q2-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--q2-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);-ms-flex:1 1 auto;flex:1 1 auto;width:calc(\n        100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px))\n    )}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 2.5);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);-webkit-transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease));transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n        stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type='favorite']) input:focus+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill)}:host([type='favorite']) input:checked+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--t-icon-stroke-primary:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill);fill:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-width:1;-webkit-transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n        stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.checkbox-icon,:host([type='toggle'][alignment='left']) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment='right']) .checkbox-icon,.toggle-svg{margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type='toggle']) .toggle-svg{height:30px;width:46px;position:relative}:host([type='toggle']) .toggle-track,:host([type='toggle']) .toggle-indicator{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{-webkit-transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type='toggle']) input:checked+label .toggle-indicator{left:21px}:host([type='toggle']) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color))}:host([type='toggle']) input:checked+label .off,:host([type='toggle']) input:not(:checked)+label .on{opacity:0}:host([type='toggle']) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));-webkit-transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";var l=e("q2_checkbox",function(){function e(e){var c=this;t(this,e);this.change=o(this,"change",7);this.checked=false;this.id="checkbox-"+a();this.onInputChange=function(e){e.stopPropagation();c.change.emit({value:e.target.value,checked:e.target.checked})}}e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};Object.defineProperty(e.prototype,"computedAriaLabel",{get:function(){return!this.label&&this.ariaLabel&&this.loc(this.ariaLabel)||undefined},enumerable:false,configurable:true});e.prototype.defaultChangeHandler=function(e){if(e.target===this.hostElement&&!this.hostElement.onchange&&!!e.detail){this.checked=e.detail.checked}};e.prototype.render=function(){return c("div",{class:"checkbox-container"},c("input",{id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||false,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.computedAriaLabel,onChange:this.onInputChange,"test-id":"q2CheckboxInnerCheckBox"}),c("label",{htmlFor:this.id,"test-id":"checkboxButton"},this.generateCheckboxSVG(),c("div",{class:"q2-checkbox-label-content"},this.label&&this.loc(this.label)||"",c("slot",null))))};e.prototype.generateCheckboxSVG=function(){if(this.type==="favorite"){return c("q2-icon",{type:"star",class:"checkbox-icon"})}if(this.type==="toggle"){return this.generateToggleSVG()}return c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},c("rect",{fill:"none",x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())};e.prototype.generateCheckBoxSVGFill=function(){if(this.indeterminate){return c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"})}return c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})};e.prototype.generateToggleSVG=function(){return c("div",{class:"toggle-svg"},c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},c("rect",{width:"36",height:"14",rx:"7",x:"5"})),c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},c("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),c("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),c("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),c("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());l.style=i}}}));