@sd-angular/core
Version:
Sd Angular Core Lib
2 lines • 1.81 kB
JavaScript
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@sd-angular/core/quick-action",["exports","@angular/core","@angular/common"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["sd-angular"]=e["sd-angular"]||{},e["sd-angular"].core=e["sd-angular"].core||{},e["sd-angular"].core["quick-action"]={}),e.ng.core,e.ng.common)}(this,(function(e,n,t){"use strict";var o=function(){var e=this;this.isOpened=!1,this.open=function(){e.isOpened=!0},this.close=function(){e.isOpened=!1}};o.decorators=[{type:n.Component,args:[{selector:"sd-quick-action",template:'<div class="c-quick-action media align-items-center" [ngClass]="{\'active\': isOpened}">\r\n <div class="media-body mr-16 text-grey">\r\n <ng-content select="[sdMessage]"></ng-content>\r\n </div>\r\n <ng-content select="[sdAction]"></ng-content>\r\n</div>',styles:[".c-quick-action{background-color:#fff;border-radius:4px;bottom:90px;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);left:0;margin:auto;min-width:400px;opacity:0;pointer-events:none;position:fixed;right:0;transform:translate3d(0,100%,0);transition:all .2s ease-in-out;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:99}.c-quick-action.active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}"]}]}],o.ctorParameters=function(){return[]},o.propDecorators={isOpened:[{type:n.Input}]};var i=function(){};i.decorators=[{type:n.NgModule,args:[{declarations:[o],imports:[t.CommonModule],exports:[o],providers:[]}]}],e.SdQuickAction=o,e.SdQuickActionModule=i,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=sd-angular-core-quick-action.umd.min.js.map