matcha-components 20.262.0 → 20.263.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.
|
@@ -8898,7 +8898,7 @@ class MatchaDateComponent {
|
|
|
8898
8898
|
useExisting: forwardRef(() => MatchaDateComponent),
|
|
8899
8899
|
multi: true
|
|
8900
8900
|
}
|
|
8901
|
-
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textInput"], descendants: true }, { propertyName: "nativeDateInput", first: true, predicate: ["nativeDateInput"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-date-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-date-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"10\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de data (hidden) para usar o datepicker nativo -->\n <input\n #nativeDateInput\n type=\"date\"\n class=\"matcha-date-native-input\"\n [value]=\"value\"\n [min]=\"min\"\n [max]=\"max\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeDateChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir datepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-date-picker-button mr--12\"\n (click)=\"openNativeDatePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de data\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-calendar color-grey\"></span>\n </button>\n</div>\n\n", styles: [".matcha-date-container{position:relative;display:flex;align-items:center;width:100%}.matcha-date-input{width:100%}.matcha-date-native-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-date-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--matcha-color-primary, #333);z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8901
|
+
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textInput"], descendants: true }, { propertyName: "nativeDateInput", first: true, predicate: ["nativeDateInput"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-date-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-date-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"10\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de data (hidden) para usar o datepicker nativo -->\n <input\n #nativeDateInput\n type=\"date\"\n class=\"matcha-date-native-input\"\n [value]=\"value\"\n [min]=\"min\"\n [max]=\"max\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeDateChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir datepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-date-picker-button mr--12\"\n (click)=\"openNativeDatePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de data\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-calendar color-grey\"></span>\n </button>\n</div>\n\n", styles: [".matcha-date-container{position:relative;display:flex;align-items:center;width:100%}.matcha-date-input{width:100%}.matcha-date-native-input{position:absolute;right:0;bottom:0;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-date-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--matcha-color-primary, #333);z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8902
8902
|
}
|
|
8903
8903
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MatchaDateComponent, decorators: [{
|
|
8904
8904
|
type: Component,
|
|
@@ -8908,7 +8908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
8908
8908
|
useExisting: forwardRef(() => MatchaDateComponent),
|
|
8909
8909
|
multi: true
|
|
8910
8910
|
}
|
|
8911
|
-
], template: "<div class=\"matcha-date-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-date-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"10\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de data (hidden) para usar o datepicker nativo -->\n <input\n #nativeDateInput\n type=\"date\"\n class=\"matcha-date-native-input\"\n [value]=\"value\"\n [min]=\"min\"\n [max]=\"max\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeDateChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir datepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-date-picker-button mr--12\"\n (click)=\"openNativeDatePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de data\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-calendar color-grey\"></span>\n </button>\n</div>\n\n", styles: [".matcha-date-container{position:relative;display:flex;align-items:center;width:100%}.matcha-date-input{width:100%}.matcha-date-native-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-date-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--matcha-color-primary, #333);z-index:1}\n"] }]
|
|
8911
|
+
], template: "<div class=\"matcha-date-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-date-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"10\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de data (hidden) para usar o datepicker nativo -->\n <input\n #nativeDateInput\n type=\"date\"\n class=\"matcha-date-native-input\"\n [value]=\"value\"\n [min]=\"min\"\n [max]=\"max\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeDateChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir datepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-date-picker-button mr--12\"\n (click)=\"openNativeDatePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de data\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-calendar color-grey\"></span>\n </button>\n</div>\n\n", styles: [".matcha-date-container{position:relative;display:flex;align-items:center;width:100%}.matcha-date-input{width:100%}.matcha-date-native-input{position:absolute;right:0;bottom:0;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-date-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--matcha-color-primary, #333);z-index:1}\n"] }]
|
|
8912
8912
|
}], propDecorators: { placeholder: [{
|
|
8913
8913
|
type: Input
|
|
8914
8914
|
}], min: [{
|
|
@@ -9121,7 +9121,7 @@ class MatchaTimeComponent {
|
|
|
9121
9121
|
useExisting: forwardRef(() => MatchaTimeComponent),
|
|
9122
9122
|
multi: true
|
|
9123
9123
|
}
|
|
9124
|
-
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textInput"], descendants: true }, { propertyName: "nativeTimeInput", first: true, predicate: ["nativeTimeInput"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-time-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-time-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"5\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de hora (hidden) para usar o timepicker nativo -->\n <input\n #nativeTimeInput\n type=\"time\"\n class=\"matcha-time-native-input\"\n [value]=\"value\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeTimeChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir timepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-time-picker-button mr--12\"\n (click)=\"openNativeTimePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de hora\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-clock-out color-grey\"></span>\n </button>\n</div>\n", styles: [".matcha-time-container{position:relative;display:flex;align-items:center;width:100%}.matcha-time-input{width:100%}.matcha-time-native-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-time-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9124
|
+
], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textInput"], descendants: true }, { propertyName: "nativeTimeInput", first: true, predicate: ["nativeTimeInput"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-time-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-time-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"5\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de hora (hidden) para usar o timepicker nativo -->\n <input\n #nativeTimeInput\n type=\"time\"\n class=\"matcha-time-native-input\"\n [value]=\"value\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeTimeChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir timepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-time-picker-button mr--12\"\n (click)=\"openNativeTimePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de hora\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-clock-out color-grey\"></span>\n </button>\n</div>\n", styles: [".matcha-time-container{position:relative;display:flex;align-items:center;width:100%}.matcha-time-input{width:100%}.matcha-time-native-input{position:absolute;right:0;bottom:0;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-time-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;z-index:1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9125
9125
|
}
|
|
9126
9126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MatchaTimeComponent, decorators: [{
|
|
9127
9127
|
type: Component,
|
|
@@ -9136,7 +9136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
9136
9136
|
useExisting: forwardRef(() => MatchaTimeComponent),
|
|
9137
9137
|
multi: true
|
|
9138
9138
|
}
|
|
9139
|
-
], template: "<div class=\"matcha-time-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-time-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"5\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de hora (hidden) para usar o timepicker nativo -->\n <input\n #nativeTimeInput\n type=\"time\"\n class=\"matcha-time-native-input\"\n [value]=\"value\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeTimeChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir timepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-time-picker-button mr--12\"\n (click)=\"openNativeTimePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de hora\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-clock-out color-grey\"></span>\n </button>\n</div>\n", styles: [".matcha-time-container{position:relative;display:flex;align-items:center;width:100%}.matcha-time-input{width:100%}.matcha-time-native-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-time-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;z-index:1}\n"] }]
|
|
9139
|
+
], template: "<div class=\"matcha-time-container\">\n <input\n #textInput\n type=\"text\"\n class=\"matcha-time-input\"\n [value]=\"displayValue\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled || isDisabled\"\n maxlength=\"5\"\n (input)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeyDown($event)\"\n />\n\n <!-- Input nativo de hora (hidden) para usar o timepicker nativo -->\n <input\n #nativeTimeInput\n type=\"time\"\n class=\"matcha-time-native-input\"\n [value]=\"value\"\n [disabled]=\"disabled || isDisabled\"\n (change)=\"onNativeTimeChange($event)\"\n tabindex=\"-1\"\n />\n\n <!-- Bot\u00E3o para abrir timepicker nativo (opcional) -->\n <button\n *ngIf=\"showNativePicker && !disabled && !isDisabled\"\n type=\"button\"\n class=\"matcha-time-picker-button mr--12\"\n (click)=\"openNativeTimePicker()\"\n [disabled]=\"disabled || isDisabled\"\n aria-label=\"Abrir seletor de hora\"\n tabindex=\"0\"\n >\n <span class=\"i-matcha-clock-out color-grey\"></span>\n </button>\n</div>\n", styles: [".matcha-time-container{position:relative;display:flex;align-items:center;width:100%}.matcha-time-input{width:100%}.matcha-time-native-input{position:absolute;right:0;bottom:0;opacity:0;pointer-events:none;width:0;height:0;border:none;padding:0;margin:0}.matcha-time-picker-button{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;z-index:1}\n"] }]
|
|
9140
9140
|
}], propDecorators: { placeholder: [{
|
|
9141
9141
|
type: Input
|
|
9142
9142
|
}], disabled: [{
|