@ptcwebops/ptcw-design 0.9.1 → 0.9.4

package/dist/types/components.d.ts

@@ -6,6 +6,8 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    interface BundleExample {
+    }
     interface DropdownItem {
         "linkHref"?: string;
         "linkTarget": string | undefined;
@@ -287,7 +289,7 @@ export namespace Components {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined';
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined' | 'thumbnail-video-preview';
         "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
         "removeInlineHeight": () => Promise<void>;
         "setHeight": (height: number) => Promise<void>;
@@ -497,6 +499,10 @@ export namespace Components {
           * Font Size
          */
         "fontSize": 'small' | 'medium' | 'large' | 'medium-large';
+        /**
+          * Font Weight
+         */
+        "fontWeight"?: 'w-thin' | 'w-regular' | 'w-medium' | 'w-semibold' | 'w-bold' | 'w-extrabold' | 'w-black';
         /**
           * href
          */
@@ -649,6 +655,40 @@ export namespace Components {
          */
         "size"?: 'sm' | 'md' | 'lg' | 'xl';
     }
+    interface PtcNavCard {
+        /**
+          * Card Link URL (Optional)
+         */
+        "cardHref"?: string;
+        /**
+          * Card Link URL Alt text(Optional)
+         */
+        "cardHrefAlt"?: string;
+        /**
+          * If this card has Image
+         */
+        "cardLogo"?: string;
+        /**
+          * Card Type Specify Card Type
+         */
+        "cardType": 'media-card' | 'links-card' | 'cta-card';
+        /**
+          * Card description
+         */
+        "description"?: string;
+        /**
+          * Card heading
+         */
+        "heading"?: string;
+        /**
+          * (optional) Link card rel
+         */
+        "rel"?: string;
+        /**
+          * (optional) Link card target
+         */
+        "target"?: string;
+    }
     interface PtcOverlay {
         /**
           * Overlay border shape
@@ -822,10 +862,18 @@ export namespace Components {
         "text": string | undefined;
     }
     interface PtcPricingBlock {
-        "active": "active";
+        "active": boolean;
         "optionClicked": boolean;
     }
-    interface PtcPricingOptionsComponent {
+    interface PtcPricingTabs {
+        /**
+          * Header of the pricing block
+         */
+        "header": string;
+        /**
+          * Sub title tag the shows in top left corner
+         */
+        "productTag": string;
     }
     interface PtcQuote {
         /**
@@ -902,6 +950,7 @@ export namespace Components {
     interface PtcResponsiveWrapper {
     }
     interface PtcSearchField {
+        "darkTheme": boolean;
         "placeholderLabel": string;
         "textValue": string;
     }
@@ -909,6 +958,14 @@ export namespace Components {
         "cartCount"?: string;
         "color": 'black' | 'white';
     }
+    interface PtcSkeleton {
+        "animated": boolean;
+        "borderRadius": string;
+        "btmMargin": string;
+        "isLoading": boolean;
+        "topMargin": string;
+        "width": string;
+    }
     interface PtcSocialShare {
         "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
         /**
@@ -1184,6 +1241,10 @@ export interface PtcPagenationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcPagenationElement;
 }
+export interface PtcPricingTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcPricingTabsElement;
+}
 export interface PtcSearchFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcSearchFieldElement;
@@ -1197,6 +1258,12 @@ export interface TabHeaderCustomEvent<T> extends CustomEvent<T> {
     target: HTMLTabHeaderElement;
 }
 declare global {
+    interface HTMLBundleExampleElement extends Components.BundleExample, HTMLStencilElement {
+    }
+    var HTMLBundleExampleElement: {
+        prototype: HTMLBundleExampleElement;
+        new (): HTMLBundleExampleElement;
+    };
     interface HTMLDropdownItemElement extends Components.DropdownItem, HTMLStencilElement {
     }
     var HTMLDropdownItemElement: {
@@ -1413,6 +1480,12 @@ declare global {
         prototype: HTMLPtcModalElement;
         new (): HTMLPtcModalElement;
     };
+    interface HTMLPtcNavCardElement extends Components.PtcNavCard, HTMLStencilElement {
+    }
+    var HTMLPtcNavCardElement: {
+        prototype: HTMLPtcNavCardElement;
+        new (): HTMLPtcNavCardElement;
+    };
     interface HTMLPtcOverlayElement extends Components.PtcOverlay, HTMLStencilElement {
     }
     var HTMLPtcOverlayElement: {
@@ -1449,11 +1522,11 @@ declare global {
         prototype: HTMLPtcPricingBlockElement;
         new (): HTMLPtcPricingBlockElement;
     };
-    interface HTMLPtcPricingOptionsComponentElement extends Components.PtcPricingOptionsComponent, HTMLStencilElement {
+    interface HTMLPtcPricingTabsElement extends Components.PtcPricingTabs, HTMLStencilElement {
     }
-    var HTMLPtcPricingOptionsComponentElement: {
-        prototype: HTMLPtcPricingOptionsComponentElement;
-        new (): HTMLPtcPricingOptionsComponentElement;
+    var HTMLPtcPricingTabsElement: {
+        prototype: HTMLPtcPricingTabsElement;
+        new (): HTMLPtcPricingTabsElement;
     };
     interface HTMLPtcQuoteElement extends Components.PtcQuote, HTMLStencilElement {
     }
@@ -1485,6 +1558,12 @@ declare global {
         prototype: HTMLPtcShoppingCartElement;
         new (): HTMLPtcShoppingCartElement;
     };
+    interface HTMLPtcSkeletonElement extends Components.PtcSkeleton, HTMLStencilElement {
+    }
+    var HTMLPtcSkeletonElement: {
+        prototype: HTMLPtcSkeletonElement;
+        new (): HTMLPtcSkeletonElement;
+    };
     interface HTMLPtcSocialShareElement extends Components.PtcSocialShare, HTMLStencilElement {
     }
     var HTMLPtcSocialShareElement: {
@@ -1570,6 +1649,7 @@ declare global {
         new (): HTMLTabHeaderElement;
     };
     interface HTMLElementTagNameMap {
+        "bundle-example": HTMLBundleExampleElement;
         "dropdown-item": HTMLDropdownItemElement;
         "icon-asset": HTMLIconAssetElement;
         "list-item": HTMLListItemElement;
@@ -1606,18 +1686,20 @@ declare global {
         "ptc-minimized-header": HTMLPtcMinimizedHeaderElement;
         "ptc-mobile-select": HTMLPtcMobileSelectElement;
         "ptc-modal": HTMLPtcModalElement;
+        "ptc-nav-card": HTMLPtcNavCardElement;
         "ptc-overlay": HTMLPtcOverlayElement;
         "ptc-pagenation": HTMLPtcPagenationElement;
         "ptc-para": HTMLPtcParaElement;
         "ptc-picture": HTMLPtcPictureElement;
         "ptc-previous-url": HTMLPtcPreviousUrlElement;
         "ptc-pricing-block": HTMLPtcPricingBlockElement;
-        "ptc-pricing-options-component": HTMLPtcPricingOptionsComponentElement;
+        "ptc-pricing-tabs": HTMLPtcPricingTabsElement;
         "ptc-quote": HTMLPtcQuoteElement;
         "ptc-readmore": HTMLPtcReadmoreElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
         "ptc-search-field": HTMLPtcSearchFieldElement;
         "ptc-shopping-cart": HTMLPtcShoppingCartElement;
+        "ptc-skeleton": HTMLPtcSkeletonElement;
         "ptc-social-share": HTMLPtcSocialShareElement;
         "ptc-spacer": HTMLPtcSpacerElement;
         "ptc-span": HTMLPtcSpanElement;
@@ -1635,6 +1717,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface BundleExample {
+    }
     interface DropdownItem {
         "linkHref"?: string;
         "linkTarget"?: string | undefined;
@@ -1930,7 +2014,7 @@ declare namespace LocalJSX {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined';
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined' | 'thumbnail-video-preview';
         "onHoverEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
         "onLeaveEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
         "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
@@ -2150,6 +2234,10 @@ declare namespace LocalJSX {
           * Font Size
          */
         "fontSize"?: 'small' | 'medium' | 'large' | 'medium-large';
+        /**
+          * Font Weight
+         */
+        "fontWeight"?: 'w-thin' | 'w-regular' | 'w-medium' | 'w-semibold' | 'w-bold' | 'w-extrabold' | 'w-black';
         /**
           * href
          */
@@ -2310,6 +2398,40 @@ declare namespace LocalJSX {
          */
         "size"?: 'sm' | 'md' | 'lg' | 'xl';
     }
+    interface PtcNavCard {
+        /**
+          * Card Link URL (Optional)
+         */
+        "cardHref"?: string;
+        /**
+          * Card Link URL Alt text(Optional)
+         */
+        "cardHrefAlt"?: string;
+        /**
+          * If this card has Image
+         */
+        "cardLogo"?: string;
+        /**
+          * Card Type Specify Card Type
+         */
+        "cardType"?: 'media-card' | 'links-card' | 'cta-card';
+        /**
+          * Card description
+         */
+        "description"?: string;
+        /**
+          * Card heading
+         */
+        "heading"?: string;
+        /**
+          * (optional) Link card rel
+         */
+        "rel"?: string;
+        /**
+          * (optional) Link card target
+         */
+        "target"?: string;
+    }
     interface PtcOverlay {
         /**
           * Overlay border shape
@@ -2483,10 +2605,19 @@ declare namespace LocalJSX {
         "text"?: string | undefined;
     }
     interface PtcPricingBlock {
-        "active"?: "active";
+        "active"?: boolean;
         "optionClicked"?: boolean;
     }
-    interface PtcPricingOptionsComponent {
+    interface PtcPricingTabs {
+        /**
+          * Header of the pricing block
+         */
+        "header"?: string;
+        "onTabChanged"?: (event: PtcPricingTabsCustomEvent<any>) => void;
+        /**
+          * Sub title tag the shows in top left corner
+         */
+        "productTag"?: string;
     }
     interface PtcQuote {
         /**
@@ -2563,6 +2694,7 @@ declare namespace LocalJSX {
     interface PtcResponsiveWrapper {
     }
     interface PtcSearchField {
+        "darkTheme"?: boolean;
         "onClicked"?: (event: PtcSearchFieldCustomEvent<any>) => void;
         "onValueChanged"?: (event: PtcSearchFieldCustomEvent<any>) => void;
         "placeholderLabel"?: string;
@@ -2572,6 +2704,14 @@ declare namespace LocalJSX {
         "cartCount"?: string;
         "color"?: 'black' | 'white';
     }
+    interface PtcSkeleton {
+        "animated"?: boolean;
+        "borderRadius"?: string;
+        "btmMargin"?: string;
+        "isLoading"?: boolean;
+        "topMargin"?: string;
+        "width"?: string;
+    }
     interface PtcSocialShare {
         "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
         /**
@@ -2794,6 +2934,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
     }
     interface IntrinsicElements {
+        "bundle-example": BundleExample;
         "dropdown-item": DropdownItem;
         "icon-asset": IconAsset;
         "list-item": ListItem;
@@ -2830,18 +2971,20 @@ declare namespace LocalJSX {
         "ptc-minimized-header": PtcMinimizedHeader;
         "ptc-mobile-select": PtcMobileSelect;
         "ptc-modal": PtcModal;
+        "ptc-nav-card": PtcNavCard;
         "ptc-overlay": PtcOverlay;
         "ptc-pagenation": PtcPagenation;
         "ptc-para": PtcPara;
         "ptc-picture": PtcPicture;
         "ptc-previous-url": PtcPreviousUrl;
         "ptc-pricing-block": PtcPricingBlock;
-        "ptc-pricing-options-component": PtcPricingOptionsComponent;
+        "ptc-pricing-tabs": PtcPricingTabs;
         "ptc-quote": PtcQuote;
         "ptc-readmore": PtcReadmore;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
         "ptc-search-field": PtcSearchField;
         "ptc-shopping-cart": PtcShoppingCart;
+        "ptc-skeleton": PtcSkeleton;
         "ptc-social-share": PtcSocialShare;
         "ptc-spacer": PtcSpacer;
         "ptc-span": PtcSpan;
@@ -2862,6 +3005,7 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "bundle-example": LocalJSX.BundleExample & JSXBase.HTMLAttributes<HTMLBundleExampleElement>;
             "dropdown-item": LocalJSX.DropdownItem & JSXBase.HTMLAttributes<HTMLDropdownItemElement>;
             "icon-asset": LocalJSX.IconAsset & JSXBase.HTMLAttributes<HTMLIconAssetElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
@@ -2898,18 +3042,20 @@ declare module "@stencil/core" {
             "ptc-minimized-header": LocalJSX.PtcMinimizedHeader & JSXBase.HTMLAttributes<HTMLPtcMinimizedHeaderElement>;
             "ptc-mobile-select": LocalJSX.PtcMobileSelect & JSXBase.HTMLAttributes<HTMLPtcMobileSelectElement>;
             "ptc-modal": LocalJSX.PtcModal & JSXBase.HTMLAttributes<HTMLPtcModalElement>;
+            "ptc-nav-card": LocalJSX.PtcNavCard & JSXBase.HTMLAttributes<HTMLPtcNavCardElement>;
             "ptc-overlay": LocalJSX.PtcOverlay & JSXBase.HTMLAttributes<HTMLPtcOverlayElement>;
             "ptc-pagenation": LocalJSX.PtcPagenation & JSXBase.HTMLAttributes<HTMLPtcPagenationElement>;
             "ptc-para": LocalJSX.PtcPara & JSXBase.HTMLAttributes<HTMLPtcParaElement>;
             "ptc-picture": LocalJSX.PtcPicture & JSXBase.HTMLAttributes<HTMLPtcPictureElement>;
             "ptc-previous-url": LocalJSX.PtcPreviousUrl & JSXBase.HTMLAttributes<HTMLPtcPreviousUrlElement>;
             "ptc-pricing-block": LocalJSX.PtcPricingBlock & JSXBase.HTMLAttributes<HTMLPtcPricingBlockElement>;
-            "ptc-pricing-options-component": LocalJSX.PtcPricingOptionsComponent & JSXBase.HTMLAttributes<HTMLPtcPricingOptionsComponentElement>;
+            "ptc-pricing-tabs": LocalJSX.PtcPricingTabs & JSXBase.HTMLAttributes<HTMLPtcPricingTabsElement>;
             "ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
             "ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
             "ptc-search-field": LocalJSX.PtcSearchField & JSXBase.HTMLAttributes<HTMLPtcSearchFieldElement>;
             "ptc-shopping-cart": LocalJSX.PtcShoppingCart & JSXBase.HTMLAttributes<HTMLPtcShoppingCartElement>;
+            "ptc-skeleton": LocalJSX.PtcSkeleton & JSXBase.HTMLAttributes<HTMLPtcSkeletonElement>;
             "ptc-social-share": LocalJSX.PtcSocialShare & JSXBase.HTMLAttributes<HTMLPtcSocialShareElement>;
             "ptc-spacer": LocalJSX.PtcSpacer & JSXBase.HTMLAttributes<HTMLPtcSpacerElement>;
             "ptc-span": LocalJSX.PtcSpan & JSXBase.HTMLAttributes<HTMLPtcSpanElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "0.9.1",
+  "version": "0.9.4",
   "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.9.1
+# PTC Design 0.9.3
 The site is the place for documentation on PTC Design System
 
 ## Building the Site

package/dist/cjs/ptc-card-bottom.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c27e52b2.js');
-
-const ptcCardBottomCss = ":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
-
-const PtcCardBottom = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.hoverEvent = index.createEvent(this, "hoverEvent", 7);
-    this.leaveEvent = index.createEvent(this, "leaveEvent", 7);
-    this.cardType = undefined;
-    this.styles = undefined;
-  }
-  hoverEventHandler() {
-    this.hoverEvent.emit();
-    //if statement: the card type that doesn't need a hover event
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
-      this.el.previousElementSibling.classList.add('mouse-hover');
-      this.el.classList.add('mouse-hover-card-bottom');
-    }
-  }
-  leaveEventHandler() {
-    this.hoverEvent.emit();
-    //if statement: the card type that doesn't need a hover event
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
-      this.el.previousElementSibling.classList.remove('mouse-hover');
-      this.el.classList.remove('mouse-hover-card-bottom');
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && index.h("style", null, this.styles), index.h("div", { class: "ptc-card-bottom-wrapper" }, index.h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: this.cardType ? true : false,
-    };
-  }
-  get el() { return index.getElement(this); }
-};
-PtcCardBottom.style = ptcCardBottomCss;
-
-exports.ptc_card_bottom = PtcCardBottom;

package/dist/cjs/ptc-card-wrapper.cjs.entry.js

@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c27e52b2.js');
-
-const ptcCardWrapperCss = ":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}}";
-
-const PtcCardPlm = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.hoverEvent = index.createEvent(this, "hoverEvent", 7);
-    this.leaveEvent = index.createEvent(this, "leaveEvent", 7);
-    this.cardType = undefined;
-    this.cardLink = undefined;
-    this.linkTitle = undefined;
-    this.linkTarget = '_self';
-  }
-  /** Internal Screen Size State */
-  // @State() mql: MediaQueryList;
-  handleResize() {
-    this.checkScreenSize();
-  }
-  hoverEventHandler() {
-    if (this.el.classList.contains('extra-tall')) {
-      this.hoverEvent.emit();
-      this.el.classList.add('extraT-overlay');
-    }
-    if (this.el.classList.contains('color-outlined')) {
-      this.hoverEvent.emit();
-      const cardOverlay = this.el.querySelector('ptc-overlay');
-      cardOverlay.setOverlay('black-5');
-    }
-  }
-  leaveEventHandler() {
-    if (this.el.classList.contains('extra-tall')) {
-      this.hoverEvent.emit();
-      this.el.classList.remove('extraT-overlay');
-    }
-    if (this.el.classList.contains('color-outlined')) {
-      this.hoverEvent.emit();
-      const cardOverlay = this.el.querySelector('ptc-overlay');
-      cardOverlay.setOverlay('black-4');
-    }
-  }
-  componentDidLoad() {
-    this.checkScreenSize();
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const Tag = !!this.cardLink ? 'a' : 'div';
-    return (index.h(index.Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, index.h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), index.h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: this.cardType ? true : false,
-    };
-  }
-  getBtmContentHeight() {
-    const bottomContent = this.el.querySelector('ptc-card-bottom');
-    return bottomContent.offsetHeight;
-  }
-  checkScreenSize() {
-    if (window.innerWidth < 768) {
-      if (this.cardType === 'extra-tall') {
-        const cardContent = this.el.querySelector('ptc-card-content');
-        if (cardContent) {
-          cardContent.setHeight(this.getBtmContentHeight());
-        }
-      }
-    }
-    else {
-      const cardContent = this.el.querySelector('ptc-card-content');
-      if (cardContent) {
-        cardContent.removeInlineHeight();
-      }
-    }
-  }
-  get el() { return index.getElement(this); }
-};
-PtcCardPlm.style = ptcCardWrapperCss;
-
-exports.ptc_card_wrapper = PtcCardPlm;

package/dist/cjs/ptc-pricing-options-component.cjs.entry.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c27e52b2.js');
-
-const ptcPricingOptionsComponentCss = ":host{display:block;margin-top:var(--ptc-element-spacing-03)}:host #tabs p.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}:host div .panel-right{text-align:center;background:#FFFFFF;border:1px solid #E4E7E9;border-radius:4px;padding:32px 50px;min-height:267px;display:flex;align-content:center;align-items:center}";
-
-const ptcPricingOptionsComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.showOptions = undefined;
-  }
-  onContentChange(content) {
-    this.showOptions = content === 'Content 2';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    let selectedOption = index.h("slot", null);
-    if (this.showOptions) {
-      selectedOption = (index.h("div", { class: "is-col-6-md is-col-12 panel-right" }, index.h("div", { class: "panel-content" }, index.h("ptc-para", { "font-size": "small", "font-weight": "w-5", "para-margin": "margin-flush", "para-style": "main" }, "1-500 Tags"), index.h("ptc-title", { type: 'h2', "text-align": 'center', upperline: "no-upperline", "title-size": "xxx-large", "title-weight": "w-8", styles: "H2 { margin-top:0 !important}" }, "$2,968/yr"), index.h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-margin": "margin-2", "para-style": "main", "para-line-h": "line-height-denser" }, "Pay an annual fee to use the software. Support & Maintenance is included."), index.h("ptc-button", { type: "link", color: "ptc-quaternary", "link-href": "https://www.ptc.com", target: "_blank" }, "Add to Cart"))));
-    }
-    return (index.h(index.Host, null, index.h("div", { class: classMap }, index.h("div", null, selectedOption), index.h("section", { id: "tabs" }, index.h("ptc-pricing-block", { class: !this.showOptions ? 'active' : '', onClick: this.onContentChange.bind(this, 'Content 1') }, index.h("span", { slot: "left-text" }, "1-500 Tags"), index.h("span", { slot: "right-text" }, "$990/yr")), index.h("ptc-pricing-block", { class: !this.showOptions ? 'active' : '', onClick: this.onContentChange.bind(this, 'Content 2') }, index.h("span", { slot: "left-text" }, "501-5000 Tags"), index.h("span", { slot: "right-text" }, "$1,450/yr")), index.h("ptc-pricing-block", { class: !this.showOptions ? 'active' : '', onClick: this.onContentChange.bind(this, 'Content 3') }, index.h("span", { slot: "left-text" }, "5002+ Tags"), index.h("span", { slot: "right-text" }, "$2,968/yr"))))));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-pricing-options-components']: true
-    };
-  }
-};
-ptcPricingOptionsComponent.style = ptcPricingOptionsComponentCss;
-
-exports.ptc_pricing_options_component = ptcPricingOptionsComponent;

package/dist/collection/components/ptc-pricing-options-component/ptc-pricing-options-component.css

@@ -1,56 +0,0 @@
-:host {
-  display: block;
-  margin-top: var(--ptc-element-spacing-03);
-}
-:host #tabs p.active {
-  background-color: var(--color-gray-12);
-  color: var(--color-white);
-}
-:host .ptc-pricing-block {
-  width: 100%;
-  background-color: var(--color-gray-02);
-  border-radius: var(--ptc-border-radius-standard);
-  font-family: var(--ptc-font-latin);
-  font-size: var(--ptc-font-size-small);
-  font-weight: var(--ptc-font-weight-medium);
-  line-height: var(--ptc-line-height-dense);
-  display: block;
-  transition: background-color var(--ptc-ease-inout) var(--ptc-transition-medium);
-}
-:host .ptc-pricing-block.active {
-  background-color: var(--color-gray-12);
-  color: var(--color-white);
-}
-:host .ptc-pricing-block:hover:not(.active) {
-  background-color: var(--color-gray-03);
-}
-:host .right-text {
-  font-family: var(--ptc-font-latin);
-  font-size: var(--ptc-font-size-small);
-  font-weight: var(--ptc-font-weight-extrabold);
-  line-height: var(--ptc-line-height-dense);
-  text-align: right;
-  float: right;
-  margin: 15px 20px 15px 15px;
-  display: block;
-}
-:host .left-text {
-  font-family: var(--ptc-font-latin);
-  font-size: var(--ptc-font-size-small);
-  font-weight: var(--ptc-font-weight-medium);
-  line-height: var(--ptc-line-height-dense);
-  text-align: left;
-  margin: 15px 15px 15px 20px;
-  display: inline-block;
-}
-:host div .panel-right {
-  text-align: center;
-  background: #FFFFFF;
-  border: 1px solid #E4E7E9;
-  border-radius: 4px;
-  padding: 32px 50px;
-  min-height: 267px;
-  display: flex;
-  align-content: center;
-  align-items: center;
-}

package/dist/collection/components/ptc-pricing-options-component/ptc-pricing-options-component.js

@@ -1,39 +0,0 @@
-import { h, Host } from '@stencil/core';
-export class ptcPricingOptionsComponent {
-  constructor() {
-    this.showOptions = undefined;
-  }
-  onContentChange(content) {
-    this.showOptions = content === 'Content 2';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    let selectedOption = h("slot", null);
-    if (this.showOptions) {
-      selectedOption = (h("div", { class: "is-col-6-md is-col-12 panel-right" }, h("div", { class: "panel-content" }, h("ptc-para", { "font-size": "small", "font-weight": "w-5", "para-margin": "margin-flush", "para-style": "main" }, "1-500 Tags"), h("ptc-title", { type: 'h2', "text-align": 'center', upperline: "no-upperline", "title-size": "xxx-large", "title-weight": "w-8", styles: "H2 { margin-top:0 !important}" }, "$2,968/yr"), h("ptc-para", { "font-size": "xx-small", "font-weight": "w-6", "para-margin": "margin-2", "para-style": "main", "para-line-h": "line-height-denser" }, "Pay an annual fee to use the software. Support & Maintenance is included."), h("ptc-button", { type: "link", color: "ptc-quaternary", "link-href": "https://www.ptc.com", target: "_blank" }, "Add to Cart"))));
-    }
-    return (h(Host, null, h("div", { class: classMap }, h("div", null, selectedOption), h("section", { id: "tabs" }, h("ptc-pricing-block", { class: !this.showOptions ? 'active' : '', onClick: this.onContentChange.bind(this, 'Content 1') }, h("span", { slot: "left-text" }, "1-500 Tags"), h("span", { slot: "right-text" }, "$990/yr")), h("ptc-pricing-block", { class: !this.showOptions ? 'active' : '', onClick: this.onContentChange.bind(this, 'Content 2') }, h("span", { slot: "left-text" }, "501-5000 Tags"), h("span", { slot: "right-text" }, "$1,450/yr")), h("ptc-pricing-block", { class: !this.showOptions ? 'active' : '', onClick: this.onContentChange.bind(this, 'Content 3') }, h("span", { slot: "left-text" }, "5002+ Tags"), h("span", { slot: "right-text" }, "$2,968/yr"))))));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-pricing-options-components']: true
-    };
-  }
-  static get is() { return "ptc-pricing-options-component"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-pricing-options-component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-pricing-options-component.css"]
-    };
-  }
-  static get states() {
-    return {
-      "showOptions": {}
-    };
-  }
-}