@ptcwebops/ptcw-design 0.0.6 → 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",[[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-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,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ac192914.js');
 
-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:var(--color-black);text-decoration:none;outline:none}.primary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:var(--color-black)}.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:var(--color-black);text-decoration:none;outline:none}.secondary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:var(--color-black)}.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 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) {

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",[[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-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

@@ -92,7 +92,7 @@ icon-asset svg {
   color: var(--color-white);
   transition: color var(--ptc-transition-slow) ease;
   padding: var(--ptc-element-spacing-04) 50px;
-  background-color: var(--color-black);
+  background-color: transparent;
   text-decoration: none;
   outline: none;
 }
@@ -100,7 +100,7 @@ icon-asset svg {
   color: var(--color-secondary-turtlegreen);
   text-decoration: none;
   outline: none;
-  background-color: var(--color-black);
+  background-color: transparent;
 }
 
 .nav-title-link {
@@ -129,7 +129,7 @@ icon-asset svg {
   color: var(--color-white);
   transition: color var(--ptc-transition-slow) ease;
   padding: 10px 15px;
-  background-color: var(--color-black);
+  background-color: transparent;
   text-decoration: none;
   outline: none;
 }
@@ -137,7 +137,7 @@ icon-asset svg {
   color: var(--color-secondary-turtlegreen);
   text-decoration: none;
   outline: none;
-  background-color: var(--color-black);
+  background-color: transparent;
 }
 
 .footer-nav-link {

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;

package/dist/custom-elements/index.js

@@ -13664,7 +13664,7 @@ const PtcCard$1 = class extends HTMLElement {
     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 (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 } : {})), 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, h("div", { class: "card-body", part: "c-body-option" }, h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("slot", { name: "before-heading" })), h("div", { class: {
+    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 } : {})), 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, h("div", { class: "card-body", part: "c-body-option" }, h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("slot", { name: "before-heading" })), h("div", { class: {
         'is-col-12': true,
         [this.headingPosition]: true,
       } }, h("span", { class: "heading" }, this.heading), this.cardHref && this.headingArrow ? h("icon-asset", { type: "solid", size: "small", color: "ptc-green", name: "arrow-right" }) : null), h("div", { class: "is-col-12 is-placed-left body-space" }, h("slot", { name: "body-content" }))))))));
@@ -13855,7 +13855,7 @@ const PtcImg$1 = class extends HTMLElement {
   static get style() { return ptcImgCss; }
 };
 
-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:var(--color-black);text-decoration:none;outline:none}.primary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:var(--color-black)}.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:var(--color-black);text-decoration:none;outline:none}.secondary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:var(--color-black)}.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 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$1 = class extends HTMLElement {
   constructor() {
@@ -14045,6 +14045,51 @@ const PtcNavItem$1 = class extends HTMLElement {
   static get style() { return ptcNavItemCss; }
 };
 
+const ptcNcardCss = ":host{display:block}";
+
+const PtcNcard$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    attachShadow(this);
+    /**
+     * 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 style() { return ptcNcardCss; }
+};
+
 const ptcOverlayCss = ":host{display:block}";
 
 const PtcOverlay$1 = class extends HTMLElement {
@@ -14231,6 +14276,7 @@ const PtcList = /*@__PURE__*/proxyCustomElement(PtcList$1, [4,"ptc-list",{"listT
 const PtcLottie = /*@__PURE__*/proxyCustomElement(PtcLottie$1, [1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]);
 const PtcNav = /*@__PURE__*/proxyCustomElement(PtcNav$1, [1,"ptc-nav"]);
 const PtcNavItem = /*@__PURE__*/proxyCustomElement(PtcNavItem$1, [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"]]]);
+const PtcNcard = /*@__PURE__*/proxyCustomElement(PtcNcard$1, [1,"ptc-ncard",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"]}]);
 const PtcOverlay = /*@__PURE__*/proxyCustomElement(PtcOverlay$1, [4,"ptc-overlay"]);
 const PtcPara = /*@__PURE__*/proxyCustomElement(PtcPara$1, [4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]);
 const PtcPicture = /*@__PURE__*/proxyCustomElement(PtcPicture$1, [4,"ptc-picture",{"lazy":[1]}]);
@@ -14255,6 +14301,7 @@ const defineCustomElements = (opts) => {
   PtcLottie,
   PtcNav,
   PtcNavItem,
+  PtcNcard,
   PtcOverlay,
   PtcPara,
   PtcPicture,
@@ -14269,4 +14316,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { IconAsset, ListItem, LottiePlayer, MyComponent, PtcButton, PtcCard, PtcDate, PtcFooter, PtcImage, PtcImg, PtcLink, PtcList, PtcLottie, PtcNav, PtcNavItem, PtcOverlay, PtcPara, PtcPicture, PtcSpacer, PtcSpan, PtcTitle, defineCustomElements };
+export { IconAsset, ListItem, LottiePlayer, MyComponent, PtcButton, PtcCard, PtcDate, PtcFooter, PtcImage, PtcImg, PtcLink, PtcList, PtcLottie, PtcNav, PtcNavItem, PtcNcard, PtcOverlay, PtcPara, PtcPicture, PtcSpacer, PtcSpan, PtcTitle, defineCustomElements };

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["ptc-card",[[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",[[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",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-button",[[4,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"]}]]],["ptc-date",[[0,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1]}]]],["ptc-footer",[[1,"ptc-footer"]]],["ptc-image",[[1,"ptc-image",{"src":[1],"alt":[1],"oldSrc":[32]}]]],["ptc-img",[[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",[[4,"ptc-list",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[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",[[4,"ptc-overlay"]]],["ptc-para",[[4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]]],["ptc-picture",[[4,"ptc-picture",{"lazy":[1]}]]],["ptc-spacer",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span",[[4,"ptc-span",{"spanStyle":[1,"span-style"]}]]],["ptc-title",[[1,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player",[[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",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
+  return bootstrapLazy([["ptc-card",[[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",[[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",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-button",[[4,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"]}]]],["ptc-date",[[0,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1]}]]],["ptc-footer",[[1,"ptc-footer"]]],["ptc-image",[[1,"ptc-image",{"src":[1],"alt":[1],"oldSrc":[32]}]]],["ptc-img",[[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",[[4,"ptc-list",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[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",[[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",[[4,"ptc-overlay"]]],["ptc-para",[[4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]]],["ptc-picture",[[4,"ptc-picture",{"lazy":[1]}]]],["ptc-spacer",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span",[[4,"ptc-span",{"spanStyle":[1,"span-style"]}]]],["ptc-title",[[1,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player",[[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",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
   });
 };
 

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

@@ -48,7 +48,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 (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 } : {})), 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, h("div", { class: "card-body", part: "c-body-option" }, h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("slot", { name: "before-heading" })), h("div", { class: {
+    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 } : {})), 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, h("div", { class: "card-body", part: "c-body-option" }, h("div", { class: "is-grid has-no-row-gap" }, h("div", { class: "is-col-12" }, h("slot", { name: "before-heading" })), h("div", { class: {
         'is-col-12': true,
         [this.headingPosition]: true,
       } }, h("span", { class: "heading" }, this.heading), this.cardHref && this.headingArrow ? h("icon-asset", { type: "solid", size: "small", color: "ptc-green", name: "arrow-right" }) : null), h("div", { class: "is-col-12 is-placed-left body-space" }, h("slot", { name: "body-content" }))))))));

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-5b1c792c.js';
 
-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:var(--color-black);text-decoration:none;outline:none}.primary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:var(--color-black)}.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:var(--color-black);text-decoration:none;outline:none}.secondary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:var(--color-black)}.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 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) {

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

@@ -0,0 +1,46 @@
+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/esm/ptcw-design.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["ptc-card",[[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",[[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",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-button",[[4,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"]}]]],["ptc-date",[[0,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1]}]]],["ptc-footer",[[1,"ptc-footer"]]],["ptc-image",[[1,"ptc-image",{"src":[1],"alt":[1],"oldSrc":[32]}]]],["ptc-img",[[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",[[4,"ptc-list",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[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",[[4,"ptc-overlay"]]],["ptc-para",[[4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]]],["ptc-picture",[[4,"ptc-picture",{"lazy":[1]}]]],["ptc-spacer",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span",[[4,"ptc-span",{"spanStyle":[1,"span-style"]}]]],["ptc-title",[[1,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player",[[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",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
+  return bootstrapLazy([["ptc-card",[[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",[[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",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-button",[[4,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"]}]]],["ptc-date",[[0,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1]}]]],["ptc-footer",[[1,"ptc-footer"]]],["ptc-image",[[1,"ptc-image",{"src":[1],"alt":[1],"oldSrc":[32]}]]],["ptc-img",[[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",[[4,"ptc-list",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[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",[[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",[[4,"ptc-overlay"]]],["ptc-para",[[4,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"]}]]],["ptc-picture",[[4,"ptc-picture",{"lazy":[1]}]]],["ptc-spacer",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span",[[4,"ptc-span",{"spanStyle":[1,"span-style"]}]]],["ptc-title",[[1,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player",[[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",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
 });

package/dist/ptcw-design/{p-29d02e2b.entry.js → p-76dfa56f.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as e}from"./p-4f366fc3.js";const r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.target="_self",this.theme="simple",this.uppercase=!1,this.fontSize="medium"}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},"arrow"==this.theme?o("icon-asset",{type:"solid",size:"small",name:"arrow-right"}):"",o("slot",null)))}getCssClassMap(){return{"ptc-link":!0,[this.theme]:!0,uppercase:this.uppercase,disabled:this.disabled,[this.fontSize]:!0}}};r.style='.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:var(--color-black);text-decoration:none;outline:none}.primary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:var(--color-black)}.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:var(--color-black);text-decoration:none;outline:none}.secondary-nav-link:hover{color:var(--color-secondary-turtlegreen);text-decoration:none;outline:none;background-color:var(--color-black)}.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}';export{r as ptc_link}
+import{r as t,h as o,H as e}from"./p-4f366fc3.js";const r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.target="_self",this.theme="simple",this.uppercase=!1,this.fontSize="medium"}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},"arrow"==this.theme?o("icon-asset",{type:"solid",size:"small",name:"arrow-right"}):"",o("slot",null)))}getCssClassMap(){return{"ptc-link":!0,[this.theme]:!0,uppercase:this.uppercase,disabled:this.disabled,[this.fontSize]:!0}}};r.style='.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}';export{r as ptc_link}

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

@@ -0,0 +1 @@
+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}

package/dist/ptcw-design/ptcw-design.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-4f366fc3.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-df01ac95",[[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"]}]]],["p-29d02e2b",[[1,"ptc-link",{disabled:[516],external:[516],href:[1],target:[1],linkTitle:[1,"link-title"],theme:[1],uppercase:[4],fontSize:[1,"font-size"]}]]],["p-07624831",[[1,"ptc-lottie",{jsonSrc:[1025,"json-src"],speed:[1026]}]]],["p-31f4bd0c",[[4,"list-item",{listType:[1,"list-type"],linkHref:[1,"link-href"]}]]],["p-ac0ad25e",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-85131a2a",[[4,"ptc-button",{disabled:[516],type:[1],color:[1],iconAnimation:[1,"icon-animation"],iconPosition:[1,"icon-position"]}]]],["p-8b6c805c",[[0,"ptc-date",{year:[2],month:[2],day:[2],country:[1]}]]],["p-0a44a2f7",[[1,"ptc-footer"]]],["p-c169281f",[[1,"ptc-image",{src:[1],alt:[1],oldSrc:[32]}]]],["p-1b4fd3da",[[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"]]]]],["p-15a428d4",[[4,"ptc-list",{listType:[1,"list-type"],linkHref:[1,"link-href"]}]]],["p-3af43980",[[1,"ptc-nav"]]],["p-fe6a3ba5",[[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"]]]]],["p-662ae9b6",[[4,"ptc-overlay"]]],["p-b0b2e82c",[[4,"ptc-para",{fontSize:[1,"font-size"],fontWeight:[1,"font-weight"],paraStyle:[1,"para-style"]}]]],["p-01dc360c",[[4,"ptc-picture",{lazy:[1]}]]],["p-2d357f92",[[1,"ptc-spacer",{breakpoint:[1],size:[1],direction:[1]}]]],["p-9f96864d",[[4,"ptc-span",{spanStyle:[1,"span-style"]}]]],["p-77f87fa3",[[1,"ptc-title",{type:[1],textAlign:[1,"text-align"],upperline:[1]}]]],["p-ce8b8a72",[[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]}]]],["p-1a26bade",[[0,"icon-asset",{name:[1],size:[1],type:[1],spin:[1],pulse:[1],color:[1]}]]]],e)));
+import{p as e,b as t}from"./p-4f366fc3.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-df01ac95",[[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"]}]]],["p-76dfa56f",[[1,"ptc-link",{disabled:[516],external:[516],href:[1],target:[1],linkTitle:[1,"link-title"],theme:[1],uppercase:[4],fontSize:[1,"font-size"]}]]],["p-07624831",[[1,"ptc-lottie",{jsonSrc:[1025,"json-src"],speed:[1026]}]]],["p-31f4bd0c",[[4,"list-item",{listType:[1,"list-type"],linkHref:[1,"link-href"]}]]],["p-ac0ad25e",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-85131a2a",[[4,"ptc-button",{disabled:[516],type:[1],color:[1],iconAnimation:[1,"icon-animation"],iconPosition:[1,"icon-position"]}]]],["p-8b6c805c",[[0,"ptc-date",{year:[2],month:[2],day:[2],country:[1]}]]],["p-0a44a2f7",[[1,"ptc-footer"]]],["p-c169281f",[[1,"ptc-image",{src:[1],alt:[1],oldSrc:[32]}]]],["p-1b4fd3da",[[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"]]]]],["p-15a428d4",[[4,"ptc-list",{listType:[1,"list-type"],linkHref:[1,"link-href"]}]]],["p-3af43980",[[1,"ptc-nav"]]],["p-fe6a3ba5",[[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"]]]]],["p-a802ffd7",[[1,"ptc-ncard",{cardHref:[1,"card-href"],target:[1],rel:[1],hasImage:[4,"has-image"],hasVideo:[4,"has-video"],hasLottie:[4,"has-lottie"]}]]],["p-662ae9b6",[[4,"ptc-overlay"]]],["p-b0b2e82c",[[4,"ptc-para",{fontSize:[1,"font-size"],fontWeight:[1,"font-weight"],paraStyle:[1,"para-style"]}]]],["p-01dc360c",[[4,"ptc-picture",{lazy:[1]}]]],["p-2d357f92",[[1,"ptc-spacer",{breakpoint:[1],size:[1],direction:[1]}]]],["p-9f96864d",[[4,"ptc-span",{spanStyle:[1,"span-style"]}]]],["p-77f87fa3",[[1,"ptc-title",{type:[1],textAlign:[1,"text-align"],upperline:[1]}]]],["p-ce8b8a72",[[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]}]]],["p-1a26bade",[[0,"icon-asset",{name:[1],size:[1],type:[1],spin:[1],pulse:[1],color:[1]}]]]],e)));

package/dist/types/components/ptc-ncard/ptc-ncard.d.ts

@@ -0,0 +1,28 @@
+export declare class PtcNcard {
+  /**
+   * Card Link URL (Optional)
+   */
+  cardHref?: string;
+  /**
+   * (optional) Link card target
+   * */
+  target?: string;
+  /**
+   *  (optional) Link card rel
+   * */
+  rel?: string;
+  /**
+   * If this card has Image
+   */
+  hasImage: boolean;
+  /**
+   * If this card has Video
+   */
+  hasVideo: boolean;
+  /**
+   * If this card has Lottie Image
+   */
+  hasLottie: boolean;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components.d.ts

@@ -232,6 +232,32 @@ 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 {
@@ -368,6 +394,12 @@ 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: {
@@ -419,6 +451,7 @@ declare global {
         "ptc-lottie": HTMLPtcLottieElement;
         "ptc-nav": HTMLPtcNavElement;
         "ptc-nav-item": HTMLPtcNavItemElement;
+        "ptc-ncard": HTMLPtcNcardElement;
         "ptc-overlay": HTMLPtcOverlayElement;
         "ptc-para": HTMLPtcParaElement;
         "ptc-picture": HTMLPtcPictureElement;
@@ -662,6 +695,32 @@ 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 {
@@ -727,6 +786,7 @@ 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;
@@ -753,6 +813,7 @@ 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.6",
+  "version": "0.0.7",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",