@edm-sdui/sdui 1.0.68 → 1.0.70
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/edm-sdui-sdui-1.0.70.tgz +0 -0
- package/fesm2022/edm-sdui-sdui.mjs +1360 -516
- package/fesm2022/edm-sdui-sdui.mjs.map +1 -1
- package/package.json +6 -7
- package/types/edm-sdui-sdui.d.ts +1560 -0
- package/types/edm-sdui-sdui.d.ts.map +1 -0
- package/edm-sdui-sdui-1.0.68.tgz +0 -0
- package/edm-sdui-sdui.d.ts.map +0 -1
- package/esm2022/edm-sdui-sdui.mjs +0 -5
- package/esm2022/lib/components/navigation-controls/navigation-controls.component.mjs +0 -27
- package/esm2022/lib/components/uicomponent/button/button.component.mjs +0 -56
- package/esm2022/lib/components/uicomponent/column/column.component.mjs +0 -27
- package/esm2022/lib/components/uicomponent/image/image.component.mjs +0 -61
- package/esm2022/lib/components/uicomponent/image/ranking-svg.mjs +0 -186
- package/esm2022/lib/components/uicomponent/label/label.component.mjs +0 -97
- package/esm2022/lib/components/uicomponent/media-type/media-type.component.mjs +0 -71
- package/esm2022/lib/components/uicomponent/modal/modal.component.mjs +0 -30
- package/esm2022/lib/components/uicomponent/picker/picker.component.mjs +0 -56
- package/esm2022/lib/components/uicomponent/picker-item/picker-item.component.mjs +0 -34
- package/esm2022/lib/components/uicomponent/profile-button/profile-button.component.mjs +0 -115
- package/esm2022/lib/components/uicomponent/progress-bar/progress-bar.component.mjs +0 -42
- package/esm2022/lib/components/uicomponent/row/row.component.mjs +0 -22
- package/esm2022/lib/components/uicomponent/row-divisor/row-divisor.component.mjs +0 -22
- package/esm2022/lib/components/uicomponent/scrollable-column/scrollable-column.component.mjs +0 -33
- package/esm2022/lib/components/uicomponent/scrollable-row/scrollable-row.component.mjs +0 -131
- package/esm2022/lib/components/uicomponent/search-bar/search-bar.component.mjs +0 -102
- package/esm2022/lib/components/uicomponent/search-bar dismiss/search-bar-dismiss.component.mjs +0 -139
- package/esm2022/lib/components/uicomponent/space/space.component.mjs +0 -20
- package/esm2022/lib/components/uicomponent/tag/tag.component.mjs +0 -59
- package/esm2022/lib/components/uicomponent/tags-row/tag/tag.component.mjs +0 -282
- package/esm2022/lib/components/uicomponent/tags-row/tags-row.component.mjs +0 -178
- package/esm2022/lib/components/uicomponent/uicomponent.component.mjs +0 -52
- package/esm2022/lib/components/uicomponent/zstack/zstack.component.mjs +0 -23
- package/esm2022/lib/components/uilayout/centered-content-layout/centered-content-layout.component.mjs +0 -24
- package/esm2022/lib/components/uilayout/fab/fab.component.mjs +0 -42
- package/esm2022/lib/components/uilayout/single-column-layout/single-column-layout.component.mjs +0 -22
- package/esm2022/lib/components/uilayout/uinavigation/uinavigation.component.mjs +0 -15
- package/esm2022/lib/components/uiscreen/uiscreen.component.mjs +0 -31
- package/esm2022/lib/core/services/font-size-mapping.service.mjs +0 -30
- package/esm2022/lib/core/services/modal.service.mjs +0 -30
- package/esm2022/lib/core/services/scroll-spy.service.mjs +0 -102
- package/esm2022/lib/core/services/translation.service.mjs +0 -53
- package/esm2022/lib/core/services/ui-action-handlers.service.mjs +0 -17
- package/esm2022/lib/core/services/ui-action.service.mjs +0 -112
- package/esm2022/lib/core/services/uiscreen.service.mjs +0 -205
- package/esm2022/lib/core/tokens/sdui-config.token.mjs +0 -4
- package/esm2022/lib/core/uicomposition/enums/uicomponent-type.mjs +0 -36
- package/esm2022/lib/core/uicomposition/enums/uiplatform-type.mjs +0 -7
- package/esm2022/lib/core/uicomposition/enums/uiscene.mjs +0 -5
- package/esm2022/lib/core/uicomposition/enums/uiscreen-container-type.mjs +0 -6
- package/esm2022/lib/core/uicomposition/enums/uiscreen-identifier.mjs +0 -6
- package/esm2022/lib/core/uicomposition/mapping/component-mapping.mjs +0 -36
- package/esm2022/lib/core/uicomposition/models/uicentered-content-layout.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uicomponent.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uielement.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uilayout.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uinavigation.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uiscreen-config.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uiscreen.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uisingle-column-layout.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uitag.mjs +0 -2
- package/esm2022/lib/core/uicomposition/models/uiview.mjs +0 -2
- package/esm2022/lib/core/uitheme/enums/uiaction-type.mjs +0 -17
- package/esm2022/lib/core/uitheme/enums/uialignment-type.mjs +0 -7
- package/esm2022/lib/core/uitheme/enums/uiaspect-type.mjs +0 -6
- package/esm2022/lib/core/uitheme/enums/uiasset.mjs +0 -437
- package/esm2022/lib/core/uitheme/enums/uicolor.mjs +0 -157
- package/esm2022/lib/core/uitheme/enums/uicontent-type.mjs +0 -11
- package/esm2022/lib/core/uitheme/enums/uidimension.mjs +0 -49
- package/esm2022/lib/core/uitheme/enums/uijustify.mjs +0 -9
- package/esm2022/lib/core/uitheme/enums/uipadding-level.mjs +0 -12
- package/esm2022/lib/core/uitheme/enums/uipresentation-style.mjs +0 -7
- package/esm2022/lib/core/uitheme/enums/uiradius-level.mjs +0 -10
- package/esm2022/lib/core/uitheme/enums/uishadow-blur-radius.mjs +0 -5
- package/esm2022/lib/core/uitheme/enums/uishadow-offset.mjs +0 -5
- package/esm2022/lib/core/uitheme/enums/uisize.mjs +0 -22
- package/esm2022/lib/core/uitheme/enums/uispacing-level.mjs +0 -10
- package/esm2022/lib/core/uitheme/enums/uitext-style.mjs +0 -15
- package/esm2022/lib/core/uitheme/mapping/alignment-mapping.mjs +0 -7
- package/esm2022/lib/core/uitheme/mapping/aspect-mapping.mjs +0 -6
- package/esm2022/lib/core/uitheme/mapping/asset-mapping.mjs +0 -437
- package/esm2022/lib/core/uitheme/mapping/color-mapping.mjs +0 -157
- package/esm2022/lib/core/uitheme/mapping/dimension-mapping.mjs +0 -51
- package/esm2022/lib/core/uitheme/mapping/justify-mapping.mjs +0 -9
- package/esm2022/lib/core/uitheme/mapping/pad-mapping.mjs +0 -12
- package/esm2022/lib/core/uitheme/mapping/radius-mapping.mjs +0 -10
- package/esm2022/lib/core/uitheme/mapping/shadow-mapping.mjs +0 -9
- package/esm2022/lib/core/uitheme/mapping/size-mapping.mjs +0 -26
- package/esm2022/lib/core/uitheme/mapping/space-mapping.mjs +0 -10
- package/esm2022/lib/core/uitheme/mapping/text-style-mapping.mjs +0 -33
- package/esm2022/lib/core/uitheme/models/uiaction.mjs +0 -2
- package/esm2022/lib/core/uitheme/models/uialignment.mjs +0 -2
- package/esm2022/lib/core/uitheme/models/uibackground.mjs +0 -2
- package/esm2022/lib/core/uitheme/models/uicontent-inset.mjs +0 -2
- package/esm2022/lib/core/uitheme/models/uihover.mjs +0 -2
- package/esm2022/lib/core/uitheme/models/uipadding.mjs +0 -2
- package/esm2022/lib/core/uitheme/models/uiradius.mjs +0 -2
- package/esm2022/lib/core/uitheme/models/uishadow.mjs +0 -2
- package/esm2022/lib/core/uitheme/models/uispacing.mjs +0 -2
- package/esm2022/lib/core/utils/url-parser.util.mjs +0 -26
- package/esm2022/lib/core/view-models/uiscreen.viewmodel.mjs +0 -106
- package/esm2022/lib/directives/uiview.directive.mjs +0 -401
- package/esm2022/lib/sdui-routing.module.mjs +0 -28
- package/esm2022/lib/sdui.component.mjs +0 -51
- package/esm2022/lib/sdui.module.mjs +0 -139
- package/esm2022/public-api.mjs +0 -13
- package/index.d.ts +0 -6
- package/lib/components/navigation-controls/navigation-controls.component.d.ts +0 -12
- package/lib/components/navigation-controls/navigation-controls.component.d.ts.map +0 -1
- package/lib/components/uicomponent/button/button.component.d.ts +0 -19
- package/lib/components/uicomponent/button/button.component.d.ts.map +0 -1
- package/lib/components/uicomponent/column/column.component.d.ts +0 -12
- package/lib/components/uicomponent/column/column.component.d.ts.map +0 -1
- package/lib/components/uicomponent/image/image.component.d.ts +0 -18
- package/lib/components/uicomponent/image/image.component.d.ts.map +0 -1
- package/lib/components/uicomponent/image/ranking-svg.d.ts +0 -2
- package/lib/components/uicomponent/image/ranking-svg.d.ts.map +0 -1
- package/lib/components/uicomponent/label/label.component.d.ts +0 -18
- package/lib/components/uicomponent/label/label.component.d.ts.map +0 -1
- package/lib/components/uicomponent/media-type/media-type.component.d.ts +0 -24
- package/lib/components/uicomponent/media-type/media-type.component.d.ts.map +0 -1
- package/lib/components/uicomponent/modal/modal.component.d.ts +0 -15
- package/lib/components/uicomponent/modal/modal.component.d.ts.map +0 -1
- package/lib/components/uicomponent/picker/picker.component.d.ts +0 -22
- package/lib/components/uicomponent/picker/picker.component.d.ts.map +0 -1
- package/lib/components/uicomponent/picker-item/picker-item.component.d.ts +0 -16
- package/lib/components/uicomponent/picker-item/picker-item.component.d.ts.map +0 -1
- package/lib/components/uicomponent/profile-button/profile-button.component.d.ts +0 -22
- package/lib/components/uicomponent/profile-button/profile-button.component.d.ts.map +0 -1
- package/lib/components/uicomponent/progress-bar/progress-bar.component.d.ts +0 -15
- package/lib/components/uicomponent/progress-bar/progress-bar.component.d.ts.map +0 -1
- package/lib/components/uicomponent/row/row.component.d.ts +0 -11
- package/lib/components/uicomponent/row/row.component.d.ts.map +0 -1
- package/lib/components/uicomponent/row-divisor/row-divisor.component.d.ts +0 -11
- package/lib/components/uicomponent/row-divisor/row-divisor.component.d.ts.map +0 -1
- package/lib/components/uicomponent/scrollable-column/scrollable-column.component.d.ts +0 -15
- package/lib/components/uicomponent/scrollable-column/scrollable-column.component.d.ts.map +0 -1
- package/lib/components/uicomponent/scrollable-row/scrollable-row.component.d.ts +0 -29
- package/lib/components/uicomponent/scrollable-row/scrollable-row.component.d.ts.map +0 -1
- package/lib/components/uicomponent/search-bar/search-bar.component.d.ts +0 -19
- package/lib/components/uicomponent/search-bar/search-bar.component.d.ts.map +0 -1
- package/lib/components/uicomponent/search-bar dismiss/search-bar-dismiss.component.d.ts +0 -22
- package/lib/components/uicomponent/search-bar dismiss/search-bar-dismiss.component.d.ts.map +0 -1
- package/lib/components/uicomponent/space/space.component.d.ts +0 -11
- package/lib/components/uicomponent/space/space.component.d.ts.map +0 -1
- package/lib/components/uicomponent/tag/tag.component.d.ts +0 -19
- package/lib/components/uicomponent/tag/tag.component.d.ts.map +0 -1
- package/lib/components/uicomponent/tags-row/tag/tag.component.d.ts +0 -39
- package/lib/components/uicomponent/tags-row/tag/tag.component.d.ts.map +0 -1
- package/lib/components/uicomponent/tags-row/tags-row.component.d.ts +0 -37
- package/lib/components/uicomponent/tags-row/tags-row.component.d.ts.map +0 -1
- package/lib/components/uicomponent/uicomponent.component.d.ts +0 -18
- package/lib/components/uicomponent/uicomponent.component.d.ts.map +0 -1
- package/lib/components/uicomponent/zstack/zstack.component.d.ts +0 -11
- package/lib/components/uicomponent/zstack/zstack.component.d.ts.map +0 -1
- package/lib/components/uilayout/centered-content-layout/centered-content-layout.component.d.ts +0 -11
- package/lib/components/uilayout/centered-content-layout/centered-content-layout.component.d.ts.map +0 -1
- package/lib/components/uilayout/fab/fab.component.d.ts +0 -17
- package/lib/components/uilayout/fab/fab.component.d.ts.map +0 -1
- package/lib/components/uilayout/single-column-layout/single-column-layout.component.d.ts +0 -10
- package/lib/components/uilayout/single-column-layout/single-column-layout.component.d.ts.map +0 -1
- package/lib/components/uilayout/uinavigation/uinavigation.component.d.ts +0 -8
- package/lib/components/uilayout/uinavigation/uinavigation.component.d.ts.map +0 -1
- package/lib/components/uiscreen/uiscreen.component.d.ts +0 -13
- package/lib/components/uiscreen/uiscreen.component.d.ts.map +0 -1
- package/lib/core/services/font-size-mapping.service.d.ts +0 -10
- package/lib/core/services/font-size-mapping.service.d.ts.map +0 -1
- package/lib/core/services/modal.service.d.ts +0 -11
- package/lib/core/services/modal.service.d.ts.map +0 -1
- package/lib/core/services/scroll-spy.service.d.ts +0 -31
- package/lib/core/services/scroll-spy.service.d.ts.map +0 -1
- package/lib/core/services/translation.service.d.ts +0 -13
- package/lib/core/services/translation.service.d.ts.map +0 -1
- package/lib/core/services/ui-action-handlers.service.d.ts +0 -9
- package/lib/core/services/ui-action-handlers.service.d.ts.map +0 -1
- package/lib/core/services/ui-action.service.d.ts +0 -17
- package/lib/core/services/ui-action.service.d.ts.map +0 -1
- package/lib/core/services/uiscreen.service.d.ts +0 -26
- package/lib/core/services/uiscreen.service.d.ts.map +0 -1
- package/lib/core/tokens/sdui-config.token.d.ts +0 -4
- package/lib/core/tokens/sdui-config.token.d.ts.map +0 -1
- package/lib/core/uicomposition/enums/uicomponent-type.d.ts +0 -26
- package/lib/core/uicomposition/enums/uicomponent-type.d.ts.map +0 -1
- package/lib/core/uicomposition/enums/uiplatform-type.d.ts +0 -6
- package/lib/core/uicomposition/enums/uiplatform-type.d.ts.map +0 -1
- package/lib/core/uicomposition/enums/uiscene.d.ts +0 -4
- package/lib/core/uicomposition/enums/uiscene.d.ts.map +0 -1
- package/lib/core/uicomposition/enums/uiscreen-container-type.d.ts +0 -5
- package/lib/core/uicomposition/enums/uiscreen-container-type.d.ts.map +0 -1
- package/lib/core/uicomposition/enums/uiscreen-identifier.d.ts +0 -5
- package/lib/core/uicomposition/enums/uiscreen-identifier.d.ts.map +0 -1
- package/lib/core/uicomposition/mapping/component-mapping.d.ts +0 -4
- package/lib/core/uicomposition/mapping/component-mapping.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uicentered-content-layout.d.ts +0 -11
- package/lib/core/uicomposition/models/uicentered-content-layout.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uicomponent.d.ts +0 -12
- package/lib/core/uicomposition/models/uicomponent.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uielement.d.ts +0 -28
- package/lib/core/uicomposition/models/uielement.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uilayout.d.ts +0 -4
- package/lib/core/uicomposition/models/uilayout.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uinavigation.d.ts +0 -6
- package/lib/core/uicomposition/models/uinavigation.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uiscreen-config.d.ts +0 -6
- package/lib/core/uicomposition/models/uiscreen-config.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uiscreen.d.ts +0 -20
- package/lib/core/uicomposition/models/uiscreen.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uisingle-column-layout.d.ts +0 -12
- package/lib/core/uicomposition/models/uisingle-column-layout.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uitag.d.ts +0 -6
- package/lib/core/uicomposition/models/uitag.d.ts.map +0 -1
- package/lib/core/uicomposition/models/uiview.d.ts +0 -33
- package/lib/core/uicomposition/models/uiview.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uiaction-type.d.ts +0 -13
- package/lib/core/uitheme/enums/uiaction-type.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uialignment-type.d.ts +0 -6
- package/lib/core/uitheme/enums/uialignment-type.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uiaspect-type.d.ts +0 -5
- package/lib/core/uitheme/enums/uiaspect-type.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uiasset.d.ts +0 -436
- package/lib/core/uitheme/enums/uiasset.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uicolor.d.ts +0 -156
- package/lib/core/uitheme/enums/uicolor.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uicontent-type.d.ts +0 -10
- package/lib/core/uitheme/enums/uicontent-type.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uidimension.d.ts +0 -48
- package/lib/core/uitheme/enums/uidimension.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uijustify.d.ts +0 -8
- package/lib/core/uitheme/enums/uijustify.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uipadding-level.d.ts +0 -11
- package/lib/core/uitheme/enums/uipadding-level.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uipresentation-style.d.ts +0 -6
- package/lib/core/uitheme/enums/uipresentation-style.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uiradius-level.d.ts +0 -9
- package/lib/core/uitheme/enums/uiradius-level.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uishadow-blur-radius.d.ts +0 -4
- package/lib/core/uitheme/enums/uishadow-blur-radius.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uishadow-offset.d.ts +0 -4
- package/lib/core/uitheme/enums/uishadow-offset.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uisize.d.ts +0 -21
- package/lib/core/uitheme/enums/uisize.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uispacing-level.d.ts +0 -9
- package/lib/core/uitheme/enums/uispacing-level.d.ts.map +0 -1
- package/lib/core/uitheme/enums/uitext-style.d.ts +0 -14
- package/lib/core/uitheme/enums/uitext-style.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/alignment-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/alignment-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/aspect-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/aspect-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/asset-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/asset-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/color-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/color-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/dimension-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/dimension-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/justify-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/justify-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/pad-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/pad-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/radius-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/radius-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/shadow-mapping.d.ts +0 -5
- package/lib/core/uitheme/mapping/shadow-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/size-mapping.d.ts +0 -12
- package/lib/core/uitheme/mapping/size-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/space-mapping.d.ts +0 -3
- package/lib/core/uitheme/mapping/space-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/mapping/text-style-mapping.d.ts +0 -5
- package/lib/core/uitheme/mapping/text-style-mapping.d.ts.map +0 -1
- package/lib/core/uitheme/models/uiaction.d.ts +0 -10
- package/lib/core/uitheme/models/uiaction.d.ts.map +0 -1
- package/lib/core/uitheme/models/uialignment.d.ts +0 -5
- package/lib/core/uitheme/models/uialignment.d.ts.map +0 -1
- package/lib/core/uitheme/models/uibackground.d.ts +0 -7
- package/lib/core/uitheme/models/uibackground.d.ts.map +0 -1
- package/lib/core/uitheme/models/uicontent-inset.d.ts +0 -8
- package/lib/core/uitheme/models/uicontent-inset.d.ts.map +0 -1
- package/lib/core/uitheme/models/uihover.d.ts +0 -4
- package/lib/core/uitheme/models/uihover.d.ts.map +0 -1
- package/lib/core/uitheme/models/uipadding.d.ts +0 -8
- package/lib/core/uitheme/models/uipadding.d.ts.map +0 -1
- package/lib/core/uitheme/models/uiradius.d.ts +0 -8
- package/lib/core/uitheme/models/uiradius.d.ts.map +0 -1
- package/lib/core/uitheme/models/uishadow.d.ts +0 -11
- package/lib/core/uitheme/models/uishadow.d.ts.map +0 -1
- package/lib/core/uitheme/models/uispacing.d.ts +0 -5
- package/lib/core/uitheme/models/uispacing.d.ts.map +0 -1
- package/lib/core/utils/url-parser.util.d.ts +0 -3
- package/lib/core/utils/url-parser.util.d.ts.map +0 -1
- package/lib/core/view-models/uiscreen.viewmodel.d.ts +0 -39
- package/lib/core/view-models/uiscreen.viewmodel.d.ts.map +0 -1
- package/lib/directives/uiview.directive.d.ts +0 -54
- package/lib/directives/uiview.directive.d.ts.map +0 -1
- package/lib/sdui-routing.module.d.ts +0 -10
- package/lib/sdui-routing.module.d.ts.map +0 -1
- package/lib/sdui.component.d.ts +0 -17
- package/lib/sdui.component.d.ts.map +0 -1
- package/lib/sdui.module.d.ts +0 -47
- package/lib/sdui.module.d.ts.map +0 -1
- package/public-api.d.ts +0 -7
- package/public-api.d.ts.map +0 -1
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
|
|
2
|
-
import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
|
|
3
|
-
import { textStyleMappingFontWeight, textStyleMappingLineHeight } from '../../../core/uitheme/mapping/text-style-mapping';
|
|
4
|
-
import { FontSizeMappingService } from '../../../core/services/font-size-mapping.service';
|
|
5
|
-
import { UIAlignmentType } from '../../../core/uitheme/enums/uialignment-type';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "../../../core/services/font-size-mapping.service";
|
|
8
|
-
import * as i2 from "@angular/common";
|
|
9
|
-
import * as i3 from "../../../directives/uiview.directive";
|
|
10
|
-
export class LabelComponent {
|
|
11
|
-
constructor(uiComponent, renderer, fontSizeMappingService) {
|
|
12
|
-
this.uiComponent = uiComponent;
|
|
13
|
-
this.renderer = renderer;
|
|
14
|
-
this.fontSizeMappingService = fontSizeMappingService;
|
|
15
|
-
}
|
|
16
|
-
ngOnInit() {
|
|
17
|
-
// console.debug('label.uiComponent: ', this.uiComponent);
|
|
18
|
-
}
|
|
19
|
-
ngAfterViewInit() {
|
|
20
|
-
if (this.uiComponent.element) {
|
|
21
|
-
this.applyElement(this.uiComponent.element);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
applyElement(element) {
|
|
25
|
-
let resolvedLineHeight = null;
|
|
26
|
-
if (element.textColor) {
|
|
27
|
-
const color = colorMapping[element.textColor];
|
|
28
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'color', color);
|
|
29
|
-
}
|
|
30
|
-
if (element.textStyle) {
|
|
31
|
-
const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
|
|
32
|
-
const fontSize = textStyleMappingFontSize[element.textStyle];
|
|
33
|
-
const fontWeight = textStyleMappingFontWeight[element.textStyle];
|
|
34
|
-
const lineHeight = textStyleMappingLineHeight[element.textStyle];
|
|
35
|
-
//TODO: Substituir por classe no futuro.
|
|
36
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-weight', fontWeight);
|
|
37
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'font-size', fontSize);
|
|
38
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'line-height', lineHeight);
|
|
39
|
-
resolvedLineHeight = lineHeight;
|
|
40
|
-
}
|
|
41
|
-
const normalizedMaxLinesRaw = element.maxLines ?? 1;
|
|
42
|
-
const normalizedMaxLines = Number(normalizedMaxLinesRaw);
|
|
43
|
-
if (!Number.isNaN(normalizedMaxLines) && normalizedMaxLines > 0) {
|
|
44
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'display', '-webkit-box');
|
|
45
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, '-webkit-box-orient', 'vertical');
|
|
46
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'overflow', 'hidden');
|
|
47
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'text-overflow', 'ellipsis');
|
|
48
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'white-space', 'normal');
|
|
49
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'word-break', 'break-word');
|
|
50
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, '-webkit-line-clamp', normalizedMaxLines);
|
|
51
|
-
}
|
|
52
|
-
if (element.opacity) {
|
|
53
|
-
const opacity = element.opacity;
|
|
54
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'opacity', opacity);
|
|
55
|
-
}
|
|
56
|
-
if (element.alignment) {
|
|
57
|
-
const alignment = element.alignment.alignment;
|
|
58
|
-
switch (alignment) {
|
|
59
|
-
case UIAlignmentType.START: {
|
|
60
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'text-align', 'left');
|
|
61
|
-
break;
|
|
62
|
-
}
|
|
63
|
-
case UIAlignmentType.CENTER: {
|
|
64
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'text-align', 'center');
|
|
65
|
-
break;
|
|
66
|
-
}
|
|
67
|
-
case UIAlignmentType.END: {
|
|
68
|
-
this.renderer.setStyle(this.spanElementRef.nativeElement, 'text-align', 'right');
|
|
69
|
-
break;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
getMinHeight(lineHeight, lines) {
|
|
75
|
-
if (lines <= 0)
|
|
76
|
-
return null;
|
|
77
|
-
const pxMatch = /^(\d+(?:\.\d+)?)px$/.exec(lineHeight);
|
|
78
|
-
if (pxMatch) {
|
|
79
|
-
const pxValue = parseFloat(pxMatch[1]) * lines;
|
|
80
|
-
return `${pxValue}px`;
|
|
81
|
-
}
|
|
82
|
-
return `calc(${lineHeight} * ${lines})`;
|
|
83
|
-
}
|
|
84
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LabelComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1.FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
85
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: LabelComponent, isStandalone: false, selector: "edm-sdui-label", viewQueries: [{ propertyName: "spanElementRef", first: true, predicate: ["spanElement"], descendants: true }], ngImport: i0, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
86
|
-
}
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LabelComponent, decorators: [{
|
|
88
|
-
type: Component,
|
|
89
|
-
args: [{ selector: 'edm-sdui-label', standalone: false, template: "<span #spanElement [edmSduiView]=\"uiComponent.element\" *ngIf=\"uiComponent\">{{\n uiComponent.element?.label ?? \"\"\n}}</span>\n", styles: [":host{display:contents}\n"] }]
|
|
90
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
91
|
-
type: Inject,
|
|
92
|
-
args: ['uiComponent']
|
|
93
|
-
}] }, { type: i0.Renderer2 }, { type: i1.FontSizeMappingService }], propDecorators: { spanElementRef: [{
|
|
94
|
-
type: ViewChild,
|
|
95
|
-
args: ['spanElement']
|
|
96
|
-
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQVUsU0FBUyxFQUFFLFNBQVMsR0FBRSxNQUFNLGVBQWUsQ0FBQztBQUcxRyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sNkNBQTZDLENBQUM7QUFDekUsT0FBTyxFQUFDLDBCQUEwQixFQUFFLDBCQUEwQixFQUFDLE1BQU0sa0RBQWtELENBQUM7QUFDeEgsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDhDQUE4QyxDQUFDOzs7OztBQVM3RSxNQUFNLE9BQU8sY0FBYztJQUd6QixZQUNnQyxXQUF3QixFQUM5QyxRQUFtQixFQUNuQixzQkFBOEM7UUFGeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDOUMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQiwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO0lBQ3BELENBQUM7SUFFTCxRQUFRO1FBQ04sMERBQTBEO0lBQzVELENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM5QyxDQUFDO0lBQ0gsQ0FBQztJQUVPLFlBQVksQ0FBQyxPQUFr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L0MsT0FBTyxHQUFHLE9BQU8sSUFBSSxDQUFDO1FBQ3hCLENBQUM7UUFFRCxPQUFPLFFBQVEsVUFBVSxNQUFNLEtBQUssR0FBRyxDQUFDO0lBQzFDLENBQUM7K0dBbkpVLGNBQWMsa0JBSWYsYUFBYTttR0FKWixjQUFjLDBMQ2YzQixzSUFHQTs7NEZEWWEsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZCxLQUFLOzswQkFNZCxNQUFNOzJCQUFDLGFBQWE7c0dBSEcsY0FBYztzQkFBdkMsU0FBUzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdCwgT25Jbml0LCBSZW5kZXJlcjIsIFZpZXdDaGlsZCx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtVSUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudCc7XG5pbXBvcnQge1VJRWxlbWVudH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWVsZW1lbnQnO1xuaW1wb3J0IHtjb2xvck1hcHBpbmd9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL2NvbG9yLW1hcHBpbmcnO1xuaW1wb3J0IHt0ZXh0U3R5bGVNYXBwaW5nRm9udFdlaWdodCwgdGV4dFN0eWxlTWFwcGluZ0xpbmVIZWlnaHR9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL3RleHQtc3R5bGUtbWFwcGluZyc7XG5pbXBvcnQge0ZvbnRTaXplTWFwcGluZ1NlcnZpY2V9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvZm9udC1zaXplLW1hcHBpbmcuc2VydmljZSc7XG5pbXBvcnQge1VJQWxpZ25tZW50VHlwZX0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL2VudW1zL3VpYWxpZ25tZW50LXR5cGUnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2xhYmVsLmNvbXBvbmVudC5zY3NzJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIExhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnc3BhbkVsZW1lbnQnKSBzcGFuRWxlbWVudFJlZiE6IEVsZW1lbnRSZWY8SFRNTEltYWdlRWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50LFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwcml2YXRlIGZvbnRTaXplTWFwcGluZ1NlcnZpY2U6IEZvbnRTaXplTWFwcGluZ1NlcnZpY2VcbiAgKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBjb25zb2xlLmRlYnVnKCdsYWJlbC51aUNvbXBvbmVudDogJywgdGhpcy51aUNvbXBvbmVudCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFwcGx5RWxlbWVudChlbGVtZW50OiBVSUVsZW1lbnQpIHtcbiAgICBsZXQgcmVzb2x2ZWRMaW5lSGVpZ2h0OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIGlmIChlbGVtZW50LnRleHRDb2xvcikge1xuICAgICAgY29uc3QgY29sb3IgPSBjb2xvck1hcHBpbmdbZWxlbWVudC50ZXh0Q29sb3JdO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdjb2xvcicsIGNvbG9yKTtcbiAgICB9XG5cbiAgICBpZiAoZWxlbWVudC50ZXh0U3R5bGUpIHtcbiAgICAgIGNvbnN0IHRleHRTdHlsZU1hcHBpbmdGb250U2l6ZSA9IHRoaXMuZm9udFNpemVNYXBwaW5nU2VydmljZS5nZXRNYXBwaW5nKCk7XG4gICAgICBjb25zdCBmb250U2l6ZSA9IHRleHRTdHlsZU1hcHBpbmdGb250U2l6ZVtlbGVtZW50LnRleHRTdHlsZV07XG4gICAgICBjb25zdCBmb250V2VpZ2h0ID0gdGV4dFN0eWxlTWFwcGluZ0ZvbnRXZWlnaHRbZWxlbWVudC50ZXh0U3R5bGVdO1xuICAgICAgY29uc3QgbGluZUhlaWdodCA9IHRleHRTdHlsZU1hcHBpbmdMaW5lSGVpZ2h0W2VsZW1lbnQudGV4dFN0eWxlXTtcblxuICAgICAgLy9UT0RPOiBTdWJzdGl0dWlyIHBvciBjbGFzc2Ugbm8gZnV0dXJvLlxuXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICB0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICdmb250LXdlaWdodCcsXG4gICAgICAgIGZvbnRXZWlnaHRcbiAgICAgICk7XG5cbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ2ZvbnQtc2l6ZScsXG4gICAgICAgIGZvbnRTaXplXG4gICAgICApO1xuXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2xpbmUtaGVpZ2h0JywgbGluZUhlaWdodCk7XG4gICAgICByZXNvbHZlZExpbmVIZWlnaHQgPSBsaW5lSGVpZ2h0O1xuICAgIH1cblxuICAgIGNvbnN0IG5vcm1hbGl6ZWRNYXhMaW5lc1JhdyA9XG4gICAgICBlbGVtZW50Lm1heExpbmVzID8/IDE7XG5cbiAgICBjb25zdCBub3JtYWxpemVkTWF4TGluZXMgPSBOdW1iZXIobm9ybWFsaXplZE1heExpbmVzUmF3KTtcbiAgICBpZiAoIU51bWJlci5pc05hTihub3JtYWxpemVkTWF4TGluZXMpICYmIG5vcm1hbGl6ZWRNYXhMaW5lcyA+IDApIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ2Rpc3BsYXknLFxuICAgICAgICAnLXdlYmtpdC1ib3gnXG4gICAgICApO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgdGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnLXdlYmtpdC1ib3gtb3JpZW50JyxcbiAgICAgICAgJ3ZlcnRpY2FsJ1xuICAgICAgKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ292ZXJmbG93JyxcbiAgICAgICAgJ2hpZGRlbidcbiAgICAgICk7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICB0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICd0ZXh0LW92ZXJmbG93JyxcbiAgICAgICAgJ2VsbGlwc2lzJ1xuICAgICAgKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ3doaXRlLXNwYWNlJyxcbiAgICAgICAgJ25vcm1hbCdcbiAgICAgICk7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICB0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICd3b3JkLWJyZWFrJyxcbiAgICAgICAgJ2JyZWFrLXdvcmQnXG4gICAgICApO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgdGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnLXdlYmtpdC1saW5lLWNsYW1wJyxcbiAgICAgICAgbm9ybWFsaXplZE1heExpbmVzXG4gICAgICApO1xuXG4gICAgfVxuXG4gICAgaWYgKGVsZW1lbnQub3BhY2l0eSkge1xuICAgICAgY29uc3Qgb3BhY2l0eSA9IGVsZW1lbnQub3BhY2l0eTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIHRoaXMuc3BhbkVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ29wYWNpdHknLFxuICAgICAgICBvcGFjaXR5XG4gICAgICApO1xuICAgIH1cblxuICAgIGlmIChlbGVtZW50LmFsaWdubWVudCkge1xuICAgICAgY29uc3QgYWxpZ25tZW50ID0gZWxlbWVudC5hbGlnbm1lbnQuYWxpZ25tZW50O1xuICAgICAgc3dpdGNoIChhbGlnbm1lbnQpIHtcbiAgICAgICAgY2FzZSBVSUFsaWdubWVudFR5cGUuU1RBUlQ6IHtcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICAgICAgdGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgJ3RleHQtYWxpZ24nLFxuICAgICAgICAgICAgJ2xlZnQnXG4gICAgICAgICAgKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuXG4gICAgICAgIGNhc2UgVUlBbGlnbm1lbnRUeXBlLkNFTlRFUjoge1xuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgICAgICB0aGlzLnNwYW5FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAndGV4dC1hbGlnbicsXG4gICAgICAgICAgICAnY2VudGVyJ1xuICAgICAgICAgICk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cblxuICAgICAgICBjYXNlIFVJQWxpZ25tZW50VHlwZS5FTkQ6IHtcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICAgICAgdGhpcy5zcGFuRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgJ3RleHQtYWxpZ24nLFxuICAgICAgICAgICAgJ3JpZ2h0J1xuICAgICAgICAgICk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZ2V0TWluSGVpZ2h0KGxpbmVIZWlnaHQ6IHN0cmluZywgbGluZXM6IG51bWJlcik6IHN0cmluZyB8IG51bGwge1xuICAgIGlmIChsaW5lcyA8PSAwKSByZXR1cm4gbnVsbDtcblxuICAgIGNvbnN0IHB4TWF0Y2ggPSAvXihcXGQrKD86XFwuXFxkKyk/KXB4JC8uZXhlYyhsaW5lSGVpZ2h0KTtcbiAgICBpZiAocHhNYXRjaCkge1xuICAgICAgY29uc3QgcHhWYWx1ZSA9IHBhcnNlRmxvYXQocHhNYXRjaFsxXSkgKiBsaW5lcztcbiAgICAgIHJldHVybiBgJHtweFZhbHVlfXB4YDtcbiAgICB9XG5cbiAgICByZXR1cm4gYGNhbGMoJHtsaW5lSGVpZ2h0fSAqICR7bGluZXN9KWA7XG4gIH1cbn1cbiIsIjxzcGFuICNzcGFuRWxlbWVudCBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiICpuZ0lmPVwidWlDb21wb25lbnRcIj57e1xuICB1aUNvbXBvbmVudC5lbGVtZW50Py5sYWJlbCA/PyBcIlwiXG59fTwvc3Bhbj5cbiJdfQ==
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Component, Renderer2, ElementRef, Inject, ViewChild } from "@angular/core";
|
|
2
|
-
import { colorMapping } from "../../../core/uitheme/mapping/color-mapping";
|
|
3
|
-
import { textStyleMappingLineHeight } from "../../../core/uitheme/mapping/text-style-mapping";
|
|
4
|
-
import { sizeMappingHeight, sizeMappingWidth } from "../../../core/uitheme/mapping/size-mapping";
|
|
5
|
-
import { UISize } from "../../../core/uitheme/enums/uisize";
|
|
6
|
-
import { SduiTranslationService } from "../../../core/services/translation.service";
|
|
7
|
-
import { spaceMapping } from "../../../core/uitheme/mapping/space-mapping";
|
|
8
|
-
import { FontSizeMappingService } from "../../../core/services/font-size-mapping.service";
|
|
9
|
-
import { UIColor } from "../../../core/uitheme/enums/uicolor";
|
|
10
|
-
import { UITextStyle } from "../../../core/uitheme/enums/uitext-style";
|
|
11
|
-
import { UIContentType } from "../../../core/uitheme/enums/uicontent-type";
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
import * as i1 from "../../../core/services/translation.service";
|
|
14
|
-
import * as i2 from "../../../core/services/font-size-mapping.service";
|
|
15
|
-
export class MediaTypeComponent {
|
|
16
|
-
constructor(uiComponent, renderer, translator, fontSizeMappingService) {
|
|
17
|
-
this.uiComponent = uiComponent;
|
|
18
|
-
this.renderer = renderer;
|
|
19
|
-
this.translator = translator;
|
|
20
|
-
this.fontSizeMappingService = fontSizeMappingService;
|
|
21
|
-
this.label = '';
|
|
22
|
-
this.contetType = UIContentType;
|
|
23
|
-
}
|
|
24
|
-
ngOnInit() {
|
|
25
|
-
console.debug('label.uiComponent: ', this.uiComponent);
|
|
26
|
-
const type = this.uiComponent.element?.contentType ?? '';
|
|
27
|
-
this.label = this.translator.translate('contentType', type);
|
|
28
|
-
}
|
|
29
|
-
ngAfterViewInit() {
|
|
30
|
-
if (this.uiComponent.element) {
|
|
31
|
-
this.applyElement(this.uiComponent.element);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
applyElement(element) {
|
|
35
|
-
const containerEl = this.containerElementRef?.nativeElement;
|
|
36
|
-
this.renderer.setStyle(containerEl, 'gap', spaceMapping['s1']);
|
|
37
|
-
const iconEl = this.iconElementRef?.nativeElement;
|
|
38
|
-
const size = UISize.ASSET_2; // fixo
|
|
39
|
-
const height = sizeMappingHeight[size];
|
|
40
|
-
const width = sizeMappingWidth[size];
|
|
41
|
-
this.renderer.setStyle(iconEl, 'height', height);
|
|
42
|
-
this.renderer.setStyle(iconEl, 'width', width);
|
|
43
|
-
const labelEl = this.labelElementRef?.nativeElement;
|
|
44
|
-
const color = colorMapping[UIColor.TEXT_COMMENT_SEC];
|
|
45
|
-
this.renderer.setStyle(labelEl, 'color', color);
|
|
46
|
-
const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
|
|
47
|
-
const fontSize = textStyleMappingFontSize[UITextStyle.CAPTION_2];
|
|
48
|
-
this.renderer.setStyle(labelEl, 'font-size', fontSize);
|
|
49
|
-
const lineHeight = textStyleMappingLineHeight[UITextStyle.CAPTION_2];
|
|
50
|
-
this.renderer.setStyle(labelEl, 'line-height', lineHeight);
|
|
51
|
-
}
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaTypeComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1.SduiTranslationService }, { token: i2.FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: MediaTypeComponent, isStandalone: false, selector: "edm-sdui-media-type", viewQueries: [{ propertyName: "iconElementRef", first: true, predicate: ["iconElementRef"], descendants: true }, { propertyName: "labelElementRef", first: true, predicate: ["labelElementRef"], descendants: true }, { propertyName: "containerElementRef", first: true, predicate: ["containerElementRef"], descendants: true }], ngImport: i0, template: "<div #containerElementRef class=\"media-container\">\n @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n {\n <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.HTML)\n {\n <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n {\n <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.FILE)\n {\n <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.POLL)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }); }
|
|
54
|
-
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MediaTypeComponent, decorators: [{
|
|
56
|
-
type: Component,
|
|
57
|
-
args: [{ standalone: false, selector: 'edm-sdui-media-type', template: "<div #containerElementRef class=\"media-container\">\n @if(this.uiComponent.element?.contentType === contetType.VIDEO)\n {\n <img #iconElementRef src=\"/assets/images/ic-play-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.HTML)\n {\n <img #iconElementRef src=\"/assets/images/ic-text-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.AUDIO)\n {\n <img #iconElementRef src=\"/assets/images/ic-audio-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.FILE)\n {\n <img #iconElementRef src=\"/assets/images/ic-file.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.QUIZ)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n @if(this.uiComponent.element?.contentType === contetType.POLL)\n {\n <img #iconElementRef src=\"/assets/images/ic-quiz-list.svg\" class=\"icons-svg-list\">\n }\n <span #labelElementRef>{{ label }}</span>\n</div>\n\n", styles: [":host{display:contents}.media-container{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
58
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
59
|
-
type: Inject,
|
|
60
|
-
args: ['uiComponent']
|
|
61
|
-
}] }, { type: i0.Renderer2 }, { type: i1.SduiTranslationService }, { type: i2.FontSizeMappingService }], propDecorators: { iconElementRef: [{
|
|
62
|
-
type: ViewChild,
|
|
63
|
-
args: ['iconElementRef']
|
|
64
|
-
}], labelElementRef: [{
|
|
65
|
-
type: ViewChild,
|
|
66
|
-
args: ['labelElementRef']
|
|
67
|
-
}], containerElementRef: [{
|
|
68
|
-
type: ViewChild,
|
|
69
|
-
args: ['containerElementRef']
|
|
70
|
-
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtdHlwZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L21lZGlhLXR5cGUvbWVkaWEtdHlwZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L21lZGlhLXR5cGUvbWVkaWEtdHlwZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXlCLFNBQVMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFJbEgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzNFLE9BQU8sRUFBK0IsMEJBQTBCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMzSCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNqRyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDNUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7O0FBUTNFLE1BQU0sT0FBTyxrQkFBa0I7SUFRM0IsWUFDZ0MsV0FBd0IsRUFDOUMsUUFBbUIsRUFDbkIsVUFB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QUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25Jbml0LCBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIFJlbmRlcmVyMiwgRWxlbWVudFJlZiwgSW5qZWN0LCBWaWV3Q2hpbGQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFVJQWN0aW9uU2VydmljZSB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL3VpLWFjdGlvbi5zZXJ2aWNlXCI7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpY29tcG9uZW50XCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWVsZW1lbnRcIjtcbmltcG9ydCB7IGNvbG9yTWFwcGluZyB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9jb2xvci1tYXBwaW5nXCI7XG5pbXBvcnQgeyBnZXRUZXh0U3R5bGVNYXBwaW5nRm9udFNpemUsIHRleHRTdHlsZU1hcHBpbmdMaW5lSGVpZ2h0IH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL3RleHQtc3R5bGUtbWFwcGluZ1wiO1xuaW1wb3J0IHsgc2l6ZU1hcHBpbmdIZWlnaHQsIHNpemVNYXBwaW5nV2lkdGggfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvc2l6ZS1tYXBwaW5nXCI7XG5pbXBvcnQgeyBVSVNpemUgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aXRoZW1lL2VudW1zL3Vpc2l6ZVwiO1xuaW1wb3J0IHsgU2R1aVRyYW5zbGF0aW9uU2VydmljZSB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL3RyYW5zbGF0aW9uLnNlcnZpY2VcIjtcbmltcG9ydCB7IHNwYWNlTWFwcGluZyB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9zcGFjZS1tYXBwaW5nXCI7XG5pbXBvcnQgeyBGb250U2l6ZU1hcHBpbmdTZXJ2aWNlIH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvc2VydmljZXMvZm9udC1zaXplLW1hcHBpbmcuc2VydmljZVwiO1xuaW1wb3J0IHsgVUlDb2xvciB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvZW51bXMvdWljb2xvclwiO1xuaW1wb3J0IHsgVUlUZXh0U3R5bGUgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aXRoZW1lL2VudW1zL3VpdGV4dC1zdHlsZVwiO1xuaW1wb3J0IHsgVUlDb250ZW50VHlwZSB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL3VpdGhlbWUvZW51bXMvdWljb250ZW50LXR5cGVcIjtcblxuQENvbXBvbmVudCh7XG4gIHN0eWxlVXJsOiAnLi9tZWRpYS10eXBlLmNvbXBvbmVudC5zY3NzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lZGlhLXR5cGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1tZWRpYS10eXBlJyxcbn0pXG5leHBvcnQgY2xhc3MgTWVkaWFUeXBlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnaWNvbkVsZW1lbnRSZWYnKSBpY29uRWxlbWVudFJlZiE6IEVsZW1lbnRSZWY8SFRNTEltYWdlRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ2xhYmVsRWxlbWVudFJlZicpIGxhYmVsRWxlbWVudFJlZiE6IEVsZW1lbnRSZWY8SFRNTFNwYW5FbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyRWxlbWVudFJlZicpIGNvbnRhaW5lckVsZW1lbnRSZWYhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuXG4gIHB1YmxpYyBsYWJlbDogc3RyaW5nID0gJyc7XG4gIHB1YmxpYyBjb250ZXRUeXBlID0gVUlDb250ZW50VHlwZTtcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgIEBJbmplY3QoJ3VpQ29tcG9uZW50JykgcHVibGljIHVpQ29tcG9uZW50OiBVSUNvbXBvbmVudCxcbiAgICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgIHByaXZhdGUgdHJhbnNsYXRvcjogU2R1aVRyYW5zbGF0aW9uU2VydmljZSxcbiAgICAgIHByaXZhdGUgZm9udFNpemVNYXBwaW5nU2VydmljZTogRm9udFNpemVNYXBwaW5nU2VydmljZVxuICAgICkge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgY29uc29sZS5kZWJ1ZygnbGFiZWwudWlDb21wb25lbnQ6ICcsIHRoaXMudWlDb21wb25lbnQpO1xuICAgICAgY29uc3QgdHlwZSA9IHRoaXMudWlDb21wb25lbnQuZWxlbWVudD8uY29udGVudFR5cGUgPz8gJyc7XG4gICAgICB0aGlzLmxhYmVsID0gdGhpcy50cmFuc2xhdG9yLnRyYW5zbGF0ZSgnY29udGVudFR5cGUnLCB0eXBlKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICBpZiAodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KSB7XG4gICAgICAgIHRoaXMuYXBwbHlFbGVtZW50KHRoaXMudWlDb21wb25lbnQuZWxlbWVudCk7XG4gICAgICB9XG4gICAgfVxuICAgIHByaXZhdGUgYXBwbHlFbGVtZW50KGVsZW1lbnQ6IFVJRWxlbWVudCkge1xuXG4gICAgICBjb25zdCBjb250YWluZXJFbCA9IHRoaXMuY29udGFpbmVyRWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudDtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoY29udGFpbmVyRWwsICdnYXAnLCBzcGFjZU1hcHBpbmdbJ3MxJ10pO1xuXG4gICAgICBjb25zdCBpY29uRWwgPSB0aGlzLmljb25FbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50O1xuICAgICAgY29uc3Qgc2l6ZSA9IFVJU2l6ZS5BU1NFVF8yOyAvLyBmaXhvXG4gICAgICBjb25zdCBoZWlnaHQgPSBzaXplTWFwcGluZ0hlaWdodFtzaXplXTtcbiAgICAgIGNvbnN0IHdpZHRoID0gc2l6ZU1hcHBpbmdXaWR0aFtzaXplXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoaWNvbkVsLCAnaGVpZ2h0JywgaGVpZ2h0KTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoaWNvbkVsLCAnd2lkdGgnLCB3aWR0aCk7XG5cblxuICAgICAgY29uc3QgbGFiZWxFbCA9IHRoaXMubGFiZWxFbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50O1xuICAgICAgY29uc3QgY29sb3IgPSBjb2xvck1hcHBpbmdbVUlDb2xvci5URVhUX0NPTU1FTlRfU0VDXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUobGFiZWxFbCwgJ2NvbG9yJywgY29sb3IpO1xuXG4gICAgICBjb25zdCB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemUgPSB0aGlzLmZvbnRTaXplTWFwcGluZ1NlcnZpY2UuZ2V0TWFwcGluZygpO1xuICAgICAgY29uc3QgZm9udFNpemUgPSB0ZXh0U3R5bGVNYXBwaW5nRm9udFNpemVbVUlUZXh0U3R5bGUuQ0FQVElPTl8yXTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUobGFiZWxFbCwgJ2ZvbnQtc2l6ZScsIGZvbnRTaXplKTtcblxuICAgICAgY29uc3QgbGluZUhlaWdodCA9IHRleHRTdHlsZU1hcHBpbmdMaW5lSGVpZ2h0W1VJVGV4dFN0eWxlLkNBUFRJT05fMl07XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGxhYmVsRWwsICdsaW5lLWhlaWdodCcsIGxpbmVIZWlnaHQpO1xuICAgIH1cbn1cbiIsIjxkaXYgI2NvbnRhaW5lckVsZW1lbnRSZWYgY2xhc3M9XCJtZWRpYS1jb250YWluZXJcIj5cbiAgQGlmKHRoaXMudWlDb21wb25lbnQuZWxlbWVudD8uY29udGVudFR5cGUgPT09IGNvbnRldFR5cGUuVklERU8pXG4gIHtcbiAgICA8aW1nICNpY29uRWxlbWVudFJlZiBzcmM9XCIvYXNzZXRzL2ltYWdlcy9pYy1wbGF5LWxpc3Quc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG4gIEBpZih0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQ/LmNvbnRlbnRUeXBlID09PSBjb250ZXRUeXBlLkhUTUwpXG4gIHtcbiAgICA8aW1nICNpY29uRWxlbWVudFJlZiBzcmM9XCIvYXNzZXRzL2ltYWdlcy9pYy10ZXh0LWxpc3Quc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG4gIEBpZih0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQ/LmNvbnRlbnRUeXBlID09PSBjb250ZXRUeXBlLkFVRElPKVxuICB7XG4gICAgPGltZyAjaWNvbkVsZW1lbnRSZWYgc3JjPVwiL2Fzc2V0cy9pbWFnZXMvaWMtYXVkaW8tbGlzdC5zdmdcIiBjbGFzcz1cImljb25zLXN2Zy1saXN0XCI+XG4gIH1cbiAgQGlmKHRoaXMudWlDb21wb25lbnQuZWxlbWVudD8uY29udGVudFR5cGUgPT09IGNvbnRldFR5cGUuRklMRSlcbiAge1xuICAgIDxpbWcgI2ljb25FbGVtZW50UmVmIHNyYz1cIi9hc3NldHMvaW1hZ2VzL2ljLWZpbGUuc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG4gIEBpZih0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQ/LmNvbnRlbnRUeXBlID09PSBjb250ZXRUeXBlLlFVSVopXG4gIHtcbiAgICA8aW1nICNpY29uRWxlbWVudFJlZiBzcmM9XCIvYXNzZXRzL2ltYWdlcy9pYy1xdWl6LWxpc3Quc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG4gIEBpZih0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQ/LmNvbnRlbnRUeXBlID09PSBjb250ZXRUeXBlLlBPTEwpXG4gIHtcbiAgICA8aW1nICNpY29uRWxlbWVudFJlZiBzcmM9XCIvYXNzZXRzL2ltYWdlcy9pYy1xdWl6LWxpc3Quc3ZnXCIgY2xhc3M9XCJpY29ucy1zdmctbGlzdFwiPlxuICB9XG4gIDxzcGFuICNsYWJlbEVsZW1lbnRSZWY+e3sgbGFiZWwgfX08L3NwYW4+XG48L2Rpdj5cblxuIl19
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
2
|
-
import { DomSanitizer } from "@angular/platform-browser";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/platform-browser";
|
|
5
|
-
export class ModalComponent {
|
|
6
|
-
constructor(sanitizer) {
|
|
7
|
-
this.sanitizer = sanitizer;
|
|
8
|
-
this.title = '';
|
|
9
|
-
this.closed = new EventEmitter();
|
|
10
|
-
}
|
|
11
|
-
get safeUrl() {
|
|
12
|
-
return this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
|
|
13
|
-
}
|
|
14
|
-
close() {
|
|
15
|
-
this.closed.emit();
|
|
16
|
-
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ModalComponent, isStandalone: true, selector: "edm-modal", inputs: { url: "url", title: "title" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"edm-modal-backdrop\">\n <div class=\"edm-modal-content\" (click)=\"$event.stopPropagation()\">\n\n <div class=\"edm-modal-header\">\n <span class=\"edm-modal-title\">{{ title }}</span>\n <button class=\"edm-modal-close-btn\" (click)=\"close()\">\n <img src=\"/assets/images/bt-close.svg\" width=\"28px\" height=\"28px\" />\n </button>\n </div>\n\n <iframe [src]=\"safeUrl\" frameborder=\"0\"></iframe>\n\n </div>\n</div>\n", styles: [".edm-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999}.edm-modal-backdrop:before{content:\"\";opacity:.8;background-color:var(--bg);z-index:-1;position:absolute;inset:0}.edm-modal-content{min-width:50vw;max-width:90vw;height:80vh;box-shadow:0 0 16px #ffffff1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.edm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);color:var(--main-1);font-size:1rem;font-weight:600;border-bottom:1px solid var(--aux)}.edm-modal-title{flex:1}.edm-modal-close-btn{background:var(--bg-module);border:none;cursor:pointer}iframe{flex:1;padding-top:16px;width:100%;border:none}@media screen and (max-width: 768px){.edm-modal-content{min-width:90vw;max-width:100vw;height:90vh}.edm-modal-header{padding:.5rem 1rem;font-size:.875rem}.edm-modal-title{font-size:1rem}.edm-modal-close-btn{padding:.25rem;font-size:.875rem}}\n"] }); }
|
|
19
|
-
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ModalComponent, decorators: [{
|
|
21
|
-
type: Component,
|
|
22
|
-
args: [{ selector: 'edm-modal', standalone: true, template: "<div class=\"edm-modal-backdrop\">\n <div class=\"edm-modal-content\" (click)=\"$event.stopPropagation()\">\n\n <div class=\"edm-modal-header\">\n <span class=\"edm-modal-title\">{{ title }}</span>\n <button class=\"edm-modal-close-btn\" (click)=\"close()\">\n <img src=\"/assets/images/bt-close.svg\" width=\"28px\" height=\"28px\" />\n </button>\n </div>\n\n <iframe [src]=\"safeUrl\" frameborder=\"0\"></iframe>\n\n </div>\n</div>\n", styles: [".edm-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999}.edm-modal-backdrop:before{content:\"\";opacity:.8;background-color:var(--bg);z-index:-1;position:absolute;inset:0}.edm-modal-content{min-width:50vw;max-width:90vw;height:80vh;box-shadow:0 0 16px #ffffff1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.edm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);color:var(--main-1);font-size:1rem;font-weight:600;border-bottom:1px solid var(--aux)}.edm-modal-title{flex:1}.edm-modal-close-btn{background:var(--bg-module);border:none;cursor:pointer}iframe{flex:1;padding-top:16px;width:100%;border:none}@media screen and (max-width: 768px){.edm-modal-content{min-width:90vw;max-width:100vw;height:90vh}.edm-modal-header{padding:.5rem 1rem;font-size:.875rem}.edm-modal-title{font-size:1rem}.edm-modal-close-btn{padding:.25rem;font-size:.875rem}}\n"] }]
|
|
23
|
-
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { url: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}], title: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], closed: [{
|
|
28
|
-
type: Output
|
|
29
|
-
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9tb2RhbC9tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L21vZGFsL21vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBbUIsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBUTFFLE1BQU0sT0FBTyxjQUFjO0lBS3pCLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFIbEMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNsQixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUVFLENBQUM7SUFFL0MsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzsrR0FiVSxjQUFjO21HQUFkLGNBQWMsNElDVDNCLHNkQWNBOzs0RkRMYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFdBQVcsY0FHVCxJQUFJO2lGQUdQLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlUmVzb3VyY2VVcmwgfSBmcm9tIFwiQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3NlclwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdXJsITogc3RyaW5nO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XG4gIEBPdXRwdXQoKSBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICBnZXQgc2FmZVVybCgpOiBTYWZlUmVzb3VyY2VVcmwge1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwodGhpcy51cmwpO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZWRtLW1vZGFsLWJhY2tkcm9wXCI+XG4gIDxkaXYgY2xhc3M9XCJlZG0tbW9kYWwtY29udGVudFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cblxuICAgIDxkaXYgY2xhc3M9XCJlZG0tbW9kYWwtaGVhZGVyXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImVkbS1tb2RhbC10aXRsZVwiPnt7IHRpdGxlIH19PC9zcGFuPlxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImVkbS1tb2RhbC1jbG9zZS1idG5cIiAoY2xpY2spPVwiY2xvc2UoKVwiPlxuICAgICAgICA8aW1nIHNyYz1cIi9hc3NldHMvaW1hZ2VzL2J0LWNsb3NlLnN2Z1wiIHdpZHRoPVwiMjhweFwiIGhlaWdodD1cIjI4cHhcIiAvPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgICA8aWZyYW1lIFtzcmNdPVwic2FmZVVybFwiIGZyYW1lYm9yZGVyPVwiMFwiPjwvaWZyYW1lPlxuXG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Inject, Injector } from "@angular/core";
|
|
2
|
-
import { PickerItemComponent } from "../picker-item/picker-item.component";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class PickerComponent {
|
|
6
|
-
constructor(uiComponent, injector, elementRef) {
|
|
7
|
-
this.uiComponent = uiComponent;
|
|
8
|
-
this.injector = injector;
|
|
9
|
-
this.elementRef = elementRef;
|
|
10
|
-
this.selectedLabel = '';
|
|
11
|
-
this.open = false;
|
|
12
|
-
this.pickerItemComponent = PickerItemComponent;
|
|
13
|
-
}
|
|
14
|
-
ngOnInit() {
|
|
15
|
-
this.selectedLabel = this.uiComponent.element?.label ?? 'Selecionar';
|
|
16
|
-
}
|
|
17
|
-
onItemSelected(label) {
|
|
18
|
-
this.selectedLabel = label;
|
|
19
|
-
this.open = false;
|
|
20
|
-
}
|
|
21
|
-
trackByFn(index, _item) {
|
|
22
|
-
return index;
|
|
23
|
-
}
|
|
24
|
-
createInjector(item) {
|
|
25
|
-
return Injector.create({
|
|
26
|
-
providers: [
|
|
27
|
-
{ provide: 'uiComponent', useValue: item }
|
|
28
|
-
],
|
|
29
|
-
parent: this.injector
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
ngAfterViewInit() {
|
|
33
|
-
// if (this.uiComponent.element) {
|
|
34
|
-
// this.applyElement(this.uiComponent.element);
|
|
35
|
-
// }
|
|
36
|
-
}
|
|
37
|
-
onDocumentClick(event) {
|
|
38
|
-
const clickedInside = this.elementRef.nativeElement.contains(event.target);
|
|
39
|
-
if (!clickedInside && this.open) {
|
|
40
|
-
this.open = false;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerComponent, deps: [{ token: 'uiComponent' }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PickerComponent, isStandalone: false, selector: "edm-sdui-picker", host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"picker\">\n <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n </span></button>\n <ul *ngIf=\"open\">\n <li *ngFor=\"let item of uiComponent.components; trackBy: trackByFn\">\n <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n </li>\n </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:contents;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45
|
-
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerComponent, decorators: [{
|
|
47
|
-
type: Component,
|
|
48
|
-
args: [{ standalone: false, selector: 'edm-sdui-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"picker\">\n <button (click)=\"open = !open\">{{ selectedLabel }} <span class=\"material-symbols-outlined\">\n {{open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}}\n </span></button>\n <ul *ngIf=\"open\">\n <li *ngFor=\"let item of uiComponent.components; trackBy: trackByFn\">\n <ng-container *ngComponentOutlet=\"pickerItemComponent; injector: createInjector(item)\"></ng-container>\n </li>\n </ul>\n</div>\n", styles: [".picker{position:relative;display:inline-block}.picker button{background:none;border:none;padding:.5rem 0;min-width:160px;text-align:left;cursor:pointer;color:var(--main-1);font-weight:700;display:flex;align-items:center}.picker button span{margin-left:8px}.picker ul{position:absolute;top:100%;left:0;z-index:10;background:var(--bg);border:1px solid var(--bg);border-radius:4px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 4px 8px #0000001a;max-height:250px;overflow-y:auto}.picker li{display:contents;padding:0}\n"] }]
|
|
49
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
50
|
-
type: Inject,
|
|
51
|
-
args: ['uiComponent']
|
|
52
|
-
}] }, { type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { onDocumentClick: [{
|
|
53
|
-
type: HostListener,
|
|
54
|
-
args: ['document:click', ['$event']]
|
|
55
|
-
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvcGlja2VyL3BpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3BpY2tlci9waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQix1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUVqSixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBUzNFLE1BQU0sT0FBTyxlQUFlO0lBRzFCLFlBQ2dDLFdBQXdCLEVBQzlDLFFBQWtCLEVBQ2xCLFVBQXNCO1FBRkEsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDOUMsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNsQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBTGhDLGtCQUFhLEdBQVcsRUFBRSxDQUFDO1FBQzNCLFNBQUksR0FBRyxLQUFLLENBQUM7UUFnQmIsd0JBQW1CLEdBQUcsbUJBQW1CLENBQUM7SUFYdEMsQ0FBQztJQUVMLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxZQUFZLENBQUM7SUFDdkUsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFhO1FBQzFCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzNCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFJRCxTQUFTLENBQUMsS0FBYSxFQUFFLEtBQWtCO1FBQ3pDLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDckIsU0FBUyxFQUFFO2dCQUNULEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2FBQzNDO1lBQ0QsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3RCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxlQUFlO1FBQ2Isa0NBQWtDO1FBQ2xDLGlEQUFpRDtRQUNqRCxJQUFJO0lBQ04sQ0FBQztJQUdELGVBQWUsQ0FBQyxLQUFpQjtRQUMvQixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLENBQUM7SUFDSCxDQUFDOytHQTdDVSxlQUFlLGtCQUloQixhQUFhO21HQUpaLGVBQWUsa0pDWDVCLDhiQVVBOzs0RkRDYSxlQUFlO2tCQVAzQixTQUFTO2lDQUdJLEtBQUssWUFDUCxpQkFBaUIsbUJBQ1YsdUJBQXVCLENBQUMsTUFBTTs7MEJBTTVDLE1BQU07MkJBQUMsYUFBYTt5RkFvQ3ZCLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBJbmplY3RvciwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgVUlDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudFwiO1xuaW1wb3J0IHsgUGlja2VySXRlbUNvbXBvbmVudCB9IGZyb20gXCIuLi9waWNrZXItaXRlbS9waWNrZXItaXRlbS5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHN0eWxlVXJsOiAnLi9waWNrZXIuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG4gIHNlbGVjdG9yOiAnZWRtLXNkdWktcGlja2VyJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgc2VsZWN0ZWRMYWJlbDogc3RyaW5nID0gJyc7XG4gIG9wZW4gPSBmYWxzZTtcbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50LFxuICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZlxuICApIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRMYWJlbCA9IHRoaXMudWlDb21wb25lbnQuZWxlbWVudD8ubGFiZWwgPz8gJ1NlbGVjaW9uYXInO1xuICB9XG5cbiAgb25JdGVtU2VsZWN0ZWQobGFiZWw6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRMYWJlbCA9IGxhYmVsO1xuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICB9XG5cbiAgcGlja2VySXRlbUNvbXBvbmVudCA9IFBpY2tlckl0ZW1Db21wb25lbnQ7XG5cbiAgdHJhY2tCeUZuKGluZGV4OiBudW1iZXIsIF9pdGVtOiBVSUNvbXBvbmVudCk6IG51bWJlciB7XG4gICAgcmV0dXJuIGluZGV4O1xuICB9XG5cbiAgY3JlYXRlSW5qZWN0b3IoaXRlbTogVUlDb21wb25lbnQpOiBJbmplY3RvciB7XG4gICAgcmV0dXJuIEluamVjdG9yLmNyZWF0ZSh7XG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiAndWlDb21wb25lbnQnLCB1c2VWYWx1ZTogaXRlbSB9XG4gICAgICBdLFxuICAgICAgcGFyZW50OiB0aGlzLmluamVjdG9yXG4gICAgfSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgIC8vICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICAvLyB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXG4gIG9uRG9jdW1lbnRDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGNsaWNrZWRJbnNpZGUgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpO1xuICAgIGlmICghY2xpY2tlZEluc2lkZSAmJiB0aGlzLm9wZW4pIHtcbiAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwicGlja2VyXCI+XG4gIDxidXR0b24gKGNsaWNrKT1cIm9wZW4gPSAhb3BlblwiPnt7IHNlbGVjdGVkTGFiZWwgfX0gPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+XG4gICAge3tvcGVuID8gJ2tleWJvYXJkX2Fycm93X3VwJyA6ICdrZXlib2FyZF9hcnJvd19kb3duJ319XG4gICAgPC9zcGFuPjwvYnV0dG9uPlxuICA8dWwgKm5nSWY9XCJvcGVuXCI+XG4gICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIHVpQ29tcG9uZW50LmNvbXBvbmVudHM7IHRyYWNrQnk6IHRyYWNrQnlGblwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdDb21wb25lbnRPdXRsZXQ9XCJwaWNrZXJJdGVtQ29tcG9uZW50OyBpbmplY3RvcjogY3JlYXRlSW5qZWN0b3IoaXRlbSlcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2xpPlxuICA8L3VsPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Output } from "@angular/core";
|
|
2
|
-
import { UIActionService } from "../../../core/services/ui-action.service";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../../../core/services/ui-action.service";
|
|
5
|
-
export class PickerItemComponent {
|
|
6
|
-
constructor(uiComponent, actionService) {
|
|
7
|
-
this.uiComponent = uiComponent;
|
|
8
|
-
this.actionService = actionService;
|
|
9
|
-
this.label = '';
|
|
10
|
-
this.selected = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
this.label = this.uiComponent.element?.label ?? '';
|
|
14
|
-
}
|
|
15
|
-
onClick() {
|
|
16
|
-
const action = this.uiComponent.element?.action;
|
|
17
|
-
if (action) {
|
|
18
|
-
this.actionService.execute(action);
|
|
19
|
-
}
|
|
20
|
-
this.selected.emit(this.label);
|
|
21
|
-
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerItemComponent, deps: [{ token: 'uiComponent' }, { token: i1.UIActionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PickerItemComponent, isStandalone: false, selector: "edm-sdui-picker-item", outputs: { selected: "selected" }, ngImport: i0, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
|
-
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PickerItemComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ standalone: false, selector: 'edm-sdui-picker-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"picker-item\" (click)=\"onClick()\">\n {{ label }}\n</button>\n", styles: [".picker-item{background:none;border:none;padding:.5rem 1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;color:var(--main-1)}.picker-item:hover{background-color:var(--bt-tag-on);color:var(--font-bt-tag-on)}\n"] }]
|
|
28
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
29
|
-
type: Inject,
|
|
30
|
-
args: ['uiComponent']
|
|
31
|
-
}] }, { type: i1.UIActionService }], propDecorators: { selected: [{
|
|
32
|
-
type: Output
|
|
33
|
-
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2VyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9waWNrZXItaXRlbS9waWNrZXItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3BpY2tlci1pdGVtL3BpY2tlci1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFTM0UsTUFBTSxPQUFPLG1CQUFtQjtJQUs5QixZQUNnQyxXQUF3QixFQUM5QyxhQUE4QjtRQURSLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQzlDLGtCQUFhLEdBQWIsYUFBYSxDQUFpQjtRQU5qQyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBTTdDLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ3JELENBQUM7SUFFRCxPQUFPO1FBQ0wsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDO1FBQ2hELElBQUksTUFBTSxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNyQyxDQUFDO1FBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBcEJVLG1CQUFtQixrQkFNcEIsYUFBYTttR0FOWixtQkFBbUIsb0hDWGhDLGtGQUdBOzs0RkRRYSxtQkFBbUI7a0JBUC9CLFNBQVM7aUNBR0ksS0FBSyxZQUNQLHNCQUFzQixtQkFDZix1QkFBdUIsQ0FBQyxNQUFNOzswQkFRNUMsTUFBTTsyQkFBQyxhQUFhO3VFQUpiLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgVUlDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudFwiO1xuaW1wb3J0IHsgVUlBY3Rpb25TZXJ2aWNlIH0gZnJvbSBcIi4uLy4uLy4uL2NvcmUvc2VydmljZXMvdWktYWN0aW9uLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHN0eWxlVXJsOiAnLi9waWNrZXItaXRlbS5jb21wb25lbnQuc2NzcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9waWNrZXItaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxuICBzZWxlY3RvcjogJ2VkbS1zZHVpLXBpY2tlci1pdGVtJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUGlja2VySXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBsYWJlbDogc3RyaW5nID0gJyc7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50LFxuICAgIHByaXZhdGUgYWN0aW9uU2VydmljZTogVUlBY3Rpb25TZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVsID0gdGhpcy51aUNvbXBvbmVudC5lbGVtZW50Py5sYWJlbCA/PyAnJztcbiAgfVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgY29uc3QgYWN0aW9uID0gdGhpcy51aUNvbXBvbmVudC5lbGVtZW50Py5hY3Rpb247XG4gICAgaWYgKGFjdGlvbikge1xuICAgICAgdGhpcy5hY3Rpb25TZXJ2aWNlLmV4ZWN1dGUoYWN0aW9uKTtcbiAgICB9XG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMubGFiZWwpO1xuICB9XG5cbn1cbiIsIjxidXR0b24gY2xhc3M9XCJwaWNrZXItaXRlbVwiIChjbGljayk9XCJvbkNsaWNrKClcIj5cbiAge3sgbGFiZWwgfX1cbjwvYnV0dG9uPlxuIl19
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
|
|
2
|
-
import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
|
|
3
|
-
import { FontSizeMappingService } from '../../../core/services/font-size-mapping.service';
|
|
4
|
-
import { assetMapping } from '../../../core/uitheme/mapping/asset-mapping';
|
|
5
|
-
import { UITextStyle } from '../../../core/uitheme/enums/uitext-style';
|
|
6
|
-
import { UIColor } from '../../../core/uitheme/enums/uicolor';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "../../../core/services/font-size-mapping.service";
|
|
9
|
-
import * as i2 from "@angular/common";
|
|
10
|
-
import * as i3 from "../../../directives/uiview.directive";
|
|
11
|
-
export class ProfileButtonComponent {
|
|
12
|
-
constructor(uiComponent, renderer, fontSizeMappingService) {
|
|
13
|
-
this.uiComponent = uiComponent;
|
|
14
|
-
this.renderer = renderer;
|
|
15
|
-
this.fontSizeMappingService = fontSizeMappingService;
|
|
16
|
-
}
|
|
17
|
-
ngOnInit() {
|
|
18
|
-
}
|
|
19
|
-
ngAfterViewInit() {
|
|
20
|
-
if (this.uiComponent.element) {
|
|
21
|
-
this.applyElement(this.uiComponent.element);
|
|
22
|
-
// esperar o layout para medir o texto já com estilos aplicados
|
|
23
|
-
setTimeout(() => this.fitLabelToTwoLines(), 0);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
applyElement(element) {
|
|
27
|
-
if (element.textColor) {
|
|
28
|
-
const color = colorMapping[element.textColor];
|
|
29
|
-
this.renderer.setStyle(this.profileButtonElementRef.nativeElement, 'color', color);
|
|
30
|
-
}
|
|
31
|
-
if (element.textStyle) {
|
|
32
|
-
const textStyleMappingFontSize = this.fontSizeMappingService.getMapping();
|
|
33
|
-
const fontSize = textStyleMappingFontSize[element.textStyle];
|
|
34
|
-
this.renderer.setStyle(this.profileButtonElementRef.nativeElement, 'font-size', fontSize);
|
|
35
|
-
}
|
|
36
|
-
this.renderer.setStyle(this.profileButtonLabelElementRef.nativeElement, 'font-size', this.fontSizeMappingService.getMapping()[UITextStyle.CAPTION_2]);
|
|
37
|
-
this.renderer.setStyle(this.profileButtonLabelElementRef.nativeElement, 'color', colorMapping[UIColor.MAIN1]);
|
|
38
|
-
}
|
|
39
|
-
fitLabelToTwoLines(maxLines = 2, minFontSizePx = 10) {
|
|
40
|
-
if (typeof window === 'undefined') {
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
const labelElement = this.profileButtonLabelElementRef?.nativeElement;
|
|
44
|
-
if (!labelElement) {
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
|
-
const computedStyles = window.getComputedStyle(labelElement);
|
|
48
|
-
let fontSize = parseFloat(computedStyles.fontSize);
|
|
49
|
-
if (!Number.isFinite(fontSize)) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
const lineHeight = computedStyles.lineHeight === 'normal'
|
|
53
|
-
? fontSize * 1.2
|
|
54
|
-
: parseFloat(computedStyles.lineHeight);
|
|
55
|
-
if (!Number.isFinite(lineHeight) || lineHeight <= 0) {
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
const lineHeightRatio = lineHeight / fontSize;
|
|
59
|
-
const applyMetrics = () => {
|
|
60
|
-
const currentLineHeight = lineHeightRatio * fontSize;
|
|
61
|
-
const allowedHeight = currentLineHeight * maxLines;
|
|
62
|
-
this.renderer.setStyle(labelElement, 'line-height', `${currentLineHeight}px`);
|
|
63
|
-
this.renderer.setStyle(labelElement, 'max-height', `${allowedHeight}px`);
|
|
64
|
-
return allowedHeight;
|
|
65
|
-
};
|
|
66
|
-
const fits = (allowedHeight) => {
|
|
67
|
-
const EPSILON = 0.5;
|
|
68
|
-
const availableWidth = labelElement.clientWidth;
|
|
69
|
-
if (availableWidth <= 0) {
|
|
70
|
-
return true;
|
|
71
|
-
}
|
|
72
|
-
return (labelElement.scrollHeight <= allowedHeight + EPSILON &&
|
|
73
|
-
labelElement.scrollWidth <= availableWidth + EPSILON);
|
|
74
|
-
};
|
|
75
|
-
this.renderer.removeClass(labelElement, 'truncate');
|
|
76
|
-
this.renderer.removeStyle(labelElement, 'height');
|
|
77
|
-
let allowedHeight = applyMetrics();
|
|
78
|
-
let contentFits = fits(allowedHeight);
|
|
79
|
-
while (!contentFits && fontSize > minFontSizePx) {
|
|
80
|
-
fontSize -= 1;
|
|
81
|
-
this.renderer.setStyle(labelElement, 'font-size', `${fontSize}px`);
|
|
82
|
-
allowedHeight = applyMetrics();
|
|
83
|
-
contentFits = fits(allowedHeight);
|
|
84
|
-
}
|
|
85
|
-
if (!contentFits) {
|
|
86
|
-
this.renderer.addClass(labelElement, 'truncate');
|
|
87
|
-
}
|
|
88
|
-
else {
|
|
89
|
-
this.renderer.removeClass(labelElement, 'truncate');
|
|
90
|
-
this.renderer.removeStyle(labelElement, 'max-height');
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
getAssetPath(asset) {
|
|
94
|
-
return assetMapping[asset];
|
|
95
|
-
}
|
|
96
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProfileButtonComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }, { token: i1.FontSizeMappingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
97
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ProfileButtonComponent, isStandalone: false, selector: "edm-sdui-profile-button", viewQueries: [{ propertyName: "profileButtonElementRef", first: true, predicate: ["profileButtonElement"], descendants: true }, { propertyName: "profileButtonLabelElementRef", first: true, predicate: ["profileButtonLabelElement"], descendants: true }, { propertyName: "profileButtonImageElementRef", first: true, predicate: ["profileButtonImageElement"], descendants: true }], ngImport: i0, template: "<button #profileButtonElement [edmSduiView]=\"uiComponent.element\" class=\"profile-button\" *ngIf=\"uiComponent\">\n <img #profileButtonImageElement *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"Profile\" class=\"profile-image\">\n <span #profileButtonLabelElement class=\"profile-label\">{{ uiComponent.element.label }}</span>\n</button>\n", styles: [":host{display:contents}.profile-button{display:flex;padding:16px 16px 0;border-radius:20px;background-color:var(--bt-profile);border:none;cursor:pointer;flex-direction:column;height:108px;width:108px;align-items:start;justify-content:start;gap:24px}.profile-button:hover{background-color:#0000000d;cursor:pointer}.profile-button .profile-image{width:24px;height:24px}.profile-button .profile-label{max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-align:left;overflow:hidden;display:block}.profile-button .profile-label.truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
98
|
-
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProfileButtonComponent, decorators: [{
|
|
100
|
-
type: Component,
|
|
101
|
-
args: [{ selector: 'edm-sdui-profile-button', standalone: false, template: "<button #profileButtonElement [edmSduiView]=\"uiComponent.element\" class=\"profile-button\" *ngIf=\"uiComponent\">\n <img #profileButtonImageElement *ngIf=\"uiComponent.element.asset\" [src]=\"getAssetPath(uiComponent.element.asset)\" alt=\"Profile\" class=\"profile-image\">\n <span #profileButtonLabelElement class=\"profile-label\">{{ uiComponent.element.label }}</span>\n</button>\n", styles: [":host{display:contents}.profile-button{display:flex;padding:16px 16px 0;border-radius:20px;background-color:var(--bt-profile);border:none;cursor:pointer;flex-direction:column;height:108px;width:108px;align-items:start;justify-content:start;gap:24px}.profile-button:hover{background-color:#0000000d;cursor:pointer}.profile-button .profile-image{width:24px;height:24px}.profile-button .profile-label{max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:normal;text-align:left;overflow:hidden;display:block}.profile-button .profile-label.truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}\n"] }]
|
|
102
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
103
|
-
type: Inject,
|
|
104
|
-
args: ['uiComponent']
|
|
105
|
-
}] }, { type: i0.Renderer2 }, { type: i1.FontSizeMappingService }], propDecorators: { profileButtonElementRef: [{
|
|
106
|
-
type: ViewChild,
|
|
107
|
-
args: ['profileButtonElement']
|
|
108
|
-
}], profileButtonLabelElementRef: [{
|
|
109
|
-
type: ViewChild,
|
|
110
|
-
args: ['profileButtonLabelElement']
|
|
111
|
-
}], profileButtonImageElementRef: [{
|
|
112
|
-
type: ViewChild,
|
|
113
|
-
args: ['profileButtonImageElement']
|
|
114
|
-
}] } });
|
|
115
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zZHVpL3NyYy9saWIvY29tcG9uZW50cy91aWNvbXBvbmVudC9wcm9maWxlLWJ1dHRvbi9wcm9maWxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3Byb2ZpbGUtYnV0dG9uL3Byb2ZpbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFM0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7Ozs7QUFROUQsTUFBTSxPQUFPLHNCQUFzQjtJQUtqQyxZQUNnQyxXQUF3QixFQUM5QyxRQUFtQixFQUNuQixzQkFBOEM7UUFGeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDOUMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQiwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO0lBQ3JELENBQUM7SUFFSixRQUFRO0lBQ1IsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FB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Q0FBQztRQUNuRCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxVQUFVLENBQUMsQ0FBQztZQUNwRCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDLENBQUM7UUFDeEQsQ0FBQztJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsS0FBYztRQUN6QixPQUFPLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDOytHQS9IVSxzQkFBc0Isa0JBTXZCLGFBQWE7bUdBTlosc0JBQXNCLDZjQ3hCbkMsdVlBSUE7OzRGRG9CYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UseUJBQXlCLGNBR3ZCLEtBQUs7OzBCQVFkLE1BQU07MkJBQUMsYUFBYTtzR0FMWSx1QkFBdUI7c0JBQXpELFNBQVM7dUJBQUMsc0JBQXNCO2dCQUNPLDRCQUE0QjtzQkFBbkUsU0FBUzt1QkFBQywyQkFBMkI7Z0JBQ0UsNEJBQTRCO3NCQUFuRSxTQUFTO3VCQUFDLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5qZWN0LFxuICBPbkluaXQsXG4gIFJlbmRlcmVyMixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVJQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aWNvbXBvc2l0aW9uL21vZGVscy91aWNvbXBvbmVudCc7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpZWxlbWVudCc7XG5pbXBvcnQgeyBjb2xvck1hcHBpbmcgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9jb2xvci1tYXBwaW5nJztcbmltcG9ydCB7IEZvbnRTaXplTWFwcGluZ1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3NlcnZpY2VzL2ZvbnQtc2l6ZS1tYXBwaW5nLnNlcnZpY2UnO1xuaW1wb3J0IHsgYXNzZXRNYXBwaW5nIH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL21hcHBpbmcvYXNzZXQtbWFwcGluZyc7XG5pbXBvcnQgeyBVSUFzc2V0IH0gZnJvbSAnLi4vLi4vLi4vY29yZS91aXRoZW1lL2VudW1zL3VpYXNzZXQnO1xuaW1wb3J0IHsgVUlUZXh0U3R5bGUgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvZW51bXMvdWl0ZXh0LXN0eWxlJztcbmltcG9ydCB7IFVJQ29sb3IgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvZW51bXMvdWljb2xvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLXByb2ZpbGUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2ZpbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3Byb2ZpbGUtYnV0dG9uLmNvbXBvbmVudC5zY3NzJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFByb2ZpbGVCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBAVmlld0NoaWxkKCdwcm9maWxlQnV0dG9uRWxlbWVudCcpIHByb2ZpbGVCdXR0b25FbGVtZW50UmVmITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ3Byb2ZpbGVCdXR0b25MYWJlbEVsZW1lbnQnKSBwcm9maWxlQnV0dG9uTGFiZWxFbGVtZW50UmVmITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ3Byb2ZpbGVCdXR0b25JbWFnZUVsZW1lbnQnKSBwcm9maWxlQnV0dG9uSW1hZ2VFbGVtZW50UmVmITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdCgndWlDb21wb25lbnQnKSBwdWJsaWMgdWlDb21wb25lbnQ6IFVJQ29tcG9uZW50LFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwcml2YXRlIGZvbnRTaXplTWFwcGluZ1NlcnZpY2U6IEZvbnRTaXplTWFwcGluZ1NlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnVpQ29tcG9uZW50LmVsZW1lbnQpIHtcbiAgICAgIHRoaXMuYXBwbHlFbGVtZW50KHRoaXMudWlDb21wb25lbnQuZWxlbWVudCk7XG4gICAgICAvLyBlc3BlcmFyIG8gbGF5b3V0IHBhcmEgbWVkaXIgbyB0ZXh0byBqw6EgY29tIGVzdGlsb3MgYXBsaWNhZG9zXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuZml0TGFiZWxUb1R3b0xpbmVzKCksIDApO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgYXBwbHlFbGVtZW50KGVsZW1lbnQ6IFVJRWxlbWVudCkge1xuICAgIGlmIChlbGVtZW50LnRleHRDb2xvcikge1xuICAgICAgY29uc3QgY29sb3IgPSBjb2xvck1hcHBpbmdbZWxlbWVudC50ZXh0Q29sb3JdO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgdGhpcy5wcm9maWxlQnV0dG9uRWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAnY29sb3InLFxuICAgICAgICBjb2xvclxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoZWxlbWVudC50ZXh0U3R5bGUpIHtcbiAgICAgIGNvbnN0IHRleHRTdHlsZU1hcHBpbmdGb250U2l6ZSA9IHRoaXMuZm9udFNpemVNYXBwaW5nU2VydmljZS5nZXRNYXBwaW5nKCk7XG4gICAgICBjb25zdCBmb250U2l6ZSA9IHRleHRTdHlsZU1hcHBpbmdGb250U2l6ZVtlbGVtZW50LnRleHRTdHlsZV07XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICB0aGlzLnByb2ZpbGVCdXR0b25FbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICdmb250LXNpemUnLFxuICAgICAgICBmb250U2l6ZVxuICAgICAgKTtcbiAgICB9XG5cblxuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICB0aGlzLnByb2ZpbGVCdXR0b25MYWJlbEVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICdmb250LXNpemUnLFxuICAgICAgdGhpcy5mb250U2l6ZU1hcHBpbmdTZXJ2aWNlLmdldE1hcHBpbmcoKVtVSVRleHRTdHlsZS5DQVBUSU9OXzJdXG4gICAgKTtcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgdGhpcy5wcm9maWxlQnV0dG9uTGFiZWxFbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAnY29sb3InLFxuICAgICAgY29sb3JNYXBwaW5nW1VJQ29sb3IuTUFJTjFdXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgZml0TGFiZWxUb1R3b0xpbmVzKG1heExpbmVzID0gMiwgbWluRm9udFNpemVQeCA9IDEwKSB7XG4gICAgaWYgKHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbGFiZWxFbGVtZW50ID0gdGhpcy5wcm9maWxlQnV0dG9uTGFiZWxFbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghbGFiZWxFbGVtZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgY29tcHV0ZWRTdHlsZXMgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShsYWJlbEVsZW1lbnQpO1xuICAgIGxldCBmb250U2l6ZSA9IHBhcnNlRmxvYXQoY29tcHV0ZWRTdHlsZXMuZm9udFNpemUpO1xuXG4gICAgaWYgKCFOdW1iZXIuaXNGaW5pdGUoZm9udFNpemUpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbGluZUhlaWdodCA9IGNvbXB1dGVkU3R5bGVzLmxpbmVIZWlnaHQgPT09ICdub3JtYWwnXG4gICAgICA/IGZvbnRTaXplICogMS4yXG4gICAgICA6IHBhcnNlRmxvYXQoY29tcHV0ZWRTdHlsZXMubGluZUhlaWdodCk7XG5cbiAgICBpZiAoIU51bWJlci5pc0Zpbml0ZShsaW5lSGVpZ2h0KSB8fCBsaW5lSGVpZ2h0IDw9IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBsaW5lSGVpZ2h0UmF0aW8gPSBsaW5lSGVpZ2h0IC8gZm9udFNpemU7XG5cbiAgICBjb25zdCBhcHBseU1ldHJpY3MgPSAoKSA9PiB7XG4gICAgICBjb25zdCBjdXJyZW50TGluZUhlaWdodCA9IGxpbmVIZWlnaHRSYXRpbyAqIGZvbnRTaXplO1xuICAgICAgY29uc3QgYWxsb3dlZEhlaWdodCA9IGN1cnJlbnRMaW5lSGVpZ2h0ICogbWF4TGluZXM7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGxhYmVsRWxlbWVudCwgJ2xpbmUtaGVpZ2h0JywgYCR7Y3VycmVudExpbmVIZWlnaHR9cHhgKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUobGFiZWxFbGVtZW50LCAnbWF4LWhlaWdodCcsIGAke2FsbG93ZWRIZWlnaHR9cHhgKTtcbiAgICAgIHJldHVybiBhbGxvd2VkSGVpZ2h0O1xuICAgIH07XG5cbiAgICBjb25zdCBmaXRzID0gKGFsbG93ZWRIZWlnaHQ6IG51bWJlcikgPT4ge1xuICAgICAgY29uc3QgRVBTSUxPTiA9IDAuNTtcbiAgICAgIGNvbnN0IGF2YWlsYWJsZVdpZHRoID0gbGFiZWxFbGVtZW50LmNsaWVudFdpZHRoO1xuXG4gICAgICBpZiAoYXZhaWxhYmxlV2lkdGggPD0gMCkge1xuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgbGFiZWxFbGVtZW50LnNjcm9sbEhlaWdodCA8PSBhbGxvd2VkSGVpZ2h0ICsgRVBTSUxPTiAmJlxuICAgICAgICBsYWJlbEVsZW1lbnQuc2Nyb2xsV2lkdGggPD0gYXZhaWxhYmxlV2lkdGggKyBFUFNJTE9OXG4gICAgICApO1xuICAgIH07XG5cbiAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKGxhYmVsRWxlbWVudCwgJ3RydW5jYXRlJyk7XG4gICAgdGhpcy5yZW5kZXJlci5yZW1vdmVTdHlsZShsYWJlbEVsZW1lbnQsICdoZWlnaHQnKTtcblxuICAgIGxldCBhbGxvd2VkSGVpZ2h0ID0gYXBwbHlNZXRyaWNzKCk7XG4gICAgbGV0IGNvbnRlbnRGaXRzID0gZml0cyhhbGxvd2VkSGVpZ2h0KTtcblxuICAgIHdoaWxlICghY29udGVudEZpdHMgJiYgZm9udFNpemUgPiBtaW5Gb250U2l6ZVB4KSB7XG4gICAgICBmb250U2l6ZSAtPSAxO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShsYWJlbEVsZW1lbnQsICdmb250LXNpemUnLCBgJHtmb250U2l6ZX1weGApO1xuICAgICAgYWxsb3dlZEhlaWdodCA9IGFwcGx5TWV0cmljcygpO1xuICAgICAgY29udGVudEZpdHMgPSBmaXRzKGFsbG93ZWRIZWlnaHQpO1xuICAgIH1cblxuICAgIGlmICghY29udGVudEZpdHMpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MobGFiZWxFbGVtZW50LCAndHJ1bmNhdGUnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhsYWJlbEVsZW1lbnQsICd0cnVuY2F0ZScpO1xuICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVTdHlsZShsYWJlbEVsZW1lbnQsICdtYXgtaGVpZ2h0Jyk7XG4gICAgfVxuICB9XG5cbiAgZ2V0QXNzZXRQYXRoKGFzc2V0OiBVSUFzc2V0KSB7XG4gICAgcmV0dXJuIGFzc2V0TWFwcGluZ1thc3NldF07XG4gIH1cbn1cbiIsIjxidXR0b24gI3Byb2ZpbGVCdXR0b25FbGVtZW50IFtlZG1TZHVpVmlld109XCJ1aUNvbXBvbmVudC5lbGVtZW50XCIgY2xhc3M9XCJwcm9maWxlLWJ1dHRvblwiICpuZ0lmPVwidWlDb21wb25lbnRcIj5cbiAgPGltZyAjcHJvZmlsZUJ1dHRvbkltYWdlRWxlbWVudCAqbmdJZj1cInVpQ29tcG9uZW50LmVsZW1lbnQuYXNzZXRcIiBbc3JjXT1cImdldEFzc2V0UGF0aCh1aUNvbXBvbmVudC5lbGVtZW50LmFzc2V0KVwiIGFsdD1cIlByb2ZpbGVcIiBjbGFzcz1cInByb2ZpbGUtaW1hZ2VcIj5cbiAgPHNwYW4gI3Byb2ZpbGVCdXR0b25MYWJlbEVsZW1lbnQgY2xhc3M9XCJwcm9maWxlLWxhYmVsXCI+e3sgdWlDb21wb25lbnQuZWxlbWVudC5sYWJlbCB9fTwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { Component, ElementRef, Inject, Renderer2, ViewChild, } from '@angular/core';
|
|
2
|
-
import { colorMapping } from '../../../core/uitheme/mapping/color-mapping';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "../../../directives/uiview.directive";
|
|
6
|
-
export class ProgressBarComponent {
|
|
7
|
-
constructor(uiComponent, renderer) {
|
|
8
|
-
this.uiComponent = uiComponent;
|
|
9
|
-
this.renderer = renderer;
|
|
10
|
-
}
|
|
11
|
-
ngOnInit() {
|
|
12
|
-
}
|
|
13
|
-
ngAfterViewInit() {
|
|
14
|
-
if (this.uiComponent.element) {
|
|
15
|
-
this.applyElement(this.uiComponent.element);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
applyElement(element) {
|
|
19
|
-
// Set progress value if available
|
|
20
|
-
if (element.progress) {
|
|
21
|
-
const progressValue = Math.min(Math.max(element.progress, 0), 1) * 100;
|
|
22
|
-
this.renderer.setStyle(this.progressFillElementRef.nativeElement, 'width', `${progressValue}%`);
|
|
23
|
-
}
|
|
24
|
-
if (element.progressColor) {
|
|
25
|
-
const color = colorMapping[element.progressColor];
|
|
26
|
-
this.renderer.setStyle(this.progressFillElementRef.nativeElement, 'background-color', color);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, deps: [{ token: 'uiComponent' }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ProgressBarComponent, isStandalone: false, selector: "edm-sdui-progress-bar", viewQueries: [{ propertyName: "progressFillElementRef", first: true, predicate: ["progressFillElement"], descendants: true }], ngImport: i0, template: "<div [edmSduiView]=\"uiComponent.element\" class=\"progress-bar-container\" *ngIf=\"uiComponent\">\n <div #progressFillElement class=\"progress-bar-fill\"></div>\n</div>\n", styles: [":host{display:contents}.progress-bar-container{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:4px;overflow:clip}.progress-bar-container .progress-bar-fill{height:100%;width:0;background-color:#2196f3;transition:width .3s ease}.progress-bar-container .progress-bar-label{position:absolute;top:100%;left:0;width:100%;text-align:center;font-size:12px;margin-top:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
31
|
-
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{ selector: 'edm-sdui-progress-bar', standalone: false, template: "<div [edmSduiView]=\"uiComponent.element\" class=\"progress-bar-container\" *ngIf=\"uiComponent\">\n <div #progressFillElement class=\"progress-bar-fill\"></div>\n</div>\n", styles: [":host{display:contents}.progress-bar-container{position:relative;width:100%;height:5px;background-color:#e0e0e0;border-radius:4px;overflow:clip}.progress-bar-container .progress-bar-fill{height:100%;width:0;background-color:#2196f3;transition:width .3s ease}.progress-bar-container .progress-bar-label{position:absolute;top:100%;left:0;width:100%;text-align:center;font-size:12px;margin-top:4px}\n"] }]
|
|
35
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
36
|
-
type: Inject,
|
|
37
|
-
args: ['uiComponent']
|
|
38
|
-
}] }, { type: i0.Renderer2 }], propDecorators: { progressFillElementRef: [{
|
|
39
|
-
type: ViewChild,
|
|
40
|
-
args: ['progressFillElement']
|
|
41
|
-
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUVOLFNBQVMsRUFDVCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBVzNFLE1BQU0sT0FBTyxvQkFBb0I7SUFHL0IsWUFDZ0MsV0FBd0IsRUFDOUMsUUFBbUI7UUFERyxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUM5QyxhQUFRLEdBQVIsUUFBUSxDQUFXO0lBQzFCLENBQUM7SUFFSixRQUFRO0lBQ1IsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDO0lBRU8sWUFBWSxDQUFDLE9BQWtCO1FBQ3JDLGtDQUFrQztRQUNsQyxJQUFJLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNyQixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7WUFDdkUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ3BCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxhQUFhLEVBQ3pDLE9BQU8sRUFDUCxHQUFHLGFBQWEsR0FBRyxDQUNwQixDQUFDO1FBQ0osQ0FBQztRQUVELElBQUksT0FBTyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzFCLE1BQU0sS0FBSyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDbEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ3BCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxhQUFhLEVBQ3pDLGtCQUFrQixFQUNsQixLQUFLLENBQ04sQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDOytHQXBDVSxvQkFBb0Isa0JBSXJCLGFBQWE7bUdBSlosb0JBQW9CLGlOQ3RCakMsOEtBR0E7OzRGRG1CYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBR3JCLEtBQUs7OzBCQU1kLE1BQU07MkJBQUMsYUFBYTtpRUFIVyxzQkFBc0I7c0JBQXZELFNBQVM7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbmplY3QsXG4gIE9uSW5pdCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVUlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpY29tcG9zaXRpb24vbW9kZWxzL3VpY29tcG9uZW50JztcbmltcG9ydCB7IFVJRWxlbWVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWllbGVtZW50JztcbmltcG9ydCB7IGNvbG9yTWFwcGluZyB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWl0aGVtZS9tYXBwaW5nL2NvbG9yLW1hcHBpbmcnO1xuaW1wb3J0IHsgRm9udFNpemVNYXBwaW5nU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZXMvZm9udC1zaXplLW1hcHBpbmcuc2VydmljZSc7XG5pbXBvcnQgeyBhc3NldE1hcHBpbmcgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvbWFwcGluZy9hc3NldC1tYXBwaW5nJztcbmltcG9ydCB7IFVJQXNzZXQgfSBmcm9tICcuLi8uLi8uLi9jb3JlL3VpdGhlbWUvZW51bXMvdWlhc3NldCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VkbS1zZHVpLXByb2dyZXNzLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFByb2dyZXNzQmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgncHJvZ3Jlc3NGaWxsRWxlbWVudCcpIHByb2dyZXNzRmlsbEVsZW1lbnRSZWYhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KCd1aUNvbXBvbmVudCcpIHB1YmxpYyB1aUNvbXBvbmVudDogVUlDb21wb25lbnQsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICApIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudWlDb21wb25lbnQuZWxlbWVudCkge1xuICAgICAgdGhpcy5hcHBseUVsZW1lbnQodGhpcy51aUNvbXBvbmVudC5lbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFwcGx5RWxlbWVudChlbGVtZW50OiBVSUVsZW1lbnQpIHtcbiAgICAvLyBTZXQgcHJvZ3Jlc3MgdmFsdWUgaWYgYXZhaWxhYmxlXG4gICAgaWYgKGVsZW1lbnQucHJvZ3Jlc3MpIHtcbiAgICAgIGNvbnN0IHByb2dyZXNzVmFsdWUgPSBNYXRoLm1pbihNYXRoLm1heChlbGVtZW50LnByb2dyZXNzLCAwKSwgMSkgKiAxMDA7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICB0aGlzLnByb2dyZXNzRmlsbEVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgJ3dpZHRoJyxcbiAgICAgICAgYCR7cHJvZ3Jlc3NWYWx1ZX0lYFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoZWxlbWVudC5wcm9ncmVzc0NvbG9yKSB7XG4gICAgICBjb25zdCBjb2xvciA9IGNvbG9yTWFwcGluZ1tlbGVtZW50LnByb2dyZXNzQ29sb3JdO1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgdGhpcy5wcm9ncmVzc0ZpbGxFbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICdiYWNrZ3JvdW5kLWNvbG9yJyxcbiAgICAgICAgY29sb3JcbiAgICAgICk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IFtlZG1TZHVpVmlld109XCJ1aUNvbXBvbmVudC5lbGVtZW50XCIgY2xhc3M9XCJwcm9ncmVzcy1iYXItY29udGFpbmVyXCIgKm5nSWY9XCJ1aUNvbXBvbmVudFwiPlxuICA8ZGl2ICNwcm9ncmVzc0ZpbGxFbGVtZW50IGNsYXNzPVwicHJvZ3Jlc3MtYmFyLWZpbGxcIj48L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Component, Inject } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../uicomponent.component";
|
|
5
|
-
import * as i3 from "../../../directives/uiview.directive";
|
|
6
|
-
export class RowComponent {
|
|
7
|
-
constructor(uiComponent) {
|
|
8
|
-
this.uiComponent = uiComponent;
|
|
9
|
-
}
|
|
10
|
-
ngOnInit() {
|
|
11
|
-
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowComponent, deps: [{ token: 'uiComponent' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: RowComponent, isStandalone: false, selector: "edm-sdui-row", ngImport: i0, template: "<div\n class=\"row-1\"\n *ngIf=\"uiComponent\"\n [edmSduiView]=\"uiComponent.element\"\n [class.row-fixed]=\"\n uiComponent.element?.size\"\n>\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}.row-fixed{flex:0 0 auto;max-width:100%;box-sizing:border-box}@media (max-width: 565px){.row-fixed{max-width:none;width:auto}.row-fixed>*{flex-shrink:0;min-width:100%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UIComponentComponent, selector: "edm-sdui-component", inputs: ["uiComponent", "translateLabel"] }, { kind: "directive", type: i3.UIViewDirective, selector: "[edmSduiView]", inputs: ["edmSduiView", "disableClick"] }] }); }
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: RowComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ selector: 'edm-sdui-row', standalone: false, template: "<div\n class=\"row-1\"\n *ngIf=\"uiComponent\"\n [edmSduiView]=\"uiComponent.element\"\n [class.row-fixed]=\"\n uiComponent.element?.size\"\n>\n <edm-sdui-component\n *ngFor=\"let component of uiComponent.components\"\n [uiComponent]=\"component\"\n >\n </edm-sdui-component>\n</div>\n", styles: [":host{display:contents}.row-1{display:flex;flex-direction:row;align-items:center}.row-fixed{flex:0 0 auto;max-width:100%;box-sizing:border-box}@media (max-width: 565px){.row-fixed{max-width:none;width:auto}.row-fixed>*{flex-shrink:0;min-width:100%}}\n"] }]
|
|
18
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
19
|
-
type: Inject,
|
|
20
|
-
args: ['uiComponent']
|
|
21
|
-
}] }] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc2R1aS9zcmMvbGliL2NvbXBvbmVudHMvdWljb21wb25lbnQvcm93L3Jvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3NkdWkvc3JjL2xpYi9jb21wb25lbnRzL3VpY29tcG9uZW50L3Jvdy9yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUzFELE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFlBQTBDLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO0lBQUcsQ0FBQztJQUV0RSxRQUFRO0lBQ1IsQ0FBQzsrR0FKVSxZQUFZLGtCQUNILGFBQWE7bUdBRHRCLFlBQVkseUVDVHpCLCtTQWFBOzs0RkRKYSxZQUFZO2tCQU54QixTQUFTOytCQUNFLGNBQWMsY0FHWixLQUFLOzswQkFHSixNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVSUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvdWljb21wb3NpdGlvbi9tb2RlbHMvdWljb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZG0tc2R1aS1yb3cnLFxuICBzdHlsZVVybDogJy4vcm93LmNvbXBvbmVudC5zY3NzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jvdy5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBSb3dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjb25zdHJ1Y3RvcihASW5qZWN0KCd1aUNvbXBvbmVudCcpIHB1YmxpYyB1aUNvbXBvbmVudDogVUlDb21wb25lbnQpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJyb3ctMVwiXG4gICpuZ0lmPVwidWlDb21wb25lbnRcIlxuICBbZWRtU2R1aVZpZXddPVwidWlDb21wb25lbnQuZWxlbWVudFwiXG4gIFtjbGFzcy5yb3ctZml4ZWRdPVwiXG4gICAgdWlDb21wb25lbnQuZWxlbWVudD8uc2l6ZVwiXG4+XG4gIDxlZG0tc2R1aS1jb21wb25lbnRcbiAgICAqbmdGb3I9XCJsZXQgY29tcG9uZW50IG9mIHVpQ29tcG9uZW50LmNvbXBvbmVudHNcIlxuICAgIFt1aUNvbXBvbmVudF09XCJjb21wb25lbnRcIlxuICA+XG4gIDwvZWRtLXNkdWktY29tcG9uZW50PlxuPC9kaXY+XG4iXX0=
|