@lluc_llull/ui-lib 0.33.10 → 0.34.1
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 +303 -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 +86 -85
- 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,98 +1,107 @@
|
|
|
1
|
-
import { isPlatformBrowser } from
|
|
2
|
-
import * as i0 from
|
|
3
|
-
import {
|
|
4
|
-
import { fromEvent } from
|
|
5
|
-
import { debounceTime,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
1
|
+
import { isPlatformBrowser } from "@angular/common";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import { Inject, Injectable, PLATFORM_ID, signal } from "@angular/core";
|
|
4
|
+
import { fromEvent } from "rxjs";
|
|
5
|
+
import { debounceTime, distinctUntilChanged, map, startWith } from "rxjs/operators";
|
|
6
|
+
var ScreenSizerService = class ScreenSizerService {
|
|
7
|
+
platformId;
|
|
8
|
+
breakpoints = {
|
|
9
|
+
xs: 480,
|
|
10
|
+
sm: 768,
|
|
11
|
+
md: 1024,
|
|
12
|
+
lg: 1280,
|
|
13
|
+
xl: 1536
|
|
14
|
+
};
|
|
15
|
+
isXs = signal(false, ...ngDevMode ? [{ debugName: "isXs" }] : /* istanbul ignore next */ []);
|
|
16
|
+
isSm = signal(false, ...ngDevMode ? [{ debugName: "isSm" }] : /* istanbul ignore next */ []);
|
|
17
|
+
isMd = signal(false, ...ngDevMode ? [{ debugName: "isMd" }] : /* istanbul ignore next */ []);
|
|
18
|
+
isLg = signal(false, ...ngDevMode ? [{ debugName: "isLg" }] : /* istanbul ignore next */ []);
|
|
19
|
+
isXl = signal(false, ...ngDevMode ? [{ debugName: "isXl" }] : /* istanbul ignore next */ []);
|
|
20
|
+
minSm = signal(false, ...ngDevMode ? [{ debugName: "minSm" }] : /* istanbul ignore next */ []);
|
|
21
|
+
minMd = signal(false, ...ngDevMode ? [{ debugName: "minMd" }] : /* istanbul ignore next */ []);
|
|
22
|
+
minLg = signal(false, ...ngDevMode ? [{ debugName: "minLg" }] : /* istanbul ignore next */ []);
|
|
23
|
+
minXl = signal(false, ...ngDevMode ? [{ debugName: "minXl" }] : /* istanbul ignore next */ []);
|
|
24
|
+
get width() {
|
|
25
|
+
if (isPlatformBrowser(this.platformId)) return Math.min(window.innerWidth, window.outerWidth);
|
|
26
|
+
return 1280;
|
|
27
|
+
}
|
|
28
|
+
constructor(platformId) {
|
|
29
|
+
this.platformId = platformId;
|
|
30
|
+
if (isPlatformBrowser(this.platformId)) fromEvent(window, "resize").pipe(debounceTime(200), map(() => this.width), distinctUntilChanged(), startWith(this.width)).subscribe((width) => this.updateFlags(width));
|
|
31
|
+
else this.updateFlags(1280);
|
|
32
|
+
}
|
|
33
|
+
updateFlags(width) {
|
|
34
|
+
const { xs, sm, md, lg, xl } = this.breakpoints;
|
|
35
|
+
this.isXs.set(width < sm);
|
|
36
|
+
this.isSm.set(width >= sm && width < md);
|
|
37
|
+
this.isMd.set(width >= md && width < lg);
|
|
38
|
+
this.isLg.set(width >= lg && width < xl);
|
|
39
|
+
this.isXl.set(width >= xl);
|
|
40
|
+
this.minSm.set(width >= sm);
|
|
41
|
+
this.minMd.set(width >= md);
|
|
42
|
+
this.minLg.set(width >= lg);
|
|
43
|
+
this.minXl.set(width >= xl);
|
|
44
|
+
}
|
|
45
|
+
isXsInstant() {
|
|
46
|
+
return this.isXs();
|
|
47
|
+
}
|
|
48
|
+
isSmInstant() {
|
|
49
|
+
return this.isSm();
|
|
50
|
+
}
|
|
51
|
+
isMdInstant() {
|
|
52
|
+
return this.isMd();
|
|
53
|
+
}
|
|
54
|
+
isLgInstant() {
|
|
55
|
+
return this.isLg();
|
|
56
|
+
}
|
|
57
|
+
isXlInstant() {
|
|
58
|
+
return this.isXl();
|
|
59
|
+
}
|
|
60
|
+
minSmInstant() {
|
|
61
|
+
return this.minSm();
|
|
62
|
+
}
|
|
63
|
+
minMdInstant() {
|
|
64
|
+
return this.minMd();
|
|
65
|
+
}
|
|
66
|
+
minLgInstant() {
|
|
67
|
+
return this.minLg();
|
|
68
|
+
}
|
|
69
|
+
minXlInstant() {
|
|
70
|
+
return this.minXl();
|
|
71
|
+
}
|
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
73
|
+
minVersion: "12.0.0",
|
|
74
|
+
version: "22.2.4",
|
|
75
|
+
ngImport: i0,
|
|
76
|
+
type: ScreenSizerService,
|
|
77
|
+
deps: [{ token: PLATFORM_ID }],
|
|
78
|
+
target: i0.ɵɵFactoryTarget.Injectable
|
|
79
|
+
});
|
|
80
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({
|
|
81
|
+
minVersion: "12.0.0",
|
|
82
|
+
version: "22.2.4",
|
|
83
|
+
ngImport: i0,
|
|
84
|
+
type: ScreenSizerService,
|
|
85
|
+
providedIn: "root"
|
|
86
|
+
});
|
|
87
|
+
};
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
89
|
+
minVersion: "12.0.0",
|
|
90
|
+
version: "22.2.4",
|
|
91
|
+
ngImport: i0,
|
|
92
|
+
type: ScreenSizerService,
|
|
93
|
+
decorators: [{
|
|
94
|
+
type: Injectable,
|
|
95
|
+
args: [{ providedIn: "root" }]
|
|
96
|
+
}],
|
|
97
|
+
ctorParameters: () => [{
|
|
98
|
+
type: Object,
|
|
99
|
+
decorators: [{
|
|
100
|
+
type: Inject,
|
|
101
|
+
args: [PLATFORM_ID]
|
|
102
|
+
}]
|
|
103
|
+
}]
|
|
104
|
+
});
|
|
97
105
|
export { ScreenSizerService };
|
|
98
|
-
|
|
106
|
+
|
|
107
|
+
//# sourceMappingURL=lluc_llull-ui-lib-screen-sizer.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lluc_llull-ui-lib-screen-sizer.mjs","sources":["../../../projects/ui-lib/screen-sizer/screen-sizer.service.ts"
|
|
1
|
+
{"version":3,"file":"lluc_llull-ui-lib-screen-sizer.mjs","names":[],"sources":["../../../projects/ui-lib/screen-sizer/screen-sizer.service.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { Inject, Injectable, PLATFORM_ID, inject, signal } from '@angular/core';\nimport { fromEvent } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, map, startWith } from 'rxjs/operators';\n\n@Injectable({ providedIn: 'root' })\nexport class ScreenSizerService {\n readonly breakpoints = {\n xs: 480,\n sm: 768,\n md: 1024,\n lg: 1280,\n xl: 1536,\n };\n\n readonly isXs = signal(false);\n readonly isSm = signal(false);\n readonly isMd = signal(false);\n readonly isLg = signal(false);\n readonly isXl = signal(false);\n\n readonly minSm = signal(false);\n readonly minMd = signal(false);\n readonly minLg = signal(false);\n readonly minXl = signal(false);\n\n get width(): number {\n if (isPlatformBrowser(this.platformId)) {\n return Math.min(window.innerWidth, window.outerWidth);\n }\n return 1280;\n }\n\n constructor(@Inject(PLATFORM_ID) private readonly platformId: Object) {\n if (isPlatformBrowser(this.platformId)) {\n fromEvent(window, 'resize')\n .pipe(\n debounceTime(200),\n map(() => this.width),\n distinctUntilChanged(),\n startWith(this.width),\n )\n .subscribe((width) => this.updateFlags(width));\n } else {\n this.updateFlags(1280); \n }\n }\n\n private updateFlags(width: number) {\n const { xs, sm, md, lg, xl } = this.breakpoints;\n\n this.isXs.set(width < sm);\n this.isSm.set(width >= sm && width < md);\n this.isMd.set(width >= md && width < lg);\n this.isLg.set(width >= lg && width < xl);\n this.isXl.set(width >= xl);\n\n this.minSm.set(width >= sm);\n this.minMd.set(width >= md);\n this.minLg.set(width >= lg);\n this.minXl.set(width >= xl);\n }\n\n // Métodos rápidos si no usas signals directamente\n isXsInstant() {\n return this.isXs();\n }\n isSmInstant() {\n return this.isSm();\n }\n isMdInstant() {\n return this.isMd();\n }\n isLgInstant() {\n return this.isLg();\n }\n isXlInstant() {\n return this.isXl();\n }\n\n minSmInstant() {\n return this.minSm();\n }\n minMdInstant() {\n return this.minMd();\n }\n minLgInstant() {\n return this.minLg();\n }\n minXlInstant() {\n return this.minXl();\n }\n}\n"],"mappings":"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"}
|