@ptcwebops/ptcw-design 1.5.3 → 1.5.5

package/dist/cjs/bundle-jumbotron-example.cjs.entry.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-88135a6b.js');
+
+const bundleJumbotronExampleCss = ":host{display:block}";
+
+const BundleJumbotronExample = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.jumbotron = 'light';
+    this.isIframe = false;
+  }
+  render() {
+    let $pngSrc;
+    let $gifSrc;
+    let $bgVideoSrc;
+    let $bgSrc;
+    let $popupVideo;
+    //replace dummy data
+    if (this.jumbotron === 'light' || this.jumbotron === 'dark') {
+      $bgSrc =
+        'https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80';
+    }
+    else if (this.jumbotron === 'dark-video' || this.jumbotron === 'light-video') {
+      //$bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
+      // if is iframe use src from iframe
+      $bgVideoSrc = 'https://player.vimeo.com/video/749261406?h=5e6a60ffc5&muted=1&autoplay=1&loop=1&transparent=0&background=1&app_id=122963%22&controls=0';
+    }
+    else if (this.jumbotron === 'png') {
+      $pngSrc =
+        'https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400';
+    }
+    else if (this.jumbotron === 'gif') {
+      $gifSrc = 'https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif';
+    }
+    //Optional: set $popupVideo
+    //$popupVideo = "https://www.youtube.com/embed/w0mJCtK9sDY";
+    return (index.h(index.Host, null, index.h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo ), { "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
+      ,
+      "is-iframe": this.isIframe }), index.h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), index.h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), index.h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), index.h("ptc-title", { slot: "main-title", type: "h1", upperline: "no-upperline", "title-size": "xxxx-large", "title-height": "densest", "title-weight": "w-8", "title-margin": "margin-flush", "text-align": "left" // if type=text, text-align=center, otherwise left
+      ,
+      "title-color": "gray" //if dark, dark-video then "gray-1"
+    }, index.h("ptc-tooltip", { "text-lines": "3", description: "Sed ut perspiciatis unde omnis iste natus", position: "right" })), index.h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), index.h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
+  }
+};
+BundleJumbotronExample.style = bundleJumbotronExampleCss;
+
+exports.bundle_jumbotron_example = BundleJumbotronExample;