btv-base-controls 0.1.8 → 0.1.10
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/esm2020/lib/btv-icon-button/btv-counter-button.mjs +1 -1
- package/esm2020/lib/btv-icon-button/btv-icon-button.component.mjs +1 -1
- package/esm2020/lib/btv-search/btv-search.component.mjs +1 -1
- package/esm2020/lib/wm-info/wm-info.component.mjs +1 -1
- package/esm2020/lib/wm-panel-bar/wm-panel-bar.component.mjs +1 -1
- package/esm2020/lib/wm-tag/wm-tag.component.mjs +9 -3
- package/esm2020/lib/wm-tamplate-image/wm-template-image.component.mjs +5 -2
- package/fesm2015/btv-base-controls.mjs +16 -8
- package/fesm2015/btv-base-controls.mjs.map +1 -1
- package/fesm2020/btv-base-controls.mjs +16 -8
- package/fesm2020/btv-base-controls.mjs.map +1 -1
- package/lib/wm-tag/wm-tag.component.d.ts +3 -1
- package/lib/wm-tamplate-image/wm-template-image.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -35,7 +35,7 @@ export class BtvCounterButtonComponent extends BtvIconButtonComponent {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
BtvCounterButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvCounterButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
BtvCounterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvCounterButtonComponent, selector: "btv-counter-button", inputs: { counter: "counter", unavailableText: "unavailableText" }, usesInheritance: true, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\">\r\n </wm-template-image>\r\n\r\n <ng-content></ng-content>\r\n\r\n <span class=\"wm-counter\" [title]=\"counter\" *ngIf=\"counter > 0\">{{counterLabel}}</span>\r\n\r\n</button>\r\n\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-disabled\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }, { kind: "directive", type: i3.ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
|
+
BtvCounterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvCounterButtonComponent, selector: "btv-counter-button", inputs: { counter: "counter", unavailableText: "unavailableText" }, usesInheritance: true, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\">\r\n </wm-template-image>\r\n\r\n <ng-content></ng-content>\r\n\r\n <span class=\"wm-counter\" [title]=\"counter\" *ngIf=\"counter > 0\">{{counterLabel}}</span>\r\n\r\n</button>\r\n\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-disabled\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }, { kind: "directive", type: i3.ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvCounterButtonComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'btv-counter-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\">\r\n </wm-template-image>\r\n\r\n <ng-content></ng-content>\r\n\r\n <span class=\"wm-counter\" [title]=\"counter\" *ngIf=\"counter > 0\">{{counterLabel}}</span>\r\n\r\n</button>\r\n\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-disabled\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"] }]
|
|
@@ -45,7 +45,7 @@ export class BtvIconButtonComponent {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
BtvIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
BtvIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvIconButtonComponent, selector: "btv-icon-button", inputs: { titleText: "titleText", disabled: "disabled", size: "size", icon: "icon", changed: "changed", isTabStop: "isTabStop", light: "light", buttonClasses: "buttonClasses", imageClasses: "imageClasses", danger: "danger", unavailableText: "unavailableText" }, outputs: { iClick: "iClick" }, host: { properties: { "class.disabled": "this.getIsDisabled", "class.small": "this.getIsSmall", "class.medium": "this.getIsMedium", "class.danger": "this.getIsDanger" } }, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\" [classes]=\"imageClasses\">\r\n </wm-template-image>\r\n <ng-content></ng-content>\r\n\r\n</button>\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-text\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }, { kind: "directive", type: i3.ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
48
|
+
BtvIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvIconButtonComponent, selector: "btv-icon-button", inputs: { titleText: "titleText", disabled: "disabled", size: "size", icon: "icon", changed: "changed", isTabStop: "isTabStop", light: "light", buttonClasses: "buttonClasses", imageClasses: "imageClasses", danger: "danger", unavailableText: "unavailableText" }, outputs: { iClick: "iClick" }, host: { properties: { "class.disabled": "this.getIsDisabled", "class.small": "this.getIsSmall", "class.medium": "this.getIsMedium", "class.danger": "this.getIsDanger" } }, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\" [classes]=\"imageClasses\">\r\n </wm-template-image>\r\n <ng-content></ng-content>\r\n\r\n</button>\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-text\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }, { kind: "directive", type: i3.ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvIconButtonComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{ selector: 'btv-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\" [classes]=\"imageClasses\">\r\n </wm-template-image>\r\n <ng-content></ng-content>\r\n\r\n</button>\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-text\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"] }]
|
|
@@ -55,7 +55,7 @@ export class BtvSearch {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
BtvSearch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
-
BtvSearch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvSearch, selector: "btv-search", inputs: { searchRight: "searchRight", placeholder: "placeholder", keepExpanded: "keepExpanded", searchText: "searchText" }, outputs: { searchTextChange: "searchTextChange" }, viewQueries: [{ propertyName: "box", first: true, predicate: ["searchBox"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"wm-search flex-row\" [ngClass]=\"{'search-reverse': searchRight == 'right', 'always-opened': keepExpanded}\">\r\n\t<div class=\"search-icon inline-col\" [ngClass]=\"{'search-toggle-disabled': keepExpanded || !searchFocus}\"\r\n\t\t(click)=\"toggleSearch()\">\r\n\t\t<wm-template-image class=\"marginXA\" icon=\"search\" [light]=\"(!expanded && !searchFocus) || keepExpanded\">\r\n\t\t</wm-template-image>\r\n\t</div>\r\n\t<div class=\"search-wrap flex-col\"\r\n\t\t[ngClass]=\"{'search-open': keepExpanded || expanded, 'search-focused': (expanded && searchFocus) || (keepExpanded && searchFocus)}\">\r\n\t\t<input class=\"search-field\" #searchBox \r\n\t\t\t[value]=\"searchText\" \r\n\t\t\t[placeholder]=\"placeholder\"\r\n\t\t\t(focus)=\"searchFocus = true\" (focusout)=\"onFocusOut()\">\r\n\t</div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-search,.search-wrap,.search-field{box-sizing:border-box}.wm-search:hover{border-color:var(--brandColor)}.wm-search{background:var(--pageBackgroundColor);height:36px;max-width:260px;border-radius:4px;align-items:center;flex:1 0 100%;flex-shrink:0;border:1px solid var(--secondaryHover)}.search-icon{width:36px;height:100%;flex-shrink:0;cursor:pointer}.search-icon.search-toggle-disabled{cursor:text}.search-wrap{width:0px;height:100%;color:var(--mediumFontColor);direction:ltr}.search-open{width:auto;max-width:100%;flex-grow:1;flex-shrink:1}.search-open:hover,.search-focused{color:var(--strongFontColor)}.search-field{width:100%;height:100%;color:inherit;text-indent:.1em;font-size:16px;background-color:transparent;border:none;outline:none;padding:0 8px}.search-reverse{display:flex;flex-direction:row-reverse}.search-reverse .search-wrap{direction:rtl}.search-reverse .search-field{direction:ltr}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.search-field{width:200px}}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }] });
|
|
58
|
+
BtvSearch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvSearch, selector: "btv-search", inputs: { searchRight: "searchRight", placeholder: "placeholder", keepExpanded: "keepExpanded", searchText: "searchText" }, outputs: { searchTextChange: "searchTextChange" }, viewQueries: [{ propertyName: "box", first: true, predicate: ["searchBox"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"wm-search flex-row\" [ngClass]=\"{'search-reverse': searchRight == 'right', 'always-opened': keepExpanded}\">\r\n\t<div class=\"search-icon inline-col\" [ngClass]=\"{'search-toggle-disabled': keepExpanded || !searchFocus}\"\r\n\t\t(click)=\"toggleSearch()\">\r\n\t\t<wm-template-image class=\"marginXA\" icon=\"search\" [light]=\"(!expanded && !searchFocus) || keepExpanded\">\r\n\t\t</wm-template-image>\r\n\t</div>\r\n\t<div class=\"search-wrap flex-col\"\r\n\t\t[ngClass]=\"{'search-open': keepExpanded || expanded, 'search-focused': (expanded && searchFocus) || (keepExpanded && searchFocus)}\">\r\n\t\t<input class=\"search-field\" #searchBox \r\n\t\t\t[value]=\"searchText\" \r\n\t\t\t[placeholder]=\"placeholder\"\r\n\t\t\t(focus)=\"searchFocus = true\" (focusout)=\"onFocusOut()\">\r\n\t</div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-search,.search-wrap,.search-field{box-sizing:border-box}.wm-search:hover{border-color:var(--brandColor)}.wm-search{background:var(--pageBackgroundColor);height:36px;max-width:260px;border-radius:4px;align-items:center;flex:1 0 100%;flex-shrink:0;border:1px solid var(--secondaryHover)}.search-icon{width:36px;height:100%;flex-shrink:0;cursor:pointer}.search-icon.search-toggle-disabled{cursor:text}.search-wrap{width:0px;height:100%;color:var(--mediumFontColor);direction:ltr}.search-open{width:auto;max-width:100%;flex-grow:1;flex-shrink:1}.search-open:hover,.search-focused{color:var(--strongFontColor)}.search-field{width:100%;height:100%;color:inherit;text-indent:.1em;font-size:16px;background-color:transparent;border:none;outline:none;padding:0 8px}.search-reverse{display:flex;flex-direction:row-reverse}.search-reverse .search-wrap{direction:rtl}.search-reverse .search-field{direction:ltr}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.search-field{width:200px}}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }] });
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvSearch, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{ selector: 'btv-search', template: "<div class=\"wm-search flex-row\" [ngClass]=\"{'search-reverse': searchRight == 'right', 'always-opened': keepExpanded}\">\r\n\t<div class=\"search-icon inline-col\" [ngClass]=\"{'search-toggle-disabled': keepExpanded || !searchFocus}\"\r\n\t\t(click)=\"toggleSearch()\">\r\n\t\t<wm-template-image class=\"marginXA\" icon=\"search\" [light]=\"(!expanded && !searchFocus) || keepExpanded\">\r\n\t\t</wm-template-image>\r\n\t</div>\r\n\t<div class=\"search-wrap flex-col\"\r\n\t\t[ngClass]=\"{'search-open': keepExpanded || expanded, 'search-focused': (expanded && searchFocus) || (keepExpanded && searchFocus)}\">\r\n\t\t<input class=\"search-field\" #searchBox \r\n\t\t\t[value]=\"searchText\" \r\n\t\t\t[placeholder]=\"placeholder\"\r\n\t\t\t(focus)=\"searchFocus = true\" (focusout)=\"onFocusOut()\">\r\n\t</div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-search,.search-wrap,.search-field{box-sizing:border-box}.wm-search:hover{border-color:var(--brandColor)}.wm-search{background:var(--pageBackgroundColor);height:36px;max-width:260px;border-radius:4px;align-items:center;flex:1 0 100%;flex-shrink:0;border:1px solid var(--secondaryHover)}.search-icon{width:36px;height:100%;flex-shrink:0;cursor:pointer}.search-icon.search-toggle-disabled{cursor:text}.search-wrap{width:0px;height:100%;color:var(--mediumFontColor);direction:ltr}.search-open{width:auto;max-width:100%;flex-grow:1;flex-shrink:1}.search-open:hover,.search-focused{color:var(--strongFontColor)}.search-field{width:100%;height:100%;color:inherit;text-indent:.1em;font-size:16px;background-color:transparent;border:none;outline:none;padding:0 8px}.search-reverse{display:flex;flex-direction:row-reverse}.search-reverse .search-wrap{direction:rtl}.search-reverse .search-field{direction:ltr}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.search-field{width:200px}}}\n"] }]
|
|
@@ -213,7 +213,7 @@ export class WmInfoComponent {
|
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
215
|
WmInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmInfoComponent, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
216
|
-
WmInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmInfoComponent, selector: "wm-info", inputs: { preText: "preText", postText: "postText", header: "header", type: "type", popupPosition: "popupPosition", iconAsTemplate: "iconAsTemplate", useThemeForIconTemplate: "useThemeForIconTemplate", smallIcon: "smallIcon" }, ngImport: i0, template: "<ng-template #popupTemplate>\r\n <div class=\"u-arrow\">\r\n </div>\r\n <div class=\"u-info-content\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span *ngIf=\"header\" [innerHTML]=\"header\"></span>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n <div class=\"info-wrap flex-row\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span class=\"info-label\" *ngIf=\"preText\">{{preText}}</span>\r\n <span class=\"info-icon\" (click)=\"togglePopup(popupTemplate)\">\r\n <wm-template-image *ngIf=\"iconAsTemplate\" [icon]=\"getIconName()\" [size]=\"imageSize\"\r\n [active]=\"useThemeForIconTemplate\">\r\n </wm-template-image>\r\n <img *ngIf=\"!iconAsTemplate\" [attr.width]=\"imageSize\" [attr.height]=\"imageSize\"\r\n src=\"{{'./assets/icon/svg/' + getIconName() + '.svg'}}\" alt=\"{{getIconName()}}\" />\r\n </span>\r\n <span class=\"info-label\" *ngIf=\"postText\">{{postText}}</span>\r\n </div> ", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.info-wrap{justify-content:flex-start;align-items:center;height:100%;text-align:center}.info-label{display:inline-block;color:inherit;font-size:14px}.info-icon{cursor:pointer}.info-left{margin-left:-10px;align-items:flex-start}.info-right{align-items:flex-end}.u-arrow{margin-left:4px;margin-right:4px}.u-info-content{color:var(--infoColor);text-align:left;font-size:14px;font-weight:400;max-width:50vw;white-space:normal;word-wrap:break-word;word-break:break-word;background:var(--pageBackgroundColor);overflow-x:hidden;overflow-y:auto;border-color:var(--secondaryHover);border-radius:4px;padding:16px;box-shadow:0 16px 16px -1px #051d391a}.u-info-content::-webkit-scrollbar{width:4px}.p-error{color:var(--dangerColor)}.p-warning{color:var(--warningColor)}.p-info{color:var(--brandColor)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
216
|
+
WmInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmInfoComponent, selector: "wm-info", inputs: { preText: "preText", postText: "postText", header: "header", type: "type", popupPosition: "popupPosition", iconAsTemplate: "iconAsTemplate", useThemeForIconTemplate: "useThemeForIconTemplate", smallIcon: "smallIcon" }, ngImport: i0, template: "<ng-template #popupTemplate>\r\n <div class=\"u-arrow\">\r\n </div>\r\n <div class=\"u-info-content\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span *ngIf=\"header\" [innerHTML]=\"header\"></span>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n <div class=\"info-wrap flex-row\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span class=\"info-label\" *ngIf=\"preText\">{{preText}}</span>\r\n <span class=\"info-icon\" (click)=\"togglePopup(popupTemplate)\">\r\n <wm-template-image *ngIf=\"iconAsTemplate\" [icon]=\"getIconName()\" [size]=\"imageSize\"\r\n [active]=\"useThemeForIconTemplate\">\r\n </wm-template-image>\r\n <img *ngIf=\"!iconAsTemplate\" [attr.width]=\"imageSize\" [attr.height]=\"imageSize\"\r\n src=\"{{'./assets/icon/svg/' + getIconName() + '.svg'}}\" alt=\"{{getIconName()}}\" />\r\n </span>\r\n <span class=\"info-label\" *ngIf=\"postText\">{{postText}}</span>\r\n </div> ", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.info-wrap{justify-content:flex-start;align-items:center;height:100%;text-align:center}.info-label{display:inline-block;color:inherit;font-size:14px}.info-icon{cursor:pointer}.info-left{margin-left:-10px;align-items:flex-start}.info-right{align-items:flex-end}.u-arrow{margin-left:4px;margin-right:4px}.u-info-content{color:var(--infoColor);text-align:left;font-size:14px;font-weight:400;max-width:50vw;white-space:normal;word-wrap:break-word;word-break:break-word;background:var(--pageBackgroundColor);overflow-x:hidden;overflow-y:auto;border-color:var(--secondaryHover);border-radius:4px;padding:16px;box-shadow:0 16px 16px -1px #051d391a}.u-info-content::-webkit-scrollbar{width:4px}.p-error{color:var(--dangerColor)}.p-warning{color:var(--warningColor)}.p-info{color:var(--brandColor)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
217
217
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmInfoComponent, decorators: [{
|
|
218
218
|
type: Component,
|
|
219
219
|
args: [{ selector: 'wm-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #popupTemplate>\r\n <div class=\"u-arrow\">\r\n </div>\r\n <div class=\"u-info-content\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span *ngIf=\"header\" [innerHTML]=\"header\"></span>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n <div class=\"info-wrap flex-row\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span class=\"info-label\" *ngIf=\"preText\">{{preText}}</span>\r\n <span class=\"info-icon\" (click)=\"togglePopup(popupTemplate)\">\r\n <wm-template-image *ngIf=\"iconAsTemplate\" [icon]=\"getIconName()\" [size]=\"imageSize\"\r\n [active]=\"useThemeForIconTemplate\">\r\n </wm-template-image>\r\n <img *ngIf=\"!iconAsTemplate\" [attr.width]=\"imageSize\" [attr.height]=\"imageSize\"\r\n src=\"{{'./assets/icon/svg/' + getIconName() + '.svg'}}\" alt=\"{{getIconName()}}\" />\r\n </span>\r\n <span class=\"info-label\" *ngIf=\"postText\">{{postText}}</span>\r\n </div> ", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.info-wrap{justify-content:flex-start;align-items:center;height:100%;text-align:center}.info-label{display:inline-block;color:inherit;font-size:14px}.info-icon{cursor:pointer}.info-left{margin-left:-10px;align-items:flex-start}.info-right{align-items:flex-end}.u-arrow{margin-left:4px;margin-right:4px}.u-info-content{color:var(--infoColor);text-align:left;font-size:14px;font-weight:400;max-width:50vw;white-space:normal;word-wrap:break-word;word-break:break-word;background:var(--pageBackgroundColor);overflow-x:hidden;overflow-y:auto;border-color:var(--secondaryHover);border-radius:4px;padding:16px;box-shadow:0 16px 16px -1px #051d391a}.u-info-content::-webkit-scrollbar{width:4px}.p-error{color:var(--dangerColor)}.p-warning{color:var(--warningColor)}.p-info{color:var(--brandColor)}\n"] }]
|
|
@@ -36,7 +36,7 @@ export class WmPanelBarComponent {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
WmPanelBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmPanelBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
WmPanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmPanelBarComponent, selector: "wm-panel-bar", inputs: { label: "label", labelClasses: "labelClasses", openedLabel: "openedLabel", width: "width", height: "height", maxHeight: "maxHeight", maxWidth: "maxWidth", open: "open", collapseText: "collapseText", expandText: "expandText", direction: "direction" }, ngImport: i0, template: "<div *ngIf=\"directionBottom\" class=\"wm-panel-bar drb flex-col\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"pb-header align-center flex-row\">\r\n <div class={{labelClasses}} *ngIf=\"label\">{{label}}</div>\r\n <ng-content select=\"[headerLabel]\"></ng-content>\r\n <div class=\"pb-header-content flex-row\">\r\n <ng-content select=\"[headerContent]\"></ng-content>\r\n <div class=\"ex-button\" (click)=\"onClick()\">\r\n <span>{{ (open ? collapseText : expandText)}}</span>\r\n <wm-template-image class=\"bar-arrow\" [ngClass]=\"{'bar-open-bottom': open}\" icon=\"arrow-down\">\r\n </wm-template-image>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex-row pb-content pb-vertical\" [ngStyle]=\"{'height': !open ? '0px': ''}\"\r\n [ngClass]=\"{'pb-vertical-visible': open}\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!directionBottom\" class=\"wm-panel-bar flex-col drl\" [ngClass]=\"{'pb-drl-open': open}\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"ex-panel flex-row ex-panel-drl\" (click)=\"onClick()\">\r\n <wm-template-image class=\"bar-arrow arrow-left\" [ngClass]=\"{'bar-open-left': open}\" icon=\"arrow-left\">\r\n </wm-template-image>\r\n <div class=\"preview-label\" *ngIf=\"!open\">{{label}}</div>\r\n <div class=\"preview-label\" *ngIf=\"open\">{{openedLabel || label}}</div>\r\n\r\n </div>\r\n <div class=\"flex-col pb-content pb-horizontal-visible\" *ngIf=\"open\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #body>\r\n <ng-content></ng-content>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-panel-bar{border-radius:4px;background:var(--pageBackgroundColor);flex-shrink:0;overflow:hidden;direction:ltr}.ex-button{display:inline-flex;color:var(--mediumFontColor);letter-spacing:0;cursor:pointer;background:transparent;border:none;justify-content:flex-end;align-items:center;width:86px;margin-left:8px}.pb-header{width:100%;flex-shrink:0;min-height:48px;font-size:14px;box-sizing:border-box;padding:4px 16px}.pb-label,.brand-label{font-weight:700;color:var(--strongFontColor);letter-spacing:1.2px;line-height:16px;flex-shrink:0;margin-right:12px}.brand-label{color:var(--brandColor)}.pb-header-content{align-items:center;margin-left:auto}.bar-open-left,.bar-open-right{transform:rotateY(-180deg)}.drb{box-shadow:0 0 1px #0a16460f,0 1px 1px #0a16461a}.drr{flex-direction:row-reverse}.pb-drl-open{width:100%}.pb-vertical{height:0}.pb-content{direction:ltr;visibility:hidden;overflow:auto}.pb-vertical-visible{visibility:visible;height:100%;max-height:calc(100% - 48px)}.pb-horizontal-visible{visibility:visible;width:100%}.ex-panel{height:40px;width:auto;min-width:1px;max-width:100%;flex-shrink:0;cursor:pointer;background:transparent;border-radius:4px;box-shadow:1px 1px 2px 2px #0a16460f;justify-content:flex-start}.arrow-left{margin:auto 0}.preview-label{align-items:center;margin:auto 4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }] });
|
|
39
|
+
WmPanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmPanelBarComponent, selector: "wm-panel-bar", inputs: { label: "label", labelClasses: "labelClasses", openedLabel: "openedLabel", width: "width", height: "height", maxHeight: "maxHeight", maxWidth: "maxWidth", open: "open", collapseText: "collapseText", expandText: "expandText", direction: "direction" }, ngImport: i0, template: "<div *ngIf=\"directionBottom\" class=\"wm-panel-bar drb flex-col\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"pb-header align-center flex-row\">\r\n <div class={{labelClasses}} *ngIf=\"label\">{{label}}</div>\r\n <ng-content select=\"[headerLabel]\"></ng-content>\r\n <div class=\"pb-header-content flex-row\">\r\n <ng-content select=\"[headerContent]\"></ng-content>\r\n <div class=\"ex-button\" (click)=\"onClick()\">\r\n <span>{{ (open ? collapseText : expandText)}}</span>\r\n <wm-template-image class=\"bar-arrow\" [ngClass]=\"{'bar-open-bottom': open}\" icon=\"arrow-down\">\r\n </wm-template-image>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex-row pb-content pb-vertical\" [ngStyle]=\"{'height': !open ? '0px': ''}\"\r\n [ngClass]=\"{'pb-vertical-visible': open}\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!directionBottom\" class=\"wm-panel-bar flex-col drl\" [ngClass]=\"{'pb-drl-open': open}\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"ex-panel flex-row ex-panel-drl\" (click)=\"onClick()\">\r\n <wm-template-image class=\"bar-arrow arrow-left\" [ngClass]=\"{'bar-open-left': open}\" icon=\"arrow-left\">\r\n </wm-template-image>\r\n <div class=\"preview-label\" *ngIf=\"!open\">{{label}}</div>\r\n <div class=\"preview-label\" *ngIf=\"open\">{{openedLabel || label}}</div>\r\n\r\n </div>\r\n <div class=\"flex-col pb-content pb-horizontal-visible\" *ngIf=\"open\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #body>\r\n <ng-content></ng-content>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-panel-bar{border-radius:4px;background:var(--pageBackgroundColor);flex-shrink:0;overflow:hidden;direction:ltr}.ex-button{display:inline-flex;color:var(--mediumFontColor);letter-spacing:0;cursor:pointer;background:transparent;border:none;justify-content:flex-end;align-items:center;width:86px;margin-left:8px}.pb-header{width:100%;flex-shrink:0;min-height:48px;font-size:14px;box-sizing:border-box;padding:4px 16px}.pb-label,.brand-label{font-weight:700;color:var(--strongFontColor);letter-spacing:1.2px;line-height:16px;flex-shrink:0;margin-right:12px}.brand-label{color:var(--brandColor)}.pb-header-content{align-items:center;margin-left:auto}.bar-open-left,.bar-open-right{transform:rotateY(-180deg)}.drb{box-shadow:0 0 1px #0a16460f,0 1px 1px #0a16461a}.drr{flex-direction:row-reverse}.pb-drl-open{width:100%}.pb-vertical{height:0}.pb-content{direction:ltr;visibility:hidden;overflow:auto}.pb-vertical-visible{visibility:visible;height:100%;max-height:calc(100% - 48px)}.pb-horizontal-visible{visibility:visible;width:100%}.ex-panel{height:40px;width:auto;min-width:1px;max-width:100%;flex-shrink:0;cursor:pointer;background:transparent;border-radius:4px;box-shadow:1px 1px 2px 2px #0a16460f;justify-content:flex-start}.arrow-left{margin:auto 0}.preview-label{align-items:center;margin:auto 4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }] });
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmPanelBarComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'wm-panel-bar', template: "<div *ngIf=\"directionBottom\" class=\"wm-panel-bar drb flex-col\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"pb-header align-center flex-row\">\r\n <div class={{labelClasses}} *ngIf=\"label\">{{label}}</div>\r\n <ng-content select=\"[headerLabel]\"></ng-content>\r\n <div class=\"pb-header-content flex-row\">\r\n <ng-content select=\"[headerContent]\"></ng-content>\r\n <div class=\"ex-button\" (click)=\"onClick()\">\r\n <span>{{ (open ? collapseText : expandText)}}</span>\r\n <wm-template-image class=\"bar-arrow\" [ngClass]=\"{'bar-open-bottom': open}\" icon=\"arrow-down\">\r\n </wm-template-image>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex-row pb-content pb-vertical\" [ngStyle]=\"{'height': !open ? '0px': ''}\"\r\n [ngClass]=\"{'pb-vertical-visible': open}\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!directionBottom\" class=\"wm-panel-bar flex-col drl\" [ngClass]=\"{'pb-drl-open': open}\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"ex-panel flex-row ex-panel-drl\" (click)=\"onClick()\">\r\n <wm-template-image class=\"bar-arrow arrow-left\" [ngClass]=\"{'bar-open-left': open}\" icon=\"arrow-left\">\r\n </wm-template-image>\r\n <div class=\"preview-label\" *ngIf=\"!open\">{{label}}</div>\r\n <div class=\"preview-label\" *ngIf=\"open\">{{openedLabel || label}}</div>\r\n\r\n </div>\r\n <div class=\"flex-col pb-content pb-horizontal-visible\" *ngIf=\"open\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #body>\r\n <ng-content></ng-content>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-panel-bar{border-radius:4px;background:var(--pageBackgroundColor);flex-shrink:0;overflow:hidden;direction:ltr}.ex-button{display:inline-flex;color:var(--mediumFontColor);letter-spacing:0;cursor:pointer;background:transparent;border:none;justify-content:flex-end;align-items:center;width:86px;margin-left:8px}.pb-header{width:100%;flex-shrink:0;min-height:48px;font-size:14px;box-sizing:border-box;padding:4px 16px}.pb-label,.brand-label{font-weight:700;color:var(--strongFontColor);letter-spacing:1.2px;line-height:16px;flex-shrink:0;margin-right:12px}.brand-label{color:var(--brandColor)}.pb-header-content{align-items:center;margin-left:auto}.bar-open-left,.bar-open-right{transform:rotateY(-180deg)}.drb{box-shadow:0 0 1px #0a16460f,0 1px 1px #0a16461a}.drr{flex-direction:row-reverse}.pb-drl-open{width:100%}.pb-vertical{height:0}.pb-content{direction:ltr;visibility:hidden;overflow:auto}.pb-vertical-visible{visibility:visible;height:100%;max-height:calc(100% - 48px)}.pb-horizontal-visible{visibility:visible;width:100%}.ex-panel{height:40px;width:auto;min-width:1px;max-width:100%;flex-shrink:0;cursor:pointer;background:transparent;border-radius:4px;box-shadow:1px 1px 2px 2px #0a16460f;justify-content:flex-start}.arrow-left{margin:auto 0}.preview-label{align-items:center;margin:auto 4px}\n"] }]
|
|
@@ -1,22 +1,28 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../wm-tamplate-image/wm-template-image.component";
|
|
4
5
|
export class WmTagComponent {
|
|
5
6
|
constructor() {
|
|
6
7
|
this.background = 'transparent';
|
|
7
8
|
this.color = 'black';
|
|
9
|
+
this.iconSize = '20px';
|
|
8
10
|
}
|
|
9
11
|
}
|
|
10
12
|
WmTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
WmTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmTagComponent, selector: "wm-tag", inputs: { text: "text", background: "background", color: "color" }, ngImport: i0, template: "<div class=\"text-wrap\">\r\n <span class=\"text-bg\" [ngStyle]=\"{'background': background}\"></span>\r\n <span class=\"text-bg text-bg-bor\" [ngStyle]=\"{'border-color': background}\"></span>\r\n <span class=\"text-title\" [ngStyle]=\"{'color': color}\">{{text}}</span>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.text-title{color:var(--strongFontColor);display:
|
|
13
|
+
WmTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmTagComponent, selector: "wm-tag", inputs: { text: "text", background: "background", color: "color", icon: "icon", iconSize: "iconSize" }, ngImport: i0, template: "<div class=\"text-wrap\">\r\n <span class=\"text-bg\" [ngStyle]=\"{'background': background}\"></span>\r\n <span class=\"text-bg text-bg-bor\" [ngStyle]=\"{'border-color': background}\"></span>\r\n <span class=\"text-title\" [ngStyle]=\"{'color': color}\"> \r\n <wm-template-image *ngIf=\"icon\" class=\"text-icon\" [icon]=\"icon\" [size]=\"iconSize\" [backgroundColor]=\"background\"></wm-template-image>\r\n {{text}}\r\n </span>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.text-title{color:var(--strongFontColor);display:flex;text-align:left;font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;font-weight:500;font-size:14px;min-width:50px;text-align:center;padding:4px 6px;z-index:1;line-height:18px}.text-wrap{position:relative;display:inline-block;line-height:normal}.text-bg{border:1px solid transparent;box-sizing:border-box;position:absolute;width:100%;height:100%;border-radius:6px;opacity:.1}.text-bg-bor{border:1px solid;opacity:.25}.rotate{transform-origin:center center;transform:rotate(-6deg)}.text-icon{margin-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmTagComponent, decorators: [{
|
|
13
15
|
type: Component,
|
|
14
|
-
args: [{ selector: 'wm-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"text-wrap\">\r\n <span class=\"text-bg\" [ngStyle]=\"{'background': background}\"></span>\r\n <span class=\"text-bg text-bg-bor\" [ngStyle]=\"{'border-color': background}\"></span>\r\n <span class=\"text-title\" [ngStyle]=\"{'color': color}\">{{text}}</span>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.text-title{color:var(--strongFontColor);display:
|
|
16
|
+
args: [{ selector: 'wm-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"text-wrap\">\r\n <span class=\"text-bg\" [ngStyle]=\"{'background': background}\"></span>\r\n <span class=\"text-bg text-bg-bor\" [ngStyle]=\"{'border-color': background}\"></span>\r\n <span class=\"text-title\" [ngStyle]=\"{'color': color}\"> \r\n <wm-template-image *ngIf=\"icon\" class=\"text-icon\" [icon]=\"icon\" [size]=\"iconSize\" [backgroundColor]=\"background\"></wm-template-image>\r\n {{text}}\r\n </span>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.text-title{color:var(--strongFontColor);display:flex;text-align:left;font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;font-weight:500;font-size:14px;min-width:50px;text-align:center;padding:4px 6px;z-index:1;line-height:18px}.text-wrap{position:relative;display:inline-block;line-height:normal}.text-bg{border:1px solid transparent;box-sizing:border-box;position:absolute;width:100%;height:100%;border-radius:6px;opacity:.1}.text-bg-bor{border:1px solid;opacity:.25}.rotate{transform-origin:center center;transform:rotate(-6deg)}.text-icon{margin-right:4px}\n"] }]
|
|
15
17
|
}], propDecorators: { text: [{
|
|
16
18
|
type: Input
|
|
17
19
|
}], background: [{
|
|
18
20
|
type: Input
|
|
19
21
|
}], color: [{
|
|
20
22
|
type: Input
|
|
23
|
+
}], icon: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], iconSize: [{
|
|
26
|
+
type: Input
|
|
21
27
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid20tdGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2J0di1iYXNlLWNvbnRyb2xzL3NyYy9saWIvd20tdGFnL3dtLXRhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL3dtLXRhZy93bS10YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRMUUsTUFBTSxPQUFPLGNBQWM7SUFOM0I7UUFTa0IsZUFBVSxHQUFXLGFBQWEsQ0FBQztRQUNuQyxVQUFLLEdBQVcsT0FBTyxDQUFDO1FBRXhCLGFBQVEsR0FBVyxNQUFNLENBQUM7S0FFM0M7OzJHQVJZLGNBQWM7K0ZBQWQsY0FBYyxzSkNSM0IsdWRBT007MkZEQ08sY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxRQUFRLG1CQUdELHVCQUF1QixDQUFDLE1BQU07OEJBSS9CLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3dtLXRhZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3dtLXRhZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vd20tdGFnLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXbVRhZ0NvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyB0ZXh0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIGJhY2tncm91bmQ6IHN0cmluZyA9ICd0cmFuc3BhcmVudCc7XHJcbiAgQElucHV0KCkgcHVibGljIGNvbG9yOiBzdHJpbmcgPSAnYmxhY2snO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIGljb25TaXplOiBzdHJpbmcgPSAnMjBweCc7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ0ZXh0LXdyYXBcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwidGV4dC1iZ1wiIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZCc6IGJhY2tncm91bmR9XCI+PC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LWJnIHRleHQtYmctYm9yXCIgW25nU3R5bGVdPVwieydib3JkZXItY29sb3InOiBiYWNrZ3JvdW5kfVwiPjwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwidGV4dC10aXRsZVwiIFtuZ1N0eWxlXT1cInsnY29sb3InOiBjb2xvcn1cIj4gICAgXHJcbiAgICAgICAgPHdtLXRlbXBsYXRlLWltYWdlICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwidGV4dC1pY29uXCIgW2ljb25dPVwiaWNvblwiIFtzaXplXT1cImljb25TaXplXCIgW2JhY2tncm91bmRDb2xvcl09XCJiYWNrZ3JvdW5kXCI+PC93bS10ZW1wbGF0ZS1pbWFnZT5cclxuICAgICAgICB7e3RleHR9fVxyXG4gICAgPC9zcGFuPlxyXG48L2Rpdj4iXX0=
|
|
@@ -29,6 +29,7 @@ export class WmTemplateImageComponent {
|
|
|
29
29
|
'mask-size': this.size,
|
|
30
30
|
'width': this.sizeBox ? this.sizeBox : this.size,
|
|
31
31
|
'height': this.sizeBox ? this.sizeBox : this.size,
|
|
32
|
+
'background-color': this.backgroundColor,
|
|
32
33
|
};
|
|
33
34
|
}
|
|
34
35
|
return {
|
|
@@ -43,7 +44,7 @@ export class WmTemplateImageComponent {
|
|
|
43
44
|
}
|
|
44
45
|
}
|
|
45
46
|
WmTemplateImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmTemplateImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
WmTemplateImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: { icon: "icon", disabled: "disabled", active: "active", light: "light", classes: "classes", size: "size", sizeBox: "sizeBox" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["maskContainer"], descendants: true, static: true }], ngImport: i0, template: "<div #maskContainer class=\"{{classes}}\" [ngClass]=\"{'disabled': disabled,\r\n'active': active, 'light': light }\" [ngStyle]=\"getStyles\">\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;margin:auto}.icon-svg{background-color:var(--strongFontColor)}.disabled{background-color:var(--mediumFontColor)}.active{background-color:var(--brandColor);border:none}.light{background-color:var(--disabledTextColor)}.on-brand{background-color:var(--onBrandTextColor)}.on-disabled{background-color:var(--disabledTextColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
47
|
+
WmTemplateImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: { icon: "icon", disabled: "disabled", active: "active", light: "light", classes: "classes", backgroundColor: "backgroundColor", size: "size", sizeBox: "sizeBox" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["maskContainer"], descendants: true, static: true }], ngImport: i0, template: "<div #maskContainer class=\"{{classes}}\" [ngClass]=\"{'disabled': disabled,\r\n'active': active, 'light': light }\" [ngStyle]=\"getStyles\">\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;margin:auto}.icon-svg{background-color:var(--strongFontColor)}.disabled{background-color:var(--mediumFontColor)}.active{background-color:var(--brandColor);border:none}.light{background-color:var(--disabledTextColor)}.on-brand{background-color:var(--onBrandTextColor)}.on-disabled{background-color:var(--disabledTextColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
47
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmTemplateImageComponent, decorators: [{
|
|
48
49
|
type: Component,
|
|
49
50
|
args: [{ selector: 'wm-template-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #maskContainer class=\"{{classes}}\" [ngClass]=\"{'disabled': disabled,\r\n'active': active, 'light': light }\" [ngStyle]=\"getStyles\">\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;margin:auto}.icon-svg{background-color:var(--strongFontColor)}.disabled{background-color:var(--mediumFontColor)}.active{background-color:var(--brandColor);border:none}.light{background-color:var(--disabledTextColor)}.on-brand{background-color:var(--onBrandTextColor)}.on-disabled{background-color:var(--disabledTextColor)}\n"] }]
|
|
@@ -60,9 +61,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
60
61
|
type: Input
|
|
61
62
|
}], classes: [{
|
|
62
63
|
type: Input
|
|
64
|
+
}], backgroundColor: [{
|
|
65
|
+
type: Input
|
|
63
66
|
}], size: [{
|
|
64
67
|
type: Input
|
|
65
68
|
}], sizeBox: [{
|
|
66
69
|
type: Input
|
|
67
70
|
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid20tdGVtcGxhdGUtaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnR2LWJhc2UtY29udHJvbHMvc3JjL2xpYi93bS10YW1wbGF0ZS1pbWFnZS93bS10ZW1wbGF0ZS1pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9idHYtYmFzZS1jb250cm9scy9zcmMvbGliL3dtLXRhbXBsYXRlLWltYWdlL3dtLXRlbXBsYXRlLWltYWdlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTakcsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVNFLFlBQU8sR0FBRyxDQUFDLFlBQVksRUFBRSxvQkFBb0IsQ0FBQyxDQUFDO1FBS3RDLFlBQU8sR0FBRyxVQUFVLENBQUM7UUFHdEIsVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUt2QixhQUFRLEdBQVcsU0FBUyxDQUFDO0tBK0J0QztJQW5DQyxJQUFXLElBQUksS0FBSyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3hDLElBQW9CLElBQUksQ0FBQyxLQUFhO1FBQ3BDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFXLE9BQU8sS0FBSyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQzlDLElBQW9CLE9BQU8sQ0FBQyxLQUFhO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhO1lBQUUsT0FBTyxTQUFTLENBQUM7UUFDcEQsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxTQUFTLENBQUMsRUFBRTtZQUNqRixPQUFPO2dCQUNMLHVCQUF1QixFQUFFLFFBQVE7Z0JBQ2pDLHFCQUFxQixFQUFFLFdBQVc7Z0JBQ2xDLG1CQUFtQixFQUFFLElBQUksQ0FBQyxJQUFJO2dCQUM5QixvQkFBb0IsRUFBRSx5QkFBeUIsSUFBSSxDQUFDLElBQUksT0FBTztnQkFDL0QsWUFBWSxFQUFFLHlCQUF5QixJQUFJLENBQUMsSUFBSSxPQUFPO2dCQUN2RCxXQUFXLEVBQUUsSUFBSSxDQUFDLElBQUk7Z0JBQ3RCLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSTtnQkFDaEQsUUFBUSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJO2dCQUNqRCxrQkFBa0IsRUFBRSxJQUFJLENBQUMsZUFBZTthQUN6QyxDQUFDO1NBQ0g7UUFDRCxPQUFPO1lBQ0wsa0JBQWtCLEVBQUUseUJBQXlCLElBQUksQ0FBQyxJQUFJLE9BQU87WUFDN0QsbUJBQW1CLEVBQUUsV0FBVztZQUNoQyxxQkFBcUIsRUFBRSxRQUFRO1lBQy9CLGlCQUFpQixFQUFFLFNBQVM7WUFDNUIsa0JBQWtCLEVBQUUsYUFBYTtZQUNqQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUk7WUFDaEQsUUFBUSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJO1NBQ2xELENBQUM7SUFDSixDQUFDOztxSEE3Q1Usd0JBQXdCO3lHQUF4Qix3QkFBd0IsK1ZDVHJDLHlKQUVNOzJGRE9PLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFDRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTTs4QkFJRCxTQUFTO3NCQUF0RCxTQUFTO3VCQUFDLGVBQWUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRW5DLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBSWMsSUFBSTtzQkFBdkIsS0FBSztnQkFLYyxPQUFPO3NCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3bS10ZW1wbGF0ZS1pbWFnZScsXHJcbiAgc3R5bGVVcmxzOiBbJy4vd20tdGVtcGxhdGUtaW1hZ2Uuc2NzcyddLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93bS10ZW1wbGF0ZS1pbWFnZS5odG1sJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFdtVGVtcGxhdGVJbWFnZUNvbXBvbmVudCB7XHJcbiAgQFZpZXdDaGlsZCgnbWFza0NvbnRhaW5lcicsIHsgc3RhdGljOiB0cnVlIH0pIGNvbnRhaW5lcjogRWxlbWVudFJlZjtcclxuICByZXF1aXJlID0gWydtYXNrLWltYWdlJywgJy13ZWJraXQtbWFzay1pbWFnZSddO1xyXG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbjtcclxuICBASW5wdXQoKSBhY3RpdmU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgbGlnaHQ6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgY2xhc3NlcyA9ICdpY29uLXN2Zyc7XHJcbiAgQElucHV0KCkgYmFja2dyb3VuZENvbG9yO1xyXG5cclxuICBwcml2YXRlIF9zaXplOiBzdHJpbmcgPSAnMjRweCc7XHJcbiAgcHVibGljIGdldCBzaXplKCkgeyByZXR1cm4gdGhpcy5fc2l6ZTsgfVxyXG4gIEBJbnB1dCgpIHB1YmxpYyBzZXQgc2l6ZSh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9zaXplID0gdmFsdWU7XHJcbiAgfVxyXG4gIHByaXZhdGUgX3NpemVCb3g6IHN0cmluZyA9IHVuZGVmaW5lZDtcclxuICBwdWJsaWMgZ2V0IHNpemVCb3goKSB7IHJldHVybiB0aGlzLl9zaXplQm94OyB9XHJcbiAgQElucHV0KCkgcHVibGljIHNldCBzaXplQm94KHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX3NpemVCb3ggPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGdldCBnZXRTdHlsZXMoKSB7XHJcbiAgICBpZiAoIXRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQpIHJldHVybiB1bmRlZmluZWQ7XHJcbiAgICBpZiAodGhpcy5yZXF1aXJlLnNvbWUoaXQgPT4gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5zdHlsZVtpdF0gIT09IHVuZGVmaW5lZCkpIHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICAnLXdlYmtpdC1tYXNrLXBvc2l0aW9uJzogJ2NlbnRlcicsXHJcbiAgICAgICAgJy13ZWJraXQtbWFzay1yZXBlYXQnOiAnbm8tcmVwZWF0JyxcclxuICAgICAgICAnLXdlYmtpdC1tYXNrLXNpemUnOiB0aGlzLnNpemUsXHJcbiAgICAgICAgJy13ZWJraXQtbWFzay1pbWFnZSc6IGB1cmwoLi9hc3NldHMvaWNvbi9zdmcvJHt0aGlzLmljb259LnN2ZylgLFxyXG4gICAgICAgICdtYXNrLWltYWdlJzogYHVybCguL2Fzc2V0cy9pY29uL3N2Zy8ke3RoaXMuaWNvbn0uc3ZnKWAsXHJcbiAgICAgICAgJ21hc2stc2l6ZSc6IHRoaXMuc2l6ZSxcclxuICAgICAgICAnd2lkdGgnOiB0aGlzLnNpemVCb3ggPyB0aGlzLnNpemVCb3ggOiB0aGlzLnNpemUsXHJcbiAgICAgICAgJ2hlaWdodCc6IHRoaXMuc2l6ZUJveCA/IHRoaXMuc2l6ZUJveCA6IHRoaXMuc2l6ZSxcclxuICAgICAgICAnYmFja2dyb3VuZC1jb2xvcic6IHRoaXMuYmFja2dyb3VuZENvbG9yLFxyXG4gICAgICB9O1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgJ2JhY2tncm91bmQtaW1hZ2UnOiBgdXJsKC4vYXNzZXRzL2ljb24vc3ZnLyR7dGhpcy5pY29ufS5zdmcpYCxcclxuICAgICAgJ2JhY2tncm91bmQtcmVwZWF0JzogJ25vLXJlcGVhdCcsXHJcbiAgICAgICdiYWNrZ3JvdW5kLXBvc2l0aW9uJzogJ2NlbnRlcicsXHJcbiAgICAgICdiYWNrZ3JvdW5kLXNpemUnOiAnY29udGFpbicsXHJcbiAgICAgICdiYWNrZ3JvdW5kLWNvbG9yJzogJ3RyYW5zcGFyZW50JyxcclxuICAgICAgJ3dpZHRoJzogdGhpcy5zaXplQm94ID8gdGhpcy5zaXplQm94IDogdGhpcy5zaXplLFxyXG4gICAgICAnaGVpZ2h0JzogdGhpcy5zaXplQm94ID8gdGhpcy5zaXplQm94IDogdGhpcy5zaXplXHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICNtYXNrQ29udGFpbmVyIGNsYXNzPVwie3tjbGFzc2VzfX1cIiBbbmdDbGFzc109XCJ7J2Rpc2FibGVkJzogZGlzYWJsZWQsXHJcbidhY3RpdmUnOiBhY3RpdmUsICdsaWdodCc6IGxpZ2h0IH1cIiBbbmdTdHlsZV09XCJnZXRTdHlsZXNcIj5cclxuPC9kaXY+Il19
|
|
@@ -382,6 +382,7 @@ class WmTemplateImageComponent {
|
|
|
382
382
|
'mask-size': this.size,
|
|
383
383
|
'width': this.sizeBox ? this.sizeBox : this.size,
|
|
384
384
|
'height': this.sizeBox ? this.sizeBox : this.size,
|
|
385
|
+
'background-color': this.backgroundColor,
|
|
385
386
|
};
|
|
386
387
|
}
|
|
387
388
|
return {
|
|
@@ -396,7 +397,7 @@ class WmTemplateImageComponent {
|
|
|
396
397
|
}
|
|
397
398
|
}
|
|
398
399
|
WmTemplateImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmTemplateImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
399
|
-
WmTemplateImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: { icon: "icon", disabled: "disabled", active: "active", light: "light", classes: "classes", size: "size", sizeBox: "sizeBox" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["maskContainer"], descendants: true, static: true }], ngImport: i0, template: "<div #maskContainer class=\"{{classes}}\" [ngClass]=\"{'disabled': disabled,\r\n'active': active, 'light': light }\" [ngStyle]=\"getStyles\">\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;margin:auto}.icon-svg{background-color:var(--strongFontColor)}.disabled{background-color:var(--mediumFontColor)}.active{background-color:var(--brandColor);border:none}.light{background-color:var(--disabledTextColor)}.on-brand{background-color:var(--onBrandTextColor)}.on-disabled{background-color:var(--disabledTextColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
400
|
+
WmTemplateImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: { icon: "icon", disabled: "disabled", active: "active", light: "light", classes: "classes", backgroundColor: "backgroundColor", size: "size", sizeBox: "sizeBox" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["maskContainer"], descendants: true, static: true }], ngImport: i0, template: "<div #maskContainer class=\"{{classes}}\" [ngClass]=\"{'disabled': disabled,\r\n'active': active, 'light': light }\" [ngStyle]=\"getStyles\">\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;margin:auto}.icon-svg{background-color:var(--strongFontColor)}.disabled{background-color:var(--mediumFontColor)}.active{background-color:var(--brandColor);border:none}.light{background-color:var(--disabledTextColor)}.on-brand{background-color:var(--onBrandTextColor)}.on-disabled{background-color:var(--disabledTextColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
400
401
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmTemplateImageComponent, decorators: [{
|
|
401
402
|
type: Component,
|
|
402
403
|
args: [{ selector: 'wm-template-image', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #maskContainer class=\"{{classes}}\" [ngClass]=\"{'disabled': disabled,\r\n'active': active, 'light': light }\" [ngStyle]=\"getStyles\">\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;margin:auto}.icon-svg{background-color:var(--strongFontColor)}.disabled{background-color:var(--mediumFontColor)}.active{background-color:var(--brandColor);border:none}.light{background-color:var(--disabledTextColor)}.on-brand{background-color:var(--onBrandTextColor)}.on-disabled{background-color:var(--disabledTextColor)}\n"] }]
|
|
@@ -413,6 +414,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
413
414
|
type: Input
|
|
414
415
|
}], classes: [{
|
|
415
416
|
type: Input
|
|
417
|
+
}], backgroundColor: [{
|
|
418
|
+
type: Input
|
|
416
419
|
}], size: [{
|
|
417
420
|
type: Input
|
|
418
421
|
}], sizeBox: [{
|
|
@@ -461,7 +464,7 @@ class BtvIconButtonComponent {
|
|
|
461
464
|
}
|
|
462
465
|
}
|
|
463
466
|
BtvIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
464
|
-
BtvIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvIconButtonComponent, selector: "btv-icon-button", inputs: { titleText: "titleText", disabled: "disabled", size: "size", icon: "icon", changed: "changed", isTabStop: "isTabStop", light: "light", buttonClasses: "buttonClasses", imageClasses: "imageClasses", danger: "danger", unavailableText: "unavailableText" }, outputs: { iClick: "iClick" }, host: { properties: { "class.disabled": "this.getIsDisabled", "class.small": "this.getIsSmall", "class.medium": "this.getIsMedium", "class.danger": "this.getIsDanger" } }, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\" [classes]=\"imageClasses\">\r\n </wm-template-image>\r\n <ng-content></ng-content>\r\n\r\n</button>\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-text\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }, { kind: "directive", type: ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
467
|
+
BtvIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvIconButtonComponent, selector: "btv-icon-button", inputs: { titleText: "titleText", disabled: "disabled", size: "size", icon: "icon", changed: "changed", isTabStop: "isTabStop", light: "light", buttonClasses: "buttonClasses", imageClasses: "imageClasses", danger: "danger", unavailableText: "unavailableText" }, outputs: { iClick: "iClick" }, host: { properties: { "class.disabled": "this.getIsDisabled", "class.small": "this.getIsSmall", "class.medium": "this.getIsMedium", "class.danger": "this.getIsDanger" } }, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\" [classes]=\"imageClasses\">\r\n </wm-template-image>\r\n <ng-content></ng-content>\r\n\r\n</button>\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-text\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }, { kind: "directive", type: ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
465
468
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvIconButtonComponent, decorators: [{
|
|
466
469
|
type: Component,
|
|
467
470
|
args: [{ selector: 'btv-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\" [classes]=\"imageClasses\">\r\n </wm-template-image>\r\n <ng-content></ng-content>\r\n\r\n</button>\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-text\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"] }]
|
|
@@ -622,7 +625,7 @@ class BtvSearch {
|
|
|
622
625
|
}
|
|
623
626
|
}
|
|
624
627
|
BtvSearch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
625
|
-
BtvSearch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvSearch, selector: "btv-search", inputs: { searchRight: "searchRight", placeholder: "placeholder", keepExpanded: "keepExpanded", searchText: "searchText" }, outputs: { searchTextChange: "searchTextChange" }, viewQueries: [{ propertyName: "box", first: true, predicate: ["searchBox"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"wm-search flex-row\" [ngClass]=\"{'search-reverse': searchRight == 'right', 'always-opened': keepExpanded}\">\r\n\t<div class=\"search-icon inline-col\" [ngClass]=\"{'search-toggle-disabled': keepExpanded || !searchFocus}\"\r\n\t\t(click)=\"toggleSearch()\">\r\n\t\t<wm-template-image class=\"marginXA\" icon=\"search\" [light]=\"(!expanded && !searchFocus) || keepExpanded\">\r\n\t\t</wm-template-image>\r\n\t</div>\r\n\t<div class=\"search-wrap flex-col\"\r\n\t\t[ngClass]=\"{'search-open': keepExpanded || expanded, 'search-focused': (expanded && searchFocus) || (keepExpanded && searchFocus)}\">\r\n\t\t<input class=\"search-field\" #searchBox \r\n\t\t\t[value]=\"searchText\" \r\n\t\t\t[placeholder]=\"placeholder\"\r\n\t\t\t(focus)=\"searchFocus = true\" (focusout)=\"onFocusOut()\">\r\n\t</div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-search,.search-wrap,.search-field{box-sizing:border-box}.wm-search:hover{border-color:var(--brandColor)}.wm-search{background:var(--pageBackgroundColor);height:36px;max-width:260px;border-radius:4px;align-items:center;flex:1 0 100%;flex-shrink:0;border:1px solid var(--secondaryHover)}.search-icon{width:36px;height:100%;flex-shrink:0;cursor:pointer}.search-icon.search-toggle-disabled{cursor:text}.search-wrap{width:0px;height:100%;color:var(--mediumFontColor);direction:ltr}.search-open{width:auto;max-width:100%;flex-grow:1;flex-shrink:1}.search-open:hover,.search-focused{color:var(--strongFontColor)}.search-field{width:100%;height:100%;color:inherit;text-indent:.1em;font-size:16px;background-color:transparent;border:none;outline:none;padding:0 8px}.search-reverse{display:flex;flex-direction:row-reverse}.search-reverse .search-wrap{direction:rtl}.search-reverse .search-field{direction:ltr}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.search-field{width:200px}}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }] });
|
|
628
|
+
BtvSearch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvSearch, selector: "btv-search", inputs: { searchRight: "searchRight", placeholder: "placeholder", keepExpanded: "keepExpanded", searchText: "searchText" }, outputs: { searchTextChange: "searchTextChange" }, viewQueries: [{ propertyName: "box", first: true, predicate: ["searchBox"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"wm-search flex-row\" [ngClass]=\"{'search-reverse': searchRight == 'right', 'always-opened': keepExpanded}\">\r\n\t<div class=\"search-icon inline-col\" [ngClass]=\"{'search-toggle-disabled': keepExpanded || !searchFocus}\"\r\n\t\t(click)=\"toggleSearch()\">\r\n\t\t<wm-template-image class=\"marginXA\" icon=\"search\" [light]=\"(!expanded && !searchFocus) || keepExpanded\">\r\n\t\t</wm-template-image>\r\n\t</div>\r\n\t<div class=\"search-wrap flex-col\"\r\n\t\t[ngClass]=\"{'search-open': keepExpanded || expanded, 'search-focused': (expanded && searchFocus) || (keepExpanded && searchFocus)}\">\r\n\t\t<input class=\"search-field\" #searchBox \r\n\t\t\t[value]=\"searchText\" \r\n\t\t\t[placeholder]=\"placeholder\"\r\n\t\t\t(focus)=\"searchFocus = true\" (focusout)=\"onFocusOut()\">\r\n\t</div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-search,.search-wrap,.search-field{box-sizing:border-box}.wm-search:hover{border-color:var(--brandColor)}.wm-search{background:var(--pageBackgroundColor);height:36px;max-width:260px;border-radius:4px;align-items:center;flex:1 0 100%;flex-shrink:0;border:1px solid var(--secondaryHover)}.search-icon{width:36px;height:100%;flex-shrink:0;cursor:pointer}.search-icon.search-toggle-disabled{cursor:text}.search-wrap{width:0px;height:100%;color:var(--mediumFontColor);direction:ltr}.search-open{width:auto;max-width:100%;flex-grow:1;flex-shrink:1}.search-open:hover,.search-focused{color:var(--strongFontColor)}.search-field{width:100%;height:100%;color:inherit;text-indent:.1em;font-size:16px;background-color:transparent;border:none;outline:none;padding:0 8px}.search-reverse{display:flex;flex-direction:row-reverse}.search-reverse .search-wrap{direction:rtl}.search-reverse .search-field{direction:ltr}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.search-field{width:200px}}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }] });
|
|
626
629
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvSearch, decorators: [{
|
|
627
630
|
type: Component,
|
|
628
631
|
args: [{ selector: 'btv-search', template: "<div class=\"wm-search flex-row\" [ngClass]=\"{'search-reverse': searchRight == 'right', 'always-opened': keepExpanded}\">\r\n\t<div class=\"search-icon inline-col\" [ngClass]=\"{'search-toggle-disabled': keepExpanded || !searchFocus}\"\r\n\t\t(click)=\"toggleSearch()\">\r\n\t\t<wm-template-image class=\"marginXA\" icon=\"search\" [light]=\"(!expanded && !searchFocus) || keepExpanded\">\r\n\t\t</wm-template-image>\r\n\t</div>\r\n\t<div class=\"search-wrap flex-col\"\r\n\t\t[ngClass]=\"{'search-open': keepExpanded || expanded, 'search-focused': (expanded && searchFocus) || (keepExpanded && searchFocus)}\">\r\n\t\t<input class=\"search-field\" #searchBox \r\n\t\t\t[value]=\"searchText\" \r\n\t\t\t[placeholder]=\"placeholder\"\r\n\t\t\t(focus)=\"searchFocus = true\" (focusout)=\"onFocusOut()\">\r\n\t</div>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-search,.search-wrap,.search-field{box-sizing:border-box}.wm-search:hover{border-color:var(--brandColor)}.wm-search{background:var(--pageBackgroundColor);height:36px;max-width:260px;border-radius:4px;align-items:center;flex:1 0 100%;flex-shrink:0;border:1px solid var(--secondaryHover)}.search-icon{width:36px;height:100%;flex-shrink:0;cursor:pointer}.search-icon.search-toggle-disabled{cursor:text}.search-wrap{width:0px;height:100%;color:var(--mediumFontColor);direction:ltr}.search-open{width:auto;max-width:100%;flex-grow:1;flex-shrink:1}.search-open:hover,.search-focused{color:var(--strongFontColor)}.search-field{width:100%;height:100%;color:inherit;text-indent:.1em;font-size:16px;background-color:transparent;border:none;outline:none;padding:0 8px}.search-reverse{display:flex;flex-direction:row-reverse}.search-reverse .search-wrap{direction:rtl}.search-reverse .search-field{direction:ltr}@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none){.search-field{width:200px}}}\n"] }]
|
|
@@ -948,7 +951,7 @@ class WmInfoComponent {
|
|
|
948
951
|
}
|
|
949
952
|
}
|
|
950
953
|
WmInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmInfoComponent, deps: [{ token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
951
|
-
WmInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmInfoComponent, selector: "wm-info", inputs: { preText: "preText", postText: "postText", header: "header", type: "type", popupPosition: "popupPosition", iconAsTemplate: "iconAsTemplate", useThemeForIconTemplate: "useThemeForIconTemplate", smallIcon: "smallIcon" }, ngImport: i0, template: "<ng-template #popupTemplate>\r\n <div class=\"u-arrow\">\r\n </div>\r\n <div class=\"u-info-content\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span *ngIf=\"header\" [innerHTML]=\"header\"></span>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n <div class=\"info-wrap flex-row\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span class=\"info-label\" *ngIf=\"preText\">{{preText}}</span>\r\n <span class=\"info-icon\" (click)=\"togglePopup(popupTemplate)\">\r\n <wm-template-image *ngIf=\"iconAsTemplate\" [icon]=\"getIconName()\" [size]=\"imageSize\"\r\n [active]=\"useThemeForIconTemplate\">\r\n </wm-template-image>\r\n <img *ngIf=\"!iconAsTemplate\" [attr.width]=\"imageSize\" [attr.height]=\"imageSize\"\r\n src=\"{{'./assets/icon/svg/' + getIconName() + '.svg'}}\" alt=\"{{getIconName()}}\" />\r\n </span>\r\n <span class=\"info-label\" *ngIf=\"postText\">{{postText}}</span>\r\n </div> ", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.info-wrap{justify-content:flex-start;align-items:center;height:100%;text-align:center}.info-label{display:inline-block;color:inherit;font-size:14px}.info-icon{cursor:pointer}.info-left{margin-left:-10px;align-items:flex-start}.info-right{align-items:flex-end}.u-arrow{margin-left:4px;margin-right:4px}.u-info-content{color:var(--infoColor);text-align:left;font-size:14px;font-weight:400;max-width:50vw;white-space:normal;word-wrap:break-word;word-break:break-word;background:var(--pageBackgroundColor);overflow-x:hidden;overflow-y:auto;border-color:var(--secondaryHover);border-radius:4px;padding:16px;box-shadow:0 16px 16px -1px #051d391a}.u-info-content::-webkit-scrollbar{width:4px}.p-error{color:var(--dangerColor)}.p-warning{color:var(--warningColor)}.p-info{color:var(--brandColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
954
|
+
WmInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmInfoComponent, selector: "wm-info", inputs: { preText: "preText", postText: "postText", header: "header", type: "type", popupPosition: "popupPosition", iconAsTemplate: "iconAsTemplate", useThemeForIconTemplate: "useThemeForIconTemplate", smallIcon: "smallIcon" }, ngImport: i0, template: "<ng-template #popupTemplate>\r\n <div class=\"u-arrow\">\r\n </div>\r\n <div class=\"u-info-content\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span *ngIf=\"header\" [innerHTML]=\"header\"></span>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n <div class=\"info-wrap flex-row\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span class=\"info-label\" *ngIf=\"preText\">{{preText}}</span>\r\n <span class=\"info-icon\" (click)=\"togglePopup(popupTemplate)\">\r\n <wm-template-image *ngIf=\"iconAsTemplate\" [icon]=\"getIconName()\" [size]=\"imageSize\"\r\n [active]=\"useThemeForIconTemplate\">\r\n </wm-template-image>\r\n <img *ngIf=\"!iconAsTemplate\" [attr.width]=\"imageSize\" [attr.height]=\"imageSize\"\r\n src=\"{{'./assets/icon/svg/' + getIconName() + '.svg'}}\" alt=\"{{getIconName()}}\" />\r\n </span>\r\n <span class=\"info-label\" *ngIf=\"postText\">{{postText}}</span>\r\n </div> ", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.info-wrap{justify-content:flex-start;align-items:center;height:100%;text-align:center}.info-label{display:inline-block;color:inherit;font-size:14px}.info-icon{cursor:pointer}.info-left{margin-left:-10px;align-items:flex-start}.info-right{align-items:flex-end}.u-arrow{margin-left:4px;margin-right:4px}.u-info-content{color:var(--infoColor);text-align:left;font-size:14px;font-weight:400;max-width:50vw;white-space:normal;word-wrap:break-word;word-break:break-word;background:var(--pageBackgroundColor);overflow-x:hidden;overflow-y:auto;border-color:var(--secondaryHover);border-radius:4px;padding:16px;box-shadow:0 16px 16px -1px #051d391a}.u-info-content::-webkit-scrollbar{width:4px}.p-error{color:var(--dangerColor)}.p-warning{color:var(--warningColor)}.p-info{color:var(--brandColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
952
955
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmInfoComponent, decorators: [{
|
|
953
956
|
type: Component,
|
|
954
957
|
args: [{ selector: 'wm-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #popupTemplate>\r\n <div class=\"u-arrow\">\r\n </div>\r\n <div class=\"u-info-content\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span *ngIf=\"header\" [innerHTML]=\"header\"></span>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n <div class=\"info-wrap flex-row\" [ngClass]=\"{'p-error': type === 0, 'p-warning': type === 1, 'p-info': type === 2}\">\r\n <span class=\"info-label\" *ngIf=\"preText\">{{preText}}</span>\r\n <span class=\"info-icon\" (click)=\"togglePopup(popupTemplate)\">\r\n <wm-template-image *ngIf=\"iconAsTemplate\" [icon]=\"getIconName()\" [size]=\"imageSize\"\r\n [active]=\"useThemeForIconTemplate\">\r\n </wm-template-image>\r\n <img *ngIf=\"!iconAsTemplate\" [attr.width]=\"imageSize\" [attr.height]=\"imageSize\"\r\n src=\"{{'./assets/icon/svg/' + getIconName() + '.svg'}}\" alt=\"{{getIconName()}}\" />\r\n </span>\r\n <span class=\"info-label\" *ngIf=\"postText\">{{postText}}</span>\r\n </div> ", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.info-wrap{justify-content:flex-start;align-items:center;height:100%;text-align:center}.info-label{display:inline-block;color:inherit;font-size:14px}.info-icon{cursor:pointer}.info-left{margin-left:-10px;align-items:flex-start}.info-right{align-items:flex-end}.u-arrow{margin-left:4px;margin-right:4px}.u-info-content{color:var(--infoColor);text-align:left;font-size:14px;font-weight:400;max-width:50vw;white-space:normal;word-wrap:break-word;word-break:break-word;background:var(--pageBackgroundColor);overflow-x:hidden;overflow-y:auto;border-color:var(--secondaryHover);border-radius:4px;padding:16px;box-shadow:0 16px 16px -1px #051d391a}.u-info-content::-webkit-scrollbar{width:4px}.p-error{color:var(--dangerColor)}.p-warning{color:var(--warningColor)}.p-info{color:var(--brandColor)}\n"] }]
|
|
@@ -1030,7 +1033,7 @@ class WmPanelBarComponent {
|
|
|
1030
1033
|
}
|
|
1031
1034
|
}
|
|
1032
1035
|
WmPanelBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmPanelBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1033
|
-
WmPanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmPanelBarComponent, selector: "wm-panel-bar", inputs: { label: "label", labelClasses: "labelClasses", openedLabel: "openedLabel", width: "width", height: "height", maxHeight: "maxHeight", maxWidth: "maxWidth", open: "open", collapseText: "collapseText", expandText: "expandText", direction: "direction" }, ngImport: i0, template: "<div *ngIf=\"directionBottom\" class=\"wm-panel-bar drb flex-col\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"pb-header align-center flex-row\">\r\n <div class={{labelClasses}} *ngIf=\"label\">{{label}}</div>\r\n <ng-content select=\"[headerLabel]\"></ng-content>\r\n <div class=\"pb-header-content flex-row\">\r\n <ng-content select=\"[headerContent]\"></ng-content>\r\n <div class=\"ex-button\" (click)=\"onClick()\">\r\n <span>{{ (open ? collapseText : expandText)}}</span>\r\n <wm-template-image class=\"bar-arrow\" [ngClass]=\"{'bar-open-bottom': open}\" icon=\"arrow-down\">\r\n </wm-template-image>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex-row pb-content pb-vertical\" [ngStyle]=\"{'height': !open ? '0px': ''}\"\r\n [ngClass]=\"{'pb-vertical-visible': open}\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!directionBottom\" class=\"wm-panel-bar flex-col drl\" [ngClass]=\"{'pb-drl-open': open}\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"ex-panel flex-row ex-panel-drl\" (click)=\"onClick()\">\r\n <wm-template-image class=\"bar-arrow arrow-left\" [ngClass]=\"{'bar-open-left': open}\" icon=\"arrow-left\">\r\n </wm-template-image>\r\n <div class=\"preview-label\" *ngIf=\"!open\">{{label}}</div>\r\n <div class=\"preview-label\" *ngIf=\"open\">{{openedLabel || label}}</div>\r\n\r\n </div>\r\n <div class=\"flex-col pb-content pb-horizontal-visible\" *ngIf=\"open\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #body>\r\n <ng-content></ng-content>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-panel-bar{border-radius:4px;background:var(--pageBackgroundColor);flex-shrink:0;overflow:hidden;direction:ltr}.ex-button{display:inline-flex;color:var(--mediumFontColor);letter-spacing:0;cursor:pointer;background:transparent;border:none;justify-content:flex-end;align-items:center;width:86px;margin-left:8px}.pb-header{width:100%;flex-shrink:0;min-height:48px;font-size:14px;box-sizing:border-box;padding:4px 16px}.pb-label,.brand-label{font-weight:700;color:var(--strongFontColor);letter-spacing:1.2px;line-height:16px;flex-shrink:0;margin-right:12px}.brand-label{color:var(--brandColor)}.pb-header-content{align-items:center;margin-left:auto}.bar-open-left,.bar-open-right{transform:rotateY(-180deg)}.drb{box-shadow:0 0 1px #0a16460f,0 1px 1px #0a16461a}.drr{flex-direction:row-reverse}.pb-drl-open{width:100%}.pb-vertical{height:0}.pb-content{direction:ltr;visibility:hidden;overflow:auto}.pb-vertical-visible{visibility:visible;height:100%;max-height:calc(100% - 48px)}.pb-horizontal-visible{visibility:visible;width:100%}.ex-panel{height:40px;width:auto;min-width:1px;max-width:100%;flex-shrink:0;cursor:pointer;background:transparent;border-radius:4px;box-shadow:1px 1px 2px 2px #0a16460f;justify-content:flex-start}.arrow-left{margin:auto 0}.preview-label{align-items:center;margin:auto 4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }] });
|
|
1036
|
+
WmPanelBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmPanelBarComponent, selector: "wm-panel-bar", inputs: { label: "label", labelClasses: "labelClasses", openedLabel: "openedLabel", width: "width", height: "height", maxHeight: "maxHeight", maxWidth: "maxWidth", open: "open", collapseText: "collapseText", expandText: "expandText", direction: "direction" }, ngImport: i0, template: "<div *ngIf=\"directionBottom\" class=\"wm-panel-bar drb flex-col\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"pb-header align-center flex-row\">\r\n <div class={{labelClasses}} *ngIf=\"label\">{{label}}</div>\r\n <ng-content select=\"[headerLabel]\"></ng-content>\r\n <div class=\"pb-header-content flex-row\">\r\n <ng-content select=\"[headerContent]\"></ng-content>\r\n <div class=\"ex-button\" (click)=\"onClick()\">\r\n <span>{{ (open ? collapseText : expandText)}}</span>\r\n <wm-template-image class=\"bar-arrow\" [ngClass]=\"{'bar-open-bottom': open}\" icon=\"arrow-down\">\r\n </wm-template-image>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex-row pb-content pb-vertical\" [ngStyle]=\"{'height': !open ? '0px': ''}\"\r\n [ngClass]=\"{'pb-vertical-visible': open}\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!directionBottom\" class=\"wm-panel-bar flex-col drl\" [ngClass]=\"{'pb-drl-open': open}\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"ex-panel flex-row ex-panel-drl\" (click)=\"onClick()\">\r\n <wm-template-image class=\"bar-arrow arrow-left\" [ngClass]=\"{'bar-open-left': open}\" icon=\"arrow-left\">\r\n </wm-template-image>\r\n <div class=\"preview-label\" *ngIf=\"!open\">{{label}}</div>\r\n <div class=\"preview-label\" *ngIf=\"open\">{{openedLabel || label}}</div>\r\n\r\n </div>\r\n <div class=\"flex-col pb-content pb-horizontal-visible\" *ngIf=\"open\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #body>\r\n <ng-content></ng-content>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-panel-bar{border-radius:4px;background:var(--pageBackgroundColor);flex-shrink:0;overflow:hidden;direction:ltr}.ex-button{display:inline-flex;color:var(--mediumFontColor);letter-spacing:0;cursor:pointer;background:transparent;border:none;justify-content:flex-end;align-items:center;width:86px;margin-left:8px}.pb-header{width:100%;flex-shrink:0;min-height:48px;font-size:14px;box-sizing:border-box;padding:4px 16px}.pb-label,.brand-label{font-weight:700;color:var(--strongFontColor);letter-spacing:1.2px;line-height:16px;flex-shrink:0;margin-right:12px}.brand-label{color:var(--brandColor)}.pb-header-content{align-items:center;margin-left:auto}.bar-open-left,.bar-open-right{transform:rotateY(-180deg)}.drb{box-shadow:0 0 1px #0a16460f,0 1px 1px #0a16461a}.drr{flex-direction:row-reverse}.pb-drl-open{width:100%}.pb-vertical{height:0}.pb-content{direction:ltr;visibility:hidden;overflow:auto}.pb-vertical-visible{visibility:visible;height:100%;max-height:calc(100% - 48px)}.pb-horizontal-visible{visibility:visible;width:100%}.ex-panel{height:40px;width:auto;min-width:1px;max-width:100%;flex-shrink:0;cursor:pointer;background:transparent;border-radius:4px;box-shadow:1px 1px 2px 2px #0a16460f;justify-content:flex-start}.arrow-left{margin:auto 0}.preview-label{align-items:center;margin:auto 4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }] });
|
|
1034
1037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmPanelBarComponent, decorators: [{
|
|
1035
1038
|
type: Component,
|
|
1036
1039
|
args: [{ selector: 'wm-panel-bar', template: "<div *ngIf=\"directionBottom\" class=\"wm-panel-bar drb flex-col\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"pb-header align-center flex-row\">\r\n <div class={{labelClasses}} *ngIf=\"label\">{{label}}</div>\r\n <ng-content select=\"[headerLabel]\"></ng-content>\r\n <div class=\"pb-header-content flex-row\">\r\n <ng-content select=\"[headerContent]\"></ng-content>\r\n <div class=\"ex-button\" (click)=\"onClick()\">\r\n <span>{{ (open ? collapseText : expandText)}}</span>\r\n <wm-template-image class=\"bar-arrow\" [ngClass]=\"{'bar-open-bottom': open}\" icon=\"arrow-down\">\r\n </wm-template-image>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"flex-row pb-content pb-vertical\" [ngStyle]=\"{'height': !open ? '0px': ''}\"\r\n [ngClass]=\"{'pb-vertical-visible': open}\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!directionBottom\" class=\"wm-panel-bar flex-col drl\" [ngClass]=\"{'pb-drl-open': open}\"\r\n [ngStyle]=\"{'max-width': maxWidth, 'max-height': maxHeight}\">\r\n <div class=\"ex-panel flex-row ex-panel-drl\" (click)=\"onClick()\">\r\n <wm-template-image class=\"bar-arrow arrow-left\" [ngClass]=\"{'bar-open-left': open}\" icon=\"arrow-left\">\r\n </wm-template-image>\r\n <div class=\"preview-label\" *ngIf=\"!open\">{{label}}</div>\r\n <div class=\"preview-label\" *ngIf=\"open\">{{openedLabel || label}}</div>\r\n\r\n </div>\r\n <div class=\"flex-col pb-content pb-horizontal-visible\" *ngIf=\"open\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n</div>\r\n\r\n<ng-template #body>\r\n <ng-content></ng-content>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.wm-panel-bar{border-radius:4px;background:var(--pageBackgroundColor);flex-shrink:0;overflow:hidden;direction:ltr}.ex-button{display:inline-flex;color:var(--mediumFontColor);letter-spacing:0;cursor:pointer;background:transparent;border:none;justify-content:flex-end;align-items:center;width:86px;margin-left:8px}.pb-header{width:100%;flex-shrink:0;min-height:48px;font-size:14px;box-sizing:border-box;padding:4px 16px}.pb-label,.brand-label{font-weight:700;color:var(--strongFontColor);letter-spacing:1.2px;line-height:16px;flex-shrink:0;margin-right:12px}.brand-label{color:var(--brandColor)}.pb-header-content{align-items:center;margin-left:auto}.bar-open-left,.bar-open-right{transform:rotateY(-180deg)}.drb{box-shadow:0 0 1px #0a16460f,0 1px 1px #0a16461a}.drr{flex-direction:row-reverse}.pb-drl-open{width:100%}.pb-vertical{height:0}.pb-content{direction:ltr;visibility:hidden;overflow:auto}.pb-vertical-visible{visibility:visible;height:100%;max-height:calc(100% - 48px)}.pb-horizontal-visible{visibility:visible;width:100%}.ex-panel{height:40px;width:auto;min-width:1px;max-width:100%;flex-shrink:0;cursor:pointer;background:transparent;border-radius:4px;box-shadow:1px 1px 2px 2px #0a16460f;justify-content:flex-start}.arrow-left{margin:auto 0}.preview-label{align-items:center;margin:auto 4px}\n"] }]
|
|
@@ -1322,19 +1325,24 @@ class WmTagComponent {
|
|
|
1322
1325
|
constructor() {
|
|
1323
1326
|
this.background = 'transparent';
|
|
1324
1327
|
this.color = 'black';
|
|
1328
|
+
this.iconSize = '20px';
|
|
1325
1329
|
}
|
|
1326
1330
|
}
|
|
1327
1331
|
WmTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1328
|
-
WmTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmTagComponent, selector: "wm-tag", inputs: { text: "text", background: "background", color: "color" }, ngImport: i0, template: "<div class=\"text-wrap\">\r\n <span class=\"text-bg\" [ngStyle]=\"{'background': background}\"></span>\r\n <span class=\"text-bg text-bg-bor\" [ngStyle]=\"{'border-color': background}\"></span>\r\n <span class=\"text-title\" [ngStyle]=\"{'color': color}\">{{text}}</span>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.text-title{color:var(--strongFontColor);display:
|
|
1332
|
+
WmTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: WmTagComponent, selector: "wm-tag", inputs: { text: "text", background: "background", color: "color", icon: "icon", iconSize: "iconSize" }, ngImport: i0, template: "<div class=\"text-wrap\">\r\n <span class=\"text-bg\" [ngStyle]=\"{'background': background}\"></span>\r\n <span class=\"text-bg text-bg-bor\" [ngStyle]=\"{'border-color': background}\"></span>\r\n <span class=\"text-title\" [ngStyle]=\"{'color': color}\"> \r\n <wm-template-image *ngIf=\"icon\" class=\"text-icon\" [icon]=\"icon\" [size]=\"iconSize\" [backgroundColor]=\"background\"></wm-template-image>\r\n {{text}}\r\n </span>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.text-title{color:var(--strongFontColor);display:flex;text-align:left;font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;font-weight:500;font-size:14px;min-width:50px;text-align:center;padding:4px 6px;z-index:1;line-height:18px}.text-wrap{position:relative;display:inline-block;line-height:normal}.text-bg{border:1px solid transparent;box-sizing:border-box;position:absolute;width:100%;height:100%;border-radius:6px;opacity:.1}.text-bg-bor{border:1px solid;opacity:.25}.rotate{transform-origin:center center;transform:rotate(-6deg)}.text-icon{margin-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1329
1333
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WmTagComponent, decorators: [{
|
|
1330
1334
|
type: Component,
|
|
1331
|
-
args: [{ selector: 'wm-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"text-wrap\">\r\n <span class=\"text-bg\" [ngStyle]=\"{'background': background}\"></span>\r\n <span class=\"text-bg text-bg-bor\" [ngStyle]=\"{'border-color': background}\"></span>\r\n <span class=\"text-title\" [ngStyle]=\"{'color': color}\">{{text}}</span>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.text-title{color:var(--strongFontColor);display:
|
|
1335
|
+
args: [{ selector: 'wm-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"text-wrap\">\r\n <span class=\"text-bg\" [ngStyle]=\"{'background': background}\"></span>\r\n <span class=\"text-bg text-bg-bor\" [ngStyle]=\"{'border-color': background}\"></span>\r\n <span class=\"text-title\" [ngStyle]=\"{'color': color}\"> \r\n <wm-template-image *ngIf=\"icon\" class=\"text-icon\" [icon]=\"icon\" [size]=\"iconSize\" [backgroundColor]=\"background\"></wm-template-image>\r\n {{text}}\r\n </span>\r\n</div>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}.text-title{color:var(--strongFontColor);display:flex;text-align:left;font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;font-weight:500;font-size:14px;min-width:50px;text-align:center;padding:4px 6px;z-index:1;line-height:18px}.text-wrap{position:relative;display:inline-block;line-height:normal}.text-bg{border:1px solid transparent;box-sizing:border-box;position:absolute;width:100%;height:100%;border-radius:6px;opacity:.1}.text-bg-bor{border:1px solid;opacity:.25}.rotate{transform-origin:center center;transform:rotate(-6deg)}.text-icon{margin-right:4px}\n"] }]
|
|
1332
1336
|
}], propDecorators: { text: [{
|
|
1333
1337
|
type: Input
|
|
1334
1338
|
}], background: [{
|
|
1335
1339
|
type: Input
|
|
1336
1340
|
}], color: [{
|
|
1337
1341
|
type: Input
|
|
1342
|
+
}], icon: [{
|
|
1343
|
+
type: Input
|
|
1344
|
+
}], iconSize: [{
|
|
1345
|
+
type: Input
|
|
1338
1346
|
}] } });
|
|
1339
1347
|
|
|
1340
1348
|
class WmToggleComponent {
|
|
@@ -1395,7 +1403,7 @@ class BtvCounterButtonComponent extends BtvIconButtonComponent {
|
|
|
1395
1403
|
}
|
|
1396
1404
|
}
|
|
1397
1405
|
BtvCounterButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvCounterButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1398
|
-
BtvCounterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvCounterButtonComponent, selector: "btv-counter-button", inputs: { counter: "counter", unavailableText: "unavailableText" }, usesInheritance: true, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\">\r\n </wm-template-image>\r\n\r\n <ng-content></ng-content>\r\n\r\n <span class=\"wm-counter\" [title]=\"counter\" *ngIf=\"counter > 0\">{{counterLabel}}</span>\r\n\r\n</button>\r\n\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-disabled\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "size", "sizeBox"] }, { kind: "directive", type: ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1406
|
+
BtvCounterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BtvCounterButtonComponent, selector: "btv-counter-button", inputs: { counter: "counter", unavailableText: "unavailableText" }, usesInheritance: true, ngImport: i0, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\">\r\n </wm-template-image>\r\n\r\n <ng-content></ng-content>\r\n\r\n <span class=\"wm-counter\" [title]=\"counter\" *ngIf=\"counter > 0\">{{counterLabel}}</span>\r\n\r\n</button>\r\n\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-disabled\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WmTemplateImageComponent, selector: "wm-template-image", inputs: ["icon", "disabled", "active", "light", "classes", "backgroundColor", "size", "sizeBox"] }, { kind: "directive", type: ToolTipRendererDirective, selector: "[customToolTip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "customAnchor", "useCustom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1399
1407
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BtvCounterButtonComponent, decorators: [{
|
|
1400
1408
|
type: Component,
|
|
1401
1409
|
args: [{ selector: 'btv-counter-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"icon flex-row {{buttonClasses}}\" (click)=\"onClick($event)\" type=\"button\" #button\r\n [tabindex]=\"(!isTabStop || disabled) ? -1 : undefined\" [showToolTip]=\"!!titleText\" customToolTip [contentTemplate]=\"template\">\r\n\r\n <wm-template-image [icon]=\"icon\" [size]=\"floor(iconSize * (isHover ? 1.1: 1)) + 'px'\" [active]=\"!disabled && changed\"\r\n [light]=\"light\">\r\n </wm-template-image>\r\n\r\n <ng-content></ng-content>\r\n\r\n <span class=\"wm-counter\" [title]=\"counter\" *ngIf=\"counter > 0\">{{counterLabel}}</span>\r\n\r\n</button>\r\n\r\n\r\n<ng-template #template>\r\n <span class=\"tooltip-text\"> {{titleText}} </span>\r\n <span *ngIf=\"disabled\" class=\"tooltip-disabled\"> - {{unavailableText}} </span>\r\n</ng-template>", styles: ["@media print{body{all:unset!important}.wm-page{margin:0!important;display:block!important}.not-printable{display:none!important}*{visibility:hidden}.printable,.printable *{visibility:visible!important}}:host{display:block;background:var(--pageBackgroundColor);border:1px solid;border-radius:4px;border-color:var(--secondaryHover);cursor:pointer;box-sizing:border-box;width:36px;height:36px;flex-shrink:0}:host:focus .icon,:host:hover .icon{outline:none;background:var(--secondaryHover)}:host(.u-no-border){border-width:0px}:host(.small){width:16px;height:16px}:host(.medium){width:30px;height:30px}:host(.disabled){background-color:var(--disabledColor);border-color:var(--disabledColor);color:var(--lightFontColor);cursor:default}:host(.disabled):hover{background-color:var(--disabledColor);border-color:var(--disabledColor)}:host(.disabled) .icon{cursor:default}:host(.danger){background-color:var(--dangerColor);border-color:var(--warningColor)}.tooltip-text{align-self:center}.tooltip-disabled{font-size:14px -2;counter-reset:var(--lightFontColor)}.icon{justify-content:center;align-items:center;width:100%;height:100%;border:0px;cursor:pointer;color:var(--strongFontColor);outline:0px;padding:0;background:transparent;border-radius:inherit}.wm-counter-button{position:relative}.wm-counter{display:inline-block;width:16px;height:16px;line-height:16px;position:absolute;top:0px;right:0px;border:none;background-color:var(--dangerColor);border-radius:50%;font-size:10px;font-weight:700;text-align:center;color:var(--strongFontColor);text-indent:-1px;overflow:hidden;white-space:nowrap}.u-btn-validate{border-color:var(--dangerColor);background-color:var(--dangerColor);color:var(--onBrandTextColor)}.u-btn-validate:hover{background-color:var(--dangerColor)}.u-btn-primary{border-color:var(--brandColor);background-color:var(--brandColor);color:var(--onBrandTextColor)}.u-btn-primary:hover{background-color:var(--onBrandHoverColor)}\n"] }]
|