@seniorsistemas/angular-components 14.16.28 → 14.16.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +13 -3
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/button/button-animation-type.d.ts +3 -0
- package/components/button/button.component.d.ts +3 -1
- package/esm2015/components/button/button-animation-type.js +5 -0
- package/esm2015/components/button/button.component.js +10 -4
- package/esm5/components/button/button-animation-type.js +5 -0
- package/esm5/components/button/button.component.js +10 -4
- package/fesm2015/seniorsistemas-angular-components.js +13 -3
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +13 -3
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -2,6 +2,7 @@ import { EventEmitter, OnChanges, OnInit, SimpleChanges } from "@angular/core";
|
|
|
2
2
|
import { MenuItem } from "primeng/api";
|
|
3
3
|
import { ButtonPriority } from "./button-priority";
|
|
4
4
|
import { ButtonSize } from "./button-size";
|
|
5
|
+
import { EnumButtonAnimation } from "./button-animation-type";
|
|
5
6
|
export declare class ButtonComponent implements OnInit, OnChanges {
|
|
6
7
|
static nextId: number;
|
|
7
8
|
minWidth: string;
|
|
@@ -20,13 +21,14 @@ export declare class ButtonComponent implements OnInit, OnChanges {
|
|
|
20
21
|
model: MenuItem[];
|
|
21
22
|
size: ButtonSize;
|
|
22
23
|
slide: boolean;
|
|
24
|
+
animation: EnumButtonAnimation;
|
|
23
25
|
onClick: EventEmitter<any>;
|
|
24
26
|
tooltipZIndex: number;
|
|
25
|
-
isSlideButton: boolean;
|
|
26
27
|
private menu;
|
|
27
28
|
ngOnInit(): void;
|
|
28
29
|
validateSlideButton(): number;
|
|
29
30
|
isOpen(): boolean;
|
|
30
31
|
ngOnChanges(changes: SimpleChanges): void;
|
|
31
32
|
updateTooltipZIndex(): void;
|
|
33
|
+
isRotateAnimation(): boolean;
|
|
32
34
|
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export var EnumButtonAnimation;
|
|
2
|
+
(function (EnumButtonAnimation) {
|
|
3
|
+
EnumButtonAnimation["rotate"] = "rotate";
|
|
4
|
+
})(EnumButtonAnimation || (EnumButtonAnimation = {}));
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWFuaW1hdGlvbi10eXBlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi1hbmltYXRpb24tdHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxNQUFNLENBQU4sSUFBWSxtQkFFWDtBQUZELFdBQVksbUJBQW1CO0lBQzNCLHdDQUFpQixDQUFBO0FBQ3JCLENBQUMsRUFGVyxtQkFBbUIsS0FBbkIsbUJBQW1CLFFBRTlCIiwic291cmNlc0NvbnRlbnQiOlsiXG5leHBvcnQgZW51bSBFbnVtQnV0dG9uQW5pbWF0aW9uIHtcbiAgICByb3RhdGUgPSAncm90YXRlJyxcbn0iXX0=
|
|
@@ -5,6 +5,7 @@ import { TieredMenu } from "primeng/tieredmenu";
|
|
|
5
5
|
import { DomHandler } from "primeng/dom";
|
|
6
6
|
import { ButtonPriority } from "./button-priority";
|
|
7
7
|
import { ButtonSize } from "./button-size";
|
|
8
|
+
import { EnumButtonAnimation } from "./button-animation-type";
|
|
8
9
|
let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
|
|
9
10
|
constructor() {
|
|
10
11
|
this.minWidth = "40px";
|
|
@@ -18,7 +19,6 @@ let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
|
|
|
18
19
|
this.model = [];
|
|
19
20
|
this.size = ButtonSize.Default;
|
|
20
21
|
this.onClick = new EventEmitter();
|
|
21
|
-
this.isSlideButton = false;
|
|
22
22
|
}
|
|
23
23
|
ngOnInit() {
|
|
24
24
|
this.onClick.subscribe((event) => {
|
|
@@ -46,6 +46,9 @@ let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
|
|
|
46
46
|
updateTooltipZIndex() {
|
|
47
47
|
this.tooltipZIndex = this.baseZIndex + ++DomHandler.zindex;
|
|
48
48
|
}
|
|
49
|
+
isRotateAnimation() {
|
|
50
|
+
return this.animation === EnumButtonAnimation.rotate;
|
|
51
|
+
}
|
|
49
52
|
};
|
|
50
53
|
ButtonComponent.nextId = 0;
|
|
51
54
|
__decorate([
|
|
@@ -96,6 +99,9 @@ __decorate([
|
|
|
96
99
|
__decorate([
|
|
97
100
|
Input()
|
|
98
101
|
], ButtonComponent.prototype, "slide", void 0);
|
|
102
|
+
__decorate([
|
|
103
|
+
Input()
|
|
104
|
+
], ButtonComponent.prototype, "animation", void 0);
|
|
99
105
|
__decorate([
|
|
100
106
|
Output()
|
|
101
107
|
], ButtonComponent.prototype, "onClick", void 0);
|
|
@@ -105,9 +111,9 @@ __decorate([
|
|
|
105
111
|
ButtonComponent = ButtonComponent_1 = __decorate([
|
|
106
112
|
Component({
|
|
107
113
|
selector: "s-button",
|
|
108
|
-
template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n [id]=\"id\"\n [type]=\"type\"\n [class]=\"styleClass\"\n [ngClass]=\"{\n 's-button-auxiliary': auxiliary,\n 's-button-with-icon': iconClass,\n 's-button-with-text': label,\n 's-button-empty': !iconClass && !label,\n 's-button-size-default': size === 'default',\n 's-button-size-small': size === 'small',\n 's-button-priority-default': priority === 'default',\n 's-button-priority-primary': priority === 'primary',\n 's-button-priority-secondary': priority === 'secondary',\n 's-button-priority-link': priority === 'link',\n 's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n 's-button-active': isOpen(),\n 's-button--slide': validateSlideButton()\n }\"\n [disabled]=\"disabled\"\n [pTooltip]=\"tooltip\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [tooltipZIndex]=\"tooltipZIndex\"\n (click)=\"onClick.emit($event)\"\n (mouseenter)=\"updateTooltipZIndex()\"\n>\n <span *ngIf=\"iconClass\" [class]=\"iconClass\" [ngClass]=\"{ 's-button-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"label\" class=\"s-button-text\">{{ label }}</span>\n <ng-content></ng-content>\n\n <span *ngIf=\"rightIconClass\" [class]=\"rightIconClass\" [ngClass]=\"{ 's-button-right-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"caret && (model && model.length)\" class=\"fa fa-fw fa-caret-down s-button-menu-icon\" aria-hidden=\"true\"></span>\n\n\n</button>\n",
|
|
109
|
-
styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon
|
|
114
|
+
template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n [id]=\"id\"\n [type]=\"type\"\n [class]=\"styleClass\"\n [ngClass]=\"{\n 's-button-auxiliary': auxiliary,\n 's-button-with-icon': iconClass,\n 's-button-with-text': label,\n 's-button-empty': !iconClass && !label,\n 's-button-size-default': size === 'default',\n 's-button-size-small': size === 'small',\n 's-button-priority-default': priority === 'default',\n 's-button-priority-primary': priority === 'primary',\n 's-button-priority-secondary': priority === 'secondary',\n 's-button-priority-link': priority === 'link',\n 's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n 's-button-active': isOpen(),\n 's-button--slide': validateSlideButton(),\n 's-button--rotate-animation': isRotateAnimation()\n }\"\n [disabled]=\"disabled\"\n [pTooltip]=\"tooltip\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [tooltipZIndex]=\"tooltipZIndex\"\n (click)=\"onClick.emit($event)\"\n (mouseenter)=\"updateTooltipZIndex()\"\n>\n <span *ngIf=\"iconClass\" [class]=\"iconClass\" [ngClass]=\"{ 's-button-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"label\" class=\"s-button-text\">{{ label }}</span>\n <ng-content></ng-content>\n\n <span *ngIf=\"rightIconClass\" [class]=\"rightIconClass\" [ngClass]=\"{ 's-button-right-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"caret && (model && model.length)\" class=\"fa fa-fw fa-caret-down s-button-menu-icon\" aria-hidden=\"true\"></span>\n\n\n</button>\n",
|
|
115
|
+
styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button.s-button-multiple .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;-ms-flex-align:left;align-items:left}button.s-button-with-icon .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;-ms-flex-align:right;align-items:right}.s-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:0 10px}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}button,button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button .s-button-text,button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-menu-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text{color:#fff}button.s-button-priority-primary:hover,button:hover{background-color:#2a6496}button.s-button-priority-primary:focus,button:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled),button.s-button-priority-primary:active:not(:disabled),button:active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-menu-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary.s-button-active:not(:disabled),button.s-button-priority-secondary:active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-menu-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default.s-button-active:not(:disabled),button.s-button-priority-default:active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-menu-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-menu-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text{color:#2a6496}button.s-button-priority-link:focus{border-color:#22dce6;background-color:transparent}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-menu-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text{color:#2a6496}button.s-button-priority-link.s-button-active:not(:disabled),button.s-button-priority-link:active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text{color:#245682}.s-button--slide.s-button-with-icon.s-button-multiple,.s-button--slide.s-button-with-text{min-width:40px}.s-button--slide .s-button-text{position:absolute;opacity:0}.s-button--slide:hover .s-button-text{transition:1s;position:relative;opacity:1}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transition:1.5s;transform:rotate(360deg)}"]
|
|
110
116
|
})
|
|
111
117
|
], ButtonComponent);
|
|
112
118
|
export { ButtonComponent };
|
|
113
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFpQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakksT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDekMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFNOUQsSUFBYSxlQUFlLHVCQUE1QixNQUFhLGVBQWU7SUFBNUI7UUFJVyxhQUFRLEdBQUcsTUFBTSxDQUFDO1FBR2xCLE9BQUUsR0FBRyxZQUFZLGlCQUFlLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztRQWU1QyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBTWIsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUdmLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFHakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUdsQixTQUFJLEdBQUcsUUFBUSxDQUFDO1FBR2hCLGFBQVEsR0FBbUIsY0FBYyxDQUFDLE9BQU8sQ0FBQztRQUdsRCxVQUFLLEdBQWUsRUFBRSxDQUFDO1FBR3ZCLFNBQUksR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO1FBUzFCLFlBQU8sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQXdDM0QsQ0FBQztJQWpDVSxRQUFRO1FBQ1gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUNsQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTTtnQkFBRSxPQUFPO1lBRTlDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDN0IsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sbUJBQW1CO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksY0FBYyxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztJQUNoSSxDQUFDO0lBRU0sTUFBTTtRQUNULE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUNoRSxDQUFDO0lBRU0sV0FBVyxDQUFDLE9BQXNCO1FBQ3JDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDL0IsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUMzQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBRW5ELElBQUksT0FBTyxJQUFJLENBQUMsT0FBTyxJQUFJLFVBQVUsQ0FBQztZQUFFLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1FBQy9ELElBQUksT0FBTyxJQUFJLE9BQU8sSUFBSSxVQUFVO1lBQUUsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7SUFDbEUsQ0FBQztJQUVNLG1CQUFtQjtRQUN0QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQy9ELENBQUM7SUFFTSxpQkFBaUI7UUFDcEIsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLG1CQUFtQixDQUFDLE1BQU0sQ0FBQztJQUN6RCxDQUFDO0NBQ0osQ0FBQTtBQTlGaUIsc0JBQU0sR0FBRyxDQUFDLENBQUM7QUFHekI7SUFEQyxXQUFXLENBQUMsaUJBQWlCLENBQUM7aURBQ047QUFHekI7SUFEQyxLQUFLLEVBQUU7MkNBQzJDO0FBR25EO0lBREMsS0FBSyxFQUFFOzhDQUNhO0FBR3JCO0lBREMsS0FBSyxFQUFFO2dEQUNlO0FBR3ZCO0lBREMsS0FBSyxFQUFFO2tEQUNpQjtBQUd6QjtJQURDLEtBQUssRUFBRTt1REFDc0I7QUFHOUI7SUFEQyxLQUFLLEVBQUU7OENBQ1k7QUFHcEI7SUFEQyxLQUFLLEVBQUU7bURBQ2tCO0FBRzFCO0lBREMsS0FBSyxFQUFFO21EQUNjO0FBR3RCO0lBREMsS0FBSyxFQUFFO2lEQUNnQjtBQUd4QjtJQURDLEtBQUssRUFBRTtrREFDaUI7QUFHekI7SUFEQyxLQUFLLEVBQUU7NkNBQ2U7QUFHdkI7SUFEQyxLQUFLLEVBQUU7aURBQ2lEO0FBR3pEO0lBREMsS0FBSyxFQUFFOzhDQUNzQjtBQUc5QjtJQURDLEtBQUssRUFBRTs2Q0FDeUI7QUFHakM7SUFEQyxLQUFLLEVBQUU7OENBQ2M7QUFHdEI7SUFEQyxLQUFLLEVBQUU7a0RBQzhCO0FBR3RDO0lBREMsTUFBTSxFQUFFO2dEQUM4QztBQUt2RDtJQURDLFNBQVMsQ0FBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUM7NkNBQ2Y7QUE1RGhCLGVBQWU7SUFMM0IsU0FBUyxDQUFDO1FBQ1AsUUFBUSxFQUFFLFVBQVU7UUFDcEIsb3NEQUFzQzs7S0FFekMsQ0FBQztHQUNXLGVBQWUsQ0ErRjNCO1NBL0ZZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tIFwicHJpbWVuZy9hcGlcIjtcbmltcG9ydCB7IFRpZXJlZE1lbnUgfSBmcm9tIFwicHJpbWVuZy90aWVyZWRtZW51XCI7XG5pbXBvcnQgeyBEb21IYW5kbGVyIH0gZnJvbSBcInByaW1lbmcvZG9tXCI7XG5pbXBvcnQgeyBCdXR0b25Qcmlvcml0eSB9IGZyb20gXCIuL2J1dHRvbi1wcmlvcml0eVwiO1xuaW1wb3J0IHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuL2J1dHRvbi1zaXplXCI7XG5pbXBvcnQgeyBFbnVtQnV0dG9uQW5pbWF0aW9uIH0gZnJvbSBcIi4vYnV0dG9uLWFuaW1hdGlvbi10eXBlXCI7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLWJ1dHRvblwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vYnV0dG9uLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL2J1dHRvbi5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAgIHB1YmxpYyBzdGF0aWMgbmV4dElkID0gMDtcblxuICAgIEBIb3N0QmluZGluZyhcInN0eWxlLm1pbi13aWR0aFwiKVxuICAgIHB1YmxpYyBtaW5XaWR0aCA9IFwiNDBweFwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWQgPSBgcy1idXR0b24tJHtCdXR0b25Db21wb25lbnQubmV4dElkKyt9YDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxhYmVsOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0b29sdGlwOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uQ2xhc3M6IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHJpZ2h0SWNvbkNsYXNzOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBjYXJldCA9IHRydWU7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzdHlsZUNsYXNzOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBiYXNlWkluZGV4ID0gMDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBhdXhpbGlhcnkgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHR5cGUgPSBcImJ1dHRvblwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgcHJpb3JpdHk6IEJ1dHRvblByaW9yaXR5ID0gQnV0dG9uUHJpb3JpdHkuUHJpbWFyeTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG1vZGVsOiBNZW51SXRlbVtdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplID0gQnV0dG9uU2l6ZS5EZWZhdWx0O1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2xpZGU6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBhbmltYXRpb246IEVudW1CdXR0b25BbmltYXRpb247XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgb25DbGljazogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBwdWJsaWMgdG9vbHRpcFpJbmRleDogbnVtYmVyO1xuXG4gICAgQFZpZXdDaGlsZChUaWVyZWRNZW51LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICAgIHByaXZhdGUgbWVudTogVGllcmVkTWVudTtcblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5vbkNsaWNrLnN1YnNjcmliZSgoZXZlbnQ6IGFueSkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLm1vZGVsIHx8ICF0aGlzLm1vZGVsLmxlbmd0aCkgcmV0dXJuO1xuXG4gICAgICAgICAgICB0aGlzLm1lbnUubW9kZWwgPSB0aGlzLm1vZGVsO1xuICAgICAgICAgICAgdGhpcy5tZW51LnRvZ2dsZShldmVudCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHB1YmxpYyB2YWxpZGF0ZVNsaWRlQnV0dG9uKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zbGlkZSAmJiAodGhpcy5wcmlvcml0eSA9PSBCdXR0b25Qcmlvcml0eS5EZWZhdWx0IHx8IHRoaXMucHJpb3JpdHkgPT0gQnV0dG9uUHJpb3JpdHkuTGluaykgJiYgdGhpcy5sYWJlbC5sZW5ndGg7XG4gICAgfVxuXG4gICAgcHVibGljIGlzT3BlbigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMubW9kZWwgJiYgdGhpcy5tb2RlbC5sZW5ndGggJiYgdGhpcy5tZW51LnZpc2libGU7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAgICAgY29uc3QgaGFzSWNvbiA9IHRoaXMuaWNvbkNsYXNzO1xuICAgICAgICBjb25zdCBoYXNUZXh0ID0gdGhpcy5sYWJlbDtcbiAgICAgICAgY29uc3QgaXNNdWx0aXBsZSA9IHRoaXMubW9kZWwgJiYgdGhpcy5tb2RlbC5sZW5ndGg7XG5cbiAgICAgICAgaWYgKGhhc1RleHQgfHwgKGhhc0ljb24gJiYgaXNNdWx0aXBsZSkpIHRoaXMubWluV2lkdGggPSBcIjgwcHhcIjtcbiAgICAgICAgaWYgKGhhc1RleHQgJiYgaGFzSWNvbiAmJiBpc011bHRpcGxlKSB0aGlzLm1pbldpZHRoID0gXCIxMDBweFwiO1xuICAgIH1cblxuICAgIHB1YmxpYyB1cGRhdGVUb29sdGlwWkluZGV4KCkge1xuICAgICAgICB0aGlzLnRvb2x0aXBaSW5kZXggPSB0aGlzLmJhc2VaSW5kZXggKyArK0RvbUhhbmRsZXIuemluZGV4O1xuICAgIH1cblxuICAgIHB1YmxpYyBpc1JvdGF0ZUFuaW1hdGlvbigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYW5pbWF0aW9uID09PSBFbnVtQnV0dG9uQW5pbWF0aW9uLnJvdGF0ZTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export var EnumButtonAnimation;
|
|
2
|
+
(function (EnumButtonAnimation) {
|
|
3
|
+
EnumButtonAnimation["rotate"] = "rotate";
|
|
4
|
+
})(EnumButtonAnimation || (EnumButtonAnimation = {}));
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWFuaW1hdGlvbi10eXBlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi1hbmltYXRpb24tdHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxNQUFNLENBQU4sSUFBWSxtQkFFWDtBQUZELFdBQVksbUJBQW1CO0lBQzNCLHdDQUFpQixDQUFBO0FBQ3JCLENBQUMsRUFGVyxtQkFBbUIsS0FBbkIsbUJBQW1CLFFBRTlCIiwic291cmNlc0NvbnRlbnQiOlsiXG5leHBvcnQgZW51bSBFbnVtQnV0dG9uQW5pbWF0aW9uIHtcbiAgICByb3RhdGUgPSAncm90YXRlJyxcbn0iXX0=
|
|
@@ -4,6 +4,7 @@ import { TieredMenu } from "primeng/tieredmenu";
|
|
|
4
4
|
import { DomHandler } from "primeng/dom";
|
|
5
5
|
import { ButtonPriority } from "./button-priority";
|
|
6
6
|
import { ButtonSize } from "./button-size";
|
|
7
|
+
import { EnumButtonAnimation } from "./button-animation-type";
|
|
7
8
|
var ButtonComponent = /** @class */ (function () {
|
|
8
9
|
function ButtonComponent() {
|
|
9
10
|
this.minWidth = "40px";
|
|
@@ -17,7 +18,6 @@ var ButtonComponent = /** @class */ (function () {
|
|
|
17
18
|
this.model = [];
|
|
18
19
|
this.size = ButtonSize.Default;
|
|
19
20
|
this.onClick = new EventEmitter();
|
|
20
|
-
this.isSlideButton = false;
|
|
21
21
|
}
|
|
22
22
|
ButtonComponent_1 = ButtonComponent;
|
|
23
23
|
ButtonComponent.prototype.ngOnInit = function () {
|
|
@@ -47,6 +47,9 @@ var ButtonComponent = /** @class */ (function () {
|
|
|
47
47
|
ButtonComponent.prototype.updateTooltipZIndex = function () {
|
|
48
48
|
this.tooltipZIndex = this.baseZIndex + ++DomHandler.zindex;
|
|
49
49
|
};
|
|
50
|
+
ButtonComponent.prototype.isRotateAnimation = function () {
|
|
51
|
+
return this.animation === EnumButtonAnimation.rotate;
|
|
52
|
+
};
|
|
50
53
|
var ButtonComponent_1;
|
|
51
54
|
ButtonComponent.nextId = 0;
|
|
52
55
|
__decorate([
|
|
@@ -97,6 +100,9 @@ var ButtonComponent = /** @class */ (function () {
|
|
|
97
100
|
__decorate([
|
|
98
101
|
Input()
|
|
99
102
|
], ButtonComponent.prototype, "slide", void 0);
|
|
103
|
+
__decorate([
|
|
104
|
+
Input()
|
|
105
|
+
], ButtonComponent.prototype, "animation", void 0);
|
|
100
106
|
__decorate([
|
|
101
107
|
Output()
|
|
102
108
|
], ButtonComponent.prototype, "onClick", void 0);
|
|
@@ -106,11 +112,11 @@ var ButtonComponent = /** @class */ (function () {
|
|
|
106
112
|
ButtonComponent = ButtonComponent_1 = __decorate([
|
|
107
113
|
Component({
|
|
108
114
|
selector: "s-button",
|
|
109
|
-
template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n [id]=\"id\"\n [type]=\"type\"\n [class]=\"styleClass\"\n [ngClass]=\"{\n 's-button-auxiliary': auxiliary,\n 's-button-with-icon': iconClass,\n 's-button-with-text': label,\n 's-button-empty': !iconClass && !label,\n 's-button-size-default': size === 'default',\n 's-button-size-small': size === 'small',\n 's-button-priority-default': priority === 'default',\n 's-button-priority-primary': priority === 'primary',\n 's-button-priority-secondary': priority === 'secondary',\n 's-button-priority-link': priority === 'link',\n 's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n 's-button-active': isOpen(),\n 's-button--slide': validateSlideButton()\n }\"\n [disabled]=\"disabled\"\n [pTooltip]=\"tooltip\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [tooltipZIndex]=\"tooltipZIndex\"\n (click)=\"onClick.emit($event)\"\n (mouseenter)=\"updateTooltipZIndex()\"\n>\n <span *ngIf=\"iconClass\" [class]=\"iconClass\" [ngClass]=\"{ 's-button-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"label\" class=\"s-button-text\">{{ label }}</span>\n <ng-content></ng-content>\n\n <span *ngIf=\"rightIconClass\" [class]=\"rightIconClass\" [ngClass]=\"{ 's-button-right-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"caret && (model && model.length)\" class=\"fa fa-fw fa-caret-down s-button-menu-icon\" aria-hidden=\"true\"></span>\n\n\n</button>\n",
|
|
110
|
-
styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon
|
|
115
|
+
template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n [id]=\"id\"\n [type]=\"type\"\n [class]=\"styleClass\"\n [ngClass]=\"{\n 's-button-auxiliary': auxiliary,\n 's-button-with-icon': iconClass,\n 's-button-with-text': label,\n 's-button-empty': !iconClass && !label,\n 's-button-size-default': size === 'default',\n 's-button-size-small': size === 'small',\n 's-button-priority-default': priority === 'default',\n 's-button-priority-primary': priority === 'primary',\n 's-button-priority-secondary': priority === 'secondary',\n 's-button-priority-link': priority === 'link',\n 's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n 's-button-active': isOpen(),\n 's-button--slide': validateSlideButton(),\n 's-button--rotate-animation': isRotateAnimation()\n }\"\n [disabled]=\"disabled\"\n [pTooltip]=\"tooltip\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [tooltipZIndex]=\"tooltipZIndex\"\n (click)=\"onClick.emit($event)\"\n (mouseenter)=\"updateTooltipZIndex()\"\n>\n <span *ngIf=\"iconClass\" [class]=\"iconClass\" [ngClass]=\"{ 's-button-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"label\" class=\"s-button-text\">{{ label }}</span>\n <ng-content></ng-content>\n\n <span *ngIf=\"rightIconClass\" [class]=\"rightIconClass\" [ngClass]=\"{ 's-button-right-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"caret && (model && model.length)\" class=\"fa fa-fw fa-caret-down s-button-menu-icon\" aria-hidden=\"true\"></span>\n\n\n</button>\n",
|
|
116
|
+
styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button.s-button-multiple .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;-ms-flex-align:left;align-items:left}button.s-button-with-icon .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;-ms-flex-align:right;align-items:right}.s-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:0 10px}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}button,button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button .s-button-text,button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-menu-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text{color:#fff}button.s-button-priority-primary:hover,button:hover{background-color:#2a6496}button.s-button-priority-primary:focus,button:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled),button.s-button-priority-primary:active:not(:disabled),button:active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-menu-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary.s-button-active:not(:disabled),button.s-button-priority-secondary:active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-menu-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default.s-button-active:not(:disabled),button.s-button-priority-default:active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-menu-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-menu-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text{color:#2a6496}button.s-button-priority-link:focus{border-color:#22dce6;background-color:transparent}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-menu-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text{color:#2a6496}button.s-button-priority-link.s-button-active:not(:disabled),button.s-button-priority-link:active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text{color:#245682}.s-button--slide.s-button-with-icon.s-button-multiple,.s-button--slide.s-button-with-text{min-width:40px}.s-button--slide .s-button-text{position:absolute;opacity:0}.s-button--slide:hover .s-button-text{transition:1s;position:relative;opacity:1}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transition:1.5s;transform:rotate(360deg)}"]
|
|
111
117
|
})
|
|
112
118
|
], ButtonComponent);
|
|
113
119
|
return ButtonComponent;
|
|
114
120
|
}());
|
|
115
121
|
export { ButtonComponent };
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWlCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqSSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQU05RDtJQUFBO1FBSVcsYUFBUSxHQUFHLE1BQU0sQ0FBQztRQUdsQixPQUFFLEdBQUcsY0FBWSxpQkFBZSxDQUFDLE1BQU0sRUFBSSxDQUFDO1FBZTVDLFVBQUssR0FBRyxJQUFJLENBQUM7UUFNYixlQUFVLEdBQUcsQ0FBQyxDQUFDO1FBR2YsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBR2xCLFNBQUksR0FBRyxRQUFRLENBQUM7UUFHaEIsYUFBUSxHQUFtQixjQUFjLENBQUMsT0FBTyxDQUFDO1FBR2xELFVBQUssR0FBZSxFQUFFLENBQUM7UUFHdkIsU0FBSSxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFTMUIsWUFBTyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0lBd0MzRCxDQUFDO3dCQS9GWSxlQUFlO0lBOERqQixrQ0FBUSxHQUFmO1FBQUEsaUJBT0M7UUFORyxJQUFJLENBQUMsT0FBTyxD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Y2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTWVudUl0ZW0gfSBmcm9tIFwicHJpbWVuZy9hcGlcIjtcbmltcG9ydCB7IFRpZXJlZE1lbnUgfSBmcm9tIFwicHJpbWVuZy90aWVyZWRtZW51XCI7XG5pbXBvcnQgeyBEb21IYW5kbGVyIH0gZnJvbSBcInByaW1lbmcvZG9tXCI7XG5pbXBvcnQgeyBCdXR0b25Qcmlvcml0eSB9IGZyb20gXCIuL2J1dHRvbi1wcmlvcml0eVwiO1xuaW1wb3J0IHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuL2J1dHRvbi1zaXplXCI7XG5pbXBvcnQgeyBFbnVtQnV0dG9uQW5pbWF0aW9uIH0gZnJvbSBcIi4vYnV0dG9uLWFuaW1hdGlvbi10eXBlXCI7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLWJ1dHRvblwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vYnV0dG9uLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL2J1dHRvbi5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAgIHB1YmxpYyBzdGF0aWMgbmV4dElkID0gMDtcblxuICAgIEBIb3N0QmluZGluZyhcInN0eWxlLm1pbi13aWR0aFwiKVxuICAgIHB1YmxpYyBtaW5XaWR0aCA9IFwiNDBweFwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWQgPSBgcy1idXR0b24tJHtCdXR0b25Db21wb25lbnQubmV4dElkKyt9YDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxhYmVsOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0b29sdGlwOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uQ2xhc3M6IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHJpZ2h0SWNvbkNsYXNzOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBjYXJldCA9IHRydWU7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzdHlsZUNsYXNzOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBiYXNlWkluZGV4ID0gMDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBhdXhpbGlhcnkgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHR5cGUgPSBcImJ1dHRvblwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgcHJpb3JpdHk6IEJ1dHRvblByaW9yaXR5ID0gQnV0dG9uUHJpb3JpdHkuUHJpbWFyeTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG1vZGVsOiBNZW51SXRlbVtdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplID0gQnV0dG9uU2l6ZS5EZWZhdWx0O1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2xpZGU6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBhbmltYXRpb246IEVudW1CdXR0b25BbmltYXRpb247XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgb25DbGljazogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBwdWJsaWMgdG9vbHRpcFpJbmRleDogbnVtYmVyO1xuXG4gICAgQFZpZXdDaGlsZChUaWVyZWRNZW51LCB7IHN0YXRpYzogdHJ1ZSB9KVxuICAgIHByaXZhdGUgbWVudTogVGllcmVkTWVudTtcblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5vbkNsaWNrLnN1YnNjcmliZSgoZXZlbnQ6IGFueSkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLm1vZGVsIHx8ICF0aGlzLm1vZGVsLmxlbmd0aCkgcmV0dXJuO1xuXG4gICAgICAgICAgICB0aGlzLm1lbnUubW9kZWwgPSB0aGlzLm1vZGVsO1xuICAgICAgICAgICAgdGhpcy5tZW51LnRvZ2dsZShldmVudCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHB1YmxpYyB2YWxpZGF0ZVNsaWRlQnV0dG9uKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zbGlkZSAmJiAodGhpcy5wcmlvcml0eSA9PSBCdXR0b25Qcmlvcml0eS5EZWZhdWx0IHx8IHRoaXMucHJpb3JpdHkgPT0gQnV0dG9uUHJpb3JpdHkuTGluaykgJiYgdGhpcy5sYWJlbC5sZW5ndGg7XG4gICAgfVxuXG4gICAgcHVibGljIGlzT3BlbigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMubW9kZWwgJiYgdGhpcy5tb2RlbC5sZW5ndGggJiYgdGhpcy5tZW51LnZpc2libGU7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAgICAgY29uc3QgaGFzSWNvbiA9IHRoaXMuaWNvbkNsYXNzO1xuICAgICAgICBjb25zdCBoYXNUZXh0ID0gdGhpcy5sYWJlbDtcbiAgICAgICAgY29uc3QgaXNNdWx0aXBsZSA9IHRoaXMubW9kZWwgJiYgdGhpcy5tb2RlbC5sZW5ndGg7XG5cbiAgICAgICAgaWYgKGhhc1RleHQgfHwgKGhhc0ljb24gJiYgaXNNdWx0aXBsZSkpIHRoaXMubWluV2lkdGggPSBcIjgwcHhcIjtcbiAgICAgICAgaWYgKGhhc1RleHQgJiYgaGFzSWNvbiAmJiBpc011bHRpcGxlKSB0aGlzLm1pbldpZHRoID0gXCIxMDBweFwiO1xuICAgIH1cblxuICAgIHB1YmxpYyB1cGRhdGVUb29sdGlwWkluZGV4KCkge1xuICAgICAgICB0aGlzLnRvb2x0aXBaSW5kZXggPSB0aGlzLmJhc2VaSW5kZXggKyArK0RvbUhhbmRsZXIuemluZGV4O1xuICAgIH1cblxuICAgIHB1YmxpYyBpc1JvdGF0ZUFuaW1hdGlvbigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYW5pbWF0aW9uID09PSBFbnVtQnV0dG9uQW5pbWF0aW9uLnJvdGF0ZTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -161,6 +161,11 @@ var ButtonSize;
|
|
|
161
161
|
ButtonSize["Small"] = "small";
|
|
162
162
|
})(ButtonSize || (ButtonSize = {}));
|
|
163
163
|
|
|
164
|
+
var EnumButtonAnimation;
|
|
165
|
+
(function (EnumButtonAnimation) {
|
|
166
|
+
EnumButtonAnimation["rotate"] = "rotate";
|
|
167
|
+
})(EnumButtonAnimation || (EnumButtonAnimation = {}));
|
|
168
|
+
|
|
164
169
|
var ButtonComponent_1;
|
|
165
170
|
let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
|
|
166
171
|
constructor() {
|
|
@@ -175,7 +180,6 @@ let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
|
|
|
175
180
|
this.model = [];
|
|
176
181
|
this.size = ButtonSize.Default;
|
|
177
182
|
this.onClick = new EventEmitter();
|
|
178
|
-
this.isSlideButton = false;
|
|
179
183
|
}
|
|
180
184
|
ngOnInit() {
|
|
181
185
|
this.onClick.subscribe((event) => {
|
|
@@ -203,6 +207,9 @@ let ButtonComponent = ButtonComponent_1 = class ButtonComponent {
|
|
|
203
207
|
updateTooltipZIndex() {
|
|
204
208
|
this.tooltipZIndex = this.baseZIndex + ++DomHandler.zindex;
|
|
205
209
|
}
|
|
210
|
+
isRotateAnimation() {
|
|
211
|
+
return this.animation === EnumButtonAnimation.rotate;
|
|
212
|
+
}
|
|
206
213
|
};
|
|
207
214
|
ButtonComponent.nextId = 0;
|
|
208
215
|
__decorate([
|
|
@@ -253,6 +260,9 @@ __decorate([
|
|
|
253
260
|
__decorate([
|
|
254
261
|
Input()
|
|
255
262
|
], ButtonComponent.prototype, "slide", void 0);
|
|
263
|
+
__decorate([
|
|
264
|
+
Input()
|
|
265
|
+
], ButtonComponent.prototype, "animation", void 0);
|
|
256
266
|
__decorate([
|
|
257
267
|
Output()
|
|
258
268
|
], ButtonComponent.prototype, "onClick", void 0);
|
|
@@ -262,8 +272,8 @@ __decorate([
|
|
|
262
272
|
ButtonComponent = ButtonComponent_1 = __decorate([
|
|
263
273
|
Component({
|
|
264
274
|
selector: "s-button",
|
|
265
|
-
template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n [id]=\"id\"\n [type]=\"type\"\n [class]=\"styleClass\"\n [ngClass]=\"{\n 's-button-auxiliary': auxiliary,\n 's-button-with-icon': iconClass,\n 's-button-with-text': label,\n 's-button-empty': !iconClass && !label,\n 's-button-size-default': size === 'default',\n 's-button-size-small': size === 'small',\n 's-button-priority-default': priority === 'default',\n 's-button-priority-primary': priority === 'primary',\n 's-button-priority-secondary': priority === 'secondary',\n 's-button-priority-link': priority === 'link',\n 's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n 's-button-active': isOpen(),\n 's-button--slide': validateSlideButton()\n }\"\n [disabled]=\"disabled\"\n [pTooltip]=\"tooltip\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [tooltipZIndex]=\"tooltipZIndex\"\n (click)=\"onClick.emit($event)\"\n (mouseenter)=\"updateTooltipZIndex()\"\n>\n <span *ngIf=\"iconClass\" [class]=\"iconClass\" [ngClass]=\"{ 's-button-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"label\" class=\"s-button-text\">{{ label }}</span>\n <ng-content></ng-content>\n\n <span *ngIf=\"rightIconClass\" [class]=\"rightIconClass\" [ngClass]=\"{ 's-button-right-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"caret && (model && model.length)\" class=\"fa fa-fw fa-caret-down s-button-menu-icon\" aria-hidden=\"true\"></span>\n\n\n</button>\n",
|
|
266
|
-
styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon
|
|
275
|
+
template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n [id]=\"id\"\n [type]=\"type\"\n [class]=\"styleClass\"\n [ngClass]=\"{\n 's-button-auxiliary': auxiliary,\n 's-button-with-icon': iconClass,\n 's-button-with-text': label,\n 's-button-empty': !iconClass && !label,\n 's-button-size-default': size === 'default',\n 's-button-size-small': size === 'small',\n 's-button-priority-default': priority === 'default',\n 's-button-priority-primary': priority === 'primary',\n 's-button-priority-secondary': priority === 'secondary',\n 's-button-priority-link': priority === 'link',\n 's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n 's-button-active': isOpen(),\n 's-button--slide': validateSlideButton(),\n 's-button--rotate-animation': isRotateAnimation()\n }\"\n [disabled]=\"disabled\"\n [pTooltip]=\"tooltip\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [tooltipZIndex]=\"tooltipZIndex\"\n (click)=\"onClick.emit($event)\"\n (mouseenter)=\"updateTooltipZIndex()\"\n>\n <span *ngIf=\"iconClass\" [class]=\"iconClass\" [ngClass]=\"{ 's-button-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"label\" class=\"s-button-text\">{{ label }}</span>\n <ng-content></ng-content>\n\n <span *ngIf=\"rightIconClass\" [class]=\"rightIconClass\" [ngClass]=\"{ 's-button-right-icon': true }\" aria-hidden=\"true\"></span>\n <span *ngIf=\"caret && (model && model.length)\" class=\"fa fa-fw fa-caret-down s-button-menu-icon\" aria-hidden=\"true\"></span>\n\n\n</button>\n",
|
|
276
|
+
styles: ["button{-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;text-decoration:none;text-transform:none;vertical-align:bottom;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{padding:0 20px;height:25px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button.s-button-multiple .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;-ms-flex-align:left;align-items:left}button.s-button-with-icon .s-button-text{display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right;-ms-flex-align:right;align-items:right}.s-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:0 10px}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}button,button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button .s-button-text,button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-menu-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text{color:#fff}button.s-button-priority-primary:hover,button:hover{background-color:#2a6496}button.s-button-priority-primary:focus,button:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled),button.s-button-priority-primary:active:not(:disabled),button:active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-menu-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary.s-button-active:not(:disabled),button.s-button-priority-secondary:active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-menu-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default.s-button-active:not(:disabled),button.s-button-priority-default:active:not(:disabled){background-color:#ccc;border-color:#ccc}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-menu-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-menu-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text{color:#2a6496}button.s-button-priority-link:focus{border-color:#22dce6;background-color:transparent}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-menu-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text{color:#2a6496}button.s-button-priority-link.s-button-active:not(:disabled),button.s-button-priority-link:active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text{color:#245682}.s-button--slide.s-button-with-icon.s-button-multiple,.s-button--slide.s-button-with-text{min-width:40px}.s-button--slide .s-button-text{position:absolute;opacity:0}.s-button--slide:hover .s-button-text{transition:1s;position:relative;opacity:1}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transition:1.5s;transform:rotate(360deg)}"]
|
|
267
277
|
})
|
|
268
278
|
], ButtonComponent);
|
|
269
279
|
|