UNPKG

@duetds/components

Version:

This package includes Duet Core Components and related tools.

1 lines 3.26 kB
System.register(["./p-2c514bc6.system.js","./p-e008225b.system.js"],(function(e){"use strict";var t,i,o,s;return{setters:[function(e){t=e.r;i=e.d;o=e.h},function(e){s=e.a}],execute:function(){var n=e("duet_modal",function(){function e(e){t(this,e);this.modalId=s("DuetModal");this.size="large";this.theme="";this.heading="";this.icon="";this.active=false;this.duetOpen=i(this,"duetOpen",7);this.duetClose=i(this,"duetClose",7)}e.prototype.componentWillLoad=function(){if(this.theme!=="default"&&document.documentElement.classList.contains("duet-theme-turva")){this.theme="turva"}};e.prototype.render=function(){console.error("[DUET COMPONENTS]: Modal is a prototype and should not be used in production!");return o("div",{class:{"duet-modal-overlay":true,"duet-theme-turva":this.theme==="turva"}},o("div",{class:"duet-modal",role:"dialog","aria-labelledby":this.heading?this.modalId:false,tabindex:"-1"},o("div",{class:"duet-modal-close"},o("duet-button",{variation:"plain","accessible-label":"Sulje ikkuna",color:"color-secondary","icon-size":"large",icon:"navigation-close","icon-only":true,margin:"none",fixed:true})),o("div",{class:"duet-modal-scroll"},this.heading?o("div",{class:"duet-modal-top"},o("h2",{class:"duet-modal-heading",id:this.modalId},this.heading)):"",o("slot",null))))};Object.defineProperty(e,"style",{get:function(){return":host{background:transparent}.duet-modal-overlay,:host{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;padding:0;margin:0}.duet-modal-overlay{background:transparent;position:absolute;position:fixed;top:0;left:0;bottom:0;right:0;opacity:.85;background:#00294d}.duet-modal-overlay.duet-theme-turva{background:#111}.duet-modal{background:transparent;border:0;padding:0;position:absolute;position:fixed;background:#fff;border-radius:4px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90%;max-width:676px;max-height:90vh;top:50%;left:50%}.duet-modal,.duet-modal-scroll{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:100%;overflow:hidden}.duet-modal-scroll{background:transparent;border:0;padding:0;padding:36px;overflow-y:auto;position:absolute;top:0;left:0;width:100%}.duet-modal-close{position:absolute;top:20px;right:20px}.duet-modal-heading{-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:16px!important;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;line-height:1.25;letter-spacing:-.01rem;color:#00294d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:\"ss01\";-webkit-font-feature-settings:\"ss01\";text-decoration:none;font-feature-settings:\"ss01\";font-variant-numeric:tabular-nums;font-style:normal;width:100%;margin-top:-20px;text-align:center}.duet-modal-heading.duet-p-0{padding:0!important}.duet-modal-heading.duet-m-0{margin:0!important}"},enumerable:true,configurable:true});return e}())}}}));