matcha-components 19.76.0 → 19.77.0
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/fesm2022/matcha-components.mjs +537 -552
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/lib/matcha-components.module.d.ts +34 -36
- package/package.json +1 -3
- package/public-api.d.ts +0 -6
- package/esm2022/lib/matcha-accordion/accordion/accordion.component.mjs +0 -49
- package/esm2022/lib/matcha-accordion/accordion-content/accordion-content.component.mjs +0 -11
- package/esm2022/lib/matcha-accordion/accordion-header/accordion-header.component.mjs +0 -11
- package/esm2022/lib/matcha-accordion/accordion-item/accordion-item.component.mjs +0 -42
- package/esm2022/lib/matcha-accordion/accordion.module.mjs +0 -59
- package/esm2022/lib/matcha-animations/animations.mjs +0 -352
- package/esm2022/lib/matcha-autocomplete/matcha-autocomplete/matcha-autocomplete.component.mjs +0 -46
- package/esm2022/lib/matcha-autocomplete/matcha-autocomplete.directive.mjs +0 -71
- package/esm2022/lib/matcha-autocomplete/matcha-autocomplete.module.mjs +0 -21
- package/esm2022/lib/matcha-badge/badge.directive.mjs +0 -20
- package/esm2022/lib/matcha-badge/badge.module.mjs +0 -17
- package/esm2022/lib/matcha-button/button/button.component.mjs +0 -205
- package/esm2022/lib/matcha-button/button.module.mjs +0 -17
- package/esm2022/lib/matcha-button-toggle/button-toggle/button-toggle.component.mjs +0 -88
- package/esm2022/lib/matcha-button-toggle/button-toggle.module.mjs +0 -24
- package/esm2022/lib/matcha-card/card/card.component.mjs +0 -81
- package/esm2022/lib/matcha-card/card.module.mjs +0 -40
- package/esm2022/lib/matcha-checkbox/checkbox/checkbox.component.mjs +0 -81
- package/esm2022/lib/matcha-checkbox/checkbox.module.mjs +0 -23
- package/esm2022/lib/matcha-chips/chips.module.mjs +0 -19
- package/esm2022/lib/matcha-chips/matcha-chips.directive.mjs +0 -20
- package/esm2022/lib/matcha-components.module.mjs +0 -55
- package/esm2022/lib/matcha-datepicker/datepicker.directive.mjs +0 -20
- package/esm2022/lib/matcha-datepicker/datepicker.module.mjs +0 -17
- package/esm2022/lib/matcha-divider/divider/divider.component.mjs +0 -66
- package/esm2022/lib/matcha-divider/divider.module.mjs +0 -22
- package/esm2022/lib/matcha-elevation/elevation.directive.mjs +0 -39
- package/esm2022/lib/matcha-elevation/elevation.module.mjs +0 -18
- package/esm2022/lib/matcha-form-field/matcha-error/matcha-error.component.mjs +0 -12
- package/esm2022/lib/matcha-form-field/matcha-form-field/matcha-form-field.component.mjs +0 -51
- package/esm2022/lib/matcha-form-field/matcha-form-field.module.mjs +0 -21
- package/esm2022/lib/matcha-form-field/matcha-label/matcha-label.component.mjs +0 -16
- package/esm2022/lib/matcha-grid/grid.component.mjs +0 -110
- package/esm2022/lib/matcha-grid/grid.module.mjs +0 -18
- package/esm2022/lib/matcha-hint-text/hint/hint-text.component.mjs +0 -38
- package/esm2022/lib/matcha-hint-text/hint.module.mjs +0 -24
- package/esm2022/lib/matcha-icon/icon.component.mjs +0 -36
- package/esm2022/lib/matcha-icon/icon.module.mjs +0 -19
- package/esm2022/lib/matcha-infinite-scroll/matcha-infinite-scroll/matcha-infinite-scroll.component.mjs +0 -46
- package/esm2022/lib/matcha-infinite-scroll/matcha-infinite-scroll-data/matcha-infinite-scroll-data.component.mjs +0 -137
- package/esm2022/lib/matcha-infinite-scroll/matcha-infinite-scroll.module.mjs +0 -21
- package/esm2022/lib/matcha-input/input.directive.mjs +0 -20
- package/esm2022/lib/matcha-input/input.module.mjs +0 -17
- package/esm2022/lib/matcha-masonry/masonry/masonry.component.mjs +0 -77
- package/esm2022/lib/matcha-masonry/masonry.module.mjs +0 -18
- package/esm2022/lib/matcha-menu/menu.component.mjs +0 -54
- package/esm2022/lib/matcha-menu/menu.directive.mjs +0 -53
- package/esm2022/lib/matcha-menu/menu.module.mjs +0 -29
- package/esm2022/lib/matcha-modal/matcha-modal.module.mjs +0 -73
- package/esm2022/lib/matcha-modal/modal/modal.component.mjs +0 -89
- package/esm2022/lib/matcha-modal/modal-content/modal-content.component.mjs +0 -11
- package/esm2022/lib/matcha-modal/modal-footer/modal-footer.component.mjs +0 -35
- package/esm2022/lib/matcha-modal/modal-header/modal-header.component.mjs +0 -12
- package/esm2022/lib/matcha-modal/modal-options/modal-options.component.mjs +0 -11
- package/esm2022/lib/matcha-modal/modal.service.mjs +0 -43
- package/esm2022/lib/matcha-modal/overlay.service.mjs +0 -131
- package/esm2022/lib/matcha-option/matcha-option/matcha-option.component.mjs +0 -33
- package/esm2022/lib/matcha-option/matcha-option.module.mjs +0 -18
- package/esm2022/lib/matcha-option/matcha-option.service.mjs +0 -73
- package/esm2022/lib/matcha-overflow-draggable/matcha-overflow-draggable.component.mjs +0 -54
- package/esm2022/lib/matcha-paginator/paginator.directive.mjs +0 -20
- package/esm2022/lib/matcha-paginator/paginator.module.mjs +0 -18
- package/esm2022/lib/matcha-progress-bar/progress-bar.directive.mjs +0 -20
- package/esm2022/lib/matcha-progress-bar/progress-bar.module.mjs +0 -22
- package/esm2022/lib/matcha-radio-button/matcha-radio-button.directive.mjs +0 -20
- package/esm2022/lib/matcha-radio-button/radio-button.module.mjs +0 -20
- package/esm2022/lib/matcha-ripple/ripple.directive.mjs +0 -71
- package/esm2022/lib/matcha-ripple/ripple.module.mjs +0 -24
- package/esm2022/lib/matcha-select/select.directive.mjs +0 -20
- package/esm2022/lib/matcha-select/select.module.mjs +0 -18
- package/esm2022/lib/matcha-sidenav/sidenav.directive.mjs +0 -20
- package/esm2022/lib/matcha-sidenav/sidenav.module.mjs +0 -18
- package/esm2022/lib/matcha-slide-toggle/slide-toggle/slide-toggle.component.mjs +0 -95
- package/esm2022/lib/matcha-slide-toggle/slide-toggle.module.mjs +0 -21
- package/esm2022/lib/matcha-slider/matcha-slider.directive.mjs +0 -20
- package/esm2022/lib/matcha-slider/slider.module.mjs +0 -20
- package/esm2022/lib/matcha-snackbar/snack-bar.directive.mjs +0 -20
- package/esm2022/lib/matcha-snackbar/snack-bar.module.mjs +0 -18
- package/esm2022/lib/matcha-sort-header/sort-header.directive.mjs +0 -20
- package/esm2022/lib/matcha-sort-header/sort-header.module.mjs +0 -18
- package/esm2022/lib/matcha-spin/spin/spin.component.mjs +0 -85
- package/esm2022/lib/matcha-spin/spin.module.mjs +0 -20
- package/esm2022/lib/matcha-table/table.directive.mjs +0 -20
- package/esm2022/lib/matcha-table/table.module.mjs +0 -18
- package/esm2022/lib/matcha-tabs/tab-item/tab-item.component.mjs +0 -29
- package/esm2022/lib/matcha-tabs/tabs/tabs.component.mjs +0 -68
- package/esm2022/lib/matcha-tabs/tabs.module.mjs +0 -29
- package/esm2022/lib/matcha-title/title/title.component.mjs +0 -66
- package/esm2022/lib/matcha-title/title.module.mjs +0 -18
- package/esm2022/lib/matcha-toolbar/toolbar/toolbar.component.mjs +0 -34
- package/esm2022/lib/matcha-toolbar/toolbar-button/toolbar-button.component.mjs +0 -28
- package/esm2022/lib/matcha-toolbar/toolbar-content/toolbar-content.component.mjs +0 -11
- package/esm2022/lib/matcha-toolbar/toolbar-main-button/toolbar-main-button.component.mjs +0 -20
- package/esm2022/lib/matcha-toolbar/toolbar.module.mjs +0 -53
- package/esm2022/lib/matcha-tooltip/tooltip.directive.mjs +0 -184
- package/esm2022/lib/matcha-tooltip/tooltip.module.mjs +0 -19
- package/esm2022/lib/matcha-tree/tree.directive.mjs +0 -20
- package/esm2022/lib/matcha-tree/tree.module.mjs +0 -18
- package/esm2022/matcha-components.mjs +0 -5
- package/esm2022/public-api.mjs +0 -119
- package/lib/matcha-autocomplete/matcha-autocomplete/matcha-autocomplete.component.d.ts +0 -16
- package/lib/matcha-autocomplete/matcha-autocomplete.directive.d.ts +0 -19
- package/lib/matcha-autocomplete/matcha-autocomplete.module.d.ts +0 -11
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { Injectable, createComponent } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Serviço responsável pela implementação técnica do overlay e backdrop dos modais.
|
|
5
|
-
*
|
|
6
|
-
* Este serviço lida com a criação e gerenciamento do container do overlay,
|
|
7
|
-
* criação do backdrop e manipulação do DOM. É um serviço de baixo nível
|
|
8
|
-
* utilizado internamente pelo MatchaModalService.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```typescript
|
|
12
|
-
* constructor(private overlayService: MatchaOverlayService) {}
|
|
13
|
-
*
|
|
14
|
-
* createOverlay() {
|
|
15
|
-
* this.overlayService.open(MyComponent);
|
|
16
|
-
* }
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
export class MatchaOverlayService {
|
|
20
|
-
constructor(appRef, injector, rendererFactory) {
|
|
21
|
-
this.appRef = appRef;
|
|
22
|
-
this.injector = injector;
|
|
23
|
-
this.rendererFactory = rendererFactory;
|
|
24
|
-
this.overlayContainer = null;
|
|
25
|
-
this.activeModal = null;
|
|
26
|
-
this.backdrop = null;
|
|
27
|
-
this.renderer = this.rendererFactory.createRenderer(null, null);
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Cria o container do overlay se ainda não existir.
|
|
31
|
-
* O container é um elemento div que será usado para hospedar os modais.
|
|
32
|
-
*
|
|
33
|
-
* @private
|
|
34
|
-
*/
|
|
35
|
-
createOverlayContainer() {
|
|
36
|
-
if (!this.overlayContainer) {
|
|
37
|
-
this.overlayContainer = this.renderer.createElement('div');
|
|
38
|
-
this.renderer.addClass(this.overlayContainer, 'matcha-overlay-container');
|
|
39
|
-
this.renderer.appendChild(document.body, this.overlayContainer);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Remove o container do overlay do DOM.
|
|
44
|
-
*
|
|
45
|
-
* @private
|
|
46
|
-
*/
|
|
47
|
-
removeOverlayContainer() {
|
|
48
|
-
if (this.overlayContainer) {
|
|
49
|
-
this.renderer.removeChild(document.body, this.overlayContainer);
|
|
50
|
-
this.overlayContainer = null;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* Cria o backdrop do modal se ainda não existir.
|
|
55
|
-
* O backdrop é um elemento div que cria o efeito de escurecimento
|
|
56
|
-
* por trás do modal.
|
|
57
|
-
*
|
|
58
|
-
* @private
|
|
59
|
-
*/
|
|
60
|
-
createBackdrop() {
|
|
61
|
-
if (!this.backdrop) {
|
|
62
|
-
this.backdrop = this.renderer.createElement('div');
|
|
63
|
-
this.renderer.addClass(this.backdrop, 'matcha-modal-backdrop');
|
|
64
|
-
this.renderer.appendChild(document.body, this.backdrop);
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
/**
|
|
68
|
-
* Remove o backdrop do modal do DOM.
|
|
69
|
-
*
|
|
70
|
-
* @private
|
|
71
|
-
*/
|
|
72
|
-
removeBackdrop() {
|
|
73
|
-
if (this.backdrop) {
|
|
74
|
-
this.renderer.removeChild(document.body, this.backdrop);
|
|
75
|
-
this.backdrop = null;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Abre um componente dentro de um modal.
|
|
80
|
-
*
|
|
81
|
-
* @param component - O componente que será exibido dentro do modal
|
|
82
|
-
* @param config - Configurações opcionais para o modal
|
|
83
|
-
* @returns Uma referência ao componente criado
|
|
84
|
-
*
|
|
85
|
-
* @example
|
|
86
|
-
* ```typescript
|
|
87
|
-
* const componentRef = this.overlayService.open(MyComponent, {
|
|
88
|
-
* data: { id: 1 }
|
|
89
|
-
* });
|
|
90
|
-
* ```
|
|
91
|
-
*/
|
|
92
|
-
open(component, config = {}) {
|
|
93
|
-
this.createOverlayContainer();
|
|
94
|
-
this.createBackdrop();
|
|
95
|
-
const componentRef = createComponent(component, {
|
|
96
|
-
environmentInjector: this.appRef.injector,
|
|
97
|
-
elementInjector: this.injector
|
|
98
|
-
});
|
|
99
|
-
const componentElement = componentRef.hostView.rootNodes[0];
|
|
100
|
-
this.renderer.appendChild(this.overlayContainer, componentElement);
|
|
101
|
-
this.appRef.attachView(componentRef.hostView);
|
|
102
|
-
this.activeModal = componentRef;
|
|
103
|
-
return componentRef;
|
|
104
|
-
}
|
|
105
|
-
/**
|
|
106
|
-
* Fecha o modal atualmente aberto e remove o backdrop e o container.
|
|
107
|
-
*
|
|
108
|
-
* @example
|
|
109
|
-
* ```typescript
|
|
110
|
-
* this.overlayService.close();
|
|
111
|
-
* ```
|
|
112
|
-
*/
|
|
113
|
-
close() {
|
|
114
|
-
if (this.activeModal) {
|
|
115
|
-
this.appRef.detachView(this.activeModal.hostView);
|
|
116
|
-
this.activeModal.destroy();
|
|
117
|
-
this.activeModal = null;
|
|
118
|
-
this.removeBackdrop();
|
|
119
|
-
this.removeOverlayContainer();
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOverlayService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
123
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOverlayService, providedIn: 'root' }); }
|
|
124
|
-
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOverlayService, decorators: [{
|
|
126
|
-
type: Injectable,
|
|
127
|
-
args: [{
|
|
128
|
-
providedIn: 'root'
|
|
129
|
-
}]
|
|
130
|
-
}], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.RendererFactory2 }] });
|
|
131
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtbW9kYWwvb3ZlcmxheS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQWdCLGVBQWUsRUFBZ0YsTUFBTSxlQUFlLENBQUM7O0FBRXhKOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUlILE1BQU0sT0FBTyxvQkFBb0I7SUFNL0IsWUFDVSxNQUFzQixFQUN0QixRQUFrQixFQUNsQixlQUFpQztRQUZqQyxXQUFNLEdBQU4sTUFBTSxDQUFnQjtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2xCLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQVJuQyxxQkFBZ0IsR0FBdUIsSUFBSSxDQUFDO1FBQzVDLGdCQUFXLEdBQTZCLElBQUksQ0FBQztRQUM3QyxhQUFRLEdBQXVCLElBQUksQ0FBQztRQVExQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSyxzQkFBc0I7UUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMzRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztZQUMxRSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ2xFLENBQUM7SUFDSCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNLLHNCQUFzQjtRQUM1QixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDaEUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztRQUMvQixDQUFDO0lBQ0gsQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUNLLGNBQWM7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ25ELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsdUJBQXVCLENBQUMsQ0FBQztZQUMvRCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMxRCxDQUFDO0lBQ0gsQ0FBQztJQUVEOzs7O09BSUc7SUFDSyxjQUFjO1FBQ3BCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3hELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLENBQUM7SUFDSCxDQUFDO0lBRUQ7Ozs7Ozs7Ozs7Ozs7T0FhRztJQUNILElBQUksQ0FBSSxTQUFrQixFQUFFLFNBQWMsRUFBRTtRQUMxQyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztRQUM5QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFFdEIsTUFBTSxZQUFZLEdBQUcsZUFBZSxDQUFDLFNBQVMsRUFBRTtZQUM5QyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVE7WUFDekMsZUFBZSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQy9CLENBQUMsQ0FBQztRQUVILE1BQU0sZ0JBQWdCLEdBQUksWUFBWSxDQUFDLFFBQWlDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3RGLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO1FBRW5FLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM5QyxJQUFJLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQztRQUVoQyxPQUFPLFlBQVksQ0FBQztJQUN0QixDQUFDO0lBRUQ7Ozs7Ozs7T0FPRztJQUNILEtBQUs7UUFDSCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ2xELElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDeEIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO1FBQ2hDLENBQUM7SUFDSCxDQUFDOytHQW5IVSxvQkFBb0I7bUhBQXBCLG9CQUFvQixjQUZuQixNQUFNOzs0RkFFUCxvQkFBb0I7a0JBSGhDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgQ29tcG9uZW50UmVmLCBjcmVhdGVDb21wb25lbnQsIEFwcGxpY2F0aW9uUmVmLCBJbmplY3RvciwgVHlwZSwgRW1iZWRkZWRWaWV3UmVmLCBSZW5kZXJlcjIsIFJlbmRlcmVyRmFjdG9yeTIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBTZXJ2acOnbyByZXNwb25zw6F2ZWwgcGVsYSBpbXBsZW1lbnRhw6fDo28gdMOpY25pY2EgZG8gb3ZlcmxheSBlIGJhY2tkcm9wIGRvcyBtb2RhaXMuXG4gKlxuICogRXN0ZSBzZXJ2acOnbyBsaWRhIGNvbSBhIGNyaWHDp8OjbyBlIGdlcmVuY2lhbWVudG8gZG8gY29udGFpbmVyIGRvIG92ZXJsYXksXG4gKiBjcmlhw6fDo28gZG8gYmFja2Ryb3AgZSBtYW5pcHVsYcOnw6NvIGRvIERPTS4gw4kgdW0gc2VydmnDp28gZGUgYmFpeG8gbsOtdmVsXG4gKiB1dGlsaXphZG8gaW50ZXJuYW1lbnRlIHBlbG8gTWF0Y2hhTW9kYWxTZXJ2aWNlLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGB0eXBlc2NyaXB0XG4gKiBjb25zdHJ1Y3Rvcihwcml2YXRlIG92ZXJsYXlTZXJ2aWNlOiBNYXRjaGFPdmVybGF5U2VydmljZSkge31cbiAqXG4gKiBjcmVhdGVPdmVybGF5KCkge1xuICogICB0aGlzLm92ZXJsYXlTZXJ2aWNlLm9wZW4oTXlDb21wb25lbnQpO1xuICogfVxuICogYGBgXG4gKi9cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIE1hdGNoYU92ZXJsYXlTZXJ2aWNlIHtcbiAgcHJpdmF0ZSBvdmVybGF5Q29udGFpbmVyOiBIVE1MRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIGFjdGl2ZU1vZGFsOiBDb21wb25lbnRSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIGJhY2tkcm9wOiBIVE1MRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjI7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBhcHBSZWY6IEFwcGxpY2F0aW9uUmVmLFxuICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgIHByaXZhdGUgcmVuZGVyZXJGYWN0b3J5OiBSZW5kZXJlckZhY3RvcnkyXG4gICkge1xuICAgIHRoaXMucmVuZGVyZXIgPSB0aGlzLnJlbmRlcmVyRmFjdG9yeS5jcmVhdGVSZW5kZXJlcihudWxsLCBudWxsKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDcmlhIG8gY29udGFpbmVyIGRvIG92ZXJsYXkgc2UgYWluZGEgbsOjbyBleGlzdGlyLlxuICAgKiBPIGNvbnRhaW5lciDDqSB1bSBlbGVtZW50byBkaXYgcXVlIHNlcsOhIHVzYWRvIHBhcmEgaG9zcGVkYXIgb3MgbW9kYWlzLlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBjcmVhdGVPdmVybGF5Q29udGFpbmVyKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5vdmVybGF5Q29udGFpbmVyKSB7XG4gICAgICB0aGlzLm92ZXJsYXlDb250YWluZXIgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLm92ZXJsYXlDb250YWluZXIsICdtYXRjaGEtb3ZlcmxheS1jb250YWluZXInKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQoZG9jdW1lbnQuYm9keSwgdGhpcy5vdmVybGF5Q29udGFpbmVyKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVtb3ZlIG8gY29udGFpbmVyIGRvIG92ZXJsYXkgZG8gRE9NLlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSByZW1vdmVPdmVybGF5Q29udGFpbmVyKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm92ZXJsYXlDb250YWluZXIpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2hpbGQoZG9jdW1lbnQuYm9keSwgdGhpcy5vdmVybGF5Q29udGFpbmVyKTtcbiAgICAgIHRoaXMub3ZlcmxheUNvbnRhaW5lciA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIENyaWEgbyBiYWNrZHJvcCBkbyBtb2RhbCBzZSBhaW5kYSBuw6NvIGV4aXN0aXIuXG4gICAqIE8gYmFja2Ryb3Agw6kgdW0gZWxlbWVudG8gZGl2IHF1ZSBjcmlhIG8gZWZlaXRvIGRlIGVzY3VyZWNpbWVudG9cbiAgICogcG9yIHRyw6FzIGRvIG1vZGFsLlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBjcmVhdGVCYWNrZHJvcCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYmFja2Ryb3ApIHtcbiAgICAgIHRoaXMuYmFja2Ryb3AgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmJhY2tkcm9wLCAnbWF0Y2hhLW1vZGFsLWJhY2tkcm9wJyk7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKGRvY3VtZW50LmJvZHksIHRoaXMuYmFja2Ryb3ApO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmUgbyBiYWNrZHJvcCBkbyBtb2RhbCBkbyBET00uXG4gICAqXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIHJlbW92ZUJhY2tkcm9wKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmJhY2tkcm9wKSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNoaWxkKGRvY3VtZW50LmJvZHksIHRoaXMuYmFja2Ryb3ApO1xuICAgICAgdGhpcy5iYWNrZHJvcCA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEFicmUgdW0gY29tcG9uZW50ZSBkZW50cm8gZGUgdW0gbW9kYWwuXG4gICAqXG4gICAqIEBwYXJhbSBjb21wb25lbnQgLSBPIGNvbXBvbmVudGUgcXVlIHNlcsOhIGV4aWJpZG8gZGVudHJvIGRvIG1vZGFsXG4gICAqIEBwYXJhbSBjb25maWcgLSBDb25maWd1cmHDp8O1ZXMgb3BjaW9uYWlzIHBhcmEgbyBtb2RhbFxuICAgKiBAcmV0dXJucyBVbWEgcmVmZXLDqm5jaWEgYW8gY29tcG9uZW50ZSBjcmlhZG9cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogYGBgdHlwZXNjcmlwdFxuICAgKiBjb25zdCBjb21wb25lbnRSZWYgPSB0aGlzLm92ZXJsYXlTZXJ2aWNlLm9wZW4oTXlDb21wb25lbnQsIHtcbiAgICogICBkYXRhOiB7IGlkOiAxIH1cbiAgICogfSk7XG4gICAqIGBgYFxuICAgKi9cbiAgb3BlbjxUPihjb21wb25lbnQ6IFR5cGU8VD4sIGNvbmZpZzogYW55ID0ge30pOiBDb21wb25lbnRSZWY8VD4ge1xuICAgIHRoaXMuY3JlYXRlT3ZlcmxheUNvbnRhaW5lcigpO1xuICAgIHRoaXMuY3JlYXRlQmFja2Ryb3AoKTtcblxuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IGNyZWF0ZUNvbXBvbmVudChjb21wb25lbnQsIHtcbiAgICAgIGVudmlyb25tZW50SW5qZWN0b3I6IHRoaXMuYXBwUmVmLmluamVjdG9yLFxuICAgICAgZWxlbWVudEluamVjdG9yOiB0aGlzLmluamVjdG9yXG4gICAgfSk7XG5cbiAgICBjb25zdCBjb21wb25lbnRFbGVtZW50ID0gKGNvbXBvbmVudFJlZi5ob3N0VmlldyBhcyBFbWJlZGRlZFZpZXdSZWY8YW55Pikucm9vdE5vZGVzWzBdO1xuICAgIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQodGhpcy5vdmVybGF5Q29udGFpbmVyLCBjb21wb25lbnRFbGVtZW50KTtcblxuICAgIHRoaXMuYXBwUmVmLmF0dGFjaFZpZXcoY29tcG9uZW50UmVmLmhvc3RWaWV3KTtcbiAgICB0aGlzLmFjdGl2ZU1vZGFsID0gY29tcG9uZW50UmVmO1xuXG4gICAgcmV0dXJuIGNvbXBvbmVudFJlZjtcbiAgfVxuXG4gIC8qKlxuICAgKiBGZWNoYSBvIG1vZGFsIGF0dWFsbWVudGUgYWJlcnRvIGUgcmVtb3ZlIG8gYmFja2Ryb3AgZSBvIGNvbnRhaW5lci5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogYGBgdHlwZXNjcmlwdFxuICAgKiB0aGlzLm92ZXJsYXlTZXJ2aWNlLmNsb3NlKCk7XG4gICAqIGBgYFxuICAgKi9cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYWN0aXZlTW9kYWwpIHtcbiAgICAgIHRoaXMuYXBwUmVmLmRldGFjaFZpZXcodGhpcy5hY3RpdmVNb2RhbC5ob3N0Vmlldyk7XG4gICAgICB0aGlzLmFjdGl2ZU1vZGFsLmRlc3Ryb3koKTtcbiAgICAgIHRoaXMuYWN0aXZlTW9kYWwgPSBudWxsO1xuICAgICAgdGhpcy5yZW1vdmVCYWNrZHJvcCgpO1xuICAgICAgdGhpcy5yZW1vdmVPdmVybGF5Q29udGFpbmVyKCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../matcha-option.service";
|
|
4
|
-
export class MatchaOptionComponent {
|
|
5
|
-
constructor(changeDetectorRef, matchaOptionService) {
|
|
6
|
-
this.changeDetectorRef = changeDetectorRef;
|
|
7
|
-
this.matchaOptionService = matchaOptionService;
|
|
8
|
-
this.isOptionActive = false;
|
|
9
|
-
}
|
|
10
|
-
selectOption() {
|
|
11
|
-
this.matchaOptionService.setCanShowOptions(true);
|
|
12
|
-
this.matchaOptionService.setSelectedOption(this.value);
|
|
13
|
-
setTimeout(() => {
|
|
14
|
-
this.matchaOptionService.setCanShowOptions(false);
|
|
15
|
-
}, 300);
|
|
16
|
-
}
|
|
17
|
-
setIsOptionActive(isOptionActive, isMouseEvent) {
|
|
18
|
-
if (isMouseEvent) {
|
|
19
|
-
this.matchaOptionService.removeActiveOption();
|
|
20
|
-
}
|
|
21
|
-
this.isOptionActive = isOptionActive;
|
|
22
|
-
this.changeDetectorRef.detectChanges();
|
|
23
|
-
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.MatchaOptionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MatchaOptionComponent, selector: "matcha-option", inputs: { value: "value" }, ngImport: i0, template: "<span\n (click)=\"selectOption()\"\n (mouseenter)=\"setIsOptionActive(true, true)\"\n (mouseleave)=\"setIsOptionActive(false, true)\"\n [class.background-bg]=\"isOptionActive\"\n class=\"d-block py-8 cursor-pointer px-16 w-100-p\">\n <ng-content></ng-content>\n</span>\n", styles: [""] }); }
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ selector: 'matcha-option', standalone: false, template: "<span\n (click)=\"selectOption()\"\n (mouseenter)=\"setIsOptionActive(true, true)\"\n (mouseleave)=\"setIsOptionActive(false, true)\"\n [class.background-bg]=\"isOptionActive\"\n class=\"d-block py-8 cursor-pointer px-16 w-100-p\">\n <ng-content></ng-content>\n</span>\n" }]
|
|
30
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.MatchaOptionService }], propDecorators: { value: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2hhLW9wdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXRjaGEtY29tcG9uZW50cy9zcmMvbGliL21hdGNoYS1vcHRpb24vbWF0Y2hhLW9wdGlvbi9tYXRjaGEtb3B0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLW9wdGlvbi9tYXRjaGEtb3B0aW9uL21hdGNoYS1vcHRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTcEUsTUFBTSxPQUFPLHFCQUFxQjtJQUk5QixZQUFvQixpQkFBb0MsRUFBVSxtQkFBd0M7UUFBdEYsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUFVLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFGbkcsbUJBQWMsR0FBWSxLQUFLLENBQUM7SUFFc0UsQ0FBQztJQUV2RyxZQUFZO1FBQ2YsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkQsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN0RCxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDWixDQUFDO0lBRU0saUJBQWlCLENBQUMsY0FBdUIsRUFBRSxZQUFxQjtRQUNuRSxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDbEQsQ0FBQztRQUVELElBQUksQ0FBQyxjQUFjLEdBQUcsY0FBYyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQyxDQUFDOytHQXJCUSxxQkFBcUI7bUdBQXJCLHFCQUFxQixpRkNUbEMsa1NBUUE7OzRGRENhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxlQUFlLGNBR2IsS0FBSzt3SEFHUixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0Y2hhT3B0aW9uU2VydmljZSB9IGZyb20gJy4uL21hdGNoYS1vcHRpb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbWF0Y2hhLW9wdGlvbicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL21hdGNoYS1vcHRpb24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9tYXRjaGEtb3B0aW9uLmNvbXBvbmVudC5zY3NzJyxcbiAgICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgTWF0Y2hhT3B0aW9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSB2YWx1ZTogYW55O1xuICAgIHB1YmxpYyBpc09wdGlvbkFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgbWF0Y2hhT3B0aW9uU2VydmljZTogTWF0Y2hhT3B0aW9uU2VydmljZSkge31cblxuICAgIHB1YmxpYyBzZWxlY3RPcHRpb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMubWF0Y2hhT3B0aW9uU2VydmljZS5zZXRDYW5TaG93T3B0aW9ucyh0cnVlKTtcbiAgICAgICAgdGhpcy5tYXRjaGFPcHRpb25TZXJ2aWNlLnNldFNlbGVjdGVkT3B0aW9uKHRoaXMudmFsdWUpO1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMubWF0Y2hhT3B0aW9uU2VydmljZS5zZXRDYW5TaG93T3B0aW9ucyhmYWxzZSk7XG4gICAgICAgIH0sIDMwMCk7XG4gICAgfVxuXG4gICAgcHVibGljIHNldElzT3B0aW9uQWN0aXZlKGlzT3B0aW9uQWN0aXZlOiBib29sZWFuLCBpc01vdXNlRXZlbnQ6IGJvb2xlYW4pIHtcbiAgICAgICAgaWYgKGlzTW91c2VFdmVudCkge1xuICAgICAgICAgICAgdGhpcy5tYXRjaGFPcHRpb25TZXJ2aWNlLnJlbW92ZUFjdGl2ZU9wdGlvbigpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5pc09wdGlvbkFjdGl2ZSA9IGlzT3B0aW9uQWN0aXZlO1xuICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG59XG4iLCI8c3BhblxuICAgIChjbGljayk9XCJzZWxlY3RPcHRpb24oKVwiXG4gICAgKG1vdXNlZW50ZXIpPVwic2V0SXNPcHRpb25BY3RpdmUodHJ1ZSwgdHJ1ZSlcIlxuICAgIChtb3VzZWxlYXZlKT1cInNldElzT3B0aW9uQWN0aXZlKGZhbHNlLCB0cnVlKVwiXG4gICAgW2NsYXNzLmJhY2tncm91bmQtYmddPVwiaXNPcHRpb25BY3RpdmVcIlxuICAgIGNsYXNzPVwiZC1ibG9jayBweS04IGN1cnNvci1wb2ludGVyIHB4LTE2IHctMTAwLXBcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3NwYW4+XG4iXX0=
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MatchaOptionComponent } from './matcha-option/matcha-option.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class MatchaOptionModule {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionModule, declarations: [MatchaOptionComponent], imports: [CommonModule], exports: [MatchaOptionComponent] }); }
|
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionModule, imports: [CommonModule] }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionModule, decorators: [{
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
declarations: [MatchaOptionComponent],
|
|
14
|
-
imports: [CommonModule],
|
|
15
|
-
exports: [MatchaOptionComponent],
|
|
16
|
-
}]
|
|
17
|
-
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2hhLW9wdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXRjaGEtY29tcG9uZW50cy9zcmMvbGliL21hdGNoYS1vcHRpb24vbWF0Y2hhLW9wdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBT2hGLE1BQU0sT0FBTyxrQkFBa0I7K0dBQWxCLGtCQUFrQjtnSEFBbEIsa0JBQWtCLGlCQUpaLHFCQUFxQixhQUMxQixZQUFZLGFBQ1oscUJBQXFCO2dIQUV0QixrQkFBa0IsWUFIakIsWUFBWTs7NEZBR2Isa0JBQWtCO2tCQUw5QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNyQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0Y2hhT3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9tYXRjaGEtb3B0aW9uL21hdGNoYS1vcHRpb24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtNYXRjaGFPcHRpb25Db21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtNYXRjaGFPcHRpb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRjaGFPcHRpb25Nb2R1bGUge31cbiJdfQ==
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject, Subject } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class MatchaOptionService {
|
|
5
|
-
constructor() {
|
|
6
|
-
this._optionsSubject = new BehaviorSubject([]);
|
|
7
|
-
this.options$ = this._optionsSubject.asObservable();
|
|
8
|
-
this._activeOptionSubject = new BehaviorSubject(0);
|
|
9
|
-
this.activeOption$ = this._activeOptionSubject.asObservable();
|
|
10
|
-
this._canShowOptionsSubject = new BehaviorSubject(false);
|
|
11
|
-
this.canShowOptions$ = this._canShowOptionsSubject.asObservable();
|
|
12
|
-
this._selectedOptionSubject = new Subject();
|
|
13
|
-
this.selectedOption$ = this._selectedOptionSubject.asObservable();
|
|
14
|
-
}
|
|
15
|
-
setSelectedOption(selectedOption) {
|
|
16
|
-
this._selectedOptionSubject.next(selectedOption);
|
|
17
|
-
}
|
|
18
|
-
getCanShowOptions() {
|
|
19
|
-
return this._canShowOptionsSubject.value;
|
|
20
|
-
}
|
|
21
|
-
setCanShowOptions(canShowOptions) {
|
|
22
|
-
this._canShowOptionsSubject.next(canShowOptions);
|
|
23
|
-
}
|
|
24
|
-
updateOptions(options) {
|
|
25
|
-
this._optionsSubject.next(options);
|
|
26
|
-
}
|
|
27
|
-
updateActiveOption(activeOption) {
|
|
28
|
-
this._activeOptionSubject.next(activeOption);
|
|
29
|
-
}
|
|
30
|
-
resetActiveOption() {
|
|
31
|
-
this.updateActiveOption(0);
|
|
32
|
-
const currentOptions = this._optionsSubject.value;
|
|
33
|
-
const activeOption = this._activeOptionSubject.value;
|
|
34
|
-
currentOptions.forEach((option, index) => {
|
|
35
|
-
index === activeOption ? option.setIsOptionActive(true, false) : option.setIsOptionActive(false, false);
|
|
36
|
-
});
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
removeActiveOption() {
|
|
40
|
-
const currentOptions = this._optionsSubject.value;
|
|
41
|
-
currentOptions.forEach((option) => {
|
|
42
|
-
option.isOptionActive = false;
|
|
43
|
-
});
|
|
44
|
-
this.updateActiveOption(-1);
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
|
-
changeActiveOption(stepsToMove) {
|
|
48
|
-
const currentOptions = this._optionsSubject.value;
|
|
49
|
-
const lastActiveOption = this._activeOptionSubject.value;
|
|
50
|
-
this.updateActiveOption(Math.max(0, Math.min(currentOptions.length - 1, lastActiveOption + stepsToMove)));
|
|
51
|
-
const currentActiveOption = this._activeOptionSubject.value;
|
|
52
|
-
currentOptions.forEach((option, index) => {
|
|
53
|
-
option.setIsOptionActive(index === currentActiveOption, false);
|
|
54
|
-
});
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
selectActiveOption() {
|
|
58
|
-
const currentOptions = this._optionsSubject.value;
|
|
59
|
-
const activeOption = this._activeOptionSubject.value;
|
|
60
|
-
if (currentOptions[activeOption]) {
|
|
61
|
-
currentOptions[activeOption].selectOption();
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
65
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionService, providedIn: 'root' }); }
|
|
66
|
-
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOptionService, decorators: [{
|
|
68
|
-
type: Injectable,
|
|
69
|
-
args: [{
|
|
70
|
-
providedIn: 'root',
|
|
71
|
-
}]
|
|
72
|
-
}], ctorParameters: () => [] });
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2hhLW9wdGlvbi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0Y2hhLWNvbXBvbmVudHMvc3JjL2xpYi9tYXRjaGEtb3B0aW9uL21hdGNoYS1vcHRpb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQU1oRCxNQUFNLE9BQU8sbUJBQW1CO0lBYTVCO1FBWlEsb0JBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBMEIsRUFBRSxDQUFDLENBQUM7UUFDcEUsYUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFOUMseUJBQW9CLEdBQUcsSUFBSSxlQUFlLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFDdkQsa0JBQWEsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFeEQsMkJBQXNCLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDOUQsb0JBQWUsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFNUQsMkJBQXNCLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQztRQUNoRCxvQkFBZSxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUVyRCxDQUFDO0lBRVQsaUJBQWlCLENBQUMsY0FBc0I7UUFDM0MsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU0saUJBQWlCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLEtBQUssQ0FBQztJQUM3QyxDQUFDO0lBRU0saUJBQWlCLENBQUMsY0FBdUI7UUFDNUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU0sYUFBYSxDQUFDLE9BQWdDO1FBQ2pELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFTSxrQkFBa0IsQ0FBQyxZQUFvQjtRQUMxQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFTSxpQkFBaUI7UUFDcEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzNCLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDO1FBQ2xELE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUM7UUFFckQsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUNyQyxLQUFLLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsaUJBQWlCLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsaUJBQWlCLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzVHLENBQUMsQ0FBQyxDQUFDO1FBRUgsT0FBTztJQUNYLENBQUM7SUFFTSxrQkFBa0I7UUFDckIsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUM7UUFDbEQsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQzlCLE1BQU0sQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFNUIsT0FBTztJQUNYLENBQUM7SUFFTSxrQkFBa0IsQ0FBQyxXQUFtQjtRQUN6QyxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQztRQUNsRCxNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUM7UUFFekQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsZ0JBQWdCLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFHLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssQ0FBQztRQUU1RCxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQ3JDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLEtBQUssbUJBQW1CLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDbkUsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPO0lBQ1gsQ0FBQztJQUVNLGtCQUFrQjtRQUNyQixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQztRQUNsRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsS0FBSyxDQUFDO1FBRXJELElBQUksY0FBYyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7WUFDL0IsY0FBYyxDQUFDLFlBQVksQ0FBQyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2hELENBQUM7SUFDTCxDQUFDOytHQS9FUSxtQkFBbUI7bUhBQW5CLG1CQUFtQixjQUZoQixNQUFNOzs0RkFFVCxtQkFBbUI7a0JBSC9CLFVBQVU7bUJBQUM7b0JBQ1IsVUFBVSxFQUFFLE1BQU07aUJBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBNYXRjaGFPcHRpb25Db21wb25lbnQgfSBmcm9tICcuL21hdGNoYS1vcHRpb24vbWF0Y2hhLW9wdGlvbi5jb21wb25lbnQnO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRjaGFPcHRpb25TZXJ2aWNlIHtcbiAgICBwcml2YXRlIF9vcHRpb25zU3ViamVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF0Y2hhT3B0aW9uQ29tcG9uZW50W10+KFtdKTtcbiAgICBwdWJsaWMgb3B0aW9ucyQgPSB0aGlzLl9vcHRpb25zU3ViamVjdC5hc09ic2VydmFibGUoKTtcblxuICAgIHByaXZhdGUgX2FjdGl2ZU9wdGlvblN1YmplY3QgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PG51bWJlcj4oMCk7XG4gICAgcHVibGljIGFjdGl2ZU9wdGlvbiQgPSB0aGlzLl9hY3RpdmVPcHRpb25TdWJqZWN0LmFzT2JzZXJ2YWJsZSgpO1xuXG4gICAgcHJpdmF0ZSBfY2FuU2hvd09wdGlvbnNTdWJqZWN0ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG4gICAgcHVibGljIGNhblNob3dPcHRpb25zJCA9IHRoaXMuX2NhblNob3dPcHRpb25zU3ViamVjdC5hc09ic2VydmFibGUoKTtcblxuICAgIHByaXZhdGUgX3NlbGVjdGVkT3B0aW9uU3ViamVjdCA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKTtcbiAgICBwdWJsaWMgc2VsZWN0ZWRPcHRpb24kID0gdGhpcy5fc2VsZWN0ZWRPcHRpb25TdWJqZWN0LmFzT2JzZXJ2YWJsZSgpO1xuXG4gICAgY29uc3RydWN0b3IoKSB7fVxuXG4gICAgcHVibGljIHNldFNlbGVjdGVkT3B0aW9uKHNlbGVjdGVkT3B0aW9uOiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWRPcHRpb25TdWJqZWN0Lm5leHQoc2VsZWN0ZWRPcHRpb24pO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXRDYW5TaG93T3B0aW9ucygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NhblNob3dPcHRpb25zU3ViamVjdC52YWx1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0Q2FuU2hvd09wdGlvbnMoY2FuU2hvd09wdGlvbnM6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fY2FuU2hvd09wdGlvbnNTdWJqZWN0Lm5leHQoY2FuU2hvd09wdGlvbnMpO1xuICAgIH1cblxuICAgIHB1YmxpYyB1cGRhdGVPcHRpb25zKG9wdGlvbnM6IE1hdGNoYU9wdGlvbkNvbXBvbmVudFtdKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX29wdGlvbnNTdWJqZWN0Lm5leHQob3B0aW9ucyk7XG4gICAgfVxuXG4gICAgcHVibGljIHVwZGF0ZUFjdGl2ZU9wdGlvbihhY3RpdmVPcHRpb246IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLl9hY3RpdmVPcHRpb25TdWJqZWN0Lm5leHQoYWN0aXZlT3B0aW9uKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVzZXRBY3RpdmVPcHRpb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMudXBkYXRlQWN0aXZlT3B0aW9uKDApO1xuICAgICAgICBjb25zdCBjdXJyZW50T3B0aW9ucyA9IHRoaXMuX29wdGlvbnNTdWJqZWN0LnZhbHVlO1xuICAgICAgICBjb25zdCBhY3RpdmVPcHRpb24gPSB0aGlzLl9hY3RpdmVPcHRpb25TdWJqZWN0LnZhbHVlO1xuXG4gICAgICAgIGN1cnJlbnRPcHRpb25zLmZvckVhY2goKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGluZGV4ID09PSBhY3RpdmVPcHRpb24gPyBvcHRpb24uc2V0SXNPcHRpb25BY3RpdmUodHJ1ZSwgZmFsc2UpIDogb3B0aW9uLnNldElzT3B0aW9uQWN0aXZlKGZhbHNlLCBmYWxzZSk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVtb3ZlQWN0aXZlT3B0aW9uKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBjdXJyZW50T3B0aW9ucyA9IHRoaXMuX29wdGlvbnNTdWJqZWN0LnZhbHVlO1xuICAgICAgICBjdXJyZW50T3B0aW9ucy5mb3JFYWNoKChvcHRpb24pID0+IHtcbiAgICAgICAgICAgIG9wdGlvbi5pc09wdGlvbkFjdGl2ZSA9IGZhbHNlO1xuICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLnVwZGF0ZUFjdGl2ZU9wdGlvbigtMSk7XG5cbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHB1YmxpYyBjaGFuZ2VBY3RpdmVPcHRpb24oc3RlcHNUb01vdmU6IG51bWJlcik6IHZvaWQge1xuICAgICAgICBjb25zdCBjdXJyZW50T3B0aW9ucyA9IHRoaXMuX29wdGlvbnNTdWJqZWN0LnZhbHVlO1xuICAgICAgICBjb25zdCBsYXN0QWN0aXZlT3B0aW9uID0gdGhpcy5fYWN0aXZlT3B0aW9uU3ViamVjdC52YWx1ZTtcblxuICAgICAgICB0aGlzLnVwZGF0ZUFjdGl2ZU9wdGlvbihNYXRoLm1heCgwLCBNYXRoLm1pbihjdXJyZW50T3B0aW9ucy5sZW5ndGggLSAxLCBsYXN0QWN0aXZlT3B0aW9uICsgc3RlcHNUb01vdmUpKSk7XG4gICAgICAgIGNvbnN0IGN1cnJlbnRBY3RpdmVPcHRpb24gPSB0aGlzLl9hY3RpdmVPcHRpb25TdWJqZWN0LnZhbHVlO1xuXG4gICAgICAgIGN1cnJlbnRPcHRpb25zLmZvckVhY2goKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIG9wdGlvbi5zZXRJc09wdGlvbkFjdGl2ZShpbmRleCA9PT0gY3VycmVudEFjdGl2ZU9wdGlvbiwgZmFsc2UpO1xuICAgICAgICB9KTtcblxuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcHVibGljIHNlbGVjdEFjdGl2ZU9wdGlvbigpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgY3VycmVudE9wdGlvbnMgPSB0aGlzLl9vcHRpb25zU3ViamVjdC52YWx1ZTtcbiAgICAgICAgY29uc3QgYWN0aXZlT3B0aW9uID0gdGhpcy5fYWN0aXZlT3B0aW9uU3ViamVjdC52YWx1ZTtcblxuICAgICAgICBpZiAoY3VycmVudE9wdGlvbnNbYWN0aXZlT3B0aW9uXSkge1xuICAgICAgICAgICAgY3VycmVudE9wdGlvbnNbYWN0aXZlT3B0aW9uXS5zZWxlY3RPcHRpb24oKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class MatchaOverflowDraggableComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.dragRef = '';
|
|
6
|
-
}
|
|
7
|
-
dragToScroll() {
|
|
8
|
-
const ele = document.querySelector(`matchaDraggableReference${this.dragRef}`);
|
|
9
|
-
if (ele) {
|
|
10
|
-
let pos = { top: 0, left: 0, x: 0, y: 0 };
|
|
11
|
-
const mouseDownHandler = function (e) {
|
|
12
|
-
pos = {
|
|
13
|
-
// The current scroll
|
|
14
|
-
left: ele.scrollLeft,
|
|
15
|
-
top: ele.scrollTop,
|
|
16
|
-
// Get the current mouse position
|
|
17
|
-
x: e.clientX,
|
|
18
|
-
y: e.clientY,
|
|
19
|
-
};
|
|
20
|
-
ele.setAttribute('style', 'cursor: grabbing; user-select: none');
|
|
21
|
-
document.addEventListener('mousemove', mouseMoveHandler);
|
|
22
|
-
document.addEventListener('mouseup', mouseUpHandler);
|
|
23
|
-
};
|
|
24
|
-
const mouseMoveHandler = function (e) {
|
|
25
|
-
// How far the mouse has been moved
|
|
26
|
-
const dx = e.clientX - pos.x;
|
|
27
|
-
const dy = e.clientY - pos.y;
|
|
28
|
-
// Scroll the element
|
|
29
|
-
ele.scrollTop = pos.top - dy;
|
|
30
|
-
ele.scrollLeft = pos.left - dx;
|
|
31
|
-
};
|
|
32
|
-
const mouseUpHandler = function () {
|
|
33
|
-
document.removeEventListener('mousemove', mouseMoveHandler);
|
|
34
|
-
document.removeEventListener('mouseup', mouseUpHandler);
|
|
35
|
-
ele.setAttribute('style', 'cursor: grab; user-select: initial');
|
|
36
|
-
};
|
|
37
|
-
ele.addEventListener('mousedown', mouseDownHandler);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
get classes() {
|
|
41
|
-
const draggableReference = this.dragRef ? `matchaDraggableReference${this.dragRef}` : '';
|
|
42
|
-
const activeClasses = `${draggableReference}`;
|
|
43
|
-
return activeClasses;
|
|
44
|
-
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOverflowDraggableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MatchaOverflowDraggableComponent, selector: "matcha-overflow-draggable", inputs: { dragRef: "dragRef" }, ngImport: i0, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n", styles: [""] }); }
|
|
47
|
-
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaOverflowDraggableComponent, decorators: [{
|
|
49
|
-
type: Component,
|
|
50
|
-
args: [{ selector: 'matcha-overflow-draggable', standalone: false, template: "<div [class]=\"classes\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
51
|
-
}], propDecorators: { dragRef: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2hhLW92ZXJmbG93LWRyYWdnYWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXRjaGEtY29tcG9uZW50cy9zcmMvbGliL21hdGNoYS1vdmVyZmxvdy1kcmFnZ2FibGUvbWF0Y2hhLW92ZXJmbG93LWRyYWdnYWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXRjaGEtY29tcG9uZW50cy9zcmMvbGliL21hdGNoYS1vdmVyZmxvdy1kcmFnZ2FibGUvbWF0Y2hhLW92ZXJmbG93LWRyYWdnYWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTakQsTUFBTSxPQUFPLGdDQUFnQztJQVA3QztRQVFhLFlBQU8sR0FBVyxFQUFFLENBQUM7S0E2Q2pDO0lBM0NVLFlBQVk7UUFDZixNQUFNLEdBQUcsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLDJCQUEyQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUM5RSxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQ04sSUFBSSxHQUFHLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDMUMsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVLENBQU07Z0JBQ3JDLEdBQUcsR0FBRztvQkFDRixxQkFBcUI7b0JBQ3JCLElBQUksRUFBRSxHQUFHLENBQUMsVUFBVTtvQkFDcEIsR0FBRyxFQUFFLEdBQUcsQ0FBQyxTQUFTO29CQUNsQixpQ0FBaUM7b0JBQ2pDLENBQUMsRUFBRSxDQUFDLENBQUMsT0FBTztvQkFDWixDQUFDLEVBQUUsQ0FBQyxDQUFDLE9BQU87aUJBQ2YsQ0FBQztnQkFDRixHQUFHLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxxQ0FBcUMsQ0FBQyxDQUFDO2dCQUNqRSxRQUFRLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDLENBQUM7Z0JBQ3pELFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsY0FBYyxDQUFDLENBQUM7WUFDekQsQ0FBQyxDQUFDO1lBRUYsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVLENBQU07Z0JBQ3JDLG1DQUFtQztnQkFDbkMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO2dCQUM3QixNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUM7Z0JBQzdCLHFCQUFxQjtnQkFDckIsR0FBRyxDQUFDLFNBQVMsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLEVBQUUsQ0FBQztnQkFDN0IsR0FBRyxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUNuQyxDQUFDLENBQUM7WUFFRixNQUFNLGNBQWMsR0FBRztnQkFDbkIsUUFBUSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO2dCQUM1RCxRQUFRLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFLGNBQWMsQ0FBQyxDQUFDO2dCQUN4RCxHQUFHLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxvQ0FBb0MsQ0FBQyxDQUFDO1lBQ3BFLENBQUMsQ0FBQztZQUNGLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztRQUN4RCxDQUFDO0lBQ0wsQ0FBQztJQUVELElBQVcsT0FBTztRQUNkLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsMkJBQTJCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRXpGLE1BQU0sYUFBYSxHQUFHLEdBQUcsa0JBQWtCLEVBQUUsQ0FBQztRQUM5QyxPQUFPLGFBQWEsQ0FBQztJQUN6QixDQUFDOytHQTVDUSxnQ0FBZ0M7bUdBQWhDLGdDQUFnQyxpR0NUN0Msb0VBR0E7OzRGRE1hLGdDQUFnQztrQkFQNUMsU0FBUzsrQkFDSSwyQkFBMkIsY0FHekIsS0FBSzs4QkFJUixPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbWF0Y2hhLW92ZXJmbG93LWRyYWdnYWJsZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL21hdGNoYS1vdmVyZmxvdy1kcmFnZ2FibGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL21hdGNoYS1vdmVyZmxvdy1kcmFnZ2FibGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxufSlcblxuZXhwb3J0IGNsYXNzIE1hdGNoYU92ZXJmbG93RHJhZ2dhYmxlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBkcmFnUmVmOiBzdHJpbmcgPSAnJztcblxuICAgIHB1YmxpYyBkcmFnVG9TY3JvbGwoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGVsZSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoYG1hdGNoYURyYWdnYWJsZVJlZmVyZW5jZSR7dGhpcy5kcmFnUmVmfWApO1xuICAgICAgICBpZiAoZWxlKSB7XG4gICAgICAgICAgICBsZXQgcG9zID0geyB0b3A6IDAsIGxlZnQ6IDAsIHg6IDAsIHk6IDAgfTtcbiAgICAgICAgICAgIGNvbnN0IG1vdXNlRG93bkhhbmRsZXIgPSBmdW5jdGlvbiAoZTogYW55KSB7XG4gICAgICAgICAgICAgICAgcG9zID0ge1xuICAgICAgICAgICAgICAgICAgICAvLyBUaGUgY3VycmVudCBzY3JvbGxcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogZWxlLnNjcm9sbExlZnQsXG4gICAgICAgICAgICAgICAgICAgIHRvcDogZWxlLnNjcm9sbFRvcCxcbiAgICAgICAgICAgICAgICAgICAgLy8gR2V0IHRoZSBjdXJyZW50IG1vdXNlIHBvc2l0aW9uXG4gICAgICAgICAgICAgICAgICAgIHg6IGUuY2xpZW50WCxcbiAgICAgICAgICAgICAgICAgICAgeTogZS5jbGllbnRZLFxuICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgZWxlLnNldEF0dHJpYnV0ZSgnc3R5bGUnLCAnY3Vyc29yOiBncmFiYmluZzsgdXNlci1zZWxlY3Q6IG5vbmUnKTtcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmVIYW5kbGVyKTtcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgbW91c2VVcEhhbmRsZXIpO1xuICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgY29uc3QgbW91c2VNb3ZlSGFuZGxlciA9IGZ1bmN0aW9uIChlOiBhbnkpIHtcbiAgICAgICAgICAgICAgICAvLyBIb3cgZmFyIHRoZSBtb3VzZSBoYXMgYmVlbiBtb3ZlZFxuICAgICAgICAgICAgICAgIGNvbnN0IGR4ID0gZS5jbGllbnRYIC0gcG9zLng7XG4gICAgICAgICAgICAgICAgY29uc3QgZHkgPSBlLmNsaWVudFkgLSBwb3MueTtcbiAgICAgICAgICAgICAgICAvLyBTY3JvbGwgdGhlIGVsZW1lbnRcbiAgICAgICAgICAgICAgICBlbGUuc2Nyb2xsVG9wID0gcG9zLnRvcCAtIGR5O1xuICAgICAgICAgICAgICAgIGVsZS5zY3JvbGxMZWZ0ID0gcG9zLmxlZnQgLSBkeDtcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIGNvbnN0IG1vdXNlVXBIYW5kbGVyID0gZnVuY3Rpb24gKCkge1xuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlbW92ZScsIG1vdXNlTW92ZUhhbmRsZXIpO1xuICAgICAgICAgICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNldXAnLCBtb3VzZVVwSGFuZGxlcik7XG4gICAgICAgICAgICAgICAgZWxlLnNldEF0dHJpYnV0ZSgnc3R5bGUnLCAnY3Vyc29yOiBncmFiOyB1c2VyLXNlbGVjdDogaW5pdGlhbCcpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGVsZS5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBtb3VzZURvd25IYW5kbGVyKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBkcmFnZ2FibGVSZWZlcmVuY2UgPSB0aGlzLmRyYWdSZWYgPyBgbWF0Y2hhRHJhZ2dhYmxlUmVmZXJlbmNlJHt0aGlzLmRyYWdSZWZ9YCA6ICcnO1xuXG4gICAgICAgIGNvbnN0IGFjdGl2ZUNsYXNzZXMgPSBgJHtkcmFnZ2FibGVSZWZlcmVuY2V9YDtcbiAgICAgICAgcmV0dXJuIGFjdGl2ZUNsYXNzZXM7XG4gICAgfVxuXG59XG4iLCI8ZGl2IFtjbGFzc109XCJjbGFzc2VzXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class MatchaPaginatorDirective {
|
|
4
|
-
constructor(_elementRef, _renderer) {
|
|
5
|
-
this._elementRef = _elementRef;
|
|
6
|
-
this._renderer = _renderer;
|
|
7
|
-
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
8
|
-
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-paginator');
|
|
9
|
-
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaPaginatorDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MatchaPaginatorDirective, selector: "[matchaPaginator]", ngImport: i0 }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaPaginatorDirective, decorators: [{
|
|
14
|
-
type: Directive,
|
|
15
|
-
args: [{
|
|
16
|
-
selector: '[matchaPaginator]',
|
|
17
|
-
standalone: false
|
|
18
|
-
}]
|
|
19
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLXBhZ2luYXRvci9wYWdpbmF0b3IuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXlCLE1BQU0sZUFBZSxDQUFDOztBQU1qRSxNQUFNLE9BQU8sd0JBQXdCO0lBRWpDLFlBQ1ksV0FBdUIsRUFDdkIsU0FBb0I7UUFEcEIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFDdkIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUU1QixnRUFBZ0U7UUFDaEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsa0JBQWtCLENBQUMsQ0FBQTtJQUMvRSxDQUFDOytHQVJRLHdCQUF3QjttR0FBeEIsd0JBQXdCOzs0RkFBeEIsd0JBQXdCO2tCQUpwQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFVBQVUsRUFBRSxLQUFLO2lCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW21hdGNoYVBhZ2luYXRvcl0nLFxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXG59KVxuZXhwb3J0IGNsYXNzIE1hdGNoYVBhZ2luYXRvckRpcmVjdGl2ZSB7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSBfcmVuZGVyZXI6IFJlbmRlcmVyMlxuICAgICkge1xuICAgICAgICAvL3RoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSAnZ3JleSc7XG4gICAgICAgIHRoaXMuX3JlbmRlcmVyLmFkZENsYXNzKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ21hdGNoYS1wYWdpbmF0b3InKVxuICAgIH1cblxufVxuIl19
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MatchaPaginatorDirective } from './paginator.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class MatchaPaginatorModule {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaPaginatorModule, declarations: [MatchaPaginatorDirective], imports: [CommonModule], exports: [MatchaPaginatorDirective] }); }
|
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaPaginatorModule, imports: [CommonModule] }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaPaginatorModule, decorators: [{
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
declarations: [MatchaPaginatorDirective],
|
|
14
|
-
imports: [CommonModule],
|
|
15
|
-
exports: [MatchaPaginatorDirective],
|
|
16
|
-
}]
|
|
17
|
-
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLXBhZ2luYXRvci9wYWdpbmF0b3IubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQU9qRSxNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7Z0hBQXJCLHFCQUFxQixpQkFKZix3QkFBd0IsYUFDN0IsWUFBWSxhQUNaLHdCQUF3QjtnSEFFekIscUJBQXFCLFlBSHBCLFlBQVk7OzRGQUdiLHFCQUFxQjtrQkFMakMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDeEMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdGNoYVBhZ2luYXRvckRpcmVjdGl2ZSB9IGZyb20gJy4vcGFnaW5hdG9yLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbTWF0Y2hhUGFnaW5hdG9yRGlyZWN0aXZlXSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgICBleHBvcnRzOiBbTWF0Y2hhUGFnaW5hdG9yRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgTWF0Y2hhUGFnaW5hdG9yTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class MatchaProgressBarDirective {
|
|
4
|
-
constructor(_elementRef, _renderer) {
|
|
5
|
-
this._elementRef = _elementRef;
|
|
6
|
-
this._renderer = _renderer;
|
|
7
|
-
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
8
|
-
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-progress-bar');
|
|
9
|
-
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaProgressBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MatchaProgressBarDirective, selector: "[matcha-progress-bar]", ngImport: i0 }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaProgressBarDirective, decorators: [{
|
|
14
|
-
type: Directive,
|
|
15
|
-
args: [{
|
|
16
|
-
selector: '[matcha-progress-bar]',
|
|
17
|
-
standalone: false
|
|
18
|
-
}]
|
|
19
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLXByb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXlCLE1BQU0sZUFBZSxDQUFDOztBQU1qRSxNQUFNLE9BQU8sMEJBQTBCO0lBRW5DLFlBQ1ksV0FBdUIsRUFDdkIsU0FBb0I7UUFEcEIsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFDdkIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUU1QixnRUFBZ0U7UUFDaEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUscUJBQXFCLENBQUMsQ0FBQTtJQUNsRixDQUFDOytHQVJRLDBCQUEwQjttR0FBMUIsMEJBQTBCOzs0RkFBMUIsMEJBQTBCO2tCQUp0QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFVBQVUsRUFBRSxLQUFLO2lCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW21hdGNoYS1wcm9ncmVzcy1iYXJdJyxcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBNYXRjaGFQcm9ncmVzc0JhckRpcmVjdGl2ZSB7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSBfcmVuZGVyZXI6IFJlbmRlcmVyMlxuICAgICkge1xuICAgICAgICAvL3RoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSAnZ3JleSc7XG4gICAgICAgIHRoaXMuX3JlbmRlcmVyLmFkZENsYXNzKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ21hdGNoYS1wcm9ncmVzcy1iYXInKVxuICAgIH1cblxufVxuIl19
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MatchaProgressBarDirective } from './progress-bar.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class MatchaProgressBarModule {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaProgressBarModule, declarations: [MatchaProgressBarDirective], imports: [CommonModule], exports: [MatchaProgressBarDirective] }); }
|
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaProgressBarModule, imports: [CommonModule] }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaProgressBarModule, decorators: [{
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
declarations: [MatchaProgressBarDirective],
|
|
14
|
-
imports: [
|
|
15
|
-
CommonModule
|
|
16
|
-
],
|
|
17
|
-
exports: [
|
|
18
|
-
MatchaProgressBarDirective
|
|
19
|
-
]
|
|
20
|
-
}]
|
|
21
|
-
}] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLXByb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQVd0RSxNQUFNLE9BQU8sdUJBQXVCOytHQUF2Qix1QkFBdUI7Z0hBQXZCLHVCQUF1QixpQkFSbkIsMEJBQTBCLGFBRXZDLFlBQVksYUFHViwwQkFBMEI7Z0hBR25CLHVCQUF1QixZQU5oQyxZQUFZOzs0RkFNSCx1QkFBdUI7a0JBVG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7b0JBQzFDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBQzt3QkFDSiwwQkFBMEI7cUJBQzdCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRjaGFQcm9ncmVzc0JhckRpcmVjdGl2ZSB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW01hdGNoYVByb2dyZXNzQmFyRGlyZWN0aXZlXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBleHBvcnRzOltcbiAgICAgIE1hdGNoYVByb2dyZXNzQmFyRGlyZWN0aXZlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTWF0Y2hhUHJvZ3Jlc3NCYXJNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Directive } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class MatchaRadioButtonDirective {
|
|
4
|
-
constructor(_elementRef, _renderer) {
|
|
5
|
-
this._elementRef = _elementRef;
|
|
6
|
-
this._renderer = _renderer;
|
|
7
|
-
//this._elementRef.nativeElement.style.backgroundColor = 'grey';
|
|
8
|
-
this._renderer.addClass(this._elementRef.nativeElement, 'matcha-radio-button');
|
|
9
|
-
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRadioButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MatchaRadioButtonDirective, selector: "[matchaRadioButton]", ngImport: i0 }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRadioButtonDirective, decorators: [{
|
|
14
|
-
type: Directive,
|
|
15
|
-
args: [{
|
|
16
|
-
selector: '[matchaRadioButton]',
|
|
17
|
-
standalone: false
|
|
18
|
-
}]
|
|
19
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2hhLXJhZGlvLWJ1dHRvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXRjaGEtY29tcG9uZW50cy9zcmMvbGliL21hdGNoYS1yYWRpby1idXR0b24vbWF0Y2hhLXJhZGlvLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBeUIsTUFBTSxlQUFlLENBQUM7O0FBTWpFLE1BQU0sT0FBTywwQkFBMEI7SUFFbkMsWUFDWSxXQUF1QixFQUN2QixTQUFvQjtRQURwQixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUN2QixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBRTVCLGdFQUFnRTtRQUNoRSxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxxQkFBcUIsQ0FBQyxDQUFBO0lBQ2xGLENBQUM7K0dBUlEsMEJBQTBCO21HQUExQiwwQkFBMEI7OzRGQUExQiwwQkFBMEI7a0JBSnRDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsVUFBVSxFQUFFLEtBQUs7aUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbbWF0Y2hhUmFkaW9CdXR0b25dJyxcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBNYXRjaGFSYWRpb0J1dHRvbkRpcmVjdGl2ZSB7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSBfcmVuZGVyZXI6IFJlbmRlcmVyMlxuICAgICkge1xuICAgICAgICAvL3RoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSAnZ3JleSc7XG4gICAgICAgIHRoaXMuX3JlbmRlcmVyLmFkZENsYXNzKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ21hdGNoYS1yYWRpby1idXR0b24nKVxuICAgIH1cblxufVxuIl19
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MatchaRadioButtonDirective } from './matcha-radio-button.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class MatchaRadioButtonModule {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaRadioButtonModule, declarations: [MatchaRadioButtonDirective], imports: [CommonModule], exports: [MatchaRadioButtonDirective] }); }
|
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRadioButtonModule, imports: [CommonModule] }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRadioButtonModule, decorators: [{
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
declarations: [MatchaRadioButtonDirective],
|
|
14
|
-
imports: [
|
|
15
|
-
CommonModule
|
|
16
|
-
],
|
|
17
|
-
exports: [MatchaRadioButtonDirective]
|
|
18
|
-
}]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLXJhZGlvLWJ1dHRvbi9yYWRpby1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQVM3RSxNQUFNLE9BQU8sdUJBQXVCOytHQUF2Qix1QkFBdUI7Z0hBQXZCLHVCQUF1QixpQkFObkIsMEJBQTBCLGFBRXZDLFlBQVksYUFFTCwwQkFBMEI7Z0hBRXhCLHVCQUF1QixZQUpoQyxZQUFZOzs0RkFJSCx1QkFBdUI7a0JBUG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7b0JBQzFDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBQyxDQUFDLDBCQUEwQixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0Y2hhUmFkaW9CdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL21hdGNoYS1yYWRpby1idXR0b24uZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTWF0Y2hhUmFkaW9CdXR0b25EaXJlY3RpdmVdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6W01hdGNoYVJhZGlvQnV0dG9uRGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRjaGFSYWRpb0J1dHRvbk1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Directive, HostListener, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class MatchaRippleDirective {
|
|
4
|
-
constructor(el) {
|
|
5
|
-
this.el = el;
|
|
6
|
-
this.rippleColor = 'rgba(0, 0, 0, 0.5)'; // Cor padrão do efeito
|
|
7
|
-
this.ripples = [];
|
|
8
|
-
// Garantir que o elemento tenha position relative
|
|
9
|
-
this.el.nativeElement.style.position = 'relative';
|
|
10
|
-
this.el.nativeElement.style.overflow = 'hidden';
|
|
11
|
-
}
|
|
12
|
-
onMouseDown(event) {
|
|
13
|
-
const target = this.el.nativeElement;
|
|
14
|
-
const rect = target.getBoundingClientRect();
|
|
15
|
-
const ripple = document.createElement('span');
|
|
16
|
-
ripple.className = 'ripple';
|
|
17
|
-
// Definir o tamanho do ripple baseado no maior lado do elemento
|
|
18
|
-
const size = Math.max(target.offsetWidth, target.offsetHeight);
|
|
19
|
-
ripple.style.height = ripple.style.width = size * 2 + 'px';
|
|
20
|
-
// Aplicar estilo básico ao ripple
|
|
21
|
-
ripple.style.backgroundColor = this.rippleColor;
|
|
22
|
-
ripple.style.position = 'absolute';
|
|
23
|
-
ripple.style.borderRadius = '50%';
|
|
24
|
-
ripple.style.opacity = '0.5';
|
|
25
|
-
ripple.style.transform = 'scale(0)';
|
|
26
|
-
ripple.style.transition = 'transform 0.6s, opacity 0.6s';
|
|
27
|
-
ripple.style.pointerEvents = 'none';
|
|
28
|
-
const top = event.pageY - rect.top - size + window.scrollY;
|
|
29
|
-
const left = event.pageX - rect.left - size + window.scrollX;
|
|
30
|
-
ripple.style.top = top + 'px';
|
|
31
|
-
ripple.style.left = left + 'px';
|
|
32
|
-
target.appendChild(ripple);
|
|
33
|
-
this.ripples.push(ripple);
|
|
34
|
-
// Inicia a animação no próximo frame
|
|
35
|
-
requestAnimationFrame(() => {
|
|
36
|
-
ripple.style.transform = 'scale(2)';
|
|
37
|
-
ripple.style.opacity = '0';
|
|
38
|
-
});
|
|
39
|
-
// Remove o ripple após a animação
|
|
40
|
-
setTimeout(() => {
|
|
41
|
-
if (ripple && ripple.parentElement) {
|
|
42
|
-
ripple.parentElement.removeChild(ripple);
|
|
43
|
-
this.ripples = this.ripples.filter(r => r !== ripple);
|
|
44
|
-
}
|
|
45
|
-
}, 600);
|
|
46
|
-
}
|
|
47
|
-
ngOnDestroy() {
|
|
48
|
-
// Limpa todos os ripples quando o componente é destruído
|
|
49
|
-
this.ripples.forEach(ripple => {
|
|
50
|
-
if (ripple && ripple.parentElement) {
|
|
51
|
-
ripple.parentElement.removeChild(ripple);
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
this.ripples = [];
|
|
55
|
-
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRippleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
57
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MatchaRippleDirective, selector: "[matchaRipple]", inputs: { rippleColor: "rippleColor" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 }); }
|
|
58
|
-
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRippleDirective, decorators: [{
|
|
60
|
-
type: Directive,
|
|
61
|
-
args: [{
|
|
62
|
-
selector: '[matchaRipple]',
|
|
63
|
-
standalone: false
|
|
64
|
-
}]
|
|
65
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rippleColor: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], onMouseDown: [{
|
|
68
|
-
type: HostListener,
|
|
69
|
-
args: ['mousedown', ['$event']]
|
|
70
|
-
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLXJpcHBsZS9yaXBwbGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQzs7QUFNdEYsTUFBTSxPQUFPLHFCQUFxQjtJQUk5QixZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUh6QixnQkFBVyxHQUFXLG9CQUFvQixDQUFDLENBQUMsdUJBQXVCO1FBQ3BFLFlBQU8sR0FBa0IsRUFBRSxDQUFDO1FBR2hDLGtEQUFrRDtRQUNsRCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztRQUNsRCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUNwRCxDQUFDO0lBR0QsV0FBVyxDQUFDLEtBQWlCO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO1FBQ3JDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBRTVDLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDOUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7UUFFNUIsZ0VBQWdFO1FBQ2hFLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDL0QsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUM7UUFFM0Qsa0NBQWtDO1FBQ2xDLE1BQU0sQ0FBQyxLQUFLLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDaEQsTUFBTSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO1FBQ25DLE1BQU0sQ0FBQyxLQUFLLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUNsQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDN0IsTUFBTSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsVUFBVSxDQUFDO1FBQ3BDLE1BQU0sQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDhCQUE4QixDQUFDO1FBQ3pELE1BQU0sQ0FBQyxLQUFLLENBQUMsYUFBYSxHQUFHLE1BQU0sQ0FBQztRQUVwQyxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7UUFDM0QsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBRTdELE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUM7UUFDOUIsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsSUFBSSxHQUFHLElBQUksQ0FBQztRQUVoQyxNQUFNLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRTFCLHFDQUFxQztRQUNyQyxxQkFBcUIsQ0FBQyxHQUFHLEVBQUU7WUFDdkIsTUFBTSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsVUFBVSxDQUFDO1lBQ3BDLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztRQUVILGtDQUFrQztRQUNsQyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxNQUFNLElBQUksTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUNqQyxNQUFNLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDekMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsS0FBSyxNQUFNLENBQUMsQ0FBQztZQUMxRCxDQUFDO1FBQ0wsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1osQ0FBQztJQUVELFdBQVc7UUFDUCx5REFBeUQ7UUFDekQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDMUIsSUFBSSxNQUFNLElBQUksTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUNqQyxNQUFNLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM3QyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQS9EUSxxQkFBcUI7bUdBQXJCLHFCQUFxQjs7NEZBQXJCLHFCQUFxQjtrQkFKakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsS0FBSztpQkFDcEI7K0VBRVksV0FBVztzQkFBbkIsS0FBSztnQkFVTixXQUFXO3NCQURWLFlBQVk7dUJBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbbWF0Y2hhUmlwcGxlXScsXG4gICAgc3RhbmRhbG9uZTogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgTWF0Y2hhUmlwcGxlRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBASW5wdXQoKSByaXBwbGVDb2xvcjogc3RyaW5nID0gJ3JnYmEoMCwgMCwgMCwgMC41KSc7IC8vIENvciBwYWRyw6NvIGRvIGVmZWl0b1xuICAgIHByaXZhdGUgcmlwcGxlczogSFRNTEVsZW1lbnRbXSA9IFtdO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikge1xuICAgICAgICAvLyBHYXJhbnRpciBxdWUgbyBlbGVtZW50byB0ZW5oYSBwb3NpdGlvbiByZWxhdGl2ZVxuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUucG9zaXRpb24gPSAncmVsYXRpdmUnO1xuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWRvd24nLCBbJyRldmVudCddKVxuICAgIG9uTW91c2VEb3duKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHRhcmdldCA9IHRoaXMuZWwubmF0aXZlRWxlbWVudDtcbiAgICAgICAgY29uc3QgcmVjdCA9IHRhcmdldC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgICAgICBjb25zdCByaXBwbGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XG4gICAgICAgIHJpcHBsZS5jbGFzc05hbWUgPSAncmlwcGxlJztcblxuICAgICAgICAvLyBEZWZpbmlyIG8gdGFtYW5obyBkbyByaXBwbGUgYmFzZWFkbyBubyBtYWlvciBsYWRvIGRvIGVsZW1lbnRvXG4gICAgICAgIGNvbnN0IHNpemUgPSBNYXRoLm1heCh0YXJnZXQub2Zmc2V0V2lkdGgsIHRhcmdldC5vZmZzZXRIZWlnaHQpO1xuICAgICAgICByaXBwbGUuc3R5bGUuaGVpZ2h0ID0gcmlwcGxlLnN0eWxlLndpZHRoID0gc2l6ZSAqIDIgKyAncHgnO1xuXG4gICAgICAgIC8vIEFwbGljYXIgZXN0aWxvIGLDoXNpY28gYW8gcmlwcGxlXG4gICAgICAgIHJpcHBsZS5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLnJpcHBsZUNvbG9yO1xuICAgICAgICByaXBwbGUuc3R5bGUucG9zaXRpb24gPSAnYWJzb2x1dGUnO1xuICAgICAgICByaXBwbGUuc3R5bGUuYm9yZGVyUmFkaXVzID0gJzUwJSc7XG4gICAgICAgIHJpcHBsZS5zdHlsZS5vcGFjaXR5ID0gJzAuNSc7XG4gICAgICAgIHJpcHBsZS5zdHlsZS50cmFuc2Zvcm0gPSAnc2NhbGUoMCknO1xuICAgICAgICByaXBwbGUuc3R5bGUudHJhbnNpdGlvbiA9ICd0cmFuc2Zvcm0gMC42cywgb3BhY2l0eSAwLjZzJztcbiAgICAgICAgcmlwcGxlLnN0eWxlLnBvaW50ZXJFdmVudHMgPSAnbm9uZSc7XG5cbiAgICAgICAgY29uc3QgdG9wID0gZXZlbnQucGFnZVkgLSByZWN0LnRvcCAtIHNpemUgKyB3aW5kb3cuc2Nyb2xsWTtcbiAgICAgICAgY29uc3QgbGVmdCA9IGV2ZW50LnBhZ2VYIC0gcmVjdC5sZWZ0IC0gc2l6ZSArIHdpbmRvdy5zY3JvbGxYO1xuXG4gICAgICAgIHJpcHBsZS5zdHlsZS50b3AgPSB0b3AgKyAncHgnO1xuICAgICAgICByaXBwbGUuc3R5bGUubGVmdCA9IGxlZnQgKyAncHgnO1xuXG4gICAgICAgIHRhcmdldC5hcHBlbmRDaGlsZChyaXBwbGUpO1xuICAgICAgICB0aGlzLnJpcHBsZXMucHVzaChyaXBwbGUpO1xuXG4gICAgICAgIC8vIEluaWNpYSBhIGFuaW1hw6fDo28gbm8gcHLDs3hpbW8gZnJhbWVcbiAgICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgICAgIHJpcHBsZS5zdHlsZS50cmFuc2Zvcm0gPSAnc2NhbGUoMiknO1xuICAgICAgICAgICAgcmlwcGxlLnN0eWxlLm9wYWNpdHkgPSAnMCc7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIC8vIFJlbW92ZSBvIHJpcHBsZSBhcMOzcyBhIGFuaW1hw6fDo29cbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAocmlwcGxlICYmIHJpcHBsZS5wYXJlbnRFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgcmlwcGxlLnBhcmVudEVsZW1lbnQucmVtb3ZlQ2hpbGQocmlwcGxlKTtcbiAgICAgICAgICAgICAgICB0aGlzLnJpcHBsZXMgPSB0aGlzLnJpcHBsZXMuZmlsdGVyKHIgPT4gciAhPT0gcmlwcGxlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgNjAwKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgLy8gTGltcGEgdG9kb3Mgb3MgcmlwcGxlcyBxdWFuZG8gbyBjb21wb25lbnRlIMOpIGRlc3RydcOtZG9cbiAgICAgICAgdGhpcy5yaXBwbGVzLmZvckVhY2gocmlwcGxlID0+IHtcbiAgICAgICAgICAgIGlmIChyaXBwbGUgJiYgcmlwcGxlLnBhcmVudEVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICByaXBwbGUucGFyZW50RWxlbWVudC5yZW1vdmVDaGlsZChyaXBwbGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5yaXBwbGVzID0gW107XG4gICAgfVxufSJdfQ==
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MatchaRippleDirective } from './ripple.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class MatchaRippleModule {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaRippleModule, declarations: [MatchaRippleDirective], imports: [CommonModule], exports: [MatchaRippleDirective] }); }
|
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRippleModule, imports: [CommonModule] }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaRippleModule, decorators: [{
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
declarations: [
|
|
14
|
-
MatchaRippleDirective
|
|
15
|
-
],
|
|
16
|
-
imports: [
|
|
17
|
-
CommonModule
|
|
18
|
-
],
|
|
19
|
-
exports: [
|
|
20
|
-
MatchaRippleDirective
|
|
21
|
-
],
|
|
22
|
-
}]
|
|
23
|
-
}] });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGNoYS1jb21wb25lbnRzL3NyYy9saWIvbWF0Y2hhLXJpcHBsZS9yaXBwbGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQWEzRCxNQUFNLE9BQU8sa0JBQWtCOytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFUdkIscUJBQXFCLGFBR3JCLFlBQVksYUFHWixxQkFBcUI7Z0hBR2hCLGtCQUFrQixZQU52QixZQUFZOzs0RkFNUCxrQkFBa0I7a0JBWDlCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLHFCQUFxQjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLFlBQVk7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLHFCQUFxQjtxQkFDeEI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdGNoYVJpcHBsZURpcmVjdGl2ZSB9IGZyb20gJy4vcmlwcGxlLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIE1hdGNoYVJpcHBsZURpcmVjdGl2ZVxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgTWF0Y2hhUmlwcGxlRGlyZWN0aXZlXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTWF0Y2hhUmlwcGxlTW9kdWxlIHsgfVxuIl19
|