q2-tecton-elements 1.3.1 → 1.3.5
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-4faae504.js → index-88eda03b.js} +0 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{patch-914a750e.js → patch-e20a85b4.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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +2 -2
- package/dist/cjs/{shapes-6672cf49.js → shapes-00766dc3.js} +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +1 -5
- package/dist/collection/components/tecton-tab-pane/index.js +0 -4
- package/dist/esm/click-elsewhere.entry.js +1 -1
- package/dist/esm/{index-34b1f583.js → index-b70f7228.js} +0 -3
- package/dist/esm/loader.mjs +2 -2
- package/dist/esm/{patch-6cd50c08.js → patch-187aa2d6.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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/esm/q2-tab-pane.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.mjs +2 -2
- package/dist/esm/{shapes-c290d265.js → shapes-1a12324b.js} +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +1 -5
- package/dist/esm-es5/click-elsewhere.entry.js +1 -1
- package/dist/esm-es5/{index-34b1f583.js → index-b70f7228.js} +0 -3
- package/dist/esm-es5/loader.mjs +2 -2
- package/dist/esm-es5/{patch-6cd50c08.js → patch-187aa2d6.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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/esm-es5/q2-tab-pane.entry.js +1 -1
- package/dist/esm-es5/q2-tecton-elements.mjs +2 -2
- package/dist/esm-es5/{shapes-c290d265.js → shapes-1a12324b.js} +1 -1
- package/dist/esm-es5/tecton-tab-pane.entry.js +1 -5
- package/dist/q2-tecton-elements/{p-a568efed.system.js → p-00067d0a.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-a713c5fc.system.js → p-06e01d71.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-42d82321.entry.js → p-07203a0e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-59a02c0a.entry.js → p-1048dd48.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-211d3858.entry.js → p-12cf6e8b.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-1a8e579d.js +1 -0
- package/dist/q2-tecton-elements/{p-04a9e20b.system.entry.js → p-1f8ea8da.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a53cd78f.system.entry.js → p-208d0c6e.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-19398668.entry.js → p-30c73ea9.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-67de0ec8.system.entry.js → p-37035bba.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ee20ba95.system.entry.js → p-3d8e5455.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-4007abdd.system.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-209592ce.system.entry.js → p-4433a232.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-79f337d9.entry.js → p-46204d10.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-1dc36e58.system.entry.js → p-49ec33ae.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-72742d91.system.entry.js → p-4fd89735.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-40b3ba17.system.entry.js → p-561628df.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-4ff290be.system.entry.js → p-5adaa91d.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-df6d17da.system.entry.js → p-5b054e1e.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a56bc5bf.system.entry.js → p-5c88a649.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-633aeeb4.entry.js → p-5e0021ec.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3082637e.system.entry.js → p-5f0adaa9.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9b266886.system.js → p-5f52c28d.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-b08c40a0.entry.js → p-5fc58e19.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-e6313cd6.entry.js → p-5ff595f3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-0a951e47.system.entry.js → p-647199c8.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-e93bfe23.entry.js → p-6cb61d0e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fd1b52e9.entry.js → p-70a87905.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-87bb9ff8.system.entry.js → p-70ffd0bb.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-5299effa.entry.js → p-75be017a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3c0b64bb.entry.js → p-7b10d18b.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-59121cc0.entry.js → p-7cdd18f7.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-7f5118a6.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-7659c3c2.entry.js → p-819126ca.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3ef9bb34.entry.js → p-83ac78cd.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-10502b27.system.entry.js → p-8dfd0e89.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9df42353.entry.js → p-9a298ef4.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-e00e02a3.entry.js → p-9df82ade.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-e1bd7e6a.js → p-9fc24628.js} +1 -1
- package/dist/q2-tecton-elements/{p-df1a0921.entry.js → p-a26673f1.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-c81dc9f0.system.entry.js → p-a53e34ff.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-e50a5546.entry.js → p-a942cc7c.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a9ab9f95.entry.js → p-aa0e3b90.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fb316fec.entry.js → p-b1fb02bf.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-c78e1b7c.system.entry.js → p-b88eabe8.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-64526ee4.entry.js → p-b96a2e11.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-38b9534b.entry.js → p-ba0baa43.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8bda3fe4.system.entry.js → p-bf8db157.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-78e5e68c.js → p-ce2eb03c.js} +1 -1
- package/dist/q2-tecton-elements/{p-ce0ad5f8.system.entry.js → p-daf25558.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-4126f9eb.system.entry.js → p-dbf210b9.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-5539639f.system.entry.js → p-e02615e5.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-b3933511.system.entry.js → p-ea606976.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-6df877cb.system.entry.js → p-f01bebc8.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-2d49c74e.system.js → p-f08aea0c.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-43dc7121.entry.js → p-f6023957.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-c58b223f.system.entry.js → p-f6f4572b.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/tecton-tab-pane/index.d.ts +0 -1
- package/package.json +2 -2
- package/dist/q2-tecton-elements/p-7ff881d1.js +0 -1
- package/dist/q2-tecton-elements/p-9f5539f3.entry.js +0 -1
- package/dist/q2-tecton-elements/p-a0a72bf3.system.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-f08aea0c.system.js","./p-4576db15.system.js"],(function(t){"use strict";var e,o,i,n,r;return{setters:[function(t){e=t.r;o=t.c;i=t.h;n=t.g},function(t){r=t.c}],execute:function(){var a="*{-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{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:0;margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:-webkit-gradient(linear, left top, right top, from(transparent), to(white));background:linear-gradient(to right, transparent, white)}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";var l=t("q2_radio_group",function(){function t(t){var i=this;e(this,t);this.change=o(this,"change",7);this.disabled=false;this.tileAlignment="center";this.hasError=false;this.id="radio-group-"+r();this.onMutationObserved=function(){i.valueUpdated();i.nameUpdated();i.disabledUpdated();i.tileLayoutUpdated()};this.onInnerRadioChange=function(t){t.stopImmediatePropagation();i.change.emit({value:t.detail.value})}}t.prototype.loc=function(t,e){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,e):t};Object.defineProperty(t.prototype,"radioElements",{get:function(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){var t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true});this.mutationObserver=t;this.onMutationObserved()};t.prototype.valueUpdated=function(){var t=this;this.radioElements.forEach((function(e){e.checked=t.value===e.value}))};t.prototype.nameUpdated=function(){var t=this;this.radioElements.forEach((function(e){e.name=t.name||t.id}))};t.prototype.disabledUpdated=function(){var t=this;this.radioElements.forEach((function(e){e.groupDisabled=t.disabled}))};t.prototype.tileLayoutUpdated=function(){var t=this;this.radioElements.forEach((function(e){e.groupTileLayout=t.tilelayout}))};t.prototype.onHostElementChange=function(t){if(t.target===this.hostElement){if(!this.hostElement.onchange){this.value=t.detail.value}}};t.prototype.render=function(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&this.loc(this.label),this.optional?i("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-radio-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerRadioChange,"aria-required":""+!this.optional},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&this.loc(this.label),this.optional?i("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",this.hasError?i("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},i("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))};t.prototype.inputDom=function(){if(this.tilelayout){return i("div",{class:this.tileAlignment==="left"?"flexed left":"flexed"},i("slot",null))}else{return i("slot",null)}};Object.defineProperty(t.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],tilelayout:["tileLayoutUpdated"]}},enumerable:false,configurable:true});return t}());l.style=a}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-2d49c74e.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, #2e2e2e)\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, #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-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, #2e2e2e)\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, #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 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-f08aea0c.system.js"],(function(e){"use strict";var t,n,r;return{setters:[function(e){t=e.r;n=e.c;r=e.g}],execute:function(){var o=e("click_elsewhere",function(){function e(e){var r=this;t(this,e);this.change=n(this,"change",7);this.mouseEventList=["mousedown","dragstart","touchstart"];this.isCurrentlyFocused=false;this.mouseHandler=function(e){var t=r.shadowContains(r.findActiveElement());var n=r.shadowContains(r.shadowEventTarget(e))||r.originatesInSlots(e.target);if(!n&&(r.isCurrentlyFocused||t)){r.isCurrentlyFocused=false;r.change.emit();return}r.isCurrentlyFocused=n||t};this.windowBlurHandler=function(){var e=r.findActiveElement();if(e===document.body&&r.isCurrentlyFocused){r.isCurrentlyFocused=false;r.change.emit();return}}}e.prototype.componentWillLoad=function(){var e=this;this.mouseEventList.forEach((function(t){document.addEventListener(t,e.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)};e.prototype.disconnectedCallback=function(){var e=this;this.mouseEventList.forEach((function(t){document.removeEventListener(t,e.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)};e.prototype.findActiveElement=function(){var e=document.activeElement;while(true){if(!e||!e.shadowRoot){return e}e=e.shadowRoot.activeElement}};e.prototype.shadowEventTarget=function(e){return e.composedPath()[0]||e.target};e.prototype.shadowContains=function(e){while(true){if(e===this.hostElement){return true}if(!e){return false}e=e.parentNode||e.host}};e.prototype.originatesInSlots=function(e){var t=this.hostElement.querySelectorAll("slot");for(var n=0;n<t.length;n++){var r=t[n];var o=r&&r.assignedNodes&&r.assignedNodes()||this.hostElement.childNodes;for(var s=0;s<o.length;s++){if(o[s].contains(e)){return true}}}return false};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return e}())}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-2d49c74e.system.js"],(function(t){"use strict";var o,r,a;return{setters:[function(t){o=t.r;r=t.h;a=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:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}button{--q2-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2E2E2E));--q2-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, #FFFFFF));--q2-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #CCCCCC));--q2-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--q2-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--q2-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24));--q2-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36));margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;-webkit-transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size="4"]) button{padding:var(--tct-scale-4, var(--app-scale-4, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color="primary"]) button,:host([intent="workflow-primary"]) button{background:var(--q2-btn-primary-bg);color:var(--q2-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-primary-box-shadow);box-shadow:var(--q2-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color="primary"]) button:enabled:hover,:host([color="primary"]) button:enabled:focus,:host([color="primary"]) button:enabled:active,:host([intent="workflow-primary"]) button:enabled:hover,:host([intent="workflow-primary"]) button:enabled:focus,:host([intent="workflow-primary"]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, #4A4A4A));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, #FFFFFF));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color="primary"]) button:hover:enabled,:host([color="primary"]) button:active:enabled,:host([intent="workflow-primary"]) button:hover:enabled,:host([intent="workflow-primary"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--q2-btn-primary-hover-box-shadow)}:host([color="primary"]) button:focus,:host([intent="workflow-primary"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow)}:host([color="primary"]) button:disabled,:host([intent="workflow-primary"]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--q2-btn-primary-font-color));-webkit-box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow))}:host([color="secondary"]) button,:host([intent="workflow-secondary"]) button{background:var(--q2-btn-secondary-bg);color:var(--q2-btn-secondary-font-color);border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-secondary-box-shadow);box-shadow:var(--q2-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color="secondary"]) button:enabled:hover,:host([color="secondary"]) button:enabled:focus,:host([color="secondary"]) button:enabled:active,:host([intent="workflow-secondary"]) button:enabled:hover,:host([intent="workflow-secondary"]) button:enabled:focus,:host([intent="workflow-secondary"]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, #2E2E2E));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, #FFFFFF));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color="secondary"]) button:hover:enabled,:host([color="secondary"]) button:active:enabled,:host([intent="workflow-secondary"]) button:hover:enabled,:host([intent="workflow-secondary"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--q2-btn-secondary-hover-box-shadow)}:host([color="secondary"]) button:focus,:host([intent="workflow-secondary"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow)}:host([color="secondary"]) button:disabled,:host([intent="workflow-secondary"]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--q2-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--q2-btn-secondary-font-color));-webkit-box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow))}:host([intent="neutral"]) button{background:var(--q2-btn-neutral-bg, transparent);color:var(--q2-btn-neutral-font-color);border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-neutral-box-shadow);box-shadow:var(--q2-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent="neutral"]) button:enabled:hover,:host([intent="neutral"]) button:enabled:focus,:host([intent="neutral"]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, #FFFFFF));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent="neutral"]) button:hover:enabled,:host([intent="neutral"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--q2-btn-neutral-hover-box-shadow)}:host([intent="neutral"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow)}:host([intent="neutral"]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--q2-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--q2-btn-neutral-font-color));-webkit-box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow))}:host([icon]) button{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);color:var(--tct-btn-icon-color, inherit);border-radius:var(--tct-btn-icon-border-radius, 0)}:host([icon]) button:hover,:host([icon]) button:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))}:host([icon][active]) button{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))))}:host([icon]) button:hover *,:host([icon]) button:focus *,:host([icon][active]) button *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color,#080808)))}:host([icon]) button div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)));color:var(--tct-btn-badge-hover-font-color, #2E2E2E)}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--q2-btn-primary-font-color))}';var e=t("q2_btn",function(){function t(t){o(this,t)}t.prototype.disable=function(t){if(this.disabled){t.stopImmediatePropagation()}};t.prototype.delegateFocus=function(t){if(t.target===this.hostElement){this.hostElement.shadowRoot.querySelector("button").focus()}};t.prototype.render=function(){var t=this.buttonAttributes,o=t.ariaExpanded,a=t.ariaHasPopup,n=t.ariaLabel,e=t.ariaSelected,b=t.disabled,d=t.type,s=t.tabindex;return r("button",{"aria-expanded":o,"aria-haspopup":a,"aria-label":n,"aria-selected":e,disabled:b,type:d,tabindex:s,"test-id":"q2BtnInnerButton"},r("div",null,r("slot",null)))};t.prototype.loc=function(t,o){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,o):t};Object.defineProperty(t.prototype,"buttonAttributes",{get:function(){return{ariaExpanded:this.ariaExpanded!==undefined?""+!!this.ariaExpanded:undefined,ariaHasPopup:this.ariaHasPopup?""+this.ariaHasPopup:undefined,ariaLabel:this.ariaLabel?this.loc(this.ariaLabel):undefined,ariaSelected:this.ariaSelected?""+this.ariaSelected:undefined,disabled:this.disabled||false,type:this.type||"button",tabindex:this.tabIndex||undefined}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());e.style=n}}}));
|
|
1
|
+
System.register(["./p-f08aea0c.system.js"],(function(t){"use strict";var o,r,a;return{setters:[function(t){o=t.r;r=t.h;a=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:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}button{--q2-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2E2E2E));--q2-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, #FFFFFF));--q2-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #CCCCCC));--q2-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--q2-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--q2-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24));--q2-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36));margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;-webkit-transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size="4"]) button{padding:var(--tct-scale-4, var(--app-scale-4, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color="primary"]) button,:host([intent="workflow-primary"]) button{background:var(--q2-btn-primary-bg);color:var(--q2-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-primary-box-shadow);box-shadow:var(--q2-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color="primary"]) button:enabled:hover,:host([color="primary"]) button:enabled:focus,:host([color="primary"]) button:enabled:active,:host([intent="workflow-primary"]) button:enabled:hover,:host([intent="workflow-primary"]) button:enabled:focus,:host([intent="workflow-primary"]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, #4A4A4A));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, #FFFFFF));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color="primary"]) button:hover:enabled,:host([color="primary"]) button:active:enabled,:host([intent="workflow-primary"]) button:hover:enabled,:host([intent="workflow-primary"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--q2-btn-primary-hover-box-shadow)}:host([color="primary"]) button:focus,:host([intent="workflow-primary"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow)}:host([color="primary"]) button:disabled,:host([intent="workflow-primary"]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--q2-btn-primary-font-color));-webkit-box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow))}:host([color="secondary"]) button,:host([intent="workflow-secondary"]) button{background:var(--q2-btn-secondary-bg);color:var(--q2-btn-secondary-font-color);border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-secondary-box-shadow);box-shadow:var(--q2-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color="secondary"]) button:enabled:hover,:host([color="secondary"]) button:enabled:focus,:host([color="secondary"]) button:enabled:active,:host([intent="workflow-secondary"]) button:enabled:hover,:host([intent="workflow-secondary"]) button:enabled:focus,:host([intent="workflow-secondary"]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, #2E2E2E));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, #FFFFFF));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color="secondary"]) button:hover:enabled,:host([color="secondary"]) button:active:enabled,:host([intent="workflow-secondary"]) button:hover:enabled,:host([intent="workflow-secondary"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--q2-btn-secondary-hover-box-shadow)}:host([color="secondary"]) button:focus,:host([intent="workflow-secondary"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow)}:host([color="secondary"]) button:disabled,:host([intent="workflow-secondary"]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--q2-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--q2-btn-secondary-font-color));-webkit-box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow))}:host([intent="neutral"]) button{background:var(--q2-btn-neutral-bg, transparent);color:var(--q2-btn-neutral-font-color);border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-neutral-box-shadow);box-shadow:var(--q2-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent="neutral"]) button:enabled:hover,:host([intent="neutral"]) button:enabled:focus,:host([intent="neutral"]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, #FFFFFF));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent="neutral"]) button:hover:enabled,:host([intent="neutral"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--q2-btn-neutral-hover-box-shadow)}:host([intent="neutral"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow)}:host([intent="neutral"]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--q2-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--q2-btn-neutral-font-color));-webkit-box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow))}:host([icon]) button{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);color:var(--tct-btn-icon-color, inherit);border-radius:var(--tct-btn-icon-border-radius, 0)}:host([icon]) button:hover,:host([icon]) button:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))}:host([icon][active]) button{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))))}:host([icon]) button:hover *,:host([icon]) button:focus *,:host([icon][active]) button *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color,#080808)))}:host([icon]) button div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)));color:var(--tct-btn-badge-hover-font-color, #2E2E2E)}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--q2-btn-primary-font-color))}';var e=t("q2_btn",function(){function t(t){o(this,t)}t.prototype.disable=function(t){if(this.disabled){t.stopImmediatePropagation()}};t.prototype.delegateFocus=function(t){if(t.target===this.hostElement){this.hostElement.shadowRoot.querySelector("button").focus()}};t.prototype.render=function(){var t=this.buttonAttributes,o=t.ariaExpanded,a=t.ariaHasPopup,n=t.ariaLabel,e=t.ariaSelected,b=t.disabled,d=t.type,s=t.tabindex;return r("button",{"aria-expanded":o,"aria-haspopup":a,"aria-label":n,"aria-selected":e,disabled:b,type:d,tabindex:s,"test-id":"q2BtnInnerButton"},r("div",null,r("slot",null)))};t.prototype.loc=function(t,o){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(t,o):t};Object.defineProperty(t.prototype,"buttonAttributes",{get:function(){return{ariaExpanded:this.ariaExpanded!==undefined?""+!!this.ariaExpanded:undefined,ariaHasPopup:this.ariaHasPopup?""+this.ariaHasPopup:undefined,ariaLabel:this.ariaLabel?this.loc(this.ariaLabel):undefined,ariaSelected:this.ariaSelected?""+this.ariaSelected:undefined,disabled:this.disabled||false,type:this.type||"button",tabindex:this.tabIndex||undefined}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());e.style=n}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-f08aea0c.system.js","./p-4576db15.system.js"],(function(e){"use strict";var t,o,n,i,r;return{setters:[function(e){t=e.r;o=e.c;n=e.h;i=e.g},function(e){r=e.c}],execute:function(){var a="*{-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{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:0;margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:-webkit-gradient(linear, left top, right top, from(transparent), to(white));background:linear-gradient(to right, transparent, white)}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";var s=e("q2_checkbox_group",function(){function e(e){var n=this;t(this,e);this.change=o(this,"change",7);this.disabled=false;this.optional=false;this.hasError=false;this.id="checkbox-group-"+r();this.onMutationObserved=function(){n.valueUpdated();n.disabledUpdated()};this.onInnerCheckboxChange=function(e){e.stopImmediatePropagation();var t={};n.checkboxElements.forEach((function(e){t[e.value]=!!e.checked}));n.change.emit(t)}}e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};Object.defineProperty(e.prototype,"checkboxElements",{get:function(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"protectedValue",{get:function(){return this.value||{}},enumerable:false,configurable:true});e.prototype.componentDidLoad=function(){var e=new MutationObserver(this.onMutationObserved);e.observe(this.hostElement,{childList:true});this.mutationObserver=e;this.onMutationObserved()};e.prototype.disconnectedCallback=function(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};e.prototype.valueUpdated=function(){var e=this;this.checkboxElements.forEach((function(t){if(e.protectedValue.hasOwnProperty(t.value)){t.checked=e.value[t.value]}}))};e.prototype.disabledUpdated=function(){var e=this;this.checkboxElements.forEach((function(t){t.groupDisabled=e.disabled}))};e.prototype.onHostElementChange=function(e){if(e.target===this.hostElement&&!this.hostElement.onchange){this.value=e.detail}};e.prototype.render=function(){return n("div",null,this.label||this.optional?n("div",{class:"group-legend"},this.label&&this.loc(this.label),this.optional?n("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",n("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":""+!this.optional},this.label||this.optional?n("legend",{class:"sr-only"},this.label&&this.loc(this.label),this.optional?n("span",{class:"optional-tag"},this.loc("tecton.element.input.optional")):""):"",this.hasError?n("div",{class:"error-icon-container "+(this.label||this.optional?"":"no-label")},n("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))};e.prototype.inputDom=function(){return n("slot",null)};Object.defineProperty(e.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueUpdated"],disabled:["disabledUpdated"]}},enumerable:false,configurable:true});return e}());s.style=a}}}));
|