@ptcwebops/ptcw-design 0.0.5 → 0.0.7

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"headingArrow":[4,"heading-arrow"],"target":[1],"rel":[1],"heading":[1],"headingPosition":[1,"heading-position"],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"]}]]],["ptc-link.cjs",[[4,"ptc-link",{"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item.cjs",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-button.cjs",[[4,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"]}]]],["ptc-date.cjs",[[0,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1]}]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-image.cjs",[[1,"ptc-image",{"src":[1],"alt":[1],"oldSrc":[32]}]]],["ptc-img.cjs",[[0,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"]},[[9,"resize","WindowResize"]]]]],["ptc-list.cjs",[[4,"ptc-list",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-overlay.cjs",[[4,"ptc-overlay"]]],["ptc-para.cjs",[[4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]]],["ptc-picture.cjs",[[4,"ptc-picture",{"lazy":[1]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[4,"ptc-span",{"spanStyle":[1,"span-style"]}]]],["ptc-title.cjs",[[1,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["icon-asset.cjs",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
+  return index.bootstrapLazy([["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"headingArrow":[4,"heading-arrow"],"target":[1],"rel":[1],"heading":[1],"headingPosition":[1,"heading-position"],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"]}]]],["ptc-link.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item.cjs",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-button.cjs",[[4,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"]}]]],["ptc-date.cjs",[[0,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1]}]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-image.cjs",[[1,"ptc-image",{"src":[1],"alt":[1],"oldSrc":[32]}]]],["ptc-img.cjs",[[0,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"]},[[9,"resize","WindowResize"]]]]],["ptc-list.cjs",[[4,"ptc-list",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-ncard.cjs",[[1,"ptc-ncard",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"]}]]],["ptc-overlay.cjs",[[4,"ptc-overlay"]]],["ptc-para.cjs",[[4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]]],["ptc-picture.cjs",[[4,"ptc-picture",{"lazy":[1]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[4,"ptc-span",{"spanStyle":[1,"span-style"]}]]],["ptc-title.cjs",[[1,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["icon-asset.cjs",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
   });
 };
 

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

@@ -52,7 +52,7 @@ const PtcCard = class {
     const Tag = this.cardHref ? 'a' : 'div';
     //const hPositionClass = this.headingPosition === 'center' ? ('is-placed-center'):(this.headingPosition === 'right' ? ('is-placed-right'):('is-placed-left'));
     const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, index.h("div", { class: "card-border", part: "c-border-option" }, index.h(Tag, Object.assign({}, (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: "is-grid" }, index.h("div", { class: "is-col-12 is-placed-center" }, index.h("slot", { name: "card-meida" })))) : null, index.h("div", { class: "card-body", part: "c-body-option" }, index.h("div", { class: "is-grid has-no-row-gap" }, index.h("div", { class: "is-col-12" }, index.h("slot", { name: "before-heading" })), index.h("div", { class: {
+    return (index.h(index.Host, { class: classMap }, index.h("div", { class: "card-border", part: "c-border-option" }, index.h(Tag, Object.assign({}, (!!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: "is-grid" }, index.h("div", { class: "is-col-12 is-placed-center" }, index.h("slot", { name: "card-meida" })))) : null, index.h("div", { class: "card-body", part: "c-body-option" }, index.h("div", { class: "is-grid has-no-row-gap" }, index.h("div", { class: "is-col-12" }, index.h("slot", { name: "before-heading" })), index.h("div", { class: {
         'is-col-12': true,
         [this.headingPosition]: true,
       } }, index.h("span", { class: "heading" }, this.heading), this.cardHref && this.headingArrow ? index.h("icon-asset", { type: "solid", size: "small", color: "ptc-green", name: "arrow-right" }) : null), index.h("div", { class: "is-col-12 is-placed-left body-space" }, index.h("slot", { name: "body-content" }))))))));

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

@@ -4,11 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ac192914.js');
 
-const ptcLinkCss = "ptc-link a.ptc-link{display:inline-block;color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);margin-bottom:var(--ptc-element-spacing-01);outline:none;text-decoration:none}ptc-link a.simple::after{content:\"\";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-standard-ease);border-bottom:2px solid var(--color-primary-green);opacity:0}ptc-link a:hover.simple::after{opacity:1}ptc-link a.arrow{margin-right:var(--ptc-element-spacing-01)}ptc-link a.arrow::after{position:absolute;display:block;content:\"\";width:var(--ptc-element-spacing-06);border-bottom:2px solid var(--color-primary-green);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-standard-ease)}ptc-link a:hover.arrow::after{width:100%}ptc-link a.uppercase{text-transform:uppercase}ptc-link a.small{font-size:var(--ptc-font-size-small)}ptc-link a.medium{font-size:var(--ptc-font-size-medium)}ptc-link a.large{font-size:var(--ptc-font-size-large)}ptc-link a icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-standard-ease)}ptc-link a:hover.arrow icon-asset{transform:translateX(var(--ptc-element-spacing-04))}";
+const ptcLinkCss = ".disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);margin-bottom:var(--ptc-element-spacing-01);outline:none;text-decoration:none}.simple::after{content:\"\";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-standard-ease);border-bottom:2px solid var(--color-primary-green);opacity:0}.simple:hover.simple::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:\"\";width:var(--ptc-element-spacing-06);border-bottom:2px solid var(--color-primary-green);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-standard-ease)}.arrow:hover.arrow::after{width:100%}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-small)}.medium{font-size:var(--ptc-font-size-medium)}.large{font-size:var(--ptc-font-size-large)}icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-standard-ease)}icon-asset svg{fill:var(--color-primary-green) !important}.ptc-link:hover.arrow icon-asset{transform:translateX(var(--ptc-element-spacing-04))}.nav-title{font-size:17px;line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-element-spacing-01);color:#cac8c8;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8);font-weight:var(--ptc-font-weight-semibold)}.primary-nav-link{display:inline-block;position:relative;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-normal);font-weight:var(--ptc-font-weight-bold);color:var(--color-white);transition:color var(--ptc-transition-slow) ease;padding:var(--ptc-element-spacing-04) 50px;background-color:transparent;text-decoration:none;outline:none}.primary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:transparent}.nav-title-link{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:1.56;color:var(--color-white);text-decoration:none;outline:none;background-color:transparent;transition:color var(--ptc-transition-medium) var(--ptc-decelerated-ease);border-bottom:1.5px solid transparent}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-secondary-turtlegreen)}.secondary-nav-link{display:inline-block;position:relative;font-size:var(--ptc-font-size-x-small);line-height:20px;font-weight:var(--ptc-font-weight-light);color:var(--color-white);transition:color var(--ptc-transition-slow) ease;padding:10px 15px;background-color:transparent;text-decoration:none;outline:none}.secondary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:transparent}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-standard-ease), color var(--ptc-transition-medium) var(--ptc-standard-ease);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);line-height:1.73;letter-spacing:1.13px;text-align:left;font-size:15px}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-secondary-turtlegreen);color:var(--color-secondary-turtlegreen)}.copyright-link{color:var(--color-white);font-size:13px;font-weight:var(--ptc-font-weight-normal);line-height:2;display:inline-block}";
 
 const PtcLink = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * Disabled link
+     */
+    this.disabled = false;
     /**
      * Rxternal link
      * */
@@ -39,6 +43,7 @@ const PtcLink = class {
       ['ptc-link']: true,
       [this.theme]: true,
       ['uppercase']: this.uppercase,
+      ['disabled']: this.disabled,
       [this.fontSize]: true,
     };
   }

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

@@ -0,0 +1,50 @@
+'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/cjs/ptcw-design.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"headingArrow":[4,"heading-arrow"],"target":[1],"rel":[1],"heading":[1],"headingPosition":[1,"heading-position"],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"]}]]],["ptc-link.cjs",[[4,"ptc-link",{"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item.cjs",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-button.cjs",[[4,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"]}]]],["ptc-date.cjs",[[0,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1]}]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-image.cjs",[[1,"ptc-image",{"src":[1],"alt":[1],"oldSrc":[32]}]]],["ptc-img.cjs",[[0,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"]},[[9,"resize","WindowResize"]]]]],["ptc-list.cjs",[[4,"ptc-list",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-overlay.cjs",[[4,"ptc-overlay"]]],["ptc-para.cjs",[[4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]]],["ptc-picture.cjs",[[4,"ptc-picture",{"lazy":[1]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[4,"ptc-span",{"spanStyle":[1,"span-style"]}]]],["ptc-title.cjs",[[1,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["icon-asset.cjs",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
+  return index.bootstrapLazy([["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"headingArrow":[4,"heading-arrow"],"target":[1],"rel":[1],"heading":[1],"headingPosition":[1,"heading-position"],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"]}]]],["ptc-link.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item.cjs",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-button.cjs",[[4,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"]}]]],["ptc-date.cjs",[[0,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1]}]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-image.cjs",[[1,"ptc-image",{"src":[1],"alt":[1],"oldSrc":[32]}]]],["ptc-img.cjs",[[0,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"]},[[9,"resize","WindowResize"]]]]],["ptc-list.cjs",[[4,"ptc-list",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-ncard.cjs",[[1,"ptc-ncard",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"]}]]],["ptc-overlay.cjs",[[4,"ptc-overlay"]]],["ptc-para.cjs",[[4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]]],["ptc-picture.cjs",[[4,"ptc-picture",{"lazy":[1]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[4,"ptc-span",{"spanStyle":[1,"span-style"]}]]],["ptc-title.cjs",[[1,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["icon-asset.cjs",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
 });

package/dist/collection/collection-manifest.json

@@ -14,6 +14,7 @@
     "./components/ptc-lottie/ptc-lottie.js",
     "./components/ptc-nav/ptc-nav.js",
     "./components/ptc-nav-item/ptc-nav-item.js",
+    "./components/ptc-ncard/ptc-ncard.js",
     "./components/ptc-overlay/ptc-overlay.js",
     "./components/ptc-para/ptc-para.js",
     "./components/ptc-picture/ptc-picture.js",

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

@@ -46,7 +46,7 @@ export class PtcCard {
     const classMap = this.getCssClassMap();
     return (h(Host, { class: classMap },
       h("div", { class: "card-border", part: "c-border-option" },
-        h(Tag, Object.assign({}, (this.cardHref ? { href: this.cardHref } : {}), (this.target && this.cardHref ? { target: this.target } : {}), (this.rel && this.cardHref ? { rel: this.rel } : {})),
+        h(Tag, Object.assign({}, (!!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: "is-grid" },
             h("div", { class: "is-col-12 is-placed-center" },
               h("slot", { name: "card-meida" })))) : null,

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

@@ -1,4 +1,10 @@
-ptc-link a.ptc-link {
+.disabled {
+  pointer-events: none;
+  cursor: default;
+  text-decoration: none;
+}
+
+.ptc-link {
   display: inline-block;
   color: var(--color-primary-uigrey);
   font-weight: var(--ptc-font-weight-black);
@@ -8,7 +14,8 @@ ptc-link a.ptc-link {
   outline: none;
   text-decoration: none;
 }
-ptc-link a.simple::after {
+
+.simple::after {
   content: "";
   position: absolute;
   width: 100%;
@@ -18,13 +25,14 @@ ptc-link a.simple::after {
   border-bottom: 2px solid var(--color-primary-green);
   opacity: 0;
 }
-ptc-link a:hover.simple::after {
+.simple:hover.simple::after {
   opacity: 1;
 }
-ptc-link a.arrow {
+
+.arrow {
   margin-right: var(--ptc-element-spacing-01);
 }
-ptc-link a.arrow::after {
+.arrow::after {
   position: absolute;
   display: block;
   content: "";
@@ -33,26 +41,128 @@ ptc-link a.arrow::after {
   bottom: 1px;
   transition: width var(--ptc-transition-fast) var(--ptc-standard-ease);
 }
-ptc-link a:hover.arrow::after {
+.arrow:hover.arrow::after {
   width: 100%;
 }
-ptc-link a.uppercase {
+
+.uppercase {
   text-transform: uppercase;
 }
-ptc-link a.small {
+
+.small {
   font-size: var(--ptc-font-size-small);
 }
-ptc-link a.medium {
+
+.medium {
   font-size: var(--ptc-font-size-medium);
 }
-ptc-link a.large {
+
+.large {
   font-size: var(--ptc-font-size-large);
 }
-ptc-link a icon-asset {
+
+icon-asset {
   position: absolute;
   right: -25px;
   transition: transform var(--ptc-transition-fast) var(--ptc-standard-ease);
 }
-ptc-link a:hover.arrow icon-asset {
+icon-asset svg {
+  fill: var(--color-primary-green) !important;
+}
+
+.ptc-link:hover.arrow icon-asset {
   transform: translateX(var(--ptc-element-spacing-04));
+}
+
+.nav-title {
+  font-size: 17px;
+  line-height: var(--ptc-line-height-dense);
+  letter-spacing: var(--ptc-element-spacing-01);
+  color: #cac8c8;
+  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
+  font-weight: var(--ptc-font-weight-semibold);
+}
+
+.primary-nav-link {
+  display: inline-block;
+  position: relative;
+  font-size: var(--ptc-font-size-small);
+  line-height: var(--ptc-line-height-normal);
+  font-weight: var(--ptc-font-weight-bold);
+  color: var(--color-white);
+  transition: color var(--ptc-transition-slow) ease;
+  padding: var(--ptc-element-spacing-04) 50px;
+  background-color: transparent;
+  text-decoration: none;
+  outline: none;
+}
+.primary-nav-link:hover {
+  color: var(--color-secondary-turtlegreen);
+  text-decoration: none;
+  outline: none;
+  background-color: transparent;
+}
+
+.nav-title-link {
+  font-family: var(--ptc-font-secondary-latin);
+  font-size: var(--ptc-font-size-medium);
+  font-weight: var(--ptc-font-weight-bold);
+  line-height: 1.56;
+  color: var(--color-white);
+  text-decoration: none;
+  outline: none;
+  background-color: transparent;
+  transition: color var(--ptc-transition-medium) var(--ptc-decelerated-ease);
+  border-bottom: 1.5px solid transparent;
+}
+.nav-title-link:hover {
+  color: var(--color-white);
+  border-bottom: 1.5px solid var(--color-secondary-turtlegreen);
+}
+
+.secondary-nav-link {
+  display: inline-block;
+  position: relative;
+  font-size: var(--ptc-font-size-x-small);
+  line-height: 20px;
+  font-weight: var(--ptc-font-weight-light);
+  color: var(--color-white);
+  transition: color var(--ptc-transition-slow) ease;
+  padding: 10px 15px;
+  background-color: transparent;
+  text-decoration: none;
+  outline: none;
+}
+.secondary-nav-link:hover {
+  color: var(--color-secondary-turtlegreen);
+  text-decoration: none;
+  outline: none;
+  background-color: transparent;
+}
+
+.footer-nav-link {
+  color: var(--color-white);
+  transition: border var(--ptc-transition-medium) var(--ptc-standard-ease), color var(--ptc-transition-medium) var(--ptc-standard-ease);
+  border-bottom: 1px solid transparent;
+  outline: none;
+  text-decoration: none;
+  font-weight: var(--ptc-font-weight-semibold);
+  line-height: 1.73;
+  letter-spacing: 1.13px;
+  text-align: left;
+  font-size: 15px;
+}
+.footer-nav-link:hover {
+  outline: none;
+  text-decoration: none;
+  border-bottom: 0.1rem solid var(--color-secondary-turtlegreen);
+  color: var(--color-secondary-turtlegreen);
+}
+
+.copyright-link {
+  color: var(--color-white);
+  font-size: 13px;
+  font-weight: var(--ptc-font-weight-normal);
+  line-height: 2;
+  display: inline-block;
 }

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

@@ -1,6 +1,10 @@
 import { Component, h, Prop, Host } from '@stencil/core';
 export class PtcLink {
   constructor() {
+    /**
+     * Disabled link
+     */
+    this.disabled = false;
     /**
      * Rxternal link
      * */
@@ -34,10 +38,12 @@ export class PtcLink {
       ['ptc-link']: true,
       [this.theme]: true,
       ['uppercase']: this.uppercase,
+      ['disabled']: this.disabled,
       [this.fontSize]: true,
     };
   }
   static get is() { return "ptc-link"; }
+  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
     "$": ["ptc-link.scss"]
   }; }
@@ -45,6 +51,24 @@ export class PtcLink {
     "$": ["ptc-link.css"]
   }; }
   static get properties() { return {
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Disabled link"
+      },
+      "attribute": "disabled",
+      "reflect": true,
+      "defaultValue": "false"
+    },
     "external": {
       "type": "boolean",
       "mutable": false,
@@ -119,8 +143,8 @@ export class PtcLink {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "'simple' | 'arrow'",
-        "resolved": "\"arrow\" | \"simple\"",
+        "original": "'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link'",
+        "resolved": "\"arrow\" | \"copyright-link\" | \"footer-nav-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"secondary-nav-link\" | \"simple\"",
         "references": {}
       },
       "required": false,

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

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

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

@@ -0,0 +1,162 @@
+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/custom-elements/index.d.ts

@@ -86,6 +86,12 @@ export const PtcNavItem: {
   new (): PtcNavItem;
 };
 
+interface PtcNcard extends Components.PtcNcard, HTMLElement {}
+export const PtcNcard: {
+  prototype: PtcNcard;
+  new (): PtcNcard;
+};
+
 interface PtcOverlay extends Components.PtcOverlay, HTMLElement {}
 export const PtcOverlay: {
   prototype: PtcOverlay;