@freshworks/crayons
Version:
Crayons Web Components library
1 lines • 5.36 kB
JavaScript
System.register(["./p-6d102d56.system.js","./p-129461a2.system.js","./p-a5f2e72b.system.js"],(function(e){"use strict";var o,t,i,n,l;return{setters:[function(e){o=e.r;t=e.h;i=e.i},function(e){n=e.h},function(e){l=e.i}],execute:function(){var s=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex:1;flex:1;overflow-y:auto;font-size:14px;font-weight:400;color:#12344d;line-height:20px}.content{padding:12px 32px 32px;overflow:visible;-webkit-box-sizing:border-box;box-sizing:border-box}';var a=e("fw_modal_content",function(){function e(e){o(this,e)}e.prototype.render=function(){return t("div",{class:"content"},t("slot",null))};return e}());a.style=s;var r=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-footer-container{padding:12px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;height:56px;background-color:#f3f5f7;border-radius:0 0 4px 4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:none;flex:none}.modal-footer-container fw-button{margin-left:12px}';var d=undefined&&undefined.__decorate||function(e,o,t,i){var n=arguments.length,l=n<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,t):i,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(e,o,t,i);else for(var a=e.length-1;a>=0;a--)if(s=e[a])l=(n<3?s(l):n>3?s(o,t,l):s(o,t))||l;return n>3&&l&&Object.defineProperty(o,t,l),l};var c=e("fw_modal_footer",function(){function e(e){o(this,e);this.submitText="";this.cancelText="";this.submitDisabled=false;this.submitColor="primary";this.custom=null;this.submit=function(){};this.close=function(){}}e.prototype.componentWillLoad=function(){if(this.custom===null){this.custom=n(this.el)}};e.prototype.render=function(){var e=this;return t("div",{class:"modal-footer-container"},t("div",{class:"modal-footer"},this.custom?t("slot",null):t("span",null,t("fw-button",{color:"secondary",onClick:function(){return e.close()}},this.cancelText),t("fw-button",{color:this.submitColor,disabled:this.submitDisabled,onClick:function(){return e.submit()}},this.submitText))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());d([l({keyName:"modal.ok"})],c.prototype,"submitText",void 0);d([l({keyName:"modal.cancel"})],c.prototype,"cancelText",void 0);c.style=r;var f=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-header-container{padding:32px 32px 0;position:relative;background:#fff;border-radius:4px 4px 0 0;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:none;flex:none}.modal-header-container .modal-header{width:100%;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:600;line-height:24px;color:#12344d}.modal-header-container .modal-header .modal-header-body{width:100%;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0px}.modal-header-container .modal-header .modal-header-body .modal-title{width:100%;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:10px;color:#12344d}.modal-header-container .modal-header .modal-header-body .modal-title .modal-title-icon{width:auto;height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.modal-header-container .modal-header .modal-header-body .modal-title .title-label{font-size:18px;font-weight:600;line-height:24px}.modal-header-container .modal-header .modal-header-body .description{font-size:14px;font-weight:400;color:#475867;line-height:20px;padding:6px 0px}';var b=e("fw_modal_title",function(){function e(e){o(this,e);this.icon="";this.custom=null}e.prototype.componentWillLoad=function(){if(this.custom===null){this.custom=n(this.el)}};e.prototype.renderIcon=function(){return t("span",{class:"modal-title-icon"},t("fw-icon",{name:this.icon,size:16}))};e.prototype.render=function(){return t("div",{class:"modal-header-container"},t("div",{class:"modal-header"},this.custom?t("slot",null):t("div",{class:"modal-header-body"},t("div",{class:"modal-title"},this.icon!==""?this.renderIcon():null,t("label",{class:"title-label"},this.titleText)),this.description&&t("label",{class:"description"},this.description))))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());b.style=f}}}));