ontimize-web-ngx
Version:
Ontimize Web framework using Angular 15
62 lines • 9.9 kB
JavaScript
import { Component, EventEmitter, ViewChild, ViewEncapsulation } from '@angular/core';
import { MatButtonToggle } from '@angular/material/button-toggle';
import { Util } from '../../util/util';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/button-toggle";
import * as i3 from "@angular/material/icon";
import * as i4 from "../../pipes/o-translate.pipe";
export const DEFAULT_INPUTS_O_BUTTON_TOGGLE = [
'oattr: attr',
'label',
'icon',
'iconPosition: icon-position',
'checked',
'enabled',
'value',
'name'
];
export const DEFAULT_OUTPUTS_O_BUTTON_TOGGLE = [
'onChange'
];
export class OButtonToggleComponent {
constructor() {
this.DEFAULT_INPUTS_O_BUTTON_TOGGLE = DEFAULT_INPUTS_O_BUTTON_TOGGLE;
this.DEFAULT_OUTPUTS_O_BUTTON_TOGGLE = DEFAULT_OUTPUTS_O_BUTTON_TOGGLE;
this.iconPosition = 'before';
this.onChange = new EventEmitter();
this._checked = false;
this._enabled = true;
}
;
get checked() {
return this._innerButtonToggle.checked;
}
set checked(val) {
this._checked = Util.parseBoolean(String(val));
}
get enabled() {
return !this._innerButtonToggle.disabled;
}
set enabled(val) {
this._enabled = Util.parseBoolean(String(val));
}
get value() {
return this._innerButtonToggle.value;
}
set value(val) {
this._value = val;
}
}
OButtonToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OButtonToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OButtonToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OButtonToggleComponent, selector: "o-button-toggle", inputs: { oattr: ["attr", "oattr"], label: "label", icon: "icon", iconPosition: ["icon-position", "iconPosition"], checked: "checked", enabled: "enabled", value: "value", name: "name" }, outputs: { onChange: "onChange" }, host: { properties: { "class.o-button-toggle": "true" } }, viewQueries: [{ propertyName: "_innerButtonToggle", first: true, predicate: ["bt"], descendants: true, static: true }], ngImport: i0, template: "<mat-button-toggle #bt [id]=\"oattr\" [name]=\"name\" [checked]=\"_checked\" [disabled]=\"!_enabled\" [value]=\"_value\" (change)=\"onChange.emit($event)\">\n <mat-icon *ngIf=\"icon && iconPosition==='before'\">{{ icon }}</mat-icon>\n {{ label | oTranslate }}\n <mat-icon *ngIf=\"icon && iconPosition==='after'\">{{ icon }}</mat-icon>\n</mat-button-toggle>\n", styles: [".o-button-toggle{display:inline-block}.o-button-toggle .mat-button-toggle{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.OTranslatePipe, name: "oTranslate" }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OButtonToggleComponent, decorators: [{
type: Component,
args: [{ selector: 'o-button-toggle', inputs: DEFAULT_INPUTS_O_BUTTON_TOGGLE, outputs: DEFAULT_OUTPUTS_O_BUTTON_TOGGLE, encapsulation: ViewEncapsulation.None, host: {
'[class.o-button-toggle]': 'true'
}, template: "<mat-button-toggle #bt [id]=\"oattr\" [name]=\"name\" [checked]=\"_checked\" [disabled]=\"!_enabled\" [value]=\"_value\" (change)=\"onChange.emit($event)\">\n <mat-icon *ngIf=\"icon && iconPosition==='before'\">{{ icon }}</mat-icon>\n {{ label | oTranslate }}\n <mat-icon *ngIf=\"icon && iconPosition==='after'\">{{ icon }}</mat-icon>\n</mat-button-toggle>\n", styles: [".o-button-toggle{display:inline-block}.o-button-toggle .mat-button-toggle{display:flex}\n"] }]
}], propDecorators: { _innerButtonToggle: [{
type: ViewChild,
args: ['bt', { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1idXR0b24tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29udGltaXplLXdlYi1uZ3gvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi10b2dnbGUvby1idXR0b24tdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29udGltaXplLXdlYi1uZ3gvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi10b2dnbGUvby1idXR0b24tdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsZUFBZSxFQUF5QixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7O0FBRXZDLE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQUFHO0lBQzVDLGFBQWE7SUFDYixPQUFPO0lBRVAsTUFBTTtJQUNOLDZCQUE2QjtJQUM3QixTQUFTO0lBQ1QsU0FBUztJQUNULE9BQU87SUFDUCxNQUFNO0NBQ1AsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLCtCQUErQixHQUFHO0lBQzdDLFVBQVU7Q0FDWCxDQUFDO0FBYUYsTUFBTSxPQUFPLHNCQUFzQjtJQVhuQztRQWFTLG1DQUE4QixHQUFHLDhCQUE4QixDQUFDO1FBQ2hFLG9DQUErQixHQUFHLCtCQUErQixDQUFDO1FBTWxFLGlCQUFZLEdBQXVCLFFBQVEsQ0FBQztRQU01QyxhQUFRLEdBQXdDLElBQUksWUFBWSxFQUFFLENBQUM7UUFLbkUsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixhQUFRLEdBQVksSUFBSSxDQUFDO0tBMkJqQztJQTVCa0MsQ0FBQztJQUtsQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUM7SUFDekMsQ0FBQztJQUVELElBQUksT0FBTyxDQUFDLEdBQVk7UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBSSxPQUFPLENBQUMsR0FBWTtRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsR0FBUTtRQUNoQixJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztJQUNwQixDQUFDOztvSEEvQ1Usc0JBQXNCO3dHQUF0QixzQkFBc0Isd2NDL0JuQywyV0FLQTs0RkQwQmEsc0JBQXNCO2tCQVhsQyxTQUFTOytCQUNFLGlCQUFpQixVQUduQiw4QkFBOEIsV0FDN0IsK0JBQStCLGlCQUN6QixpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNKLHlCQUF5QixFQUFFLE1BQU07cUJBQ2xDOzhCQW9CeUMsa0JBQWtCO3NCQUEzRCxTQUFTO3VCQUFDLElBQUksRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uVG9nZ2xlLCBNYXRCdXR0b25Ub2dnbGVDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24tdG9nZ2xlJztcbmltcG9ydCB7IFV0aWwgfSBmcm9tICcuLi8uLi91dGlsL3V0aWwnO1xuXG5leHBvcnQgY29uc3QgREVGQVVMVF9JTlBVVFNfT19CVVRUT05fVE9HR0xFID0gW1xuICAnb2F0dHI6IGF0dHInLFxuICAnbGFiZWwnLFxuICAvLyBpY29uIFtzdHJpbmddOiBOYW1lIG9mIGdvb2dsZSBpY29uIChzZWUgaHR0cHM6Ly9kZXNpZ24uZ29vZ2xlLmNvbS9pY29ucy8pXG4gICdpY29uJyxcbiAgJ2ljb25Qb3NpdGlvbjogaWNvbi1wb3NpdGlvbicsXG4gICdjaGVja2VkJyxcbiAgJ2VuYWJsZWQnLFxuICAndmFsdWUnLFxuICAnbmFtZSdcbl07XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX09VVFBVVFNfT19CVVRUT05fVE9HR0xFID0gW1xuICAnb25DaGFuZ2UnXG5dO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvLWJ1dHRvbi10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vby1idXR0b24tdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vby1idXR0b24tdG9nZ2xlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogREVGQVVMVF9JTlBVVFNfT19CVVRUT05fVE9HR0xFLFxuICBvdXRwdXRzOiBERUZBVUxUX09VVFBVVFNfT19CVVRUT05fVE9HR0xFLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5vLWJ1dHRvbi10b2dnbGVdJzogJ3RydWUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgT0J1dHRvblRvZ2dsZUNvbXBvbmVudCB7XG5cbiAgcHVibGljIERFRkFVTFRfSU5QVVRTX09fQlVUVE9OX1RPR0dMRSA9IERFRkFVTFRfSU5QVVRTX09fQlVUVE9OX1RPR0dMRTtcbiAgcHVibGljIERFRkFVTFRfT1VUUFVUU19PX0JVVFRPTl9UT0dHTEUgPSBERUZBVUxUX09VVFBVVFNfT19CVVRUT05fVE9HR0xFO1xuXG4gIC8qIElucHV0cyAqL1xuICBwdWJsaWMgb2F0dHI6IHN0cmluZztcbiAgcHVibGljIGxhYmVsOiBzdHJpbmc7XG4gIHB1YmxpYyBpY29uOiBzdHJpbmc7XG4gIHB1YmxpYyBpY29uUG9zaXRpb246ICdiZWZvcmUnIHwgJ2FmdGVyJyA9ICdiZWZvcmUnO1xuXG4gIHB1YmxpYyBuYW1lOiBzdHJpbmc7XG4gIC8qIEVuZCBpbnB1dHMgKi9cblxuICAvKiBPdXRwdXRzICovXG4gIHB1YmxpYyBvbkNoYW5nZTogRXZlbnRFbWl0dGVyPE1hdEJ1dHRvblRvZ2dsZUNoYW5nZT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIC8qIEVuZCBvdXRwdXRzICovXG5cbiAgQFZpZXdDaGlsZCgnYnQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgX2lubmVyQnV0dG9uVG9nZ2xlOiBNYXRCdXR0b25Ub2dnbGU7XG5cbiAgcHVibGljIF9jaGVja2VkOiBib29sZWFuID0gZmFsc2U7O1xuICBwdWJsaWMgX2VuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICBwdWJsaWMgX3ZhbHVlOiBhbnk7XG5cblxuICBnZXQgY2hlY2tlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5faW5uZXJCdXR0b25Ub2dnbGUuY2hlY2tlZDtcbiAgfVxuXG4gIHNldCBjaGVja2VkKHZhbDogYm9vbGVhbikge1xuICAgIHRoaXMuX2NoZWNrZWQgPSBVdGlsLnBhcnNlQm9vbGVhbihTdHJpbmcodmFsKSk7XG4gIH1cblxuICBnZXQgZW5hYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIXRoaXMuX2lubmVyQnV0dG9uVG9nZ2xlLmRpc2FibGVkO1xuICB9XG5cbiAgc2V0IGVuYWJsZWQodmFsOiBib29sZWFuKSB7XG4gICAgdGhpcy5fZW5hYmxlZCA9IFV0aWwucGFyc2VCb29sZWFuKFN0cmluZyh2YWwpKTtcbiAgfVxuXG4gIGdldCB2YWx1ZSgpOiBhbnkge1xuICAgIHJldHVybiB0aGlzLl9pbm5lckJ1dHRvblRvZ2dsZS52YWx1ZTtcbiAgfVxuXG4gIHNldCB2YWx1ZSh2YWw6IGFueSkge1xuICAgIHRoaXMuX3ZhbHVlID0gdmFsO1xuICB9XG59XG4iLCI8bWF0LWJ1dHRvbi10b2dnbGUgI2J0IFtpZF09XCJvYXR0clwiIFtuYW1lXT1cIm5hbWVcIiBbY2hlY2tlZF09XCJfY2hlY2tlZFwiIFtkaXNhYmxlZF09XCIhX2VuYWJsZWRcIiBbdmFsdWVdPVwiX3ZhbHVlXCIgKGNoYW5nZSk9XCJvbkNoYW5nZS5lbWl0KCRldmVudClcIj5cbiAgPG1hdC1pY29uICpuZ0lmPVwiaWNvbiAmJiBpY29uUG9zaXRpb249PT0nYmVmb3JlJ1wiPnt7IGljb24gfX08L21hdC1pY29uPlxuICB7eyBsYWJlbCB8IG9UcmFuc2xhdGUgfX1cbiAgPG1hdC1pY29uICpuZ0lmPVwiaWNvbiAmJiBpY29uUG9zaXRpb249PT0nYWZ0ZXInXCI+e3sgaWNvbiB9fTwvbWF0LWljb24+XG48L21hdC1idXR0b24tdG9nZ2xlPlxuIl19