[{"__symbolic":"module","version":4,"metadata":{"LyButton":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":49,"character":1},"arguments":[{"selector":"[ly-button], ly-button","styles":[":host { z-index: 1; padding: 0; justify-content: center; -webkit-tap-highlight-color: transparent; line-height: 36px; white-space: nowrap; transform: scale3d(1, 1, 1); } @media not all and (hover: none) { :host:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background: currentColor; opacity: 0; border-radius: inherit; pointer-events: none; transition: all 375ms cubic-bezier(0.23, 1, 0.32, 1); } :host:hover:after { opacity: .11; } } .ly-button-ripple { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; z-index: 2; transform: scale3d(1, 1, 1); border-radius: inherit; overflow: hidden; pointer-events: none; } .ly-button-hover { pointer-events: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: inherit; opacity: 0; background: currentColor; transition: all 375ms cubic-bezier(0.23, 1, 0.32, 1); } :host /deep/ [ly-icon-button] { z-index: 5 !important; } :host /deep/ [ly-icon-button] { color: currentColor !important; } .ly-button-content { text-align: inherit; height: 100%; justify-content: inherit; align-items: center; width: 100%; display: flex; position: relative; box-sizing: border-box; line-height: inherit; white-space: inherit; } .ly-button-padding { padding: 0 16px; } .ly-button-padding-left { padding-left: 16px; } .ly-button-padding-right { padding-right: 16px; } :host.ly-button-init { transition: all 375ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important; } :host._disabled { pointer-events: none !important; background: rgba(0, 0, 0, 0.14) !important; color: rgba(0, 0, 0, 0.48) !important; box-shadow: none !important; } :host /deep/ [type=\"file\"] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; display: none; } :host:-moz-focusring::-moz-focus-inner { border-color: transparent; } :host { background: transparent; color: currentColor; border: none !important; -moz-appearance: none; min-height: 36px; height: 36px; margin: 0; border-radius: 4px; outline: none !important; font-size: 14px; font-weight: 500; min-width: 88px; box-sizing: border-box; position: relative; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; transition: all 375ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; } /deep/ { /* button raised */ } /deep/ [ly-button~=\"disabled\"] { pointer-events: none; background: transparent; color: #000; opacity: .26; } /deep/ [ly-n], /deep/ [ly-w], /deep/ [ly-c] { overflow: hidden; } /deep/ [ly-c] { z-index: 4; border-radius: inherit; pointer-events: none; } /deep/ [ly-c] div { transition: all 0.7s ease-out; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; /*-webkit-transform: scale(0); transform: scale(0);*/ pointer-events: none; position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; will-change: opacity, transform; opacity: 1; box-sizing: border-box; } /deep/ [ly-n] { position: relative !important; padding: 0 16px; height: 100%; width: 100%; box-sizing: border-box; display: inline-flex; cursor: pointer; pointer-events: none; } /deep/ [ly-n], /deep/ [ly-w], /deep/ [ly-c], /deep/ [ly-c] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; /*transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 975ms*/ } /deep/ [ly-button~=\"raised\"]:active { box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 11px, rgba(0, 0, 0, 0.123) 0px 3px 11px !important; } /deep/ [ly-button~=\"raised\"]:focus { box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 11px, rgba(0, 0, 0, 0.123) 0px 3px 11px !important; } /deep/ [ly-button~=\"raised\"]:not([ly-button~=\"disabled\"]) { box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px, rgba(0, 0, 0, 0.123) 0px 2px 4px; } :host /deep/ .btn_cont { display: block; line-height: inherit; height: inherit; align-content: space-around; text-align: center; align-self: center; alignment-baseline: middle; align-items: center; text-align: inherit; white-space: nowrap; width: inherit; text-overflow: ellipsis; overflow: hidden; } :host /deep/ [ly-w] { pointer-events: none; } :host /deep/ .rippleEffect { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -ms-transform: scale(0); -os-transform: scale(0); opacity: .18; } "],"host":{"[class._disabled]":"_disabled","[class.ly-button-init]":"_hasButton()","$quoted$":["[class._disabled]","[class.ly-button-init]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":57,"character":19},"member":"OnPush"},"template":"\n  <div class=\"ly-button-ripple\" lyRipple [lyRippleSensitive]=\"rippleSensitive\"></div>\n  <div class=\"ly-button-content\" [style.font-family]=\"(theme.typography | async)?.fontFamily\" [ngClass]=\"buttonPadding | async\">\n    <ng-content></ng-content>\n  </div>\n  ","preserveWhitespaces":false}]}],"members":{"boxShadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":3},"arguments":["style.box-shadow"]}]}],"rippleSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["sensitive"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"bg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"raised":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"alyle-ui/core","name":"IsBoolean","line":101,"character":12}}]}],"raisedColorInverted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"alyle-ui/core","name":"IsBoolean","line":102,"character":12}}]}],"styleBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":104,"character":3},"arguments":["style.background"]}]}],"styleColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":105,"character":3},"arguments":["style.color"]}]}],"ripple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":106,"character":3},"arguments":[{"__symbolic":"reference","module":"alyle-ui/ripple-minimal","name":"LyRipple","line":106,"character":13}]}]}],"iconButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":107,"character":3},"arguments":[{"__symbolic":"reference","module":"alyle-ui/icon-button","name":"LyIconButton","line":107,"character":36}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":117,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":118,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":112,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":113,"character":22},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":114,"character":23},{"__symbolic":"reference","module":"alyle-ui/shadow","name":"LyShadowService","line":115,"character":27},{"__symbolic":"reference","module":"alyle-ui/core","name":"LyTheme","line":116,"character":18},{"__symbolic":"reference","module":"alyle-ui/core","name":"LyColor","line":117,"character":33},{"__symbolic":"reference","module":"alyle-ui/core","name":"LyBg","line":118,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focused":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"deep":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"_hasButton":[{"__symbolic":"method"}],"sanitizerStyle":[{"__symbolic":"method"}]}}}}]