@ptcwebops/ptcw-design 1.5.5 → 1.5.6

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,31 +1,31 @@
-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;
-}
-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;
+}
+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,63 +1,63 @@
-{
-  "name": "@ptcwebops/ptcw-design",
-  "version": "1.5.5",
-  "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"
-  },
-  "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": {
-    "@stencil/sass": "^1.4.1",
-    "@types/jest": "^27.0.3",
-    "jest": "^27.4.5",
-    "jest-cli": "^27.4.5",
-    "mobile-select": "^1.1.2",
-    "puppeteer": "^10.0.0",
-    "stencil-inline-svg": "^1.1.0"
-  },
-  "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": "1.5.6",
+  "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"
+  },
+  "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": {
+    "@stencil/sass": "^1.4.1",
+    "@types/jest": "^27.0.3",
+    "jest": "^27.4.5",
+    "jest-cli": "^27.4.5",
+    "mobile-select": "^1.1.2",
+    "puppeteer": "^10.0.0",
+    "stencil-inline-svg": "^1.1.0"
+  },
+  "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,18 +1,18 @@
-![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 1.5.5
-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 1.5.6
+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-b0188821.entry.js

@@ -1 +0,0 @@
-import{r as o,c as a,h as s,H as t,a as r}from"./p-63c06667.js";const l=class{constructor(s){o(this,s),this.closed=a(this,"closed",7),this.opened=a(this,"opened",7),this.iframeUrl=void 0,this.size="sm",this.show=!1,this.overlay=!0,this.fixed=!1,this.closeOnBlur=!1,this.rounded=!1,this.showHeaderFooter=!1,this.overlayHeight=void 0,this.borderRadius="standard",this.isBioModal=!1,this.bodyOverflowSetting=void 0}fireOnClosed(o){this.closed.emit(o)}fireOnOpened(o){this.opened.emit(o)}componentWillLoad(){let o=document.querySelector("body");this.bodyOverflowSetting={overflowY:o.style.overflowY,overflowX:o.style.overflowX}}componentWillRender(){let o=document.querySelector("body");o&&(this.show?(o.style.overflowY="scroll",o.style.overflowX="hidden"):(o.style.overflowY=this.bodyOverflowSetting.overflowY,o.style.overflowX=this.bodyOverflowSetting.overflowX))}componentDidLoad(){this.show&&this.fireOnOpened(this),this.showHeaderFooter&&this.handleScroll()}componentDidUpdate(){this.show?this.fireOnOpened(this):this.fireOnClosed(this)}resizeIframe(o){let a=o.target;setTimeout((()=>{try{a.contentDocument?a.height=`${a.contentDocument.body.scrollHeight}px`:(a.height="616px",a.removeAttribute("scrolling"))}catch(o){console.log(o),a.height="616px",a.removeAttribute("scrolling")}a.classList.add("ready")}),50)}handleScroll(){let o=this.el.shadowRoot.querySelector(".shadow-scroller");if(o){let r=o.querySelector(".modal-body");var a=r.scrollHeight,s=r.scrollTop,t=r.offsetHeight;r.clientHeight<a&&(s>0?o.classList.add("scroll-top"):o.classList.remove("scroll-top"),t+s<a?o.classList.add("scroll-bottom"):o.classList.remove("scroll-bottom"))}}close(){this.show=!1}render(){let o,a,r=this.iframeUrl?"frame":"html",l=s("div",{class:"close"},s("a",{href:"#",onClick:o=>{o.preventDefault(),this.close()}},this.isBioModal?s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"41.485",viewBox:"0 0 42 41.485"},s("g",{"data-name":"Group 1042",transform:"rotate(180 108.25 87.993)"},s("path",{d:"M0 0v39.486",class:"cls-1","data-name":"Line 446"}),s("path",{d:"M0 0h40",class:"cls-1","data-name":"Line 447"}),s("path",{d:"M0 33.592V0",class:"cls-1","data-name":"Line 448"}),s("path",{d:"M23.994 0H0",class:"cls-1","data-name":"Line 449"}),s("path",{d:"M0 0l17.596 17.596",class:"cls-2","data-name":"Line 450",transform:"translate(187.229 147.226)"}),s("path",{d:"M0 7.198L7.199 0",class:"cls-2","data-name":"Line 451",transform:"translate(197.55 147.312)"}),s("path",{d:"M0 7.2L7.2 0",class:"cls-2","data-name":"Path 114",transform:"translate(187.313 157.549)"}))):s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},s("path",{d:"M1 1L13 13",stroke:"black"}),s("path",{d:"M13 1L1 13",stroke:"black"}))));return o=this.iframeUrl?s("iframe",{src:this.iframeUrl,frameBorder:0,allowFullScreen:!1,height:"100%",width:"100%",scrolling:"no",onLoad:this.resizeIframe}):s("slot",this.showHeaderFooter?{name:"body"}:null),this.overlay&&(a=s("div",this.closeOnBlur?{class:"overlay",onClick:()=>this.close()}:{class:"overlay"})),s(t,{class:`${this.isBioModal?"bio-modal":""} ${this.borderRadius}`},s("div",{class:`wrapper ${this.show?"show":"hide"} ${this.fixed?"fixed":""} `},a,s("div",{class:`modal-popup ${this.size} ${r} ${this.rounded?"rounded":""} ${this.showHeaderFooter?"shadow-scroller":""} `},this.showHeaderFooter?[s("div",{class:"modal-header"},s("slot",{name:"header"}),l),s("div",{class:"modal-body",onScroll:()=>this.handleScroll()},o),s("div",{class:"modal-footer"},s("slot",{name:"footer"}))]:[l,s("div",{class:"modal-body"},o)])))}get el(){return r(this)}};l.style=":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:var(--ptc-element-spacing-03);margin-top:var(--ptc-element-spacing-03)}.wrapper .modal-popup.shadow-scroller{max-height:756px}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden;overflow-y:auto}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:60px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}:host(.standard) .modal-popup{border-radius:var(--ptc-border-radius-standard)}:host(.large) .modal-popup{border-radius:var(--ptc-border-radius-large)}:host(.pill) .modal-popup{border-radius:var(--ptc-border-radius-pill)}:host(.circle) .modal-popup{border-radius:var(--ptc-border-radius-circle)}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px}@media only screen and (min-width: 1440px){:host(.bio-modal) .modal-popup{max-width:1400px}}:host(.bio-modal) .close{position:absolute;margin:0;right:15px;top:30px}:host(.bio-modal) .close svg .cls-1,:host(.bio-modal) .close svg .cls-2{fill:none;stroke-width:2px}:host(.bio-modal) .close svg .cls-1{stroke:#1c2439;stroke-linecap:square}:host(.bio-modal) .close svg .cls-2{stroke:#74c34d}:host(.bio-modal) .close svg path{transition:all ease-in-out 250ms}:host(.bio-modal) .close svg .cls-1:nth-child(1){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}:host(.bio-modal) .close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}:host(.bio-modal) .close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(1){transform:translate(175.5px, 162px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}";export{l as ptc_modal}