@ptcwebops/ptcw-design 0.0.3 → 0.0.5

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-5b1c792c.js';
+
+const ptcNavCss = ":host{display:block}.nav-style{background-color:#1c2126;display:block}@media only screen and (min-width: 992px){.nav-style{display:grid;grid-template-columns:auto fit-content(76px);grid-template-rows:fit-content(22px) 1fr;grid-template-areas:\"secondary secondary\" \"primary language\"}.primary-nav{grid-area:primary}.secondary-nav{grid-area:secondary}.language-nav{grid-area:language}}";
+
+const PtcNav = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("nav", { class: "nav-style" }, h("div", { class: "primary-nav", part: "primary-nav-part" }, h("slot", { name: "primary-nav-content" })), h("div", { class: "secondary-nav", part: "secondary-nav-part" }, h("slot", { name: "secondary-nav-content" })), h("div", { class: "language-nav", part: "language-nav-part" }, h("slot", { name: "language-nav-content" })))));
+  }
+};
+PtcNav.style = ptcNavCss;
+
+export { PtcNav as ptc_nav };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-5b1c792c.js';
+
+const ptcOverlayCss = ":host{display:block}";
+
+const PtcOverlay = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+};
+PtcOverlay.style = ptcOverlayCss;
+
+export { PtcOverlay as ptc_overlay };

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

@@ -0,0 +1,35 @@
+import { r as registerInstance, h } from './index-5b1c792c.js';
+
+const ptcParaCss = "ptc-para p.default{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-primary-grey)}ptc-para p.xx-small{font-size:var(--ptc-font-size-xx-small)}ptc-para p.x-small{font-size:var(--ptc-font-size-x-small)}ptc-para p.small{font-size:var(--ptc-font-size-small)}ptc-para p.medium{font-size:var(--ptc-font-size-medium)}ptc-para p.large{font-size:var(--ptc-font-size-large)}ptc-para p.x-large{font-size:var(--ptc-font-size-x-large)}ptc-para p.xx-large{font-size:var(--ptc-font-size-xx-large)}ptc-para p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}ptc-para p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}ptc-para p.w-3{font-weight:var(--ptc-font-weight-thin)}ptc-para p.w-4{font-weight:var(--ptc-font-weight-regular)}ptc-para p.w-5{font-weight:var(--ptc-font-weight-medium)}ptc-para p.w-6{font-weight:var(--ptc-font-weight-semibold)}ptc-para p.w-7{font-weight:var(--ptc-font-weight-bold)}ptc-para p.w-8{font-weight:var(--ptc-font-weight-extrabold)}ptc-para p.w-9{font-weight:var(--ptc-font-weight-black)}";
+
+const PtcPara = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Paragraph font size
+     **/
+    this.fontSize = "medium";
+    /**
+     * Paragraph font weight
+     **/
+    this.fontWeight = 'w-4';
+    /**
+     * Paragraph Style
+     **/
+    this.paraStyle = 'default';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h("p", { class: classMap }, h("slot", null)));
+  }
+  getCssClassMap() {
+    return {
+      [this.fontSize]: true,
+      [this.fontWeight]: true,
+      [this.paraStyle]: true,
+    };
+  }
+};
+PtcPara.style = ptcParaCss;
+
+export { PtcPara as ptc_para };

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

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, H as Host } from './index-5b1c792c.js';
+
+const ptcPictureCss = ":host{display:block}";
+
+const PtcPicture = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.lazy = 'lazy';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, h("picture", null, h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.lazy]: true,
+    };
+  }
+};
+PtcPicture.style = ptcPictureCss;
+
+export { PtcPicture as ptc_picture };

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

@@ -0,0 +1,42 @@
+import { r as registerInstance, h, H as Host } from './index-5b1c792c.js';
+
+const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.ptc-spacer-xx-large){display:block}}";
+
+const PtcSpacer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Breakpoint
+     */
+    this.breakpoint = '';
+    /**
+     * Spacing Size
+     */
+    this.size = 'medium';
+    /**
+     * Direction
+     */
+    this.direction = 'vertical';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }));
+  }
+  getCssClassMap() {
+    return {
+      [this.size]: true,
+      ['ptc-spacer-horizontal']: this.direction === 'horizontal',
+      ['ptc-spacer-vertical']: this.direction === 'vertical',
+      ['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
+      ['ptc-spacer-x-small']: this.breakpoint === 'x-small',
+      ['ptc-spacer-small']: this.breakpoint === 'small',
+      ['ptc-spacer-medium']: this.breakpoint === 'medium',
+      ['ptc-spacer-large']: this.breakpoint === 'large',
+      ['ptc-spacer-x-large']: this.breakpoint === 'x-large',
+      ['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
+    };
+  }
+};
+PtcSpacer.style = ptcSpacerCss;
+
+export { PtcSpacer as ptc_spacer };

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

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, H as Host } from './index-5b1c792c.js';
+
+const ptcSpanCss = "ptc-span.link-style{color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}ptc-span.nav-style{display:block;color:#cac8c8;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-05);font-size:17px;padding-bottom:var(--ptc-element-spacing-03)}";
+
+const PtcSpan = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.spanStyle = 'tag-style';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, h("span", { part: "ptc-span" }, h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.spanStyle]: true,
+    };
+  }
+};
+PtcSpan.style = ptcSpanCss;
+
+export { PtcSpan as ptc_span };

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

@@ -0,0 +1,45 @@
+import { r as registerInstance, h, H as Host } from './index-5b1c792c.js';
+
+const ptcTitleCss = "div.center{text-align:center}div.center.dotted h1::before,div.center.dotted h2::before,div.center.dotted h3::before{left:50%;transform:translateX(-50%)}div.left{text-align:left}div.left.dotted h1::before,div.left.dotted h2::before,div.left.dotted h3::before{left:0%}div.right{text-align:right}div.right.dotted h1::before,div.right.dotted h2::before,div.right.dotted h3::before{right:0%}div.dotted h1::before,div.dotted h2::before,div.dotted h3::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid h1::before,div.solid h2::before,div.solid h3::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid h1::after,div.solid h2::after,div.solid h3::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div h1,div h2,div h3{display:inline-block;position:relative}div h1{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div h2{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}";
+
+const PtcTitle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Title Tag Type
+     */
+    this.type = 'h2';
+    /**
+     * Text Align
+     */
+    this.textAlign = 'left';
+    /**
+     * Upperline Style
+     */
+    this.upperline = 'dotted';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    let TagType;
+    switch (this.type) {
+      case 'h1':
+        TagType = 'h1';
+        break;
+      case 'h3':
+        TagType = 'h3';
+        break;
+      default:
+        TagType = 'h2';
+    }
+    return (h(Host, null, h("div", { class: classMap }, h(TagType, null, h("slot", null)))));
+  }
+  getCssClassMap() {
+    return {
+      [this.textAlign]: true,
+      [this.upperline]: true,
+    };
+  }
+};
+PtcTitle.style = ptcTitleCss;
+
+export { PtcTitle as ptc_title };

package/dist/esm/ptcw-design.js

@@ -0,0 +1,17 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-5b1c792c.js';
+
+/*
+ Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+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",[[4,"ptc-link",{"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);
+});

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/node_modules/@teamhive/lottie-player/dist/collection/components/lottie-player/lottie-player.css

@@ -0,0 +1,187 @@
+
+:host {
+    /**
+     * @prop --lottie-player-toolbar-height: Toolbar height
+     **/
+    --lottie-player-toolbar-height: 35px;
+    /**
+     * @prop --lottie-player-toolbar-background-color: Toolbar background color
+     **/
+    --lottie-player-toolbar-background-color: transparent;
+    /**
+     * @prop --lottie-player-toolbar-icon-color: Toolbar icon color
+     **/
+    --lottie-player-toolbar-icon-color: #999;
+    /**
+     * @prop --lottie-player-toolbar-icon-hover-color: Toolbar icon hover color
+     **/
+    --lottie-player-toolbar-icon-hover-color: #222;
+    /**
+     * @prop --lottie-player-toolbar-icon-active-color: Toolbar icon active color
+     **/
+    --lottie-player-toolbar-icon-active-color: #555;
+    /**
+     * @prop --lottie-player-seeker-track-color: Seeker track color
+     **/
+    --lottie-player-seeker-track-color: #CCC;
+    /**
+     * @prop --lottie-player-seeker-thumb-color: Seeker thumb color
+     **/
+    --lottie-player-seeker-thumb-color: rgba(0, 107, 120, 0.8);
+
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.main {
+    box-sizing: border-box;
+    display: inline-grid;
+    grid-auto-columns: auto;
+    grid-template-rows: auto;
+    position: relative;
+    height: inherit;
+    width: inherit;
+}
+
+.main.controls {
+    grid-template-rows: 1fr var(--lottie-player-toolbar-height);
+}
+
+.animation {
+    overflow: hidden;
+    height: calc(1fr - var(--lottie-player-toolbar-height));
+}
+
+.toolbar {
+    display: grid;
+    grid-template-columns: 32px 32px 1fr 32px 32px;
+    align-items: center;
+    justify-items: center;
+    background-color: var(--lottie-player-toolbar-background-color);
+}
+
+.toolbar button {
+    cursor: pointer;
+    fill: var(--lottie-player-toolbar-icon-color);
+    display: flex;
+    background: none;
+    border: 0;
+    padding: 0;
+    outline: none;
+    height: 100%;
+}
+
+.toolbar button:hover {
+    fill: var(--lottie-player-toolbar-icon-hover-color);
+}
+
+.toolbar button.active {
+    fill: var(--lottie-player-toolbar-icon-active-color);
+}
+
+.toolbar button.disabled svg {
+    display: none;
+}
+
+.toolbar a {
+    filter: grayscale(100%);
+    display: flex;
+    transition: filter .5s, opacity 0.5s;
+    opacity: 0.4;
+    height: 100%;
+    align-items: center;
+}
+
+.toolbar a:hover {
+    filter: none;
+    display: flex;
+    opacity: 1;
+}
+
+.seeker {
+    -webkit-appearance: none;
+    width: 95%;
+    outline: none;
+}
+
+.seeker::-webkit-slider-runnable-track {
+    width: 100%;
+    height: 5px;
+    cursor: pointer;
+    background: var(--lottie-player-seeker-track-color);
+    border-radius: 3px;
+}
+
+.seeker::-webkit-slider-thumb {
+    height: 15px;
+    width: 15px;
+    border-radius: 50%;
+    background: var(--lottie-player-seeker-thumb-color);
+    cursor: pointer;
+    -webkit-appearance: none;
+    margin-top: -5px;
+}
+
+.seeker:focus::-webkit-slider-runnable-track {
+    background: #999;
+}
+
+.seeker::-moz-range-track {
+    width: 100%;
+    height: 5px;
+    cursor: pointer;
+    background: var(--lottie-player-seeker-track-color);
+    border-radius: 3px;
+}
+
+.seeker::-moz-range-thumb {
+    height: 15px;
+    width: 15px;
+    border-radius: 50%;
+    background: var(--lottie-player-seeker-thumb-color);
+    cursor: pointer;
+}
+
+.seeker::-ms-track {
+    width: 100%;
+    height: 5px;
+    cursor: pointer;
+    background: transparent;
+    border-color: transparent;
+    color: transparent;
+}
+
+.seeker::-ms-fill-lower {
+    background: var(--lottie-player-seeker-track-color);
+    border-radius: 3px;
+}
+
+.seeker::-ms-fill-upper {
+    background: var(--lottie-player-seeker-track-color);
+    border-radius: 3px;
+}
+
+.seeker::-ms-thumb {
+    border: 0;
+    height: 15px;
+    width: 15px;
+    border-radius: 50%;
+    background: var(--lottie-player-seeker-thumb-color);
+    cursor: pointer;
+}
+
+.seeker:focus::-ms-fill-lower {
+    background: var(--lottie-player-seeker-track-color);
+}
+
+.seeker:focus::-ms-fill-upper {
+    background: var(--lottie-player-seeker-track-color);
+}
+
+.error {
+    display: flex;
+    justify-content: center;
+    height: 100%;
+    align-items: center;
+}