q2-tecton-elements 1.25.1 → 1.26.0
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/loader.cjs.js +1 -1
- package/dist/cjs/q2-badge_2.cjs.entry.js +22 -22
- package/dist/cjs/q2-btn_2.cjs.entry.js +4 -4
- package/dist/cjs/q2-calendar.cjs.entry.js +2 -2
- 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 +4 -4
- 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-option-list_2.cjs.entry.js +55 -16
- package/dist/cjs/q2-pill.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +8 -6
- package/dist/cjs/q2-radio.cjs.entry.js +4 -4
- package/dist/cjs/q2-select.cjs.entry.js +5 -2
- package/dist/cjs/q2-tab-container.cjs.entry.js +14 -2
- package/dist/cjs/q2-tab-pane.cjs.entry.js +6 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-tooltip.cjs.entry.js +17 -2
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +5 -0
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/q2-btn/index.js +52 -43
- package/dist/collection/components/q2-calendar/index.js +48 -39
- package/dist/collection/components/q2-carousel/index.js +21 -18
- package/dist/collection/components/q2-checkbox/index.js +42 -36
- package/dist/collection/components/q2-checkbox-group/index.js +1 -1
- package/dist/collection/components/q2-dropdown/index.js +25 -22
- package/dist/collection/components/q2-dropdown-item/index.js +11 -8
- package/dist/collection/components/q2-editable-field/index.js +32 -24
- package/dist/collection/components/q2-input/index.js +72 -50
- package/dist/collection/components/q2-loading/index.js +18 -15
- package/dist/collection/components/q2-pill/styles.css +1 -1
- package/dist/collection/components/q2-popover/index.js +55 -16
- package/dist/collection/components/q2-popover/styles.css +1 -1
- package/dist/collection/components/q2-radio/index.js +24 -21
- package/dist/collection/components/q2-radio/styles.css +6 -6
- package/dist/collection/components/q2-radio-group/index.js +14 -9
- package/dist/collection/components/q2-select/index.js +25 -19
- package/dist/collection/components/q2-tab-container/index.js +18 -6
- package/dist/collection/components/q2-tab-pane/index.js +55 -0
- package/dist/collection/components/q2-tooltip/index.js +42 -3
- package/dist/collection/components/tecton-tab-pane/index.js +55 -0
- package/dist/components/index14.js +56 -17
- package/dist/components/index5.js +7 -7
- package/dist/components/index6.js +4 -4
- package/dist/components/index8.js +23 -23
- package/dist/components/index9.js +3 -3
- package/dist/components/q2-calendar.js +6 -6
- package/dist/components/q2-carousel.js +2 -2
- package/dist/components/q2-checkbox-group.js +1 -1
- package/dist/components/q2-checkbox.js +7 -7
- package/dist/components/q2-dropdown.js +4 -4
- package/dist/components/q2-editable-field.js +4 -4
- package/dist/components/q2-pill.js +1 -1
- package/dist/components/q2-radio-group.js +10 -8
- package/dist/components/q2-radio.js +7 -7
- package/dist/components/q2-select.js +6 -3
- package/dist/components/q2-tab-container.js +14 -2
- package/dist/components/q2-tab-pane.js +8 -1
- package/dist/components/q2-tooltip.js +19 -3
- package/dist/components/tecton-tab-pane.js +7 -0
- package/dist/docs.json +427 -40
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-badge_2.entry.js +22 -22
- package/dist/esm/q2-btn_2.entry.js +4 -4
- package/dist/esm/q2-calendar.entry.js +2 -2
- 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 +4 -4
- 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-option-list_2.entry.js +55 -16
- package/dist/esm/q2-pill.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +8 -6
- package/dist/esm/q2-radio.entry.js +4 -4
- package/dist/esm/q2-select.entry.js +5 -2
- package/dist/esm/q2-tab-container.entry.js +14 -2
- package/dist/esm/q2-tab-pane.entry.js +6 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-tooltip.entry.js +17 -2
- package/dist/esm/tecton-tab-pane.entry.js +5 -0
- package/dist/q2-tecton-elements/p-09639e95.entry.js +1 -0
- package/dist/q2-tecton-elements/p-0b82891e.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-73c12774.entry.js → p-0cbad3bc.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-159d94cc.entry.js +1 -0
- package/dist/q2-tecton-elements/p-18808c27.entry.js +1 -0
- package/dist/q2-tecton-elements/p-4734a577.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-fa8cb091.entry.js → p-55d192b3.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-5878b8bd.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-f573fe5a.entry.js → p-721d0aee.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d4909df7.entry.js → p-74ac19cd.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-82fef3f9.entry.js → p-87cecc80.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-8d703466.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-3fe98171.entry.js → p-a411f2f3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-30069b63.entry.js → p-a7679912.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-b8420bfe.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-406f8ca9.entry.js → p-bc8a507b.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f83d2df5.entry.js → p-bfaff58b.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-e43d437d.entry.js +1 -0
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/test/helpers.js +11 -0
- package/dist/types/components/q2-btn/index.d.ts +6 -3
- package/dist/types/components/q2-calendar/index.d.ts +5 -2
- package/dist/types/components/q2-carousel/index.d.ts +2 -1
- package/dist/types/components/q2-checkbox/index.d.ts +6 -4
- package/dist/types/components/q2-checkbox-group/index.d.ts +1 -1
- package/dist/types/components/q2-dropdown/index.d.ts +3 -2
- package/dist/types/components/q2-dropdown-item/index.d.ts +2 -1
- package/dist/types/components/q2-editable-field/index.d.ts +5 -3
- package/dist/types/components/q2-input/index.d.ts +31 -7
- package/dist/types/components/q2-loading/index.d.ts +4 -3
- package/dist/types/components/q2-popover/index.d.ts +5 -1
- package/dist/types/components/q2-radio/index.d.ts +3 -2
- package/dist/types/components/q2-radio-group/index.d.ts +3 -2
- package/dist/types/components/q2-select/index.d.ts +2 -1
- package/dist/types/components/q2-tab-container/index.d.ts +5 -2
- package/dist/types/components/q2-tab-pane/index.d.ts +3 -0
- package/dist/types/components/q2-tooltip/index.d.ts +4 -1
- package/dist/types/components/tecton-tab-pane/index.d.ts +3 -0
- package/dist/types/components.d.ts +140 -24
- package/dist/types/workspace/workspace/{tecton-production_release_1.25.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +2 -1
- package/package.json +3 -3
- package/dist/q2-tecton-elements/p-18d9cea8.entry.js +0 -1
- package/dist/q2-tecton-elements/p-2313e9a9.entry.js +0 -1
- package/dist/q2-tecton-elements/p-2b9c1815.entry.js +0 -1
- package/dist/q2-tecton-elements/p-3410c675.entry.js +0 -1
- package/dist/q2-tecton-elements/p-471e5d58.entry.js +0 -1
- package/dist/q2-tecton-elements/p-a6bfe392.entry.js +0 -1
- package/dist/q2-tecton-elements/p-c01d0332.entry.js +0 -1
- package/dist/q2-tecton-elements/p-df91e954.entry.js +0 -1
- package/dist/q2-tecton-elements/p-e8e113c2.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as e,h as c,g as t}from"./p-926a3e80.js";import{c as r,h as i,o as a,a as h,l}from"./p-839ef27d.js";const s=class{constructor(c){o(this,c),this.change=e(this,"change",7),this.id=`checkbox-${r()}`,this.onInputClick=o=>{const e=this.disabled||this.readonly;if((e||!!this.hostElement.onchange)&&o.preventDefault(),e)return;if(!(o.target instanceof HTMLInputElement))return;const{value:c,checked:t}=o.target;this.change.emit({value:c,checked:t}),this.inputElement.focus()},this.checked=!1,this.type=void 0,this.label=void 0,this.hideLabel=void 0,this.ariaLabel=void 0,this.indeterminate=void 0,this.disabled=void 0,this.readonly=void 0,this.value=void 0,this.name=void 0,this.hasError=void 0,this.groupDisabled=void 0,this.alignment=void 0,this.description=void 0}componentWillLoad(){i(this)}componentDidLoad(){a(this.hostElement),this.hostElement.click=()=>this.inputElement.click()}defaultChangeHandler(o){this.readonly||o.target!==this.hostElement||this.hostElement.onchange||!o.detail||(this.checked=o.detail.checked)}delegateFocus(o){h(o,this.hostElement)&&this.hostElement.shadowRoot.querySelector("input").focus()}ariaLabelObserver(){i(this)}render(){const o=["label-text"];return this.hideLabel&&o.push("sr"),c("div",{class:"container"},c("input",{ref:o=>this.inputElement=o,id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-describedby":this.description?"description":void 0,"test-id":"q2CheckboxInnerCheckBox",onClick:this.onInputClick}),c("label",{htmlFor:this.id,class:"label-control","test-id":"checkboxButton"},this.generateCheckboxSVG()),c("div",{class:o.join(" ")},c("label",{"test-id":"checkboxLabel",htmlFor:this.id},l(this.label),c("slot",null))),this.description&&c("div",{class:"description-text","test-id":"checkboxDescription",id:"description"},l(this.description)))}generateCheckboxSVG(){return"favorite"===this.type?c("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},c("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){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"})))}get hostElement(){return t(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};s.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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;position:relative;padding:var(--tct-checkbox-vertical-padding, var(--t-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0}.container{--comp-checkbox-size:var(--tct-checkbox-size, var(--t-checkbox-size, 20px));--comp-checkbox-default-column-gap:var(--app-scale-2x, 10px);--comp-checkbox-default-row-gap:0;--comp-checkbox-default-gap:var(--comp-checkbox-default-row-gap) var(--comp-checkbox-default-column-gap);--comp-checkbox-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-checkbox-toggle-width:var(--tct-checkbox-toggle-width, var(--t-checkbox-toggle-width, 46px));--comp-checkbox-gap:var(--tct-checkbox-gap, var(--t-checkbox-gap, var(--comp-checkbox-default-gap)));--comp-checkbox-outer-stroke-color:var(--tct-checkbox-outer-stroke-color, var(--t-checkbox-outer-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-outer-fill-color:var(--tct-checkbox-outer-fill-color, var(--t-checkbox-outer-fill-color, var(--tct-white, var(--app-white, #ffffff))));--comp-checkbox-checked-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-check-stroke-color, var(--t-checkbox-fill, var(--t-a11y-active-gray-color-AA, #404040))));--comp-control-width:var(--comp-checkbox-size);display:grid;grid-template-areas:"svg label" "svg description";align-items:center;gap:var(--comp-checkbox-gap);grid-template-columns:var(--comp-control-width) calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap))}:host([type=favorite]) .container{--comp-checkbox-favorite-stroke-color:var(--tct-checkbox-favorite-stroke-color, var(--t-checkbox-favorite-stroke-color, var(--t-a11y-gray-color-AA, #949494)));--comp-checkbox-favorite-fill-color:var(--tct-checkbox-favorite-fill-color, var(--t-checkbox-favorite-fill-color, #db7d24))}:host([type=toggle]) .container{--comp-control-width:var(--comp-checkbox-toggle-width)}:host([alignment=right]) .container,:host([type=toggle]:not([alignment])) .container{grid-template-areas:"label svg" "description svg";grid-template-columns:calc(100% - var(--comp-control-width) - var(--comp-checkbox-default-column-gap)) var(--comp-control-width)}.label-control{align-items:center;display:flex}.label-text{grid-area:label}:host([description]) .label-text{font-weight:var(--tct-checkbox-label-font-weight, var(--t-checkbox-label-font-weight, 600))}:host([checked]) .label-text{font-weight:var(--tct-checkbox-checked-label-font-weight, var(--t-checkbox-checked-label-font-weight, 600))}.description-text{grid-area:description;font-weight:var(--tct-checkbox-description-font-weight, var(--t-checkbox-description-font-weight, 400))}label{cursor:pointer}:host([disabled]:not([disabled=false])),:host([group-disabled]){opacity:var(--tct-checkbox-disabled-opacity, var(--t-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}:host([disabled]:not([disabled=false])) label,:host([group-disabled]) label{cursor:not-allowed}.checkbox-icon{--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);width:var(--comp-checkbox-size);height:var(--comp-checkbox-size);border-radius:var(--tct-checkbox-outer-border-radius, var(--t-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));stroke:var(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, var(--t-checkbox-outer-stroke-width, 2));fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}:host([checked]) .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--t-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color)));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--t-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color)))}:host(:focus-within) .checkbox-icon{box-shadow:var(--const-double-focus-ring), var(--tct-global-focus, 0 0 0 2px #33b4ff);stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--t-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color)))}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, var(--t-checkbox-favorite-stroke-width, 1));--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([type=favorite]:focus-within) .checkbox-icon,:host([type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}:host([checked][type=favorite]) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-fill-color);fill:var(--comp-checkbox-favorite-fill-color);transition:fill var(--comp-checkbox-tween), color var(--comp-checkbox-tween), stroke var(--comp-checkbox-tween)}:host([checked][type=favorite]:focus-within) .checkbox-icon,:host([checked][type=favorite]:hover) .checkbox-icon{--tct-icon-stroke-primary:var(--comp-checkbox-favorite-stroke-color);--tct-icon-fill-primary:var(--comp-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, var(--t-checkbox-favorite-hover-stroke-width, 2))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, var(--t-checkbox-check-stroke-width, 2.5));stroke-linecap:round;stroke-linejoin:round}:host([type=toggle]) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--t-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff))));transition:opacity var(--comp-checkbox-tween)}:host([type=toggle][checked]) .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff)))))}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, var(--t-checkbox-indeterminate-stroke-width, 3.5))}.toggle-svg{height:30px;width:var(--comp-checkbox-toggle-width);position:relative;text-align:initial}.toggle-track,.toggle-indicator{position:absolute;top:50%;transform:translateY(-50%)}.toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--t-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));height:14px;width:46px}:host([checked]) .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));opacity:0.5}.toggle-indicator{transition:left var(--comp-checkbox-tween);height:30px;width:30px;left:0;border-radius:50%}:host([checked]) .toggle-indicator{left:21px}.toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)))}:host(:focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--t-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color)));stroke-width:10px;stroke-opacity:0.5}:host(:not([checked]):focus-within) .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--t-checkbox-toggle-circle-color, var(--t-a11y-gray-color-AA, #949494)))}:host([checked]) .off,:host(:not([checked])) .on{opacity:0}';export{s as q2_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,F as a,g as e}from"./p-926a3e80.js";import{c as r,o as n,a as s,l}from"./p-839ef27d.js";const p=class{constructor(o){t(this,o),this.change=i(this,"change",7),this.id=`radio-group-${r()}`,this.onMutationObserved=()=>{this.valueUpdated(this.value),this.nameUpdated(),this.disabledUpdated(),this.readonlyUpdated(),this.tileLayoutUpdated(this.tileLayout)},this.onInnerRadioChange=t=>{t.stopImmediatePropagation(),this.readonly||this.change.emit({value:t.detail.value})},this.label=void 0,this.value=void 0,this.disabled=!1,this.name=void 0,this.optional=void 0,this.readonly=void 0,this.tileLayout=void 0,this.tileAlignment="center",this.hasError=!1,this.tilelayout=void 0}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}componentWillLoad(){this.onMutationObserved(),this.tilelayout&&(this.tileLayout=this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,n(this.hostElement)}valueUpdated(t){this.radioElements.forEach((i=>{i.checked=t===i.value}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this.id}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((i=>i.groupReadonly=t))}tilelayoutUpdated(t){this.tileLayout=t}tileLayoutUpdated(t){this.radioElements.forEach((i=>{i.groupTileLayout=t}))}onHostElementChange(t){t.target===this.hostElement&&(this.hostElement.onchange||(this.value=t.detail.value))}delegateFocus(t){if(!s(t,this.hostElement))return;const i=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");null==i||i.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const i=t.target.getAttribute("value")||this.value;let o=this.radioElements.findIndex((o=>o===t.target||o.getAttribute("value")===i)),a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1}-1!==o&&0!==a&&(o+=a,o=a<0?Math.max(0,o):Math.min(this.radioElements.length-1,o),t.preventDefault(),this.readonly||(this.value=this.radioElements[o].value),this.radioElements[o].dispatchEvent(new FocusEvent("focus")))}labelDOM(){const{label:t,optional:i,readonly:e}=this;let r="";return e?r=o("span",{class:"optional-tag"},l("tecton.element.input.readonly")):i&&(r=o("span",{class:"optional-tag"},l("tecton.element.input.optional"))),o(a,null,t&&l(t),!!r&&o("span",{class:"optional-tag"},r))}render(){const t=this.label||this.optional||this.readonly,{hasError:i}=this;return o(a,null,(t||i)&&o("div",{class:"label-row"},t&&o("div",{class:"group-legend"},this.labelDOM()),i&&o("q2-icon",{type:"error","test-id":"iconError"})),o("fieldset",{onChange:this.onInnerRadioChange,"aria-required":`${!this.optional}`,"aria-readonly":`${this.readonly}`,"aria-invalid":`${this.hasError}`},t&&o("legend",{class:"sr"},this.labelDOM()),this.inputDom()))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this,i=["left","center","right"].includes(t)?t:"center";return o("div",{class:`tile-container ${i}`},o("div",{class:"options-container"},o("slot",null)))}return o("div",{class:"options-container"},o("slot",null))}get hostElement(){return e(this)}static get watchers(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],readonly:["readonlyUpdated"],tilelayout:["tilelayoutUpdated"],tileLayout:["tileLayoutUpdated"]}}};p.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';export{p as q2_radio_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,g as s}from"./p-926a3e80.js";const o=class{constructor(e){i(this,e),this.badge=t(this,"badge",7),this.onIFrameLoad=i=>{const t=i.target;t.contentWindow&&t.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,"*")},this.value=void 0,this.label=void 0,this.name=void 0,this.selected=void 0,this.index=void 0,this.guid=void 0,this.provided=void 0,this.url=void 0,this.moduleId=void 0,this.minHeight=void 0,this.badgeCount=void 0,this.badgeDescription=void 0,this.authPayload=void 0,this.showForm=void 0,this._showForm=void 0}badgeObserver(){this.badge.emit()}get iframeTitle(){return this.moduleId.split(".").slice(-2).join("-")}componentWillRender(){const i=this.hostElement.shadowRoot.querySelector(".loading-wrapper");i&&(i.style.minHeight=this.minHeight,i.hidden=!this.selected)}componentWillLoad(){this._showForm=this.showForm}componentDidRender(){const i=this.hostElement.shadowRoot.querySelector("form");i&&i.parentElement&&(i.submit(),this._showForm=!1)}selectedObserver(){const i=this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');this._showForm=this.showForm,i&&(i.hidden=!this.selected)}render(){return e("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},this.selected&&void 0!==this.provided&&!this.provided&&e("div",null,e("slot",{name:"loading-wrapper"}),e("iframe",{hidden:!0,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?e("form",{hidden:!0,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map((i=>e("input",{type:"hidden",value:i.value,name:i.key})))):""),e("div",{class:"slot-wrapper",hidden:this.selected&&void 0!==this.provided&&!this.provided},e("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{badgeCount:["badgeObserver"],selected:["selectedObserver"]}}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";export{o as tecton_tab_pane}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e}from"./p-926a3e80.js";const o=class{constructor(e){i(this,e),this.badge=t(this,"badge",7),this.value=void 0,this.label=void 0,this.name=void 0,this.selected=void 0,this.badgeCount=void 0,this.badgeDescription=void 0,this.index=void 0,this.guid=void 0}badgeObserver(){this.badge.emit()}render(){return e("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},e("slot",null))}static get watchers(){return{badgeCount:["badgeObserver"]}}};o.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";export{o as q2_tab_pane}
|