[{"__symbolic":"module","version":3,"metadata":{"ButtonType":{"__symbolic":"interface"},"ButtonSize":{"__symbolic":"interface"},"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"a[adm-button], button[adm-button], div[adm-button]","styles":["@keyframes spinner { to { transform: rotate(360deg); } } :host { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; position: relative; display: inline-block; background-clip: border-box; border: 1px solid transparent; border-radius: 3px; line-height: 1.25; padding: 8px 16px; cursor: pointer; vertical-align: middle; font-size: 14px; user-select: none; transition: all .1s linear; font-weight: 400; } :host .material-icons { font-size: 16px; vertical-align: middle; } :host .adm-button-spinner { display: inline-block; vertical-align: middle; position: relative; width: 18px; height: 18px; margin-top: -2px; margin-left: -2px; } :host .adm-button-spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; margin-top: -9px; margin-left: -9px; border-radius: 50%; border: 1px solid #ccc; border-top-color: #07d; animation: spinner .6s linear infinite; } :host:active { box-shadow: 0 0 3px #0070D2; } :host.is-neutral { color: #333; background: #fff; border-color: #cfd3d7; } :host.is-small { padding: 4px 8px; font-size: 12px; line-height: 1.4; border-radius: 1.5px; } :host.is-small .material-icons { font-size: 13px; } :host.is-large { padding: 10px 20.8px; font-size: 16px; line-height: 1.4; } :host.is-large .material-icons { font-size: 18px; } :host.is-disabled { cursor: not-allowed; opacity: .7; pointer-events: none; } :host.is-primary { background: #00beef; border-color: #00aad6; color: #fff; } :host.is-primary:hover { background: #00b6e5; } :host.is-success { background: #46bb00; border-color: #3ca200; color: #fff; } :host.is-success:hover { background: #42b100; } :host.is-danger { background: #d54c48; border-color: #d03833; color: #fff; } :host.is-danger:hover { background: #d34440; } :host.is-warning { background: #ffdd1c; border-color: #ffd903; color: #444; } :host.is-warning:hover { background: #ffdb12; } "],"host":{"[class.is-primary]":"buttonType === 'primary'","[class.is-neutral]":"buttonType === 'neutral'","[class.is-success]":"buttonType === 'success'","[class.is-danger]":"buttonType === 'danger'","[class.is-warning]":"buttonType === 'warning'","[class.is-small]":"size === 'small'","[class.is-large]":"size === 'large'","[class.is-disabled]":"!!disabled === true","$quoted$":["[class.is-primary]","[class.is-neutral]","[class.is-success]","[class.is-danger]","[class.is-warning]","[class.is-small]","[class.is-large]","[class.is-disabled]"]},"template":"\n        <span class=\"adm-button-spinner\" *ngIf=\"loading && !disabled\"></span>\n        <i *ngIf=\"icon && iconPosition === 'left' && !loading\" class=\"material-icons\">{{icon}}</i>\n        <ng-content></ng-content>\n        <i *ngIf=\"icon && iconPosition === 'right'  && !loading\" class=\"material-icons\">{{icon}}</i>\n    "}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"buttonType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ButtonType":{"__symbolic":"interface"},"ButtonSize":{"__symbolic":"interface"},"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"a[adm-button], button[adm-button], div[adm-button]","styles":["@keyframes spinner { to { transform: rotate(360deg); } } :host { border: 0; padding: 0; box-shadow: none; outline: none !important; background: transparent; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; position: relative; display: inline-block; background-clip: border-box; border: 1px solid transparent; border-radius: 3px; line-height: 1.25; padding: 8px 16px; cursor: pointer; vertical-align: middle; font-size: 14px; user-select: none; transition: all .1s linear; font-weight: 400; } :host .material-icons { font-size: 16px; vertical-align: middle; } :host .adm-button-spinner { display: inline-block; vertical-align: middle; position: relative; width: 18px; height: 18px; margin-top: -2px; margin-left: -2px; } :host .adm-button-spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; margin-top: -9px; margin-left: -9px; border-radius: 50%; border: 1px solid #ccc; border-top-color: #07d; animation: spinner .6s linear infinite; } :host:active { box-shadow: 0 0 3px #0070D2; } :host.is-neutral { color: #333; background: #fff; border-color: #cfd3d7; } :host.is-small { padding: 4px 8px; font-size: 12px; line-height: 1.4; border-radius: 1.5px; } :host.is-small .material-icons { font-size: 13px; } :host.is-large { padding: 10px 20.8px; font-size: 16px; line-height: 1.4; } :host.is-large .material-icons { font-size: 18px; } :host.is-disabled { cursor: not-allowed; opacity: .7; pointer-events: none; } :host.is-primary { background: #00beef; border-color: #00aad6; color: #fff; } :host.is-primary:hover { background: #00b6e5; } :host.is-success { background: #46bb00; border-color: #3ca200; color: #fff; } :host.is-success:hover { background: #42b100; } :host.is-danger { background: #d54c48; border-color: #d03833; color: #fff; } :host.is-danger:hover { background: #d34440; } :host.is-warning { background: #ffdd1c; border-color: #ffd903; color: #444; } :host.is-warning:hover { background: #ffdb12; } "],"host":{"[class.is-primary]":"buttonType === 'primary'","[class.is-neutral]":"buttonType === 'neutral'","[class.is-success]":"buttonType === 'success'","[class.is-danger]":"buttonType === 'danger'","[class.is-warning]":"buttonType === 'warning'","[class.is-small]":"size === 'small'","[class.is-large]":"size === 'large'","[class.is-disabled]":"!!disabled === true"},"template":"\n        <span class=\"adm-button-spinner\" *ngIf=\"loading && !disabled\"></span>\n        <i *ngIf=\"icon && iconPosition === 'left' && !loading\" class=\"material-icons\">{{icon}}</i>\n        <ng-content></ng-content>\n        <i *ngIf=\"icon && iconPosition === 'right'  && !loading\" class=\"material-icons\">{{icon}}</i>\n    "}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"buttonType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]