@ptcwebops/ptcw-design 0.0.7 → 0.0.8

package/dist/types/components.d.ts

@@ -80,7 +80,7 @@ export namespace Components {
         /**
           * Card Type Specify Card Type, default to simple card
          */
-        "cardType": 'simple-card' | 'lotti-image-card-1' | 'normal-image-card-1' | 'highlight-card';
+        "cardType": 'simple-card' | 'lottie-card' | 'custom-card';
         /**
           * If this card has Image
          */
@@ -96,19 +96,15 @@ export namespace Components {
         /**
           * Card heading
          */
-        "heading": string;
-        /**
-          * Card Heading Arrow (Optional)
-         */
-        "headingArrow"?: boolean;
-        /**
-          * Heading Position These values are available: 'is-placed-left', 'is-placed-left', 'is-placed-right', 'is-placed-normal', 'is-placed-start' Default: "is-placed-left"
-         */
-        "headingPosition"?: string;
+        "heading"?: string;
         /**
           * (optional) Link card rel
          */
         "rel"?: string;
+        /**
+          * (optional) Injected CSS styles
+         */
+        "styles"?: string;
         /**
           * (optional) Link card target
          */
@@ -187,7 +183,7 @@ export namespace Components {
         "uppercase": boolean;
     }
     interface PtcList {
-        "linkHref"?: string;
+        "listItems"?: string[];
         "listType": 'link-primary' | 'link-sub' | 'icon' | 'para-list';
     }
     interface PtcLottie {
@@ -232,32 +228,6 @@ export namespace Components {
          */
         "url": string;
     }
-    interface PtcNcard {
-        /**
-          * Card Link URL (Optional)
-         */
-        "cardHref"?: string;
-        /**
-          * If this card has Image
-         */
-        "hasImage": boolean;
-        /**
-          * If this card has Lottie Image
-         */
-        "hasLottie": boolean;
-        /**
-          * If this card has Video
-         */
-        "hasVideo": boolean;
-        /**
-          * (optional) Link card rel
-         */
-        "rel"?: string;
-        /**
-          * (optional) Link card target
-         */
-        "target"?: string;
-    }
     interface PtcOverlay {
     }
     interface PtcPara {
@@ -394,12 +364,6 @@ declare global {
         prototype: HTMLPtcNavItemElement;
         new (): HTMLPtcNavItemElement;
     };
-    interface HTMLPtcNcardElement extends Components.PtcNcard, HTMLStencilElement {
-    }
-    var HTMLPtcNcardElement: {
-        prototype: HTMLPtcNcardElement;
-        new (): HTMLPtcNcardElement;
-    };
     interface HTMLPtcOverlayElement extends Components.PtcOverlay, HTMLStencilElement {
     }
     var HTMLPtcOverlayElement: {
@@ -451,7 +415,6 @@ declare global {
         "ptc-lottie": HTMLPtcLottieElement;
         "ptc-nav": HTMLPtcNavElement;
         "ptc-nav-item": HTMLPtcNavItemElement;
-        "ptc-ncard": HTMLPtcNcardElement;
         "ptc-overlay": HTMLPtcOverlayElement;
         "ptc-para": HTMLPtcParaElement;
         "ptc-picture": HTMLPtcPictureElement;
@@ -539,7 +502,7 @@ declare namespace LocalJSX {
         /**
           * Card Type Specify Card Type, default to simple card
          */
-        "cardType"?: 'simple-card' | 'lotti-image-card-1' | 'normal-image-card-1' | 'highlight-card';
+        "cardType"?: 'simple-card' | 'lottie-card' | 'custom-card';
         /**
           * If this card has Image
          */
@@ -556,18 +519,14 @@ declare namespace LocalJSX {
           * Card heading
          */
         "heading"?: string;
-        /**
-          * Card Heading Arrow (Optional)
-         */
-        "headingArrow"?: boolean;
-        /**
-          * Heading Position These values are available: 'is-placed-left', 'is-placed-left', 'is-placed-right', 'is-placed-normal', 'is-placed-start' Default: "is-placed-left"
-         */
-        "headingPosition"?: string;
         /**
           * (optional) Link card rel
          */
         "rel"?: string;
+        /**
+          * (optional) Injected CSS styles
+         */
+        "styles"?: string;
         /**
           * (optional) Link card target
          */
@@ -646,7 +605,7 @@ declare namespace LocalJSX {
         "uppercase"?: boolean;
     }
     interface PtcList {
-        "linkHref"?: string;
+        "listItems"?: string[];
         "listType"?: 'link-primary' | 'link-sub' | 'icon' | 'para-list';
     }
     interface PtcLottie {
@@ -695,32 +654,6 @@ declare namespace LocalJSX {
          */
         "url"?: string;
     }
-    interface PtcNcard {
-        /**
-          * Card Link URL (Optional)
-         */
-        "cardHref"?: string;
-        /**
-          * If this card has Image
-         */
-        "hasImage"?: boolean;
-        /**
-          * If this card has Lottie Image
-         */
-        "hasLottie"?: boolean;
-        /**
-          * If this card has Video
-         */
-        "hasVideo"?: boolean;
-        /**
-          * (optional) Link card rel
-         */
-        "rel"?: string;
-        /**
-          * (optional) Link card target
-         */
-        "target"?: string;
-    }
     interface PtcOverlay {
     }
     interface PtcPara {
@@ -786,7 +719,6 @@ declare namespace LocalJSX {
         "ptc-lottie": PtcLottie;
         "ptc-nav": PtcNav;
         "ptc-nav-item": PtcNavItem;
-        "ptc-ncard": PtcNcard;
         "ptc-overlay": PtcOverlay;
         "ptc-para": PtcPara;
         "ptc-picture": PtcPicture;
@@ -813,7 +745,6 @@ declare module "@stencil/core" {
             "ptc-lottie": LocalJSX.PtcLottie & JSXBase.HTMLAttributes<HTMLPtcLottieElement>;
             "ptc-nav": LocalJSX.PtcNav & JSXBase.HTMLAttributes<HTMLPtcNavElement>;
             "ptc-nav-item": LocalJSX.PtcNavItem & JSXBase.HTMLAttributes<HTMLPtcNavItemElement>;
-            "ptc-ncard": LocalJSX.PtcNcard & JSXBase.HTMLAttributes<HTMLPtcNcardElement>;
             "ptc-overlay": LocalJSX.PtcOverlay & JSXBase.HTMLAttributes<HTMLPtcOverlayElement>;
             "ptc-para": LocalJSX.PtcPara & JSXBase.HTMLAttributes<HTMLPtcParaElement>;
             "ptc-picture": LocalJSX.PtcPicture & JSXBase.HTMLAttributes<HTMLPtcPictureElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/dist/cjs/ptc-ncard.cjs.entry.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ac192914.js');
-
-const ptcNcardCss = ":host{display:block}";
-
-const PtcNcard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Card Link URL (Optional)
-     */
-    this.cardHref = undefined;
-    /**
-     * (optional) Link card target
-     * */
-    this.target = '_self';
-    /**
-     *  (optional) Link card rel
-     * */
-    this.rel = undefined;
-    /**
-     * If this card has Image
-     */
-    this.hasImage = false;
-    /**
-     * If this card has Video
-     */
-    this.hasVideo = false;
-    /**
-     * If this card has Lottie Image
-     */
-    this.hasLottie = false;
-  }
-  render() {
-    const Tag = !!this.cardHref ? 'a' : 'div';
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("div", { class: "card-border", part: "border-wrapper" }, index.h(Tag, Object.assign({ class: classMap }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {})), this.hasImage || this.hasLottie || this.hasVideo ? (index.h("div", { class: "card-media", part: "media-wrapper" }, this.hasLottie ? (index.h("slot", { name: "slot-lottie" })) : null)) : null, index.h("div", { class: "card-body", part: "body-wrapper" }, index.h("slot", { name: "slot-body" }))))));
-  }
-  getCssClassMap() {
-    return {
-      ['is-grid']: true,
-    };
-  }
-};
-PtcNcard.style = ptcNcardCss;
-
-exports.ptc_ncard = PtcNcard;

package/dist/collection/components/ptc-ncard/ptc-ncard.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/ptc-ncard/ptc-ncard.js

@@ -1,162 +0,0 @@
-import { Component, Prop, Host, h } from '@stencil/core';
-export class PtcNcard {
-  constructor() {
-    /**
-     * Card Link URL (Optional)
-     */
-    this.cardHref = undefined;
-    /**
-     * (optional) Link card target
-     * */
-    this.target = '_self';
-    /**
-     *  (optional) Link card rel
-     * */
-    this.rel = undefined;
-    /**
-     * If this card has Image
-     */
-    this.hasImage = false;
-    /**
-     * If this card has Video
-     */
-    this.hasVideo = false;
-    /**
-     * If this card has Lottie Image
-     */
-    this.hasLottie = false;
-  }
-  render() {
-    const Tag = !!this.cardHref ? 'a' : 'div';
-    const classMap = this.getCssClassMap();
-    return (h(Host, null,
-      h("div", { class: "card-border", part: "border-wrapper" },
-        h(Tag, Object.assign({ class: classMap }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {})),
-          this.hasImage || this.hasLottie || this.hasVideo ? (h("div", { class: "card-media", part: "media-wrapper" }, this.hasLottie ? (h("slot", { name: "slot-lottie" })) : null)) : null,
-          h("div", { class: "card-body", part: "body-wrapper" },
-            h("slot", { name: "slot-body" }))))));
-  }
-  getCssClassMap() {
-    return {
-      ['is-grid']: true,
-    };
-  }
-  static get is() { return "ptc-ncard"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-ncard.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-ncard.css"]
-  }; }
-  static get properties() { return {
-    "cardHref": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Card Link URL (Optional)"
-      },
-      "attribute": "card-href",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "target": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "(optional) Link card target"
-      },
-      "attribute": "target",
-      "reflect": false,
-      "defaultValue": "'_self'"
-    },
-    "rel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "(optional) Link card rel"
-      },
-      "attribute": "rel",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "hasImage": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If this card has Image"
-      },
-      "attribute": "has-image",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "hasVideo": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If this card has Video"
-      },
-      "attribute": "has-video",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "hasLottie": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If this card has Lottie Image"
-      },
-      "attribute": "has-lottie",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-}

package/dist/esm/ptc-ncard.entry.js

@@ -1,46 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-5b1c792c.js';
-
-const ptcNcardCss = ":host{display:block}";
-
-const PtcNcard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Card Link URL (Optional)
-     */
-    this.cardHref = undefined;
-    /**
-     * (optional) Link card target
-     * */
-    this.target = '_self';
-    /**
-     *  (optional) Link card rel
-     * */
-    this.rel = undefined;
-    /**
-     * If this card has Image
-     */
-    this.hasImage = false;
-    /**
-     * If this card has Video
-     */
-    this.hasVideo = false;
-    /**
-     * If this card has Lottie Image
-     */
-    this.hasLottie = false;
-  }
-  render() {
-    const Tag = !!this.cardHref ? 'a' : 'div';
-    const classMap = this.getCssClassMap();
-    return (h(Host, null, h("div", { class: "card-border", part: "border-wrapper" }, h(Tag, Object.assign({ class: classMap }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {})), this.hasImage || this.hasLottie || this.hasVideo ? (h("div", { class: "card-media", part: "media-wrapper" }, this.hasLottie ? (h("slot", { name: "slot-lottie" })) : null)) : null, h("div", { class: "card-body", part: "body-wrapper" }, h("slot", { name: "slot-body" }))))));
-  }
-  getCssClassMap() {
-    return {
-      ['is-grid']: true,
-    };
-  }
-};
-PtcNcard.style = ptcNcardCss;
-
-export { PtcNcard as ptc_ncard };

package/dist/ptcw-design/p-15a428d4.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as r}from"./p-4f366fc3.js";const l=class{constructor(i){t(this,i),this.listType="para-list",this.linkHref=void 0}render(){const t=this.getCssClassMap();return i(r,{class:t},i("li",null,this.linkHref?i("a",Object.assign({},this.linkHref?{href:this.linkHref}:{}),i("slot",null)):i("slot",null)))}getCssClassMap(){return{[this.listType]:!0}}};l.style="ptc-list .link-primary li{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}ptc-list .link-primary li:not(:last-child){margin-bottom:0.625rem}ptc-list .link-primary li a{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}ptc-list .link-primary li a:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-primary-green)}";export{l as ptc_list}

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

@@ -1 +0,0 @@
-import{r as s,h as t,H as i}from"./p-4f366fc3.js";const r=class{constructor(t){s(this,t),this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1}render(){const s=this.cardHref?"a":"div",r=this.getCssClassMap();return t(i,null,t("div",{class:"card-border",part:"border-wrapper"},t(s,Object.assign({class:r},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{}),this.hasImage||this.hasLottie||this.hasVideo?t("div",{class:"card-media",part:"media-wrapper"},this.hasLottie?t("slot",{name:"slot-lottie"}):null):null,t("div",{class:"card-body",part:"body-wrapper"},t("slot",{name:"slot-body"})))))}getCssClassMap(){return{"is-grid":!0}}};r.style=":host{display:block}";export{r as ptc_ncard}