@ptcwebops/ptcw-design 2.6.1 → 2.6.2

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { Components, JSX } from './components';
+export { Components, JSX } from './components';

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

@@ -1 +1 @@
-export declare const hasSlot: (HTMLElement: any, string?: any) => boolean;
+export declare const hasSlot: (HTMLElement: any, string?: any) => boolean;

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

@@ -1,32 +1,32 @@
-type CssClassMap = {
-  [className: string]: boolean;
-};
-type StylesMap = {
-  [key: string]: string;
-};
-declare let ResponsiveBgVariables: {
-  envs: string[];
-  selector: string;
-  interval: number;
-};
-declare let ResponsivePictureVariables: {
-  envs: string[];
-  selector: string;
-  interval: number;
-};
-export { StylesMap, CssClassMap, ResponsiveBgVariables, ResponsivePictureVariables };
-export interface ITabData {
-  select: () => void;
-  unselect: () => void;
-  name: string;
-  text: string;
-}
-export interface ITabHeaderData extends ITabData {
-  id: string;
-}
-export interface ITabContentData extends ITabData {
-}
-export interface ITabGroup {
-  header: ITabHeaderData;
-  content: ITabContentData;
-}
+type CssClassMap = {
+  [className: string]: boolean;
+};
+type StylesMap = {
+  [key: string]: string;
+};
+declare let ResponsiveBgVariables: {
+  envs: string[];
+  selector: string;
+  interval: number;
+};
+declare let ResponsivePictureVariables: {
+  envs: string[];
+  selector: string;
+  interval: number;
+};
+export { StylesMap, CssClassMap, ResponsiveBgVariables, ResponsivePictureVariables };
+export interface ITabData {
+  select: () => void;
+  unselect: () => void;
+  name: string;
+  text: string;
+}
+export interface ITabHeaderData extends ITabData {
+  id: string;
+}
+export interface ITabContentData extends ITabData {
+}
+export interface ITabGroup {
+  header: ITabHeaderData;
+  content: ITabContentData;
+}

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

@@ -1,5 +1,5 @@
-export declare function format(first: string, middle: string, last: string): string;
-export declare function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any;
-export declare function generateUUID(): string;
-export declare function debounce(func: Function, wait: number, referer?: any): (e: any) => void;
-export declare function getFileExtension(filePath: string): string;
+export declare function format(first: string, middle: string, last: string): string;
+export declare function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any;
+export declare function generateUUID(): string;
+export declare function debounce(func: Function, wait: number, referer?: any): (e: any) => void;
+export declare function getFileExtension(filePath: string): string;

package/package.json

@@ -1,82 +1,82 @@
-{
-  "name": "@ptcwebops/ptcw-design",
-  "version": "2.6.1",
-  "description": "Stencil Component Starter",
-  "main": "dist/index.cjs.js",
-  "module": "./dist/index.js",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
-  "types": "dist/custom-elements/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/ptcw-design/ptcw-design.esm.js",
-  "files": [
-    "dist/",
-    "loader/"
-  ],
-  "scripts": {
-    "build": "stencil build --docs",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
-    "test.unit": "stencil test --spec",
-    "test.end-to-end": "stencil test --e2e",
-    "test.unit.watch": "stencil test --spec --watch",
-    "generate": "stencil generate",
-    "prepare": "stencil build --docs",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "generate-story": "node scripts/storyGenerator",
-    "generate-unit-tests": "node scripts/unitTestGenerator"
-  },
-  "dependencies": {
-    "@daveberning/griddle": "^0.3.0",
-    "@stencil/core": "^2.20.0",
-    "@teamhive/lottie-player": "^1.0.0",
-    "npmrc": "^1.1.1",
-    "resize-observer-polyfill": "^1.5.1",
-    "swiper": "^9.1.1"
-  },
-  "license": "MIT",
-  "devDependencies": {
-    "@babel/preset-env": "^7.22.4",
-    "@stencil/sass": "^1.4.1",
-    "@storybook/addon-essentials": "^7.1.0-alpha.29",
-    "@storybook/addon-links": "^7.1.0-alpha.29",
-    "@storybook/blocks": "^7.1.0-alpha.29",
-    "@storybook/web-components": "^7.1.0-alpha.29",
-    "@storybook/web-components-webpack5": "^7.1.0-alpha.29",
-    "@types/jest": "^27.0.3",
-    "ejs": "^3.1.9",
-    "jest": "^27.4.5",
-    "jest-cli": "^27.4.5",
-    "lit": "^2.7.4",
-    "marked": "^5.1.0",
-    "mobile-select": "^1.1.2",
-    "node-html-parser": "^6.1.5",
-    "puppeteer": "^10.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "stencil-inline-svg": "^1.1.0",
-    "storybook": "^7.1.0-alpha.29",
-    "util": "^0.12.5",
-    "yargs": "^17.7.2"
-  },
-  "directories": {
-    "doc": "docs"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://@bitbucket.org/ptc-sitecore-workspace/ptc-design-system.git"
-  },
-  "keywords": [
-    "design system",
-    "web components",
-    "stenciljs"
-  ],
-  "author": "Yunfeng Qian",
-  "homepage": "https://bitbucket.org/ptc-sitecore-workspace/ptc-design-system#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  }
-}
+{
+  "name": "@ptcwebops/ptcw-design",
+  "version": "2.6.2",
+  "description": "Stencil Component Starter",
+  "main": "dist/index.cjs.js",
+  "module": "./dist/index.js",
+  "es2015": "dist/esm/index.mjs",
+  "es2017": "dist/esm/index.mjs",
+  "types": "dist/custom-elements/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/ptcw-design/ptcw-design.esm.js",
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "scripts": {
+    "build": "stencil build --docs",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "test.unit": "stencil test --spec",
+    "test.end-to-end": "stencil test --e2e",
+    "test.unit.watch": "stencil test --spec --watch",
+    "generate": "stencil generate",
+    "prepare": "stencil build --docs",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "generate-story": "node scripts/storyGenerator",
+    "generate-unit-tests": "node scripts/unitTestGenerator"
+  },
+  "dependencies": {
+    "@daveberning/griddle": "^0.3.0",
+    "@stencil/core": "^2.20.0",
+    "@teamhive/lottie-player": "^1.0.0",
+    "npmrc": "^1.1.1",
+    "resize-observer-polyfill": "^1.5.1",
+    "swiper": "^9.1.1"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/preset-env": "^7.22.4",
+    "@stencil/sass": "^1.4.1",
+    "@storybook/addon-essentials": "^7.1.0-alpha.29",
+    "@storybook/addon-links": "^7.1.0-alpha.29",
+    "@storybook/blocks": "^7.1.0-alpha.29",
+    "@storybook/web-components": "^7.1.0-alpha.29",
+    "@storybook/web-components-webpack5": "^7.1.0-alpha.29",
+    "@types/jest": "^27.0.3",
+    "ejs": "^3.1.9",
+    "jest": "^27.4.5",
+    "jest-cli": "^27.4.5",
+    "lit": "^2.7.4",
+    "marked": "^5.1.0",
+    "mobile-select": "^1.1.2",
+    "node-html-parser": "^6.1.5",
+    "puppeteer": "^10.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "stencil-inline-svg": "^1.1.0",
+    "storybook": "^7.1.0-alpha.29",
+    "util": "^0.12.5",
+    "yargs": "^17.7.2"
+  },
+  "directories": {
+    "doc": "docs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://@bitbucket.org/ptc-sitecore-workspace/ptc-design-system.git"
+  },
+  "keywords": [
+    "design system",
+    "web components",
+    "stenciljs"
+  ],
+  "author": "Yunfeng Qian",
+  "homepage": "https://bitbucket.org/ptc-sitecore-workspace/ptc-design-system#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/readme.md

@@ -1,19 +1,19 @@
-![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
-
-# PTC Design 2.6.1
-
-The site is the place for documentation on PTC Design System
-
-## Building the Site
-
-To build the site from the source, ensure you're using the most recent versions of Node and Npm, and pull the latest from master. Next, run `npm install`, `npm run docs` to build the docs files and `npm run start` to launch the site in development mode.
-
-## Project Tools
-
-- stenciljs 2.20.0
-- Node 18.13.0
-- npm 8.19.3
-- jest 27.4.5
-- puppeteer 10.0.0
-
-## License
+![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
+
+# PTC Design 2.6.2
+
+The site is the place for documentation on PTC Design System
+
+## Building the Site
+
+To build the site from the source, ensure you're using the most recent versions of Node and Npm, and pull the latest from master. Next, run `npm install`, `npm run docs` to build the docs files and `npm run start` to launch the site in development mode.
+
+## Project Tools
+
+- stenciljs 2.20.0
+- Node 18.13.0
+- npm 8.19.3
+- jest 27.4.5
+- puppeteer 10.0.0
+
+## License

package/dist/ptcw-design/p-84e61cf0.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as a,g as n,F as l}from"./p-ce0e4c5c.js";const s=class{constructor(e){t(this,e),this.optionClick=i(this,"optionClick",7),this.getQuizEndpoint=void 0,this.quiz=null,this.slide=null,this.traversal=[]}handleStartButtonClick(){this.slide=this.slide.next,this.traversal.push("next")}handleRestartButtonClick(){this.slide=this.quiz,this.traversal=[]}handlePreviousButtonClick(){let t=this.quiz;for(let i of this.traversal.slice(0,this.traversal.length-3))t=t[i];this.slide=t,this.traversal=this.traversal.slice(0,this.traversal.length-3)}handleQuestionOptionClick(t){let[i,e]=[null,null],a=this.slide.options;for(let n in a)if(a[n]["data-model-id"]===t){i=a[n],e=n;break}this.optionClick.emit(i),this.traversal=[...this.traversal,"options",e,"next"];let n=new Image;n.src=i.next.image,n.onload=()=>{this.slide=i.next}}componentWillLoad(){fetch(this.getQuizEndpoint).then((t=>t.json())).then((t=>{this.quiz=t,this.slide=this.quiz})).catch((t=>console.log("Quiz retireval error: ",t)))}render(){const t=()=>e("div",{class:"right-button-container"},e("div",{class:"restart-quiz-button",onClick:()=>this.handleRestartButtonClick()},e("icon-asset",{id:"restart-arrow",type:"ptc",size:"small",name:"quiz-arrow-restart"}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-densest","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Restart"))),i=()=>e("div",{class:"center-button-container"},e("div",{class:"previous-slide-button",onClick:()=>this.handlePreviousButtonClick()},e("icon-asset",{id:"left-arrow",type:"ptc",size:"medium",name:"quiz-arrow-left",onClick:()=>{}}),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-densest","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Previous"))),n=()=>e("div",{class:"quiz-slide-initial"},e("div",{class:"quiz-slide-content"},e("div",{id:"initial-quiz-h2",class:"quiz-slide-text-container"},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-large","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8","is-plm-hub":"false"},this.slide.h2)),e("ptc-spacer",{size:"medium",breakpoint:"small"}),e("ptc-spacer",{size:"large",breakpoint:"x-small"}),e("div",{id:"initial-quiz-h3",class:"quiz-slide-text-container"},e("ptc-title",{type:"h3","text-align":"center","title-size":"medium","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-shadow":"","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false"},this.slide.h3)),e("ptc-spacer",{size:"x-large",breakpoint:"small"}),e("ptc-spacer",{size:"xx-large",breakpoint:"x-small"}),e("div",{id:"initial-quiz-p",class:"quiz-slide-text-container"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-5","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.slide.p)),e("div",{class:"center-button-container"},e("div",{id:"quiz-start-button",onClick:()=>this.handleStartButtonClick()},e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"",target:"_blank"},"Start"))))),s=()=>e("div",{class:"quiz-slide-question"},e("div",{class:"quiz-slide-content"},e("div",{class:"quiz-slide-dual-layout"},e("div",{class:"image-container"},e("img",{alt:"",src:this.slide.image})),e("div",{class:"content-container"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-denser","para-margin":"margin-bottom-6","para-style":"","para-z-index":"z-1",styles:""},this.slide.question),e("div",{class:"options-container"},this.slide.options.map((t=>e("div",{class:"radio-input"},e("input",{type:"radio",name:"test",id:`${t["data-value"]}`,onClick:()=>this.handleQuestionOptionClick(t["data-model-id"]),"data-model-id":`${t["data-model-id"]}`}),e("label",{class:"option-label",htmlFor:`${t["data-value"]}`},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-densest","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t["data-value"])))))))))),r=()=>e("div",{class:"quiz-slide-result"},e("div",{class:"quiz-slide-content"},e("div",{class:"quiz-slide-dual-layout"},e("div",{class:"image-container"},e("img",{alt:"",src:this.slide.image})),e("div",{class:"content-container"},e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-denser","para-margin":"margin-bottom-6","para-style":"","para-z-index":"z-1",styles:""},this.slide.title),e("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-5","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-bottom-6","para-style":"","para-z-index":"z-1",styles:""},this.slide.description),e("div",{class:"cta-container"},this.slide["cta-quaternary"]&&e("ptc-button",{type:"link",color:"ptc-quaternary","link-href":this.slide["cta-quaternary"].href,target:"_blank"},this.slide["cta-quaternary"].text),this.slide["cta-tertiary"]&&e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.slide["cta-tertiary"].href,target:"_blank"},this.slide["cta-tertiary"].text))))));return e(a,null,this.quiz&&e("div",{class:"quiz-slide-container"},e("div",{class:"quiz-slide-background"}),(()=>{switch(this.slide["slide-type"]){case"initial":return e(n,null);case"question":return e(l,null,e(t,null),e(s,null),this.traversal.length>1?e(i,null):null);case"result":return e(l,null,e(t,null),e(r,null),e(i,null));default:return null}})()))}get el(){return n(this)}};s.style=':host{display:block}@media only screen and (min-width: 360px){:host .quiz-slide-container{position:relative;width:100%;border:1px solid var(--color-gray-12);background-color:white}:host .quiz-slide-container .quiz-slide-text-container{max-width:calc(24 * var(--ptc-element-spacing-07))}:host .quiz-slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://www.ptc.com/-/media/Development/Embedded-Vuforia-Quiz/vuforia-background-guide-01.svg");background-size:cover;background-position:center;opacity:0.25}:host .quiz-slide-initial{padding:var(--ptc-element-spacing-08);display:flex;justify-content:center}:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-result .cta-container{display:flex;flex-direction:column;align-items:center}:host .quiz-slide-result .cta-container ptc-button{flex:1 0 100%;margin:0 0 var(--ptc-element-spacing-05) 0}:host .right-button-container{display:flex;justify-content:right}:host .right-button-container .restart-quiz-button{display:flex;margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) 0 0;transition:var(--ptc-transition-slow)}:host .right-button-container .restart-quiz-button #restart-arrow{display:flex;align-items:center}:host .right-button-container .restart-quiz-button #restart-arrow svg{margin-right:var(--ptc-element-spacing-03)}:host .right-button-container .restart-quiz-button:hover{cursor:pointer}:host .right-button-container .restart-quiz-button:hover #restart-arrow svg{transform:rotate(270deg)}:host .right-button-container .restart-quiz-button:hover ptc-para{opacity:0.7}:host .center-button-container{display:flex;justify-content:center}:host .previous-slide-button{display:flex;align-items:center;margin:0 0 var(--ptc-element-spacing-06) 0;transition:var(--ptc-transition-slow)}:host .previous-slide-button icon-asset{display:flex;align-items:center;margin-right:var(--ptc-element-spacing-03)}:host .previous-slide-button:hover{cursor:pointer}:host .previous-slide-button:hover icon-asset svg{transform:translateX(-8px)}:host .previous-slide-button:hover ptc-para{opacity:0.7}:host .quiz-slide-dual-layout .image-container{padding-top:var(--ptc-element-spacing-06);display:flex;justify-content:center;height:calc(4 * var(--ptc-element-spacing-08));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:100%}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08) var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .content-container .options-container{padding-left:var(--ptc-element-spacing-05);display:flex;flex-wrap:wrap}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 100%;margin-bottom:var(--ptc-element-spacing-06);display:flex;align-items:start}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]{width:16px;height:16px}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]:hover{cursor:pointer}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]:hover:before{box-shadow:0px 0px 0px 2px var(--color-gray-05);border-radius:50%;opacity:0.7}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]:before{content:"";display:block;width:60%;height:60%;margin:10%;padding:10%;border-radius:50%}:host .quiz-slide-dual-layout .content-container .options-container .radio-input input[type=radio]:checked:before{background:inherit}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .option-label{padding:0 var(--ptc-element-spacing-02) 0 var(--ptc-element-spacing-03)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input .option-label:hover{cursor:pointer}}@media only screen and (min-width: 768px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout{margin:0 var(--ptc-element-spacing-06) 0 var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .image-container{height:calc(9 * var(--ptc-element-spacing-06));width:100%}:host .quiz-slide-dual-layout .image-container img{height:100%;width:auto}:host .quiz-slide-dual-layout .content-container{margin:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06)}:host .quiz-slide-dual-layout .content-container .options-container .radio-input{flex:1 0 48%}}@media only screen and (min-width: 992px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04)) 0}:host .quiz-slide-dual-layout .image-container{height:calc(8 * var(--ptc-element-spacing-07));width:auto}}@media only screen and (min-width: 1200px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 calc(var(--ptc-element-spacing-01) + var(--ptc-element-spacing-06)) 0}:host .quiz-slide-result .cta-container{flex-direction:row}:host .quiz-slide-result .cta-container ptc-button{flex:none;margin:0 var(--ptc-element-spacing-05) 0 0}:host .quiz-slide-dual-layout{display:flex;margin-bottom:var(--ptc-element-spacing-08)}:host .quiz-slide-dual-layout .image-container{display:flex;align-items:center;height:calc(7 * var(--ptc-element-spacing-07));width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .image-container img{height:100%;max-height:calc(7 * var(--ptc-element-spacing-07));max-width:calc(15 * var(--ptc-element-spacing-07))}:host .quiz-slide-dual-layout .content-container .options-container{padding-left:0}:host .quiz-slide-dual-layout .content-container .options-container .radio-input:nth-of-type(odd){margin-right:4%}}@media only screen and (min-width: 1440px){:host .quiz-slide-initial #initial-quiz-p{padding:0 0 var(--ptc-element-spacing-07) 0}}';export{s as ptc_embedded_quiz}