q2-tecton-elements 1.4.4 → 1.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/click-elsewhere.cjs.entry.js +1 -1
- package/dist/cjs/{index-88eda03b.js → index-56373ad4.js} +6 -1
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{patch-e20a85b4.js → patch-9ecad880.js} +1 -1
- package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
- package/dist/cjs/q2-btn.cjs.entry.js +1 -1
- package/dist/cjs/q2-calendar.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +6 -4
- package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
- package/dist/cjs/q2-icon.cjs.entry.js +1 -1
- package/dist/cjs/q2-input_2.cjs.entry.js +2 -2
- package/dist/cjs/q2-loading-element.cjs.entry.js +2 -2
- package/dist/cjs/q2-loading.cjs.entry.js +2 -2
- package/dist/cjs/q2-loc.cjs.entry.js +1 -1
- package/dist/cjs/q2-optgroup.cjs.entry.js +1 -1
- package/dist/cjs/q2-option.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio.cjs.entry.js +1 -1
- package/dist/cjs/q2-section.cjs.entry.js +1 -1
- package/dist/cjs/q2-select.cjs.entry.js +1 -1
- package/dist/cjs/q2-tab-container.cjs.entry.js +521 -1042
- package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +3 -3
- package/dist/cjs/{shapes-00766dc3.js → shapes-8ec3a001.js} +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +2 -1
- package/dist/collection/components/q2-dropdown/index.js +8 -4
- package/dist/collection/components/q2-input/formatting/phone.js +1 -1
- package/dist/collection/components/q2-tab-container/index.js +108 -38
- package/dist/collection/components/q2-tab-container/styles.css +4 -2
- package/dist/collection/components/tecton-tab-pane/index.js +1 -0
- package/dist/esm/click-elsewhere.entry.js +1 -1
- package/dist/esm/{index-b70f7228.js → index-06403810.js} +6 -1
- package/dist/esm/loader.mjs +3 -3
- package/dist/esm/{patch-187aa2d6.js → patch-580829e4.js} +1 -1
- package/dist/esm/q2-avatar.entry.js +1 -1
- package/dist/esm/q2-btn.entry.js +1 -1
- package/dist/esm/q2-calendar.entry.js +1 -1
- package/dist/esm/q2-carousel-pane.entry.js +1 -1
- package/dist/esm/q2-carousel.entry.js +1 -1
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/q2-checkbox.entry.js +1 -1
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +6 -4
- package/dist/esm/q2-editable-field.entry.js +1 -1
- package/dist/esm/q2-icon.entry.js +1 -1
- package/dist/esm/q2-input_2.entry.js +2 -2
- package/dist/esm/q2-loading-element.entry.js +2 -2
- package/dist/esm/q2-loading.entry.js +2 -2
- package/dist/esm/q2-loc.entry.js +1 -1
- package/dist/esm/q2-optgroup.entry.js +1 -1
- package/dist/esm/q2-option.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +1 -1
- package/dist/esm/q2-radio.entry.js +1 -1
- package/dist/esm/q2-section.entry.js +1 -1
- package/dist/esm/q2-select.entry.js +1 -1
- package/dist/esm/q2-tab-container.entry.js +521 -1042
- package/dist/esm/q2-tab-pane.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.mjs +3 -3
- package/dist/esm/{shapes-1a12324b.js → shapes-ac99fc8e.js} +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +2 -1
- package/dist/esm-es5/click-elsewhere.entry.js +1 -1
- package/dist/esm-es5/{index-b70f7228.js → index-06403810.js} +6 -1
- package/dist/esm-es5/loader.mjs +3 -3
- package/dist/esm-es5/{patch-187aa2d6.js → patch-580829e4.js} +1 -1
- package/dist/esm-es5/q2-avatar.entry.js +1 -1
- package/dist/esm-es5/q2-btn.entry.js +1 -1
- package/dist/esm-es5/q2-calendar.entry.js +1 -1
- package/dist/esm-es5/q2-carousel-pane.entry.js +1 -1
- package/dist/esm-es5/q2-carousel.entry.js +1 -1
- package/dist/esm-es5/q2-checkbox-group.entry.js +1 -1
- package/dist/esm-es5/q2-checkbox.entry.js +1 -1
- package/dist/esm-es5/q2-dropdown-item.entry.js +1 -1
- package/dist/esm-es5/q2-dropdown.entry.js +6 -4
- package/dist/esm-es5/q2-editable-field.entry.js +1 -1
- package/dist/esm-es5/q2-icon.entry.js +1 -1
- package/dist/esm-es5/q2-input_2.entry.js +2 -2
- package/dist/esm-es5/q2-loading-element.entry.js +2 -2
- package/dist/esm-es5/q2-loading.entry.js +2 -2
- package/dist/esm-es5/q2-loc.entry.js +1 -1
- package/dist/esm-es5/q2-optgroup.entry.js +1 -1
- package/dist/esm-es5/q2-option.entry.js +1 -1
- package/dist/esm-es5/q2-radio-group.entry.js +1 -1
- package/dist/esm-es5/q2-radio.entry.js +1 -1
- package/dist/esm-es5/q2-section.entry.js +1 -1
- package/dist/esm-es5/q2-select.entry.js +1 -1
- package/dist/esm-es5/q2-tab-container.entry.js +426 -1068
- package/dist/esm-es5/q2-tab-pane.entry.js +1 -1
- package/dist/esm-es5/q2-tecton-elements.mjs +3 -3
- package/dist/esm-es5/{shapes-1a12324b.js → shapes-ac99fc8e.js} +1 -1
- package/dist/esm-es5/tecton-tab-pane.entry.js +2 -1
- package/dist/q2-tecton-elements/{p-c96424ae.entry.js → p-0898c601.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-c164ff6e.entry.js → p-1118a9a2.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-06e01d71.system.js → p-1b41293f.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-b1fb02bf.entry.js → p-2071c411.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-2b69fdec.system.js +1 -0
- package/dist/q2-tecton-elements/p-2b775411.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-30c73ea9.entry.js → p-368f6eee.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-33a4a4e6.system.entry.js → p-3788add3.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-5adaa91d.system.entry.js → p-3de63622.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-43a05b9f.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-b96a2e11.entry.js → p-441decb7.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-5f52c28d.system.js → p-46e098a0.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-843fdb33.system.entry.js → p-55ff8885.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f01bebc8.system.entry.js → p-560cadce.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9fc24628.js → p-5f9033b7.js} +1 -1
- package/dist/q2-tecton-elements/{p-1113bf25.system.entry.js → p-63ec6e3d.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-323cbdd3.entry.js → p-65d32cb9.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a53e34ff.system.entry.js → p-66c9c34a.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-6c2249f2.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-d3d487ce.entry.js → p-7624ed0d.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9f4d9ea2.system.entry.js → p-7e5a1320.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a68a88bb.system.entry.js → p-824c4b15.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3d8e5455.system.entry.js → p-82ce1d2d.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-12cf6e8b.entry.js → p-84e239ae.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ce2eb03c.js → p-885ad5bb.js} +1 -1
- package/dist/q2-tecton-elements/{p-208d0c6e.system.entry.js → p-8fa28d27.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-7b10d18b.entry.js → p-94944dd4.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-94a26b0f.system.js +1 -0
- package/dist/q2-tecton-elements/{p-b88eabe8.system.entry.js → p-9644093a.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-5fc58e19.entry.js → p-967e5b17.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-9d45cb48.system.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-b2a4162a.entry.js → p-9d82b5a4.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-4b737f84.system.entry.js → p-a0865160.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-832f3e02.entry.js → p-a7831802.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-aa243b6a.system.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-5f0adaa9.system.entry.js → p-ad806b56.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-75be017a.entry.js → p-b0d0f85d.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-2fce6304.entry.js → p-b3b046f3.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-b5ebb4cb.js +1 -0
- package/dist/q2-tecton-elements/{p-f6023957.entry.js → p-ba96d37c.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f6f4572b.system.entry.js → p-bbef2e56.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-07203a0e.entry.js → p-c39e81d3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-46204d10.entry.js → p-c3d24f40.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-c88975f8.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-535687b4.system.entry.js → p-cb8d4e07.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ad2fa69f.system.entry.js → p-cf340d13.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-390b9415.entry.js → p-d30f657f.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8dfd0e89.system.entry.js → p-db3ade12.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-7b3a7b01.entry.js → p-dc4b38dc.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-4fd89735.system.entry.js → p-ebc8a18d.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-83ac78cd.entry.js → p-ed186964.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3a2e7aad.system.entry.js → p-f1717e3c.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-dbf210b9.system.entry.js → p-f248c3db.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9a298ef4.entry.js → p-f7f06773.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-fc9ea618.system.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-49ec33ae.system.entry.js → p-fcc00d73.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-b4637b36.system.entry.js → p-fefca9c1.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.js +1 -1
- package/dist/types/components/q2-dropdown/index.d.ts +1 -0
- package/dist/types/components/q2-tab-container/index.d.ts +8 -4
- package/dist/types/workspace/workspace/{_tecton-production_release_1.4.x → _tecton-production_release_1.5.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
- package/package.json +3 -2
- package/dist/q2-tecton-elements/p-00067d0a.system.js +0 -1
- package/dist/q2-tecton-elements/p-154bd5bd.entry.js +0 -1
- package/dist/q2-tecton-elements/p-1a8e579d.js +0 -1
- package/dist/q2-tecton-elements/p-268818c7.entry.js +0 -1
- package/dist/q2-tecton-elements/p-7e020511.system.entry.js +0 -1
- package/dist/q2-tecton-elements/p-bc15b363.entry.js +0 -1
- package/dist/q2-tecton-elements/p-ce8573ad.system.entry.js +0 -1
- package/dist/q2-tecton-elements/p-e41762c1.system.entry.js +0 -1
- package/dist/q2-tecton-elements/p-f08aea0c.system.js +0 -1
- package/dist/q2-tecton-elements/p-f15af226.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-2b69fdec.system.js"],(function(t){"use strict";var e,o,i;return{setters:[function(t){e=t.r;o=t.h;i=t.g}],execute:function(){var n="*{-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}.q2-option-container{--q2-option-selected-icon-size:var(\n --tct-option-selected-icon-size,\n var(--tct-scale-3, var(--app-scale-3, 15px))\n )}.q2-option-container:not([hidden]){padding:var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.q2-option-container[aria-disabled='true']{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}.q2-option-container:not([aria-disabled='true']):hover,:host([active]) .q2-option-container,:host(:focus) .q2-option-container{background-color:var(--tct-option-active-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)));color:var(--tct-option-active-font-color, inherit)}.q2-option-selection{-ms-flex:0 0 var(--q2-option-selected-icon-size);flex:0 0 var(--q2-option-selected-icon-size);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-option-selection-icon{width:var(--q2-option-selected-icon-size);height:var(--q2-option-selected-icon-size)}.q2-option-content{-ms-flex:1 1 auto;flex:1 1 auto}:host(:not([multiline])) .q2-option-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";var s=t("q2_option",function(){function t(t){var o=this;e(this,t);this._multiSelectHidden=false;this.onOptionClick=function(t){t.stopImmediatePropagation();var e=o.disabled||o.disabledGroup;!e&&o.hostElement.dispatchEvent(new MouseEvent("click",{bubbles:true}))}}t.prototype.render=function(){return o("div",{role:"option","aria-selected":""+this.selected,"aria-disabled":""+(this.disabledGroup||this.disabled||false),id:this.optionId,hidden:this._multiSelectHidden||this.hidden||false,class:"q2-option-container",tabindex:"0",onClick:this.onOptionClick},o("div",{class:"q2-option-selection"},this.selected?o("q2-icon",{type:"checkmark",class:"q2-option-selection-icon"}):""),o("div",{class:"q2-option-content"},o("slot",null)))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());s.style=n}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e}from"./p-
|
|
1
|
+
import{h as e}from"./p-b5ebb4cb.js";const l={circle:({width:l,additionalClasses:i})=>e("div",{class:"skeleton-shape circle "+(i||""),style:{width:l,height:l}}),rectangle:({width:l,height:i,borderRadius:t,additionalClasses:d})=>e("div",{class:"skeleton-shape rectangle "+(d||""),style:{width:l,height:i,borderRadius:t}})},i={field:()=>e("div",{class:"skeleton-shape field"},e("div",{class:"skeleton-field-label"},l.rectangle({height:"1rem",width:"50%"})),l.rectangle({height:"var(--tct-input-height, 42px)",borderRadius:"3px"})),text:(i,t)=>{var d;const s=null!==(d=null==i?void 0:i[0])&&void 0!==d?d:1,a=null==t?void 0:t.has("header"),r=((null==t?void 0:t.has("center"))?"center":(null==t?void 0:t.has("right"))&&"right")||"left",o=(null==t?void 0:t.has("smallheader"))?" smaller":"";return e("div",{class:"skeleton-shape text"},a&&l.rectangle({width:"60%",additionalClasses:a?`header ${r}${o}`:""}),!!s&&Array(s).fill(void 0).map(()=>l.rectangle({height:"1rem"})))}},t={rectangle:()=>l.rectangle({height:"100%",borderRadius:"var(--tct-border-radius-1, 3px)"}),table:(i,t)=>{var d,s;const a=null!==(d=null==i?void 0:i[0])&&void 0!==d?d:5,r=null!==(s=null==i?void 0:i[1])&&void 0!==s?s:5,o=null==t?void 0:t.has("headless"),n=null==t?void 0:t.has("bordered");return e("div",{class:"skeleton-shape table"},!o&&e("div",{class:"skeleton-table-head"},e("div",{class:"skeleton-table-row skeleton-table-header flex"},!!a&&Array(a).fill(void 0).map(()=>l.rectangle({height:"1rem"}))),e("div",{class:"skeleton-table-row-border"},l.rectangle({height:"3px"}))),e("div",{class:"skeleton-table-body"},!!r&&Array(r).fill(void 0).map(()=>e("div",{class:"skeleton-table-row-wrapper"},e("div",{class:"skeleton-table-row flex"},!!a&&Array(a).fill(void 0).map(()=>l.rectangle({height:"1.5rem"}))),n&&e("div",{class:"skeleton-table-row-border"},l.rectangle({height:"1px",additionalClasses:"no-margin"}))))))},field:i.field,form:l=>{var t,d,s;const a=null!==(t=(null==l?void 0:l[1])&&(null==l?void 0:l[0]))&&void 0!==t?t:1,r=a*(null!==(s=null!==(d=null==l?void 0:l[1])&&void 0!==d?d:null==l?void 0:l[0])&&void 0!==s?s:1);return e("div",{class:"skeleton-shape form flex columns-"+a},!!r&&Array(r).fill(void 0).map(i.field))},text:i.text,"detailed-item":(t,d)=>{const s=null==d?void 0:d.has("square"),a=((null==d?void 0:d.has("center"))?"center":(null==d?void 0:d.has("right"))&&"right")||"left";return e("div",{class:"skeleton-shape detailed-item flex "+a},e("div",{class:"detailed-item-image flex-"+a},s?l.rectangle({width:"1.5em",height:"1.5em",borderRadius:"3px"}):l.circle({width:"1.5em"})),e("div",{class:"detailed-item-text flex flex-v-center flex-"+a},e("div",null,i.text(t,d))))},"label-value":i=>{var t;const d=2*(null!==(t=null==i?void 0:i[0])&&void 0!==t?t:1);return e("div",{class:"skeleton-shape label-value flex"},!!d&&Array(d).fill(void 0).map(()=>l.rectangle({height:"1rem"})))}};export{l as a,t as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-f08aea0c.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-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-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-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, 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, 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}}}));
|
|
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-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-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-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, 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, 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}}}));
|