valtech-components 2.0.62 → 2.0.63
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/esm2022/lib/components/atoms/avatar/avatar.component.mjs +31 -0
- package/esm2022/lib/components/atoms/avatar/types.mjs +2 -0
- package/esm2022/lib/components/atoms/box/box.component.mjs +52 -0
- package/esm2022/lib/components/atoms/box/types.mjs +2 -0
- package/esm2022/lib/components/atoms/button/button.component.mjs +70 -0
- package/esm2022/lib/components/atoms/button/factory.mjs +217 -0
- package/esm2022/lib/components/atoms/display/display.component.mjs +28 -0
- package/esm2022/lib/components/atoms/display/types.mjs +2 -0
- package/esm2022/lib/components/atoms/divider/divider.component.mjs +17 -0
- package/esm2022/lib/components/atoms/divider/types.mjs +2 -0
- package/esm2022/lib/components/atoms/href/href.component.mjs +51 -0
- package/esm2022/lib/components/atoms/href/types.mjs +2 -0
- package/esm2022/lib/components/atoms/icon/icon.component.mjs +19 -0
- package/esm2022/lib/components/atoms/icon/types.mjs +2 -0
- package/esm2022/lib/components/atoms/image/image.component.mjs +50 -0
- package/esm2022/lib/components/atoms/image/types.mjs +2 -0
- package/esm2022/lib/components/atoms/progress-bar/progress-bar.component.mjs +36 -0
- package/esm2022/lib/components/atoms/progress-bar/types.mjs +2 -0
- package/esm2022/lib/components/atoms/text/text.component.mjs +24 -0
- package/esm2022/lib/components/atoms/text/types.mjs +2 -0
- package/esm2022/lib/components/atoms/title/title.component.mjs +31 -0
- package/esm2022/lib/components/atoms/title/types.mjs +2 -0
- package/esm2022/lib/components/molecules/alert-box/alert-box.component.mjs +32 -0
- package/esm2022/lib/components/molecules/alert-box/types.mjs +2 -0
- package/esm2022/lib/components/molecules/button-group/button-group.component.mjs +49 -0
- package/esm2022/lib/components/molecules/button-group/types.mjs +2 -0
- package/esm2022/lib/components/molecules/card/card.component.mjs +365 -0
- package/esm2022/lib/components/molecules/card/types.mjs +16 -0
- package/esm2022/lib/components/molecules/check-input/check-input.component.mjs +15 -0
- package/esm2022/lib/components/molecules/comment-input/comment-input.component.mjs +23 -0
- package/esm2022/lib/components/molecules/content-loader/content-loader.component.mjs +32 -0
- package/esm2022/lib/components/molecules/content-loader/types.mjs +2 -0
- package/esm2022/lib/components/molecules/date-input/date-input.component.mjs +73 -0
- package/esm2022/lib/components/molecules/email-input/email-input.component.mjs +19 -0
- package/esm2022/lib/components/molecules/expandable-text/expandable-text.component.mjs +58 -0
- package/esm2022/lib/components/molecules/expandable-text/types.mjs +2 -0
- package/esm2022/lib/components/molecules/file-input/file-input.component.mjs +69 -0
- package/esm2022/lib/components/molecules/hint/hint.component.mjs +52 -0
- package/esm2022/lib/components/molecules/hour-input/hour-input.component.mjs +18 -0
- package/esm2022/lib/components/molecules/link/link.component.mjs +53 -0
- package/esm2022/lib/components/molecules/link/types.mjs +2 -0
- package/esm2022/lib/components/molecules/links-cake/links-cake.component.mjs +37 -0
- package/esm2022/lib/components/molecules/links-cake/types.mjs +2 -0
- package/esm2022/lib/components/molecules/notes-box/notes-box.component.mjs +33 -0
- package/esm2022/lib/components/molecules/notes-box/types.mjs +2 -0
- package/esm2022/lib/components/molecules/number-input/number-input.component.mjs +18 -0
- package/esm2022/lib/components/molecules/password-input/password-input.component.mjs +44 -0
- package/esm2022/lib/components/molecules/pin-input/pin-input.component.mjs +45 -0
- package/esm2022/lib/components/molecules/progress-status/progress-status.component.mjs +94 -0
- package/esm2022/lib/components/molecules/progress-status/types.mjs +2 -0
- package/esm2022/lib/components/molecules/prompter/prompter.component.mjs +84 -0
- package/esm2022/lib/components/molecules/prompter/types.mjs +2 -0
- package/esm2022/lib/components/molecules/radio-input/radio-input.component.mjs +33 -0
- package/esm2022/lib/components/molecules/searchbar/searchbar.component.mjs +61 -0
- package/esm2022/lib/components/molecules/text-input/text-input.component.mjs +18 -0
- package/esm2022/lib/components/molecules/title-block/title-block.component.mjs +77 -0
- package/esm2022/lib/components/molecules/title-block/types.mjs +2 -0
- package/esm2022/lib/components/organisms/banner/banner.component.mjs +75 -0
- package/esm2022/lib/components/organisms/banner/types.mjs +2 -0
- package/esm2022/lib/components/organisms/footer/footer.component.mjs +50 -0
- package/esm2022/lib/components/organisms/footer/types.mjs +2 -0
- package/esm2022/lib/components/organisms/form/factory.mjs +8 -0
- package/esm2022/lib/components/organisms/form/form-footer/form-footer.component.mjs +76 -0
- package/esm2022/lib/components/organisms/form/form.component.mjs +230 -0
- package/esm2022/lib/components/organisms/header/header.component.mjs +32 -0
- package/esm2022/lib/components/organisms/header/types.mjs +2 -0
- package/esm2022/lib/components/organisms/item-list/item-list.component.mjs +358 -0
- package/esm2022/lib/components/organisms/item-list/types.mjs +2 -0
- package/esm2022/lib/components/organisms/no-content/no-content.component.mjs +44 -0
- package/esm2022/lib/components/organisms/no-content/types.mjs +2 -0
- package/esm2022/lib/components/organisms/toolbar/toolbar.component.mjs +171 -0
- package/esm2022/lib/components/organisms/toolbar/types.mjs +2 -0
- package/esm2022/lib/components/organisms/wizard/types.mjs +7 -0
- package/esm2022/lib/components/organisms/wizard/wizard-footer/wizard-footer.component.mjs +107 -0
- package/esm2022/lib/components/organisms/wizard/wizard.component.mjs +103 -0
- package/esm2022/lib/components/templates/layout/layout.component.mjs +19 -0
- package/esm2022/lib/components/templates/simple/simple.component.mjs +102 -0
- package/esm2022/lib/components/templates/simple/types.mjs +2 -0
- package/esm2022/lib/components/types.mjs +36 -0
- package/esm2022/lib/services/download.service.mjs +63 -0
- package/esm2022/lib/services/icons.service.mjs +32 -0
- package/esm2022/lib/services/in-app-browser.service.mjs +24 -0
- package/esm2022/lib/services/lang-provider/components/lang-settings.mjs +13 -0
- package/esm2022/lib/services/lang-provider/components/theme-settings.mjs +15 -0
- package/esm2022/lib/services/lang-provider/content.mjs +8 -0
- package/esm2022/lib/services/lang-provider/lang-provider.service.mjs +39 -0
- package/esm2022/lib/services/lang-provider/types.mjs +14 -0
- package/esm2022/lib/services/local-storage.service.mjs +16 -0
- package/esm2022/lib/services/navigation.service.mjs +39 -0
- package/esm2022/lib/services/theme.service.mjs +97 -0
- package/esm2022/lib/services/types.mjs +3 -0
- package/esm2022/lib/shared/constants/storage.mjs +3 -0
- package/esm2022/lib/shared/utils/dom.mjs +17 -0
- package/esm2022/lib/shared/utils/styles.mjs +25 -0
- package/esm2022/public-api.mjs +95 -0
- package/esm2022/valtech-components.mjs +5 -0
- package/fesm2022/valtech-components.mjs +3558 -0
- package/fesm2022/valtech-components.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/atoms/avatar/avatar.component.d.ts +12 -0
- package/lib/components/atoms/avatar/types.d.ts +6 -0
- package/lib/components/atoms/box/box.component.d.ts +13 -0
- package/lib/components/atoms/box/types.d.ts +7 -0
- package/lib/components/atoms/button/button.component.d.ts +21 -0
- package/lib/components/atoms/button/factory.d.ts +71 -0
- package/lib/components/atoms/display/display.component.d.ts +10 -0
- package/lib/components/atoms/display/types.d.ts +6 -0
- package/lib/components/atoms/divider/divider.component.d.ts +10 -0
- package/lib/components/atoms/divider/types.d.ts +5 -0
- package/lib/components/atoms/href/href.component.d.ts +15 -0
- package/lib/components/atoms/href/types.d.ts +9 -0
- package/lib/components/atoms/icon/icon.component.d.ts +11 -0
- package/lib/components/atoms/icon/types.d.ts +6 -0
- package/lib/components/atoms/image/image.component.d.ts +12 -0
- package/lib/components/atoms/image/types.d.ts +11 -0
- package/lib/components/atoms/progress-bar/progress-bar.component.d.ts +10 -0
- package/lib/components/atoms/progress-bar/types.d.ts +9 -0
- package/lib/components/atoms/text/text.component.d.ts +10 -0
- package/lib/components/atoms/text/types.d.ts +7 -0
- package/lib/components/atoms/title/title.component.d.ts +10 -0
- package/lib/components/atoms/title/types.d.ts +7 -0
- package/lib/components/molecules/alert-box/alert-box.component.d.ts +10 -0
- package/{src/lib/components/molecules/alert-box/types.ts → lib/components/molecules/alert-box/types.d.ts} +3 -4
- package/lib/components/molecules/button-group/button-group.component.d.ts +13 -0
- package/lib/components/molecules/button-group/types.d.ts +6 -0
- package/lib/components/molecules/card/card.component.d.ts +16 -0
- package/lib/components/molecules/card/types.d.ts +32 -0
- package/lib/components/molecules/check-input/check-input.component.d.ts +8 -0
- package/lib/components/molecules/comment-input/comment-input.component.d.ts +10 -0
- package/lib/components/molecules/content-loader/content-loader.component.d.ts +10 -0
- package/lib/components/molecules/content-loader/types.d.ts +7 -0
- package/lib/components/molecules/date-input/date-input.component.d.ts +10 -0
- package/lib/components/molecules/email-input/email-input.component.d.ts +10 -0
- package/lib/components/molecules/expandable-text/expandable-text.component.d.ts +13 -0
- package/lib/components/molecules/expandable-text/types.d.ts +6 -0
- package/lib/components/molecules/file-input/file-input.component.d.ts +15 -0
- package/lib/components/molecules/hint/hint.component.d.ts +11 -0
- package/lib/components/molecules/hour-input/hour-input.component.d.ts +10 -0
- package/lib/components/molecules/link/link.component.d.ts +14 -0
- package/lib/components/molecules/link/types.d.ts +9 -0
- package/lib/components/molecules/links-cake/links-cake.component.d.ts +10 -0
- package/{src/lib/components/molecules/links-cake/types.ts → lib/components/molecules/links-cake/types.d.ts} +3 -4
- package/lib/components/molecules/notes-box/notes-box.component.d.ts +10 -0
- package/lib/components/molecules/notes-box/types.d.ts +8 -0
- package/lib/components/molecules/number-input/number-input.component.d.ts +10 -0
- package/lib/components/molecules/password-input/password-input.component.d.ts +11 -0
- package/lib/components/molecules/pin-input/pin-input.component.d.ts +15 -0
- package/lib/components/molecules/progress-status/progress-status.component.d.ts +14 -0
- package/lib/components/molecules/progress-status/types.d.ts +10 -0
- package/lib/components/molecules/prompter/prompter.component.d.ts +12 -0
- package/{src/lib/components/molecules/prompter/types.ts → lib/components/molecules/prompter/types.d.ts} +6 -7
- package/lib/components/molecules/radio-input/radio-input.component.d.ts +10 -0
- package/lib/components/molecules/searchbar/searchbar.component.d.ts +14 -0
- package/lib/components/molecules/text-input/text-input.component.d.ts +10 -0
- package/lib/components/molecules/title-block/title-block.component.d.ts +10 -0
- package/lib/components/molecules/title-block/types.d.ts +12 -0
- package/lib/components/organisms/banner/banner.component.d.ts +14 -0
- package/lib/components/organisms/banner/types.d.ts +12 -0
- package/lib/components/organisms/footer/footer.component.d.ts +12 -0
- package/{src/lib/components/organisms/footer/types.ts → lib/components/organisms/footer/types.d.ts} +3 -4
- package/lib/components/organisms/form/factory.d.ts +5 -0
- package/lib/components/organisms/form/form-footer/form-footer.component.d.ts +15 -0
- package/lib/components/organisms/form/form.component.d.ts +23 -0
- package/lib/components/organisms/header/header.component.d.ts +12 -0
- package/{src/lib/components/organisms/header/types.ts → lib/components/organisms/header/types.d.ts} +3 -4
- package/lib/components/organisms/item-list/item-list.component.d.ts +23 -0
- package/lib/components/organisms/item-list/types.d.ts +38 -0
- package/lib/components/organisms/no-content/no-content.component.d.ts +12 -0
- package/{src/lib/components/organisms/no-content/types.ts → lib/components/organisms/no-content/types.d.ts} +3 -4
- package/lib/components/organisms/toolbar/toolbar.component.d.ts +21 -0
- package/lib/components/organisms/toolbar/types.d.ts +11 -0
- package/lib/components/organisms/wizard/types.d.ts +20 -0
- package/lib/components/organisms/wizard/wizard-footer/wizard-footer.component.d.ts +21 -0
- package/lib/components/organisms/wizard/wizard.component.d.ts +22 -0
- package/lib/components/templates/layout/layout.component.d.ts +5 -0
- package/lib/components/templates/simple/simple.component.d.ts +10 -0
- package/{src/lib/components/templates/simple/types.ts → lib/components/templates/simple/types.d.ts} +5 -6
- package/lib/components/types.d.ts +113 -0
- package/lib/services/download.service.d.ts +8 -0
- package/lib/services/icons.service.d.ts +6 -0
- package/lib/services/in-app-browser.service.d.ts +9 -0
- package/lib/services/lang-provider/components/lang-settings.d.ts +3 -0
- package/lib/services/lang-provider/components/theme-settings.d.ts +3 -0
- package/lib/services/lang-provider/content.d.ts +6 -0
- package/lib/services/lang-provider/lang-provider.service.d.ts +17 -0
- package/lib/services/lang-provider/types.d.ts +15 -0
- package/lib/services/local-storage.service.d.ts +6 -0
- package/lib/services/navigation.service.d.ts +15 -0
- package/lib/services/theme.service.d.ts +27 -0
- package/{src/lib/services/types.ts → lib/services/types.d.ts} +2 -4
- package/lib/shared/constants/storage.d.ts +2 -0
- package/lib/shared/utils/dom.d.ts +3 -0
- package/lib/shared/utils/styles.d.ts +1 -0
- package/package.json +13 -15
- package/{src/public-api.ts → public-api.d.ts} +0 -13
- package/ng-package.json +0 -10
- package/release.sh +0 -76
- package/src/lib/components/atoms/avatar/avatar.component.scss +0 -20
- package/src/lib/components/atoms/avatar/avatar.component.ts +0 -29
- package/src/lib/components/atoms/avatar/types.ts +0 -6
- package/src/lib/components/atoms/box/box.component.scss +0 -57
- package/src/lib/components/atoms/box/box.component.ts +0 -41
- package/src/lib/components/atoms/box/types.ts +0 -8
- package/src/lib/components/atoms/button/button.component.scss +0 -6
- package/src/lib/components/atoms/button/button.component.ts +0 -54
- package/src/lib/components/atoms/button/factory.ts +0 -444
- package/src/lib/components/atoms/display/display.component.scss +0 -17
- package/src/lib/components/atoms/display/display.component.ts +0 -25
- package/src/lib/components/atoms/display/types.ts +0 -7
- package/src/lib/components/atoms/divider/divider.component.scss +0 -62
- package/src/lib/components/atoms/divider/divider.component.ts +0 -18
- package/src/lib/components/atoms/divider/types.ts +0 -5
- package/src/lib/components/atoms/href/href.component.scss +0 -25
- package/src/lib/components/atoms/href/href.component.ts +0 -43
- package/src/lib/components/atoms/href/types.ts +0 -10
- package/src/lib/components/atoms/icon/icon.component.scss +0 -33
- package/src/lib/components/atoms/icon/icon.component.ts +0 -21
- package/src/lib/components/atoms/icon/types.ts +0 -7
- package/src/lib/components/atoms/image/image.component.scss +0 -70
- package/src/lib/components/atoms/image/image.component.ts +0 -40
- package/src/lib/components/atoms/image/types.ts +0 -11
- package/src/lib/components/atoms/progress-bar/progress-bar.component.scss +0 -22
- package/src/lib/components/atoms/progress-bar/progress-bar.component.ts +0 -29
- package/src/lib/components/atoms/progress-bar/types.ts +0 -10
- package/src/lib/components/atoms/text/text.component.scss +0 -33
- package/src/lib/components/atoms/text/text.component.ts +0 -23
- package/src/lib/components/atoms/text/types.ts +0 -8
- package/src/lib/components/atoms/title/title.component.scss +0 -17
- package/src/lib/components/atoms/title/title.component.ts +0 -27
- package/src/lib/components/atoms/title/types.ts +0 -8
- package/src/lib/components/molecules/alert-box/alert-box.component.scss +0 -10
- package/src/lib/components/molecules/alert-box/alert-box.component.ts +0 -28
- package/src/lib/components/molecules/button-group/button-group.component.scss +0 -31
- package/src/lib/components/molecules/button-group/button-group.component.ts +0 -44
- package/src/lib/components/molecules/button-group/types.ts +0 -7
- package/src/lib/components/molecules/card/card.component.scss +0 -46
- package/src/lib/components/molecules/card/card.component.ts +0 -218
- package/src/lib/components/molecules/card/types.ts +0 -36
- package/src/lib/components/molecules/check-input/check-input.component.scss +0 -0
- package/src/lib/components/molecules/check-input/check-input.component.ts +0 -16
- package/src/lib/components/molecules/comment-input/comment-input.component.scss +0 -0
- package/src/lib/components/molecules/comment-input/comment-input.component.ts +0 -22
- package/src/lib/components/molecules/content-loader/content-loader.component.scss +0 -42
- package/src/lib/components/molecules/content-loader/content-loader.component.ts +0 -27
- package/src/lib/components/molecules/content-loader/types.ts +0 -8
- package/src/lib/components/molecules/date-input/date-input.component.scss +0 -11
- package/src/lib/components/molecules/date-input/date-input.component.ts +0 -47
- package/src/lib/components/molecules/email-input/email-input.component.scss +0 -0
- package/src/lib/components/molecules/email-input/email-input.component.ts +0 -20
- package/src/lib/components/molecules/expandable-text/expandable-text.component.ts +0 -89
- package/src/lib/components/molecules/expandable-text/types.ts +0 -6
- package/src/lib/components/molecules/file-input/file-input.component.scss +0 -11
- package/src/lib/components/molecules/file-input/file-input.component.ts +0 -56
- package/src/lib/components/molecules/hint/hint.component.scss +0 -5
- package/src/lib/components/molecules/hint/hint.component.ts +0 -42
- package/src/lib/components/molecules/hour-input/hour-input.component.scss +0 -0
- package/src/lib/components/molecules/hour-input/hour-input.component.ts +0 -19
- package/src/lib/components/molecules/link/link.component.scss +0 -5
- package/src/lib/components/molecules/link/link.component.ts +0 -52
- package/src/lib/components/molecules/link/types.ts +0 -10
- package/src/lib/components/molecules/links-cake/links-cake.component.scss +0 -9
- package/src/lib/components/molecules/links-cake/links-cake.component.ts +0 -30
- package/src/lib/components/molecules/notes-box/notes-box.component.scss +0 -5
- package/src/lib/components/molecules/notes-box/notes-box.component.ts +0 -28
- package/src/lib/components/molecules/notes-box/types.ts +0 -9
- package/src/lib/components/molecules/number-input/number-input.component.scss +0 -0
- package/src/lib/components/molecules/number-input/number-input.component.ts +0 -19
- package/src/lib/components/molecules/password-input/password-input.component.scss +0 -7
- package/src/lib/components/molecules/password-input/password-input.component.ts +0 -33
- package/src/lib/components/molecules/pin-input/pin-input.component.scss +0 -13
- package/src/lib/components/molecules/pin-input/pin-input.component.ts +0 -42
- package/src/lib/components/molecules/progress-status/progress-status.component.scss +0 -41
- package/src/lib/components/molecules/progress-status/progress-status.component.ts +0 -70
- package/src/lib/components/molecules/progress-status/types.ts +0 -11
- package/src/lib/components/molecules/prompter/prompter.component.scss +0 -34
- package/src/lib/components/molecules/prompter/prompter.component.ts +0 -58
- package/src/lib/components/molecules/radio-input/radio-input.component.scss +0 -0
- package/src/lib/components/molecules/radio-input/radio-input.component.ts +0 -27
- package/src/lib/components/molecules/searchbar/searchbar.component.scss +0 -9
- package/src/lib/components/molecules/searchbar/searchbar.component.ts +0 -47
- package/src/lib/components/molecules/text-input/text-input.component.scss +0 -1
- package/src/lib/components/molecules/text-input/text-input.component.ts +0 -19
- package/src/lib/components/molecules/title-block/title-block.component.scss +0 -36
- package/src/lib/components/molecules/title-block/title-block.component.ts +0 -50
- package/src/lib/components/molecules/title-block/types.ts +0 -14
- package/src/lib/components/organisms/banner/banner.component.scss +0 -45
- package/src/lib/components/organisms/banner/banner.component.ts +0 -57
- package/src/lib/components/organisms/banner/types.ts +0 -13
- package/src/lib/components/organisms/footer/footer.component.scss +0 -3
- package/src/lib/components/organisms/footer/footer.component.ts +0 -40
- package/src/lib/components/organisms/form/factory.ts +0 -11
- package/src/lib/components/organisms/form/form-footer/form-footer.component.scss +0 -0
- package/src/lib/components/organisms/form/form-footer/form-footer.component.ts +0 -63
- package/src/lib/components/organisms/form/form.component.scss +0 -16
- package/src/lib/components/organisms/form/form.component.ts +0 -183
- package/src/lib/components/organisms/header/header.component.scss +0 -5
- package/src/lib/components/organisms/header/header.component.ts +0 -31
- package/src/lib/components/organisms/item-list/item-list.component.scss +0 -41
- package/src/lib/components/organisms/item-list/item-list.component.ts +0 -221
- package/src/lib/components/organisms/item-list/types.ts +0 -42
- package/src/lib/components/organisms/no-content/no-content.component.scss +0 -11
- package/src/lib/components/organisms/no-content/no-content.component.ts +0 -37
- package/src/lib/components/organisms/toolbar/toolbar.component.scss +0 -13
- package/src/lib/components/organisms/toolbar/toolbar.component.ts +0 -123
- package/src/lib/components/organisms/toolbar/types.ts +0 -12
- package/src/lib/components/organisms/wizard/types.ts +0 -24
- package/src/lib/components/organisms/wizard/wizard-footer/wizard-footer.component.scss +0 -0
- package/src/lib/components/organisms/wizard/wizard-footer/wizard-footer.component.ts +0 -90
- package/src/lib/components/organisms/wizard/wizard.component.scss +0 -15
- package/src/lib/components/organisms/wizard/wizard.component.ts +0 -99
- package/src/lib/components/templates/layout/layout.component.scss +0 -24
- package/src/lib/components/templates/layout/layout.component.ts +0 -14
- package/src/lib/components/templates/simple/simple.component.ts +0 -75
- package/src/lib/components/types.ts +0 -122
- package/src/lib/services/download.service.ts +0 -58
- package/src/lib/services/icons.service.ts +0 -40
- package/src/lib/services/in-app-browser.service.ts +0 -19
- package/src/lib/services/lang-provider/components/lang-settings.ts +0 -14
- package/src/lib/services/lang-provider/components/theme-settings.ts +0 -16
- package/src/lib/services/lang-provider/content.ts +0 -14
- package/src/lib/services/lang-provider/lang-provider.service.ts +0 -38
- package/src/lib/services/lang-provider/types.ts +0 -25
- package/src/lib/services/local-storage.service.ts +0 -18
- package/src/lib/services/navigation.service.ts +0 -39
- package/src/lib/services/theme.service.ts +0 -102
- package/src/lib/shared/constants/storage.ts +0 -2
- package/src/lib/shared/utils/dom.ts +0 -19
- package/src/lib/shared/utils/styles.ts +0 -27
- package/tsconfig.lib.json +0 -14
- package/tsconfig.lib.prod.json +0 -10
- package/tsconfig.spec.json +0 -14
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { IonText } from '@ionic/angular/standalone';
|
|
3
|
+
import { resolveColor } from '../../../shared/utils/styles';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class ExpandableTextComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.expanded = false;
|
|
8
|
+
this.defaultColor = 'primary';
|
|
9
|
+
}
|
|
10
|
+
get truncatedText() {
|
|
11
|
+
const maxLength = this.props.limit || 100; // Longitud por defecto
|
|
12
|
+
return this.props.content?.length > maxLength ? this.props.content.slice(0, maxLength) + '...' : this.props.content;
|
|
13
|
+
}
|
|
14
|
+
get isTruncated() {
|
|
15
|
+
return this.props.content?.length > (this.props.limit || 100);
|
|
16
|
+
}
|
|
17
|
+
toggleExpand() {
|
|
18
|
+
this.expanded = !this.expanded;
|
|
19
|
+
}
|
|
20
|
+
color() {
|
|
21
|
+
return resolveColor(this.props.color || this.defaultColor);
|
|
22
|
+
}
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExpandableTextComponent, isStandalone: true, selector: "val-expandable-text", inputs: { props: "props" }, ngImport: i0, template: `
|
|
25
|
+
<div class="description-container" [class.expanded]="expanded" [class.has-gradient]="!expanded && isTruncated">
|
|
26
|
+
<ion-text>
|
|
27
|
+
<p class="description">
|
|
28
|
+
<span class="content">{{ expanded ? props.content : truncatedText }}</span>
|
|
29
|
+
@if (!expanded && isTruncated) {
|
|
30
|
+
<span class="see-more" [style.color]="this.color()" (click)="toggleExpand()">
|
|
31
|
+
{{ props.expandText || 'ver más' }}
|
|
32
|
+
</span>
|
|
33
|
+
}
|
|
34
|
+
</p>
|
|
35
|
+
</ion-text>
|
|
36
|
+
</div>
|
|
37
|
+
`, isInline: true, styles: [".description-container{position:relative;overflow:hidden;max-height:10rem;transition:max-height .3s ease-in-out}.description-container.expanded{max-height:none}.description{position:relative;overflow:hidden;text-overflow:ellipsis}.description-container:not(.expanded) .description:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:3.5rem;background:linear-gradient(to top,var(--ion-background-color),rgba(255,255,255,0));pointer-events:none}.description-container:not(.has-gradient) .description:after{background:transparent}.see-more{position:relative;font-weight:700;cursor:pointer;z-index:1;margin-left:.3rem}\n"], dependencies: [{ kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableTextComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ selector: 'val-expandable-text', standalone: true, imports: [IonText], template: `
|
|
42
|
+
<div class="description-container" [class.expanded]="expanded" [class.has-gradient]="!expanded && isTruncated">
|
|
43
|
+
<ion-text>
|
|
44
|
+
<p class="description">
|
|
45
|
+
<span class="content">{{ expanded ? props.content : truncatedText }}</span>
|
|
46
|
+
@if (!expanded && isTruncated) {
|
|
47
|
+
<span class="see-more" [style.color]="this.color()" (click)="toggleExpand()">
|
|
48
|
+
{{ props.expandText || 'ver más' }}
|
|
49
|
+
</span>
|
|
50
|
+
}
|
|
51
|
+
</p>
|
|
52
|
+
</ion-text>
|
|
53
|
+
</div>
|
|
54
|
+
`, styles: [".description-container{position:relative;overflow:hidden;max-height:10rem;transition:max-height .3s ease-in-out}.description-container.expanded{max-height:none}.description{position:relative;overflow:hidden;text-overflow:ellipsis}.description-container:not(.expanded) .description:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:3.5rem;background:linear-gradient(to top,var(--ion-background-color),rgba(255,255,255,0));pointer-events:none}.description-container:not(.has-gradient) .description:after{background:transparent}.see-more{position:relative;font-weight:700;cursor:pointer;z-index:1;margin-left:.3rem}\n"] }]
|
|
55
|
+
}], propDecorators: { props: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}] } });
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS10ZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2V4cGFuZGFibGUtdGV4dC9leHBhbmRhYmxlLXRleHQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVwRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBZ0U1RCxNQUFNLE9BQU8sdUJBQXVCO0lBOURwQztRQWdFRSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGlCQUFZLEdBQUcsU0FBUyxDQUFDO0tBa0IxQjtJQWhCQyxJQUFJLGFBQWE7UUFDZixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsQ0FBQyx1QkFBdUI7UUFDbEUsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxNQUFNLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDdEgsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRUQsS0FBSztRQUNILE9BQU8sWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM3RCxDQUFDOytHQXBCVSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwyR0ExRHhCOzs7Ozs7Ozs7Ozs7O0dBYVQsa3NCQWRTLE9BQU87OzRGQTJETix1QkFBdUI7a0JBOURuQyxTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLENBQUMsWUFDUjs7Ozs7Ozs7Ozs7OztHQWFUOzhCQThDUSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25UZXh0IH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBFeHBhbmRhYmxlVGV4dElucHV0IH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyByZXNvbHZlQ29sb3IgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvc3R5bGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWV4cGFuZGFibGUtdGV4dCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJb25UZXh0XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb24tY29udGFpbmVyXCIgW2NsYXNzLmV4cGFuZGVkXT1cImV4cGFuZGVkXCIgW2NsYXNzLmhhcy1ncmFkaWVudF09XCIhZXhwYW5kZWQgJiYgaXNUcnVuY2F0ZWRcIj5cbiAgICAgIDxpb24tdGV4dD5cbiAgICAgICAgPHAgY2xhc3M9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29udGVudFwiPnt7IGV4cGFuZGVkID8gcHJvcHMuY29udGVudCA6IHRydW5jYXRlZFRleHQgfX08L3NwYW4+XG4gICAgICAgICAgQGlmICghZXhwYW5kZWQgJiYgaXNUcnVuY2F0ZWQpIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2VlLW1vcmVcIiBbc3R5bGUuY29sb3JdPVwidGhpcy5jb2xvcigpXCIgKGNsaWNrKT1cInRvZ2dsZUV4cGFuZCgpXCI+XG4gICAgICAgICAgICAgIHt7IHByb3BzLmV4cGFuZFRleHQgfHwgJ3ZlciBtw6FzJyB9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9wPlxuICAgICAgPC9pb24tdGV4dD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLmRlc2NyaXB0aW9uLWNvbnRhaW5lciB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgbWF4LWhlaWdodDogMTByZW07IC8qIEFsdHVyYSBwYXJhIHRleHRvIHRydW5jYWRvICovXG4gICAgICAgIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMC4zcyBlYXNlLWluLW91dDtcbiAgICAgIH1cblxuICAgICAgLmRlc2NyaXB0aW9uLWNvbnRhaW5lci5leHBhbmRlZCB7XG4gICAgICAgIG1heC1oZWlnaHQ6IG5vbmU7IC8qIFNpbiBsw61taXRlIGRlIGFsdHVyYSBhbCBleHBhbmRpciAqL1xuICAgICAgfVxuXG4gICAgICAuZGVzY3JpcHRpb24ge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgfVxuXG4gICAgICAuZGVzY3JpcHRpb24tY29udGFpbmVyOm5vdCguZXhwYW5kZWQpIC5kZXNjcmlwdGlvbjo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBoZWlnaHQ6IDMuNXJlbTsgLyogQWx0dXJhIGRlbCBncmFkaWVudGUgKi9cbiAgICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHRvcCwgdmFyKC0taW9uLWJhY2tncm91bmQtY29sb3IpLCByZ2JhKDI1NSwgMjU1LCAyNTUsIDApKTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7IC8qIElnbm9yYXIgaW50ZXJhY2Npb25lcyBlbiBlbCBncmFkaWVudGUgKi9cbiAgICAgIH1cblxuICAgICAgLmRlc2NyaXB0aW9uLWNvbnRhaW5lcjpub3QoLmhhcy1ncmFkaWVudCkgLmRlc2NyaXB0aW9uOjphZnRlciB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OyAvKiBGb25kbyB0cmFuc3BhcmVudGUgc2kgbm8gaGF5IGdyYWRpZW50ZSAqL1xuICAgICAgfVxuXG4gICAgICAuc2VlLW1vcmUge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwLjNyZW07XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5kYWJsZVRleHRDb21wb25lbnQge1xuICBASW5wdXQoKSBwcm9wczogRXhwYW5kYWJsZVRleHRJbnB1dDtcbiAgZXhwYW5kZWQgPSBmYWxzZTtcbiAgZGVmYXVsdENvbG9yID0gJ3ByaW1hcnknO1xuXG4gIGdldCB0cnVuY2F0ZWRUZXh0KCk6IHN0cmluZyB7XG4gICAgY29uc3QgbWF4TGVuZ3RoID0gdGhpcy5wcm9wcy5saW1pdCB8fCAxMDA7IC8vIExvbmdpdHVkIHBvciBkZWZlY3RvXG4gICAgcmV0dXJuIHRoaXMucHJvcHMuY29udGVudD8ubGVuZ3RoID4gbWF4TGVuZ3RoID8gdGhpcy5wcm9wcy5jb250ZW50LnNsaWNlKDAsIG1heExlbmd0aCkgKyAnLi4uJyA6IHRoaXMucHJvcHMuY29udGVudDtcbiAgfVxuXG4gIGdldCBpc1RydW5jYXRlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5wcm9wcy5jb250ZW50Py5sZW5ndGggPiAodGhpcy5wcm9wcy5saW1pdCB8fCAxMDApO1xuICB9XG5cbiAgdG9nZ2xlRXhwYW5kKCkge1xuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcbiAgfVxuXG4gIGNvbG9yKCkge1xuICAgIHJldHVybiByZXNvbHZlQ29sb3IodGhpcy5wcm9wcy5jb2xvciB8fCB0aGlzLmRlZmF1bHRDb2xvcik7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9leHBhbmRhYmxlLXRleHQvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRXhwYW5kYWJsZVRleHRJbnB1dCB7XG4gIGxpbWl0OiBudW1iZXI7IC8vIE3DoXhpbWEgbG9uZ2l0dWQgZGVsIHRleHRvIGFudGVzIGRlIHRydW5jYXJcbiAgY29udGVudDogc3RyaW5nOyAvLyBDb250ZW5pZG8gYSBtb3N0cmFyXG4gIGNvbG9yPzogc3RyaW5nOyAvLyBDb2xvciBkZWwgdGV4dG8gXCJ2ZXIgbcOhc1wiXG4gIGV4cGFuZFRleHQ/OiBzdHJpbmc7IC8vIFRleHRvIHBhcmEgXCJ2ZXIgbcOhc1wiIG8gZXF1aXZhbGVudGVcbn1cbiJdfQ==
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import { IonIcon } from '@ionic/angular/standalone';
|
|
3
|
+
import { ButtonComponent } from '../../atoms/button/button.component';
|
|
4
|
+
import { PrimarySolidDefaultRoundButton } from '../../atoms/button/factory';
|
|
5
|
+
import { TextComponent } from '../../atoms/text/text.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class FileInputComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.contrastButton = {
|
|
10
|
+
...PrimarySolidDefaultRoundButton('Subir archivo'),
|
|
11
|
+
color: 'light',
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
ngOnInit() { }
|
|
15
|
+
onFileSelected(event) {
|
|
16
|
+
this.selectedFile = event.target.files[0];
|
|
17
|
+
this.props.control.setValue(this.selectedFile);
|
|
18
|
+
}
|
|
19
|
+
reset() {
|
|
20
|
+
this.selectedFile = null;
|
|
21
|
+
this.fileInput.nativeElement.value = '';
|
|
22
|
+
}
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FileInputComponent, isStandalone: true, selector: "val-file-input", inputs: { props: "props" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: `
|
|
25
|
+
<div class="file-container">
|
|
26
|
+
<input style="display: none" type="file" (change)="onFileSelected($event)" #fileInput />
|
|
27
|
+
<div class="name-container">
|
|
28
|
+
<ion-icon [name]="selectedFile ? 'checkmark-circle-outline' : 'alert-circle-outline'"></ion-icon>
|
|
29
|
+
<val-text
|
|
30
|
+
style="margin-left: 4px;"
|
|
31
|
+
[props]="{
|
|
32
|
+
content: selectedFile ? selectedFile.name : 'No has seleccionado archivo',
|
|
33
|
+
color: 'dark',
|
|
34
|
+
bold: false,
|
|
35
|
+
size: 'medium',
|
|
36
|
+
}"
|
|
37
|
+
></val-text>
|
|
38
|
+
</div>
|
|
39
|
+
<val-button [props]="contrastButton" (onClick)="fileInput.click()"></val-button>
|
|
40
|
+
</div>
|
|
41
|
+
`, isInline: true, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.file-container{margin-top:.25rem}.name-container{display:flex;flex-direction:row;align-items:flex-start}\n"], dependencies: [{ kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["props"], outputs: ["onClick"] }] }); }
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileInputComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{ selector: 'val-file-input', standalone: true, imports: [IonIcon, TextComponent, ButtonComponent], template: `
|
|
46
|
+
<div class="file-container">
|
|
47
|
+
<input style="display: none" type="file" (change)="onFileSelected($event)" #fileInput />
|
|
48
|
+
<div class="name-container">
|
|
49
|
+
<ion-icon [name]="selectedFile ? 'checkmark-circle-outline' : 'alert-circle-outline'"></ion-icon>
|
|
50
|
+
<val-text
|
|
51
|
+
style="margin-left: 4px;"
|
|
52
|
+
[props]="{
|
|
53
|
+
content: selectedFile ? selectedFile.name : 'No has seleccionado archivo',
|
|
54
|
+
color: 'dark',
|
|
55
|
+
bold: false,
|
|
56
|
+
size: 'medium',
|
|
57
|
+
}"
|
|
58
|
+
></val-text>
|
|
59
|
+
</div>
|
|
60
|
+
<val-button [props]="contrastButton" (onClick)="fileInput.click()"></val-button>
|
|
61
|
+
</div>
|
|
62
|
+
`, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.file-container{margin-top:.25rem}.name-container{display:flex;flex-direction:row;align-items:flex-start}\n"] }]
|
|
63
|
+
}], ctorParameters: () => [], propDecorators: { fileInput: [{
|
|
64
|
+
type: ViewChild,
|
|
65
|
+
args: ['fileInput']
|
|
66
|
+
}], props: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}] } });
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9maWxlLWlucHV0L2ZpbGUtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUEyQmhFLE1BQU0sT0FBTyxrQkFBa0I7SUFXN0I7UUFOQSxtQkFBYyxHQUFtQjtZQUMvQixHQUFHLDhCQUE4QixDQUFDLGVBQWUsQ0FBQztZQUNsRCxLQUFLLEVBQUUsT0FBTztTQUNmLENBQUM7SUFHYSxDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDO0lBRWIsY0FBYyxDQUFDLEtBQUs7UUFDbEIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUMxQyxDQUFDOytHQXZCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw4TUFwQm5COzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCxzUkFsQlMsT0FBTywySkFBRSxhQUFhLHdFQUFFLGVBQWU7OzRGQXFCdEMsa0JBQWtCO2tCQXhCOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQyxZQUN4Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQ7d0RBSXVCLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkFFYixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uSWNvbiB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJpbWFyeVNvbGlkRGVmYXVsdFJvdW5kQnV0dG9uIH0gZnJvbSAnLi4vLi4vYXRvbXMvYnV0dG9uL2ZhY3RvcnknO1xuaW1wb3J0IHsgVGV4dENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL3RleHQvdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uTWV0YWRhdGEsIElucHV0TWV0YWRhdGEgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1maWxlLWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0lvbkljb24sIFRleHRDb21wb25lbnQsIEJ1dHRvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZpbGUtY29udGFpbmVyXCI+XG4gICAgICA8aW5wdXQgc3R5bGU9XCJkaXNwbGF5OiBub25lXCIgdHlwZT1cImZpbGVcIiAoY2hhbmdlKT1cIm9uRmlsZVNlbGVjdGVkKCRldmVudClcIiAjZmlsZUlucHV0IC8+XG4gICAgICA8ZGl2IGNsYXNzPVwibmFtZS1jb250YWluZXJcIj5cbiAgICAgICAgPGlvbi1pY29uIFtuYW1lXT1cInNlbGVjdGVkRmlsZSA/ICdjaGVja21hcmstY2lyY2xlLW91dGxpbmUnIDogJ2FsZXJ0LWNpcmNsZS1vdXRsaW5lJ1wiPjwvaW9uLWljb24+XG4gICAgICAgIDx2YWwtdGV4dFxuICAgICAgICAgIHN0eWxlPVwibWFyZ2luLWxlZnQ6IDRweDtcIlxuICAgICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgICBjb250ZW50OiBzZWxlY3RlZEZpbGUgPyBzZWxlY3RlZEZpbGUubmFtZSA6ICdObyBoYXMgc2VsZWNjaW9uYWRvIGFyY2hpdm8nLFxuICAgICAgICAgICAgY29sb3I6ICdkYXJrJyxcbiAgICAgICAgICAgIGJvbGQ6IGZhbHNlLFxuICAgICAgICAgICAgc2l6ZTogJ21lZGl1bScsXG4gICAgICAgICAgfVwiXG4gICAgICAgID48L3ZhbC10ZXh0PlxuICAgICAgPC9kaXY+XG4gICAgICA8dmFsLWJ1dHRvbiBbcHJvcHNdPVwiY29udHJhc3RCdXR0b25cIiAob25DbGljayk9XCJmaWxlSW5wdXQuY2xpY2soKVwiPjwvdmFsLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGaWxlSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCdmaWxlSW5wdXQnKSBmaWxlSW5wdXQ7XG5cbiAgQElucHV0KCkgcHJvcHM6IElucHV0TWV0YWRhdGE7XG5cbiAgY29udHJhc3RCdXR0b246IEJ1dHRvbk1ldGFkYXRhID0ge1xuICAgIC4uLlByaW1hcnlTb2xpZERlZmF1bHRSb3VuZEJ1dHRvbignU3ViaXIgYXJjaGl2bycpLFxuICAgIGNvbG9yOiAnbGlnaHQnLFxuICB9O1xuICBzZWxlY3RlZEZpbGU6IEZpbGU7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBvbkZpbGVTZWxlY3RlZChldmVudCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRGaWxlID0gZXZlbnQudGFyZ2V0LmZpbGVzWzBdO1xuICAgIHRoaXMucHJvcHMuY29udHJvbC5zZXRWYWx1ZSh0aGlzLnNlbGVjdGVkRmlsZSk7XG4gIH1cblxuICByZXNldCgpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkRmlsZSA9IG51bGw7XG4gICAgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { TextComponent } from '../../atoms/text/text.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class HintComponent {
|
|
7
|
+
constructor() { }
|
|
8
|
+
ngOnInit() { }
|
|
9
|
+
get Errors() {
|
|
10
|
+
const keys = Object.keys(this.props.errors);
|
|
11
|
+
const errors = [];
|
|
12
|
+
keys.map((e) => {
|
|
13
|
+
if (this.props.control.hasError(e)) {
|
|
14
|
+
errors.push(this.props.errors[e]);
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
return errors;
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HintComponent, isStandalone: true, selector: "val-hint", inputs: { props: "props" }, ngImport: i0, template: `
|
|
21
|
+
<div class="hint-container" *ngIf="props.control.invalid && (props.control.touched || props.control.dirty)">
|
|
22
|
+
<val-text
|
|
23
|
+
*ngFor="let e of Errors"
|
|
24
|
+
[props]="{
|
|
25
|
+
content: e,
|
|
26
|
+
color: 'danger',
|
|
27
|
+
bold: false,
|
|
28
|
+
size: 'small',
|
|
29
|
+
}"
|
|
30
|
+
></val-text>
|
|
31
|
+
</div>
|
|
32
|
+
`, isInline: true, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.hint-container{margin-top:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
|
|
33
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HintComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'val-hint', standalone: true, imports: [CommonModule, TextComponent], template: `
|
|
37
|
+
<div class="hint-container" *ngIf="props.control.invalid && (props.control.touched || props.control.dirty)">
|
|
38
|
+
<val-text
|
|
39
|
+
*ngFor="let e of Errors"
|
|
40
|
+
[props]="{
|
|
41
|
+
content: e,
|
|
42
|
+
color: 'danger',
|
|
43
|
+
bold: false,
|
|
44
|
+
size: 'small',
|
|
45
|
+
}"
|
|
46
|
+
></val-text>
|
|
47
|
+
</div>
|
|
48
|
+
`, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.hint-container{margin-top:.25rem}\n"] }]
|
|
49
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}] } });
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9oaW50L2hpbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7OztBQXNCaEUsTUFBTSxPQUFPLGFBQWE7SUFHeEIsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQztJQUViLElBQUksTUFBTTtRQUNSLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QyxNQUFNLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQVMsRUFBRSxFQUFFO1lBQ3JCLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7Z0JBQ25DLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNwQyxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDOytHQWhCVSxhQUFhO21HQUFiLGFBQWEsZ0dBZmQ7Ozs7Ozs7Ozs7OztHQVlULDhNQWJTLFlBQVksZ1FBQUUsYUFBYTs7NEZBZ0IxQixhQUFhO2tCQW5CekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQyxZQUM1Qjs7Ozs7Ozs7Ozs7O0dBWVQ7d0RBSVEsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGV4dENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL3RleHQvdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXRNZXRhZGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWhpbnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUZXh0Q29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiaGludC1jb250YWluZXJcIiAqbmdJZj1cInByb3BzLmNvbnRyb2wuaW52YWxpZCAmJiAocHJvcHMuY29udHJvbC50b3VjaGVkIHx8IHByb3BzLmNvbnRyb2wuZGlydHkpXCI+XG4gICAgICA8dmFsLXRleHRcbiAgICAgICAgKm5nRm9yPVwibGV0IGUgb2YgRXJyb3JzXCJcbiAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICBjb250ZW50OiBlLFxuICAgICAgICAgIGNvbG9yOiAnZGFuZ2VyJyxcbiAgICAgICAgICBib2xkOiBmYWxzZSxcbiAgICAgICAgICBzaXplOiAnc21hbGwnLFxuICAgICAgICB9XCJcbiAgICAgID48L3ZhbC10ZXh0PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9oaW50LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEhpbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBwcm9wczogSW5wdXRNZXRhZGF0YTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIGdldCBFcnJvcnMoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGtleXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BzLmVycm9ycyk7XG4gICAgY29uc3QgZXJyb3JzID0gW107XG4gICAga2V5cy5tYXAoKGU6IHN0cmluZykgPT4ge1xuICAgICAgaWYgKHRoaXMucHJvcHMuY29udHJvbC5oYXNFcnJvcihlKSkge1xuICAgICAgICBlcnJvcnMucHVzaCh0aGlzLnByb3BzLmVycm9yc1tlXSk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgcmV0dXJuIGVycm9ycztcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
3
|
+
import { IonDatetime } from '@ionic/angular/standalone';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
export class HourInputComponent {
|
|
7
|
+
constructor() { }
|
|
8
|
+
ngOnInit() { }
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HourInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HourInputComponent, isStandalone: true, selector: "val-hour-input", inputs: { props: "props" }, ngImport: i0, template: ` <ion-datetime [formControl]="props.control" presentation="time"></ion-datetime>`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }] }); }
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HourInputComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'val-hour-input', standalone: true, imports: [ReactiveFormsModule, IonDatetime], template: ` <ion-datetime [formControl]="props.control" presentation="time"></ion-datetime>` }]
|
|
15
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG91ci1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9ob3VyLWlucHV0L2hvdXItaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBZSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBVXhELE1BQU0sT0FBTyxrQkFBa0I7SUFHN0IsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQzsrR0FMRixrQkFBa0I7bUdBQWxCLGtCQUFrQixzR0FIbkIsa0ZBQWtGLHlFQURsRixtQkFBbUIsMFRBQUUsV0FBVzs7NEZBSS9CLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsRUFBRSxXQUFXLENBQUMsWUFDakMsa0ZBQWtGO3dEQUluRixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSW9uRGF0ZXRpbWUgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IElucHV0TWV0YWRhdGEgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1ob3VyLWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1JlYWN0aXZlRm9ybXNNb2R1bGUsIElvbkRhdGV0aW1lXSxcbiAgdGVtcGxhdGU6IGAgPGlvbi1kYXRldGltZSBbZm9ybUNvbnRyb2xdPVwicHJvcHMuY29udHJvbFwiIHByZXNlbnRhdGlvbj1cInRpbWVcIj48L2lvbi1kYXRldGltZT5gLFxuICBzdHlsZVVybHM6IFsnLi9ob3VyLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEhvdXJJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHByb3BzOiBJbnB1dE1ldGFkYXRhO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG59XG4iXX0=
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
|
|
2
|
+
import { IonButton, IonIcon, IonText } from '@ionic/angular/standalone';
|
|
3
|
+
import { addIcons } from 'ionicons';
|
|
4
|
+
import { chevronForwardOutline } from 'ionicons/icons';
|
|
5
|
+
import { NavigationService } from '../../../services/navigation.service';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class LinkComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.onClick = new EventEmitter();
|
|
10
|
+
this.service = inject(NavigationService);
|
|
11
|
+
addIcons({ chevronForwardOutline });
|
|
12
|
+
}
|
|
13
|
+
ngOnInit() { }
|
|
14
|
+
onClickHandler() {
|
|
15
|
+
this.onClick.emit(this.props.token);
|
|
16
|
+
switch (this.props.type) {
|
|
17
|
+
case 'internal':
|
|
18
|
+
this.service.navigateByUrl(this.props.link);
|
|
19
|
+
break;
|
|
20
|
+
case 'browse':
|
|
21
|
+
this.service.navigateInApp(this.props.link);
|
|
22
|
+
break;
|
|
23
|
+
case 'tab':
|
|
24
|
+
this.service.openInNewTab(this.props.link);
|
|
25
|
+
break;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LinkComponent, isStandalone: true, selector: "val-link", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
|
30
|
+
<div>
|
|
31
|
+
<ion-button type="button" [color]="props.color" fill="clear" [size]="props.size" (click)="onClickHandler()">
|
|
32
|
+
<ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
|
|
33
|
+
<ion-text>{{ props.text }}</ion-text>
|
|
34
|
+
</ion-button>
|
|
35
|
+
</div>
|
|
36
|
+
`, isInline: true, styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"], dependencies: [{ kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
|
|
37
|
+
}
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinkComponent, decorators: [{
|
|
39
|
+
type: Component,
|
|
40
|
+
args: [{ selector: 'val-link', standalone: true, imports: [IonButton, IonIcon, IonText], template: `
|
|
41
|
+
<div>
|
|
42
|
+
<ion-button type="button" [color]="props.color" fill="clear" [size]="props.size" (click)="onClickHandler()">
|
|
43
|
+
<ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
|
|
44
|
+
<ion-text>{{ props.text }}</ion-text>
|
|
45
|
+
</ion-button>
|
|
46
|
+
</div>
|
|
47
|
+
`, styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"] }]
|
|
48
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], onClick: [{
|
|
51
|
+
type: Output
|
|
52
|
+
}] } });
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9saW5rL2xpbmsuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBaUJ6RSxNQUFNLE9BQU8sYUFBYTtJQVN4QjtRQUpBLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXJDLFlBQU8sR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUdsQyxRQUFRLENBQUMsRUFBRSxxQkFBcUIsRUFBRSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELFFBQVEsS0FBSSxDQUFDO0lBRWIsY0FBYztRQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFcEMsUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3hCLEtBQUssVUFBVTtnQkFDYixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM1QyxNQUFNO1lBQ1IsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzVDLE1BQU07WUFDUixLQUFLLEtBQUs7Z0JBQ1IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDM0MsTUFBTTtRQUNWLENBQUM7SUFDSCxDQUFDOytHQTdCVSxhQUFhO21HQUFiLGFBQWEsaUlBVmQ7Ozs7Ozs7R0FPVCw0SUFSUyxTQUFTLG9QQUFFLE9BQU8sMkpBQUUsT0FBTzs7NEZBVzFCLGFBQWE7a0JBZHpCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDLFlBQzVCOzs7Ozs7O0dBT1Q7d0RBS0QsS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uQnV0dG9uLCBJb25JY29uLCBJb25UZXh0IH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBhZGRJY29ucyB9IGZyb20gJ2lvbmljb25zJztcbmltcG9ydCB7IGNoZXZyb25Gb3J3YXJkT3V0bGluZSB9IGZyb20gJ2lvbmljb25zL2ljb25zJztcbmltcG9ydCB7IE5hdmlnYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvbmF2aWdhdGlvbi5zZXJ2aWNlJztcbmltcG9ydCB7IExpbmtNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtbGluaycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJb25CdXR0b24sIElvbkljb24sIElvblRleHRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXY+XG4gICAgICA8aW9uLWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgW2NvbG9yXT1cInByb3BzLmNvbG9yXCIgZmlsbD1cImNsZWFyXCIgW3NpemVdPVwicHJvcHMuc2l6ZVwiIChjbGljayk9XCJvbkNsaWNrSGFuZGxlcigpXCI+XG4gICAgICAgIDxpb24taWNvbiBzbG90PVwiZW5kXCIgbmFtZT1cImNoZXZyb24tZm9yd2FyZC1vdXRsaW5lXCI+PC9pb24taWNvbj5cbiAgICAgICAgPGlvbi10ZXh0Pnt7IHByb3BzLnRleHQgfX08L2lvbi10ZXh0PlxuICAgICAgPC9pb24tYnV0dG9uPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9saW5rLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIExpbmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBwcm9wczogTGlua01ldGFkYXRhO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgc2VydmljZSA9IGluamVjdChOYXZpZ2F0aW9uU2VydmljZSk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgYWRkSWNvbnMoeyBjaGV2cm9uRm9yd2FyZE91dGxpbmUgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgb25DbGlja0hhbmRsZXIoKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQodGhpcy5wcm9wcy50b2tlbik7XG5cbiAgICBzd2l0Y2ggKHRoaXMucHJvcHMudHlwZSkge1xuICAgICAgY2FzZSAnaW50ZXJuYWwnOlxuICAgICAgICB0aGlzLnNlcnZpY2UubmF2aWdhdGVCeVVybCh0aGlzLnByb3BzLmxpbmspO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2Jyb3dzZSc6XG4gICAgICAgIHRoaXMuc2VydmljZS5uYXZpZ2F0ZUluQXBwKHRoaXMucHJvcHMubGluayk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAndGFiJzpcbiAgICAgICAgdGhpcy5zZXJ2aWNlLm9wZW5Jbk5ld1RhYih0aGlzLnByb3BzLmxpbmspO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9saW5rL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvciB9IGZyb20gJ0Bpb25pYy9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBMaW5rTWV0YWRhdGEge1xuICB0b2tlbj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xuICBzaXplOiAnc21hbGwnIHwgJ2RlZmF1bHQnIHwgJ2xhcmdlJztcbiAgY29sb3I6IENvbG9yO1xuICB0eXBlOiAnaW50ZXJuYWwnIHwgJ3RhYicgfCAnYnJvd3NlJztcbiAgbGluazogc3RyaW5nO1xufVxuIl19
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { HrefComponent } from '../../atoms/href/href.component';
|
|
4
|
+
import { TitleComponent } from '../../atoms/title/title.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export class LinksCakeComponent {
|
|
8
|
+
constructor() { }
|
|
9
|
+
ngOnInit() { }
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinksCakeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LinksCakeComponent, isStandalone: true, selector: "val-links-cake", inputs: { props: "props" }, ngImport: i0, template: `
|
|
12
|
+
<div>
|
|
13
|
+
<div class="title">
|
|
14
|
+
<val-title [props]="{ content: props.title, color: 'dark', bold: false, size: props.size }"></val-title>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="link" *ngFor="let l of props.links">
|
|
17
|
+
<val-href [props]="l"></val-href>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
`, isInline: true, styles: [".title{margin:1rem 0}.link{margin-bottom:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: HrefComponent, selector: "val-href", inputs: ["props"], outputs: ["onClick"] }] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinksCakeComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'val-links-cake', standalone: true, imports: [CommonModule, TitleComponent, HrefComponent], template: `
|
|
25
|
+
<div>
|
|
26
|
+
<div class="title">
|
|
27
|
+
<val-title [props]="{ content: props.title, color: 'dark', bold: false, size: props.size }"></val-title>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="link" *ngFor="let l of props.links">
|
|
30
|
+
<val-href [props]="l"></val-href>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
`, styles: [".title{margin:1rem 0}.link{margin-bottom:.5rem}\n"] }]
|
|
34
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}] } });
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua3MtY2FrZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9saW5rcy1jYWtlL2xpbmtzLWNha2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUFtQm5FLE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQzsrR0FORixrQkFBa0I7bUdBQWxCLGtCQUFrQixzR0FabkI7Ozs7Ozs7OztHQVNULDBIQVZTLFlBQVksNEpBQUUsY0FBYyx5RUFBRSxhQUFhOzs0RkFhMUMsa0JBQWtCO2tCQWhCOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLGFBQWEsQ0FBQyxZQUM1Qzs7Ozs7Ozs7O0dBU1Q7d0RBS0QsS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSHJlZkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2hyZWYvaHJlZi5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGl0bGVDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy90aXRsZS90aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGlua0Nha2VNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtbGlua3MtY2FrZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRpdGxlQ29tcG9uZW50LCBIcmVmQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgIDx2YWwtdGl0bGUgW3Byb3BzXT1cInsgY29udGVudDogcHJvcHMudGl0bGUsIGNvbG9yOiAnZGFyaycsIGJvbGQ6IGZhbHNlLCBzaXplOiBwcm9wcy5zaXplIH1cIj48L3ZhbC10aXRsZT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImxpbmtcIiAqbmdGb3I9XCJsZXQgbCBvZiBwcm9wcy5saW5rc1wiPlxuICAgICAgICA8dmFsLWhyZWYgW3Byb3BzXT1cImxcIj48L3ZhbC1ocmVmPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2xpbmtzLWNha2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua3NDYWtlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgcHJvcHM6IExpbmtDYWtlTWV0YWRhdGE7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9saW5rcy1jYWtlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIcmVmTWV0YWRhdGEgfSBmcm9tICcuLi8uLi9hdG9tcy9ocmVmL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBMaW5rQ2FrZU1ldGFkYXRhIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgbGlua3M6IEhyZWZNZXRhZGF0YVtdO1xuICBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xufVxuIl19
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { BoxComponent } from '../../atoms/box/box.component';
|
|
4
|
+
import { TextComponent } from '../../atoms/text/text.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export class NotesBoxComponent {
|
|
8
|
+
constructor() { }
|
|
9
|
+
ngOnInit() { }
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotesBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotesBoxComponent, isStandalone: true, selector: "val-notes-box", inputs: { props: "props" }, ngImport: i0, template: `
|
|
12
|
+
<val-box [props]="{ icon: '', bordered: false, color: props.color, leftBorder: true }">
|
|
13
|
+
<div [ngClass]="['content-container', props.size]" body>
|
|
14
|
+
<val-text [props]="{ content: props.prefix, color: props.textColor, bold: true, size: props.size }"></val-text>
|
|
15
|
+
<val-text [props]="{ content: props.text, color: props.textColor, bold: false, size: props.size }"></val-text>
|
|
16
|
+
</div>
|
|
17
|
+
</val-box>
|
|
18
|
+
`, isInline: true, styles: [".content-container{display:inline-grid}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BoxComponent, selector: "val-box", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotesBoxComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'val-notes-box', standalone: true, imports: [CommonModule, BoxComponent, TextComponent], template: `
|
|
23
|
+
<val-box [props]="{ icon: '', bordered: false, color: props.color, leftBorder: true }">
|
|
24
|
+
<div [ngClass]="['content-container', props.size]" body>
|
|
25
|
+
<val-text [props]="{ content: props.prefix, color: props.textColor, bold: true, size: props.size }"></val-text>
|
|
26
|
+
<val-text [props]="{ content: props.text, color: props.textColor, bold: false, size: props.size }"></val-text>
|
|
27
|
+
</div>
|
|
28
|
+
</val-box>
|
|
29
|
+
`, styles: [".content-container{display:inline-grid}\n"] }]
|
|
30
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZXMtYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL25vdGVzLWJveC9ub3Rlcy1ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7QUFpQmhFLE1BQU0sT0FBTyxpQkFBaUI7SUFJNUIsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQzsrR0FORixpQkFBaUI7bUdBQWpCLGlCQUFpQixxR0FWbEI7Ozs7Ozs7R0FPVCxrSEFSUyxZQUFZLDZIQUFFLFlBQVksNkZBQUUsYUFBYTs7NEZBV3hDLGlCQUFpQjtrQkFkN0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxhQUFhLENBQUMsWUFDMUM7Ozs7Ozs7R0FPVDt3REFLRCxLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb3hDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9ib3gvYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvdGV4dC90ZXh0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOb3Rlc0JveE1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1ub3Rlcy1ib3gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCb3hDb21wb25lbnQsIFRleHRDb21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDx2YWwtYm94IFtwcm9wc109XCJ7IGljb246ICcnLCBib3JkZXJlZDogZmFsc2UsIGNvbG9yOiBwcm9wcy5jb2xvciwgbGVmdEJvcmRlcjogdHJ1ZSB9XCI+XG4gICAgICA8ZGl2IFtuZ0NsYXNzXT1cIlsnY29udGVudC1jb250YWluZXInLCBwcm9wcy5zaXplXVwiIGJvZHk+XG4gICAgICAgIDx2YWwtdGV4dCBbcHJvcHNdPVwieyBjb250ZW50OiBwcm9wcy5wcmVmaXgsIGNvbG9yOiBwcm9wcy50ZXh0Q29sb3IsIGJvbGQ6IHRydWUsIHNpemU6IHByb3BzLnNpemUgfVwiPjwvdmFsLXRleHQ+XG4gICAgICAgIDx2YWwtdGV4dCBbcHJvcHNdPVwieyBjb250ZW50OiBwcm9wcy50ZXh0LCBjb2xvcjogcHJvcHMudGV4dENvbG9yLCBib2xkOiBmYWxzZSwgc2l6ZTogcHJvcHMuc2l6ZSB9XCI+PC92YWwtdGV4dD5cbiAgICAgIDwvZGl2PlxuICAgIDwvdmFsLWJveD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbm90ZXMtYm94LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5vdGVzQm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgcHJvcHM6IE5vdGVzQm94TWV0YWRhdGE7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9ub3Rlcy1ib3gvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIE5vdGVzQm94TWV0YWRhdGEge1xuICBjb2xvcjogQ29sb3I7XG4gIHRleHRDb2xvcjogQ29sb3I7XG4gIHByZWZpeDogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAneGxhcmdlJztcbn1cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
3
|
+
import { IonInput } from '@ionic/angular/standalone';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
export class NumberInputComponent {
|
|
7
|
+
constructor() { }
|
|
8
|
+
ngOnInit() { }
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NumberInputComponent, isStandalone: true, selector: "val-number-input", inputs: { props: "props" }, ngImport: i0, template: ` <ion-input [formControl]="props.control" type="number" [placeholder]="props.placeholder"></ion-input> `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }] }); }
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'val-number-input', standalone: true, imports: [ReactiveFormsModule, IonInput], template: ` <ion-input [formControl]="props.control" type="number" [placeholder]="props.placeholder"></ion-input> ` }]
|
|
15
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL251bWJlci1pbnB1dC9udW1iZXItaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBVXJELE1BQU0sT0FBTyxvQkFBb0I7SUFHL0IsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQzsrR0FMRixvQkFBb0I7bUdBQXBCLG9CQUFvQix3R0FIckIseUdBQXlHLHlFQUR6RyxtQkFBbUIsMFRBQUUsUUFBUTs7NEZBSTVCLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsbUJBQW1CLEVBQUUsUUFBUSxDQUFDLFlBQzlCLHlHQUF5Rzt3REFJMUcsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSW9uSW5wdXQgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IElucHV0TWV0YWRhdGEgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1udW1iZXItaW5wdXQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbUmVhY3RpdmVGb3Jtc01vZHVsZSwgSW9uSW5wdXRdLFxuICB0ZW1wbGF0ZTogYCA8aW9uLWlucHV0IFtmb3JtQ29udHJvbF09XCJwcm9wcy5jb250cm9sXCIgdHlwZT1cIm51bWJlclwiIFtwbGFjZWhvbGRlcl09XCJwcm9wcy5wbGFjZWhvbGRlclwiPjwvaW9uLWlucHV0PiBgLFxuICBzdHlsZVVybHM6IFsnLi9udW1iZXItaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTnVtYmVySW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBwcm9wczogSW5wdXRNZXRhZGF0YTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxufVxuIl19
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
3
|
+
import { IonButton, IonIcon, IonInput } from '@ionic/angular/standalone';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
export class PasswordInputComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.hidePassword = true;
|
|
9
|
+
}
|
|
10
|
+
ngOnInit() { }
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PasswordInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PasswordInputComponent, isStandalone: true, selector: "val-password-input", inputs: { props: "props" }, ngImport: i0, template: `
|
|
13
|
+
<div class="input-container">
|
|
14
|
+
<ion-input
|
|
15
|
+
class="sign-in__input-password"
|
|
16
|
+
[formControl]="props.control"
|
|
17
|
+
[type]="hidePassword ? 'password' : 'text'"
|
|
18
|
+
[placeholder]="props.placeholder"
|
|
19
|
+
></ion-input>
|
|
20
|
+
<ion-button color="dark" fill="clear" (click)="hidePassword = !hidePassword" size="small">
|
|
21
|
+
<ion-icon slot="icon-only" [name]="hidePassword ? 'eye-off-outline' : 'eye-outline'"></ion-icon>
|
|
22
|
+
</ion-button>
|
|
23
|
+
</div>
|
|
24
|
+
`, isInline: true, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.input-container{display:flex;align-items:center;flex-direction:row}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PasswordInputComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'val-password-input', standalone: true, imports: [ReactiveFormsModule, IonInput, IonButton, IonIcon], template: `
|
|
29
|
+
<div class="input-container">
|
|
30
|
+
<ion-input
|
|
31
|
+
class="sign-in__input-password"
|
|
32
|
+
[formControl]="props.control"
|
|
33
|
+
[type]="hidePassword ? 'password' : 'text'"
|
|
34
|
+
[placeholder]="props.placeholder"
|
|
35
|
+
></ion-input>
|
|
36
|
+
<ion-button color="dark" fill="clear" (click)="hidePassword = !hidePassword" size="small">
|
|
37
|
+
<ion-icon slot="icon-only" [name]="hidePassword ? 'eye-off-outline' : 'eye-outline'"></ion-icon>
|
|
38
|
+
</ion-button>
|
|
39
|
+
</div>
|
|
40
|
+
`, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.input-container{display:flex;align-items:center;flex-direction:row}\n"] }]
|
|
41
|
+
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}] } });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmFsdGVjaC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvcGFzc3dvcmQtaW5wdXQvcGFzc3dvcmQtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFzQnpFLE1BQU0sT0FBTyxzQkFBc0I7SUFLakM7UUFGQSxpQkFBWSxHQUFHLElBQUksQ0FBQztJQUVMLENBQUM7SUFFaEIsUUFBUSxLQUFJLENBQUM7K0dBUEYsc0JBQXNCO21HQUF0QixzQkFBc0IsMEdBZnZCOzs7Ozs7Ozs7Ozs7R0FZVCxnUEFiUyxtQkFBbUIsMFRBQUUsUUFBUSw4ZUFBRSxTQUFTLG9QQUFFLE9BQU87OzRGQWdCaEQsc0JBQXNCO2tCQW5CbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUMsWUFDbEQ7Ozs7Ozs7Ozs7OztHQVlUO3dEQUlRLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElvbkJ1dHRvbiwgSW9uSWNvbiwgSW9uSW5wdXQgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IElucHV0TWV0YWRhdGEgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1wYXNzd29yZC1pbnB1dCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtSZWFjdGl2ZUZvcm1zTW9kdWxlLCBJb25JbnB1dCwgSW9uQnV0dG9uLCBJb25JY29uXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtY29udGFpbmVyXCI+XG4gICAgICA8aW9uLWlucHV0XG4gICAgICAgIGNsYXNzPVwic2lnbi1pbl9faW5wdXQtcGFzc3dvcmRcIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwicHJvcHMuY29udHJvbFwiXG4gICAgICAgIFt0eXBlXT1cImhpZGVQYXNzd29yZCA/ICdwYXNzd29yZCcgOiAndGV4dCdcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicHJvcHMucGxhY2Vob2xkZXJcIlxuICAgICAgPjwvaW9uLWlucHV0PlxuICAgICAgPGlvbi1idXR0b24gY29sb3I9XCJkYXJrXCIgZmlsbD1cImNsZWFyXCIgKGNsaWNrKT1cImhpZGVQYXNzd29yZCA9ICFoaWRlUGFzc3dvcmRcIiBzaXplPVwic21hbGxcIj5cbiAgICAgICAgPGlvbi1pY29uIHNsb3Q9XCJpY29uLW9ubHlcIiBbbmFtZV09XCJoaWRlUGFzc3dvcmQgPyAnZXllLW9mZi1vdXRsaW5lJyA6ICdleWUtb3V0bGluZSdcIj48L2lvbi1pY29uPlxuICAgICAgPC9pb24tYnV0dG9uPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9wYXNzd29yZC1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYXNzd29yZElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcHJvcHM6IElucHV0TWV0YWRhdGE7XG5cbiAgaGlkZVBhc3N3b3JkID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxufVxuIl19
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import { NgOtpInputComponent, NgOtpInputModule } from 'ng-otp-input';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "ng-otp-input";
|
|
5
|
+
export class PinInputComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.codeLength = 5;
|
|
8
|
+
this.otpInputConfig = {
|
|
9
|
+
inputStyles: {
|
|
10
|
+
'font-size': '36px',
|
|
11
|
+
width: '55px',
|
|
12
|
+
height: '55px',
|
|
13
|
+
},
|
|
14
|
+
inputClass: 'otp-input-box',
|
|
15
|
+
length: this.codeLength,
|
|
16
|
+
allowNumbersOnly: true,
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
ngOnInit() { }
|
|
20
|
+
reset() {
|
|
21
|
+
if (this.pinCode) {
|
|
22
|
+
this.pinCode.setValue('');
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PinInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PinInputComponent, isStandalone: true, selector: "val-pin-input", inputs: { props: "props" }, viewQueries: [{ propertyName: "pinCode", first: true, predicate: NgOtpInputComponent, descendants: true }], ngImport: i0, template: `
|
|
27
|
+
<div class="otp">
|
|
28
|
+
<ng-otp-input [formCtrl]="props.control" [config]="otpInputConfig"></ng-otp-input>
|
|
29
|
+
</div>
|
|
30
|
+
`, isInline: true, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.otp{text-align:center;margin-top:.25rem;font-family:var(--ion-default-font),Arial,sans-serif}.otp-input-box:focus{border-color:#0ff}\n"], dependencies: [{ kind: "ngmodule", type: NgOtpInputModule }, { kind: "component", type: i1.NgOtpInputComponent, selector: "ng-otp-input", inputs: ["config", "formCtrl"], outputs: ["onInputChange"] }] }); }
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PinInputComponent, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{ selector: 'val-pin-input', standalone: true, imports: [NgOtpInputModule], template: `
|
|
35
|
+
<div class="otp">
|
|
36
|
+
<ng-otp-input [formCtrl]="props.control" [config]="otpInputConfig"></ng-otp-input>
|
|
37
|
+
</div>
|
|
38
|
+
`, styles: [".section{margin-top:1rem}.input{margin:.5rem 0}@media (min-width: 768px){.input{margin:.75rem 0}}.otp{text-align:center;margin-top:.25rem;font-family:var(--ion-default-font),Arial,sans-serif}.otp-input-box:focus{border-color:#0ff}\n"] }]
|
|
39
|
+
}], ctorParameters: () => [], propDecorators: { pinCode: [{
|
|
40
|
+
type: ViewChild,
|
|
41
|
+
args: [NgOtpInputComponent, { static: false }]
|
|
42
|
+
}], props: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}] } });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGluLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3Bpbi1pbnB1dC9waW4taW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsbUJBQW1CLEVBQW9CLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFDOzs7QUFjdkYsTUFBTSxPQUFPLGlCQUFpQjtJQWlCNUI7UUFaQSxlQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsbUJBQWMsR0FBcUI7WUFDakMsV0FBVyxFQUFFO2dCQUNYLFdBQVcsRUFBRSxNQUFNO2dCQUNuQixLQUFLLEVBQUUsTUFBTTtnQkFDYixNQUFNLEVBQUUsTUFBTTthQUNmO1lBQ0QsVUFBVSxFQUFFLGVBQWU7WUFDM0IsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQ3ZCLGdCQUFnQixFQUFFLElBQUk7U0FDdkIsQ0FBQztJQUVhLENBQUM7SUFFaEIsUUFBUSxLQUFJLENBQUM7SUFFYixLQUFLO1FBQ0gsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUM7K0dBekJVLGlCQUFpQjttR0FBakIsaUJBQWlCLDhJQUNqQixtQkFBbUIsZ0RBUnBCOzs7O0dBSVQsaVRBTFMsZ0JBQWdCOzs0RkFRZixpQkFBaUI7a0JBWDdCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLGdCQUFnQixDQUFDLFlBQ2pCOzs7O0dBSVQ7d0RBSWtELE9BQU87c0JBQXpELFNBQVM7dUJBQUMsbUJBQW1CLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUV4QyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdPdHBJbnB1dENvbXBvbmVudCwgTmdPdHBJbnB1dENvbmZpZywgTmdPdHBJbnB1dE1vZHVsZSB9IGZyb20gJ25nLW90cC1pbnB1dCc7XG5pbXBvcnQgeyBJbnB1dE1ldGFkYXRhIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtcGluLWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nT3RwSW5wdXRNb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJvdHBcIj5cbiAgICAgIDxuZy1vdHAtaW5wdXQgW2Zvcm1DdHJsXT1cInByb3BzLmNvbnRyb2xcIiBbY29uZmlnXT1cIm90cElucHV0Q29uZmlnXCI+PC9uZy1vdHAtaW5wdXQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Bpbi1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQaW5JbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBWaWV3Q2hpbGQoTmdPdHBJbnB1dENvbXBvbmVudCwgeyBzdGF0aWM6IGZhbHNlIH0pIHBpbkNvZGU6IE5nT3RwSW5wdXRDb21wb25lbnQgfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KCkgcHJvcHM6IElucHV0TWV0YWRhdGE7XG5cbiAgY29kZUxlbmd0aCA9IDU7XG4gIG90cElucHV0Q29uZmlnOiBOZ090cElucHV0Q29uZmlnID0ge1xuICAgIGlucHV0U3R5bGVzOiB7XG4gICAgICAnZm9udC1zaXplJzogJzM2cHgnLFxuICAgICAgd2lkdGg6ICc1NXB4JyxcbiAgICAgIGhlaWdodDogJzU1cHgnLFxuICAgIH0sXG4gICAgaW5wdXRDbGFzczogJ290cC1pbnB1dC1ib3gnLFxuICAgIGxlbmd0aDogdGhpcy5jb2RlTGVuZ3RoLFxuICAgIGFsbG93TnVtYmVyc09ubHk6IHRydWUsXG4gIH07XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICByZXNldCgpIHtcbiAgICBpZiAodGhpcy5waW5Db2RlKSB7XG4gICAgICB0aGlzLnBpbkNvZGUuc2V0VmFsdWUoJycpO1xuICAgIH1cbiAgfVxufVxuIl19
|