@duetds/components/lib/duet/p-nfrps7bw.system.entry.js

This package includes Duet Core Components and related tools.

System.register(["./p-2c514bc6.system.js","./p-e008225b.system.js","./p-6df50530.system.js"],(function(t){"use strict";var e,i,n,r,a,h,o;return{setters:[function(t){e=t.r;i=t.d;n=t.h;r=t.H;a=t.c},function(t){h=t.b},function(t){o=t.t}],execute:function(){var s=t("duet_hero",function(){function t(t){var n=this;e(this,t);this.theme="";this.margin="auto";this.heading="";this.level="h1";this.description="";this.icon="";this.iconSize="medium";this.iconRight=false;this.buttonLabel="";this.buttonUrl="#";this.buttonId="";this.image="";this.navDistance="none";this.variation="default";this.handleClick=function(t,e){n.emitChange(t,e);t.cancelBubble=true};this.duetClick=i(this,"duetClick",7)}t.prototype.componentWillLoad=function(){if(this.theme!=="default"&&document.documentElement.classList.contains("duet-theme-turva")){this.theme="turva"}};t.prototype.emitChange=function(t,e){if(!e){e={}}e["label"]=this.buttonLabel;e["href"]=this.buttonUrl;e["id"]=this.buttonId||"No ID defined via buttonId prop";this.duetClick.emit({originalEvent:t,data:e,component:"duet-hero-area"})};t.prototype.render=function(){var t=this;var e={backgroundImage:"url("+this.image+")"};var i=this.theme==="turva"?"negative":"primary";var a="colorGrayLightest";if(this.variation==="light"||this.variation==="gray"){a="colorSecondary";if(this.theme==="turva"){a="colorSecondaryTurva";i="primary"}}return n(r,{class:{"duet-m-0":this.margin==="none"}},n("div",{role:"region",class:{"duet-hero":true,"duet-theme-turva":this.theme==="turva","duet-with-links":this.navDistance==="with-links","duet-without-links":this.navDistance==="without-links","duet-hero-light":this.variation==="light","duet-hero-gray":this.variation==="gray"}},n("div",{class:"duet-hero-wrapper"},this.variation==="gray"?n("div",null,n("duet-icon",{class:"duet-hero-icon",size:"x-large","mobile-size":"large",background:"color-category-pet",name:"category-pet"})):"",n("div",{class:"duet-hero-text"},this.heading!==""&&this.variation==="light"?n("duet-heading",{theme:this.theme,level:this.level,"visual-level":"h1"},this.heading):"",this.heading!==""&&this.variation==="default"?n("duet-heading",{theme:this.theme,color:"color-gray-lightest",level:this.level,"visual-level":"h1"},this.heading):"",this.heading!==""&&this.variation==="gray"?n("duet-heading",{theme:this.theme,level:this.level,"visual-level":"h2"},this.heading):"",this.description!==""?n("duet-paragraph",{theme:this.theme,color:a,variation:"intro"},this.description):"",this.buttonLabel!==""?n("duet-button",{url:this.buttonUrl,icon:this.icon,"icon-right":this.iconRight,"icon-size":this.iconSize,variation:i,theme:this.theme,identifier:this.buttonId,onClick:function(e){return t.handleClick(e,t.buttonData)},fixed:true},this.buttonLabel):""),this.image!==""?n("div",{class:"duet-hero-image",style:e}):"")))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;margin-bottom:40px!important;display:block;width:100%}\@media only screen and (min-width:62em){:host{margin-bottom:56px!important}}:host(.duet-m-0){margin:0!important}.duet-hero{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;padding:48px 28px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;background:#00294d;font-weight:400;line-height:1.5;font-style:normal;text-transform:none;text-decoration:none;text-shadow:none;width:100%;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.duet-hero.duet-p-0{padding:0!important}.duet-hero.duet-m-0{margin:0!important}.duet-hero.duet-hero-light{padding-bottom:0!important;color:#00294d;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6f2f8));background-image:linear-gradient(#fff,#e6f2f8)}.duet-hero.duet-hero-light:before{content:\"\";position:absolute;background:#e6f2f8;z-index:-1;top:100%;left:0;width:100%;height:210px}.duet-hero.duet-hero-light.duet-theme-turva{color:#111;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));background-image:linear-gradient(#fff,#f7f7f7)}.duet-hero.duet-hero-light.duet-theme-turva:before{background:#f7f7f7}.duet-hero.duet-hero-gray{color:#00294d;background:#f5f8fa}.duet-hero.duet-with-links,.duet-hero.duet-without-links{margin-top:4rem}\@media only screen and (min-width:62em){.duet-hero.duet-with-links{margin-top:7rem}}.duet-hero.duet-theme-turva{font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background:#c60c30}\@media only screen and (min-width:62em){.duet-hero{min-height:400px;padding:72px 56px}.duet-hero:after{content:\"\";min-height:300px}}\@media only screen and (min-width:62em){.duet-hero-icon{position:absolute;top:0;left:0}}.duet-hero-wrapper{position:relative;text-align:center;max-width:1110px;width:100%}\@media only screen and (min-width:62em){.duet-hero-wrapper{text-align:left}}.duet-hero-text{margin:0 auto;max-width:50rem}\@media only screen and (min-width:48em){.duet-hero-text{width:80%}}\@media only screen and (min-width:62em){.duet-hero-text{margin-left:0;max-width:none;margin-top:-10px;width:52%}.duet-hero-gray .duet-hero-text{margin-left:96px}}.duet-hero-image{width:100%;height:0;max-width:400px;background-size:contain;background-repeat:no-repeat;background-position:50% 50%;padding-bottom:50%;margin:28px auto 0}\@media only screen and (min-width:36em){.duet-hero-image{padding-bottom:40%}}\@media only screen and (min-width:48em){.duet-hero-image{padding-bottom:34%;max-width:420px}.duet-hero-light .duet-hero-image{max-width:540px}}\@media only screen and (min-width:62em){.duet-hero-image{position:absolute;padding-bottom:30%;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:0;margin:0}.duet-hero-light .duet-hero-image{padding-bottom:26%;right:-60px}.duet-hero-gray .duet-hero-image{padding-bottom:20%;right:-34px}}duet-heading+duet-button{margin-top:12px!important}"},enumerable:true,configurable:true});return t}());var u=t("duet_paragraph",function(){function t(t){e(this,t);this.theme="";this.margin="auto";this.size="medium";this.variation="default";this.color=""}t.prototype.componentWillLoad=function(){if(this.theme!=="default"&&document.documentElement.classList.contains("duet-theme-turva")){this.theme="turva"}};t.prototype.render=function(){var t;var e={color:o[h(this.color)]};return n("p",{class:(t={"duet-paragraph":true,"duet-paragraph-small":this.size==="small","duet-m-0":this.margin==="none"},t[this.variation]=true,t["duet-theme-turva"]=this.theme==="turva",t),style:e},n("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return":host{position:relative}.duet-paragraph,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;border:0;padding:0;margin:0;display:block;width:100%}.duet-paragraph{margin-bottom:16px!important;font-size:1rem;font-family:localtapiola-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;line-height:1.5;color:#00294d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-style:normal}.duet-paragraph.duet-p-0{padding:0!important}.duet-paragraph.duet-theme-turva,.duet-theme-turva .duet-paragraph{color:#111;font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.duet-paragraph.duet-paragraph-small{font-size:.875rem}.duet-paragraph.duet-m-0{margin:0!important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px!important;-webkit-hyphens:inherit;-ms-hyphens:inherit;hyphens:inherit}\@media (max-width:37.037037037rem){.duet-paragraph.intro{font-size:1rem}}\@media (min-width:46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}"},enumerable:true,configurable:true});return t}())}}}));