@rededor/site-front-end-lib 0.0.28 → 0.0.30
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/README.md +80 -80
- package/esm2022/lib/components/footer/components/footer-disclaimer/footer-disclaimer.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-menu/footer-menu.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-menu-item/footer-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-social-medias/footer-social-medias.component.mjs +3 -3
- package/esm2022/lib/components/footer/footer.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu/header-aux-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-container/header-aux-menu-container.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-logo/header-logo.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu/header-main-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu/header-side-menu.component.mjs +5 -5
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/header.component.mjs +4 -4
- package/esm2022/lib/components/header/helpers/headerTheme.func.mjs +1 -1
- package/esm2022/lib/components/header/services/header.service.mjs +3 -3
- package/esm2022/lib/components/load-screen/load-screen.component.mjs +3 -3
- package/esm2022/lib/components/overlay/overlay.component.mjs +3 -3
- package/esm2022/lib/components/search/search.component.mjs +5 -5
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.mjs +5 -5
- package/esm2022/lib/components/side-ctas/models/SideCta.model.mjs +1 -1
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +5 -5
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +3 -3
- package/esm2022/lib/directives/rdsite-click-outside/rdsite-click-outside.directive.mjs +3 -3
- package/esm2022/lib/directives/rdsite-link/rdsite-link.directive.mjs +3 -3
- package/esm2022/lib/directives/rdsite-phone-modal/rdsite-phone-modal.directive.mjs +4 -4
- package/esm2022/lib/enums/RdsiteModalComponentStyle.enum.mjs +2 -1
- package/esm2022/lib/enums/RdsiteModalDrawerComponentStyle.enum.mjs +1 -1
- package/esm2022/lib/helpers/formatPhone.func.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-onco.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site-detalhe.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site.model.mjs +1 -1
- package/esm2022/lib/pipes/index.mjs +1 -1
- package/esm2022/lib/pipes/phone/phone.pipe.mjs +4 -4
- package/esm2022/lib/services/algolia/algolia.service.mjs +3 -3
- package/esm2022/lib/services/cura/cura.service.mjs +4 -4
- package/esm2022/lib/services/http-client/http-client.service.mjs +3 -3
- package/esm2022/lib/services/log/log.service.mjs +3 -3
- package/esm2022/lib/services/modal/modal.service.mjs +4 -4
- package/esm2022/lib/services/modal-drawer/modal-drawer.service.mjs +4 -4
- package/esm2022/lib/services/ngu-carousel/ngu-carousel.service.mjs +3 -3
- package/esm2022/lib/services/phone/phone.service.mjs +4 -4
- package/esm2022/lib/services/privacy-tools/privacy-tools.service.mjs +3 -3
- package/esm2022/lib/services/seo/seo.service.mjs +4 -4
- package/esm2022/lib/services/server-response/server-response.service.mjs +3 -3
- package/esm2022/lib/services/site-back-end/site-back-end.service.mjs +4 -4
- package/esm2022/lib/services/ssr-loading/ssr-loading.service.mjs +3 -3
- package/esm2022/lib/services/transfer-state/transfer-state.service.mjs +4 -4
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib.mjs +140 -139
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/enums/RdsiteModalComponentStyle.enum.d.ts +2 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,80 +1,80 @@
|
|
|
1
|
-
# SiteFrontEndLib
|
|
2
|
-
|
|
3
|
-
Esta lib foi gerada com [Angular CLI](https://github.com/angular/angular-cli) version 17.3.0.
|
|
4
|
-
|
|
5
|
-
## Desenvolvimento
|
|
6
|
-
|
|
7
|
-
- Para utilização da lib, utilize/customize o token `LibConfig`. Este token disponibiliza informações/parâmetros importantes baseadas no contexto de cada projeto.
|
|
8
|
-
- Para criação de componentes, services, etc, os comandos são os mesmos utilizados no desenvolvimento dentro do contexto dos projetos do site.
|
|
9
|
-
- Obs: antes de utilizar os comandos `ng`, verifique a pasta atual de seu terminal (`cd projects/site-front-end-lib`).
|
|
10
|
-
|
|
11
|
-
## Desenvolvimento com Live Reload
|
|
12
|
-
|
|
13
|
-
Para rodar o projeto com live reload, é necessário realizar algumas configurações.
|
|
14
|
-
|
|
15
|
-
### No contexto da LIB:
|
|
16
|
-
|
|
17
|
-
- rode `ng build site-front-end-lib --configuration development --watch` no terminal da lib.
|
|
18
|
-
- abra um novo terminal e acesse `cd dist/site-front-end-lib` e em seguida rode o seguinte comando `npm link`.
|
|
19
|
-
|
|
20
|
-
### No contexto do PROJETO angular rodando localmente:
|
|
21
|
-
|
|
22
|
-
- adicione `"preserveSymlinks": true` e `"cache": { "enabled": false }` no angular.json da seguinte forma:
|
|
23
|
-
|
|
24
|
-
```
|
|
25
|
-
{
|
|
26
|
-
"$schema": "...",
|
|
27
|
-
"version": 999,
|
|
28
|
-
"newProjectRoot": "...",
|
|
29
|
-
"projects": {
|
|
30
|
-
"project1": {
|
|
31
|
-
"projectType": "application",
|
|
32
|
-
"schematics": { ... },
|
|
33
|
-
"root": "",
|
|
34
|
-
"sourceRoot": "src",
|
|
35
|
-
"prefix": "app",
|
|
36
|
-
"architect": {
|
|
37
|
-
"build": {
|
|
38
|
-
"builder": "...",
|
|
39
|
-
"options": {
|
|
40
|
-
"preserveSymlinks": true,
|
|
41
|
-
...
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
"cli": {
|
|
48
|
-
"cache": {
|
|
49
|
-
"enabled": false
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
- rode o seguinte comando em seu terminal `npm link @rededor/site-front-end-lib`.
|
|
56
|
-
- inicie sua aplicação com `ng serve`.
|
|
57
|
-
|
|
58
|
-
Dessa forma, para qualquer alteração feita na lib, será refeito o build da lib e depois disparado um evento para o projeto também executar um novo build com as novas informações.
|
|
59
|
-
|
|
60
|
-
Após realizar os testes, é recomendavel realizar a **limpeza** dessas linkagens.
|
|
61
|
-
|
|
62
|
-
### No contexto do PROJETO
|
|
63
|
-
|
|
64
|
-
- `npm unlink @rededor/site-front-end-lib --no-save`
|
|
65
|
-
- remova as alterações feitas no `angular.json`
|
|
66
|
-
|
|
67
|
-
### No contexto da LIB
|
|
68
|
-
|
|
69
|
-
- `npm rm -g @rededor/site-front-end-lib --no-save`
|
|
70
|
-
|
|
71
|
-
Feito isso, voce pode checar se as linkagens foram removidas corretamente com `npm list -g`.
|
|
72
|
-
|
|
73
|
-
## Build
|
|
74
|
-
|
|
75
|
-
- Rode `ng build site-front-end-lib` para buildar o projeto. Os arquivos buildados estarão na pasta `dist/`.
|
|
76
|
-
|
|
77
|
-
## Publicar
|
|
78
|
-
|
|
79
|
-
- Depois de buildar o projeto, vá para `cd dist/site-front-end-lib` e rode `npm publish --userconfig ../../.npmrc` para publicar o projeto no npm.
|
|
80
|
-
- Obs: quando for gerar uma nova versão da lib, lembre-se de `atualizar a versão no package.json dentro da lib`. Caso não tenha feito isso, atualize o package.json, rode o build novamente e somente depois realize a publicação da lib.
|
|
1
|
+
# SiteFrontEndLib
|
|
2
|
+
|
|
3
|
+
Esta lib foi gerada com [Angular CLI](https://github.com/angular/angular-cli) version 17.3.0.
|
|
4
|
+
|
|
5
|
+
## Desenvolvimento
|
|
6
|
+
|
|
7
|
+
- Para utilização da lib, utilize/customize o token `LibConfig`. Este token disponibiliza informações/parâmetros importantes baseadas no contexto de cada projeto.
|
|
8
|
+
- Para criação de componentes, services, etc, os comandos são os mesmos utilizados no desenvolvimento dentro do contexto dos projetos do site.
|
|
9
|
+
- Obs: antes de utilizar os comandos `ng`, verifique a pasta atual de seu terminal (`cd projects/site-front-end-lib`).
|
|
10
|
+
|
|
11
|
+
## Desenvolvimento com Live Reload
|
|
12
|
+
|
|
13
|
+
Para rodar o projeto com live reload, é necessário realizar algumas configurações.
|
|
14
|
+
|
|
15
|
+
### No contexto da LIB:
|
|
16
|
+
|
|
17
|
+
- rode `ng build site-front-end-lib --configuration development --watch` no terminal da lib.
|
|
18
|
+
- abra um novo terminal e acesse `cd dist/site-front-end-lib` e em seguida rode o seguinte comando `npm link`.
|
|
19
|
+
|
|
20
|
+
### No contexto do PROJETO angular rodando localmente:
|
|
21
|
+
|
|
22
|
+
- adicione `"preserveSymlinks": true` e `"cache": { "enabled": false }` no angular.json da seguinte forma:
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
{
|
|
26
|
+
"$schema": "...",
|
|
27
|
+
"version": 999,
|
|
28
|
+
"newProjectRoot": "...",
|
|
29
|
+
"projects": {
|
|
30
|
+
"project1": {
|
|
31
|
+
"projectType": "application",
|
|
32
|
+
"schematics": { ... },
|
|
33
|
+
"root": "",
|
|
34
|
+
"sourceRoot": "src",
|
|
35
|
+
"prefix": "app",
|
|
36
|
+
"architect": {
|
|
37
|
+
"build": {
|
|
38
|
+
"builder": "...",
|
|
39
|
+
"options": {
|
|
40
|
+
"preserveSymlinks": true,
|
|
41
|
+
...
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"cli": {
|
|
48
|
+
"cache": {
|
|
49
|
+
"enabled": false
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
- rode o seguinte comando em seu terminal `npm link @rededor/site-front-end-lib`.
|
|
56
|
+
- inicie sua aplicação com `ng serve`.
|
|
57
|
+
|
|
58
|
+
Dessa forma, para qualquer alteração feita na lib, será refeito o build da lib e depois disparado um evento para o projeto também executar um novo build com as novas informações.
|
|
59
|
+
|
|
60
|
+
Após realizar os testes, é recomendavel realizar a **limpeza** dessas linkagens.
|
|
61
|
+
|
|
62
|
+
### No contexto do PROJETO
|
|
63
|
+
|
|
64
|
+
- `npm unlink @rededor/site-front-end-lib --no-save`
|
|
65
|
+
- remova as alterações feitas no `angular.json`
|
|
66
|
+
|
|
67
|
+
### No contexto da LIB
|
|
68
|
+
|
|
69
|
+
- `npm rm -g @rededor/site-front-end-lib --no-save`
|
|
70
|
+
|
|
71
|
+
Feito isso, voce pode checar se as linkagens foram removidas corretamente com `npm list -g`.
|
|
72
|
+
|
|
73
|
+
## Build
|
|
74
|
+
|
|
75
|
+
- Rode `ng build site-front-end-lib` para buildar o projeto. Os arquivos buildados estarão na pasta `dist/`.
|
|
76
|
+
|
|
77
|
+
## Publicar
|
|
78
|
+
|
|
79
|
+
- Depois de buildar o projeto, vá para `cd dist/site-front-end-lib` e rode `npm publish --userconfig ../../.npmrc` para publicar o projeto no npm.
|
|
80
|
+
- Obs: quando for gerar uma nova versão da lib, lembre-se de `atualizar a versão no package.json dentro da lib`. Caso não tenha feito isso, atualize o package.json, rode o build novamente e somente depois realize a publicação da lib.
|
package/esm2022/lib/components/footer/components/footer-disclaimer/footer-disclaimer.component.mjs
CHANGED
|
@@ -15,10 +15,10 @@ export class FooterDisclaimerComponent {
|
|
|
15
15
|
footerCookieClicked(event) {
|
|
16
16
|
this.footerCookieClick.emit(event);
|
|
17
17
|
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterDisclaimerComponent, deps: [{ token: i1.PrivacyToolsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FooterDisclaimerComponent, isStandalone: true, selector: "rdsite-footer-disclaimer", inputs: { currentYear: "currentYear", disclaimerText: "disclaimerText" }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick" }, ngImport: i0, template: "<div class=\"rdsite-footer-disclaimer\">\r\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\r\n <ul class=\"rdsite-footer-disclaimer-links\">\r\n <li>\r\n <a\r\n href=\"https://dpo.privacytools.com.br/policy-view/DPO8r0aQk/1/aviso-de-privacidade/pt_BR\"\r\n target=\"_blank\"\r\n data-testid=\"_avisoPrivacidade\"\r\n (click)=\"footerPrivacyClicked($event)\"\r\n >\r\n Aviso de Privacidade\r\n </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".rdsite-footer-disclaimer{height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.rdsite-footer-disclaimer-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--footer-disc-color)}.rdsite-footer-disclaimer-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.rdsite-footer-disclaimer-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--footer-disc-alt-color)}@media only screen and (min-width: 1024px){.rdsite-footer-disclaimer{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.rdsite-footer-disclaimer-links{gap:36px}}\n"] }); }
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterDisclaimerComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{ selector: 'rdsite-footer-disclaimer', standalone: true, imports: [], template: "<div class=\"rdsite-footer-disclaimer\">\r\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\r\n <ul class=\"rdsite-footer-disclaimer-links\">\r\n <li>\r\n <a\r\n href=\"https://dpo.privacytools.com.br/policy-view/DPO8r0aQk/1/aviso-de-privacidade/pt_BR\"\r\n target=\"_blank\"\r\n data-testid=\"_avisoPrivacidade\"\r\n (click)=\"footerPrivacyClicked($event)\"\r\n >\r\n Aviso de Privacidade\r\n </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".rdsite-footer-disclaimer{height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.rdsite-footer-disclaimer-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--footer-disc-color)}.rdsite-footer-disclaimer-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.rdsite-footer-disclaimer-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--footer-disc-alt-color)}@media only screen and (min-width: 1024px){.rdsite-footer-disclaimer{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.rdsite-footer-disclaimer-links{gap:36px}}\n"] }]
|
|
24
24
|
}], ctorParameters: () => [{ type: i1.PrivacyToolsService }], propDecorators: { currentYear: [{
|
|
@@ -12,10 +12,10 @@ export class FooterMenuComponent {
|
|
|
12
12
|
footerMenuItemClicked(event) {
|
|
13
13
|
this.footerMenuItemClick.emit(event);
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterMenuComponent, isStandalone: true, selector: "rdsite-footer-menu", inputs: { footerMenu: "footerMenu", partnerships: "partnerships" }, outputs: { footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "@if (footerMenu.length) {\r\n <div class=\"rdsite-footer-menu\">\r\n <nav>\r\n <ul class=\"rdsite-footer-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"rdsite-footer-menu-list-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"menu.url\"\r\n [title]=\"menu.title\"\r\n [children]=\"menu?.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n}\r\n\r\n@if (partnerships) {\r\n <div class=\"rdsite-footer-partnerships\">\r\n <rdsite-footer-menu-item\r\n url=\"\"\r\n [title]=\"partnerships.title ?? ''\"\r\n [children]=\"partnerships.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;padding-top:20px}.rdsite-footer-menu{width:100%;height:auto;flex:auto;column-count:unset}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:auto}@media only screen and (min-width: 1024px){:host{flex-direction:row}.rdsite-footer-menu{flex:3 1 0;column-count:3}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:1 1 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FooterMenuItemComponent, selector: "rdsite-footer-menu-item", inputs: ["url", "title", "children", "altStyle"], outputs: ["footerMenuItemClick"] }] }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: 'rdsite-footer-menu', standalone: true, imports: [CommonModule, RdsiteLinkDirective, FooterMenuItemComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (footerMenu.length) {\r\n <div class=\"rdsite-footer-menu\">\r\n <nav>\r\n <ul class=\"rdsite-footer-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"rdsite-footer-menu-list-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"menu.url\"\r\n [title]=\"menu.title\"\r\n [children]=\"menu?.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n}\r\n\r\n@if (partnerships) {\r\n <div class=\"rdsite-footer-partnerships\">\r\n <rdsite-footer-menu-item\r\n url=\"\"\r\n [title]=\"partnerships.title ?? ''\"\r\n [children]=\"partnerships.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;padding-top:20px}.rdsite-footer-menu{width:100%;height:auto;flex:auto;column-count:unset}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:auto}@media only screen and (min-width: 1024px){:host{flex-direction:row}.rdsite-footer-menu{flex:3 1 0;column-count:3}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:1 1 0}}\n"] }]
|
|
21
21
|
}], propDecorators: { footerMenu: [{
|
package/esm2022/lib/components/footer/components/footer-menu-item/footer-menu-item.component.mjs
CHANGED
|
@@ -19,10 +19,10 @@ export class FooterMenuItemComponent {
|
|
|
19
19
|
footerMenuItemClicked(event) {
|
|
20
20
|
this.footerMenuItemClick.emit(event);
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterMenuItemComponent, isStandalone: true, selector: "rdsite-footer-menu-item", inputs: { url: "url", title: "title", children: "children", altStyle: "altStyle" }, outputs: { footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "@if (title) {\r\n <button type=\"button\" class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\r\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event); footerMenuItemClicked($event)\">\r\n <span>{{ title }}</span>\r\n </a>\r\n\r\n @if (children.length) {\r\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n </button>\r\n\r\n @if (children.length) {\r\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\r\n @for (submenu of children; track submenu.title) {\r\n <li class=\"rdsite-footer-menu-item-children-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"submenu.url\"\r\n [title]=\"submenu.title\"\r\n [children]=\"submenu?.children ?? []\"\r\n [altStyle]=\"true\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".rdsite-footer-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link{text-align:left;padding:9px 0}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link span{color:var(--footer-color);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.56px}.rdsite-footer-menu-item:hover a span{color:var(--footer-menu-hover-color)}.rdsite-footer-menu-item:hover cura-icon{--color: var(--footer-menu-hover-color) !important}.rdsite-footer-menu-item:active a span{color:var(--footer-menu-active-color)}.rdsite-footer-menu-item:active cura-icon{--color: var(--footer-menu-active-color) !important}.rdsite-footer-menu-item.alt a.rdsite-footer-menu-item-link span{color:var(--footer-alt-color);font-size:12px;font-style:normal;font-weight:300}.rdsite-footer-menu-item.alt:hover a span{color:var(--footer-menu-alt-hover-color)}.rdsite-footer-menu-item.alt:hover cura-icon{--color: var(--footer-menu-alt-hover-color) !important}.rdsite-footer-menu-item.alt:active a span{color:var(--footer-menu-alt-active-color)}.rdsite-footer-menu-item.alt:active cura-icon{--color: var(--footer-menu-alt-active-color) !important}.rdsite-footer-menu-item.have-children{width:100%}.rdsite-footer-menu-item cura-icon{display:inline}.rdsite-footer-menu-item-children{list-style:none}.rdsite-footer-menu-item-children.closed{display:none}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.rdsite-footer-menu-item cura-icon{display:none}.rdsite-footer-menu-item.have-children{width:auto}.rdsite-footer-menu-item-children.closed{display:block}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}}\n"], dependencies: [{ kind: "component", type: FooterMenuItemComponent, selector: "rdsite-footer-menu-item", inputs: ["url", "title", "children", "altStyle"], outputs: ["footerMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuItemComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'rdsite-footer-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\r\n <button type=\"button\" class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\r\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event); footerMenuItemClicked($event)\">\r\n <span>{{ title }}</span>\r\n </a>\r\n\r\n @if (children.length) {\r\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n </button>\r\n\r\n @if (children.length) {\r\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\r\n @for (submenu of children; track submenu.title) {\r\n <li class=\"rdsite-footer-menu-item-children-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"submenu.url\"\r\n [title]=\"submenu.title\"\r\n [children]=\"submenu?.children ?? []\"\r\n [altStyle]=\"true\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".rdsite-footer-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link{text-align:left;padding:9px 0}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link span{color:var(--footer-color);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.56px}.rdsite-footer-menu-item:hover a span{color:var(--footer-menu-hover-color)}.rdsite-footer-menu-item:hover cura-icon{--color: var(--footer-menu-hover-color) !important}.rdsite-footer-menu-item:active a span{color:var(--footer-menu-active-color)}.rdsite-footer-menu-item:active cura-icon{--color: var(--footer-menu-active-color) !important}.rdsite-footer-menu-item.alt a.rdsite-footer-menu-item-link span{color:var(--footer-alt-color);font-size:12px;font-style:normal;font-weight:300}.rdsite-footer-menu-item.alt:hover a span{color:var(--footer-menu-alt-hover-color)}.rdsite-footer-menu-item.alt:hover cura-icon{--color: var(--footer-menu-alt-hover-color) !important}.rdsite-footer-menu-item.alt:active a span{color:var(--footer-menu-alt-active-color)}.rdsite-footer-menu-item.alt:active cura-icon{--color: var(--footer-menu-alt-active-color) !important}.rdsite-footer-menu-item.have-children{width:100%}.rdsite-footer-menu-item cura-icon{display:inline}.rdsite-footer-menu-item-children{list-style:none}.rdsite-footer-menu-item-children.closed{display:none}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.rdsite-footer-menu-item cura-icon{display:none}.rdsite-footer-menu-item.have-children{width:auto}.rdsite-footer-menu-item-children.closed{display:block}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}}\n"] }]
|
|
28
28
|
}], propDecorators: { url: [{
|
|
@@ -13,10 +13,10 @@ export class FooterSocialMediasComponent {
|
|
|
13
13
|
footerSocialMediaClicked(event) {
|
|
14
14
|
this.footerSocialMediaClick.emit(event);
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterSocialMediasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterSocialMediasComponent, isStandalone: true, selector: "rdsite-footer-social-medias", inputs: { logo: "logo", partnershipLogo: "partnershipLogo", phone: "phone", socialMenu: "socialMenu" }, outputs: { footerSocialMediaClick: "footerSocialMediaClick" }, ngImport: i0, template: "@if (logo || phone) {\r\n <div class=\"rdsite-footer-social-medias-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\r\n </div>\r\n }\r\n @if (partnershipLogo) {\r\n <div class=\"partnership-logo\">\r\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div class=\"rdsite-footer-social-medias-social\">\r\n <nav>\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon [name]=\"social.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--footer-color)}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 24px;width:328px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterSocialMediasComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'rdsite-footer-social-medias', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (logo || phone) {\r\n <div class=\"rdsite-footer-social-medias-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\r\n </div>\r\n }\r\n @if (partnershipLogo) {\r\n <div class=\"partnership-logo\">\r\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div class=\"rdsite-footer-social-medias-social\">\r\n <nav>\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon [name]=\"social.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--footer-color)}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 24px;width:328px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"] }]
|
|
22
22
|
}], propDecorators: { logo: [{
|