@lluc_llull/ui-lib 0.33.9 → 0.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-asymmetric-media.mjs +85 -28
- package/fesm2022/lluc_llull-ui-lib-content-asymmetric-media.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-category-progress.mjs +81 -30
- package/fesm2022/lluc_llull-ui-lib-content-category-progress.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-columns-media-stacked.mjs +90 -34
- package/fesm2022/lluc_llull-ui-lib-content-columns-media-stacked.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-contact-minimal.mjs +109 -37
- package/fesm2022/lluc_llull-ui-lib-content-contact-minimal.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-content-document.mjs +58 -26
- package/fesm2022/lluc_llull-ui-lib-content-content-document.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-hero-section.mjs +139 -110
- package/fesm2022/lluc_llull-ui-lib-content-hero-section.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-media-intro.mjs +91 -34
- package/fesm2022/lluc_llull-ui-lib-content-media-intro.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-media-split.mjs +118 -76
- package/fesm2022/lluc_llull-ui-lib-content-media-split.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-mosaic-grid.mjs +99 -44
- package/fesm2022/lluc_llull-ui-lib-content-mosaic-grid.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-mosaic-parallax.mjs +109 -57
- package/fesm2022/lluc_llull-ui-lib-content-mosaic-parallax.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-section-intro.mjs +100 -37
- package/fesm2022/lluc_llull-ui-lib-content-section-intro.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-split-previewer.mjs +133 -61
- package/fesm2022/lluc_llull-ui-lib-content-split-previewer.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-split-showcase.mjs +99 -37
- package/fesm2022/lluc_llull-ui-lib-content-split-showcase.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content-stacked-rows.mjs +61 -29
- package/fesm2022/lluc_llull-ui-lib-content-stacked-rows.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-content.mjs +1286 -502
- package/fesm2022/lluc_llull-ui-lib-content.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-directives.mjs +383 -262
- package/fesm2022/lluc_llull-ui-lib-directives.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-effects.mjs +187 -150
- package/fesm2022/lluc_llull-ui-lib-effects.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-enums.mjs +8 -12
- package/fesm2022/lluc_llull-ui-lib-enums.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-feedback-404.mjs +97 -34
- package/fesm2022/lluc_llull-ui-lib-feedback-404.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-feedback.mjs +97 -34
- package/fesm2022/lluc_llull-ui-lib-feedback.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-footers-columns-footer.mjs +65 -27
- package/fesm2022/lluc_llull-ui-lib-footers-columns-footer.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-footers-legal-footer.mjs +74 -37
- package/fesm2022/lluc_llull-ui-lib-footers-legal-footer.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-footers-links-footer.mjs +59 -24
- package/fesm2022/lluc_llull-ui-lib-footers-links-footer.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-footers-social-footer.mjs +95 -32
- package/fesm2022/lluc_llull-ui-lib-footers-social-footer.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-footers-visual-footer.mjs +84 -45
- package/fesm2022/lluc_llull-ui-lib-footers-visual-footer.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-footers.mjs +354 -125
- package/fesm2022/lluc_llull-ui-lib-footers.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-headers-header-clear.mjs +153 -78
- package/fesm2022/lluc_llull-ui-lib-headers-header-clear.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-headers-header-mobile.mjs +153 -78
- package/fesm2022/lluc_llull-ui-lib-headers-header-mobile.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-headers.mjs +296 -142
- package/fesm2022/lluc_llull-ui-lib-headers.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-interfaces.mjs +0 -4
- package/fesm2022/lluc_llull-ui-lib-mapper.mjs +242 -264
- package/fesm2022/lluc_llull-ui-lib-mapper.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-modals.mjs +163 -65
- package/fesm2022/lluc_llull-ui-lib-modals.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-screen-sizer.mjs +106 -97
- package/fesm2022/lluc_llull-ui-lib-screen-sizer.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-shared.mjs +279 -148
- package/fesm2022/lluc_llull-ui-lib-shared.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-sliders.mjs +72 -52
- package/fesm2022/lluc_llull-ui-lib-sliders.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-theme.mjs +78 -80
- package/fesm2022/lluc_llull-ui-lib-theme.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib-utils.mjs +42 -64
- package/fesm2022/lluc_llull-ui-lib-utils.mjs.map +1 -1
- package/fesm2022/lluc_llull-ui-lib.mjs +42 -27
- package/fesm2022/lluc_llull-ui-lib.mjs.map +1 -1
- package/package.json +88 -87
- package/types/lluc_llull-ui-lib-content-asymmetric-media.d.ts +21 -0
- package/types/lluc_llull-ui-lib-content-category-progress.d.ts +34 -0
- package/types/lluc_llull-ui-lib-content-columns-media-stacked.d.ts +33 -0
- package/types/lluc_llull-ui-lib-content-contact-minimal.d.ts +39 -0
- package/types/lluc_llull-ui-lib-content-content-document.d.ts +24 -0
- package/types/lluc_llull-ui-lib-content-hero-section.d.ts +62 -0
- package/types/lluc_llull-ui-lib-content-media-intro.d.ts +33 -0
- package/types/lluc_llull-ui-lib-content-media-split.d.ts +36 -0
- package/types/lluc_llull-ui-lib-content-mosaic-grid.d.ts +27 -0
- package/types/lluc_llull-ui-lib-content-mosaic-parallax.d.ts +35 -0
- package/types/lluc_llull-ui-lib-content-section-intro.d.ts +33 -0
- package/types/lluc_llull-ui-lib-content-split-previewer.d.ts +47 -0
- package/types/lluc_llull-ui-lib-content-split-showcase.d.ts +43 -0
- package/types/lluc_llull-ui-lib-content-stacked-rows.d.ts +30 -0
- package/types/lluc_llull-ui-lib-content.d.ts +471 -0
- package/types/lluc_llull-ui-lib-directives.d.ts +93 -0
- package/types/lluc_llull-ui-lib-effects.d.ts +50 -0
- package/types/lluc_llull-ui-lib-enums.d.ts +7 -0
- package/types/lluc_llull-ui-lib-feedback-404.d.ts +33 -0
- package/types/lluc_llull-ui-lib-feedback.d.ts +33 -0
- package/types/lluc_llull-ui-lib-footers-columns-footer.d.ts +30 -0
- package/types/lluc_llull-ui-lib-footers-legal-footer.d.ts +40 -0
- package/types/lluc_llull-ui-lib-footers-links-footer.d.ts +15 -0
- package/types/lluc_llull-ui-lib-footers-social-footer.d.ts +27 -0
- package/types/lluc_llull-ui-lib-footers-visual-footer.d.ts +57 -0
- package/types/lluc_llull-ui-lib-footers.d.ts +161 -0
- package/types/lluc_llull-ui-lib-headers-header-clear.d.ts +68 -0
- package/types/lluc_llull-ui-lib-headers-header-mobile.d.ts +68 -0
- package/types/lluc_llull-ui-lib-headers.d.ts +132 -0
- package/types/lluc_llull-ui-lib-interfaces.d.ts +92 -0
- package/types/lluc_llull-ui-lib-mapper.d.ts +40 -0
- package/types/lluc_llull-ui-lib-modals.d.ts +47 -0
- package/types/lluc_llull-ui-lib-screen-sizer.d.ts +34 -0
- package/types/lluc_llull-ui-lib-shared.d.ts +99 -0
- package/types/lluc_llull-ui-lib-sliders.d.ts +17 -0
- package/types/lluc_llull-ui-lib-theme.d.ts +16 -0
- package/{utils/utils.d.ts → types/lluc_llull-ui-lib-utils.d.ts} +2 -2
- package/types/lluc_llull-ui-lib.d.ts +5 -0
- package/content/asymmetric-media/asymmetric-media.component.d.ts +0 -8
- package/content/asymmetric-media/asymmetric-media.interface.d.ts +0 -5
- package/content/asymmetric-media/index.d.ts +0 -2
- package/content/category-progress/category-progress.component.d.ts +0 -16
- package/content/category-progress/category-progress.interface.d.ts +0 -6
- package/content/category-progress/index.d.ts +0 -2
- package/content/columns-media-stacked/columns-media-stacked.component.d.ts +0 -10
- package/content/columns-media-stacked/columns-media-stacked.interface.d.ts +0 -7
- package/content/columns-media-stacked/index.d.ts +0 -2
- package/content/contact-minimal/contact-minimal.component.d.ts +0 -11
- package/content/contact-minimal/contact-minimal.interface.d.ts +0 -8
- package/content/contact-minimal/index.d.ts +0 -2
- package/content/content-document/content-document.component.d.ts +0 -11
- package/content/content-document/content-document.interface.d.ts +0 -5
- package/content/content-document/index.d.ts +0 -2
- package/content/hero-section/hero-section.component.d.ts +0 -19
- package/content/hero-section/hero-section.interface.d.ts +0 -11
- package/content/hero-section/hero-section.stories.d.ts +0 -7
- package/content/hero-section/index.d.ts +0 -3
- package/content/index.d.ts +0 -14
- package/content/media-intro/index.d.ts +0 -2
- package/content/media-intro/media-intro.component.d.ts +0 -10
- package/content/media-intro/media-intro.interface.d.ts +0 -7
- package/content/media-split/index.d.ts +0 -2
- package/content/media-split/media-split.component.d.ts +0 -18
- package/content/media-split/media-split.interface.d.ts +0 -6
- package/content/mosaic-grid/index.d.ts +0 -2
- package/content/mosaic-grid/mosaic-grid.component.d.ts +0 -14
- package/content/mosaic-grid/mosaic-grid.interface.d.ts +0 -5
- package/content/mosaic-parallax/index.d.ts +0 -2
- package/content/mosaic-parallax/mosaic-parallax.component.d.ts +0 -17
- package/content/mosaic-parallax/mosaic-parallax.interface.d.ts +0 -6
- package/content/section-intro/index.d.ts +0 -2
- package/content/section-intro/section-intro.component.d.ts +0 -11
- package/content/section-intro/section-intro.interface.d.ts +0 -2
- package/content/split-previewer/index.d.ts +0 -2
- package/content/split-previewer/split-previewer.component.d.ts +0 -24
- package/content/split-previewer/split-previewer.interface.d.ts +0 -8
- package/content/split-showcase/index.d.ts +0 -2
- package/content/split-showcase/split-showcase.component.d.ts +0 -15
- package/content/split-showcase/split-showcase.interface.d.ts +0 -9
- package/content/stacked-rows/index.d.ts +0 -2
- package/content/stacked-rows/stacked-rows.component.d.ts +0 -12
- package/content/stacked-rows/stacked-rows.interface.d.ts +0 -6
- package/directives/header-scroll.directive.d.ts +0 -8
- package/directives/highlight.directive.d.ts +0 -14
- package/directives/index.d.ts +0 -4
- package/directives/link-type.directive.d.ts +0 -26
- package/directives/scroll-reveal.directive.d.ts +0 -15
- package/effects/dynamic-background/dynamic-background.component.d.ts +0 -27
- package/effects/dynamic-background/effects/dynamic-effect.interface.d.ts +0 -6
- package/effects/dynamic-background/effects/effect-registry.d.ts +0 -3
- package/effects/dynamic-background/effects/sphere-deform/sphere-deform.effect.d.ts +0 -13
- package/effects/dynamic-background/index.d.ts +0 -1
- package/effects/index.d.ts +0 -1
- package/enums/index.d.ts +0 -1
- package/enums/link-type.enum.d.ts +0 -7
- package/feedback/404/404.component.d.ts +0 -10
- package/feedback/404/404.inteface.d.ts +0 -7
- package/feedback/404/index.d.ts +0 -2
- package/feedback/index.d.ts +0 -1
- package/fesm2022/lluc_llull-ui-lib-interfaces.mjs.map +0 -1
- package/footers/columns-footer/columns-footer.component.d.ts +0 -17
- package/footers/columns-footer/columns-footer.interface.d.ts +0 -5
- package/footers/columns-footer/index.d.ts +0 -2
- package/footers/index.d.ts +0 -5
- package/footers/legal-footer/index.d.ts +0 -2
- package/footers/legal-footer/legal-footer.component.d.ts +0 -12
- package/footers/legal-footer/legal-footer.interface.d.ts +0 -9
- package/footers/links-footer/index.d.ts +0 -2
- package/footers/links-footer/links-footer.component.d.ts +0 -7
- package/footers/links-footer/links-footer.interface.d.ts +0 -4
- package/footers/social-footer/index.d.ts +0 -2
- package/footers/social-footer/social-footer.component.d.ts +0 -9
- package/footers/social-footer/social-footer.interface.d.ts +0 -6
- package/footers/visual-footer/index.d.ts +0 -2
- package/footers/visual-footer/visual-footer.component.d.ts +0 -14
- package/footers/visual-footer/visual-footer.interface.d.ts +0 -11
- package/headers/header-clear/header-clear.component.d.ts +0 -28
- package/headers/header-clear/header-clear.interface.d.ts +0 -9
- package/headers/header-clear/index.d.ts +0 -2
- package/headers/header-mobile/header-mobile.component.d.ts +0 -28
- package/headers/header-mobile/header-mobile.interface.d.ts +0 -9
- package/headers/header-mobile/index.d.ts +0 -2
- package/headers/index.d.ts +0 -2
- package/index.d.ts +0 -5
- package/interfaces/index.d.ts +0 -8
- package/interfaces/page-config.interface.d.ts +0 -22
- package/interfaces/site-config.interface.d.ts +0 -21
- package/interfaces/ui-lib-address.interface.d.ts +0 -7
- package/interfaces/ui-lib-button.interface.d.ts +0 -7
- package/interfaces/ui-lib-image.interface.d.ts +0 -10
- package/interfaces/ui-lib-lang-item.interface.d.ts +0 -5
- package/interfaces/ui-lib-nav-items.interface.d.ts +0 -17
- package/interfaces/ui-lib-texts.interface.d.ts +0 -6
- package/lib/ui-lib.component.d.ts +0 -5
- package/mapper/cdn.token.d.ts +0 -2
- package/mapper/cloudinary.token.d.ts +0 -2
- package/mapper/component-mappers/404.mapper.d.ts +0 -2
- package/mapper/component-mappers/asymmetric-media.mapper.d.ts +0 -2
- package/mapper/component-mappers/category-progress.mapper.d.ts +0 -2
- package/mapper/component-mappers/columns-footer.mapper.d.ts +0 -2
- package/mapper/component-mappers/columns-media-stacked.mapper.d.ts +0 -2
- package/mapper/component-mappers/contact-minimal.mapper.d.ts +0 -2
- package/mapper/component-mappers/content-document.mapper.d.ts +0 -2
- package/mapper/component-mappers/header-clear.mapper.d.ts +0 -2
- package/mapper/component-mappers/hero-section.mapper.d.ts +0 -2
- package/mapper/component-mappers/index.d.ts +0 -24
- package/mapper/component-mappers/lang-modal.mapper.d.ts +0 -2
- package/mapper/component-mappers/legal-footer.mapper.d.ts +0 -2
- package/mapper/component-mappers/links-footer.mapper.d.ts +0 -2
- package/mapper/component-mappers/media-intro.mapper.d.ts +0 -2
- package/mapper/component-mappers/media-split.mapper.d.ts +0 -2
- package/mapper/component-mappers/mosaic-grid.mapper.d.ts +0 -2
- package/mapper/component-mappers/mosaic-parallax.mapper.d.ts +0 -2
- package/mapper/component-mappers/nav-modal.mapper.d.ts +0 -3
- package/mapper/component-mappers/section-intro.mapper.d.ts +0 -2
- package/mapper/component-mappers/social-footer.mapper.d.ts +0 -2
- package/mapper/component-mappers/split-previewer.mapper.d.ts +0 -2
- package/mapper/component-mappers/split-showcase.mapper.d.ts +0 -2
- package/mapper/component-mappers/stacked-rows.mapper.d.ts +0 -2
- package/mapper/component-mappers/types.d.ts +0 -1
- package/mapper/component-mappers/visual-footer.mapper.d.ts +0 -2
- package/mapper/index.d.ts +0 -4
- package/mapper/mapper.service.d.ts +0 -10
- package/modals/index.d.ts +0 -2
- package/modals/lang-modal/index.d.ts +0 -2
- package/modals/lang-modal/lang-modal.component.d.ts +0 -18
- package/modals/lang-modal/lang-modal.interface.d.ts +0 -2
- package/modals/nav-modal/index.d.ts +0 -2
- package/modals/nav-modal/nav-modal.component.d.ts +0 -11
- package/modals/nav-modal/nav-modal.interface.d.ts +0 -5
- package/public-api.d.ts +0 -1
- package/screen-sizer/index.d.ts +0 -1
- package/screen-sizer/screen-sizer.service.d.ts +0 -34
- package/shared/index.d.ts +0 -2
- package/shared/ui-icon/index.d.ts +0 -3
- package/shared/ui-icon/ui-icon.component.d.ts +0 -15
- package/shared/ui-icon/ui-icon.interface.d.ts +0 -5
- package/shared/ui-icon/ui-icon.mock.d.ts +0 -8
- package/shared/ui-image/index.d.ts +0 -1
- package/shared/ui-image/ui-image.component.d.ts +0 -21
- package/sliders/index.d.ts +0 -1
- package/sliders/swiper.directive.d.ts +0 -12
- package/theme/index.d.ts +0 -1
- package/theme/theme.service.d.ts +0 -16
- package/utils/index.d.ts +0 -1
|
@@ -1,143 +1,297 @@
|
|
|
1
|
-
import { CommonModule } from
|
|
2
|
-
import * as i0 from
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { mapNavModal } from
|
|
6
|
-
import { NavModalComponent
|
|
7
|
-
import { UiIconComponent } from
|
|
8
|
-
import * as i1 from
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
isMenuOpen = false
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
1
|
+
import { CommonModule } from "@angular/common";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
|
|
4
|
+
import { HeaderScrollDirective, LinkTypeDirective } from "@lluc_llull/ui-lib/directives";
|
|
5
|
+
import { mapNavModal } from "@lluc_llull/ui-lib/mapper";
|
|
6
|
+
import { NavModalComponent } from "@lluc_llull/ui-lib/modals";
|
|
7
|
+
import { UiIconComponent } from "@lluc_llull/ui-lib/shared";
|
|
8
|
+
import * as i1 from "@lluc_llull/ui-lib/theme";
|
|
9
|
+
var HeaderClearComponent = class HeaderClearComponent {
|
|
10
|
+
themeService;
|
|
11
|
+
isMenuOpen = false;
|
|
12
|
+
currentTheme = "light";
|
|
13
|
+
themeSubscription;
|
|
14
|
+
logo;
|
|
15
|
+
logoDark;
|
|
16
|
+
navItems;
|
|
17
|
+
socialItems;
|
|
18
|
+
homeLink;
|
|
19
|
+
navigation;
|
|
20
|
+
lang = "es";
|
|
21
|
+
langModal = new EventEmitter();
|
|
22
|
+
theme = new EventEmitter();
|
|
23
|
+
constructor(themeService) {
|
|
24
|
+
this.themeService = themeService;
|
|
25
|
+
}
|
|
26
|
+
ngOnInit() {
|
|
27
|
+
this.themeSubscription = this.themeService.currentTheme$.subscribe((theme) => {
|
|
28
|
+
this.currentTheme = theme;
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
ngOnChanges() {
|
|
32
|
+
this.navItems = mapNavModal(this.navigation, this.lang);
|
|
33
|
+
}
|
|
34
|
+
ngOnDestroy() {
|
|
35
|
+
this.themeSubscription?.unsubscribe();
|
|
36
|
+
}
|
|
37
|
+
openLanguagesModal() {
|
|
38
|
+
this.langModal.emit();
|
|
39
|
+
}
|
|
40
|
+
toggleTheme() {
|
|
41
|
+
this.themeService.toggleTheme();
|
|
42
|
+
this.theme.emit();
|
|
43
|
+
}
|
|
44
|
+
toggleMenu() {
|
|
45
|
+
this.isMenuOpen = !this.isMenuOpen;
|
|
46
|
+
}
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
48
|
+
minVersion: "12.0.0",
|
|
49
|
+
version: "22.2.4",
|
|
50
|
+
ngImport: i0,
|
|
51
|
+
type: HeaderClearComponent,
|
|
52
|
+
deps: [{ token: i1.ThemeService }],
|
|
53
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
54
|
+
});
|
|
55
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
56
|
+
minVersion: "17.0.0",
|
|
57
|
+
version: "22.2.4",
|
|
58
|
+
type: HeaderClearComponent,
|
|
59
|
+
isStandalone: true,
|
|
60
|
+
selector: "lib-header-clear",
|
|
61
|
+
inputs: {
|
|
62
|
+
logo: "logo",
|
|
63
|
+
logoDark: "logoDark",
|
|
64
|
+
navItems: "navItems",
|
|
65
|
+
socialItems: "socialItems",
|
|
66
|
+
homeLink: "homeLink",
|
|
67
|
+
navigation: "navigation",
|
|
68
|
+
lang: "lang"
|
|
69
|
+
},
|
|
70
|
+
outputs: {
|
|
71
|
+
langModal: "langModal",
|
|
72
|
+
theme: "theme"
|
|
73
|
+
},
|
|
74
|
+
usesOnChanges: true,
|
|
75
|
+
ngImport: i0,
|
|
76
|
+
template: "<header class=\"header-clear main-grid col-span-full sm:col-span-12 sm:col-start-1\" headerScroll [scrollThreshold]=\"60\">\n <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n <div class=\"header-logo col-span-full sm:col-span-4 sm:col-start-1\">\n <!-- Logo -->\n <img\n [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n />\n <span>LLUC LLULL</span>\n </div>\n </a>\n\n <div class=\"header-actions col-span-full sm:col-span-6 sm:col-start-7\">\n <!-- Idioma -->\n <button class=\"btn btn-header\" (click)=\"openLanguagesModal()\">\n <span class=\"lang\">{{ lang }}</span>\n </button>\n\n <!-- Icono de tema -->\n <button class=\"btn btn-header\" aria-label=\"Toggle theme\" (click)=\"toggleTheme()\">\n <ui-icon\n [name]=\"currentTheme === 'dark' ? 'sun' : 'moon'\"\n [size]=\"17\"\n [color]=\"'var(--color-primary)'\"\n ></ui-icon>\n </button>\n\n <!-- Icono de menú -->\n <button class=\"btn btn-header\" aria-label=\"Open nav\" (click)=\"toggleMenu()\">\n <span>☰</span>\n </button>\n </div>\n</header>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n <lib-nav-modal\n [navItems]=\"navItems\"\n [socialItems]=\"socialItems\"\n (close)=\"isMenuOpen = false\"\n ></lib-nav-modal>\n}\n",
|
|
77
|
+
styles: [".header-clear{border-radius:0;position:sticky;top:0;z-index:100;padding-block:0;margin-top:1rem;transition:background .3s ease,box-shadow .3s ease;background:var(--header-bg)}.header-clear.is-scrolled{background:var(--header-bg-fixed-dark);box-shadow:0 2px 12px #00000014}.header-clear.is-scrolled .header-logo a{padding-inline:1.5rem}.header-clear.is-scrolled .header-logo span{color:var(--header-logo-text-dark)}.header-clear.is-scrolled .header-actions{padding-inline:1.5rem}.header-clear.is-scrolled .header-actions .btn-header{background:var(--header-bg-fixed-light)}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--header-logo-text)}.header-logo img{width:80px;height:80px;object-fit:contain;object-position:left}.header-logo span{display:flex;min-width:10rem}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.lang{text-transform:uppercase}\n"],
|
|
78
|
+
dependencies: [
|
|
79
|
+
{
|
|
80
|
+
kind: "ngmodule",
|
|
81
|
+
type: CommonModule
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
kind: "component",
|
|
85
|
+
type: NavModalComponent,
|
|
86
|
+
selector: "lib-nav-modal",
|
|
87
|
+
inputs: ["navItems", "socialItems"],
|
|
88
|
+
outputs: ["close"]
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
kind: "directive",
|
|
92
|
+
type: LinkTypeDirective,
|
|
93
|
+
selector: "[linkType]",
|
|
94
|
+
inputs: ["linkType", "href"],
|
|
95
|
+
outputs: ["anchorClicked"]
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
kind: "component",
|
|
99
|
+
type: UiIconComponent,
|
|
100
|
+
selector: "ui-icon",
|
|
101
|
+
inputs: [
|
|
102
|
+
"name",
|
|
103
|
+
"size",
|
|
104
|
+
"color"
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
kind: "directive",
|
|
109
|
+
type: HeaderScrollDirective,
|
|
110
|
+
selector: "[headerScroll]",
|
|
111
|
+
inputs: ["scrollThreshold"]
|
|
112
|
+
}
|
|
113
|
+
],
|
|
114
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
115
|
+
});
|
|
116
|
+
};
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
118
|
+
minVersion: "12.0.0",
|
|
119
|
+
version: "22.2.4",
|
|
120
|
+
ngImport: i0,
|
|
121
|
+
type: HeaderClearComponent,
|
|
122
|
+
decorators: [{
|
|
123
|
+
type: Component,
|
|
124
|
+
args: [{
|
|
125
|
+
selector: "lib-header-clear",
|
|
126
|
+
standalone: true,
|
|
127
|
+
imports: [
|
|
128
|
+
CommonModule,
|
|
129
|
+
NavModalComponent,
|
|
130
|
+
LinkTypeDirective,
|
|
131
|
+
UiIconComponent,
|
|
132
|
+
HeaderScrollDirective
|
|
133
|
+
],
|
|
134
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
135
|
+
template: "<header class=\"header-clear main-grid col-span-full sm:col-span-12 sm:col-start-1\" headerScroll [scrollThreshold]=\"60\">\n <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n <div class=\"header-logo col-span-full sm:col-span-4 sm:col-start-1\">\n <!-- Logo -->\n <img\n [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n />\n <span>LLUC LLULL</span>\n </div>\n </a>\n\n <div class=\"header-actions col-span-full sm:col-span-6 sm:col-start-7\">\n <!-- Idioma -->\n <button class=\"btn btn-header\" (click)=\"openLanguagesModal()\">\n <span class=\"lang\">{{ lang }}</span>\n </button>\n\n <!-- Icono de tema -->\n <button class=\"btn btn-header\" aria-label=\"Toggle theme\" (click)=\"toggleTheme()\">\n <ui-icon\n [name]=\"currentTheme === 'dark' ? 'sun' : 'moon'\"\n [size]=\"17\"\n [color]=\"'var(--color-primary)'\"\n ></ui-icon>\n </button>\n\n <!-- Icono de menú -->\n <button class=\"btn btn-header\" aria-label=\"Open nav\" (click)=\"toggleMenu()\">\n <span>☰</span>\n </button>\n </div>\n</header>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n <lib-nav-modal\n [navItems]=\"navItems\"\n [socialItems]=\"socialItems\"\n (close)=\"isMenuOpen = false\"\n ></lib-nav-modal>\n}\n",
|
|
136
|
+
styles: [".header-clear{border-radius:0;position:sticky;top:0;z-index:100;padding-block:0;margin-top:1rem;transition:background .3s ease,box-shadow .3s ease;background:var(--header-bg)}.header-clear.is-scrolled{background:var(--header-bg-fixed-dark);box-shadow:0 2px 12px #00000014}.header-clear.is-scrolled .header-logo a{padding-inline:1.5rem}.header-clear.is-scrolled .header-logo span{color:var(--header-logo-text-dark)}.header-clear.is-scrolled .header-actions{padding-inline:1.5rem}.header-clear.is-scrolled .header-actions .btn-header{background:var(--header-bg-fixed-light)}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--header-logo-text)}.header-logo img{width:80px;height:80px;object-fit:contain;object-position:left}.header-logo span{display:flex;min-width:10rem}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.lang{text-transform:uppercase}\n"]
|
|
137
|
+
}]
|
|
138
|
+
}],
|
|
139
|
+
ctorParameters: () => [{ type: i1.ThemeService }],
|
|
140
|
+
propDecorators: {
|
|
141
|
+
logo: [{ type: Input }],
|
|
142
|
+
logoDark: [{ type: Input }],
|
|
143
|
+
navItems: [{ type: Input }],
|
|
144
|
+
socialItems: [{ type: Input }],
|
|
145
|
+
homeLink: [{ type: Input }],
|
|
146
|
+
navigation: [{ type: Input }],
|
|
147
|
+
lang: [{ type: Input }],
|
|
148
|
+
langModal: [{ type: Output }],
|
|
149
|
+
theme: [{ type: Output }]
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
var HeaderMobileComponent = class HeaderMobileComponent {
|
|
153
|
+
themeService;
|
|
154
|
+
isMenuOpen = false;
|
|
155
|
+
currentTheme = "light";
|
|
156
|
+
themeSubscription;
|
|
157
|
+
logo;
|
|
158
|
+
logoDark;
|
|
159
|
+
navItems;
|
|
160
|
+
socialItems;
|
|
161
|
+
homeLink;
|
|
162
|
+
navigation;
|
|
163
|
+
lang = "es";
|
|
164
|
+
langModal = new EventEmitter();
|
|
165
|
+
theme = new EventEmitter();
|
|
166
|
+
constructor(themeService) {
|
|
167
|
+
this.themeService = themeService;
|
|
168
|
+
}
|
|
169
|
+
ngOnInit() {
|
|
170
|
+
this.themeSubscription = this.themeService.currentTheme$.subscribe((theme) => {
|
|
171
|
+
this.currentTheme = theme;
|
|
172
|
+
});
|
|
173
|
+
}
|
|
174
|
+
ngOnChanges() {
|
|
175
|
+
this.navItems = mapNavModal(this.navigation, this.lang);
|
|
176
|
+
}
|
|
177
|
+
ngOnDestroy() {
|
|
178
|
+
this.themeSubscription?.unsubscribe();
|
|
179
|
+
}
|
|
180
|
+
openLanguagesModal() {
|
|
181
|
+
this.langModal.emit();
|
|
182
|
+
}
|
|
183
|
+
toggleTheme() {
|
|
184
|
+
this.themeService.toggleTheme();
|
|
185
|
+
this.theme.emit();
|
|
186
|
+
}
|
|
187
|
+
toggleMenu() {
|
|
188
|
+
this.isMenuOpen = !this.isMenuOpen;
|
|
189
|
+
}
|
|
190
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
191
|
+
minVersion: "12.0.0",
|
|
192
|
+
version: "22.2.4",
|
|
193
|
+
ngImport: i0,
|
|
194
|
+
type: HeaderMobileComponent,
|
|
195
|
+
deps: [{ token: i1.ThemeService }],
|
|
196
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
197
|
+
});
|
|
198
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
199
|
+
minVersion: "17.0.0",
|
|
200
|
+
version: "22.2.4",
|
|
201
|
+
type: HeaderMobileComponent,
|
|
202
|
+
isStandalone: true,
|
|
203
|
+
selector: "lib-header-mobile",
|
|
204
|
+
inputs: {
|
|
205
|
+
logo: "logo",
|
|
206
|
+
logoDark: "logoDark",
|
|
207
|
+
navItems: "navItems",
|
|
208
|
+
socialItems: "socialItems",
|
|
209
|
+
homeLink: "homeLink",
|
|
210
|
+
navigation: "navigation",
|
|
211
|
+
lang: "lang"
|
|
212
|
+
},
|
|
213
|
+
outputs: {
|
|
214
|
+
langModal: "langModal",
|
|
215
|
+
theme: "theme"
|
|
216
|
+
},
|
|
217
|
+
usesOnChanges: true,
|
|
218
|
+
ngImport: i0,
|
|
219
|
+
template: "<header class=\"header-mobile\" headerScroll [scrollThreshold]=\"60\">\n <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n <div class=\"header-logo\">\n <!-- Logo -->\n <img\n [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n />\n </div>\n </a>\n</header>\n\n<div class=\"header-actions\">\n <!-- Idioma -->\n <div class=\"left\">\n <button class=\"btn btn-header\" (click)=\"openLanguagesModal()\">\n <span class=\"lang\">{{ lang }}</span>\n </button>\n </div>\n\n <!-- Icono de tema -->\n <div class=\"center\">\n <button class=\"btn btn-header\" aria-label=\"Toggle theme\" (click)=\"toggleTheme()\">\n <ui-icon\n [name]=\"currentTheme === 'dark' ? 'moon' : 'sun'\"\n [size]=\"17\"\n [color]=\"'var(--color-primary)'\"\n ></ui-icon>\n </button>\n </div>\n\n <!-- Icono de menú -->\n <div class=\"right\">\n <button class=\"btn btn-header\" aria-label=\"Open nav\" (click)=\"toggleMenu()\">\n <span>☰</span>\n </button>\n </div>\n</div>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n <lib-nav-modal\n [navItems]=\"navItems\"\n [socialItems]=\"socialItems\"\n (close)=\"isMenuOpen = false\"\n ></lib-nav-modal>\n}\n",
|
|
220
|
+
styles: [".header-mobile{display:flex;justify-content:center;align-items:center;padding:1rem 0;border-radius:0;position:fixed;top:0;z-index:100;width:100vw;background:var(--header-bg);transition:background .3s ease,box-shadow .3s ease}.header-mobile.is-scrolled{background:var(--header-bg-fixed-dark);box-shadow:0 2px 12px #00000014}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--header-logo-text)}.header-logo img{width:80px;height:80px;object-fit:contain;object-position:center}.header-actions{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:var(--header-mobile-bg);z-index:100;box-sizing:border-box}.header-actions .center{margin:0 auto}.lang{text-transform:uppercase}\n"],
|
|
221
|
+
dependencies: [
|
|
222
|
+
{
|
|
223
|
+
kind: "ngmodule",
|
|
224
|
+
type: CommonModule
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
kind: "component",
|
|
228
|
+
type: NavModalComponent,
|
|
229
|
+
selector: "lib-nav-modal",
|
|
230
|
+
inputs: ["navItems", "socialItems"],
|
|
231
|
+
outputs: ["close"]
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
kind: "directive",
|
|
235
|
+
type: HeaderScrollDirective,
|
|
236
|
+
selector: "[headerScroll]",
|
|
237
|
+
inputs: ["scrollThreshold"]
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
kind: "directive",
|
|
241
|
+
type: LinkTypeDirective,
|
|
242
|
+
selector: "[linkType]",
|
|
243
|
+
inputs: ["linkType", "href"],
|
|
244
|
+
outputs: ["anchorClicked"]
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
kind: "component",
|
|
248
|
+
type: UiIconComponent,
|
|
249
|
+
selector: "ui-icon",
|
|
250
|
+
inputs: [
|
|
251
|
+
"name",
|
|
252
|
+
"size",
|
|
253
|
+
"color"
|
|
254
|
+
]
|
|
255
|
+
}
|
|
256
|
+
],
|
|
257
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
258
|
+
});
|
|
259
|
+
};
|
|
260
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
261
|
+
minVersion: "12.0.0",
|
|
262
|
+
version: "22.2.4",
|
|
263
|
+
ngImport: i0,
|
|
264
|
+
type: HeaderMobileComponent,
|
|
265
|
+
decorators: [{
|
|
266
|
+
type: Component,
|
|
267
|
+
args: [{
|
|
268
|
+
selector: "lib-header-mobile",
|
|
269
|
+
standalone: true,
|
|
270
|
+
imports: [
|
|
271
|
+
CommonModule,
|
|
272
|
+
NavModalComponent,
|
|
273
|
+
HeaderScrollDirective,
|
|
274
|
+
LinkTypeDirective,
|
|
275
|
+
UiIconComponent
|
|
276
|
+
],
|
|
277
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
278
|
+
template: "<header class=\"header-mobile\" headerScroll [scrollThreshold]=\"60\">\n <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n <div class=\"header-logo\">\n <!-- Logo -->\n <img\n [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n />\n </div>\n </a>\n</header>\n\n<div class=\"header-actions\">\n <!-- Idioma -->\n <div class=\"left\">\n <button class=\"btn btn-header\" (click)=\"openLanguagesModal()\">\n <span class=\"lang\">{{ lang }}</span>\n </button>\n </div>\n\n <!-- Icono de tema -->\n <div class=\"center\">\n <button class=\"btn btn-header\" aria-label=\"Toggle theme\" (click)=\"toggleTheme()\">\n <ui-icon\n [name]=\"currentTheme === 'dark' ? 'moon' : 'sun'\"\n [size]=\"17\"\n [color]=\"'var(--color-primary)'\"\n ></ui-icon>\n </button>\n </div>\n\n <!-- Icono de menú -->\n <div class=\"right\">\n <button class=\"btn btn-header\" aria-label=\"Open nav\" (click)=\"toggleMenu()\">\n <span>☰</span>\n </button>\n </div>\n</div>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n <lib-nav-modal\n [navItems]=\"navItems\"\n [socialItems]=\"socialItems\"\n (close)=\"isMenuOpen = false\"\n ></lib-nav-modal>\n}\n",
|
|
279
|
+
styles: [".header-mobile{display:flex;justify-content:center;align-items:center;padding:1rem 0;border-radius:0;position:fixed;top:0;z-index:100;width:100vw;background:var(--header-bg);transition:background .3s ease,box-shadow .3s ease}.header-mobile.is-scrolled{background:var(--header-bg-fixed-dark);box-shadow:0 2px 12px #00000014}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--header-logo-text)}.header-logo img{width:80px;height:80px;object-fit:contain;object-position:center}.header-actions{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:var(--header-mobile-bg);z-index:100;box-sizing:border-box}.header-actions .center{margin:0 auto}.lang{text-transform:uppercase}\n"]
|
|
280
|
+
}]
|
|
281
|
+
}],
|
|
282
|
+
ctorParameters: () => [{ type: i1.ThemeService }],
|
|
283
|
+
propDecorators: {
|
|
284
|
+
logo: [{ type: Input }],
|
|
285
|
+
logoDark: [{ type: Input }],
|
|
286
|
+
navItems: [{ type: Input }],
|
|
287
|
+
socialItems: [{ type: Input }],
|
|
288
|
+
homeLink: [{ type: Input }],
|
|
289
|
+
navigation: [{ type: Input }],
|
|
290
|
+
lang: [{ type: Input }],
|
|
291
|
+
langModal: [{ type: Output }],
|
|
292
|
+
theme: [{ type: Output }]
|
|
293
|
+
}
|
|
294
|
+
});
|
|
142
295
|
export { HeaderClearComponent, HeaderMobileComponent };
|
|
143
|
-
|
|
296
|
+
|
|
297
|
+
//# sourceMappingURL=lluc_llull-ui-lib-headers.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lluc_llull-ui-lib-headers.mjs","sources":["../../../projects/ui-lib/headers/header-clear/header-clear.component.ts","../../../projects/ui-lib/headers/header-clear/header-clear.component.html","../../../projects/ui-lib/headers/header-mobile/header-mobile.component.ts","../../../projects/ui-lib/headers/header-mobile/header-mobile.component.html","../../../projects/ui-lib/headers/lluc_llull-ui-lib-headers.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n} from '@angular/core';\nimport { HeaderScrollDirective, LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\nimport {\n UiLibButtonI,\n UiLibImageI,\n UiLibNavItemsI,\n UiLibSocialItemsI,\n} from '@lluc_llull/ui-lib/interfaces';\nimport { Theme, ThemeService } from '@lluc_llull/ui-lib/theme';\nimport { Subscription } from 'rxjs';\nimport { mapNavModal } from '@lluc_llull/ui-lib/mapper';\nimport { LangModalComponent, NavModalComponent } from '@lluc_llull/ui-lib/modals';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n selector: 'lib-header-clear',\n standalone: true,\n imports: [CommonModule, LangModalComponent, NavModalComponent, LinkTypeDirective, UiIconComponent, HeaderScrollDirective],\n templateUrl: './header-clear.component.html',\n styleUrl: './header-clear.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderClearComponent implements OnInit, OnDestroy, OnChanges {\n isMenuOpen = false;\n currentTheme: Theme = 'light';\n private themeSubscription?: Subscription;\n\n @Input() logo?: UiLibImageI;\n @Input() logoDark?: UiLibImageI;\n @Input() navItems?: UiLibNavItemsI[];\n @Input() socialItems?: UiLibSocialItemsI[];\n @Input() homeLink?: UiLibButtonI;\n @Input() navigation: any;\n @Input() lang: string = 'es';\n\n @Output() langModal = new EventEmitter<void>();\n @Output() theme = new EventEmitter<void>();\n\n constructor(private themeService: ThemeService) {}\n\n ngOnInit(): void {\n this.themeSubscription = this.themeService.currentTheme$.subscribe((theme) => {\n this.currentTheme = theme;\n });\n }\n\n ngOnChanges() {\n this.navItems = mapNavModal(this.navigation, this.lang);\n }\n\n ngOnDestroy(): void {\n this.themeSubscription?.unsubscribe();\n }\n\n openLanguagesModal(): void {\n this.langModal.emit();\n }\n\n toggleTheme(): void {\n this.themeService.toggleTheme();\n this.theme.emit();\n }\n\n toggleMenu(): void {\n this.isMenuOpen = !this.isMenuOpen;\n }\n}\n","<header class=\"header-clear main-grid col-span-full sm:col-span-12 sm:col-start-1\" headerScroll [scrollThreshold]=\"60\">\n <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n <div class=\"header-logo col-span-full sm:col-span-4 sm:col-start-1\">\n <!-- Logo -->\n <img\n [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n />\n <span>LLUC LLULL</span>\n </div>\n </a>\n\n <div class=\"header-actions col-span-full sm:col-span-6 sm:col-start-7\">\n <!-- Idioma -->\n <button class=\"btn btn-header\" (click)=\"openLanguagesModal()\">\n <span class=\"lang\">{{ lang }}</span>\n </button>\n\n <!-- Icono de tema -->\n <button class=\"btn btn-header\" aria-label=\"Toggle theme\" (click)=\"toggleTheme()\">\n <ui-icon\n [name]=\"currentTheme === 'dark' ? 'sun' : 'moon'\"\n [size]=\"17\"\n [color]=\"'var(--color-primary)'\"\n ></ui-icon>\n </button>\n\n <!-- Icono de menú -->\n <button class=\"btn btn-header\" aria-label=\"Open nav\" (click)=\"toggleMenu()\">\n <span>☰</span>\n </button>\n </div>\n</header>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n <lib-nav-modal\n [navItems]=\"navItems\"\n [socialItems]=\"socialItems\"\n (close)=\"isMenuOpen = false\"\n ></lib-nav-modal>\n}\n","import { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n} from '@angular/core';\nimport { LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\nimport {\n UiLibButtonI,\n UiLibImageI,\n UiLibNavItemsI,\n UiLibSocialItemsI,\n} from '@lluc_llull/ui-lib/interfaces';\nimport { Theme, ThemeService } from '@lluc_llull/ui-lib/theme';\nimport { Subscription } from 'rxjs';\nimport { mapNavModal } from '@lluc_llull/ui-lib/mapper';\nimport { LangModalComponent, NavModalComponent } from '@lluc_llull/ui-lib/modals';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n selector: 'lib-header-mobile',\n standalone: true,\n imports: [CommonModule, LangModalComponent, NavModalComponent, LinkTypeDirective, UiIconComponent],\n templateUrl: './header-mobile.component.html',\n styleUrl: './header-mobile.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderMobileComponent implements OnInit, OnChanges, OnDestroy {\n isMenuOpen = false;\n currentTheme: Theme = 'light';\n private themeSubscription?: Subscription;\n\n @Input() logo?: UiLibImageI;\n @Input() logoDark?: UiLibImageI;\n @Input() navItems?: UiLibNavItemsI[];\n @Input() socialItems?: UiLibSocialItemsI[];\n @Input() homeLink?: UiLibButtonI;\n @Input() navigation: any;\n @Input() lang: string = 'es';\n\n @Output() langModal = new EventEmitter<void>();\n @Output() theme = new EventEmitter<void>();\n\n constructor(private themeService: ThemeService) {}\n\n ngOnInit(): void {\n this.themeSubscription = this.themeService.currentTheme$.subscribe((theme) => {\n this.currentTheme = theme;\n });\n }\n\n ngOnChanges() {\n this.navItems = mapNavModal(this.navigation, this.lang);\n }\n\n ngOnDestroy(): void {\n this.themeSubscription?.unsubscribe();\n }\n\n openLanguagesModal(): void {\n this.langModal.emit();\n }\n\n toggleTheme(): void {\n this.themeService.toggleTheme();\n this.theme.emit();\n }\n\n toggleMenu(): void {\n this.isMenuOpen = !this.isMenuOpen;\n }\n}\n","<header class=\"header-mobile\">\n <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n <div class=\"header-logo\">\n <!-- Logo -->\n <img\n [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n />\n </div>\n </a>\n</header>\n\n<div class=\"header-actions\">\n <!-- Idioma -->\n <div class=\"left\">\n <button class=\"btn btn-header\" (click)=\"openLanguagesModal()\">\n <span class=\"lang\">{{ lang }}</span>\n </button>\n </div>\n\n <!-- Icono de tema -->\n <div class=\"center\">\n <button class=\"btn btn-header\" aria-label=\"Toggle theme\" (click)=\"toggleTheme()\">\n <ui-icon\n [name]=\"currentTheme === 'dark' ? 'moon' : 'sun'\"\n [size]=\"17\"\n [color]=\"'var(--color-primary)'\"\n ></ui-icon>\n </button>\n </div>\n\n <!-- Icono de menú -->\n <div class=\"right\">\n <button class=\"btn btn-header\" aria-label=\"Open nav\" (click)=\"toggleMenu()\">\n <span>☰</span>\n </button>\n </div>\n</div>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n <lib-nav-modal\n [navItems]=\"navItems\"\n [socialItems]=\"socialItems\"\n (close)=\"isMenuOpen = false\"\n ></lib-nav-modal>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lluc_llull-ui-lib-headers.mjs","names":[],"sources":["../../../projects/ui-lib/headers/header-clear/header-clear.component.ts","../../../projects/ui-lib/headers/header-clear/header-clear.component.html","../../../projects/ui-lib/headers/header-mobile/header-mobile.component.ts","../../../projects/ui-lib/headers/header-mobile/header-mobile.component.html"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n} from '@angular/core';\nimport { HeaderScrollDirective, LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\nimport {\n UiLibButtonI,\n UiLibImageI,\n UiLibNavItemsI,\n UiLibSocialItemsI,\n} from '@lluc_llull/ui-lib/interfaces';\nimport { Theme, ThemeService } from '@lluc_llull/ui-lib/theme';\nimport { Subscription } from 'rxjs';\nimport { mapNavModal } from '@lluc_llull/ui-lib/mapper';\nimport { NavModalComponent } from '@lluc_llull/ui-lib/modals';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n selector: 'lib-header-clear',\n standalone: true,\n imports: [CommonModule, NavModalComponent, LinkTypeDirective, UiIconComponent, HeaderScrollDirective],\n templateUrl: './header-clear.component.html',\n styleUrl: './header-clear.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderClearComponent implements OnInit, OnDestroy, OnChanges {\n isMenuOpen = false;\n currentTheme: Theme = 'light';\n private themeSubscription?: Subscription;\n\n @Input() logo?: UiLibImageI;\n @Input() logoDark?: UiLibImageI;\n @Input() navItems?: UiLibNavItemsI[];\n @Input() socialItems?: UiLibSocialItemsI[];\n @Input() homeLink?: UiLibButtonI;\n @Input() navigation: any;\n @Input() lang: string = 'es';\n\n @Output() langModal = new EventEmitter<void>();\n @Output() theme = new EventEmitter<void>();\n\n constructor(private themeService: ThemeService) {}\n\n ngOnInit(): void {\n this.themeSubscription = this.themeService.currentTheme$.subscribe((theme) => {\n this.currentTheme = theme;\n });\n }\n\n ngOnChanges() {\n this.navItems = mapNavModal(this.navigation, this.lang);\n }\n\n ngOnDestroy(): void {\n this.themeSubscription?.unsubscribe();\n }\n\n openLanguagesModal(): void {\n this.langModal.emit();\n }\n\n toggleTheme(): void {\n this.themeService.toggleTheme();\n this.theme.emit();\n }\n\n toggleMenu(): void {\n this.isMenuOpen = !this.isMenuOpen;\n }\n}\n","<header class=\"header-clear main-grid col-span-full sm:col-span-12 sm:col-start-1\" headerScroll [scrollThreshold]=\"60\">\n <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n <div class=\"header-logo col-span-full sm:col-span-4 sm:col-start-1\">\n <!-- Logo -->\n <img\n [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n />\n <span>LLUC LLULL</span>\n </div>\n </a>\n\n <div class=\"header-actions col-span-full sm:col-span-6 sm:col-start-7\">\n <!-- Idioma -->\n <button class=\"btn btn-header\" (click)=\"openLanguagesModal()\">\n <span class=\"lang\">{{ lang }}</span>\n </button>\n\n <!-- Icono de tema -->\n <button class=\"btn btn-header\" aria-label=\"Toggle theme\" (click)=\"toggleTheme()\">\n <ui-icon\n [name]=\"currentTheme === 'dark' ? 'sun' : 'moon'\"\n [size]=\"17\"\n [color]=\"'var(--color-primary)'\"\n ></ui-icon>\n </button>\n\n <!-- Icono de menú -->\n <button class=\"btn btn-header\" aria-label=\"Open nav\" (click)=\"toggleMenu()\">\n <span>☰</span>\n </button>\n </div>\n</header>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n <lib-nav-modal\n [navItems]=\"navItems\"\n [socialItems]=\"socialItems\"\n (close)=\"isMenuOpen = false\"\n ></lib-nav-modal>\n}\n","import { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n} from '@angular/core';\nimport { HeaderScrollDirective, LinkTypeDirective } from '@lluc_llull/ui-lib/directives';\nimport {\n UiLibButtonI,\n UiLibImageI,\n UiLibNavItemsI,\n UiLibSocialItemsI,\n} from '@lluc_llull/ui-lib/interfaces';\nimport { Theme, ThemeService } from '@lluc_llull/ui-lib/theme';\nimport { Subscription } from 'rxjs';\nimport { mapNavModal } from '@lluc_llull/ui-lib/mapper';\nimport { NavModalComponent } from '@lluc_llull/ui-lib/modals';\nimport { UiIconComponent } from '@lluc_llull/ui-lib/shared';\n\n@Component({\n selector: 'lib-header-mobile',\n standalone: true,\n imports: [CommonModule, NavModalComponent, HeaderScrollDirective, LinkTypeDirective, UiIconComponent],\n templateUrl: './header-mobile.component.html',\n styleUrl: './header-mobile.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderMobileComponent implements OnInit, OnChanges, OnDestroy {\n isMenuOpen = false;\n currentTheme: Theme = 'light';\n private themeSubscription?: Subscription;\n\n @Input() logo?: UiLibImageI;\n @Input() logoDark?: UiLibImageI;\n @Input() navItems?: UiLibNavItemsI[];\n @Input() socialItems?: UiLibSocialItemsI[];\n @Input() homeLink?: UiLibButtonI;\n @Input() navigation: any;\n @Input() lang: string = 'es';\n\n @Output() langModal = new EventEmitter<void>();\n @Output() theme = new EventEmitter<void>();\n\n constructor(private themeService: ThemeService) {}\n\n ngOnInit(): void {\n this.themeSubscription = this.themeService.currentTheme$.subscribe((theme) => {\n this.currentTheme = theme;\n });\n }\n\n ngOnChanges() {\n this.navItems = mapNavModal(this.navigation, this.lang);\n }\n\n ngOnDestroy(): void {\n this.themeSubscription?.unsubscribe();\n }\n\n openLanguagesModal(): void {\n this.langModal.emit();\n }\n\n toggleTheme(): void {\n this.themeService.toggleTheme();\n this.theme.emit();\n }\n\n toggleMenu(): void {\n this.isMenuOpen = !this.isMenuOpen;\n }\n}\n","<header class=\"header-mobile\" headerScroll [scrollThreshold]=\"60\">\n <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n <div class=\"header-logo\">\n <!-- Logo -->\n <img\n [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n />\n </div>\n </a>\n</header>\n\n<div class=\"header-actions\">\n <!-- Idioma -->\n <div class=\"left\">\n <button class=\"btn btn-header\" (click)=\"openLanguagesModal()\">\n <span class=\"lang\">{{ lang }}</span>\n </button>\n </div>\n\n <!-- Icono de tema -->\n <div class=\"center\">\n <button class=\"btn btn-header\" aria-label=\"Toggle theme\" (click)=\"toggleTheme()\">\n <ui-icon\n [name]=\"currentTheme === 'dark' ? 'moon' : 'sun'\"\n [size]=\"17\"\n [color]=\"'var(--color-primary)'\"\n ></ui-icon>\n </button>\n </div>\n\n <!-- Icono de menú -->\n <div class=\"right\">\n <button class=\"btn btn-header\" aria-label=\"Open nav\" (click)=\"toggleMenu()\">\n <span>☰</span>\n </button>\n </div>\n</div>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n <lib-nav-modal\n [navItems]=\"navItems\"\n [socialItems]=\"socialItems\"\n (close)=\"isMenuOpen = false\"\n ></lib-nav-modal>\n}\n"],"mappings":"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"}
|