@duetds/components
Version:
This package includes Duet Components and related tools.
1 lines • 2.98 kB
JavaScript
System.register(["./p-dff1acd5.system.js","./p-4be1fe7e.system.js"],function(t){"use strict";var e,r,n,i;return{setters:[function(t){e=t.r;r=t.h;n=t.g},function(t){i=t.c}],execute:function(){var u=function(){function t(t){e(this,t);this.cardTitle="";this.padding="small";this.theme=""}t.prototype.componentWillLoad=function(){if(this.theme!=="default"&&document.documentElement.classList.contains("duet-theme-turva")){this.theme="turva"}};t.prototype.render=function(){var t=i("duet-card",""+this.padding,{"duet-theme-turva":this.theme==="turva"});if(this.url){return r("a",{href:this.url,class:t},this.cardTitle!==""?r("h2",null,this.cardTitle):"",r("slot",null))}else{return r("div",{class:t},this.cardTitle!==""?r("h2",null,this.cardTitle):"",r("slot",null))}};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return":host{background:transparent;padding:0;margin:0;margin-bottom:20px;display:-ms-flexbox;display:flex;vertical-align:top}.duet-card,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;width:100%}.duet-card{background:transparent;padding:0;margin:0;padding:28px;border-radius:4px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.duet-theme-turva .duet-card{-webkit-box-shadow:0 2px 6px 0 hsla(0,0%,45.9%,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07);box-shadow:0 2px 6px 0 hsla(0,0%,45.9%,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07)}.duet-card.medium{padding:36px}.duet-card.large{padding:48px}h2{-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:15px 28px 16px;margin:-28px -28px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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:800;font-size:1.25rem;border-bottom:1px solid #e1e3e6;color:#00294d}.duet-theme-turva h2{border-color:#e6e6e6;font-family:turva-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:#111}.medium h2{padding:19px 36px 20px;margin:-36px -36px 28px}.large h2{padding:26px 48px 27px;margin:-48px -48px 36px}"},enumerable:true,configurable:true});return t}();t("duet_card",u)}}});