@ptcwebops/ptcw-design 0.8.6 → 0.8.8

package/dist/types/components.d.ts

@@ -138,6 +138,24 @@ export namespace Components {
          */
         "visible": boolean;
     }
+    interface PtcBackgroundVideo {
+        /**
+          * Overlay(Optional, By default is true)
+         */
+        "overlay"?: boolean;
+        /**
+          * Poster url(Placeholder image till the video get the loaded)
+         */
+        "posterSrc"?: string;
+        /**
+          * Video implementation type:  default: Content need to add in tag       Ex: <ptc-background-video>Content  </ptc-background-video>  legacy: Add the blank tag in any other setcon having relative parent.      Ex: <div class="section" style="position: relative;">             <ptc-background-video></ptc-background-video>             Content           </div>
+         */
+        "type": 'default' | 'legacy';
+        /**
+          * Video url
+         */
+        "videoSrc": string;
+    }
     interface PtcBreadcrumb {
     }
     interface PtcButton {
@@ -1190,6 +1208,12 @@ declare global {
         prototype: HTMLPtcAnnouncementElement;
         new (): HTMLPtcAnnouncementElement;
     };
+    interface HTMLPtcBackgroundVideoElement extends Components.PtcBackgroundVideo, HTMLStencilElement {
+    }
+    var HTMLPtcBackgroundVideoElement: {
+        prototype: HTMLPtcBackgroundVideoElement;
+        new (): HTMLPtcBackgroundVideoElement;
+    };
     interface HTMLPtcBreadcrumbElement extends Components.PtcBreadcrumb, HTMLStencilElement {
     }
     var HTMLPtcBreadcrumbElement: {
@@ -1493,6 +1517,7 @@ declare global {
         "ptc-accordion": HTMLPtcAccordionElement;
         "ptc-accordion-item": HTMLPtcAccordionItemElement;
         "ptc-announcement": HTMLPtcAnnouncementElement;
+        "ptc-background-video": HTMLPtcBackgroundVideoElement;
         "ptc-breadcrumb": HTMLPtcBreadcrumbElement;
         "ptc-button": HTMLPtcButtonElement;
         "ptc-card": HTMLPtcCardElement;
@@ -1685,6 +1710,24 @@ declare namespace LocalJSX {
          */
         "visible"?: boolean;
     }
+    interface PtcBackgroundVideo {
+        /**
+          * Overlay(Optional, By default is true)
+         */
+        "overlay"?: boolean;
+        /**
+          * Poster url(Placeholder image till the video get the loaded)
+         */
+        "posterSrc"?: string;
+        /**
+          * Video implementation type:  default: Content need to add in tag       Ex: <ptc-background-video>Content  </ptc-background-video>  legacy: Add the blank tag in any other setcon having relative parent.      Ex: <div class="section" style="position: relative;">             <ptc-background-video></ptc-background-video>             Content           </div>
+         */
+        "type"?: 'default' | 'legacy';
+        /**
+          * Video url
+         */
+        "videoSrc"?: string;
+    }
     interface PtcBreadcrumb {
     }
     interface PtcButton {
@@ -2663,6 +2706,7 @@ declare namespace LocalJSX {
         "ptc-accordion": PtcAccordion;
         "ptc-accordion-item": PtcAccordionItem;
         "ptc-announcement": PtcAnnouncement;
+        "ptc-background-video": PtcBackgroundVideo;
         "ptc-breadcrumb": PtcBreadcrumb;
         "ptc-button": PtcButton;
         "ptc-card": PtcCard;
@@ -2726,6 +2770,7 @@ declare module "@stencil/core" {
             "ptc-accordion": LocalJSX.PtcAccordion & JSXBase.HTMLAttributes<HTMLPtcAccordionElement>;
             "ptc-accordion-item": LocalJSX.PtcAccordionItem & JSXBase.HTMLAttributes<HTMLPtcAccordionItemElement>;
             "ptc-announcement": LocalJSX.PtcAnnouncement & JSXBase.HTMLAttributes<HTMLPtcAnnouncementElement>;
+            "ptc-background-video": LocalJSX.PtcBackgroundVideo & JSXBase.HTMLAttributes<HTMLPtcBackgroundVideoElement>;
             "ptc-breadcrumb": LocalJSX.PtcBreadcrumb & JSXBase.HTMLAttributes<HTMLPtcBreadcrumbElement>;
             "ptc-button": LocalJSX.PtcButton & JSXBase.HTMLAttributes<HTMLPtcButtonElement>;
             "ptc-card": LocalJSX.PtcCard & JSXBase.HTMLAttributes<HTMLPtcCardElement>;

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

@@ -2,3 +2,4 @@ export declare function format(first: string, middle: string, last: string): str
 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,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "0.8.6",
+  "version": "0.8.8",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",

package/readme.md

@@ -1,6 +1,6 @@
 ![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 0.8.6
+# PTC Design 0.8.8
 The site is the place for documentation on PTC Design System
 
 ## Building the Site

package/dist/ptcw-design/p-1e92301d.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as e}from"./p-9fb2ab8c.js";const o=class{constructor(i){t(this,i),this.cardType="media-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.activeBackgroundImage=void 0,this.hoverBackgroundImage=void 0,this.heading=void 0,this.headingTransform="none",this.category=void 0,this.isHovered=!1}render(){return i(e,{onmouseenter:()=>this.isHovered=!0,onmouseleave:()=>this.isHovered=!1,style:this.isHovered?{backgroundImage:`url(${this.hoverBackgroundImage})`}:{backgroundImage:`url(${this.activeBackgroundImage})`}},i(this.cardHref?"a":"div",{class:"anchor-wrap",target:this.target,href:this.cardHref,rel:this.rel},i("ptc-overlay",{"filter-color":"black-2"}),i("div",{class:"card-wrap"},i("div",{class:"car-content"},i("h4",null,this.category," "),i("h3",null,this.heading)))))}};o.style=":host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none}:host .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host .card-wrap .car-content{padding:20px 30px 30px 30px}:host .card-wrap .car-content h4,:host .card-wrap .car-content h3{color:#fff}:host .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-medium);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-dense);display:inline}:host .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host .card-wrap .car-content h4{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small);font-style:normal;font-stretch:normal;letter-spacing:var(--ptc-line-height-dense)}";export{o as ptc_media_card}

package/dist/ptcw-design/p-b721664f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as e,H as o,g as i}from"./p-9fb2ab8c.js";const s=class{constructor(e){t(this,e),this.hoverEvent=a(this,"hoverEvent",7),this.leaveEvent=a(this,"leaveEvent",7),this.cardType=void 0,this.cardLink=void 0,this.linkTitle=void 0,this.linkTarget="_self"}handleResize(){this.checkScreenSize()}hoverEventHandler(){this.el.classList.contains("extra-tall")&&(this.hoverEvent.emit(),this.el.classList.add("extraT-overlay")),this.el.classList.contains("color-outlined")&&(this.hoverEvent.emit(),this.el.querySelector("ptc-overlay").setOverlay("black-5"))}leaveEventHandler(){this.el.classList.contains("extra-tall")&&(this.hoverEvent.emit(),this.el.classList.remove("extraT-overlay")),this.el.classList.contains("color-outlined")&&(this.hoverEvent.emit(),this.el.querySelector("ptc-overlay").setOverlay("black-4"))}componentDidLoad(){this.checkScreenSize()}render(){const t=this.getCssClassMap(),a=this.cardLink?"a":"div";return e(o,{class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},e(a,Object.assign({},this.cardLink?{href:this.cardLink}:{},this.linkTarget&&this.cardLink?{target:this.linkTarget}:{},this.cardLink?{title:this.linkTitle?this.linkTitle:this.cardLink}:{}),e("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}getBtmContentHeight(){return this.el.querySelector("ptc-card-bottom").offsetHeight}checkScreenSize(){window.innerWidth<=480?"extra-tall"===this.cardType&&this.el.querySelector("ptc-card-content").setHeight(this.getBtmContentHeight()):this.el.querySelector("ptc-card-content").removeInlineHeight()}get el(){return i(this)}};s.style=':host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.extra-tall){position:relative}:host(.extra-tall) a{position:relative;display:block;width:100%;height:100%;inset:0px}:host(.color-outlined){position:relative;border-radius:var(--ptc-border-radius-large)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}:host(.extraT-overlay) a::after{content:"";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);bottom:0;left:0;border-radius:var(--ptc-border-radius-large)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}';export{s as ptc_card_wrapper}

package/dist/ptcw-design/p-e121ff2a.js

@@ -1 +0,0 @@
-function t(t,e,l){return(t||"")+(e?` ${e}`:"")+(l?` ${l}`:"")}function e(t,e,l){let n=e?t.querySelector(e):t,r={},i=t=>t.toLowerCase().replace(/(-\w)/g,(t=>t.replace(/-/,"").toUpperCase())),o=t=>{let e=!0;return/^\s*$/.test(t.textContent)&&(e=!1),e},u=(t,e)=>{let l=t.childNodes;if(l&&l.length>0){for(let t=0;t<l.length;t++){let n=l[t];if(1==n.nodeType){let t=i(n.nodeName);e[t]||(e[t]=[]),e[t].push({}),u(n,e[t][e[t].length-1])}else 3==n.nodeType&&o(n)&&(e.text=(e.text||"")+n.textContent)}for(const t in e)Array.isArray(e[t])&&1==e[t].length&&(e[t]=e[t][0])}if(t.attributes&&t.attributes.length>0)for(let l=0;l<t.attributes.length;l++)e[i(t.attributes[l].nodeName)]=t.attributes[l].nodeValue;"true"==t.getAttribute("html")&&(e.html=t.innerHTML)};return u(n,r),l?JSON.stringify(r):r}function l(){let t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}function n(t,e,n){let r=l();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(l){var i=n||this,o=l;clearTimeout(globalThis.debounceTimeouts[r]),globalThis.debounceTimeouts[r]=setTimeout((function(){t(i,o)}),e)}}export{e as M,n as d,t as f,l as g}