monkey-style-guide-v2 0.0.2 → 0.0.5
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/esm2022/lib/components/index.mjs +4 -1
- package/esm2022/lib/components/monkey-button/monkey-button.component.mjs +3 -3
- package/esm2022/lib/components/monkey-icon/monkey-icon.component.mjs +3 -3
- package/esm2022/lib/components/monkey-icon-button/monkey-icon-button.component.mjs +3 -3
- package/esm2022/lib/components/monkey-security-level/index.mjs +2 -0
- package/esm2022/lib/components/monkey-security-level/monkey-security-level.component.mjs +41 -0
- package/esm2022/lib/components/monkey-status/monkey-status.component.mjs +3 -3
- package/esm2022/lib/components/monkey-toggle/index.mjs +2 -0
- package/esm2022/lib/components/monkey-toggle/monkey-toggle.component.mjs +55 -0
- package/esm2022/lib/components/monkey-tooltip/index.mjs +3 -0
- package/esm2022/lib/components/monkey-tooltip/monkey-tooltip.directive.mjs +175 -0
- package/esm2022/lib/components/monkey-tooltip/tooltip/index.mjs +2 -0
- package/esm2022/lib/components/monkey-tooltip/tooltip/tooltip.component.mjs +40 -0
- package/fesm2022/monkey-style-guide-v2.mjs +311 -15
- package/fesm2022/monkey-style-guide-v2.mjs.map +1 -1
- package/lib/components/index.d.ts +3 -0
- package/lib/components/monkey-security-level/index.d.ts +1 -0
- package/lib/components/monkey-security-level/monkey-security-level.component.d.ts +9 -0
- package/lib/components/monkey-toggle/index.d.ts +1 -0
- package/lib/components/monkey-toggle/monkey-toggle.component.d.ts +12 -0
- package/lib/components/monkey-tooltip/index.d.ts +2 -0
- package/lib/components/monkey-tooltip/monkey-tooltip.directive.d.ts +30 -0
- package/lib/components/monkey-tooltip/tooltip/index.d.ts +1 -0
- package/lib/components/monkey-tooltip/tooltip/tooltip.component.d.ts +15 -0
- package/monkey-style-guide-v2-0.0.5.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-v2-0.0.2.tgz +0 -0
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
export * from './monkey-button';
|
|
2
2
|
export * from './monkey-icon';
|
|
3
3
|
export * from './monkey-icon-button';
|
|
4
|
+
export * from './monkey-security-level';
|
|
4
5
|
export * from './monkey-status';
|
|
5
|
-
|
|
6
|
+
export * from './monkey-toggle';
|
|
7
|
+
export * from './monkey-tooltip';
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb25rZXktYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LWljb24nO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktaWNvbi1idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktc2VjdXJpdHktbGV2ZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9tb25rZXktc3RhdHVzJztcbmV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LXRvZ2dsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vbmtleS10b29sdGlwJztcbiJdfQ==
|
|
@@ -20,10 +20,10 @@ export class MonkeyButtonComponent {
|
|
|
20
20
|
event.stopImmediatePropagation();
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: MonkeyButtonComponent, isStandalone: true, selector: "monkey-button-v2", inputs: { type: "type", size: "size", disabled: "disabled" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<button class=\"mecx-button\" [ngClass]=\"type + ' ' + size\" [disabled]=\"disabled\">\n <div class=\"content\">\n <ng-content select=\"[first]\"></ng-content>\n <span><ng-content></ng-content></span>\n <ng-content select=\"[last]\"></ng-content>\n </div>\n</button>\n", styles: ["monkey-button-v2{display:inline-block;margin:0 2px}monkey-button-v2 .mecx-button{width:100%;display:flex;align-items:center;border-radius:8px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}monkey-button-v2 .mecx-button .content{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;flex-shrink:0;letter-spacing:.48px;font-weight:400;transition:transform .2s cubic-bezier(0,.5,.2,1)}monkey-button-v2 .mecx-button .content span{width:100%}monkey-button-v2 .mecx-button .content .mk-i{display:flex}monkey-button-v2 .mecx-button:disabled{background:#f1f2f3!important;color:#bdc1c7!important;cursor:not-allowed!important}monkey-button-v2 .mecx-button:disabled.secondary{background:unset!important;border:1px solid #bdc1c7!important}monkey-button-v2 .mecx-button.primary{color:var(--mecx-color-theme-contrast-main);background:var(--mecx-color-theme-main)}monkey-button-v2 .mecx-button.primary:hover:not(:disabled){background:var(--mecx-color-theme-600)}monkey-button-v2 .mecx-button.secondary{border:2px solid #bdc1c7;background:unset}monkey-button-v2 .mecx-button.secondary:disabled{border-width:1px}monkey-button-v2 .mecx-button.secondary:hover:not(:disabled){color:var(--mecx-color-theme-main)}monkey-button-v2 .mecx-button.tertiary{background:unset}monkey-button-v2 .mecx-button.tertiary span{text-decoration:underline}monkey-button-v2 .mecx-button.tertiary:disabled{background:unset!important;border-width:1px}monkey-button-v2 .mecx-button.tertiary:hover:not(:disabled){color:var(--mecx-color-theme-main)}monkey-button-v2 .mecx-button.sm{height:32px}monkey-button-v2 .mecx-button.sm .mk-i{font-size:20px}monkey-button-v2 .mecx-button.md{height:40px}monkey-button-v2 .mecx-button.md .mk-i{font-size:22px}monkey-button-v2 .mecx-button.lg{height:48px;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.48px}monkey-button-v2 .mecx-button.lg .mk-i{font-size:24px}monkey-button-v2 .mecx-button.full-width{width:100%}monkey-button-v2 .mecx-button:focus{outline:2px solid var(--mecx-color-theme-main);outline-offset:1px}monkey-button-v2 .mecx-button:active:not(:disabled).primary{background:var(--mecx-color-theme-main);opacity:.8;outline:none}monkey-button-v2 .mecx-button:active:not(:disabled) .content{transform:scale(.8)}:host:has(.mecx-button:active) .mecx-button{outline:unset;outline-offset:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyButtonComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'monkey-button-v2', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<button class=\"mecx-button\" [ngClass]=\"type + ' ' + size\" [disabled]=\"disabled\">\n <div class=\"content\">\n <ng-content select=\"[first]\"></ng-content>\n <span><ng-content></ng-content></span>\n <ng-content select=\"[last]\"></ng-content>\n </div>\n</button>\n", styles: ["monkey-button-v2{display:inline-block;margin:0 2px}monkey-button-v2 .mecx-button{width:100%;display:flex;align-items:center;border-radius:8px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}monkey-button-v2 .mecx-button .content{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;flex-shrink:0;letter-spacing:.48px;font-weight:400;transition:transform .2s cubic-bezier(0,.5,.2,1)}monkey-button-v2 .mecx-button .content span{width:100%}monkey-button-v2 .mecx-button .content .mk-i{display:flex}monkey-button-v2 .mecx-button:disabled{background:#f1f2f3!important;color:#bdc1c7!important;cursor:not-allowed!important}monkey-button-v2 .mecx-button:disabled.secondary{background:unset!important;border:1px solid #bdc1c7!important}monkey-button-v2 .mecx-button.primary{color:var(--mecx-color-theme-contrast-main);background:var(--mecx-color-theme-main)}monkey-button-v2 .mecx-button.primary:hover:not(:disabled){background:var(--mecx-color-theme-600)}monkey-button-v2 .mecx-button.secondary{border:2px solid #bdc1c7;background:unset}monkey-button-v2 .mecx-button.secondary:disabled{border-width:1px}monkey-button-v2 .mecx-button.secondary:hover:not(:disabled){color:var(--mecx-color-theme-main)}monkey-button-v2 .mecx-button.tertiary{background:unset}monkey-button-v2 .mecx-button.tertiary span{text-decoration:underline}monkey-button-v2 .mecx-button.tertiary:disabled{background:unset!important;border-width:1px}monkey-button-v2 .mecx-button.tertiary:hover:not(:disabled){color:var(--mecx-color-theme-main)}monkey-button-v2 .mecx-button.sm{height:32px}monkey-button-v2 .mecx-button.sm .mk-i{font-size:20px}monkey-button-v2 .mecx-button.md{height:40px}monkey-button-v2 .mecx-button.md .mk-i{font-size:22px}monkey-button-v2 .mecx-button.lg{height:48px;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.48px}monkey-button-v2 .mecx-button.lg .mk-i{font-size:24px}monkey-button-v2 .mecx-button.full-width{width:100%}monkey-button-v2 .mecx-button:focus{outline:2px solid var(--mecx-color-theme-main);outline-offset:1px}monkey-button-v2 .mecx-button:active:not(:disabled).primary{background:var(--mecx-color-theme-main);opacity:.8;outline:none}monkey-button-v2 .mecx-button:active:not(:disabled) .content{transform:scale(.8)}:host:has(.mecx-button:active) .mecx-button{outline:unset;outline-offset:unset}\n"] }]
|
|
29
29
|
}], propDecorators: { type: [{
|
|
@@ -19,10 +19,10 @@ export class MonkeyIconComponent {
|
|
|
19
19
|
throw new Error('Icon property must be used');
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: MonkeyIconComponent, isStandalone: true, selector: "monkey-icon-v2", inputs: { icon: "icon", size: "size" }, host: { properties: { "class": "_icon+' '+size" } }, ngImport: i0, template: "", styles: ["monkey-icon-v2{display:inline-block}monkey-icon-v2.sm{font-size:20px;width:20px;height:20px}monkey-icon-v2.md{font-size:22px;width:22px;height:22px}monkey-icon-v2.lg{font-size:24px;width:24px;height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyIconComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'monkey-icon-v2', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, host: {
|
|
28
28
|
'[class]': `_icon+' '+size`
|
|
@@ -22,10 +22,10 @@ export class MonkeyIconButtonComponent {
|
|
|
22
22
|
event.stopImmediatePropagation();
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: MonkeyIconButtonComponent, isStandalone: true, selector: "monkey-icon-button-v2", inputs: { type: "type", size: "size", disabled: "disabled", icon: "icon" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<button class=\"mecx-icon-button\" [ngClass]=\"type + ' ' + size\" [disabled]=\"disabled\">\n <div class=\"content\">\n <monkey-icon-v2 [icon]=\"icon\" [size]=\"size\" first></monkey-icon-v2>\n </div>\n</button>\n", styles: ["monkey-icon-button-v2{display:inline-block;margin:0 2px}monkey-icon-button-v2 .mecx-icon-button{width:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}monkey-icon-button-v2 .mecx-icon-button .content{display:flex;align-items:center;justify-content:center;padding:12px;transition:transform .2s cubic-bezier(0,.5,.2,1)}monkey-icon-button-v2 .mecx-icon-button .content span{width:100%}monkey-icon-button-v2 .mecx-icon-button .content .mk-i{display:flex}monkey-icon-button-v2 .mecx-icon-button:disabled{background:#f1f2f3!important;color:#bdc1c7!important;cursor:not-allowed!important}monkey-icon-button-v2 .mecx-icon-button:disabled.secondary{background:unset!important;border:1px solid #bdc1c7!important}monkey-icon-button-v2 .mecx-icon-button.primary{color:var(--mecx-color-theme-contrast-main);background:var(--mecx-color-theme-main)}monkey-icon-button-v2 .mecx-icon-button.primary:hover:not(:disabled){background:var(--mecx-color-theme-600)}monkey-icon-button-v2 .mecx-icon-button.secondary{border:2px solid #bdc1c7;background:unset}monkey-icon-button-v2 .mecx-icon-button.secondary:disabled{border-width:1px}monkey-icon-button-v2 .mecx-icon-button.secondary:hover:not(:disabled){color:var(--mecx-color-theme-main)}monkey-icon-button-v2 .mecx-icon-button.tertiary{background:unset}monkey-icon-button-v2 .mecx-icon-button.tertiary span{text-decoration:underline}monkey-icon-button-v2 .mecx-icon-button.tertiary:disabled{background:unset!important;border-width:1px}monkey-icon-button-v2 .mecx-icon-button.tertiary:hover:not(:disabled){color:var(--mecx-color-theme-main)}monkey-icon-button-v2 .mecx-icon-button.sm{width:32px;height:32px}monkey-icon-button-v2 .mecx-icon-button.sm .mk-i{font-size:20px}monkey-icon-button-v2 .mecx-icon-button.md{width:40px;height:40px}monkey-icon-button-v2 .mecx-icon-button.md .mk-i{font-size:22px}monkey-icon-button-v2 .mecx-icon-button.lg{width:48px;height:48px}monkey-icon-button-v2 .mecx-icon-button.lg .mk-i{font-size:24px}monkey-icon-button-v2 .mecx-icon-button.full-width{width:100%}monkey-icon-button-v2 .mecx-icon-button:focus{outline:2px solid var(--mecx-color-theme-main);outline-offset:1px}monkey-icon-button-v2 .mecx-icon-button:active:not(:disabled).primary{background:var(--mecx-color-theme-main);opacity:.8;outline:none}monkey-icon-button-v2 .mecx-icon-button:active:not(:disabled) .content{transform:scale(.8)}:host:has(.mecx-button:active) .mecx-button{outline:unset;outline-offset:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MonkeyIconComponent, selector: "monkey-icon-v2", inputs: ["icon", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyIconButtonComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ selector: 'monkey-icon-button-v2', standalone: true, imports: [CommonModule, MonkeyIconComponent], encapsulation: ViewEncapsulation.None, template: "<button class=\"mecx-icon-button\" [ngClass]=\"type + ' ' + size\" [disabled]=\"disabled\">\n <div class=\"content\">\n <monkey-icon-v2 [icon]=\"icon\" [size]=\"size\" first></monkey-icon-v2>\n </div>\n</button>\n", styles: ["monkey-icon-button-v2{display:inline-block;margin:0 2px}monkey-icon-button-v2 .mecx-icon-button{width:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}monkey-icon-button-v2 .mecx-icon-button .content{display:flex;align-items:center;justify-content:center;padding:12px;transition:transform .2s cubic-bezier(0,.5,.2,1)}monkey-icon-button-v2 .mecx-icon-button .content span{width:100%}monkey-icon-button-v2 .mecx-icon-button .content .mk-i{display:flex}monkey-icon-button-v2 .mecx-icon-button:disabled{background:#f1f2f3!important;color:#bdc1c7!important;cursor:not-allowed!important}monkey-icon-button-v2 .mecx-icon-button:disabled.secondary{background:unset!important;border:1px solid #bdc1c7!important}monkey-icon-button-v2 .mecx-icon-button.primary{color:var(--mecx-color-theme-contrast-main);background:var(--mecx-color-theme-main)}monkey-icon-button-v2 .mecx-icon-button.primary:hover:not(:disabled){background:var(--mecx-color-theme-600)}monkey-icon-button-v2 .mecx-icon-button.secondary{border:2px solid #bdc1c7;background:unset}monkey-icon-button-v2 .mecx-icon-button.secondary:disabled{border-width:1px}monkey-icon-button-v2 .mecx-icon-button.secondary:hover:not(:disabled){color:var(--mecx-color-theme-main)}monkey-icon-button-v2 .mecx-icon-button.tertiary{background:unset}monkey-icon-button-v2 .mecx-icon-button.tertiary span{text-decoration:underline}monkey-icon-button-v2 .mecx-icon-button.tertiary:disabled{background:unset!important;border-width:1px}monkey-icon-button-v2 .mecx-icon-button.tertiary:hover:not(:disabled){color:var(--mecx-color-theme-main)}monkey-icon-button-v2 .mecx-icon-button.sm{width:32px;height:32px}monkey-icon-button-v2 .mecx-icon-button.sm .mk-i{font-size:20px}monkey-icon-button-v2 .mecx-icon-button.md{width:40px;height:40px}monkey-icon-button-v2 .mecx-icon-button.md .mk-i{font-size:22px}monkey-icon-button-v2 .mecx-icon-button.lg{width:48px;height:48px}monkey-icon-button-v2 .mecx-icon-button.lg .mk-i{font-size:24px}monkey-icon-button-v2 .mecx-icon-button.full-width{width:100%}monkey-icon-button-v2 .mecx-icon-button:focus{outline:2px solid var(--mecx-color-theme-main);outline-offset:1px}monkey-icon-button-v2 .mecx-icon-button:active:not(:disabled).primary{background:var(--mecx-color-theme-main);opacity:.8;outline:none}monkey-icon-button-v2 .mecx-icon-button:active:not(:disabled) .content{transform:scale(.8)}:host:has(.mecx-button:active) .mecx-button{outline:unset;outline-offset:unset}\n"] }]
|
|
31
31
|
}], propDecorators: { type: [{
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './monkey-security-level.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1zZWN1cml0eS1sZXZlbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb25rZXktc2VjdXJpdHktbGV2ZWwuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
**************************/
|
|
6
|
+
import { CommonModule } from '@angular/common';
|
|
7
|
+
import { Component, HostBinding, input } from '@angular/core';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@angular/common";
|
|
10
|
+
export class MonkeySecurityLevelComponent {
|
|
11
|
+
constructor() {
|
|
12
|
+
this.score = input.required();
|
|
13
|
+
this.label = input();
|
|
14
|
+
this.strengthLabel = input();
|
|
15
|
+
}
|
|
16
|
+
get class() {
|
|
17
|
+
if (this.score() === 0) {
|
|
18
|
+
return 'empty';
|
|
19
|
+
}
|
|
20
|
+
if (this.score() < 300) {
|
|
21
|
+
return 'weak';
|
|
22
|
+
}
|
|
23
|
+
if (this.score() >= 300 && this.score() < 800) {
|
|
24
|
+
return 'medium';
|
|
25
|
+
}
|
|
26
|
+
if (this.score() >= 800 && this.score() < 1000) {
|
|
27
|
+
return 'strong';
|
|
28
|
+
}
|
|
29
|
+
return 'very-strong';
|
|
30
|
+
}
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeySecurityLevelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.4", type: MonkeySecurityLevelComponent, isStandalone: true, selector: "monkey-security-level", inputs: { score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, strengthLabel: { classPropertyName: "strengthLabel", publicName: "strengthLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"body\">\n <div>\n <span data-testid=\"label\" *ngIf=\"label() as lb\">\n {{ lb }}\n </span>\n <span data-testid=\"str-label\" class=\"level-info\" *ngIf=\"strengthLabel() as strLabel\">\n {{ strLabel }}\n </span>\n </div>\n <div class=\"bar\"></div>\n</div>\n", styles: [":host{display:flex;align-items:center;gap:8px;width:100%}:host span{color:#545a63;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px}:host .level-info{color:#1f2024;margin-left:24px;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px}:host .body{display:flex;flex-direction:column;align-items:baseline;width:100%}:host .bar{height:4px;width:100%;max-width:426px;border-radius:8px;background:#d3d6da;position:relative;overflow:hidden}:host .bar:before{content:\"\";display:block;position:absolute;height:100%;left:0;top:0;transition:all 1s}:host.very-strong .bar:before{background:#00875a;width:100%}:host.strong .bar:before{background:#00875a;width:80%}:host.medium .bar:before{background:#efa30e;width:66%}:host.weak .bar:before{background:#db0505;width:33%}:host.empty .bar:before{background:#db0505;width:0%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
33
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeySecurityLevelComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'monkey-security-level', standalone: true, imports: [CommonModule], template: "<div class=\"body\">\n <div>\n <span data-testid=\"label\" *ngIf=\"label() as lb\">\n {{ lb }}\n </span>\n <span data-testid=\"str-label\" class=\"level-info\" *ngIf=\"strengthLabel() as strLabel\">\n {{ strLabel }}\n </span>\n </div>\n <div class=\"bar\"></div>\n</div>\n", styles: [":host{display:flex;align-items:center;gap:8px;width:100%}:host span{color:#545a63;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px}:host .level-info{color:#1f2024;margin-left:24px;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.42px}:host .body{display:flex;flex-direction:column;align-items:baseline;width:100%}:host .bar{height:4px;width:100%;max-width:426px;border-radius:8px;background:#d3d6da;position:relative;overflow:hidden}:host .bar:before{content:\"\";display:block;position:absolute;height:100%;left:0;top:0;transition:all 1s}:host.very-strong .bar:before{background:#00875a;width:100%}:host.strong .bar:before{background:#00875a;width:80%}:host.medium .bar:before{background:#efa30e;width:66%}:host.weak .bar:before{background:#db0505;width:33%}:host.empty .bar:before{background:#db0505;width:0%}\n"] }]
|
|
37
|
+
}], propDecorators: { class: [{
|
|
38
|
+
type: HostBinding,
|
|
39
|
+
args: ['class']
|
|
40
|
+
}] } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LXNlY3VyaXR5LWxldmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS12Mi9zcmMvbGliL2NvbXBvbmVudHMvbW9ua2V5LXNlY3VyaXR5LWxldmVsL21vbmtleS1zZWN1cml0eS1sZXZlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS1zZWN1cml0eS1sZXZlbC9tb25rZXktc2VjdXJpdHktbGV2ZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7NEJBSTRCO0FBQzVCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVM5RCxNQUFNLE9BQU8sNEJBQTRCO0lBUHpDO1FBUUUsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUNqQyxVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDeEIsa0JBQWEsR0FBRyxLQUFLLEVBQVUsQ0FBQztLQWtCakM7SUFoQkMsSUFDVyxLQUFLO1FBQ2QsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDdkIsT0FBTyxPQUFPLENBQUM7UUFDakIsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLEdBQUcsRUFBRSxDQUFDO1lBQ3ZCLE9BQU8sTUFBTSxDQUFDO1FBQ2hCLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLEdBQUcsRUFBRSxDQUFDO1lBQzlDLE9BQU8sUUFBUSxDQUFDO1FBQ2xCLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLElBQUksRUFBRSxDQUFDO1lBQy9DLE9BQU8sUUFBUSxDQUFDO1FBQ2xCLENBQUM7UUFDRCxPQUFPLGFBQWEsQ0FBQztJQUN2QixDQUFDOzhHQXBCVSw0QkFBNEI7a0dBQTVCLDRCQUE0Qiw2Z0JDZnpDLDJTQVdBLDY2QkRBWSxZQUFZOzsyRkFJWCw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFVWixLQUFLO3NCQURmLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbIi8qKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogQ29weXJpZ2h0IE1vbmtleSBFeGNoYW5nZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZFxuICogVGhpcyBzdHlsZSBndWlkZSB3YXMgZGV2ZWxvcGVkIGJ5IE1vbmtleSBFeGNoYW5nZSBUZWFtXG4gKiBNSVQgTGljZW5jZVxuICoqKioqKioqKioqKioqKioqKioqKioqKioqL1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleS1zZWN1cml0eS1sZXZlbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9ua2V5LXNlY3VyaXR5LWxldmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL21vbmtleS1zZWN1cml0eS1sZXZlbC5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5U2VjdXJpdHlMZXZlbENvbXBvbmVudCB7XG4gIHNjb3JlID0gaW5wdXQucmVxdWlyZWQ8bnVtYmVyPigpO1xuICBsYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcbiAgc3RyZW5ndGhMYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGdldCBjbGFzcygpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLnNjb3JlKCkgPT09IDApIHtcbiAgICAgIHJldHVybiAnZW1wdHknO1xuICAgIH1cbiAgICBpZiAodGhpcy5zY29yZSgpIDwgMzAwKSB7XG4gICAgICByZXR1cm4gJ3dlYWsnO1xuICAgIH1cbiAgICBpZiAodGhpcy5zY29yZSgpID49IDMwMCAmJiB0aGlzLnNjb3JlKCkgPCA4MDApIHtcbiAgICAgIHJldHVybiAnbWVkaXVtJztcbiAgICB9XG4gICAgaWYgKHRoaXMuc2NvcmUoKSA+PSA4MDAgJiYgdGhpcy5zY29yZSgpIDwgMTAwMCkge1xuICAgICAgcmV0dXJuICdzdHJvbmcnO1xuICAgIH1cbiAgICByZXR1cm4gJ3Zlcnktc3Ryb25nJztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJvZHlcIj5cbiAgPGRpdj5cbiAgICA8c3BhbiBkYXRhLXRlc3RpZD1cImxhYmVsXCIgKm5nSWY9XCJsYWJlbCgpIGFzIGxiXCI+XG4gICAgICB7eyBsYiB9fVxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiBkYXRhLXRlc3RpZD1cInN0ci1sYWJlbFwiIGNsYXNzPVwibGV2ZWwtaW5mb1wiICpuZ0lmPVwic3RyZW5ndGhMYWJlbCgpIGFzIHN0ckxhYmVsXCI+XG4gICAgICB7eyBzdHJMYWJlbCB9fVxuICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJiYXJcIj48L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -16,10 +16,10 @@ export class MonkeyStatusComponent {
|
|
|
16
16
|
get class() {
|
|
17
17
|
return `${this.type()} ${this.size()}`;
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.4", type: MonkeyStatusComponent, isStandalone: true, selector: "monkey-status", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<div class=\"status\"></div>\n<span *ngIf=\"label() as lb\">\n {{ lb }}\n</span>\n", styles: [":host{display:flex;align-items:center;gap:8px}:host span{color:#545a63;font-style:normal;font-weight:400;line-height:24px}:host .status{width:8px;height:8px;border-radius:50%;flex-shrink:0}:host.sm span{font-size:14px;letter-spacing:.42px}:host.sm .status{height:8px;width:8px}:host.md span{font-size:16px;letter-spacing:.48px}:host.md .status{height:12px;width:12px}:host.lg span{font-size:18px;letter-spacing:.52px}:host.lg .status{height:16px;width:16px}:host.default .status{background-color:#d3d6da}:host.success .status{background-color:#00875a}:host.warning .status{background-color:#efa30e}:host.error .status{background-color:#db0505}:host.question .status{background-color:#8d38fa}:host.info .status{background-color:#003687}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyStatusComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'monkey-status', standalone: true, imports: [CommonModule], template: "<div class=\"status\"></div>\n<span *ngIf=\"label() as lb\">\n {{ lb }}\n</span>\n", styles: [":host{display:flex;align-items:center;gap:8px}:host span{color:#545a63;font-style:normal;font-weight:400;line-height:24px}:host .status{width:8px;height:8px;border-radius:50%;flex-shrink:0}:host.sm span{font-size:14px;letter-spacing:.42px}:host.sm .status{height:8px;width:8px}:host.md span{font-size:16px;letter-spacing:.48px}:host.md .status{height:12px;width:12px}:host.lg span{font-size:18px;letter-spacing:.52px}:host.lg .status{height:16px;width:16px}:host.default .status{background-color:#d3d6da}:host.success .status{background-color:#00875a}:host.warning .status{background-color:#efa30e}:host.error .status{background-color:#db0505}:host.question .status{background-color:#8d38fa}:host.info .status{background-color:#003687}\n"] }]
|
|
25
25
|
}], propDecorators: { class: [{
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './monkey-toggle.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class MonkeyToggleComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.disabled = false;
|
|
8
|
+
this.size = 'md';
|
|
9
|
+
this.onChange = new EventEmitter();
|
|
10
|
+
this._checked = false;
|
|
11
|
+
}
|
|
12
|
+
set value(_) {
|
|
13
|
+
if (typeof _ === 'string') {
|
|
14
|
+
this._checked = _ === 'true';
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
this._checked = _;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
onClick(event) {
|
|
21
|
+
event.preventDefault();
|
|
22
|
+
event.stopPropagation();
|
|
23
|
+
event.stopImmediatePropagation();
|
|
24
|
+
if (!this.disabled) {
|
|
25
|
+
this.onChange.next(!this._checked);
|
|
26
|
+
this._checked = !this._checked;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: MonkeyToggleComponent, isStandalone: true, selector: "monkey-toggle-v2", inputs: { disabled: "disabled", size: "size", value: "value" }, outputs: { onChange: "onChange" }, host: { attributes: { "data-testid": "input-toggle" }, listeners: { "click": "onClick($event)" }, properties: { "class.disabled": "this.disabled", "class": "this.size" } }, ngImport: i0, template: "<input type=\"checkbox\" [checked]=\"_checked\" />\n<div class=\"slider\" [ngClass]=\"{ checked: _checked }\"></div>\n", styles: [":host{position:relative;display:inline-block}:host input{display:none}:host.disabled{box-shadow:none;pointer-events:none;opacity:.2}:host.lg{width:88px;height:48px}:host.lg input:checked+.checked:before{left:calc(100% - 42px)}:host.lg .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.lg .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:40px;width:40px}:host.lg .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.lg .slider.checked:before{background-color:#00875a}:host.md{width:72px;height:40px}:host.md input:checked+.checked:before{left:calc(100% - 34px)}:host.md .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.md .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:32px;width:32px}:host.md .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.md .slider.checked:before{background-color:#00875a}:host.sm{width:56px;height:32px}:host.sm input:checked+.checked:before{left:calc(100% - 26px)}:host.sm .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.sm .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:24px;width:24px}:host.sm .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.sm .slider.checked:before{background-color:#00875a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyToggleComponent, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{ selector: 'monkey-toggle-v2', standalone: true, imports: [CommonModule], host: {
|
|
35
|
+
'data-testid': 'input-toggle'
|
|
36
|
+
}, template: "<input type=\"checkbox\" [checked]=\"_checked\" />\n<div class=\"slider\" [ngClass]=\"{ checked: _checked }\"></div>\n", styles: [":host{position:relative;display:inline-block}:host input{display:none}:host.disabled{box-shadow:none;pointer-events:none;opacity:.2}:host.lg{width:88px;height:48px}:host.lg input:checked+.checked:before{left:calc(100% - 42px)}:host.lg .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.lg .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:40px;width:40px}:host.lg .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.lg .slider.checked:before{background-color:#00875a}:host.md{width:72px;height:40px}:host.md input:checked+.checked:before{left:calc(100% - 34px)}:host.md .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.md .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:32px;width:32px}:host.md .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.md .slider.checked:before{background-color:#00875a}:host.sm{width:56px;height:32px}:host.sm input:checked+.checked:before{left:calc(100% - 26px)}:host.sm .slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:all .4s ease;background-color:#f8fafb;border:2px solid #bdc1c7}:host.sm .slider:before{position:absolute;content:\"\";bottom:2px;transition:.4s;border-radius:50%;background-color:#1f2024;left:2px;height:24px;width:24px}:host.sm .slider.checked{background-color:#ebfff8;border:2px solid #00875a}:host.sm .slider.checked:before{background-color:#00875a}\n"] }]
|
|
37
|
+
}], propDecorators: { disabled: [{
|
|
38
|
+
type: HostBinding,
|
|
39
|
+
args: ['class.disabled']
|
|
40
|
+
}, {
|
|
41
|
+
type: Input
|
|
42
|
+
}], size: [{
|
|
43
|
+
type: HostBinding,
|
|
44
|
+
args: ['class']
|
|
45
|
+
}, {
|
|
46
|
+
type: Input
|
|
47
|
+
}], onChange: [{
|
|
48
|
+
type: Output
|
|
49
|
+
}], value: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], onClick: [{
|
|
52
|
+
type: HostListener,
|
|
53
|
+
args: ['click', ['$event']]
|
|
54
|
+
}] } });
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUvbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b2dnbGUvbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFZbEcsTUFBTSxPQUFPLHFCQUFxQjtJQVZsQztRQVcwQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBSXpELFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBRXRCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBVTdDLGFBQVEsR0FBWSxLQUFLLENBQUM7S0FhM0I7SUFyQkMsSUFBYSxLQUFLLENBQUMsQ0FBNkI7UUFDOUMsSUFBSSxPQUFPLENBQUMsS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsS0FBSyxNQUFNLENBQUM7UUFDL0IsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztRQUNwQixDQUFDO0lBQ0gsQ0FBQztJQUtELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFFakMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQzs4R0E3QlUscUJBQXFCO2tHQUFyQixxQkFBcUIsNFZDYmxDLHdIQUVBLDh2RERJWSxZQUFZOzsyRkFPWCxxQkFBcUI7a0JBVmpDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxRQUdqQjt3QkFDSixhQUFhLEVBQUUsY0FBYztxQkFDOUI7OEJBR3VDLFFBQVE7c0JBQS9DLFdBQVc7dUJBQUMsZ0JBQWdCOztzQkFBRyxLQUFLO2dCQUlyQyxJQUFJO3NCQUZILFdBQVc7dUJBQUMsT0FBTzs7c0JBQ25CLEtBQUs7Z0JBR0ksUUFBUTtzQkFBakIsTUFBTTtnQkFFTSxLQUFLO3NCQUFqQixLQUFLO2dCQVdOLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9ua2V5LXRvZ2dsZS12MicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9ua2V5LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9tb25rZXktdG9nZ2xlLmNvbXBvbmVudC5zY3NzJyxcbiAgaG9zdDoge1xuICAgICdkYXRhLXRlc3RpZCc6ICdpbnB1dC10b2dnbGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5VG9nZ2xlQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIEBJbnB1dCgpXG4gIHNpemU6ICdsZycgfCAnbWQnIHwgJ3NtJyA9ICdtZCc7XG5cbiAgQE91dHB1dCgpIG9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQElucHV0KCkgc2V0IHZhbHVlKF86IGJvb2xlYW4gfCAndHJ1ZScgfCAnZmFsc2UnKSB7XG4gICAgaWYgKHR5cGVvZiBfID09PSAnc3RyaW5nJykge1xuICAgICAgdGhpcy5fY2hlY2tlZCA9IF8gPT09ICd0cnVlJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fY2hlY2tlZCA9IF87XG4gICAgfVxuICB9XG5cbiAgX2NoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIG9uQ2xpY2soZXZlbnQ6IGFueSkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XG5cbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UubmV4dCghdGhpcy5fY2hlY2tlZCk7XG4gICAgICB0aGlzLl9jaGVja2VkID0gIXRoaXMuX2NoZWNrZWQ7XG4gICAgfVxuICB9XG59XG4iLCI8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgW2NoZWNrZWRdPVwiX2NoZWNrZWRcIiAvPlxuPGRpdiBjbGFzcz1cInNsaWRlclwiIFtuZ0NsYXNzXT1cInsgY2hlY2tlZDogX2NoZWNrZWQgfVwiPjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './monkey-tooltip.directive';
|
|
2
|
+
export * from './tooltip';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b29sdGlwL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxXQUFXLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL21vbmtleS10b29sdGlwLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2x0aXAnO1xuIl19
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import { DOCUMENT } from '@angular/common';
|
|
2
|
+
import { booleanAttribute, Directive, Inject, Input, TemplateRef } from '@angular/core';
|
|
3
|
+
import { MonkeyTooltipComponent } from './tooltip';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class MonkeyTooltipDirective {
|
|
6
|
+
constructor(viewContainerRef, elementRef, appRef, document) {
|
|
7
|
+
this.viewContainerRef = viewContainerRef;
|
|
8
|
+
this.elementRef = elementRef;
|
|
9
|
+
this.appRef = appRef;
|
|
10
|
+
this.document = document;
|
|
11
|
+
this.enabled = true;
|
|
12
|
+
this.offset = 8;
|
|
13
|
+
// to do not
|
|
14
|
+
}
|
|
15
|
+
setBounds() {
|
|
16
|
+
this.tooltipComponent.hostView.detectChanges();
|
|
17
|
+
this.bounds = {
|
|
18
|
+
elBounds: this.elementRef.nativeElement.getBoundingClientRect(),
|
|
19
|
+
tooltipBounds: this.tooltipComponent?.location.nativeElement.getBoundingClientRect(),
|
|
20
|
+
scroll: document.documentElement.scrollTop || document.body.scrollTop || 0,
|
|
21
|
+
viewport: {
|
|
22
|
+
width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
|
|
23
|
+
height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
createTooltip() {
|
|
28
|
+
this.tooltipComponent = this.viewContainerRef.createComponent(MonkeyTooltipComponent);
|
|
29
|
+
this.document.body.appendChild(this.tooltipComponent.location.nativeElement);
|
|
30
|
+
if (this.tooltipText instanceof TemplateRef) {
|
|
31
|
+
this.tooltipComponent.instance.template = this.tooltipText;
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
this.tooltipComponent.instance.text = this.tooltipText;
|
|
35
|
+
}
|
|
36
|
+
this.setBounds();
|
|
37
|
+
this.positionTooltip(this.tooltipPosition);
|
|
38
|
+
}
|
|
39
|
+
positionTooltip(position) {
|
|
40
|
+
switch (position) {
|
|
41
|
+
case 'left':
|
|
42
|
+
this.positionLeft();
|
|
43
|
+
if (this.isOutOfBounds()) {
|
|
44
|
+
this.positionRight();
|
|
45
|
+
if (this.isOutOfBounds()) {
|
|
46
|
+
this.positionBottom();
|
|
47
|
+
if (this.isOutOfBounds()) {
|
|
48
|
+
this.positionTop();
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
break;
|
|
53
|
+
case 'right':
|
|
54
|
+
this.positionRight();
|
|
55
|
+
if (this.isOutOfBounds()) {
|
|
56
|
+
this.positionLeft();
|
|
57
|
+
if (this.isOutOfBounds()) {
|
|
58
|
+
this.positionBottom();
|
|
59
|
+
if (this.isOutOfBounds()) {
|
|
60
|
+
this.positionTop();
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
break;
|
|
65
|
+
case 'top':
|
|
66
|
+
this.positionTop();
|
|
67
|
+
if (this.isOutOfBounds()) {
|
|
68
|
+
this.positionBottom();
|
|
69
|
+
if (this.isOutOfBounds()) {
|
|
70
|
+
this.positionRight();
|
|
71
|
+
if (this.isOutOfBounds()) {
|
|
72
|
+
this.positionLeft();
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
break;
|
|
77
|
+
case 'bottom':
|
|
78
|
+
this.positionBottom();
|
|
79
|
+
if (this.isOutOfBounds()) {
|
|
80
|
+
this.positionTop();
|
|
81
|
+
if (this.isOutOfBounds()) {
|
|
82
|
+
this.positionRight();
|
|
83
|
+
if (this.isOutOfBounds()) {
|
|
84
|
+
this.positionLeft();
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
break;
|
|
89
|
+
default:
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
isOutOfBounds() {
|
|
93
|
+
const { tooltipBounds, viewport } = this.bounds;
|
|
94
|
+
return (tooltipBounds.left < 0 ||
|
|
95
|
+
tooltipBounds.top < 0 ||
|
|
96
|
+
tooltipBounds.left + tooltipBounds.width > viewport.width ||
|
|
97
|
+
tooltipBounds.top + tooltipBounds.height > viewport.height);
|
|
98
|
+
}
|
|
99
|
+
positionLeft() {
|
|
100
|
+
const { elBounds, tooltipBounds, scroll } = this.bounds;
|
|
101
|
+
this.tooltipComponent.instance.left = elBounds.left - tooltipBounds.width - this.offset;
|
|
102
|
+
this.tooltipComponent.instance.top = scroll + (elBounds.top + elBounds.height / 2);
|
|
103
|
+
this.tooltipComponent.location.nativeElement.style.transform = 'translateY(-50%)';
|
|
104
|
+
this.setBounds();
|
|
105
|
+
}
|
|
106
|
+
positionRight() {
|
|
107
|
+
const { elBounds, scroll } = this.bounds;
|
|
108
|
+
this.tooltipComponent.instance.left = elBounds.right + this.offset;
|
|
109
|
+
this.tooltipComponent.instance.top = scroll + (elBounds.top + elBounds.height / 2);
|
|
110
|
+
this.tooltipComponent.location.nativeElement.style.transform = 'translateY(-50%)';
|
|
111
|
+
this.setBounds();
|
|
112
|
+
}
|
|
113
|
+
positionTop() {
|
|
114
|
+
const { elBounds, tooltipBounds, scroll } = this.bounds;
|
|
115
|
+
this.tooltipComponent.instance.left = elBounds.left + elBounds.width / 2;
|
|
116
|
+
this.tooltipComponent.instance.top =
|
|
117
|
+
scroll + elBounds.top - tooltipBounds.height - this.offset;
|
|
118
|
+
this.tooltipComponent.location.nativeElement.style.transform = 'translateX(-50%)';
|
|
119
|
+
this.setBounds();
|
|
120
|
+
}
|
|
121
|
+
positionBottom() {
|
|
122
|
+
const { elBounds, scroll } = this.bounds;
|
|
123
|
+
this.tooltipComponent.instance.left = elBounds.left + elBounds.width / 2;
|
|
124
|
+
this.tooltipComponent.instance.top = scroll + elBounds.bottom + this.offset;
|
|
125
|
+
this.tooltipComponent.location.nativeElement.style.transform = 'translateX(-50%)';
|
|
126
|
+
this.setBounds();
|
|
127
|
+
}
|
|
128
|
+
show() {
|
|
129
|
+
if (!this.enabled || this.tooltipComponent) {
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
this.createTooltip();
|
|
133
|
+
}
|
|
134
|
+
hide() {
|
|
135
|
+
if (!this.tooltipComponent) {
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
this.tooltipComponent.instance.close();
|
|
139
|
+
const subscribe = this.tooltipComponent.instance.afterClose.subscribe(() => {
|
|
140
|
+
if (!this.tooltipComponent) {
|
|
141
|
+
return;
|
|
142
|
+
}
|
|
143
|
+
this.appRef.detachView(this.tooltipComponent.hostView);
|
|
144
|
+
this.tooltipComponent.destroy();
|
|
145
|
+
this.tooltipComponent = undefined;
|
|
146
|
+
subscribe.unsubscribe();
|
|
147
|
+
});
|
|
148
|
+
}
|
|
149
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyTooltipDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
150
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.4", type: MonkeyTooltipDirective, isStandalone: true, selector: "[monkeyTooltip]", inputs: { tooltipText: ["monkeyTooltip", "tooltipText"], tooltipPosition: "tooltipPosition", enabled: ["enabled", "enabled", booleanAttribute] }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()", "click": "hide()" } }, ngImport: i0 }); }
|
|
151
|
+
}
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyTooltipDirective, decorators: [{
|
|
153
|
+
type: Directive,
|
|
154
|
+
args: [{
|
|
155
|
+
selector: '[monkeyTooltip]',
|
|
156
|
+
standalone: true,
|
|
157
|
+
host: {
|
|
158
|
+
'(mouseenter)': 'show()',
|
|
159
|
+
'(mouseleave)': 'hide()',
|
|
160
|
+
'(click)': 'hide()'
|
|
161
|
+
}
|
|
162
|
+
}]
|
|
163
|
+
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: Document, decorators: [{
|
|
164
|
+
type: Inject,
|
|
165
|
+
args: [DOCUMENT]
|
|
166
|
+
}] }], propDecorators: { tooltipText: [{
|
|
167
|
+
type: Input,
|
|
168
|
+
args: ['monkeyTooltip']
|
|
169
|
+
}], tooltipPosition: [{
|
|
170
|
+
type: Input
|
|
171
|
+
}], enabled: [{
|
|
172
|
+
type: Input,
|
|
173
|
+
args: [{ transform: booleanAttribute }]
|
|
174
|
+
}] } });
|
|
175
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ua2V5LXRvb2x0aXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlLXYyL3NyYy9saWIvY29tcG9uZW50cy9tb25rZXktdG9vbHRpcC9tb25rZXktdG9vbHRpcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFFTCxnQkFBZ0IsRUFFaEIsU0FBUyxFQUVULE1BQU0sRUFDTixLQUFLLEVBQ0wsV0FBVyxFQUVaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7QUFhbkQsTUFBTSxPQUFPLHNCQUFzQjtJQWtCakMsWUFDVSxnQkFBa0MsRUFDbEMsVUFBc0IsRUFDdEIsTUFBc0IsRUFDSixRQUFrQjtRQUhwQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsV0FBTSxHQUFOLE1BQU0sQ0FBZ0I7UUFDSixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBakJOLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFFL0MsV0FBTSxHQUFHLENBQUMsQ0FBQztRQWlCakIsWUFBWTtJQUNkLENBQUM7SUFFTyxTQUFTO1FBQ2YsSUFBSSxDQUFDLGdCQUFpQixDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNoRCxJQUFJLENBQUMsTUFBTSxHQUFHO1lBQ1osUUFBUSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFO1lBQy9ELGFBQWEsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsUUFBUSxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRTtZQUNwRixNQUFNLEVBQUUsUUFBUSxDQUFDLGVBQWUsQ0FBQyxTQUFT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QkFBaUIsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsU0FBUyxDQUFDO1lBQ2xDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBaExVLHNCQUFzQiwwR0FzQnZCLFFBQVE7a0dBdEJQLHNCQUFzQixnTEFLYixnQkFBZ0I7OzJGQUx6QixzQkFBc0I7a0JBVGxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDSixjQUFjLEVBQUUsUUFBUTt3QkFDeEIsY0FBYyxFQUFFLFFBQVE7d0JBQ3hCLFNBQVMsRUFBRSxRQUFRO3FCQUNwQjtpQkFDRjs7MEJBdUJJLE1BQU07MkJBQUMsUUFBUTt5Q0FyQk0sV0FBVztzQkFBbEMsS0FBSzt1QkFBQyxlQUFlO2dCQUViLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRWtDLE9BQU87c0JBQTlDLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBcHBsaWNhdGlvblJlZixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgQ29tcG9uZW50UmVmLFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q29udGFpbmVyUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9ua2V5VG9vbHRpcENvbXBvbmVudCB9IGZyb20gJy4vdG9vbHRpcCc7XG5cbnR5cGUgUG9zaXRpb24gPSAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JyB8IHVuZGVmaW5lZDtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW21vbmtleVRvb2x0aXBdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgICcobW91c2VlbnRlciknOiAnc2hvdygpJyxcbiAgICAnKG1vdXNlbGVhdmUpJzogJ2hpZGUoKScsXG4gICAgJyhjbGljayknOiAnaGlkZSgpJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleVRvb2x0aXBEaXJlY3RpdmUge1xuICBASW5wdXQoJ21vbmtleVRvb2x0aXAnKSB0b29sdGlwVGV4dDogc3RyaW5nIHwgVGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+IHwgdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgpIHRvb2x0aXBQb3NpdGlvbjogUG9zaXRpb247XG5cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGVuYWJsZWQgPSB0cnVlO1xuXG4gIHByaXZhdGUgb2Zmc2V0ID0gODtcblxuICBwcml2YXRlIHRvb2x0aXBDb21wb25lbnQ/OiBDb21wb25lbnRSZWY8TW9ua2V5VG9vbHRpcENvbXBvbmVudD47XG5cbiAgcHJpdmF0ZSBib3VuZHMhOiB7XG4gICAgZWxCb3VuZHM6IERPTVJlY3Q7XG4gICAgdG9vbHRpcEJvdW5kczogRE9NUmVjdDtcbiAgICBzY3JvbGw6IG51bWJlcjtcbiAgICB2aWV3cG9ydDogeyB3aWR0aDogbnVtYmVyOyBoZWlnaHQ6IG51bWJlciB9O1xuICB9O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSBhcHBSZWY6IEFwcGxpY2F0aW9uUmVmLFxuICAgIEBJbmplY3QoRE9DVU1FTlQpIHByaXZhdGUgZG9jdW1lbnQ6IERvY3VtZW50XG4gICkge1xuICAgIC8vIHRvIGRvIG5vdFxuICB9XG5cbiAgcHJpdmF0ZSBzZXRCb3VuZHMoKSB7XG4gICAgdGhpcy50b29sdGlwQ29tcG9uZW50IS5ob3N0Vmlldy5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgdGhpcy5ib3VuZHMgPSB7XG4gICAgICBlbEJvdW5kczogdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCksXG4gICAgICB0b29sdGlwQm91bmRzOiB0aGlzLnRvb2x0aXBDb21wb25lbnQ/LmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCksXG4gICAgICBzY3JvbGw6IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgfHwgZG9jdW1lbnQuYm9keS5zY3JvbGxUb3AgfHwgMCxcbiAgICAgIHZpZXdwb3J0OiB7XG4gICAgICAgIHdpZHRoOlxuICAgICAgICAgIHdpbmRvdy5pbm5lcldpZHRoIHx8IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRXaWR0aCB8fCBkb2N1bWVudC5ib2R5LmNsaWVudFdpZHRoLFxuICAgICAgICBoZWlnaHQ6XG4gICAgICAgICAgd2luZG93LmlubmVySGVpZ2h0IHx8IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRIZWlnaHQgfHwgZG9jdW1lbnQuYm9keS5jbGllbnRIZWlnaHRcbiAgICAgIH1cbiAgICB9O1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVUb29sdGlwKCkge1xuICAgIHRoaXMudG9vbHRpcENvbXBvbmVudCA9IHRoaXMudmlld0NvbnRhaW5lclJlZi5jcmVhdGVDb21wb25lbnQoTW9ua2V5VG9vbHRpcENvbXBvbmVudCk7XG4gICAgdGhpcy5kb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKHRoaXMudG9vbHRpcENvbXBvbmVudC5sb2NhdGlvbi5uYXRpdmVFbGVtZW50KTtcblxuICAgIGlmICh0aGlzLnRvb2x0aXBUZXh0IGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcbiAgICAgIHRoaXMudG9vbHRpcENvbXBvbmVudC5pbnN0YW5jZS50ZW1wbGF0ZSA9IHRoaXMudG9vbHRpcFRleHQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudG9vbHRpcENvbXBvbmVudC5pbnN0YW5jZS50ZXh0ID0gdGhpcy50b29sdGlwVGV4dDtcbiAgICB9XG4gICAgdGhpcy5zZXRCb3VuZHMoKTtcblxuICAgIHRoaXMucG9zaXRpb25Ub29sdGlwKHRoaXMudG9vbHRpcFBvc2l0aW9uKTtcbiAgfVxuXG4gIHByaXZhdGUgcG9zaXRpb25Ub29sdGlwKHBvc2l0aW9uOiBQb3NpdGlvbikge1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgIGNhc2UgJ2xlZnQnOlxuICAgICAgICB0aGlzLnBvc2l0aW9uTGVmdCgpO1xuICAgICAgICBpZiAodGhpcy5pc091dE9mQm91bmRzKCkpIHtcbiAgICAgICAgICB0aGlzLnBvc2l0aW9uUmlnaHQoKTtcbiAgICAgICAgICBpZiAodGhpcy5pc091dE9mQm91bmRzKCkpIHtcbiAgICAgICAgICAgIHRoaXMucG9zaXRpb25Cb3R0b20oKTtcbiAgICAgICAgICAgIGlmICh0aGlzLmlzT3V0T2ZCb3VuZHMoKSkge1xuICAgICAgICAgICAgICB0aGlzLnBvc2l0aW9uVG9wKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAncmlnaHQnOlxuICAgICAgICB0aGlzLnBvc2l0aW9uUmlnaHQoKTtcbiAgICAgICAgaWYgKHRoaXMuaXNPdXRPZkJvdW5kcygpKSB7XG4gICAgICAgICAgdGhpcy5wb3NpdGlvbkxlZnQoKTtcbiAgICAgICAgICBpZiAodGhpcy5pc091dE9mQm91bmRzKCkpIHtcbiAgICAgICAgICAgIHRoaXMucG9zaXRpb25Cb3R0b20oKTtcbiAgICAgICAgICAgIGlmICh0aGlzLmlzT3V0T2ZCb3VuZHMoKSkge1xuICAgICAgICAgICAgICB0aGlzLnBvc2l0aW9uVG9wKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAndG9wJzpcbiAgICAgICAgdGhpcy5wb3NpdGlvblRvcCgpO1xuICAgICAgICBpZiAodGhpcy5pc091dE9mQm91bmRzKCkpIHtcbiAgICAgICAgICB0aGlzLnBvc2l0aW9uQm90dG9tKCk7XG4gICAgICAgICAgaWYgKHRoaXMuaXNPdXRPZkJvdW5kcygpKSB7XG4gICAgICAgICAgICB0aGlzLnBvc2l0aW9uUmlnaHQoKTtcbiAgICAgICAgICAgIGlmICh0aGlzLmlzT3V0T2ZCb3VuZHMoKSkge1xuICAgICAgICAgICAgICB0aGlzLnBvc2l0aW9uTGVmdCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICAgIHRoaXMucG9zaXRpb25Cb3R0b20oKTtcbiAgICAgICAgaWYgKHRoaXMuaXNPdXRPZkJvdW5kcygpKSB7XG4gICAgICAgICAgdGhpcy5wb3NpdGlvblRvcCgpO1xuICAgICAgICAgIGlmICh0aGlzLmlzT3V0T2ZCb3VuZHMoKSkge1xuICAgICAgICAgICAgdGhpcy5wb3NpdGlvblJpZ2h0KCk7XG4gICAgICAgICAgICBpZiAodGhpcy5pc091dE9mQm91bmRzKCkpIHtcbiAgICAgICAgICAgICAgdGhpcy5wb3NpdGlvbkxlZnQoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgaXNPdXRPZkJvdW5kcygpIHtcbiAgICBjb25zdCB7IHRvb2x0aXBCb3VuZHMsIHZpZXdwb3J0IH0gPSB0aGlzLmJvdW5kcztcblxuICAgIHJldHVybiAoXG4gICAgICB0b29sdGlwQm91bmRzLmxlZnQgPCAwIHx8XG4gICAgICB0b29sdGlwQm91bmRzLnRvcCA8IDAgfHxcbiAgICAgIHRvb2x0aXBCb3VuZHMubGVmdCArIHRvb2x0aXBCb3VuZHMud2lkdGggPiB2aWV3cG9ydC53aWR0aCB8fFxuICAgICAgdG9vbHRpcEJvdW5kcy50b3AgKyB0b29sdGlwQm91bmRzLmhlaWdodCA+IHZpZXdwb3J0LmhlaWdodFxuICAgICk7XG4gIH1cblxuICBwcml2YXRlIHBvc2l0aW9uTGVmdCgpIHtcbiAgICBjb25zdCB7IGVsQm91bmRzLCB0b29sdGlwQm91bmRzLCBzY3JvbGwgfSA9IHRoaXMuYm91bmRzO1xuICAgIHRoaXMudG9vbHRpcENvbXBvbmVudCEuaW5zdGFuY2UubGVmdCA9IGVsQm91bmRzLmxlZnQgLSB0b29sdGlwQm91bmRzLndpZHRoIC0gdGhpcy5vZmZzZXQ7XG4gICAgdGhpcy50b29sdGlwQ29tcG9uZW50IS5pbnN0YW5jZS50b3AgPSBzY3JvbGwgKyAoZWxCb3VuZHMudG9wICsgZWxCb3VuZHMuaGVpZ2h0IC8gMik7XG4gICAgdGhpcy50b29sdGlwQ29tcG9uZW50IS5sb2NhdGlvbi5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9ICd0cmFuc2xhdGVZKC01MCUpJztcbiAgICB0aGlzLnNldEJvdW5kcygpO1xuICB9XG5cbiAgcHJpdmF0ZSBwb3NpdGlvblJpZ2h0KCkge1xuICAgIGNvbnN0IHsgZWxCb3VuZHMsIHNjcm9sbCB9ID0gdGhpcy5ib3VuZHM7XG4gICAgdGhpcy50b29sdGlwQ29tcG9uZW50IS5pbnN0YW5jZS5sZWZ0ID0gZWxCb3VuZHMucmlnaHQgKyB0aGlzLm9mZnNldDtcbiAgICB0aGlzLnRvb2x0aXBDb21wb25lbnQhLmluc3RhbmNlLnRvcCA9IHNjcm9sbCArIChlbEJvdW5kcy50b3AgKyBlbEJvdW5kcy5oZWlnaHQgLyAyKTtcbiAgICB0aGlzLnRvb2x0aXBDb21wb25lbnQhLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQuc3R5bGUudHJhbnNmb3JtID0gJ3RyYW5zbGF0ZVkoLTUwJSknO1xuICAgIHRoaXMuc2V0Qm91bmRzKCk7XG4gIH1cblxuICBwcml2YXRlIHBvc2l0aW9uVG9wKCkge1xuICAgIGNvbnN0IHsgZWxCb3VuZHMsIHRvb2x0aXBCb3VuZHMsIHNjcm9sbCB9ID0gdGhpcy5ib3VuZHM7XG4gICAgdGhpcy50b29sdGlwQ29tcG9uZW50IS5pbnN0YW5jZS5sZWZ0ID0gZWxCb3VuZHMubGVmdCArIGVsQm91bmRzLndpZHRoIC8gMjtcbiAgICB0aGlzLnRvb2x0aXBDb21wb25lbnQhLmluc3RhbmNlLnRvcCA9XG4gICAgICBzY3JvbGwgKyBlbEJvdW5kcy50b3AgLSB0b29sdGlwQm91bmRzLmhlaWdodCAtIHRoaXMub2Zmc2V0O1xuICAgIHRoaXMudG9vbHRpcENvbXBvbmVudCEubG9jYXRpb24ubmF0aXZlRWxlbWVudC5zdHlsZS50cmFuc2Zvcm0gPSAndHJhbnNsYXRlWCgtNTAlKSc7XG4gICAgdGhpcy5zZXRCb3VuZHMoKTtcbiAgfVxuXG4gIHByaXZhdGUgcG9zaXRpb25Cb3R0b20oKSB7XG4gICAgY29uc3QgeyBlbEJvdW5kcywgc2Nyb2xsIH0gPSB0aGlzLmJvdW5kcztcbiAgICB0aGlzLnRvb2x0aXBDb21wb25lbnQhLmluc3RhbmNlLmxlZnQgPSBlbEJvdW5kcy5sZWZ0ICsgZWxCb3VuZHMud2lkdGggLyAyO1xuICAgIHRoaXMudG9vbHRpcENvbXBvbmVudCEuaW5zdGFuY2UudG9wID0gc2Nyb2xsICsgZWxCb3VuZHMuYm90dG9tICsgdGhpcy5vZmZzZXQ7XG4gICAgdGhpcy50b29sdGlwQ29tcG9uZW50IS5sb2NhdGlvbi5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9ICd0cmFuc2xhdGVYKC01MCUpJztcbiAgICB0aGlzLnNldEJvdW5kcygpO1xuICB9XG5cbiAgc2hvdygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZW5hYmxlZCB8fCB0aGlzLnRvb2x0aXBDb21wb25lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmNyZWF0ZVRvb2x0aXAoKTtcbiAgfVxuXG4gIGhpZGUoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnRvb2x0aXBDb21wb25lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy50b29sdGlwQ29tcG9uZW50Lmluc3RhbmNlLmNsb3NlKCk7XG4gICAgY29uc3Qgc3Vic2NyaWJlID0gdGhpcy50b29sdGlwQ29tcG9uZW50Lmluc3RhbmNlLmFmdGVyQ2xvc2Uuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIGlmICghdGhpcy50b29sdGlwQ29tcG9uZW50KSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIHRoaXMuYXBwUmVmLmRldGFjaFZpZXcodGhpcy50b29sdGlwQ29tcG9uZW50IS5ob3N0Vmlldyk7XG4gICAgICB0aGlzLnRvb2x0aXBDb21wb25lbnQhLmRlc3Ryb3koKTtcbiAgICAgIHRoaXMudG9vbHRpcENvbXBvbmVudCA9IHVuZGVmaW5lZDtcbiAgICAgIHN1YnNjcmliZS51bnN1YnNjcmliZSgpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './tooltip.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b29sdGlwL3Rvb2x0aXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdG9vbHRpcC5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MonkeyTooltipComponent {
|
|
5
|
+
constructor(host) {
|
|
6
|
+
this.host = host;
|
|
7
|
+
this.afterClose = new EventEmitter();
|
|
8
|
+
// no to do
|
|
9
|
+
}
|
|
10
|
+
close() {
|
|
11
|
+
this.host.nativeElement.classList.add('closed');
|
|
12
|
+
}
|
|
13
|
+
onAnimationEnd(event) {
|
|
14
|
+
if (event.animationName.includes('fade-out')) {
|
|
15
|
+
this.afterClose.emit(true);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyTooltipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.4", type: MonkeyTooltipComponent, isStandalone: true, selector: "monkey-tooltip", inputs: { text: "text", template: "template", left: "left", top: "top" }, outputs: { afterClose: "afterClose" }, host: { attributes: { "data-testid": "monkey-tooltip" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "style.left.px": "left", "style.top.px": "top" } }, ngImport: i0, template: "@if(template) {\n<ng-container *ngTemplateOutlet=\"template\"> </ng-container>\n} @if(text) {\n{{ text }}\n}\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 8px 16px #00000029;background-color:#1f2024;padding:8px 12px;flex-wrap:wrap;text-align:center;color:#fff;font-size:14px;letter-spacing:.42px;line-height:16px;position:absolute;pointer-events:none;cursor:none;word-break:normal;overflow-wrap:anywhere;min-width:50px;max-width:200px;box-sizing:border-box;overflow:hidden;animation:fade-in .3s}:host.closed{animation:fade-out .1s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MonkeyTooltipComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'monkey-tooltip', standalone: true, imports: [NgTemplateOutlet], host: {
|
|
24
|
+
'data-testid': 'monkey-tooltip',
|
|
25
|
+
'[style.left.px]': 'left',
|
|
26
|
+
'[style.top.px]': 'top',
|
|
27
|
+
'(animationend)': 'onAnimationEnd($event)'
|
|
28
|
+
}, template: "@if(template) {\n<ng-container *ngTemplateOutlet=\"template\"> </ng-container>\n} @if(text) {\n{{ text }}\n}\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 8px 16px #00000029;background-color:#1f2024;padding:8px 12px;flex-wrap:wrap;text-align:center;color:#fff;font-size:14px;letter-spacing:.42px;line-height:16px;position:absolute;pointer-events:none;cursor:none;word-break:normal;overflow-wrap:anywhere;min-width:50px;max-width:200px;box-sizing:border-box;overflow:hidden;animation:fade-in .3s}:host.closed{animation:fade-out .1s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}\n"] }]
|
|
29
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { text: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], template: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], left: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], top: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], afterClose: [{
|
|
38
|
+
type: Output
|
|
39
|
+
}] } });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b29sdGlwL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUtdjIvc3JjL2xpYi9jb21wb25lbnRzL21vbmtleS10b29sdGlwL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDOztBQWVoRyxNQUFNLE9BQU8sc0JBQXNCO0lBV2pDLFlBQW9CLElBQTZCO1FBQTdCLFNBQUksR0FBSixJQUFJLENBQXlCO1FBRnZDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3hDLFdBQVc7SUFDYixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFxQjtRQUNsQyxJQUFJLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDN0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7OEdBdkJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLCtXQ2hCbkMsZ0hBS0EsdW1CRENZLGdCQUFnQjs7MkZBVWYsc0JBQXNCO2tCQWJsQyxTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLGdCQUFnQixDQUFDLFFBR3JCO3dCQUNKLGFBQWEsRUFBRSxnQkFBZ0I7d0JBQy9CLGlCQUFpQixFQUFFLE1BQU07d0JBQ3pCLGdCQUFnQixFQUFFLEtBQUs7d0JBQ3ZCLGdCQUFnQixFQUFFLHdCQUF3QjtxQkFDM0M7K0VBR1EsSUFBSTtzQkFBWixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLEdBQUc7c0JBQVgsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9ua2V5LXRvb2x0aXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3Rvb2x0aXAuY29tcG9uZW50LnNjc3MnLFxuICBob3N0OiB7XG4gICAgJ2RhdGEtdGVzdGlkJzogJ21vbmtleS10b29sdGlwJyxcbiAgICAnW3N0eWxlLmxlZnQucHhdJzogJ2xlZnQnLFxuICAgICdbc3R5bGUudG9wLnB4XSc6ICd0b3AnLFxuICAgICcoYW5pbWF0aW9uZW5kKSc6ICdvbkFuaW1hdGlvbkVuZCgkZXZlbnQpJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE1vbmtleVRvb2x0aXBDb21wb25lbnQge1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KCkgdGVtcGxhdGUhOiBudWxsIHwgVGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIEBJbnB1dCgpIGxlZnQ6IG51bWJlciB8IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKSB0b3A6IG51bWJlciB8IHVuZGVmaW5lZDtcblxuICBAT3V0cHV0KCkgYWZ0ZXJDbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGhvc3Q6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7XG4gICAgLy8gbm8gdG8gZG9cbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2Nsb3NlZCcpO1xuICB9XG5cbiAgb25BbmltYXRpb25FbmQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KSB7XG4gICAgaWYgKGV2ZW50LmFuaW1hdGlvbk5hbWUuaW5jbHVkZXMoJ2ZhZGUtb3V0JykpIHtcbiAgICAgIHRoaXMuYWZ0ZXJDbG9zZS5lbWl0KHRydWUpO1xuICAgIH1cbiAgfVxufVxuIiwiQGlmKHRlbXBsYXRlKSB7XG48bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIj4gPC9uZy1jb250YWluZXI+XG59IEBpZih0ZXh0KSB7XG57eyB0ZXh0IH19XG59XG4iXX0=
|