ngx-bimplus-components 0.0.149 → 0.0.150

package/esm2022/lib/components/bimplus-language-menu/bimplus-language-menu.component.mjs

@@ -29,10 +29,10 @@ export class BimplusLanguageMenuComponent {
     _toggleOpened() {
         this._menuOpened = !this._menuOpened;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: BimplusLanguageMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.11", type: BimplusLanguageMenuComponent, isStandalone: true, selector: "lib-bimplus-language-menu", inputs: { isTouch: ["isTouch", "isTouch", booleanAttribute], selectedLanguage: "selectedLanguage", expandUp: ["expandUp", "expandUp", booleanAttribute] }, outputs: { bimplusLanguageSelected: "bimplusLanguageSelected" }, ngImport: i0, template: "<div \r\n  class=\"bimcomp-overlay\"\r\n  [ngClass]=\"_menuOpened ? 'open' : ''\" \r\n  (click)=\"_toggleOpened()\"\r\n  (keypress)=\"_toggleOpened()\"\r\n  >\r\n</div>\r\n<div data-test=\"language-menu-dropdown\"\r\n  class=\"dropdown\" \r\n  [ngClass]=\"_menuOpened ? 'open' : ''\" [ngClass]=\"isTouch ? 'is-touch' : ''\" \r\n  (click)=\"_toggleOpened()\"\r\n  (keypress)=\"_toggleOpened()\"\r\n  >\r\n    <div class=\"dropdown-toggle\" >\r\n        <div class='main-icon icon-languages'></div>\r\n        <span class=\"caret\"></span>\r\n    </div>\r\n\r\n    <ul class= \"bimcomp-dropdown-menu\" [ngClass]=\"{'open':_menuOpened, 'expand-up':expandUp }\">\r\n        <li [attr.data-test]=\"'langmenu_item_' + languageItem.text\" \r\n            class=\"bimcomp-dropdown-menu-item\" \r\n            [ngClass]=\"selectedLanguage === languageItem.symbol ? 'selected' : ''\" \r\n            (click)=\"_switchLanguage(languageItem.symbol)\"\r\n            (keypress)=\"_switchLanguage(languageItem.symbol)\"\r\n            *ngFor=\"let languageItem of _languagesList\"\r\n            >\r\n            <span>{{languageItem.text}}</span>\r\n        </li>\r\n    </ul>\r\n</div>", styles: [".dropdown{position:relative;width:4.2em;height:3.25em;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dropdown.open{color:var(--language-menu-dropdown-open-text-color-enabled);background-color:var(--language-menu-dropdown-open-background-color-enabled)}.dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;padding-bottom:.22em;padding-left:.2em}.dropdown-toggle .caret{display:inline-block;width:0;height:0;margin-top:.19em;margin-left:.5em;vertical-align:middle;color:var(--language-menu-dropdown-toggle-caret-text-color-enabled);border-top:.25em dashed;border-top:.25em solid;border-right:.25em solid transparent;border-left:.25em solid transparent}.is-touch .dropdown-toggle{padding-left:0}.is-touch .dropdown-toggle .caret{display:none}.bimcomp-dropdown-menu{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:1;display:none;min-width:11.43em;padding:.5em 0 .57em;margin:0;font-size:.875em;list-style:none;background-color:var(--language-menu-dropdown-menu-background-color-enabled);border:thin solid var(--language-menu-dropdown-menu-border-color-enabled);border-radius:0 0 .29em .29em;-webkit-box-shadow:0 .43em .86em var(--language-menu-dropdown-menu-box-shadow-color-enabled);box-shadow:0 .43em .86em var(--language-menu-dropdown-menu-box-shadow-color-enabled);text-decoration-color:var(--language-menu-dropdown-menu-text-decoration-color-enabled);text-decoration-line:none;text-decoration-style:solid;line-height:2.4em;font-weight:400}.bimcomp-dropdown-menu div{font-size:1em}.bimcomp-dropdown-menu .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li{display:flex;flex-direction:row;align-items:center;cursor:pointer;box-sizing:content-box;padding:0 2.1em}.bimcomp-dropdown-menu li span{display:inline-block;flex:1 0 auto;margin-right:1.43em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li.selected,.bimcomp-dropdown-menu li.selected:hover{background-color:var(--dropdown-menu-item-background-color-selected)}.bimcomp-dropdown-menu li:hover{background-color:var(--language-menu-dropdown-menu-item-background-color-hovered)}.bimcomp-dropdown-menu ul,.bimcomp-dropdown-menu li{list-style:none}.bimcomp-dropdown-menu.expand-up{top:-24rem;right:-13.5rem}.bimcomp-dropdown-menu.open{display:inline-block}.icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bimcomp-overlay.open{display:block;z-index:1}.icon-languages{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 1L5 3H0V4.49999L2 4.5C2.43947 6.27912 3.24436 7.55186 4.50213 8.88094C3.3069 9.5683 0 11 0 11L1 12C1 12 3.5 11 5.44323 9.75533C6.5 10.5 8 11.5 8 11.5L9 10.5C9 10.5 7.5572 9.75533 6.53981 8.88087C7.75282 7.52893 8.5814 6.27217 9 4.5H11V3H6.5C6.43255 2.80538 5.5 1 5.5 1H4ZM5.4856 8.0701C4.40554 6.99056 3.83462 6.00259 3.5 4.5H7.5C7.24387 5.99973 6.55146 7.01658 5.4856 8.0701Z\" fill=\"%23444444\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.25214 16.9813L9.99998 16.9813L11 14.5H15L16.007 16.9813H17.7222L13.7225 7.02972L12.2521 7.03339L8.25214 16.9813ZM14.5 13H11.5L13.0012 8.54775L14.5 13Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A%0D%0A') no-repeat center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: BimplusLanguageMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.12", type: BimplusLanguageMenuComponent, isStandalone: true, selector: "lib-bimplus-language-menu", inputs: { isTouch: ["isTouch", "isTouch", booleanAttribute], selectedLanguage: "selectedLanguage", expandUp: ["expandUp", "expandUp", booleanAttribute] }, outputs: { bimplusLanguageSelected: "bimplusLanguageSelected" }, ngImport: i0, template: "<div \r\n  class=\"bimcomp-overlay\"\r\n  [ngClass]=\"_menuOpened ? 'open' : ''\" \r\n  (click)=\"_toggleOpened()\"\r\n  (keypress)=\"_toggleOpened()\"\r\n  >\r\n</div>\r\n<div data-test=\"language-menu-dropdown\"\r\n  class=\"dropdown\" \r\n  [ngClass]=\"_menuOpened ? 'open' : ''\" [ngClass]=\"isTouch ? 'is-touch' : ''\" \r\n  (click)=\"_toggleOpened()\"\r\n  (keypress)=\"_toggleOpened()\"\r\n  >\r\n    <div class=\"dropdown-toggle\" >\r\n        <div class='main-icon icon-languages'></div>\r\n        <span class=\"caret\"></span>\r\n    </div>\r\n\r\n    <ul class= \"bimcomp-dropdown-menu\" [ngClass]=\"{'open':_menuOpened, 'expand-up':expandUp }\">\r\n        <li [attr.data-test]=\"'langmenu_item_' + languageItem.text\" \r\n            class=\"bimcomp-dropdown-menu-item\" \r\n            [ngClass]=\"selectedLanguage === languageItem.symbol ? 'selected' : ''\" \r\n            (click)=\"_switchLanguage(languageItem.symbol)\"\r\n            (keypress)=\"_switchLanguage(languageItem.symbol)\"\r\n            *ngFor=\"let languageItem of _languagesList\"\r\n            >\r\n            <span>{{languageItem.text}}</span>\r\n        </li>\r\n    </ul>\r\n</div>", styles: [".dropdown{position:relative;width:4.2em;height:3.25em;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dropdown.open{color:var(--language-menu-dropdown-open-text-color-enabled);background-color:var(--language-menu-dropdown-open-background-color-enabled)}.dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;padding-bottom:.22em;padding-left:.2em}.dropdown-toggle .caret{display:inline-block;width:0;height:0;margin-top:.19em;margin-left:.5em;vertical-align:middle;color:var(--language-menu-dropdown-toggle-caret-text-color-enabled);border-top:.25em dashed;border-top:.25em solid;border-right:.25em solid transparent;border-left:.25em solid transparent}.is-touch .dropdown-toggle{padding-left:0}.is-touch .dropdown-toggle .caret{display:none}.bimcomp-dropdown-menu{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:1;display:none;min-width:11.43em;padding:.5em 0 .57em;margin:0;font-size:.875em;list-style:none;background-color:var(--language-menu-dropdown-menu-background-color-enabled);border:thin solid var(--language-menu-dropdown-menu-border-color-enabled);border-radius:0 0 .29em .29em;-webkit-box-shadow:0 .43em .86em var(--language-menu-dropdown-menu-box-shadow-color-enabled);box-shadow:0 .43em .86em var(--language-menu-dropdown-menu-box-shadow-color-enabled);text-decoration-color:var(--language-menu-dropdown-menu-text-decoration-color-enabled);text-decoration-line:none;text-decoration-style:solid;line-height:2.4em;font-weight:400}.bimcomp-dropdown-menu div{font-size:1em}.bimcomp-dropdown-menu .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li{display:flex;flex-direction:row;align-items:center;cursor:pointer;box-sizing:content-box;padding:0 2.1em}.bimcomp-dropdown-menu li span{display:inline-block;flex:1 0 auto;margin-right:1.43em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li.selected,.bimcomp-dropdown-menu li.selected:hover{background-color:var(--dropdown-menu-item-background-color-selected)}.bimcomp-dropdown-menu li:hover{background-color:var(--language-menu-dropdown-menu-item-background-color-hovered)}.bimcomp-dropdown-menu ul,.bimcomp-dropdown-menu li{list-style:none}.bimcomp-dropdown-menu.expand-up{top:-24rem;right:-13.5rem}.bimcomp-dropdown-menu.open{display:inline-block}.icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bimcomp-overlay.open{display:block;z-index:1}.icon-languages{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 1L5 3H0V4.49999L2 4.5C2.43947 6.27912 3.24436 7.55186 4.50213 8.88094C3.3069 9.5683 0 11 0 11L1 12C1 12 3.5 11 5.44323 9.75533C6.5 10.5 8 11.5 8 11.5L9 10.5C9 10.5 7.5572 9.75533 6.53981 8.88087C7.75282 7.52893 8.5814 6.27217 9 4.5H11V3H6.5C6.43255 2.80538 5.5 1 5.5 1H4ZM5.4856 8.0701C4.40554 6.99056 3.83462 6.00259 3.5 4.5H7.5C7.24387 5.99973 6.55146 7.01658 5.4856 8.0701Z\" fill=\"%23444444\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.25214 16.9813L9.99998 16.9813L11 14.5H15L16.007 16.9813H17.7222L13.7225 7.02972L12.2521 7.03339L8.25214 16.9813ZM14.5 13H11.5L13.0012 8.54775L14.5 13Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A%0D%0A') no-repeat center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: BimplusLanguageMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: BimplusLanguageMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-bimplus-language-menu', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.ShadowDom, template: "<div \r\n  class=\"bimcomp-overlay\"\r\n  [ngClass]=\"_menuOpened ? 'open' : ''\" \r\n  (click)=\"_toggleOpened()\"\r\n  (keypress)=\"_toggleOpened()\"\r\n  >\r\n</div>\r\n<div data-test=\"language-menu-dropdown\"\r\n  class=\"dropdown\" \r\n  [ngClass]=\"_menuOpened ? 'open' : ''\" [ngClass]=\"isTouch ? 'is-touch' : ''\" \r\n  (click)=\"_toggleOpened()\"\r\n  (keypress)=\"_toggleOpened()\"\r\n  >\r\n    <div class=\"dropdown-toggle\" >\r\n        <div class='main-icon icon-languages'></div>\r\n        <span class=\"caret\"></span>\r\n    </div>\r\n\r\n    <ul class= \"bimcomp-dropdown-menu\" [ngClass]=\"{'open':_menuOpened, 'expand-up':expandUp }\">\r\n        <li [attr.data-test]=\"'langmenu_item_' + languageItem.text\" \r\n            class=\"bimcomp-dropdown-menu-item\" \r\n            [ngClass]=\"selectedLanguage === languageItem.symbol ? 'selected' : ''\" \r\n            (click)=\"_switchLanguage(languageItem.symbol)\"\r\n            (keypress)=\"_switchLanguage(languageItem.symbol)\"\r\n            *ngFor=\"let languageItem of _languagesList\"\r\n            >\r\n            <span>{{languageItem.text}}</span>\r\n        </li>\r\n    </ul>\r\n</div>", styles: [".dropdown{position:relative;width:4.2em;height:3.25em;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dropdown.open{color:var(--language-menu-dropdown-open-text-color-enabled);background-color:var(--language-menu-dropdown-open-background-color-enabled)}.dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;padding-bottom:.22em;padding-left:.2em}.dropdown-toggle .caret{display:inline-block;width:0;height:0;margin-top:.19em;margin-left:.5em;vertical-align:middle;color:var(--language-menu-dropdown-toggle-caret-text-color-enabled);border-top:.25em dashed;border-top:.25em solid;border-right:.25em solid transparent;border-left:.25em solid transparent}.is-touch .dropdown-toggle{padding-left:0}.is-touch .dropdown-toggle .caret{display:none}.bimcomp-dropdown-menu{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:1;display:none;min-width:11.43em;padding:.5em 0 .57em;margin:0;font-size:.875em;list-style:none;background-color:var(--language-menu-dropdown-menu-background-color-enabled);border:thin solid var(--language-menu-dropdown-menu-border-color-enabled);border-radius:0 0 .29em .29em;-webkit-box-shadow:0 .43em .86em var(--language-menu-dropdown-menu-box-shadow-color-enabled);box-shadow:0 .43em .86em var(--language-menu-dropdown-menu-box-shadow-color-enabled);text-decoration-color:var(--language-menu-dropdown-menu-text-decoration-color-enabled);text-decoration-line:none;text-decoration-style:solid;line-height:2.4em;font-weight:400}.bimcomp-dropdown-menu div{font-size:1em}.bimcomp-dropdown-menu .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li{display:flex;flex-direction:row;align-items:center;cursor:pointer;box-sizing:content-box;padding:0 2.1em}.bimcomp-dropdown-menu li span{display:inline-block;flex:1 0 auto;margin-right:1.43em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li.selected,.bimcomp-dropdown-menu li.selected:hover{background-color:var(--dropdown-menu-item-background-color-selected)}.bimcomp-dropdown-menu li:hover{background-color:var(--language-menu-dropdown-menu-item-background-color-hovered)}.bimcomp-dropdown-menu ul,.bimcomp-dropdown-menu li{list-style:none}.bimcomp-dropdown-menu.expand-up{top:-24rem;right:-13.5rem}.bimcomp-dropdown-menu.open{display:inline-block}.icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bimcomp-overlay.open{display:block;z-index:1}.icon-languages{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 1L5 3H0V4.49999L2 4.5C2.43947 6.27912 3.24436 7.55186 4.50213 8.88094C3.3069 9.5683 0 11 0 11L1 12C1 12 3.5 11 5.44323 9.75533C6.5 10.5 8 11.5 8 11.5L9 10.5C9 10.5 7.5572 9.75533 6.53981 8.88087C7.75282 7.52893 8.5814 6.27217 9 4.5H11V3H6.5C6.43255 2.80538 5.5 1 5.5 1H4ZM5.4856 8.0701C4.40554 6.99056 3.83462 6.00259 3.5 4.5H7.5C7.24387 5.99973 6.55146 7.01658 5.4856 8.0701Z\" fill=\"%23444444\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.25214 16.9813L9.99998 16.9813L11 14.5H15L16.007 16.9813H17.7222L13.7225 7.02972L12.2521 7.03339L8.25214 16.9813ZM14.5 13H11.5L13.0012 8.54775L14.5 13Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A%0D%0A') no-repeat center}\n"] }]
         }], propDecorators: { isTouch: [{

package/esm2022/lib/components/bimplus-localized-widget/bimplus-localized-widget.component.mjs

@@ -35,14 +35,14 @@ export class BimplusLocalizedWidgetComponent {
             console.error(error);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: BimplusLocalizedWidgetComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: BimplusLocalizedWidgetComponent, isStandalone: true, selector: "lib-bimplus-localized-widget", inputs: { selectedLanguage: "selectedLanguage", localizedStrings: "localizedStrings" }, providers: [TranslateService], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: BimplusLocalizedWidgetComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: BimplusLocalizedWidgetComponent, isStandalone: true, selector: "lib-bimplus-localized-widget", inputs: { selectedLanguage: "selectedLanguage", localizedStrings: "localizedStrings" }, providers: [TranslateService], ngImport: i0, template: `
   <p>
     localized widget works!
   </p>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: BimplusLocalizedWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: BimplusLocalizedWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-bimplus-localized-widget', standalone: true, imports: [CommonModule, TranslateModule], providers: [TranslateService], template: `
   <p>