q2-tecton-elements 1.10.8 → 1.11.0

package/dist/types/components.d.ts

@@ -53,11 +53,24 @@ export namespace Components {
         "optional": boolean;
         "placeholder": string;
         "popDirection": 'up' | 'down';
+        "readonly": boolean;
         "startDate": string;
         "typeable": boolean;
         "validDates": string[];
         "value": string | { toDate(): Date };
     }
+    interface Q2Card {
+        "avatarIcon": string;
+        "avatarInitials": string;
+        "avatarName": string;
+        "avatarSrc": string;
+        "description": string;
+        "isSmall": boolean;
+        "isTouch": boolean;
+        "target": '_self' | '_blank' | '_parent' | '_top';
+        "title": string;
+        "url": string;
+    }
     interface Q2Carousel {
         "ariaLabel": string;
         "autoPlay": boolean;
@@ -84,6 +97,7 @@ export namespace Components {
         "indeterminate": boolean;
         "label": string;
         "name": string;
+        "readonly": boolean;
         "type": string;
         "value": string;
     }
@@ -92,6 +106,7 @@ export namespace Components {
         "hasError": boolean;
         "label": string;
         "optional": boolean;
+        "readonly": boolean;
         "value": object;
     }
     interface Q2Dropdown {
@@ -144,6 +159,7 @@ export namespace Components {
         "autocomplete": string;
         "autocorrect": string;
         "clearable": boolean;
+        "current": 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
         "disabled": boolean;
         "errors": string[];
         "formatModifier": string;
@@ -153,7 +169,9 @@ export namespace Components {
         "iconLeft": string;
         "iconRight": string;
         "label": string;
+        "max": number;
         "maxlength": number;
+        "min": number;
         "optional": boolean;
         "placeholder": string;
         "pseudo": boolean;
@@ -207,11 +225,21 @@ export namespace Components {
         "tabindex": string;
         "value": string;
     }
+    interface Q2Pagination {
+        "page": number;
+        "pages": number;
+        "pagesOnly": boolean;
+        "perPage": number;
+        "recordType": string;
+        "recordsOnly": boolean;
+        "total": number;
+    }
     interface Q2Radio {
         "ariaLabel": string;
         "checked": boolean;
         "disabled": boolean;
         "groupDisabled": boolean;
+        "groupReadonly": boolean;
         "groupTileLayout": boolean;
         "hideLabel": boolean;
         "label": string;
@@ -224,6 +252,7 @@ export namespace Components {
         "label": string;
         "name": string;
         "optional": boolean;
+        "readonly": boolean;
         "tileAlignment": 'left' | 'center' | 'right';
         "tilelayout": boolean;
         "value": string;
@@ -246,6 +275,7 @@ export namespace Components {
         "multiple": boolean;
         "optional": boolean;
         "popDirection": 'up' | 'down';
+        "readonly": boolean;
         "searchable": boolean;
         "selectedOptions": any;
         "value": string;
@@ -332,6 +362,12 @@ declare global {
         prototype: HTMLQ2CalendarElement;
         new (): HTMLQ2CalendarElement;
     };
+    interface HTMLQ2CardElement extends Components.Q2Card, HTMLStencilElement {
+    }
+    var HTMLQ2CardElement: {
+        prototype: HTMLQ2CardElement;
+        new (): HTMLQ2CardElement;
+    };
     interface HTMLQ2CarouselElement extends Components.Q2Carousel, HTMLStencilElement {
     }
     var HTMLQ2CarouselElement: {
@@ -422,6 +458,12 @@ declare global {
         prototype: HTMLQ2OptionElement;
         new (): HTMLQ2OptionElement;
     };
+    interface HTMLQ2PaginationElement extends Components.Q2Pagination, HTMLStencilElement {
+    }
+    var HTMLQ2PaginationElement: {
+        prototype: HTMLQ2PaginationElement;
+        new (): HTMLQ2PaginationElement;
+    };
     interface HTMLQ2RadioElement extends Components.Q2Radio, HTMLStencilElement {
     }
     var HTMLQ2RadioElement: {
@@ -487,6 +529,7 @@ declare global {
         "q2-avatar": HTMLQ2AvatarElement;
         "q2-btn": HTMLQ2BtnElement;
         "q2-calendar": HTMLQ2CalendarElement;
+        "q2-card": HTMLQ2CardElement;
         "q2-carousel": HTMLQ2CarouselElement;
         "q2-carousel-pane": HTMLQ2CarouselPaneElement;
         "q2-checkbox": HTMLQ2CheckboxElement;
@@ -502,6 +545,7 @@ declare global {
         "q2-message": HTMLQ2MessageElement;
         "q2-optgroup": HTMLQ2OptgroupElement;
         "q2-option": HTMLQ2OptionElement;
+        "q2-pagination": HTMLQ2PaginationElement;
         "q2-radio": HTMLQ2RadioElement;
         "q2-radio-group": HTMLQ2RadioGroupElement;
         "q2-section": HTMLQ2SectionElement;
@@ -565,11 +609,25 @@ declare namespace LocalJSX {
         "optional"?: boolean;
         "placeholder"?: string;
         "popDirection"?: 'up' | 'down';
+        "readonly"?: boolean;
         "startDate"?: string;
         "typeable"?: boolean;
         "validDates"?: string[];
         "value"?: string | { toDate(): Date };
     }
+    interface Q2Card {
+        "avatarIcon"?: string;
+        "avatarInitials"?: string;
+        "avatarName"?: string;
+        "avatarSrc"?: string;
+        "description"?: string;
+        "isSmall"?: boolean;
+        "isTouch"?: boolean;
+        "onClick"?: (event: CustomEvent<any>) => void;
+        "target"?: '_self' | '_blank' | '_parent' | '_top';
+        "title"?: string;
+        "url"?: string;
+    }
     interface Q2Carousel {
         "ariaLabel"?: string;
         "autoPlay"?: boolean;
@@ -599,6 +657,7 @@ declare namespace LocalJSX {
         "label"?: string;
         "name"?: string;
         "onChange"?: (event: CustomEvent<any>) => void;
+        "readonly"?: boolean;
         "type"?: string;
         "value"?: string;
     }
@@ -608,6 +667,7 @@ declare namespace LocalJSX {
         "label"?: string;
         "onChange"?: (event: CustomEvent<any>) => void;
         "optional"?: boolean;
+        "readonly"?: boolean;
         "value"?: object;
     }
     interface Q2Dropdown {
@@ -662,6 +722,7 @@ declare namespace LocalJSX {
         "autocomplete"?: string;
         "autocorrect"?: string;
         "clearable"?: boolean;
+        "current"?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
         "disabled"?: boolean;
         "errors"?: string[];
         "formatModifier"?: string;
@@ -671,7 +732,9 @@ declare namespace LocalJSX {
         "iconLeft"?: string;
         "iconRight"?: string;
         "label"?: string;
+        "max"?: number;
         "maxlength"?: number;
+        "min"?: number;
         "onChange"?: (event: CustomEvent<IEventDetail>) => void;
         "onInput"?: (event: CustomEvent<IEventDetail>) => void;
         "optional"?: boolean;
@@ -727,11 +790,22 @@ declare namespace LocalJSX {
         "tabindex"?: string;
         "value"?: string;
     }
+    interface Q2Pagination {
+        "onChange"?: (event: CustomEvent<any>) => void;
+        "page"?: number;
+        "pages"?: number;
+        "pagesOnly"?: boolean;
+        "perPage"?: number;
+        "recordType"?: string;
+        "recordsOnly"?: boolean;
+        "total"?: number;
+    }
     interface Q2Radio {
         "ariaLabel"?: string;
         "checked"?: boolean;
         "disabled"?: boolean;
         "groupDisabled"?: boolean;
+        "groupReadonly"?: boolean;
         "groupTileLayout"?: boolean;
         "hideLabel"?: boolean;
         "label"?: string;
@@ -746,6 +820,7 @@ declare namespace LocalJSX {
         "name"?: string;
         "onChange"?: (event: CustomEvent<any>) => void;
         "optional"?: boolean;
+        "readonly"?: boolean;
         "tileAlignment"?: 'left' | 'center' | 'right';
         "tilelayout"?: boolean;
         "value"?: string;
@@ -771,6 +846,7 @@ declare namespace LocalJSX {
         "onInput"?: (event: CustomEvent<any>) => void;
         "optional"?: boolean;
         "popDirection"?: 'up' | 'down';
+        "readonly"?: boolean;
         "searchable"?: boolean;
         "selectedOptions"?: any;
         "value"?: string;
@@ -841,6 +917,7 @@ declare namespace LocalJSX {
         "q2-avatar": Q2Avatar;
         "q2-btn": Q2Btn;
         "q2-calendar": Q2Calendar;
+        "q2-card": Q2Card;
         "q2-carousel": Q2Carousel;
         "q2-carousel-pane": Q2CarouselPane;
         "q2-checkbox": Q2Checkbox;
@@ -856,6 +933,7 @@ declare namespace LocalJSX {
         "q2-message": Q2Message;
         "q2-optgroup": Q2Optgroup;
         "q2-option": Q2Option;
+        "q2-pagination": Q2Pagination;
         "q2-radio": Q2Radio;
         "q2-radio-group": Q2RadioGroup;
         "q2-section": Q2Section;
@@ -876,6 +954,7 @@ declare module "@stencil/core" {
             "q2-avatar": LocalJSX.Q2Avatar & JSXBase.HTMLAttributes<HTMLQ2AvatarElement>;
             "q2-btn": LocalJSX.Q2Btn & JSXBase.HTMLAttributes<HTMLQ2BtnElement>;
             "q2-calendar": LocalJSX.Q2Calendar & JSXBase.HTMLAttributes<HTMLQ2CalendarElement>;
+            "q2-card": LocalJSX.Q2Card & JSXBase.HTMLAttributes<HTMLQ2CardElement>;
             "q2-carousel": LocalJSX.Q2Carousel & JSXBase.HTMLAttributes<HTMLQ2CarouselElement>;
             "q2-carousel-pane": LocalJSX.Q2CarouselPane & JSXBase.HTMLAttributes<HTMLQ2CarouselPaneElement>;
             "q2-checkbox": LocalJSX.Q2Checkbox & JSXBase.HTMLAttributes<HTMLQ2CheckboxElement>;
@@ -891,6 +970,7 @@ declare module "@stencil/core" {
             "q2-message": LocalJSX.Q2Message & JSXBase.HTMLAttributes<HTMLQ2MessageElement>;
             "q2-optgroup": LocalJSX.Q2Optgroup & JSXBase.HTMLAttributes<HTMLQ2OptgroupElement>;
             "q2-option": LocalJSX.Q2Option & JSXBase.HTMLAttributes<HTMLQ2OptionElement>;
+            "q2-pagination": LocalJSX.Q2Pagination & JSXBase.HTMLAttributes<HTMLQ2PaginationElement>;
             "q2-radio": LocalJSX.Q2Radio & JSXBase.HTMLAttributes<HTMLQ2RadioElement>;
             "q2-radio-group": LocalJSX.Q2RadioGroup & JSXBase.HTMLAttributes<HTMLQ2RadioGroupElement>;
             "q2-section": LocalJSX.Q2Section & JSXBase.HTMLAttributes<HTMLQ2SectionElement>;

package/dist/types/util.d.ts

@@ -39,7 +39,7 @@ export type NavigateToFn = (
 
 export interface IOverpanelOptions {
     fullWidth?: boolean;
-    size?: 'small' | 'medium' | 'large' | 'full';
+    size?: string | undefined;
     height?: string;
 }
 

package/dist/types/utils/index.d.ts

@@ -14,6 +14,7 @@ export declare function isEventFromElement(event: Event, element: HTMLElement):
 export declare function overrideFocus(hostElement: HTMLElement): void;
 export declare function addSmoothScrollPolyfill(): boolean;
 export declare function isFirefox(): boolean;
+export declare function isTouchDevice(): boolean;
 export declare function isSafari(): boolean;
 export declare function createGuid(): number;
 export declare function nextPaint(fn: () => void, execute?: boolean): void;

package/dist/types/workspace/workspace/{tecton-production_release_1.10.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts

@@ -1,10 +1,13 @@
 import { IDict } from '../src/util';
 import { E2EPage } from '@stencil/core/testing';
 import { NewE2EPageOptions } from '@stencil/core/testing/puppeteer/puppeteer-declarations';
-export declare function dispatchEvent(page: E2EPage, selectors: string | string[], eventType: string, eventInit?: IDict<string | boolean>): Promise<void>;
+import { SerializableOrJSHandle } from 'puppeteer';
+export declare function dispatchEvent(page: E2EPage, selectors: string | string[], eventType: string, eventInit?: SerializableOrJSHandle): Promise<void>;
 export declare function setTestStrings(page: E2EPage, strings: IDict<string>): Promise<void>;
 export declare function promiseMap<T>(arr: Array<T>, fn: (...args: any[]) => any): Promise<any[]>;
 export declare function offsetTimezone(date: string): string;
 export declare function setup(pageOptions?: NewE2EPageOptions): Promise<E2EPage>;
 export declare function setWindowHeight(height: number): void;
 export declare function makeDomRect(customAttributes: any): any;
+export declare const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=";
+export declare function getActiveElementTestId(page: E2EPage): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.10.8",
+    "version": "1.11.0",
     "description": "Q2 Tecton Custom Elements",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -48,5 +48,5 @@
         "smoothscroll-polyfill": "^0.4.4",
         "swiper": "7.4.1"
     },
-    "gitHead": "6dcc096878d6fa19c8350221920f9bcf4120982c"
+    "gitHead": "04e352d9611351bd9ccd6bff829eb1b05cb8d970"
 }

package/dist/q2-tecton-elements/p-37aba2a4.js

@@ -1 +0,0 @@
-import{h as o}from"./p-080839ed.js";var i,n=(function(o){o.exports={polyfill:function(){var o=window,i=document;if(!("scrollBehavior"in i.documentElement.style)||!0===o.__forceSmoothScrollPolyfill__){var n,t=o.HTMLElement||o.Element,e={scroll:o.scroll||o.scrollTo,scrollBy:o.scrollBy,elementScroll:t.prototype.scroll||a,scrollIntoView:t.prototype.scrollIntoView},r=o.performance&&o.performance.now?o.performance.now.bind(o.performance):Date.now,s=(n=o.navigator.userAgent,new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(n)?1:0);o.scroll=o.scrollTo=function(){void 0!==arguments[0]&&(!0!==l(arguments[0])?h.call(o,i.body,void 0!==arguments[0].left?~~arguments[0].left:o.scrollX||o.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:o.scrollY||o.pageYOffset):e.scroll.call(o,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:o.scrollX||o.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:o.scrollY||o.pageYOffset))},o.scrollBy=function(){void 0!==arguments[0]&&(l(arguments[0])?e.scrollBy.call(o,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):h.call(o,i.body,~~arguments[0].left+(o.scrollX||o.pageXOffset),~~arguments[0].top+(o.scrollY||o.pageYOffset)))},t.prototype.scroll=t.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==l(arguments[0])){var o=arguments[0].left,i=arguments[0].top;h.call(this,this,void 0===o?this.scrollLeft:~~o,void 0===i?this.scrollTop:~~i)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");e.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},t.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==l(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):e.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},t.prototype.scrollIntoView=function(){if(!0!==l(arguments[0])){var n=f(this),t=n.getBoundingClientRect(),r=this.getBoundingClientRect();n!==i.body?(h.call(this,n,n.scrollLeft+r.left-t.left,n.scrollTop+r.top-t.top),"fixed"!==o.getComputedStyle(n).position&&o.scrollBy({left:t.left,top:t.top,behavior:"smooth"})):o.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}else e.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function a(o,i){this.scrollLeft=o,this.scrollTop=i}function l(o){if(null===o||"object"!=typeof o||void 0===o.behavior||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+o.behavior+" is not a valid value for enumeration ScrollBehavior.")}function u(o,i){return"Y"===i?o.clientHeight+s<o.scrollHeight:"X"===i?o.clientWidth+s<o.scrollWidth:void 0}function c(i,n){var t=o.getComputedStyle(i,null)["overflow"+n];return"auto"===t||"scroll"===t}function d(o){var i=u(o,"Y")&&c(o,"Y"),n=u(o,"X")&&c(o,"X");return i||n}function f(o){for(;o!==i.body&&!1===d(o);)o=o.parentNode||o.host;return o}function v(i){var n,t,e,s=(r()-i.startTime)/468;s=s>1?1:s,n=.5*(1-Math.cos(Math.PI*s)),i.method.call(i.scrollable,t=i.startX+(i.x-i.startX)*n,e=i.startY+(i.y-i.startY)*n),t===i.x&&e===i.y||o.requestAnimationFrame(v.bind(o,i))}function h(n,t,s){var l,u,c,d,f=r();n===i.body?(l=o,u=o.scrollX||o.pageXOffset,c=o.scrollY||o.pageYOffset,d=e.scroll):(l=n,u=n.scrollLeft,c=n.scrollTop,d=a),v({scrollable:l,method:d,startTime:f,startX:u,startY:c,x:t,y:s})}}}}(i={path:undefined,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),i.exports);function t(o,i){var n;return(null===(n=o.composedPath)||void 0===n?void 0:n.call(o)[0])===i}function e(o){o.focus=()=>null==o?void 0:o.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}function r(){return!!function(){const o=navigator.userAgent.toLowerCase();return o.includes("safari")&&!o.includes("chrome")}()&&(n.polyfill(),window.__forceSmoothScrollPolyfill__=!0)}function s(){return navigator.userAgent.toLowerCase().includes("firefox")}let a=1e3;function l(){return a++}function u(o,i){i?o():requestAnimationFrame((()=>u(o,!0)))}function c(o,i){var n,t,e;return o?!0===(null===(n=window.Tecton)||void 0===n?void 0:n.noString)?o:null!==(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.loc(o,i))&&void 0!==e?e:o:""}function d(i){const{label:n,hideLabel:t}=i;if(n&&!t)return o("label",{htmlFor:i.inputId,class:i.readonly?"readonly-field":""},c(i.label),i.optional?o("span",{class:"optional-tag"},c("tecton.element.input.optional")):"")}function f(o){const{ariaLabel:i}=o;i&&("hideLabel"in o&&(o.hideLabel=!0),o.label=c(i),o.ariaLabel=void 0)}function v(i){return o("div",{class:"messages-container"},o("q2-message",{appearance:"minimal",description:!0,type:i.hasError?"danger":"info"},o("ul",{id:i.inputDescribedBy},i.messages.map((i=>o("li",null,c(i)))))))}function h(o){const i=o.hostElement.shadowRoot.querySelector(".messages-container"),n=i.querySelector("q2-message"),t=o.showMessages&&o.hasFocus?n.getBoundingClientRect().height:0;i.style.getPropertyValue("height")!==`${t}px`&&(0===t?(n.classList.add("invisible"),i.style.removeProperty("height")):(n.classList.remove("invisible"),i.style.setProperty("height",`${t}px`)))}function p(o){const{dropdownContainer:i,popDirection:n}=o;if(i&&(i.style.maxHeight=null),n)return o.privatePopDirection=n;const t=o.inputField||o.controlElement,e=o.minPopHeight||null;i.classList.add("sizable");const r=i.getBoundingClientRect().height;i.classList.remove("sizable");const{top:s,height:a}=t.getBoundingClientRect(),l=window.innerHeight-s-a,u=r<=s;if(l>r)return o.privatePopDirection="down";if(u||!e)return o.privatePopDirection="up";if(l>=e+5){const n=Math.max(l-5,e);return i.style.maxHeight=`${n}px`,o.privatePopDirection="down"}{const n=Math.max(s,e);return i.style.maxHeight=`${n}px`,o.privatePopDirection="up"}}export{r as a,h as b,l as c,d,s as e,f as h,t as i,c as l,v as m,u as n,e as o,p as s}

package/dist/q2-tecton-elements/p-4ae9d1f3.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as o,g as a}from"./p-080839ed.js";import{c as i,h as e,o as c,l as s}from"./p-37aba2a4.js";const l=class{constructor(o){t(this,o),this.change=r(this,"change",7),this.disabled=!1,this.checked=!1,this.groupDisabled=!1,this.groupTileLayout=!1,this.id=`radio-${i()}`,this.inputChange=t=>{t.stopPropagation(),this.change.emit({value:this.value})}}componentWillLoad(){e(this)}componentDidLoad(){c(this.hostElement)}ariaLabelObserver(){e(this)}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return o("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},o("input",{ref:t=>this.inputField=t,class:"sr",id:this.id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),o("label",{htmlFor:this.id,"test-id":"radioButton"},!this.groupTileLayout&&o("svg",{viewBox:"0 0 18 18"},o("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),o("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&o("div",{class:"label-content"},this.label&&s(this.label)||"",o("slot",null))))}get hostElement(){return a(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};l.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,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}q2-radio{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));display:block}q2-radio .radio-container{margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}q2-radio .radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1, 5px))}q2-radio .radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}q2-radio .radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}q2-radio .radio-container input:focus+label svg{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}q2-radio .radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}q2-radio .radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}q2-radio .radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}q2-radio .radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}q2-radio .radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:1rem;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}q2-radio .radio-tile input:focus+label{border-color:#0079c1;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}q2-radio .radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}q2-radio input:disabled+label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{l as q2_radio}