@rededor/cura 2.0.0-alpha.10 → 2.0.0-alpha.12
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/dist/cjs/app-globals-e8cmvmo1.js +69 -0
- package/dist/cjs/cura-accordion_21.cjs.entry.js +267 -208
- package/dist/cjs/cura-alert.cjs.entry.js +7 -8
- package/dist/cjs/cura-badge-counter.cjs.entry.js +13 -10
- package/dist/cjs/cura-badge-dot.cjs.entry.js +4 -7
- package/dist/cjs/cura-badge-pill.cjs.entry.js +7 -8
- package/dist/cjs/cura-button-outline.cjs.entry.js +15 -10
- package/dist/cjs/cura-button-select.cjs.entry.js +10 -9
- package/dist/cjs/cura-button.definitions-B3SK8MaV.js +0 -3
- package/dist/cjs/cura-calendar.cjs.entry.js +12 -9
- package/dist/cjs/cura-checkbox.cjs.entry.js +18 -11
- package/dist/cjs/cura-display.cjs.entry.js +10 -9
- package/dist/cjs/cura-dropdown-search-not-found.cjs.entry.js +4 -7
- package/dist/cjs/cura-forms.definitions-DVLuO67c.js +0 -3
- package/dist/cjs/cura-icon.definitions-DT0wF67y.js +0 -3
- package/dist/cjs/cura-icons-view.cjs.entry.js +4 -7
- package/dist/cjs/cura-input-date.cjs.entry.js +7 -8
- package/dist/cjs/cura-loader-bar.cjs.entry.js +10 -9
- package/dist/cjs/cura-modal.cjs.entry.js +19 -12
- package/dist/cjs/cura-progress-bar_2.cjs.entry.js +6 -9
- package/dist/cjs/cura-radio.cjs.entry.js +15 -10
- package/dist/cjs/cura-stepper.cjs.entry.js +4 -7
- package/dist/cjs/cura-switch.cjs.entry.js +13 -10
- package/dist/cjs/cura-tabs-button.cjs.entry.js +7 -8
- package/dist/cjs/cura-tabs-transparent.cjs.entry.js +7 -8
- package/dist/cjs/cura-tabs.definitions-CGqqGE2e.js +0 -3
- package/dist/cjs/cura-theme-module-Dg1d3VUN.js +237 -0
- package/dist/cjs/cura-toast.cjs.entry.js +10 -9
- package/dist/cjs/cura-tooltip.cjs.entry.js +4 -7
- package/dist/cjs/cura.cjs.js +8 -8
- package/dist/cjs/{index-BK9MSAiE.js → index-BLhmsPd0.js} +705 -579
- package/dist/cjs/index-EyP6Zlkd.js +0 -3
- package/dist/cjs/index.cjs.js +3 -4
- package/dist/cjs/loader.cjs.js +7 -7
- package/dist/cjs/static-DHz-FA_O.js +88 -0
- package/dist/cjs/theme-legacy-default-COE-hjD7.js +264 -0
- package/dist/collection/api/cura-api.js +0 -1
- package/dist/collection/api/cura-api.type.js +0 -1
- package/dist/collection/api/modules/cura-theme-breakpoints-module.js +0 -1
- package/dist/collection/api/modules/cura-theme-colors-module.js +0 -1
- package/dist/collection/api/modules/cura-theme-fonts-module.js +0 -1
- package/dist/collection/api/modules/cura-theme-module.js +0 -1
- package/dist/collection/api/modules/cura-theme-spacing-module.js +0 -1
- package/dist/collection/api/theme-presets/static.js +0 -1
- package/dist/collection/api/theme-presets/theme-default.js +0 -1
- package/dist/collection/api/theme-presets/theme-legacy-default.js +0 -1
- package/dist/collection/api/theme-presets/theme-maternity.js +0 -1
- package/dist/collection/api/theme-presets/theme-oncology.js +0 -1
- package/dist/collection/api/theme-presets/theme-perinatal-temporary.js +0 -1
- package/dist/collection/api/theme-presets/theme-presets.js +0 -1
- package/dist/collection/api/theme-presets/theme-richet.js +0 -1
- package/dist/collection/assets/icons/iconset-default-list.js +0 -1
- package/dist/collection/collection-manifest.json +3 -2
- package/dist/collection/components/accordion/cura-accordion/cura-accordion.css +0 -0
- package/dist/collection/components/accordion/cura-accordion/cura-accordion.js +9 -10
- package/dist/collection/components/accordion/cura-accordion/cura-accordion.stories.js +0 -1
- package/dist/collection/components/accordion/cura-accordion-item/cura-accordion-item.css +0 -0
- package/dist/collection/components/accordion/cura-accordion-item/cura-accordion-item.js +9 -10
- package/dist/collection/components/badges/cura-badge-counter/cura-badge-counter.css +0 -0
- package/dist/collection/components/badges/cura-badge-counter/cura-badge-counter.js +5 -6
- package/dist/collection/components/badges/cura-badge-counter/cura-badge-counter.stories.js +0 -1
- package/dist/collection/components/badges/cura-badge-distance/cura-badge-distance.css +0 -0
- package/dist/collection/components/badges/cura-badge-distance/cura-badge-distance.js +2 -3
- package/dist/collection/components/badges/cura-badge-distance/cura-badge-distance.stories.js +0 -1
- package/dist/collection/components/badges/cura-badge-dot/cura-badge-dot.css +0 -0
- package/dist/collection/components/badges/cura-badge-dot/cura-badge-dot.js +3 -4
- package/dist/collection/components/badges/cura-badge-dot/cura-badge-dot.stories.js +0 -1
- package/dist/collection/components/badges/cura-badge-pill/cura-badge-pill.css +0 -0
- package/dist/collection/components/badges/cura-badge-pill/cura-badge-pill.js +8 -9
- package/dist/collection/components/badges/cura-badge-pill/cura-badge-pill.stories.js +0 -1
- package/dist/collection/components/buttons/cura-button/cura-button.css +0 -0
- package/dist/collection/components/buttons/cura-button/cura-button.js +24 -25
- package/dist/collection/components/buttons/cura-button/cura-button.stories.js +0 -1
- package/dist/collection/components/buttons/cura-button-outline/cura-button-outline.css +0 -0
- package/dist/collection/components/buttons/cura-button-outline/cura-button-outline.js +17 -18
- package/dist/collection/components/buttons/cura-button-outline/cura-button-outline.stories.js +0 -1
- package/dist/collection/components/buttons/cura-button-select/cura-button-select.css +0 -0
- package/dist/collection/components/buttons/cura-button-select/cura-button-select.js +12 -13
- package/dist/collection/components/buttons/cura-button-select/cura-button-select.stories.js +0 -1
- package/dist/collection/components/buttons/cura-button-transparent/cura-button-transparent.css +0 -0
- package/dist/collection/components/buttons/cura-button-transparent/cura-button-transparent.js +16 -17
- package/dist/collection/components/buttons/cura-button-transparent/cura-button-transparent.stories.js +0 -1
- package/dist/collection/components/buttons/cura-button.definitions.js +0 -1
- package/dist/collection/components/cura-alert/cura-alert.css +0 -0
- package/dist/collection/components/cura-alert/cura-alert.js +7 -8
- package/dist/collection/components/cura-alert/cura-alert.stories.js +0 -1
- package/dist/collection/components/cura-avatar/cura-avatar.css +0 -0
- package/dist/collection/components/cura-avatar/cura-avatar.definitions.js +0 -1
- package/dist/collection/components/cura-avatar/cura-avatar.js +13 -14
- package/dist/collection/components/cura-avatar/cura-avatar.stories.js +0 -1
- package/dist/collection/components/cura-calendar/cura-calendar.css +0 -0
- package/dist/collection/components/cura-calendar/cura-calendar.js +21 -25
- package/dist/collection/components/cura-calendar/cura-calendar.stories.js +0 -1
- package/dist/collection/components/cura-card/cura-card.css +0 -0
- package/dist/collection/components/cura-card/cura-card.js +7 -8
- package/dist/collection/components/cura-card/cura-card.stories.js +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.css +0 -0
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.js +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.stories.js +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.css +0 -0
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.js +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.stories.js +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.css +0 -0
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.js +7 -8
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.stories.js +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.css +0 -0
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js +13 -14
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.stories.js +0 -1
- package/dist/collection/components/cura-icon/cura-icon.css +0 -0
- package/dist/collection/components/cura-icon/cura-icon.definitions.js +0 -1
- package/dist/collection/components/cura-icon/cura-icon.js +6 -7
- package/dist/collection/components/cura-icon/cura-icon.stories.js +0 -1
- package/dist/collection/components/cura-icons-view/cura-icons-view.css +0 -0
- package/dist/collection/components/cura-icons-view/cura-icons-view.js +0 -1
- package/dist/collection/components/cura-icons-view/cura-icons-view.stories.js +0 -1
- package/dist/collection/components/cura-modal/cura-modal.css +0 -0
- package/dist/collection/components/cura-modal/cura-modal.js +9 -10
- package/dist/collection/components/cura-modal/cura-modal.stories.js +0 -1
- package/dist/collection/components/cura-page-template/cura-page-template.css +0 -0
- package/dist/collection/components/cura-page-template/cura-page-template.js +1 -2
- package/dist/collection/components/cura-stepper/cura-progress-bar/cura-progress-bar.css +0 -0
- package/dist/collection/components/cura-stepper/cura-progress-bar/cura-progress-bar.js +8 -9
- package/dist/collection/components/cura-stepper/cura-stepper-item/cura-stepper-item.css +0 -0
- package/dist/collection/components/cura-stepper/cura-stepper-item/cura-stepper-item.js +6 -7
- package/dist/collection/components/cura-stepper/cura-stepper.css +0 -0
- package/dist/collection/components/cura-stepper/cura-stepper.js +8 -8
- package/dist/collection/components/cura-stepper/cura-stepper.stories.js +0 -1
- package/dist/collection/components/cura-stepper/stepper.type.js +0 -1
- package/dist/collection/components/cura-toast/cura-toast.css +0 -0
- package/dist/collection/components/cura-toast/cura-toast.js +9 -10
- package/dist/collection/components/cura-toast/cura-toast.stories.js +0 -1
- package/dist/collection/components/cura-tooltip/cura-tooltip.css +0 -0
- package/dist/collection/components/cura-tooltip/cura-tooltip.js +8 -9
- package/dist/collection/components/cura-tooltip/cura-tooltip.stories.js +0 -1
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.css +0 -0
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.js +19 -20
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.stories.js +0 -1
- package/dist/collection/components/forms/cura-forms.definitions.js +0 -1
- package/dist/collection/components/forms/cura-input-date/cura-input-date.css +0 -0
- package/dist/collection/components/forms/cura-input-date/cura-input-date.js +15 -16
- package/dist/collection/components/forms/cura-input-date/cura-input-date.stories.js +0 -1
- package/dist/collection/components/forms/cura-input-text/cura-input-text.css +0 -0
- package/dist/collection/components/forms/cura-input-text/cura-input-text.js +29 -30
- package/dist/collection/components/forms/cura-input-text/cura-input-text.stories.js +0 -1
- package/dist/collection/components/forms/cura-input-text/mask-presets/input-mask-presets.js +0 -1
- package/dist/collection/components/forms/cura-label/cura-label.css +0 -0
- package/dist/collection/components/forms/cura-label/cura-label.js +8 -9
- package/dist/collection/components/forms/cura-label/cura-label.stories.js +0 -1
- package/dist/collection/components/forms/cura-radio/cura-radio.css +0 -0
- package/dist/collection/components/forms/cura-radio/cura-radio.js +15 -16
- package/dist/collection/components/forms/cura-radio/cura-radio.stories.js +0 -1
- package/dist/collection/components/forms/cura-select/cura-select.css +0 -0
- package/dist/collection/components/forms/cura-select/cura-select.js +13 -14
- package/dist/collection/components/forms/cura-select/cura-select.stories.js +0 -1
- package/dist/collection/components/forms/cura-select-options/cura-select-option.css +0 -0
- package/dist/collection/components/forms/cura-select-options/cura-select-option.js +5 -6
- package/dist/collection/components/forms/cura-switch/cura-switch.css +0 -0
- package/dist/collection/components/forms/cura-switch/cura-switch.js +10 -11
- package/dist/collection/components/forms/cura-switch/cura-switch.stories.js +0 -1
- package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.css +0 -0
- package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.js +2 -3
- package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.stories.js +0 -1
- package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.css +0 -0
- package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js +2 -3
- package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.stories.js +0 -1
- package/dist/collection/components/tabs/cura-tabs/cura-tabs.css +0 -0
- package/dist/collection/components/tabs/cura-tabs/cura-tabs.js +9 -10
- package/dist/collection/components/tabs/cura-tabs/cura-tabs.stories.js +0 -1
- package/dist/collection/components/tabs/cura-tabs-button/cura-tabs-button.css +0 -0
- package/dist/collection/components/tabs/cura-tabs-button/cura-tabs-button.js +9 -10
- package/dist/collection/components/tabs/cura-tabs-button/cura-tabs-button.stories.js +0 -1
- package/dist/collection/components/tabs/cura-tabs-group/cura-tabs-group.css +0 -0
- package/dist/collection/components/tabs/cura-tabs-group/cura-tabs-group.js +3 -4
- package/dist/collection/components/tabs/cura-tabs-group/cura-tabs-group.stories.js +0 -1
- package/dist/collection/components/tabs/cura-tabs-transparent/cura-tabs-transparent.css +0 -0
- package/dist/collection/components/tabs/cura-tabs-transparent/cura-tabs-transparent.js +9 -10
- package/dist/collection/components/tabs/cura-tabs-transparent/cura-tabs-transparent.stories.js +0 -1
- package/dist/collection/components/tabs/cura-tabs.definitions.js +0 -1
- package/dist/collection/components/text/cura-display/cura-display.css +0 -0
- package/dist/collection/components/text/cura-display/cura-display.js +7 -8
- package/dist/collection/components/text/cura-display/cura-display.stories.js +0 -1
- package/dist/collection/components/text/cura-heading/cura-heading.css +0 -0
- package/dist/collection/components/text/cura-heading/cura-heading.js +9 -10
- package/dist/collection/components/text/cura-heading/cura-heading.stories.js +0 -1
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.css +0 -0
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.js +7 -8
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.stories.js +0 -1
- package/dist/collection/index.js +0 -1
- package/dist/collection/rededor-cura-start.js +0 -1
- package/dist/collection/utils/FixedElementScrollBehavior.js +0 -1
- package/dist/collection/utils/utils.js +0 -1
- package/dist/components/cura-accordion-item.d.ts +0 -0
- package/dist/components/cura-accordion-item.js +1 -102
- package/dist/components/cura-accordion.d.ts +0 -0
- package/dist/components/cura-accordion.js +1 -144
- package/dist/components/cura-alert.d.ts +0 -0
- package/dist/components/cura-alert.js +1 -110
- package/dist/components/cura-avatar.d.ts +0 -0
- package/dist/components/cura-avatar.js +1 -112
- package/dist/components/cura-badge-counter.d.ts +0 -0
- package/dist/components/cura-badge-counter.js +1 -9
- package/dist/components/cura-badge-distance.d.ts +0 -0
- package/dist/components/cura-badge-distance.js +1 -73
- package/dist/components/cura-badge-dot.d.ts +0 -0
- package/dist/components/cura-badge-dot.js +1 -73
- package/dist/components/cura-badge-pill.d.ts +0 -0
- package/dist/components/cura-badge-pill.js +1 -9
- package/dist/components/cura-button-outline.d.ts +0 -0
- package/dist/components/cura-button-outline.js +1 -206
- package/dist/components/cura-button-select.d.ts +0 -0
- package/dist/components/cura-button-select.js +1 -163
- package/dist/components/cura-button-transparent.d.ts +0 -0
- package/dist/components/cura-button-transparent.js +1 -9
- package/dist/components/cura-button.d.ts +0 -0
- package/dist/components/cura-button.js +1 -205
- package/dist/components/cura-calendar.d.ts +0 -0
- package/dist/components/cura-calendar.js +1 -9
- package/dist/components/cura-card.d.ts +0 -0
- package/dist/components/cura-card.js +1 -104
- package/dist/components/cura-checkbox.d.ts +0 -0
- package/dist/components/cura-checkbox.js +1 -286
- package/dist/components/cura-display.d.ts +0 -0
- package/dist/components/cura-display.js +1 -128
- package/dist/components/cura-dropdown-search-category.d.ts +0 -0
- package/dist/components/cura-dropdown-search-category.js +1 -49
- package/dist/components/cura-dropdown-search-not-found.d.ts +0 -0
- package/dist/components/cura-dropdown-search-not-found.js +1 -48
- package/dist/components/cura-dropdown-search-option.d.ts +0 -0
- package/dist/components/cura-dropdown-search-option.js +1 -93
- package/dist/components/cura-dropdown-search.d.ts +0 -0
- package/dist/components/cura-dropdown-search.js +1 -467
- package/dist/components/cura-heading.d.ts +0 -0
- package/dist/components/cura-heading.js +1 -9
- package/dist/components/cura-icon.d.ts +0 -0
- package/dist/components/cura-icon.js +1 -9
- package/dist/components/cura-icons-view.d.ts +0 -0
- package/dist/components/cura-icons-view.js +1 -67
- package/dist/components/cura-input-date.d.ts +0 -0
- package/dist/components/cura-input-date.js +1 -286
- package/dist/components/cura-input-text.d.ts +0 -0
- package/dist/components/cura-input-text.js +1 -9
- package/dist/components/cura-label.d.ts +0 -0
- package/dist/components/cura-label.js +1 -9
- package/dist/components/cura-loader-bar.d.ts +0 -0
- package/dist/components/cura-loader-bar.js +1 -9
- package/dist/components/cura-loader-circle.d.ts +0 -0
- package/dist/components/cura-loader-circle.js +1 -9
- package/dist/components/cura-modal.d.ts +0 -0
- package/dist/components/cura-modal.js +1 -181
- package/dist/components/cura-page-template.d.ts +0 -0
- package/dist/components/cura-page-template.js +1 -50
- package/dist/components/cura-paragraph.d.ts +0 -0
- package/dist/components/cura-paragraph.js +1 -9
- package/dist/components/cura-progress-bar.d.ts +0 -0
- package/dist/components/cura-progress-bar.js +1 -9
- package/dist/components/cura-radio.d.ts +0 -0
- package/dist/components/cura-radio.js +1 -249
- package/dist/components/cura-select-option.d.ts +0 -0
- package/dist/components/cura-select-option.js +1 -9
- package/dist/components/cura-select.d.ts +0 -0
- package/dist/components/cura-select.js +1 -9
- package/dist/components/cura-stepper-item.d.ts +0 -0
- package/dist/components/cura-stepper-item.js +1 -9
- package/dist/components/cura-stepper.d.ts +0 -0
- package/dist/components/cura-stepper.js +1 -205
- package/dist/components/cura-switch.d.ts +0 -0
- package/dist/components/cura-switch.js +1 -201
- package/dist/components/cura-tabs-button.d.ts +0 -0
- package/dist/components/cura-tabs-button.js +1 -148
- package/dist/components/cura-tabs-group.d.ts +0 -0
- package/dist/components/cura-tabs-group.js +1 -64
- package/dist/components/cura-tabs-transparent.d.ts +0 -0
- package/dist/components/cura-tabs-transparent.js +1 -141
- package/dist/components/cura-tabs.d.ts +0 -0
- package/dist/components/cura-tabs.js +1 -146
- package/dist/components/cura-toast.d.ts +0 -0
- package/dist/components/cura-toast.js +1 -162
- package/dist/components/cura-tooltip.d.ts +0 -0
- package/dist/components/cura-tooltip.js +1 -291
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -115
- package/dist/components/p-B2RN7oe_.js +1 -0
- package/dist/components/p-B8xnU6YS.js +1 -0
- package/dist/components/p-BSI2FkNn.js +1 -11
- package/dist/components/p-BSdkRryc.js +1 -0
- package/dist/components/p-BYA8glxD.js +1 -0
- package/dist/components/p-Bf21UQXV.js +1 -0
- package/dist/components/p-C7so9xnO.js +1 -0
- package/dist/components/p-CCkEqDZb.js +1 -0
- package/dist/components/p-CG1lz5DR.js +1 -0
- package/dist/components/p-CHcd-uKK.js +1 -11
- package/dist/components/p-CpmZ68rD.js +1 -0
- package/dist/components/p-D6xuYQiO.js +1 -0
- package/dist/components/p-D7WNwjv-.js +1 -0
- package/dist/components/p-DBXUEjWh.js +1 -0
- package/dist/components/p-DXlGQp3a.js +1 -0
- package/dist/components/p-Dot54hbB.js +1 -19
- package/dist/components/p-DxJedO3K.js +1 -0
- package/dist/components/p-fR02COZb.js +1 -0
- package/dist/components/p-fn4zJrKE.js +1 -0
- package/dist/cura/cura.esm.js +1 -2
- package/dist/cura/index.esm.js +1 -2
- package/dist/cura/p-1dc9c478.entry.js +1 -0
- package/dist/cura/p-27ba7ef5.entry.js +1 -0
- package/dist/cura/p-2db704a6.entry.js +1 -0
- package/dist/cura/p-2e2e2b4d.entry.js +1 -0
- package/dist/cura/p-31373db7.entry.js +1 -0
- package/dist/cura/p-3a3202f0.entry.js +1 -0
- package/dist/cura/p-42e72d12.entry.js +1 -0
- package/dist/cura/p-5357f7bd.entry.js +1 -0
- package/dist/cura/p-54624944.entry.js +1 -0
- package/dist/cura/p-582f8b72.entry.js +1 -0
- package/dist/cura/p-7965fe63.entry.js +1 -0
- package/dist/cura/p-964stZ3D.js +1 -2
- package/dist/cura/p-9de85de6.entry.js +1 -0
- package/dist/cura/p-BM8Akv15.js +1 -0
- package/dist/cura/p-BSI2FkNn.js +1 -2
- package/dist/cura/p-BTIDzOyO.js +1 -0
- package/dist/cura/p-BxFVLGIR.js +2 -0
- package/dist/cura/p-CHcd-uKK.js +1 -2
- package/dist/cura/p-DQopj-k5.js +1 -0
- package/dist/cura/p-DfJS7YqS.js +1 -0
- package/dist/cura/p-Dot54hbB.js +1 -2
- package/dist/cura/p-b14ae206.entry.js +1 -0
- package/dist/cura/p-b7369d04.entry.js +1 -0
- package/dist/cura/p-bf99e8bf.entry.js +1 -0
- package/dist/cura/p-c18d7f16.entry.js +1 -0
- package/dist/cura/p-c247c93b.entry.js +1 -0
- package/dist/cura/p-cbe8c690.entry.js +1 -0
- package/dist/cura/p-d2f670f6.entry.js +1 -0
- package/dist/cura/p-d5c6d2b4.entry.js +1 -0
- package/dist/cura/p-ddf4d240.entry.js +1 -0
- package/dist/cura/p-f534123f.entry.js +1 -0
- package/dist/cura/p-f911a6c5.entry.js +1 -0
- package/dist/cura/p-sjLA93YY.js +1 -2
- package/dist/esm/app-globals-B7bpkHH3.js +67 -0
- package/dist/esm/cura-accordion_21.entry.js +266 -207
- package/dist/esm/cura-alert.entry.js +7 -8
- package/dist/esm/cura-badge-counter.entry.js +13 -10
- package/dist/esm/cura-badge-dot.entry.js +4 -7
- package/dist/esm/cura-badge-pill.entry.js +7 -8
- package/dist/esm/cura-button-outline.entry.js +15 -10
- package/dist/esm/cura-button-select.entry.js +10 -9
- package/dist/esm/cura-button.definitions-BSI2FkNn.js +0 -3
- package/dist/esm/cura-calendar.entry.js +12 -9
- package/dist/esm/cura-checkbox.entry.js +18 -11
- package/dist/esm/cura-display.entry.js +10 -9
- package/dist/esm/cura-dropdown-search-not-found.entry.js +4 -7
- package/dist/esm/cura-forms.definitions-Dot54hbB.js +0 -3
- package/dist/esm/cura-icon.definitions-sjLA93YY.js +0 -3
- package/dist/esm/cura-icons-view.entry.js +4 -7
- package/dist/esm/cura-input-date.entry.js +7 -8
- package/dist/esm/cura-loader-bar.entry.js +10 -9
- package/dist/esm/cura-modal.entry.js +19 -12
- package/dist/esm/cura-progress-bar_2.entry.js +6 -9
- package/dist/esm/cura-radio.entry.js +15 -10
- package/dist/esm/cura-stepper.entry.js +4 -7
- package/dist/esm/cura-switch.entry.js +13 -10
- package/dist/esm/cura-tabs-button.entry.js +7 -8
- package/dist/esm/cura-tabs-transparent.entry.js +7 -8
- package/dist/esm/cura-tabs.definitions-CHcd-uKK.js +0 -3
- package/dist/esm/{cura-theme-module-BPKQjAwN.js → cura-theme-module-BrK961-w.js} +3 -339
- package/dist/esm/cura-toast.entry.js +10 -9
- package/dist/esm/cura-tooltip.entry.js +4 -7
- package/dist/esm/cura.js +8 -8
- package/dist/esm/index-964stZ3D.js +0 -3
- package/dist/esm/{index-OdKytJIH.js → index-Ce1Pxw3V.js} +706 -579
- package/dist/esm/index.js +3 -4
- package/dist/esm/loader.js +7 -7
- package/dist/esm/static-DfJS7YqS.js +86 -0
- package/dist/esm/theme-legacy-default-BTIDzOyO.js +257 -0
- package/dist/index.cjs.js +0 -0
- package/dist/index.js +0 -0
- package/dist/loader/cdn.js +0 -0
- package/dist/loader/index.cjs.js +0 -0
- package/dist/loader/index.d.ts +0 -0
- package/dist/loader/index.es2017.js +0 -0
- package/dist/loader/index.js +0 -0
- package/dist/types/api/cura-api.d.ts +0 -0
- package/dist/types/api/cura-api.type.d.ts +0 -0
- package/dist/types/api/modules/cura-theme-breakpoints-module.d.ts +0 -0
- package/dist/types/api/modules/cura-theme-colors-module.d.ts +0 -0
- package/dist/types/api/modules/cura-theme-fonts-module.d.ts +0 -0
- package/dist/types/api/modules/cura-theme-module.d.ts +0 -0
- package/dist/types/api/modules/cura-theme-spacing-module.d.ts +0 -0
- package/dist/types/api/theme-presets/static.d.ts +0 -0
- package/dist/types/api/theme-presets/theme-default.d.ts +0 -0
- package/dist/types/api/theme-presets/theme-legacy-default.d.ts +0 -0
- package/dist/types/api/theme-presets/theme-maternity.d.ts +0 -0
- package/dist/types/api/theme-presets/theme-oncology.d.ts +0 -0
- package/dist/types/api/theme-presets/theme-perinatal-temporary.d.ts +0 -0
- package/dist/types/api/theme-presets/theme-presets.d.ts +0 -0
- package/dist/types/api/theme-presets/theme-richet.d.ts +0 -0
- package/dist/types/assets/icons/iconset-default-list.d.ts +0 -0
- package/dist/types/components/accordion/cura-accordion/cura-accordion.d.ts +0 -0
- package/dist/types/components/accordion/cura-accordion/cura-accordion.stories.d.ts +0 -0
- package/dist/types/components/accordion/cura-accordion-item/cura-accordion-item.d.ts +0 -0
- package/dist/types/components/badges/cura-badge-counter/cura-badge-counter.d.ts +0 -0
- package/dist/types/components/badges/cura-badge-counter/cura-badge-counter.stories.d.ts +0 -0
- package/dist/types/components/badges/cura-badge-distance/cura-badge-distance.d.ts +0 -0
- package/dist/types/components/badges/cura-badge-distance/cura-badge-distance.stories.d.ts +0 -0
- package/dist/types/components/badges/cura-badge-dot/cura-badge-dot.d.ts +0 -0
- package/dist/types/components/badges/cura-badge-dot/cura-badge-dot.stories.d.ts +0 -0
- package/dist/types/components/badges/cura-badge-pill/cura-badge-pill.d.ts +0 -0
- package/dist/types/components/badges/cura-badge-pill/cura-badge-pill.stories.d.ts +0 -0
- package/dist/types/components/buttons/cura-button/cura-button.d.ts +0 -0
- package/dist/types/components/buttons/cura-button/cura-button.stories.d.ts +0 -0
- package/dist/types/components/buttons/cura-button-outline/cura-button-outline.d.ts +0 -0
- package/dist/types/components/buttons/cura-button-outline/cura-button-outline.stories.d.ts +0 -0
- package/dist/types/components/buttons/cura-button-select/cura-button-select.d.ts +0 -0
- package/dist/types/components/buttons/cura-button-select/cura-button-select.stories.d.ts +0 -0
- package/dist/types/components/buttons/cura-button-transparent/cura-button-transparent.d.ts +0 -0
- package/dist/types/components/buttons/cura-button-transparent/cura-button-transparent.stories.d.ts +0 -0
- package/dist/types/components/buttons/cura-button.definitions.d.ts +0 -0
- package/dist/types/components/cura-alert/cura-alert.d.ts +0 -0
- package/dist/types/components/cura-alert/cura-alert.stories.d.ts +0 -0
- package/dist/types/components/cura-avatar/cura-avatar.d.ts +0 -0
- package/dist/types/components/cura-avatar/cura-avatar.definitions.d.ts +0 -0
- package/dist/types/components/cura-avatar/cura-avatar.stories.d.ts +0 -0
- package/dist/types/components/cura-calendar/cura-calendar.d.ts +0 -0
- package/dist/types/components/cura-calendar/cura-calendar.stories.d.ts +0 -0
- package/dist/types/components/cura-card/cura-card.d.ts +0 -0
- package/dist/types/components/cura-card/cura-card.stories.d.ts +0 -0
- package/dist/types/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.d.ts +0 -0
- package/dist/types/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.stories.d.ts +0 -0
- package/dist/types/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.d.ts +0 -0
- package/dist/types/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.stories.d.ts +0 -0
- package/dist/types/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.d.ts +0 -0
- package/dist/types/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.stories.d.ts +0 -0
- package/dist/types/components/cura-dropdown-search/cura-dropdown-search.d.ts +0 -0
- package/dist/types/components/cura-dropdown-search/cura-dropdown-search.stories.d.ts +0 -0
- package/dist/types/components/cura-icon/cura-icon.d.ts +0 -0
- package/dist/types/components/cura-icon/cura-icon.definitions.d.ts +0 -0
- package/dist/types/components/cura-icon/cura-icon.stories.d.ts +0 -0
- package/dist/types/components/cura-icons-view/cura-icons-view.d.ts +0 -0
- package/dist/types/components/cura-icons-view/cura-icons-view.stories.d.ts +0 -0
- package/dist/types/components/cura-modal/cura-modal.d.ts +0 -0
- package/dist/types/components/cura-modal/cura-modal.stories.d.ts +0 -0
- package/dist/types/components/cura-page-template/cura-page-template.d.ts +0 -0
- package/dist/types/components/cura-stepper/cura-progress-bar/cura-progress-bar.d.ts +0 -0
- package/dist/types/components/cura-stepper/cura-stepper-item/cura-stepper-item.d.ts +0 -0
- package/dist/types/components/cura-stepper/cura-stepper.d.ts +0 -0
- package/dist/types/components/cura-stepper/cura-stepper.stories.d.ts +0 -0
- package/dist/types/components/cura-stepper/stepper.type.d.ts +0 -0
- package/dist/types/components/cura-toast/cura-toast.d.ts +0 -0
- package/dist/types/components/cura-toast/cura-toast.stories.d.ts +0 -0
- package/dist/types/components/cura-tooltip/cura-tooltip.d.ts +0 -0
- package/dist/types/components/cura-tooltip/cura-tooltip.stories.d.ts +0 -0
- package/dist/types/components/forms/cura-checkbox/cura-checkbox.d.ts +0 -0
- package/dist/types/components/forms/cura-checkbox/cura-checkbox.stories.d.ts +0 -0
- package/dist/types/components/forms/cura-forms.definitions.d.ts +0 -0
- package/dist/types/components/forms/cura-input-date/cura-input-date.d.ts +0 -0
- package/dist/types/components/forms/cura-input-date/cura-input-date.stories.d.ts +0 -0
- package/dist/types/components/forms/cura-input-text/cura-input-text.d.ts +0 -0
- package/dist/types/components/forms/cura-input-text/cura-input-text.stories.d.ts +0 -0
- package/dist/types/components/forms/cura-input-text/mask-presets/input-mask-presets.d.ts +0 -0
- package/dist/types/components/forms/cura-label/cura-label.d.ts +0 -0
- package/dist/types/components/forms/cura-label/cura-label.stories.d.ts +0 -0
- package/dist/types/components/forms/cura-radio/cura-radio.d.ts +0 -0
- package/dist/types/components/forms/cura-radio/cura-radio.stories.d.ts +0 -0
- package/dist/types/components/forms/cura-select/cura-select.d.ts +0 -0
- package/dist/types/components/forms/cura-select/cura-select.stories.d.ts +0 -0
- package/dist/types/components/forms/cura-select-options/cura-select-option.d.ts +0 -0
- package/dist/types/components/forms/cura-switch/cura-switch.d.ts +0 -0
- package/dist/types/components/forms/cura-switch/cura-switch.stories.d.ts +0 -0
- package/dist/types/components/loaders/cura-loader-bar/cura-loader-bar.d.ts +0 -0
- package/dist/types/components/loaders/cura-loader-bar/cura-loader-bar.stories.d.ts +0 -0
- package/dist/types/components/loaders/cura-loader-circle/cura-loader-circle.d.ts +0 -0
- package/dist/types/components/loaders/cura-loader-circle/cura-loader-circle.stories.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs/cura-tabs.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs/cura-tabs.stories.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs-button/cura-tabs-button.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs-button/cura-tabs-button.stories.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs-group/cura-tabs-group.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs-group/cura-tabs-group.stories.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs-transparent/cura-tabs-transparent.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs-transparent/cura-tabs-transparent.stories.d.ts +0 -0
- package/dist/types/components/tabs/cura-tabs.definitions.d.ts +0 -0
- package/dist/types/components/text/cura-display/cura-display.d.ts +0 -0
- package/dist/types/components/text/cura-display/cura-display.stories.d.ts +0 -0
- package/dist/types/components/text/cura-heading/cura-heading.d.ts +0 -0
- package/dist/types/components/text/cura-heading/cura-heading.stories.d.ts +0 -0
- package/dist/types/components/text/cura-paragraph/cura-paragraph.d.ts +0 -0
- package/dist/types/components/text/cura-paragraph/cura-paragraph.stories.d.ts +0 -0
- package/dist/types/components.d.ts +559 -85
- package/dist/types/index.d.ts +0 -0
- package/dist/types/rededor-cura-start.d.ts +0 -0
- package/dist/types/stencil-public-runtime.d.ts +169 -11
- package/dist/types/utils/FixedElementScrollBehavior.d.ts +0 -0
- package/dist/types/utils/utils.d.ts +0 -0
- package/package.json +4 -3
- package/dist/cjs/cura-accordion_21.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-alert.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-alert.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-badge-counter.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-badge-counter.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-badge-dot.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-badge-dot.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-badge-pill.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-badge-pill.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-button-outline.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-button-outline.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-button-select.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-button-select.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-button.definitions-B3SK8MaV.js.map +0 -1
- package/dist/cjs/cura-calendar.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-calendar.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-checkbox.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-checkbox.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-display.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-display.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-dropdown-search-not-found.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-dropdown-search-not-found.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-forms.definitions-DVLuO67c.js.map +0 -1
- package/dist/cjs/cura-icon.definitions-DT0wF67y.js.map +0 -1
- package/dist/cjs/cura-icons-view.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-icons-view.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-input-date.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-input-date.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-loader-bar.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-loader-bar.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-modal.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-modal.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-progress-bar.cura-stepper-item.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-progress-bar_2.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-radio.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-radio.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-stepper.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-stepper.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-switch.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-switch.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-tabs-button.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-tabs-button.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-tabs-transparent.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-tabs-transparent.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-tabs.definitions-CGqqGE2e.js.map +0 -1
- package/dist/cjs/cura-theme-module-CJkmAxBA.js +0 -574
- package/dist/cjs/cura-theme-module-CJkmAxBA.js.map +0 -1
- package/dist/cjs/cura-toast.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-toast.entry.cjs.js.map +0 -1
- package/dist/cjs/cura-tooltip.cjs.entry.js.map +0 -1
- package/dist/cjs/cura-tooltip.entry.cjs.js.map +0 -1
- package/dist/cjs/cura.cjs.js.map +0 -1
- package/dist/cjs/index-BK9MSAiE.js.map +0 -1
- package/dist/cjs/index-EyP6Zlkd.js.map +0 -1
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/collection/api/cura-api.js.map +0 -1
- package/dist/collection/api/cura-api.type.js.map +0 -1
- package/dist/collection/api/modules/cura-theme-breakpoints-module.js.map +0 -1
- package/dist/collection/api/modules/cura-theme-colors-module.js.map +0 -1
- package/dist/collection/api/modules/cura-theme-fonts-module.js.map +0 -1
- package/dist/collection/api/modules/cura-theme-module.js.map +0 -1
- package/dist/collection/api/modules/cura-theme-spacing-module.js.map +0 -1
- package/dist/collection/api/theme-presets/static.js.map +0 -1
- package/dist/collection/api/theme-presets/theme-default.js.map +0 -1
- package/dist/collection/api/theme-presets/theme-legacy-default.js.map +0 -1
- package/dist/collection/api/theme-presets/theme-maternity.js.map +0 -1
- package/dist/collection/api/theme-presets/theme-oncology.js.map +0 -1
- package/dist/collection/api/theme-presets/theme-perinatal-temporary.js.map +0 -1
- package/dist/collection/api/theme-presets/theme-presets.js.map +0 -1
- package/dist/collection/api/theme-presets/theme-richet.js.map +0 -1
- package/dist/collection/assets/icons/iconset-default-list.js.map +0 -1
- package/dist/collection/components/accordion/cura-accordion/cura-accordion.js.map +0 -1
- package/dist/collection/components/accordion/cura-accordion/cura-accordion.stories.js.map +0 -1
- package/dist/collection/components/accordion/cura-accordion-item/cura-accordion-item.js.map +0 -1
- package/dist/collection/components/badges/cura-badge-counter/cura-badge-counter.js.map +0 -1
- package/dist/collection/components/badges/cura-badge-counter/cura-badge-counter.stories.js.map +0 -1
- package/dist/collection/components/badges/cura-badge-distance/cura-badge-distance.js.map +0 -1
- package/dist/collection/components/badges/cura-badge-distance/cura-badge-distance.stories.js.map +0 -1
- package/dist/collection/components/badges/cura-badge-dot/cura-badge-dot.js.map +0 -1
- package/dist/collection/components/badges/cura-badge-dot/cura-badge-dot.stories.js.map +0 -1
- package/dist/collection/components/badges/cura-badge-pill/cura-badge-pill.js.map +0 -1
- package/dist/collection/components/badges/cura-badge-pill/cura-badge-pill.stories.js.map +0 -1
- package/dist/collection/components/buttons/cura-button/cura-button.js.map +0 -1
- package/dist/collection/components/buttons/cura-button/cura-button.stories.js.map +0 -1
- package/dist/collection/components/buttons/cura-button-outline/cura-button-outline.js.map +0 -1
- package/dist/collection/components/buttons/cura-button-outline/cura-button-outline.stories.js.map +0 -1
- package/dist/collection/components/buttons/cura-button-select/cura-button-select.js.map +0 -1
- package/dist/collection/components/buttons/cura-button-select/cura-button-select.stories.js.map +0 -1
- package/dist/collection/components/buttons/cura-button-transparent/cura-button-transparent.js.map +0 -1
- package/dist/collection/components/buttons/cura-button-transparent/cura-button-transparent.stories.js.map +0 -1
- package/dist/collection/components/buttons/cura-button.definitions.js.map +0 -1
- package/dist/collection/components/cura-alert/cura-alert.js.map +0 -1
- package/dist/collection/components/cura-alert/cura-alert.stories.js.map +0 -1
- package/dist/collection/components/cura-avatar/cura-avatar.definitions.js.map +0 -1
- package/dist/collection/components/cura-avatar/cura-avatar.js.map +0 -1
- package/dist/collection/components/cura-avatar/cura-avatar.stories.js.map +0 -1
- package/dist/collection/components/cura-calendar/cura-calendar.js.map +0 -1
- package/dist/collection/components/cura-calendar/cura-calendar.stories.js.map +0 -1
- package/dist/collection/components/cura-card/cura-card.js.map +0 -1
- package/dist/collection/components/cura-card/cura-card.stories.js.map +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.js.map +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.stories.js.map +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.js.map +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.stories.js.map +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.js.map +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.stories.js.map +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.js.map +0 -1
- package/dist/collection/components/cura-dropdown-search/cura-dropdown-search.stories.js.map +0 -1
- package/dist/collection/components/cura-icon/cura-icon.definitions.js.map +0 -1
- package/dist/collection/components/cura-icon/cura-icon.js.map +0 -1
- package/dist/collection/components/cura-icon/cura-icon.stories.js.map +0 -1
- package/dist/collection/components/cura-icons-view/cura-icons-view.js.map +0 -1
- package/dist/collection/components/cura-icons-view/cura-icons-view.stories.js.map +0 -1
- package/dist/collection/components/cura-modal/cura-modal.js.map +0 -1
- package/dist/collection/components/cura-modal/cura-modal.stories.js.map +0 -1
- package/dist/collection/components/cura-page-template/cura-page-template.js.map +0 -1
- package/dist/collection/components/cura-stepper/cura-progress-bar/cura-progress-bar.js.map +0 -1
- package/dist/collection/components/cura-stepper/cura-stepper-item/cura-stepper-item.js.map +0 -1
- package/dist/collection/components/cura-stepper/cura-stepper.js.map +0 -1
- package/dist/collection/components/cura-stepper/cura-stepper.stories.js.map +0 -1
- package/dist/collection/components/cura-stepper/stepper.type.js.map +0 -1
- package/dist/collection/components/cura-toast/cura-toast.js.map +0 -1
- package/dist/collection/components/cura-toast/cura-toast.stories.js.map +0 -1
- package/dist/collection/components/cura-tooltip/cura-tooltip.js.map +0 -1
- package/dist/collection/components/cura-tooltip/cura-tooltip.stories.js.map +0 -1
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.js.map +0 -1
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.stories.js.map +0 -1
- package/dist/collection/components/forms/cura-forms.definitions.js.map +0 -1
- package/dist/collection/components/forms/cura-input-date/cura-input-date.js.map +0 -1
- package/dist/collection/components/forms/cura-input-date/cura-input-date.stories.js.map +0 -1
- package/dist/collection/components/forms/cura-input-text/cura-input-text.js.map +0 -1
- package/dist/collection/components/forms/cura-input-text/cura-input-text.stories.js.map +0 -1
- package/dist/collection/components/forms/cura-input-text/mask-presets/input-mask-presets.js.map +0 -1
- package/dist/collection/components/forms/cura-label/cura-label.js.map +0 -1
- package/dist/collection/components/forms/cura-label/cura-label.stories.js.map +0 -1
- package/dist/collection/components/forms/cura-radio/cura-radio.js.map +0 -1
- package/dist/collection/components/forms/cura-radio/cura-radio.stories.js.map +0 -1
- package/dist/collection/components/forms/cura-select/cura-select.js.map +0 -1
- package/dist/collection/components/forms/cura-select/cura-select.stories.js.map +0 -1
- package/dist/collection/components/forms/cura-select-options/cura-select-option.js.map +0 -1
- package/dist/collection/components/forms/cura-switch/cura-switch.js.map +0 -1
- package/dist/collection/components/forms/cura-switch/cura-switch.stories.js.map +0 -1
- package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.js.map +0 -1
- package/dist/collection/components/loaders/cura-loader-bar/cura-loader-bar.stories.js.map +0 -1
- package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js.map +0 -1
- package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.stories.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs/cura-tabs.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs/cura-tabs.stories.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs-button/cura-tabs-button.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs-button/cura-tabs-button.stories.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs-group/cura-tabs-group.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs-group/cura-tabs-group.stories.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs-transparent/cura-tabs-transparent.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs-transparent/cura-tabs-transparent.stories.js.map +0 -1
- package/dist/collection/components/tabs/cura-tabs.definitions.js.map +0 -1
- package/dist/collection/components/text/cura-display/cura-display.js.map +0 -1
- package/dist/collection/components/text/cura-display/cura-display.stories.js.map +0 -1
- package/dist/collection/components/text/cura-heading/cura-heading.js.map +0 -1
- package/dist/collection/components/text/cura-heading/cura-heading.stories.js.map +0 -1
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.js.map +0 -1
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.stories.js.map +0 -1
- package/dist/collection/index.js.map +0 -1
- package/dist/collection/rededor-cura-start.js.map +0 -1
- package/dist/collection/utils/FixedElementScrollBehavior.js.map +0 -1
- package/dist/collection/utils/utils.js.map +0 -1
- package/dist/components/cura-accordion-item.js.map +0 -1
- package/dist/components/cura-accordion.js.map +0 -1
- package/dist/components/cura-alert.js.map +0 -1
- package/dist/components/cura-avatar.js.map +0 -1
- package/dist/components/cura-badge-counter.js.map +0 -1
- package/dist/components/cura-badge-distance.js.map +0 -1
- package/dist/components/cura-badge-dot.js.map +0 -1
- package/dist/components/cura-badge-pill.js.map +0 -1
- package/dist/components/cura-button-outline.js.map +0 -1
- package/dist/components/cura-button-select.js.map +0 -1
- package/dist/components/cura-button-transparent.js.map +0 -1
- package/dist/components/cura-button.js.map +0 -1
- package/dist/components/cura-calendar.js.map +0 -1
- package/dist/components/cura-card.js.map +0 -1
- package/dist/components/cura-checkbox.js.map +0 -1
- package/dist/components/cura-display.js.map +0 -1
- package/dist/components/cura-dropdown-search-category.js.map +0 -1
- package/dist/components/cura-dropdown-search-not-found.js.map +0 -1
- package/dist/components/cura-dropdown-search-option.js.map +0 -1
- package/dist/components/cura-dropdown-search.js.map +0 -1
- package/dist/components/cura-heading.js.map +0 -1
- package/dist/components/cura-icon.js.map +0 -1
- package/dist/components/cura-icons-view.js.map +0 -1
- package/dist/components/cura-input-date.js.map +0 -1
- package/dist/components/cura-input-text.js.map +0 -1
- package/dist/components/cura-label.js.map +0 -1
- package/dist/components/cura-loader-bar.js.map +0 -1
- package/dist/components/cura-loader-circle.js.map +0 -1
- package/dist/components/cura-modal.js.map +0 -1
- package/dist/components/cura-page-template.js.map +0 -1
- package/dist/components/cura-paragraph.js.map +0 -1
- package/dist/components/cura-progress-bar.js.map +0 -1
- package/dist/components/cura-radio.js.map +0 -1
- package/dist/components/cura-select-option.js.map +0 -1
- package/dist/components/cura-select.js.map +0 -1
- package/dist/components/cura-stepper-item.js.map +0 -1
- package/dist/components/cura-stepper.js.map +0 -1
- package/dist/components/cura-switch.js.map +0 -1
- package/dist/components/cura-tabs-button.js.map +0 -1
- package/dist/components/cura-tabs-group.js.map +0 -1
- package/dist/components/cura-tabs-transparent.js.map +0 -1
- package/dist/components/cura-tabs.js.map +0 -1
- package/dist/components/cura-toast.js.map +0 -1
- package/dist/components/cura-tooltip.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/p-B5aO1chh.js +0 -85
- package/dist/components/p-B5aO1chh.js.map +0 -1
- package/dist/components/p-BHEafDKD.js +0 -127
- package/dist/components/p-BHEafDKD.js.map +0 -1
- package/dist/components/p-BRDqwZ4N.js +0 -187
- package/dist/components/p-BRDqwZ4N.js.map +0 -1
- package/dist/components/p-BSI2FkNn.js.map +0 -1
- package/dist/components/p-BrJsfk5q.js +0 -4140
- package/dist/components/p-BrJsfk5q.js.map +0 -1
- package/dist/components/p-C72aF-gL.js +0 -99
- package/dist/components/p-C72aF-gL.js.map +0 -1
- package/dist/components/p-CHcd-uKK.js.map +0 -1
- package/dist/components/p-CvdWbsfO.js +0 -2147
- package/dist/components/p-CvdWbsfO.js.map +0 -1
- package/dist/components/p-D1cPOZpG.js +0 -2617
- package/dist/components/p-D1cPOZpG.js.map +0 -1
- package/dist/components/p-DETZu2ie.js +0 -7032
- package/dist/components/p-DETZu2ie.js.map +0 -1
- package/dist/components/p-DI4g-ZH4.js +0 -101
- package/dist/components/p-DI4g-ZH4.js.map +0 -1
- package/dist/components/p-DR1RHrEX.js +0 -120
- package/dist/components/p-DR1RHrEX.js.map +0 -1
- package/dist/components/p-DaPc6Dxl.js +0 -125
- package/dist/components/p-DaPc6Dxl.js.map +0 -1
- package/dist/components/p-Dot54hbB.js.map +0 -1
- package/dist/components/p-Dqm2sAwv.js +0 -58
- package/dist/components/p-Dqm2sAwv.js.map +0 -1
- package/dist/components/p-Dt450DkQ.js +0 -86
- package/dist/components/p-Dt450DkQ.js.map +0 -1
- package/dist/components/p-FTSrgi0q.js +0 -51
- package/dist/components/p-FTSrgi0q.js.map +0 -1
- package/dist/components/p-KIQMkSRF.js +0 -64
- package/dist/components/p-KIQMkSRF.js.map +0 -1
- package/dist/components/p-cOEGtL9C.js +0 -131
- package/dist/components/p-cOEGtL9C.js.map +0 -1
- package/dist/cura/cura-alert.entry.esm.js.map +0 -1
- package/dist/cura/cura-badge-counter.entry.esm.js.map +0 -1
- package/dist/cura/cura-badge-dot.entry.esm.js.map +0 -1
- package/dist/cura/cura-badge-pill.entry.esm.js.map +0 -1
- package/dist/cura/cura-button-outline.entry.esm.js.map +0 -1
- package/dist/cura/cura-button-select.entry.esm.js.map +0 -1
- package/dist/cura/cura-calendar.entry.esm.js.map +0 -1
- package/dist/cura/cura-checkbox.entry.esm.js.map +0 -1
- package/dist/cura/cura-display.entry.esm.js.map +0 -1
- package/dist/cura/cura-dropdown-search-not-found.entry.esm.js.map +0 -1
- package/dist/cura/cura-icons-view.entry.esm.js.map +0 -1
- package/dist/cura/cura-input-date.entry.esm.js.map +0 -1
- package/dist/cura/cura-loader-bar.entry.esm.js.map +0 -1
- package/dist/cura/cura-modal.entry.esm.js.map +0 -1
- package/dist/cura/cura-progress-bar.cura-stepper-item.entry.esm.js.map +0 -1
- package/dist/cura/cura-radio.entry.esm.js.map +0 -1
- package/dist/cura/cura-stepper.entry.esm.js.map +0 -1
- package/dist/cura/cura-switch.entry.esm.js.map +0 -1
- package/dist/cura/cura-tabs-button.entry.esm.js.map +0 -1
- package/dist/cura/cura-tabs-transparent.entry.esm.js.map +0 -1
- package/dist/cura/cura-toast.entry.esm.js.map +0 -1
- package/dist/cura/cura-tooltip.entry.esm.js.map +0 -1
- package/dist/cura/cura.esm.js.map +0 -1
- package/dist/cura/index.esm.js.map +0 -1
- package/dist/cura/loader.esm.js.map +0 -1
- package/dist/cura/p-077019da.entry.js +0 -2
- package/dist/cura/p-077019da.entry.js.map +0 -1
- package/dist/cura/p-07783235.entry.js +0 -2
- package/dist/cura/p-07783235.entry.js.map +0 -1
- package/dist/cura/p-090e297c.entry.js +0 -2
- package/dist/cura/p-090e297c.entry.js.map +0 -1
- package/dist/cura/p-16c0b52c.entry.js +0 -2
- package/dist/cura/p-16c0b52c.entry.js.map +0 -1
- package/dist/cura/p-32015dcc.entry.js +0 -2
- package/dist/cura/p-32015dcc.entry.js.map +0 -1
- package/dist/cura/p-32f94709.entry.js +0 -2
- package/dist/cura/p-32f94709.entry.js.map +0 -1
- package/dist/cura/p-3d6040e2.entry.js +0 -2
- package/dist/cura/p-3d6040e2.entry.js.map +0 -1
- package/dist/cura/p-4ac578a6.entry.js +0 -2
- package/dist/cura/p-4ac578a6.entry.js.map +0 -1
- package/dist/cura/p-4bde448e.entry.js +0 -2
- package/dist/cura/p-4bde448e.entry.js.map +0 -1
- package/dist/cura/p-5ed7ce95.entry.js +0 -2
- package/dist/cura/p-5ed7ce95.entry.js.map +0 -1
- package/dist/cura/p-7586fd07.entry.js +0 -2
- package/dist/cura/p-7586fd07.entry.js.map +0 -1
- package/dist/cura/p-76603652.entry.js +0 -2
- package/dist/cura/p-76603652.entry.js.map +0 -1
- package/dist/cura/p-76cbb798.entry.js +0 -2
- package/dist/cura/p-76cbb798.entry.js.map +0 -1
- package/dist/cura/p-7fd143aa.entry.js +0 -2
- package/dist/cura/p-7fd143aa.entry.js.map +0 -1
- package/dist/cura/p-8c83f259.entry.js +0 -2
- package/dist/cura/p-8c83f259.entry.js.map +0 -1
- package/dist/cura/p-8d10a5a2.entry.js +0 -2
- package/dist/cura/p-8d10a5a2.entry.js.map +0 -1
- package/dist/cura/p-95cd7918.entry.js +0 -2
- package/dist/cura/p-95cd7918.entry.js.map +0 -1
- package/dist/cura/p-964stZ3D.js.map +0 -1
- package/dist/cura/p-9ef5444e.entry.js +0 -2
- package/dist/cura/p-9ef5444e.entry.js.map +0 -1
- package/dist/cura/p-BPKQjAwN.js +0 -2
- package/dist/cura/p-BPKQjAwN.js.map +0 -1
- package/dist/cura/p-BSI2FkNn.js.map +0 -1
- package/dist/cura/p-CHcd-uKK.js.map +0 -1
- package/dist/cura/p-Dot54hbB.js.map +0 -1
- package/dist/cura/p-PPMZr_VE.js +0 -3
- package/dist/cura/p-PPMZr_VE.js.map +0 -1
- package/dist/cura/p-bdfe9af2.entry.js +0 -2
- package/dist/cura/p-bdfe9af2.entry.js.map +0 -1
- package/dist/cura/p-c6f240f0.entry.js +0 -2
- package/dist/cura/p-c6f240f0.entry.js.map +0 -1
- package/dist/cura/p-ceb646df.entry.js +0 -2
- package/dist/cura/p-ceb646df.entry.js.map +0 -1
- package/dist/cura/p-d040f8b9.entry.js +0 -2
- package/dist/cura/p-d040f8b9.entry.js.map +0 -1
- package/dist/cura/p-f9af3a3b.entry.js +0 -2
- package/dist/cura/p-f9af3a3b.entry.js.map +0 -1
- package/dist/cura/p-sjLA93YY.js.map +0 -1
- package/dist/esm/cura-accordion_21.entry.js.map +0 -1
- package/dist/esm/cura-alert.entry.js.map +0 -1
- package/dist/esm/cura-badge-counter.entry.js.map +0 -1
- package/dist/esm/cura-badge-dot.entry.js.map +0 -1
- package/dist/esm/cura-badge-pill.entry.js.map +0 -1
- package/dist/esm/cura-button-outline.entry.js.map +0 -1
- package/dist/esm/cura-button-select.entry.js.map +0 -1
- package/dist/esm/cura-button.definitions-BSI2FkNn.js.map +0 -1
- package/dist/esm/cura-calendar.entry.js.map +0 -1
- package/dist/esm/cura-checkbox.entry.js.map +0 -1
- package/dist/esm/cura-display.entry.js.map +0 -1
- package/dist/esm/cura-dropdown-search-not-found.entry.js.map +0 -1
- package/dist/esm/cura-forms.definitions-Dot54hbB.js.map +0 -1
- package/dist/esm/cura-icon.definitions-sjLA93YY.js.map +0 -1
- package/dist/esm/cura-icons-view.entry.js.map +0 -1
- package/dist/esm/cura-input-date.entry.js.map +0 -1
- package/dist/esm/cura-loader-bar.entry.js.map +0 -1
- package/dist/esm/cura-modal.entry.js.map +0 -1
- package/dist/esm/cura-progress-bar.cura-stepper-item.entry.js.map +0 -1
- package/dist/esm/cura-progress-bar_2.entry.js.map +0 -1
- package/dist/esm/cura-radio.entry.js.map +0 -1
- package/dist/esm/cura-stepper.entry.js.map +0 -1
- package/dist/esm/cura-switch.entry.js.map +0 -1
- package/dist/esm/cura-tabs-button.entry.js.map +0 -1
- package/dist/esm/cura-tabs-transparent.entry.js.map +0 -1
- package/dist/esm/cura-tabs.definitions-CHcd-uKK.js.map +0 -1
- package/dist/esm/cura-theme-module-BPKQjAwN.js.map +0 -1
- package/dist/esm/cura-toast.entry.js.map +0 -1
- package/dist/esm/cura-tooltip.entry.js.map +0 -1
- package/dist/esm/cura.js.map +0 -1
- package/dist/esm/index-964stZ3D.js.map +0 -1
- package/dist/esm/index-OdKytJIH.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cura-paragraph.stories.js","sourceRoot":"","sources":["../../../../src/components/text/cura-paragraph/cura-paragraph.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { getColorsWithDepths } from \"../../../utils/utils\";\n\nconst colors = getColorsWithDepths();\n\nconst renderCuraParagraph = (label: string, args: any) => {\n const styles = args.cssMarginBlock || args.cssLineHeight ? `<style>\n cura-paragraph { ${args.cssMarginBlock ? `\n --margin-block: ${args.cssMarginBlock} !important;` : ``}${ args.cssLineHeight ? `\n --line-height: ${args.cssLineHeight} !important;` : ``}\n }\n</style>\n\n` : '';\n const block = `<cura-paragraph${args.size && (args.size !== 'medium' && args.size !== 'regular') ? `\n size=\"${args.size}\"` : ``}${args.color ? `\n color=\"${args.color}\"` : ''}${args.spotColor ? `\n spot-color=\"${args.spotColor}\"` : ''}${args.textOverflow && args.textOverflow !== 'none' ? `\n text-overflow=\"${args.textOverflow}\"` : ''}${args.marginBlock ? `\n margin-block=\"${args.marginBlock}\"` : ''}${args.lineHeight ? `\n line-height=\"${args.lineHeight}\"` : ''}>\n ${label}\n</cura-paragraph>\n`;\n return `${styles}${block}${block}${block}`;\n}\n\nexport default {\n title: 'Componentes/Text/Paragraph',\n tags: ['autodocs'],\n render: ({ label, ...args }) => {\n return renderCuraParagraph(label, args);\n },\n argTypes: {\n label: {\n control: 'text',\n description: 'Define o texto do componente diretamente. São válidas todas as tags HTML pertinentes ao `<p>`.',\n name: 'Content'\n },\n size: {\n control: { type: 'select' },\n options: ['xsmall', 'small', 'medium', 'large'],\n description: 'Define o tamanho do bloco de texto considerando `caption` (depreciado, use xsmall), `xsmall`, `small`, `regular` (depreciado, use medium), `medium` e `large` como valores válidos.',\n table: {\n category: 'Properties',\n defaultValue: { summary: 'medium'}\n }\n },\n color: {\n control: { type: 'select' },\n options: ['', ...colors],\n description: 'Define a cor de texto do bloco. Aceita qualquer valor do esquema de cores do design system.',\n table: {\n category: 'Properties',\n defaultValue: { summary: 'Cor de texto padrão do tema'}\n }\n },\n spotColor: {\n control: { type: 'select' },\n options: ['', ...colors],\n description: 'Define a cor dos itens de interação dentro do bloco de texto como as tags `<a>`. Aceita qualquer valor do esquema de cores do design system.',\n name: 'spot-color',\n table: {\n category: 'Properties',\n defaultValue: { summary: 'accent-dark'}\n }\n },\n textOverflow: {\n control: { type: 'select' },\n options: ['none', 'single'],\n description: 'Aplica definições de corte de texto com `ellipsis`.',\n name: 'text-overflow',\n table: {\n category: 'Properties',\n defaultValue: { summary: 'none'}\n }\n },\n marginBlock: {\n control: 'text',\n description: 'Define o tamanho do espaçamento superior e inferior do bloco. Valores válidos para a propriedade CSS `margin-block`.',\n name: 'margin-block',\n table: {\n category: 'Properties',\n defaultValue: { summary: '1.25em'}\n }\n },\n lineHeight: {\n control: 'text',\n description: 'Define a altura de linha base a ser considerada pelo componente em sua responsividade. Valores válidos para a propriedade CSS `line-height`.',\n name: 'line-height',\n table: {\n category: 'Properties',\n defaultValue: { summary: '140%'}\n }\n },\n cssMarginBlock: {\n control: 'text',\n description: 'Permite a definição da propriedade `margin-block` por folhas de estilo. É necessário o uso do `!important` conforme o exemplo de código.',\n name: '--margin-block',\n table: {\n category: 'CSS Properties',\n defaultValue: { summary: '1.25em'}\n }\n },\n cssLineHeight: {\n control: 'text',\n description: 'Permite a definição da propriedade `line-height` por folhas de estilo. É necessário o uso do `!important` conforme o exemplo de código.',\n name: '--line-height',\n table: {\n category: 'CSS Properties',\n defaultValue: { summary: '140%'}\n }\n },\n },\n};\n\nexport const Paragraph = {\n args: {\n label: 'Proin quis <b>turpis</b> et <strong>turpis</strong> efficitur dictum. Suspendisse <i>egestas</i> posuere libero. Sed non <em>dapibus urna</em>. Sed <a href=\"https://www.rededorsaoluiz.com.br\" target=\"_blank\">luctus tincidunt nibh</a>, eu tincidunt justo. Curabitur at ullamcorper mauris, feugiat fermentum nulla. <u>Quisque sed nibh in odio blandit mollis at quis dolor</u>. Sed urna lacus, ultricies ac vulputate at, luctus eu ex. Duis at elit facilisis, iaculis orci sed, suscipit nisl. Phasellus semper lorem sed tincidunt semper. Morbi lobortis eu mi sed ultricies. Sed consequat id orci at iaculis.',\n size: 'medium',\n color: '',\n spotColor: '',\n textOverflow: 'none',\n marginBlock: '',\n lineHeight: '',\n cssMarginBlock: '',\n cssLineHeight: ''\n },\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAS9D,MAAM,UAAU,QAAQ,CAAC,OAAmB,EAAE,CAAC,GAAG,MAAM;IACtD,CAAC,CAAC,QAAQ,GAAG,OAAO,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,MAAM,WAAW,GAAG,IAAI,eAAe,EAAE,CAAC;IAC1C,OAAO,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACxC,CAAC","sourcesContent":["export { Components, JSX } from './components';\nimport CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\nimport CuraThemeModule from './api/modules/cura-theme-module';\n\ndeclare global {\n export interface Window {\n CuraAPI?: CuraAPI;\n CuraInit?: CuraConfig;\n }\n}\n\nexport function CuraInit(options: CuraConfig, w = window) {\n w.CuraInit = options;\n}\n\nexport function InitVarsTheme(theme: string) {\n const themeModule = new CuraThemeModule();\n return themeModule.loadVarsSSR(theme);\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-cura-start.js","sourceRoot":"","sources":["../src/rededor-cura-start.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAYrC,MAAM,CAAC,OAAO;IACZ,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC/B,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,CAAC;IAC9D,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;IAC3B,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC,CAAC;IACzE,IAAI,MAAM,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,UAAU;QAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAC1E,CAAC","sourcesContent":["import CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n// import { setAssetPath } from '@stencil/core';\n\n// setAssetPath(import.meta.url);\ndeclare global {\n interface Window {\n CuraAPI?: CuraAPI,\n CuraInit?: CuraConfig\n }\n}\n\nexport default function() {\n const config = window.CuraInit;\n window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();\n const api = window.CuraAPI;\n window.dispatchEvent(new CustomEvent(\"CuraAPIReady\", { detail: {api} }));\n if (config && typeof config.onReady === 'function') config.onReady(api);\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FixedElementScrollBehavior.js","sourceRoot":"","sources":["../../src/utils/FixedElementScrollBehavior.ts"],"names":[],"mappings":"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","sourcesContent":["import { addBodyScrollLockClass, removeBodyScrollLockClass } from './utils';\n\nexport class FixedElementScrollBehavior {\n\n hostElement: any;\n scrollableElement: any;\n scrollPosition: number;\n\n constructor(hostElement: any, scrollableElement: any) {\n if( !hostElement || !scrollableElement ) {\n console.error(\"Componentes host ou scrollable não foram informados corretamente ou não existem.\");\n } else {\n this.hostElement = hostElement;\n this.scrollableElement = scrollableElement;\n }\n }\n\n disableScroll() {\n this.scrollPosition = window.scrollY;\n window.scrollTo({ top: 0, behavior: 'instant' });\n addBodyScrollLockClass();\n this._addEvents();\n }\n\n enableScroll() {\n removeBodyScrollLockClass();\n window.scrollTo({ top: this.scrollPosition, behavior: 'instant' });\n this._removeEvents();\n }\n\n _addEvents() {\n this.hostElement.addEventListener('wheel', this._preventEvent, {passive: false});\n this.hostElement.addEventListener('mousewheel', this._preventEvent, {passive: false});\n this.hostElement.addEventListener('touchmove', this._preventEvent, {passive: false});\n this.hostElement.addEventListener('scroll', this._preventEvent, {passive: false});\n this.scrollableElement.addEventListener('wheel', this._stopPropagationEvent, {passive: false});\n this.scrollableElement.addEventListener('mousewheel', this._stopPropagationEvent, {passive: false});\n this.scrollableElement.addEventListener('touchmove', this._stopPropagationEvent, {passive: false});\n this.scrollableElement.addEventListener('scroll', this._stopPropagationEvent, {passive: false});\n }\n\n _removeEvents() {\n this.hostElement.removeEventListener('wheel', this._preventEvent);\n this.hostElement.removeEventListener('mousewheel', this._preventEvent);\n this.hostElement.removeEventListener('touchmove', this._preventEvent);\n this.hostElement.removeEventListener('scroll', this._preventEvent);\n this.scrollableElement.removeEventListener('wheel', this._stopPropagationEvent);\n this.scrollableElement.removeEventListener('mousewheel', this._stopPropagationEvent);\n this.scrollableElement.removeEventListener('touchmove', this._stopPropagationEvent);\n this.scrollableElement.removeEventListener('scroll', this._stopPropagationEvent);\n }\n\n _stopPropagationEvent = (e: Event) => {\n if( this.scrollableElement.scrollHeight <= this.scrollableElement.clientHeight ) {\n e.preventDefault();\n }\n e.stopPropagation();\n }\n\n _preventEvent = (ev: Event) => {\n ev.preventDefault();\n ev.stopPropagation();\n }\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { Static } from '../api/theme-presets/static';\n\nexport function format(first: string, middle: string, last: string): string {\n return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport const baseColors = ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral', 'whatsapp'];\n\nexport function getColorsWithDepths() {\n const colors = baseColors;\n const colorDepths = ['lighter','light','base','dark','darker'];\n const neutralDepths = ['purewhite','white','pale','lighter','light','base','medium','dark','darker','black'];\n const colorsWithDepths = colors.map(color => {\n const depths = color === 'neutral'\n ? neutralDepths.map(depth => depth === 'base' ? `${color}` : `${color}-${depth}`)\n : colorDepths.map(depth => depth === 'base' ? `${color}` : `${color}-${depth}`);\n return depths;\n }).flat(1);\n return colorsWithDepths;\n}\n\nexport function checkMobile() {\n return window?.innerWidth < Static.breakpoints.medium.min;\n}\n\nexport function checkIOS() {\n return [\n 'iPad Simulator',\n 'iPhone Simulator',\n 'iPod Simulator',\n 'iPad',\n 'iPhone',\n 'iPod'\n ].includes(navigator.userAgent)\n // iPad on iOS 13 detection\n || (navigator.userAgent.includes(\"Mac\") && \"ontouchend\" in document);\n}\n\nexport function fakeInputIOSHack(targetElement) {\n if(!checkMobile() || !checkIOS()) return null;\n const fakeInput = document.createElement('input');\n fakeInput.setAttribute('type', 'text');\n fakeInput.style.position = 'absolute';\n fakeInput.style.opacity = '0';\n fakeInput.style.height = '0';\n fakeInput.style.fontSize = '16px'; // disable auto zoom\n targetElement.prepend(fakeInput);\n // focus so that subsequent async focus will work\n fakeInput.focus();\n return fakeInput;\n}\n\nexport function addBodyScrollLockClass() {\n document.body.classList.add(\"cura-body-scroll-lock\");\n}\n\nexport function removeBodyScrollLockClass() {\n if( document.body.classList.contains(\"cura-body-scroll-lock\") ) {\n document.body.classList.remove(\"cura-body-scroll-lock\");\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-accordion-item.js","mappings":"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","names":["CuraAccordionItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/accordion/cura-accordion-item/cura-accordion-item.scss?tag=cura-accordion-item&encapsulation=shadow","src/components/accordion/cura-accordion-item/cura-accordion-item.tsx"],"sourcesContent":["@import '../../../scss/mixins/responsive.scss';\n@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n display: block;\n\n .accordion-item {\n width: 100%;\n\n &::after {\n content: \"\";\n display: block;\n border-top: solid 1px var(--neutral-base);\n width: 100%;\n }\n\n &:hover:not(.active)::after {\n content: \"\";\n display: block;\n border-top: solid 1px var(--acc-color-icon-hover);\n width: 100%;\n }\n\n .label {\n display: flex;\n flex-direction: column;\n\n .label-container {\n display: flex;\n flex-grow: 1;\n justify-content: space-between;\n align-items: center;\n gap: #{$spacing-xxxs};\n padding: #{$spacing-xxxs};\n word-break: break-word;\n cursor: pointer;\n font-size: 1.14em;\n font-weight: var(--font-weight-regular);\n\n .label-content {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: #{$spacing-xxxs};\n\n cura-icon {\n --color: var(--acc-color) !important;\n }\n\n cura-heading {\n --color-body: var(--acc-color) !important;\n }\n }\n\n cura-icon {\n --color: var(--acc-color-icon) !important;\n margin-right: 4px;\n }\n\n &:hover {\n cura-heading {\n --color-body: var(--acc-color-hover) !important;\n }\n cura-icon {\n --color: var(--acc-color-icon-hover) !important;\n }\n }\n }\n }\n\n .content {\n font-size: 1em;\n overflow: hidden;\n max-height: 0;\n transition: max-height .25s ease;\n .content-wrapper {\n padding: #{$spacing-xxxs};\n }\n }\n\n &.inverted {\n &:hover:not(.active)::after {\n content: \"\";\n display: block;\n border-top: solid 1px var(--acc-color-icon-hover-inverted);\n width: 100%;\n }\n\n .label .label-container {\n cura-heading {\n --color-body: var(--acc-color-inverted) !important;\n }\n cura-icon {\n --color: var(--acc-color-icon-inverted) !important;\n }\n &:hover {\n cura-heading {\n --color-body: var(--acc-color-hover-inverted) !important;\n }\n cura-icon {\n --color: var(--acc-color-icon-hover-inverted) !important;\n }\n }\n }\n }\n\n &.active {\n .content {\n max-height: 200vh;\n overflow-y: auto;\n transition: max-height .5s ease .14s;\n }\n }\n }\n\n @include medium-only() {\n .accordion-item {\n .label .label-container {\n font-size: 1.29em;\n }\n\n .content {\n font-size: 1.14em;\n }\n }\n }\n\n @include large-up() {\n .accordion-item {\n .label .label-container {\n font-size: 1.29em;\n }\n\n .content {\n font-size: 1.14em;\n }\n }\n }\n}\n","import { Component, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-accordion-item',\n styleUrl: 'cura-accordion-item.scss',\n shadow: true,\n})\nexport class CuraAccordionItem {\n\n /**\n * Text label for accordion item\n */\n @Prop({reflect: true}) label: string = '';\n\n /** ***Properties below are inherited from the cura-accordion*** */\n /**\n * Accordion items icons\n */\n @Prop({reflect: true}) iconSize = 20;\n @Prop({reflect: true}) labelIcon = '';\n @Prop({reflect: true}) openIcon = 'down';\n @Prop({reflect: true}) closeIcon = 'up';\n\n /**\n * Color scheme base color\n * (By default, the icon will use the same color of 'color')\n */\n @Prop({reflect: true}) iconColor = '';\n\n /**\n * Set the color mode to dark or light\n */\n @Prop() colorMode: 'dark' | 'light' = 'dark';\n\n /**\n * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1 to 6 (3 default).\n */\n @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n @Prop({reflect: true, mutable: true}) opened: boolean = false;\n\n @State() styles = {};\n\n getClasses() {\n const classes = {};\n classes['accordion-item'] = true;\n classes['active'] = this.opened;\n classes['inverted'] = this.colorMode === 'light';\n return classes;\n }\n\n accordionItemClick(_: Event) {\n this.opened = !this.opened;\n }\n\n renderIcon() {\n if (!this.labelIcon) return '';\n return <cura-icon name={this.labelIcon} size={this.iconSize} color={\"neutral-black\"}></cura-icon>;\n }\n\n render() {\n return (\n <Host slot=\"accordion-item\">\n <div class={this.getClasses()} style={this.styles}>\n <div class=\"label\" onClick={e => this.accordionItemClick(e)}>\n <div class=\"label-container\">\n <div class=\"label-content\">\n {this.renderIcon()}\n <cura-heading size=\"small\" level={this.level} weight='bold' margin-block=\"0\" color=\"neutral-black\">\n {this.label}\n </cura-heading>\n </div>\n <cura-icon name={this.opened ? this.closeIcon : this.openIcon} size={this.iconSize} color={\"neutral-black\"}></cura-icon>\n </div>\n </div>\n <div class='content'>\n <div class=\"content-wrapper\">\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-accordion.js","mappings":"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","names":["CuraAccordion","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/accordion/cura-accordion/cura-accordion.scss?tag=cura-accordion&encapsulation=shadow","src/components/accordion/cura-accordion/cura-accordion.tsx"],"sourcesContent":[":host {\n display: block;\n color: var(--font-color);\n font-size: var(--font-size);\n font-size: var(--font-size);\n font-family: var(--font-family);\n font-weight: var(--font-weight-regular);\n}\n","import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-accordion',\n styleUrl: 'cura-accordion.scss',\n shadow: true,\n})\nexport class CuraAccordion {\n\n @Element() host: HTMLElement;\n\n /**\n * Color scheme base color\n */\n @Prop({reflect: true}) color = 'primary';\n @Watch('color')\n handleChangeColor() {\n this.setColors();\n }\n\n /**\n * Set the color mode to dark or light\n */\n @Prop({reflect: true}) colorMode: 'dark' | 'light' = 'dark';\n\n /**\n * Accordion items icons\n */\n @Prop({reflect: true}) iconSize = 20;\n @Prop({reflect: true}) labelIcon = '';\n @Prop({reflect: true}) openIcon = 'down';\n @Prop({reflect: true}) closeIcon = 'up';\n\n /**\n * Color scheme base color\n * (By default, the icon will use the same color of 'color')\n */\n @Prop({reflect: true}) iconColor = '';\n\n /**\n * Accordion behavior when item is clicked\n * (The default will close all items except the current one)\n */\n @Prop({reflect: true}) behavior: 'default' | 'keep-open' = 'default';\n\n /**\n * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1 to 6 (3 default).\n */\n @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n mutationObserverCallback = (mutations: MutationRecord[], _: MutationObserver) => {\n for (const mutation of mutations) {\n if (mutation.type === 'attributes' && mutation.attributeName === 'opened' && mutation.target?.['opened']) {\n if (this.behavior !== 'default') continue;\n this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n if (item != mutation.target) {\n item.opened = false;\n }\n });\n }\n if (mutation.type === 'childList') {\n const addedNodes = Array.from(mutation.addedNodes || []);\n for(let node of addedNodes) {\n this.setChildProperties(node as HTMLCuraAccordionItemElement);\n }\n }\n }\n }\n mutationObserver: MutationObserver = new MutationObserver(this.mutationObserverCallback);\n\n @State() styles = {};\n\n connectedCallback() {\n const weights = window.CuraAPI.theme.fonts.getWeights();\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-regular'] = weights.regular;\n this.setColors();\n }\n\n componentDidLoad() {\n this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n this.setChildProperties(item);\n });\n const options: MutationObserverInit = {childList: true, subtree: false, attributes: false}\n this.mutationObserver.observe(this.host, options)\n }\n\n disconnectedCallback() {\n this.mutationObserver.disconnect();\n }\n\n setChildProperties(item: HTMLCuraAccordionItemElement) {\n // Theme\n item.colorMode = this.colorMode;\n item.iconColor = this.iconColor || this.color;\n // Icon\n item.iconSize = this.iconSize;\n if (this.labelIcon) item.labelIcon = this.labelIcon; // It's possible to define a specific icon for each item.\n item.openIcon = this.openIcon;\n item.closeIcon = this.closeIcon;\n // Level\n item.level = this.level;\n }\n\n setColors() {\n this.styles = {\n ...this.styles,\n \"--acc-color\": window.CuraAPI.theme.colors.getColor(\"neutral-black\"),\n \"--acc-color-hover\": window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n \"--acc-color-icon\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`),\n \"--acc-color-icon-hover\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-darker`),\n \"--acc-color-inverted\": window.CuraAPI.theme.colors.getColor(\"neutral-white\"),\n \"--acc-color-hover-inverted\": window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n \"--acc-color-icon-inverted\": window.CuraAPI.theme.colors.getColor(\"neutral-white\"),\n \"--acc-color-icon-hover-inverted\": window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`),\n };\n }\n\n render() {\n return (\n <Host style={this.styles}>\n <slot name='accordion-item'></slot>\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-alert.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,8eAA8e;;MCMtfA,WAAS,iBAAAC,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,GAAA;;;;;AAQU,QAAA,IAAI,CAAA,IAAA,GAA6C,MAAM;AACtC,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB,QAAA,IAAS,CAAA,SAAA,GAAG,IAAI;AAGhC,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;AA8CpB,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;AACjB,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AACpB,SAAC;AA4BF;IAxEC,SAAS,GAAA;AACP,QAAA,MAAM,MAAM,GAAG;YACb,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,QAAA,CAAU,EAAE;AAC1D,YAAA,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,EAAE;YACnD,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,MAAA,CAAQ,EAAE;YACtD,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,KAAA,CAAO,EAAE;SACrD;AAED,QAAA,MAAM,aAAa,GACd,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,MAAM,CACf;AAED,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,IAAG;YACrB,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;AAC/E,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,MAAM,GAAG,aAAa;;IAG7B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;QACzE,IAAI,CAAC,SAAS,EAAE;;IAGlB,UAAU,GAAA;QACR,MAAM,OAAO,GAAG,EAAE;AAClB,QAAA,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI;AAC3B,QAAA,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,QAAQ;AACnC,QAAA,OAAO,OAAO;;IAGhB,WAAW,GAAA;AACT,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,KAAK,EAAE,eAAe;SACvB;AACD,QAAA,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;IAQvD,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,OAAO,EACN,WAAA,EAAA,QAAQ,EACN,aAAA,EAAA,MAAM,EACN,YAAA,EAAA,IAAI,CAAC,KAAK,EAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAA,EAC/C,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,CAAA,KAAA,CAAO,EAAc,CAAA,EACzG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAChB,IAAI,CAAC,KAAK,IACZ,CAAA,CAAA,cAAA,EAAA,EAAc,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,eAAe,EAAC,MAAM,EAAC,MAAM,kBAAc,OAAO,EAAA,EAC/F,IAAI,CAAC,KAAK,CACE,IACX,EAAE,EACN,CAAgB,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,CAAA,OAAA,CAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,WAAW,EAAC,GAAG,EAAC,UAAU,EAAC,SAAS,EAAA,EAC3G,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACE,EACjB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,EACJ,IAAI,CAAC,SAAS;AAChB,aAAC,CAAA,CAAA,WAAA,EAAA,EAAW,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,CAAc;AAChH,cAAE,EAAE,CACA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CuraAlert","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/cura-alert/cura-alert.scss?tag=cura-alert&encapsulation=shadow","src/components/cura-alert/cura-alert.tsx"],"sourcesContent":["@import \"../../scss/mixins/spacing.scss\";\n\n:host {\n display: block;\n box-sizing: border-box;\n\n .conteiner {\n display: flex;\n box-sizing: border-box;\n padding: #{$spacing-xxxs};\n gap: #{$spacing-xxxs};\n flex-shrink: 0;\n border: 1px solid var(--color-base);\n border-radius: 4px;\n background-color: var(--color-lighter);\n &.floating {\n box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n }\n }\n\n .content {\n flex: 1;\n flex-direction: column;\n display: flex;\n gap: #{$spacing-tiny};\n }\n\n .icon-right {\n cursor: pointer;\n }\n\n}\n","import { Component, Element, Prop, Host, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n@Component({\n tag: 'cura-alert',\n styleUrl: 'cura-alert.scss',\n shadow: true,\n})\nexport class CuraAlert {\n @Element() host: HTMLElement;\n\n @Prop() type: 'info' | 'success' | 'warning' | 'error' = 'info';\n @Prop({ reflect: true }) floating = false;\n @Prop({ reflect: true }) label: string;\n @Prop({ reflect: true }) closeable = true;\n @Prop({ reflect: true }) icon: string;\n\n @State() styles = {};\n\n @Event({ eventName: 'close' }) close: EventEmitter<void>;\n\n @Watch('type')\n setColors() {\n const colors = [\n { name: '--color-lighter', theme: `${this.type}-lighter` },\n { name: '--neutral-black', theme: 'neutral-black' },\n { name: '--color-light', theme: `${this.type}-light` },\n { name: '--color-base', theme: `${this.type}-base` },\n ];\n\n const updatedStyles = {\n ...this.styles\n }\n\n colors.forEach(color => {\n updatedStyles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme);\n });\n \n this.styles = updatedStyles;\n }\n\n connectedCallback() {\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.setColors();\n }\n\n getClasses() {\n const classes = {};\n classes['conteiner'] = true;\n classes['floating'] = this.floating;\n return classes;\n }\n\n getNameIcon() {\n const iconMapping = {\n info: 'infoCircle',\n success: 'checkCircle',\n warning: 'alertCircle',\n error: 'alertTriangle',\n };\n return this.icon ? this.icon : iconMapping[this.type];\n }\n\n handleClose = () => {\n this.close.emit();\n this.host.remove();\n };\n\n render() {\n return (\n <Host role=\"alert\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n aria-label={this.label}>\n <div class={this.getClasses()} style={this.styles}>\n <cura-icon name={this.getNameIcon()} class=\"icon-left\" size={16} color={`${this.type}-dark`}></cura-icon>\n <div class=\"content\">\n { this.label ? (\n <cura-heading class=\"title\" size=\"xsmall\" color=\"neutral-black\" weight=\"bold\" margin-block=\"1px 0\">\n {this.label}\n </cura-heading>\n ) : ''}\n <cura-paragraph class=\"text\" color={`${this.type}-darker`} size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\n <slot></slot>\n </cura-paragraph>\n <slot name=\"actions\"></slot>\n </div>\n { this.closeable ?\n (<cura-icon name=\"close\" size={16} color=\"error-dark\" class=\"icon-right\" onClick={this.handleClose}></cura-icon>)\n : '' }\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-avatar.js","mappings":"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","names":["CuraAvatar","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/cura-avatar/cura-avatar.definitions.tsx","src/components/cura-avatar/cura-avatar.scss?tag=cura-avatar&encapsulation=shadow","src/components/cura-avatar/cura-avatar.tsx"],"sourcesContent":["export const avatarSizes = {\n '80': { border: 2.5 },\n '40': { border: 2.25 },\n '32': { border: 2 },\n '24': { border: 1.75 },\n};\n",":host {\n display: inline-flex;\n\n .conteiner {\n display: flex;\n box-sizing: border-box;\n justify-content: center;\n align-items: center;\n width: var(--size);\n height: var(--size);\n border: var(--border) solid var(--border-color);\n border-radius: var(--border-radius);\n background: var(--background-color);\n overflow: hidden;\n &.floating {\n box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n }\n }\n .conteiner img {\n outline: none;\n object-fit: contain;\n width: 100%;\n height: 100%;\n }\n}\n","import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { avatarSizes } from './cura-avatar.definitions';\n@Component({\n tag: 'cura-avatar',\n styleUrl: 'cura-avatar.scss',\n shadow: true,\n})\nexport class CuraAvatar {\n @Element() host: HTMLElement;\n\n /**\n * Size of the avatar. Values: 80, 40, 32, 24.\n * @default 80\n */\n @Prop() size: '80' | '40' | '32' | '24' = '80';\n /**\n * Background color of the avatar.\n * Accepts any color from the theme.\n * @default neutral-purewhite\n */\n @Prop({ reflect: true }) backgroundColor: string = 'neutral-purewhite';\n /**\n * Border color of the avatar.\n * Accepts any color from the theme.\n */\n @Prop({ reflect: true }) borderColor: string;\n /**\n * Border radius of the avatar.\n * @default 50%\n */\n @Prop({ reflect: true }) borderRadius: string = '50%';\n /**\n * Show border of the avatar.\n * @default false\n */\n @Prop({ reflect: true }) border: boolean = false;\n /**\n * Type of the avatar.\n * @default default\n */\n @Prop({ reflect: true }) type: 'default' | 'branding' = 'default';\n /**\n * Image source of the avatar.\n * Accepts any image source. If not provided, the default image will be used.\n */\n @Prop({ reflect: true, mutable: true }) imageSrc: string;\n /**\n * Default image source of the avatar.\n * Some predefined images are available in the design system assets folder.\n */\n @Prop({ reflect: true }) imageSrcDefault: string;\n /**\n * Floating state of the avatar.\n * @default false\n */\n @Prop({ reflect: true }) floating: boolean;\n\n @State() styles = {};\n\n @Watch('size')\n sizeHandler(size: string) {\n this.styles = {\n ...this.styles,\n '--size': `${size}px`,\n };\n }\n\n assetsPath: string;\n\n getClasses() {\n const classes = {};\n classes['conteiner'] = true;\n classes['floating'] = this.floating;\n return classes;\n }\n\n connectedCallback() {\n this.assetsPath = window.CuraAPI.localAssetsPath;\n this.sizeHandler(this.size);\n }\n\n hostCSSProperties() {\n const avatarSize = avatarSizes[this.size];\n\n return {\n '--background-color': window.CuraAPI.theme.colors.getColor(this.backgroundColor),\n '--border-color': window.CuraAPI.theme.colors.getColor(this.borderColor),\n '--border-radius': `${this.borderRadius}`,\n '--border': this.border ? `${avatarSize.border}px` : '0',\n };\n }\n\n onSrcError() {\n this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;\n }\n\n render() {\n return (\n <Host style={this.hostCSSProperties()} role=\"img\">\n <div class={this.getClasses()} style={this.styles}>\n <img src={this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`} onError={() => this.onSrcError()}></img>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-badge-counter.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-badge-distance.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,2QAA2Q;;MCO3R,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAG,CAAC;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,IAAI;AAC5B,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;AACX,QAAA,IAAe,CAAA,eAAA,GAAG,CAAC;AAC5B,QAAA,IAAiB,CAAA,iBAAA,GAAG,KAAK;QAEzB,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK;AAqC7B;IAlCC,cAAc,GAAA;AACZ,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ;QACtG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI;QAC1D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,CAAC,eAAe,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,eAAe;;IAInH,iBAAiB,GAAA;QACf,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,cAAc,EAAE;;IAGvB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAA,EACvC,CAAY,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,EAC1D,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,iBAAiB,GAAG,GAAG,GAAG,EAAE,CAC7C,EACb,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,EACzD,IAAI,CAAC,KAAK,CACA,CACT,CACD;;IAIX,gBAAgB,GAAA;QACd,IAAI,CAAC,MAAM,GAAG;YACZ,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,YAAA,CAAc,CAAC;YAC5D,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;SAChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/badges/cura-badge-distance/cura-badge-distance.scss?tag=cura-badge-distance&encapsulation=shadow","src/components/badges/cura-badge-distance/cura-badge-distance.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n .container{\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: calc(#{$base-spacing} * 10px);\n height: calc(#{$base-spacing} * 10px);\n border-radius: calc(#{$base-spacing} * 1px);\n background: var(--neutral-pale);\n }\n}\n","import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-badge-distance',\n styleUrl: 'cura-badge-distance.scss',\n shadow: true,\n})\nexport class CuraDistance {\n\n @Prop() distance = 0;\n @Prop({ reflect: true }) label = 'km';\n @State() styles = {};\n @State() displayDistance = 0;\n isThousandRounded = false;\n\n theme = window.CuraAPI.theme;\n\n @Watch('distance')\n formatDistance() {\n const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance; \n this.isThousandRounded = Math.abs(roundedDistance) >= 1000;\n this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;\n }\n\n\n connectedCallback(){\n this.setCssProperties();\n this.formatDistance(); \n }\n\n render() {\n return (\n <Host>\n <div class=\"container\" style={this.styles}>\n <cura-label size='xsmall' weight='bold' color='neutral-black'>\n {this.displayDistance}{this.isThousandRounded ? 'K' : ''}\n </cura-label>\n <cura-label size='xsmall' weight='bold' color='neutral-dark'>\n {this.label}\n </cura-label>\n </div>\n </Host>\n );\n }\n\n setCssProperties() {\n this.styles = {\n '--neutral-pale': this.theme.colors.getColor(`neutral-pale`),\n '--base-spacing': this.theme.spacing.getSpacing()\n }\n }\n\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-badge-dot.js","mappings":";;AAAA,MAAM,eAAe,GAAG,o1BAAo1B;;MCO/1BA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;QAOE,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK;AAE5B;;;AAGG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,SAAS;AACjC;;AAEG;AACoB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAChD;;AAEG;AACoB,QAAA,IAAI,CAAA,IAAA,GAAiD,OAAO;AAE1E,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;AAkCrB;IA/BC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;AAC/D,QAAA,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;AAC5E,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;QAC1E,IAAI,CAAC,SAAS,EAAE;;IAGlB,SAAS,GAAA;QACP,IAAI,CAAC,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,MAAM,KACd,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,EAAG,IAAI,CAAC,KAAK,CAAA,CAAE,CAAC,EACtD,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAG,EAAA,IAAI,CAAC,KAAK,CAAO,KAAA,CAAA,CAAC,GACjE;;IAGH,UAAU,GAAA;AACR,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,IAAI,CAAC;SAClB;QACD,OAAO,CAAC,GAAG,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC,GAAG,IAAI;AAC9B,QAAA,OAAO,OAAO;;IAGhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAQ,CAAA,CACpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CuraBadgeDot","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/badges/cura-badge-dot/cura-badge-dot.scss?tag=cura-badge-dot&encapsulation=shadow","src/components/badges/cura-badge-dot/cura-badge-dot.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n display: block;\n position: relative;\n width: fit-content;\n height: fit-content;\n\n .container {\n width: #{$spacing-mini};\n height: #{$spacing-mini};\n position: relative;\n box-sizing: border-box;\n\n &::before {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n box-sizing: border-box;\n border-radius: 50%;\n border: 1px solid var(--color-dark);\n background: var(--color);\n }\n\n &.disabled::before {\n background: var(--neutral-pale);\n border: 1px solid var(--neutral-medium);\n }\n\n &.outline::before {\n background: transparent;\n border: 2px solid var(--color);\n }\n &.outline.disabled::before {\n border: 2px solid var(--neutral-medium);\n }\n\n &.transparent::before {\n background: var(--color-dark);\n border: none;\n }\n &.transparent.disabled::before {\n background: var(--neutral-medium);\n border: none;\n }\n\n }\n}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'cura-badge-dot',\n styleUrl: 'cura-badge-dot.scss',\n shadow: true,\n})\nexport class CuraBadgeDot {\n\n theme = window.CuraAPI.theme;\n\n /**\n * Cor fundamental do design system sem profundidade.\n * Ex.: primary (padrão)\n */\n @Prop() color: string = 'primary';\n /**\n * Define o estado do badge como desabilitado ou habilitado.\n */\n @Prop({reflect: true}) disabled: boolean = false;\n /**\n * Define o estilo visual entre solid (default), outline ou transparent.\n */\n @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n @State() styles = {};\n\n\n connectedCallback() {\n this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');;\n this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');;\n this.setColors();\n }\n\n setColors() {\n this.styles = {\n ...this.styles,\n '--color': this.theme.colors.getColor(`${this.color}`),\n '--color-dark': this.theme.colors.getColor(`${this.color}-dark`)\n }\n }\n\n getClasses() {\n const classes = {\n 'container': true,\n 'disabled': this.disabled\n };\n classes[`${this.type}`] = true;\n return classes;\n }\n\n render() {\n return (\n <Host>\n <div class={this.getClasses()} style={this.styles}></div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-badge-pill.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-button-outline.js","mappings":"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","names":["CuraButtonOutline","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/buttons/cura-button-outline/cura-button-outline.scss?tag=cura-button-outline&encapsulation=shadow","src/components/buttons/cura-button-outline/cura-button-outline.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n @include button-host();\n\n button, a {\n @include button-element() {\n background-color: transparent;\n box-sizing: border-box;\n border: none;\n\n &::before {\n content: \"\";\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0px;\n top: 0px;\n box-sizing: border-box;\n border: 2px solid var(--color-dark-neutral-purewhite);\n border-radius: var(--border-radius);\n }\n\n &:not(.disabled):not(.isLoading):hover {\n background-color: var(--color-lighter-color-darker);\n }\n\n &:not(.disabled):not(.inverted):not(.isLoading):active {\n background-color: var(--color-light-color-darker);\n }\n\n };\n\n @include button-sizes();\n\n // Children Elements\n @include button-container();\n @include button-label();\n\n\n @include button-icon();\n\n // Disabled state\n @include button-disabled() {\n &::before {\n border-color: var(--neutral-dark);\n }\n };\n\n // FAB / Icon-only\n @include button-icon-only-behavior();\n\n // Loading State\n @include button-loading();\n\n }\n\n}\n","import { Component, Host, h, Prop, Watch, State, AttachInternals } from '@stencil/core';\nimport { labelSizes } from '../cura-button.definitions';\n\n@Component({\n tag: 'cura-button-outline',\n styleUrl: 'cura-button-outline.scss',\n shadow: true,\n formAssociated: true\n})\nexport class CuraButtonOutline {\n\n @AttachInternals() internals: ElementInternals;\n\n /**\n * Button type: button (default) | submit | reset\n */\n @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button';\n\n /**\n * Button size: small | medium | large (default)\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n\n /**\n * Disabled state. Boolean.\n */\n @Prop({ reflect: true }) disabled = false;\n /**\n * Loading state. Boolean.\n */\n @Prop({ reflect: true }) isLoading = false;\n\n /**\n * Name of the icon to be used from iconset.\n */\n @Prop({ reflect: true }) iconName: string;\n /**\n * Custom iconset if needed.\n */\n @Prop({ reflect: true }) iconset = 'default';\n /**\n * Icon position: left (default) | right.\n */\n @Prop({ reflect: true }) iconPosition: 'left' | 'right' = 'left';\n /**\n * Set button to FAB/icon only.\n */\n @Prop({ reflect: true }) iconOnly = false;\n\n /**\n * Property href switch button to link.\n */\n @Prop({ reflect: true }) href: string;\n /**\n * Set target if link.\n */\n @Prop({ reflect: true }) target = \"_self\";\n /**\n * Color base from color scheme. Default: primary.\n */\n @Prop() color = 'primary';\n /**\n * Set the font background to dark or light.\n */\n @Prop() background: 'dark' | 'light' = 'light';\n\n /**\n * Set the font color to dark or light.\n */\n @Prop() fontColor: 'dark' | 'light' = 'dark';\n /**\n * Set text aligment for the button label.\n * Vales: left (default) | center | right.\n */\n @Prop({ reflect: true }) textAlign: 'left' | 'center' | 'right' = 'left';\n\n /**\n * Justify icons and label inside the button.\n * Vales: false (default) | true.\n */\n @Prop({ reflect: true }) justify = false;\n\n @State() styles = {};\n\n @State() hovered = false;\n\n weights;\n\n connectedCallback() {\n this.weights = window.CuraAPI.theme.fonts.getWeights();\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n this.styles['--text-align'] = this.textAlign;\n this.setColors();\n }\n\n\n getClasses() {\n const classes = {};\n classes[`${this.size?.toLowerCase()}`] = true;\n classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n classes[`icon-only`] = this.iconOnly;\n classes['disabled'] = this.disabled;\n classes['isLoading'] = this.isLoading;\n classes['justify'] = this.justify;\n return classes;\n }\n\n @Watch('background')\n @Watch('color')\n setColors() {\n const colors = [\n { name: '--color-dark-neutral-purewhite', thema: `${this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite'}` },\n { name: '--color-lighter-color-darker', thema: `${this.background === 'light' ? `${this.color}-lighter` : `${this.color}-darker`}` },\n { name: '--color-light-color-darker', thema: `${this.background === 'light' ? `${this.color}-light` : `${this.color}-lighter`}` },\n { name: '--neutral-dark', thema: 'neutral-dark' },\n ]\n\n colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema));\n this.styles = { ...this.styles };\n }\n\n getIcon() {\n if (!this.iconName) return '';\n const iconSize = this.size === 'large' ? 20 : 16;\n\n return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={this.getSymbolColor()}></cura-icon>;\n }\n\n\n handleMouseEnter() {\n if (this.disabled) return;\n this.hovered = true;\n }\n\n handleMouseLeave() {\n this.hovered = false;\n }\n\n @Watch('fontColor')\n @Watch('color')\n getSymbolColor() {\n if (this.disabled) return 'neutral-dark';\n return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`;\n }\n\n handleClick(e: Event) {\n if (this.disabled || this.isLoading) {\n e.preventDefault();\n return;\n }\n if (!this.href) {\n if (this.type === 'submit' && this.internals.form) this.internals.form.submit();\n if (this.type === 'reset' && this.internals.form) this.internals.form.reset();\n }\n }\n\n render() {\n const symbolColor = this.getSymbolColor();\n const labelSize = labelSizes[this.size] || labelSizes[\"default\"];\n return (\n <Host role={ this.href ? 'link' : this.type }\n aria-disabled={this.disabled}>\n {this.href ? (\n <a href={this.disabled ? '' : this.href}\n target={this.target}\n class={this.getClasses()}\n style={this.styles}\n onClick={(e) => this.handleClick(e)}\n onMouseEnter={() => this.handleMouseEnter()}\n onMouseLeave={() => this.handleMouseLeave()}>\n <span class=\"button-container\">\n {this.getIcon()}\n <cura-label size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n </span>\n <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n </a>\n ) : (\n <button class={this.getClasses()}\n style={this.styles}\n disabled={this.disabled || null}\n onClick={(e) => this.handleClick(e)}\n onMouseEnter={() => this.handleMouseEnter()}\n onMouseLeave={() => this.handleMouseLeave()}\n type={this.type}>\n <span class=\"button-container\">\n {this.getIcon()}\n <cura-label size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n </span>\n <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n </button>\n )}\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-button-select.js","mappings":"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","names":["CuraButtonSelect","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/buttons/cura-button-select/cura-button-select.scss?tag=cura-button-select&encapsulation=shadow","src/components/buttons/cura-button-select/cura-button-select.tsx"],"sourcesContent":["@import '../../../scss/mixins/buttons.scss';\n\n:host {\n @include button-host();\n\n button,\n a {\n @include button-element() {\n background-color: var(--neutral-purewhite);\n box-sizing: border-box;\n border: none;\n\n &::before {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0px;\n top: 0px;\n box-sizing: border-box;\n border: 2px solid var(--color-border);\n border-radius: var(--border-radius);\n }\n\n &:not(.disabled):hover {\n background-color: var(--color-background-hover);\n border-color: var(--color-border-hover-pressed);\n }\n\n &:focus {\n border-color: var(--color-border) !important;\n }\n }\n\n @include button-sizes();\n\n @include button-label();\n\n // Children Elements\n @include button-container() {\n flex-direction: row !important;\n\n .badge-number {\n margin-left: 10px;\n }\n }\n\n @include button-icon();\n\n // selected state\n @include button-selected() {\n background-color: var(--color-select);\n border-color: var(--color-select);\n\n &:not(.disabled):hover {\n background-color: var(--color-border-hover-pressed);\n border-color: var(--color-border-hover-pressed);\n }\n\n &:focus {\n border-color: var(--color-select-focus) !important;\n }\n\n &.disabled {\n background-color: var(--color-disable-select);\n border-color: var(--color-disable-select);\n }\n }\n\n // Disabled state\n @include button-disabled() {\n background-color: var(--neutral-white-primary-darker);\n border-color: var(--color-border-disable-unselect);\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { labelSizes } from '../cura-button.definitions';\n\n@Component({\n tag: 'cura-button-select',\n styleUrl: 'cura-button-select.scss',\n shadow: true,\n})\nexport class CuraButtonSelect {\n @Element() host: HTMLElement;\n\n @Prop({ reflect: true, mutable: true }) selected = false;\n @Prop({ reflect: true, mutable: true }) iconName: string;\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n @Prop({ reflect: true, mutable: true }) counter: number | null;\n @Prop({ reflect: true }) disabled: boolean;\n @Prop() background: 'dark' | 'light' = 'light';\n @Prop() color: string = 'primary';\n @Prop({ reflect: true }) iconPosition: 'left' | 'right';\n\n @State() hovered = false;\n @State() styles = {};\n\n @Event({ eventName: 'onclick' }) onclick: EventEmitter<{ selected: boolean }>;\n\n theme = window.CuraAPI.theme;\n\n weights;\n\n @Watch('background')\n @Watch('color')\n setColors() {\n const colors = [\n { name: '--color-border', thema: this.background === 'light' ? `${this.color}-darker` : 'neutral-white' },\n { name: '--color-border-hover-pressed', thema: this.background === 'light' ? `${this.color}-dark` : `${this.color}-light` },\n { name: '--color-background-hover', thema: this.background === 'light' ? `${this.color}-light` : `${this.color}-dark` },\n { name: '--color-select', thema: this.background === 'light' ? `${this.color}-base` : 'neutral-white' },\n { name: '--color-select-hover-pressed', thema: this.background === 'light' ? `${this.color}-dark` : `${this.color}-lighter` },\n { name: '--color-select-focus', thema: this.background === 'light' ? `${this.color}-base` : `${this.color}-lighter` },\n { name: '--color-disable-select', thema: this.background === 'light' ? 'neutral-white' : 'neutral-black' },\n { name: '--color-border-disable-unselect', thema: 'neutral-dark' },\n { name: '--color-counter-disabled', thema: this.background === 'light' ? 'neutral-pale' : 'neutral-black' },\n { name: '--color-counter', thema: !this.disabled && 'primary-lighter' },\n ];\n\n colors.forEach(color => (this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema)));\n this.styles = { ...this.styles };\n }\n\n getClasses() {\n const classes = {};\n classes[`${this.size?.toLowerCase()}`] = true;\n classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n classes['disabled'] = this.disabled;\n classes['selected'] = this.selected;\n return classes;\n }\n\n connectedCallback() {\n this.weights = window.CuraAPI.theme.fonts.getWeights();\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n this.setColors();\n }\n\n getLabelFontColor() {\n if (this.disabled) return 'neutral-dark';\n\n if (this.background === 'dark') {\n return this.selected ? 'neutral-black' : 'neutral-white';\n }\n if (this.background === 'light') {\n return this.selected ? 'neutral-white' : 'neutral-black';\n }\n }\n\n getColorBagdeNumber() {\n if (this.background === 'dark' && this.disabled) {\n return this.selected ? 'neutral-black' : 'neutral-dark';\n }\n\n if (this.background === 'light' && this.disabled) {\n return 'neutral-medium';\n }\n\n return `${this.color}-darker`;\n }\n\n getIcon() {\n const iconSize = this.size === 'large' ? 20 : 16;\n if (this.iconPosition === 'right') {\n return;\n }\n\n return <cura-icon name={this.iconName} size={iconSize} color={this.getLabelFontColor()} />;\n }\n\n getCounter() {\n return (\n <cura-badge-counter\n number={this.counter}\n color={this.color}\n disabled={this.disabled || null}\n class=\"badge-number\">\n </cura-badge-counter>\n );\n }\n\n getCheckIconRight() {\n const iconSize = this.size === 'large' ? 20 : 16;\n return <cura-icon name=\"check\" size={iconSize} color={this.getLabelFontColor()}></cura-icon>;\n }\n\n handleMouseEnter() {\n if (this.disabled) return;\n this.hovered = true;\n }\n\n handleMouseLeave() {\n this.hovered = false;\n }\n\n handleClick(e: Event) {\n if (this.disabled) e.preventDefault();\n this.selected = !this.selected;\n this.onclick.emit({ selected: this.selected });\n }\n\n render() {\n const labelSize = labelSizes[this.size] || labelSizes['default'];\n return (\n <Host role=\"button\"\n aria-disabled={this.disabled}\n aria-pressed={this.selected}>\n <button\n class={this.getClasses()}\n style={this.styles}\n disabled={this.disabled}\n onClick={e => this.handleClick(e)}\n onMouseEnter={() => this.handleMouseEnter()}\n onMouseLeave={() => this.handleMouseLeave()}\n >\n <div class=\"button-container\">\n {this.iconName ? this.getIcon() : null}\n <cura-label class=\"label\" size={labelSize} lineHeight=\"0%\" color={this.getLabelFontColor()} weight=\"regular\">\n <slot></slot>\n </cura-label>\n {this.counter ? this.getCounter() : null}\n {this.iconPosition === 'right' && this.selected ? this.getCheckIconRight() : null}\n </div>\n </button>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-button-transparent.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-button.js","mappings":"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","names":["CuraButton","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/buttons/cura-button/cura-button.scss?tag=cura-button&encapsulation=shadow","src/components/buttons/cura-button/cura-button.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n @include button-host();\n\n button,\n a {\n @include button-element() {\n background-color: var(--color-base-neutral-purewhite);\n box-sizing: border-box;\n border: none;\n\n &::before {\n content: \"\";\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0px;\n top: 0px;\n box-sizing: border-box;\n border: 2px solid transparent;\n border-radius: var(--border-radius);\n }\n\n &:not(.disabled) {\n &:not(.isLoading)::before {\n border: 2px solid var(--color-base-color-light);\n }\n\n &:hover {\n background: var(--color-base-color-light);\n box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n }\n &:not(.isLoading):hover::before {\n border-color: var(--color-dark-color-base);\n }\n }\n\n &:not(.isLoading):not(.disabled):active {\n background-color: var(--color-dark-color-light);\n }\n &:not(.isLoading):not(.disabled):active::before {\n border-color: var(--color-dark-color-light);\n }\n }\n\n @include button-shadow-behavior();\n @include button-sizes();\n\n // Children Elements\n @include button-container();\n @include button-label();\n @include button-icon();\n\n // Disabled state\n @include button-disabled() {\n background-color: var(--neutral-pale-neutral-black);\n }\n\n // FAB / Icon-only\n @include button-icon-only-behavior();\n\n // Loading State\n @include button-loading();\n }\n}\n","import { Component, Host, h, Prop, Watch, State, AttachInternals } from '@stencil/core';\nimport { labelSizes } from '../cura-button.definitions';\n\n@Component({\n tag: 'cura-button',\n styleUrl: 'cura-button.scss',\n shadow: true,\n formAssociated: true\n})\nexport class CuraButton {\n\n @AttachInternals() internals: ElementInternals;\n\n /**\n * Button type: button (default) | submit | reset\n */\n @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button';\n\n /**\n * Button size: small | medium | large (default)\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n\n /**\n * Disabled state. Boolean.\n */\n @Prop({ reflect: true }) disabled = false;\n /**\n * Loading state. Boolean.\n */\n @Prop({ reflect: true }) isLoading = false;\n\n /**\n * Name of the icon to be used from iconset.\n */\n @Prop({ reflect: true }) iconName: string;\n /**\n * Custom iconset if needed.\n */\n @Prop({ reflect: true }) iconset = 'default';\n /**\n * Icon position: left (default) | right.\n */\n @Prop({ reflect: true }) iconPosition: 'left' | 'right' = 'left';\n /**\n * Set button to FAB/icon only.\n */\n @Prop({ reflect: true }) iconOnly = false;\n\n /**\n * Property href switch button to link.\n */\n @Prop({ reflect: true }) href: string;\n /**\n * Set target if link.\n */\n @Prop({ reflect: true }) target = \"_self\";\n\n /**\n * Color base from color scheme. Default: accent.\n */\n @Prop() color = 'accent';\n\n /**\n * Set the background color to dark or light.\n */\n @Prop({ reflect: true }) background: 'dark' | 'light' = 'light';\n\n /**\n * Set the font color to dark or light.\n */\n @Prop({ reflect: true }) fontColor: 'dark' | 'light' = 'dark';\n\n /**\n * Set text aligment for the button label.\n * Vales: left (default) | center | right.\n */\n @Prop({ reflect: true }) textAlign: 'left' | 'center' | 'right' = 'left';\n\n /**\n * Justify icons and label inside the button.\n * Vales: false (default) | true.\n */\n @Prop({ reflect: true }) justify = false;\n\n @State() styles = {};\n\n @State() hovered = false\n\n weights;\n\n\n connectedCallback() {\n this.weights = window.CuraAPI.theme.fonts.getWeights();\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n this.styles['--text-align'] = this.textAlign;\n this.setColors();\n }\n\n @Watch('background')\n @Watch('color')\n setColors() {\n const colors = [\n { name: '--color-base-neutral-purewhite', theme: `${this.background === 'light' ? `${this.color}-base` : 'neutral-pale'}` },\n { name: '--color-base-color-light', theme: `${this.background === 'light' ? `${this.color}-base` : `${this.color}-lighter`}` },\n { name: '--color-dark-color-light', theme: `${this.background === 'light' ? `${this.color}-dark` : `${this.color}-light`}` },\n { name: '--color-dark-color-base', theme: `${this.background === 'light' ? `${this.color}-dark` : `${this.color}-base`}` },\n { name: '--neutral-pale-neutral-black', theme: `${this.background === 'light' ? 'neutral-pale' : 'neutral-black'}` },\n ]\n\n colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme));\n this.styles = { ...this.styles };\n }\n\n handleMouseEnter() {\n if (this.disabled) return;\n this.hovered = true;\n }\n\n handleMouseLeave() {\n this.hovered = false;\n }\n\n getClasses() {\n const classes = {};\n classes[`${this.size?.toLowerCase()}`] = true;\n classes[`icon-${this.iconPosition?.toLowerCase()}`] = true;\n classes[`icon-only`] = this.iconOnly;\n classes['disabled'] = this.disabled;\n classes['isLoading'] = this.isLoading;\n classes['justify'] = this.justify;\n\n return classes;\n }\n\n getIcon() {\n if (!this.iconName) return '';\n const iconSize = this.size === 'large' ? 20 : 16;\n return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={this.getSymbolColor()}></cura-icon>;\n }\n\n getSymbolColor() {\n if (this.isLoading && this.fontColor === 'light' ? 'neutral-white' : 'neutral-black')\n return this.disabled\n ? 'neutral-dark'\n : this.fontColor === 'light'\n ? 'neutral-white'\n : 'neutral-black';\n }\n\n handleClick(e: Event) {\n if (this.disabled || this.isLoading) {\n e.preventDefault();\n return;\n }\n if (!this.href) {\n if (this.type === 'submit' && this.internals.form) this.internals.form.submit();\n if (this.type === 'reset' && this.internals.form) this.internals.form.reset();\n }\n }\n\n render() {\n const symbolColor = this.getSymbolColor();\n const labelSize = labelSizes[this.size] || labelSizes[\"default\"];\n return (\n <Host role={ this.href ? 'link' : this.type }\n aria-disabled={this.disabled}>\n {this.href ? (\n <a href={this.disabled ? '' : this.href}\n target={this.target}\n class={this.getClasses()}\n style={this.styles}\n onClick={(e) => this.handleClick(e)}\n onMouseEnter={() => this.handleMouseEnter()}\n onMouseLeave={() => this.handleMouseLeave()}>\n <span class=\"button-container\">\n {this.getIcon()}\n <cura-label class=\"label\" size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n </span>\n <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n </a>\n ) : (\n <button class={this.getClasses()}\n style={this.styles}\n disabled={this.disabled || null}\n onClick={(e) => this.handleClick(e)}\n onMouseEnter={() => this.handleMouseEnter()}\n onMouseLeave={() => this.handleMouseLeave()}\n type={this.type}>\n <span class=\"button-container\">\n {this.getIcon()}\n <cura-label class=\"label\" size={labelSize} lineHeight='normal' color={symbolColor}><slot></slot></cura-label>\n </span>\n <cura-loader-circle size={this.size} color={symbolColor}></cura-loader-circle>\n </button>\n )}\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-calendar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-card.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gkFAAgkF;;MCOvkFA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,GAAA;;;;AAME;;;;AAIG;AACsB,QAAA,IAAU,CAAA,UAAA,GAAY,IAAI;AAEnD;;;;AAIG;AACsB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAEnD;;;;;;AAMG;AACsB,QAAA,IAAI,CAAA,IAAA,GAA4B,OAAO;AAEhE;;;;;;AAMG;AACsB,QAAA,IAAS,CAAA,SAAA,GAAqB,OAAO;AAS9D;;;;;AAKG;AACsB,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;AAExC,QAAA,IAAM,CAAA,MAAA,GAAQ,EAAE;AA6C1B;IAzCC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE;AACtD,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;AACzE,QAAA,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,iBAAA,CAAmB,CAAC;AAC9F,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,aAAA,CAAe,CAAC;AACtF,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,YAAA,CAAc,CAAC;AACpF,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,YAAA,CAAc,CAAC;AACpF,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,aAAA,CAAe,CAAC;QACtF,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC;AACnG,QAAA,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,eAAA,CAAiB,CAAC;AAC1F,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,YAAA,CAAc,CAAC;AACpF,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;AACjE,QAAA,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE;QACrE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM;;IAG3D,UAAU,GAAA;QACR,MAAM,OAAO,GAAG,EAAE;AAClB,QAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI;AACzB,QAAA,OAAO,CAAC,CAAU,QAAA,CAAA,CAAC,GAAG,IAAI,CAAC,IAAI;AAC/B,QAAA,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI;AAC9B,QAAA,OAAO,CAAC,CAAY,UAAA,CAAA,CAAC,GAAG,IAAI,CAAC,UAAU;AACvC,QAAA,OAAO,CAAC,CAAW,SAAA,CAAA,CAAC,GAAG,IAAI,CAAC,SAAS;AACrC,QAAA,OAAO,OAAO;;IAGhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK,IACnC,IAAI,CAAC,IAAI,IACR,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACnF,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACX,KAEJ,WAAK,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAA,EAC/C,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,CACP,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CuraCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/cura-card/cura-card.scss?tag=cura-card&encapsulation=shadow","src/components/cura-card/cura-card.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/shadows.scss';\n\n:host {\n display: block;\n box-sizing: border-box;\n font-size: var(--font-size);\n font-family: var(--font-family);\n ::slotted(*) {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size);\n font-family: var(--font-family);\n }\n \n}\n\na {\n display: block;\n text-decoration: none !important;\n color: inherit;\n}\n.solid {\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--neutral-base);\n border-radius: 12px;\n overflow: hidden;\n padding: 0px;\n box-shadow: none;\n\n ::slotted(*) {\n \n border-radius: 0 ;\n }\n &.hasPadding {\n padding: 20px;\n ::slotted(*) {\n border-radius: 4px !important;\n }\n }\n\n &.hasShadow {\n border: 2px solid var(--neutral-base);\n\n @include shadow-level2(--neutral-black-shadow);\n }\n\n &.cardLink {\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--primary-base);\n border-radius: 12px;\n padding: 0px;\n box-shadow: none;\n cursor: pointer;\n\n ::slotted(*) {\n border-radius: 0px;\n }\n &:hover {\n border: 2px solid var(--primary-lighter) !important;\n }\n &.hasPadding {\n padding: 20px;\n ::slotted(*) {\n border-radius: 4px !important;\n }\n &:hover {\n border: 2px solid var(--primary-lighter) !important;\n }\n }\n\n &.hasShadow {\n border: 2px solid var(--primary-base);\n\n @include shadow-level3(--neutral-black-shadow);\n }\n &:not(.hasPadding).hasShadow {\n ::slotted(*) {\n border-radius: 12px !important;\n }\n }\n\n &.dark {\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--neutral-purewhite);\n &:hover {\n border: 2px solid var(--primary-lighter);\n }\n }\n }\n}\n\n.transparent {\n background-color: transparent;\n border: 0;\n border-radius: 12px;\n padding: 0px;\n overflow: hidden;\n ::slotted(*) {\n border-radius: 12px;\n }\n\n &.hasPadding {\n padding: 20px;\n\n ::slotted(*) {\n border-radius: 4px;\n }\n }\n\n &.cardLink {\n background-color: transparent;\n border: 2px solid var(--primary-base);\n overflow: hidden;\n border-radius: 12px;\n padding: 0px;\n box-shadow: none;\n ::slotted(*) {\n border-radius: 0px !important;\n }\n &:hover {\n border: 2px solid var(--primary-lighter) !important;\n }\n\n &.light {\n background-color: var(--neutral-purewhite);\n border: 2px solid var(--primary-base);\n ::slotted(*) {\n border-radius: 12px !important;\n }\n &:hover {\n border-color: var(--primary-lighter) !important;\n }\n }\n &.dark {\n background-color: transparent;\n\n border: 2px solid var(--neutral-purewhite);\n\n &:hover {\n border: 0;\n }\n }\n &.hasPadding {\n padding: 20px;\n\n ::slotted(*) {\n border-radius: 4px !important;\n }\n }\n }\n}\n","import { Component, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-card',\n styleUrl: 'cura-card.scss',\n shadow: true,\n})\nexport class CuraCard {\n /**\n * Determines whether the card should have padding.\n * @type {boolean}\n * @default false\n */\n @Prop({ mutable: true }) hasPadding: boolean = true;\n\n /**\n * Determines whether the card should have a shadow effect.\n * @type {boolean}\n * @default false\n */\n @Prop({ mutable: true }) hasShadow: boolean = false;\n\n /**\n * Sets the type of the card background.\n * - 'solid': A solid background.\n * - 'transparent': A transparent background.\n * @type {'solid' | 'transparent'}\n * @default 'solid'\n */\n @Prop({ mutable: true }) type: 'solid' | 'transparent' = 'solid';\n\n /**\n * Sets the color mode of the card.\n * - 'light': Light mode for the card.\n * - 'dark': Dark mode for the card.\n * @type {'light' | 'dark'}\n * @default 'light'\n */\n @Prop({ mutable: true }) colorMode: 'light' | 'dark' = 'light';\n\n /**\n * The URL that the card should link to (if set).\n * If not set, the card acts as a normal card.\n * @type {string | undefined}\n */\n @Prop({ mutable: true, reflect: true }) href?: string;\n\n /**\n * The target attribute for the link.\n * Applicable only if `href` is set.\n * @type {string}\n * @default '_self'\n */\n @Prop({ reflect: true }) target: string = '_self';\n\n @State() styles: any = {};\n\n weights;\n\n connectedCallback() {\n this.weights = window.CuraAPI.theme.fonts.getWeights();\n this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);\n this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`);\n this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n }\n\n getClasses() {\n const classes = {};\n classes[this.type] = true;\n classes[`cardLink`] = this.href;\n classes[this.colorMode] = true;\n classes[`hasPadding`] = this.hasPadding;\n classes[`hasShadow`] = this.hasShadow;\n return classes;\n }\n\n render() {\n return (\n <Host role={this.href ? 'link' : 'div'}>\n {this.href ? (\n <a class={this.getClasses()} target={this.target} style={this.styles} href={this.href}>\n <slot></slot>\n </a>\n ) : (\n <div class={this.getClasses()} style={this.styles}>\n <slot></slot>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-checkbox.js","mappings":"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","names":["CuraCheckbox","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/cura-checkbox/cura-checkbox.scss?tag=cura-checkbox&encapsulation=shadow","src/components/forms/cura-checkbox/cura-checkbox.tsx"],"sourcesContent":["@import '../../../scss/mixins/text.scss';\n\n:host {\n display: block;\n box-sizing: border-box;\n\n min-width: 0;\n}\n\n/* Container e Layout */\n.container {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n justify-content: start;\n gap: var(--gap);\n\n cursor: pointer;\n}\n\n.position {\n &.container {\n flex-direction: row;\n }\n\n .label-wrapper {\n justify-content: end;\n }\n\n .message {\n text-align: right;\n }\n\n .label {\n order: 1;\n }\n}\n\n.info {\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n}\n\n.label.textoverflow-single {\n @include truncate-single();\n min-width: 0;\n max-width: 100%;\n}\n\n.label-wrapper {\n display: flex;\n justify-content: start;\n align-items: center;\n gap: 5px;\n}\n\n/* Control e Checkbox */\n.control {\n width: fit-content;\n cursor: pointer;\n position: relative;\n}\n\n.checkbox {\n appearance: none;\n border: 2px solid var(--neutral-base-neutral-medium);\n border-radius: 4px;\n background: var(--neutral-black-neutral-purewhite);\n flex: 1 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n box-sizing: border-box;\n width: var(--size);\n height: var(--size);\n flex: 0 0 var(--size);\n}\n\n.icon {\n position: absolute;\n display: flex;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n/* Estados de Foco */\n.checkbox:focus {\n border-color: var(--info-base) !important;\n}\n\n/* Estado Disabled */\n.disabled .checkbox {\n background: var(--neutral-black-neutral-white);\n border-color: var(--neutral-darker-neutral-base);\n cursor: not-allowed;\n\n &:hover {\n border-color: var(--neutral-darker-neutral-base) !important;\n }\n}\n\n.disabled.checked .checkbox,\n.disabled.indeterminate .checkbox {\n background: var(--neutral-black-neutral-white);\n border-color: var(--neutral-darker-neutral-base);\n\n &:hover {\n border-color: var(--neutral-base-neutral-white);\n background: var(--primary-base-neutral-white);\n }\n}\n\n.disabled .checkbox:focus {\n border-color: var(--neutral-darker-neutral-base) !important;\n}\n\n/* Estado Checked */\n.checked .checkbox {\n border-color: var(--color-dark);\n background: var(--color-base);\n\n &:hover {\n border-color: var(--color-base) !important;\n background: var(--color-light);\n }\n}\n\n/* Estado Indeterminate */\n.indeterminate .checkbox {\n border-color: var(--color-base);\n background: var(--color-light);\n\n &:hover {\n border-color: var(--color-dark) !important;\n background: var(--color-base);\n }\n}\n\n.checked .icon,\n.indeterminate .icon {\n opacity: 1;\n}\n\n/* Hover para não disabled, default, checked, indeterminate */\n:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover {\n border-color: var(--neutral-purewhite-neutral-dark);\n}\n\n/* Estado Success */\n\n.success.dark .checkbox {\n background: var(--neutral-black);\n}\n\n.success .checkbox {\n border-color: var(--success-base);\n background: var(--success-lighter);\n\n &:hover {\n border-color: var(--success-base) !important;\n }\n}\n\n.success.checked .checkbox {\n border-color: var(--success-dark-base);\n background: var(--success-base-lighter);\n\n &:hover {\n border-color: var(--success-dark-base);\n }\n}\n\n/* Estado Error */\n\n.error.dark .checkbox {\n background: var(--neutral-black);\n}\n\n.error .checkbox {\n border-color: var(--error-base);\n background: var(--error-lighter);\n\n &:hover {\n border-color: var(--error-base) !important;\n }\n}\n\n.error.checked .checkbox {\n border-color: var(--error-dark-base);\n background: var(--error-base-lighter);\n\n &:hover {\n border-color: var(--error-dark-base);\n }\n}\n\n/* Input */\ninput {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n","import { Component, Prop, Event, Element, h, Host, Watch, EventEmitter, State, AttachInternals } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n tag: 'cura-checkbox',\n styleUrl: 'cura-checkbox.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class CuraCheckbox {\n /**\n * Reflects the checked state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /**\n * Reflects the indeterminate state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n /**\n * Status of the checkbox.\n * Can be 'error', 'success', or 'default'.\n */\n @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n /**\n * Reflects the disabled state of the checkbox.\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Reflects the required state of the checkbox.\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * Text label associated with the checkbox.\n */\n @Prop({ reflect: true }) label: string;\n /**\n * Specifies the tabindex of the checkbox.\n */\n @Prop({ reflect: true }) ontabindex: number = 0;\n /**\n * Position of the label relative to the checkbox.\n * Can be 'left' or 'right'.\n */\n @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n /**\n * Value associated with the checkbox.\n */\n @Prop({ reflect: true }) value: string;\n /**\n * Name attribute of the checkbox.\n */\n @Prop({ reflect: true }) name: string;\n /**\n * Size of the checkbox.\n * Can be 'small', 'medium', or 'large'.\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n /**\n * Background theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() background: 'dark' | 'light' = 'light';\n /**\n * iconColor theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() iconColor: 'dark' | 'light' = 'dark';\n /**\n * Color theme of the checkbox.\n */\n @Prop() color = 'accent';\n\n /**\n * Controls how the label text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n @Prop({ reflect: true }) overflowLabel: 'none' | 'single' | string = 'none';\n\n /**\n * Controls how the helper text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n @Prop({ reflect: true }) overflowHelper: 'none' | 'single' | string = 'none';\n\n @State() styles = {};\n\n @Element() host: HTMLElement;\n\n @Event() onchange: EventEmitter<{ value: string; checked: boolean; indeterminate: boolean }>;\n\n @AttachInternals() internals: ElementInternals;\n\n isDarkBackground = () => this.background === 'dark';\n\n isDarkIconColor = () => this.iconColor === 'dark';\n\n @Watch('size')\n sizeHandler() {\n this.styles = {\n ...this.styles,\n '--size': `${formsSizes[this.size].size}px`,\n '--gap': `${formsSizes[this.size].gap}px`,\n };\n }\n\n /**\n * Watches changes in color and background properties to update styles.\n */\n @Watch('color')\n @Watch('background')\n setColors() {\n const colors = [\n { name: '--color-base', background: `${this.color}-base` },\n { name: '--color-lighter', background: `${this.color}-lighter` },\n { name: '--color-light', background: `${this.color}-light` },\n { name: '--color-dark', background: `${this.color}-dark` },\n { name: '--info-base', background: 'info-base' },\n { name: '--error-base', background: 'error-base' },\n { name: '--success-lighter', background: 'success-lighter' },\n { name: '--success-base', background: 'success-base' },\n { name: '--success-dark', background: 'success-dark' },\n { name: '--error-lighter', background: 'error-lighter' },\n { name: '--neutral-black', background: 'neutral-black' },\n { name: '--primary-base-neutral-white', background: this.isDarkBackground() ? 'primary-base' : 'neutral-white' },\n { name: '--neutral-base-neutral-medium', background: this.isDarkBackground() ? 'neutral-base' : 'neutral-medium' },\n { name: '--neutral-black-neutral-purewhite', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-purewhite' },\n { name: '--neutral-black-neutral-white', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-white' },\n { name: '--neutral-darker-neutral-base', background: this.isDarkBackground() ? 'neutral-darker' : 'neutral-base' },\n { name: '--neutral-base-neutral-base', background: this.isDarkBackground() ? 'primary-base' : 'neutral-base' },\n { name: '--neutral-purewhite-neutral-dark', background: this.isDarkBackground() ? 'neutral-purewhite' : 'neutral-dark' },\n { name: '--primary-base-neutral-medium', background: this.isDarkBackground() ? 'primary-base' : 'neutral-medium' },\n { name: '--success-base-lighter', background: this.isDarkBackground() ? 'success-base' : 'success-lighter' },\n { name: '--success-dark-base', background: this.isDarkBackground() ? 'success-dark' : 'success-base' },\n { name: '--error-base-lighter', background: this.isDarkBackground() ? 'error-base' : 'error-lighter' },\n { name: '--error-dark-base', background: this.isDarkBackground() ? 'error-dark' : 'error-base' },\n ];\n\n colors.forEach(color => {\n this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);\n });\n this.styles = { ...this.styles };\n }\n\n connectedCallback() {\n this.sizeHandler();\n this.setColors();\n }\n\n /**\n * Callback for form association.\n */\n formAssociatedCallback(form: { ariaLabel: string }) {\n form.ariaLabel = this.label;\n }\n\n /**\n * Callback to restore the switch state from the form.\n */\n formStateRestoreCallback(state: { value: string; checked: boolean; indeterminate: boolean }) {\n this.value = state.value;\n this.checked = state.checked;\n this.indeterminate = state.indeterminate;\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to reset the switch state when the form is reset.\n */\n formResetCallback() {\n this.value = '';\n this.checked = false;\n this.indeterminate = false;\n this.internals.setValidity({});\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to update the switch's disabled state when the form's disabled state changes.\n */\n formDisabledCallback(disabled: boolean) {\n this.disabled = disabled;\n }\n\n handleClick = () => {\n if (this.disabled) return;\n\n this.indeterminate = false;\n this.checked = !this.checked;\n this.internals.setFormValue(this.value);\n this.onchange.emit({ value: this.value, checked: this.checked, indeterminate: this.indeterminate });\n };\n\n getClasses() {\n const classes = {};\n classes['container'] = true;\n classes['checked'] = this.checked;\n classes['disabled'] = this.disabled;\n classes[this.background] = true;\n classes['indeterminate'] = this.indeterminate;\n classes['position'] = this.position === 'right';\n classes[this.status] = true;\n\n return classes;\n }\n\n /**\n * Assigns color based on status and background theme.\n * @param defaultColor Default color.\n */\n @Watch('background')\n @Watch('iconColor')\n assignColor(type: 'icon' | 'label' | 'message') {\n if (this.disabled) return this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark';\n\n const statusColors = {\n success: {\n icon: 'success-dark',\n label: this.isDarkBackground() ? 'success-lighter' : 'success-darker',\n message: this.isDarkBackground() ? 'success-base' : 'success-dark',\n },\n error: {\n icon: 'error-dark',\n label: this.isDarkBackground() ? 'error-lighter' : 'neutral-darker',\n message: this.isDarkBackground() ? 'error-base' : 'error-dark',\n },\n default: {\n icon: this.isDarkIconColor() ? 'neutral-black' : 'neutral-purewhite',\n label: this.isDarkBackground() ? 'neutral-white' : 'neutral-black',\n message: this.isDarkBackground() ? 'primary-lighter' : 'neutral-dark',\n },\n };\n\n return statusColors[this.status][type];\n }\n\n /**\n * Retrieves icon element based on checkbox state.\n */\n getIcon() {\n const iconName = this.indeterminate ? 'minus' : 'check';\n const iconColor = this.assignColor('icon');\n const iconSize = this.size === 'large' ? 20 : 'micro';\n\n return <cura-icon class=\"icon\" name={iconName} size={iconSize} color={iconColor}></cura-icon>;\n }\n\n render() {\n return (\n <Host role=\"checkbox\" aria-checked={this.checked} aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n <div class={this.getClasses()} style={this.styles} onClick={this.handleClick}>\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label\n textOverflow={this.overflowLabel}\n class={`label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`}\n weight=\"bold\"\n size={this.size === 'large' ? 'medium' : 'xsmall'}\n color={this.assignColor('label')}\n >\n {this.label}\n </cura-label>\n {this.required && (\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\">\n *{' '}\n </cura-paragraph>\n )}\n </div>\n <cura-label textOverflow={this.overflowHelper} color={this.assignColor('message')} size=\"xsmall\" class=\"message\">\n <slot></slot>\n </cura-label>\n </div>\n <div class={'checkbox'} tabIndex={this.ontabindex}>\n <input\n type=\"checkbox\"\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n required={this.required}\n checked={this.checked}\n indeterminate={this.indeterminate}\n />\n {this.getIcon()}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-display.js","mappings":"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","names":["CuraDisplay","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/text/cura-display/cura-display.scss?tag=cura-display&encapsulation=shadow","src/components/text/cura-display/cura-display.tsx"],"sourcesContent":["@import '../../../scss/mixins/responsive.scss';\n\n:host {\n display: block;\n font-size: var(--font-size-base);\n\n h1, h2, h3, h4, h5, h6 {\n font-family: var(--font-family);\n font-size: 3em;\n font-weight: var(--font-weight-bold);\n color: var(--color-body);\n line-height: var(--line-height);\n margin-block: var(--margin-block);\n letter-spacing: 0px;\n\n &.small {\n font-size: 2.2857142857142856em;\n letter-spacing: -1.68px;\n }\n\n ::slotted(b), ::slotted(strong) {\n font-weight: var(--font-weight-bold);\n }\n\n ::slotted(a) {\n font-weight: var(--font-weight-bold);\n color: var(--color-link);\n text-underline-offset: 10%;\n cursor: pointer;\n }\n\n ::slotted(u) {\n text-underline-offset: 10%;\n }\n\n ::slotted(i), ::slotted(em) {\n font-style: italic;\n font-weight: var(--font-weight-medium);\n }\n\n ::slotted(abbr) {\n color: var(--color-link);\n text-decoration: underline dashed 1px var(--color-link);\n text-underline-offset: 10%;\n cursor: default;\n }\n }\n\n @include medium-large() {\n h1, h2, h3, h4, h5, h6 {\n font-size: 3.429em;\n\n &.small {\n font-size: 2.857142857142857em;\n letter-spacing: -1.92px;\n }\n }\n }\n\n @include xlarge-only() {\n h1, h2, h3, h4, h5, h6 {\n font-size: 4.286em;\n line-height: calc(var(--line-height) + 5%);\n\n &.small {\n font-size: 3.5714285714285716em;\n letter-spacing: -1.2px;\n }\n }\n }\n\n}\n","import { Component, Host, h, Element, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'cura-display',\n styleUrl: 'cura-display.scss',\n shadow: true,\n})\nexport class CuraDisplay {\n\n /**\n * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1(default) to 6.\n */\n @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n\n /**\n * Display size.\n * Values: 'large' (default) | 'small'.\n */\n @Prop({reflect: true}) size: 'large' | 'small' = 'large';\n\n /**\n * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n * Values: Color from design system scheme. Default to 'accent-dark'.\n */\n @Prop() spotColor = 'accent-dark';\n\n /**\n * Text color.\n * Values: Color from design system scheme. Default to the font color from the theme.\n */\n @Prop() color: string;\n @Watch('color')\n @Watch('spotColor')\n handleChangeColor() {\n this.setColors();\n }\n\n /**\n * CSS margin-block property values.\n * Default to 1.25em\n */\n @Prop({reflect: true}) marginBlock = '1.25em';\n\n /**\n * CSS line-height property values.\n * Default to 140%\n */\n @Prop({reflect: true}) lineHeight = '120%';\n\n /**\n * Host element <cura-display>\n */\n @Element() host: HTMLElement;\n\n /**\n * Internal Props\n */\n weights: any;\n fontSizeBase: string;\n theme = window.CuraAPI.theme;\n @State() styles = {};\n\n connectedCallback() {\n this.setFontProperties();\n this.setColors();\n }\n\n setFontProperties() {\n this.weights = this.theme.fonts.getWeights();\n this.fontSizeBase = this.theme.fonts.getSize();\n this.styles = {\n '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),\n '--font-size': window.CuraAPI.theme.fonts.getSize(),\n '--font-weight-bold': this.weights.bold,\n '--font-weight-medium': this.weights.medium\n };\n }\n\n hostCSSProperties() {\n return {\n '--margin-block': this.marginBlock,\n '--font-size-base': this.fontSizeBase,\n '--line-height': this.lineHeight\n };\n }\n\n setColors() {\n const fontColor = this.color\n ? this.theme.colors.getColor(this.color)\n : this.theme.fonts.getColor();\n this.styles = {\n ...this.styles,\n '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n };\n }\n\n getClasses() {\n const classes = {};\n classes[`${this.size?.toLowerCase()}`] = true;\n return classes;\n }\n\n getHeadingTag() {\n const classes = this.getClasses();\n const tags = {\n '1': <h1 style={this.styles} class={classes}><slot></slot></h1>,\n '2': <h2 style={this.styles} class={classes}><slot></slot></h2>,\n '3': <h3 style={this.styles} class={classes}><slot></slot></h3>,\n '4': <h4 style={this.styles} class={classes}><slot></slot></h4>,\n '5': <h5 style={this.styles} class={classes}><slot></slot></h5>,\n '6': <h6 style={this.styles} class={classes}><slot></slot></h6>,\n 'default': <h1 style={this.styles} class={classes}><slot></slot></h1>\n };\n return tags[`${this.level}`] || tags['default'];\n }\n\n render() {\n return (\n <Host style={this.hostCSSProperties()} role=\"heading\" aria-level={this.level}>\n { this.getHeadingTag() }\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-dropdown-search-category.js","mappings":";;;AAAA,MAAM,6BAA6B,GAAG,mdAAmd;;MCO5eA,4BAA0B,iBAAAC,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;AALvC,IAAA,WAAA,GAAA;;;;AAOE,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;QACX,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK;AAmB7B;IAjBC,iBAAiB,GAAA;QACf,IAAI,CAAC,MAAM,GAAG;YACZ,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe;SAC9D;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAA,EACjD,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,UAAU,EAAC,KAAK,EAAA,EAC7F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACA,CACX,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CuraDropdownSearchCategory","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.scss?tag=cura-dropdown-search-category&encapsulation=shadow","src/components/cura-dropdown-search/cura-dropdown-search-category/cura-dropdown-search-category.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n@import '../../../scss/mixins/dropdown-search-options.scss';\n\n:host {\n @include host-component();\n\n .component-container {\n @include component-container() {\n padding: #{$spacing-xxxs} 0;\n };\n }\n}\n\n:host(:last-child) {\n @include host-last-child();\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'cura-dropdown-search-category',\n styleUrl: 'cura-dropdown-search-category.scss',\n shadow: true,\n})\nexport class CuraDropdownSearchCategory {\n\n styles = {};\n theme = window.CuraAPI.theme;\n\n connectedCallback() {\n this.styles = {\n '--neutral-light': this.theme.colors.getColor('neutral-light')\n };\n }\n\n render() {\n return (\n <Host>\n <div class=\"component-container\" style={this.styles}>\n <cura-heading size='xsmall' weight='bold' color='neutral-dark' marginBlock='0' lineHeight='1em'>\n <slot></slot>\n </cura-heading>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-dropdown-search-not-found.js","mappings":";;;AAAA,MAAM,6BAA6B,GAAG,2cAA2c;;MCOpeA,4BAA0B,iBAAAC,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;AALvC,IAAA,WAAA,GAAA;;;;;AASE,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAS,KAAI;AAC1B,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;YACvB,EAAE,CAAC,cAAc,EAAE;YACnB,EAAE,CAAC,eAAe,EAAE;AACtB,SAAC;AAaF;IAXC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAG,IAAI,CAAC,WAAW,EAAA,EACzD,CAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,EAAA,EAC1D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACA,CACX,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CuraDropdownSearchNotFound","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.scss?tag=cura-dropdown-search-not-found&encapsulation=shadow","src/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n@import '../../../scss/mixins/dropdown-search-options.scss';\n\n:host {\n @include host-component();\n\n .component-container {\n @include component-container();\n border-bottom: none;\n cursor: default;\n\n cura-heading {\n --margin-block: 0 !important;\n flex: 1;\n }\n }\n}","import { Component, Host, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'cura-dropdown-search-not-found',\n styleUrl: 'cura-dropdown-search-not-found.scss',\n shadow: true,\n})\nexport class CuraDropdownSearchNotFound {\n\n @Event() actionclick: EventEmitter<any>;\n\n handleClick = (ev: Event) => {\n this.actionclick.emit();\n ev.preventDefault();\n ev.stopPropagation();\n }\n\n render() {\n return (\n <Host>\n <div class=\"component-container\" onClick={ this.handleClick }>\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"error-dark\">\n <slot></slot>\n </cura-heading>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-dropdown-search-option.js","mappings":"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","names":["CuraDropdownSearchOption","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.scss?tag=cura-dropdown-search-option&encapsulation=shadow","src/components/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n@import '../../../scss/mixins/dropdown-search-options.scss';\n\n:host {\n @include host-component();\n\n .component-container {\n @include component-container();\n transition: background-color .15s linear;\n }\n\n .component-container:not(.selected):not(.not-selectable):has(.selectable-container:hover),\n .component-container:not(.selected):not(.not-selectable).highlighted {\n background-color: var(--neutral-white);\n }\n\n .selectable-container {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: #{$spacing-xxxs} 0;\n min-height: #{$spacing-l};\n min-width: 0;\n gap: #{$spacing-tiny};\n cursor: pointer;\n\n .content {\n flex: 1;\n align-items: center;\n justify-content: flex-end;\n padding-right: #{$spacing-tiny};\n min-width: 0;\n }\n\n ::slotted(cura-icon) {\n --color: var(--neutral-dark) !important;\n margin: 0 10px;\n }\n ::slotted(cura-avatar) {\n margin: 0 #{$spacing-tiny};\n }\n ::slotted(cura-heading),\n ::slotted(cura-paragraph) {\n --margin-block: 0 !important;\n --color-spot: var(--primary) !important;\n }\n ::slotted(cura-heading) {\n --color-body: var(--neutral-black) !important;\n }\n ::slotted(cura-paragraph) {\n --color-body: var(--neutral-dark) !important;\n }\n }\n\n .selected {\n background-color: var(--primary-lighter-50);\n border-bottom-color: var(--primary-light);\n\n .selectable-container {\n cursor: default;\n\n ::slotted(cura-icon) {\n --color: var(--primary) !important;\n }\n ::slotted(cura-heading) {\n --color-body: var(--primary) !important;\n }\n }\n }\n\n .actions-container {\n display: flex;\n\n ::slotted(*) {\n padding-left: #{$spacing-tiny};\n }\n }\n\n .not-selectable {\n .selectable-container {\n cursor: default;\n }\n }\n}\n\n:host(:last-child) {\n @include host-last-child();\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'cura-dropdown-search-option',\n styleUrl: 'cura-dropdown-search-option.scss',\n shadow: true,\n})\nexport class CuraDropdownSearchOption {\n\n /**\n * Required. The value for item term reference.\n * This will set the value of the seaarch field when the option is selected.\n */\n @Prop() value!: string;\n /**\n * Required. The unique identifier for the option.\n * This will reference the option element for the parent.\n */\n @Prop() optionid!: string;\n /**\n * Enable selection for this option.\n * Default is true.\n */\n @Prop({reflect: true}) selectable: boolean = true;\n /**\n * Selected state.\n * This will be managed by the parent component.\n * Default is false.\n */\n @Prop({reflect: true}) selected: boolean = false;\n /**\n * Highlighted state.\n * This will be managed by the parent component.\n * Default is false.\n */\n @Prop({reflect: true}) highlighted: boolean = false;\n\n @Event() actionclick: EventEmitter<any>;\n @Event() selectoption: EventEmitter<string>;\n\n styles = {};\n theme = window.CuraAPI.theme;\n\n connectedCallback() {\n this.styles = {\n '--neutral-light': this.theme.colors.getColor('neutral-light'),\n '--neutral-white': this.theme.colors.getColor('neutral-white'),\n '--neutral-dark': this.theme.colors.getColor('neutral-dark'),\n '--neutral-black': this.theme.colors.getColor('neutral-black'),\n '--primary-lighter-50': this.theme.colors.getColor('primary-lighter', .5),\n '--primary-light': this.theme.colors.getColor('primary-light'),\n '--primary': this.theme.colors.getColor('primary-base')\n };\n }\n\n handleSelect() {\n if( this.selectable ) {\n this.selectoption.emit(this.optionid);\n } else {\n this.actionclick.emit();\n }\n }\n\n handleActionsClick() {\n this.actionclick.emit();\n }\n\n getClasses() {\n return {\n 'component-container': true,\n 'selected': this.selected,\n 'highlighted': this.highlighted,\n 'not-selectable': !this.selectable\n }\n }\n\n render() {\n return (\n <Host>\n <div class={this.getClasses()} style={this.styles}>\n <div class=\"selectable-container\" onClick={ () => this.handleSelect() }>\n <slot name='image'></slot>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n <div class=\"actions-container\" onClick={ () => this.handleActionsClick() }>\n <slot name='actions'></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-dropdown-search.js","mappings":";;;;;;;MAEa,0BAA0B,CAAA;IAMrC,WAAY,CAAA,WAAgB,EAAE,iBAAsB,EAAA;AA4CpD,QAAA,IAAA,CAAA,qBAAqB,GAAG,CAAC,CAAQ,KAAI;AACnC,YAAA,IAAI,IAAI,CAAC,iBAAiB,CAAC,YAAY,IAAI,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAG;gBAC/E,CAAC,CAAC,cAAc,EAAE;;YAEpB,CAAC,CAAC,eAAe,EAAE;AACrB,SAAC;AAED,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,EAAS,KAAI;YAC5B,EAAE,CAAC,cAAc,EAAE;YACnB,EAAE,CAAC,eAAe,EAAE;AACtB,SAAC;AArDC,QAAA,IAAI,CAAC,WAAW,IAAI,CAAC,iBAAiB,EAAG;AACvC,YAAA,OAAO,CAAC,KAAK,CAAC,kFAAkF,CAAC;;aAC5F;AACL,YAAA,IAAI,CAAC,WAAW,GAAG,WAAW;AAC9B,YAAA,IAAI,CAAC,iBAAiB,GAAG,iBAAiB;;;IAI9C,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,OAAO;AACpC,QAAA,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAChD,QAAA,sBAAsB,EAAE;QACxB,IAAI,CAAC,UAAU,EAAE;;IAGnB,YAAY,GAAA;AACV,QAAA,yBAAyB,EAAE;AAC3B,QAAA,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;QAClE,IAAI,CAAC,aAAa,EAAE;;IAGtB,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;AAChF,QAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;AACrF,QAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;AACpF,QAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;AACjF,QAAA,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;AAC9F,QAAA,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;AACnG,QAAA,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;AAClG,QAAA,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC;;IAGjG,aAAa,GAAA;QACX,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC;QACjE,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC;QACtE,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC;QACrE,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC;QAClE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC;QAC/E,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,qBAAqB,CAAC;QACpF,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,CAAC;QACnF,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC;;AAcnF;;AC/DD,MAAM,qBAAqB,GAAG,66DAA66D;;MCS97DA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;;;AAYE;;;AAGG;AACsB,QAAA,IAAI,CAAA,IAAA,GAA0C,OAAO;AAC9E;;;AAGG;AACqC,QAAA,IAAM,CAAA,MAAA,GAAiC,SAAS;AACxF;;AAEG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAClD;;AAEG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAClD;;AAEG;AACsB,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AACjD;;AAEG;AACsB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAC3C;;AAEG;AACsB,QAAA,IAAI,CAAA,IAAA,GAAW,QAAQ;AAChD;;;;AAIG;AACsB,QAAA,IAAS,CAAA,SAAA,GAAW,OAAO;AACpD;;;AAGG;AACsB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAC3C;;;AAGG;AACsB,QAAA,IAAW,CAAA,WAAA,GAAW,GAAG;AAClD;;;AAGG;AACsB,QAAA,IAAc,CAAA,cAAA,GAAW,CAAC;AAoB1C,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;AACX,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;AACjB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AASnC,QAAA,IAAe,CAAA,eAAA,GAAG,EAAE;AAEpB,QAAA,IAAc,CAAA,cAAA,GAAG,GAAG;AAEpB,QAAA,IAAa,CAAA,aAAA,GAAG,GAAG;AAOnB,QAAA,IAAgB,CAAA,gBAAA,GAAW,EAAE;AACpB,QAAA,IAAa,CAAA,aAAA,GAAG,EAAE;AAC3B,QAAA,IAAuB,CAAA,uBAAA,GAAG,EAAE;AAgD5B,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK,EAAG,IAAI,CAAC,eAAe,EAAE,CAAC,EAAE;AAEpD,QAAA,IAAkB,CAAA,kBAAA,GAAG,MAAK;YACxB,IAAI,IAAI,CAAC,aAAa;AAAE,gBAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AACxD,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAK;AACnC,gBAAA,IAAI,CAAC,QAAQ,GAAG,WAAW,EAAE;gBAC7B,IAAI,CAAC,aAAa,EAAE;AACtB,aAAC,EAAE,IAAI,CAAC,eAAe,CAAC;AAC1B,SAAC;AAED,QAAA,IAA0B,CAAA,0BAAA,GAAG,MAAK;YAChC,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE;YACrB,IAAI,IAAI,CAAC,eAAe;AAAE,gBAAA,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC;AAC5D,YAAA,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC;AACrF,SAAC;AAED,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;YACjB,IAAI,IAAI,CAAC,YAAY;AAAE,gBAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AACtD,YAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAK;AAClC,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI;gBACrB,IAAI,CAAC,cAAc,EAAE;AACrB,gBAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;oBAAE,IAAI,CAAC,SAAS,EAAE;gBACtD,IAAI,IAAI,CAAC,SAAS;oBAAE,IAAI,CAAC,aAAa,EAAE;gBACxC,UAAU,CAAC,MAAK;;AACZ,oBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,qBAAqB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,cAAc,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC;iBACzG,EAAE,EAAE,CAAC;AACR,aAAC,EAAE,IAAI,CAAC,cAAc,CAAC;AACzB,SAAC;AAED,QAAA,IAAU,CAAA,UAAA,GAAG,MAAK;YAChB,IAAI,IAAI,CAAC,WAAW;AAAE,gBAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;AACpD,YAAA,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,MAAK;AACjC,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;oBAClB,MAAM,KAAK,GAAG,QAAQ,GAAG,GAAG,GAAG,GAAG;oBAClC,UAAU,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC;;AAE/C,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACxB,aAAC,EAAE,IAAI,CAAC,aAAa,CAAC;AACxB,SAAC;AAED,QAAA,IAAc,CAAA,cAAA,GAAG,MAAK;YACpB,IAAI,IAAI,CAAC,SAAS;gBAAG,IAAI,CAAC,aAAa,EAAE;AAC3C,SAAC;AAED,QAAA,IAAe,CAAA,eAAA,GAAG,MAAK,EAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE;AAE5C,QAAA,IAAA,CAAA,uBAAuB,GAAG,CAAC,EAAe,KAAI;AAC5C,YAAA,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,EAAE;AACjC,YAAA,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;AACxB,SAAC;AAED,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,EAAe,KAAI;AACrC,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjB,IAAI,CAAC,oBAAoB,EAAE;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;AACxB,SAAC;AAED,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,EAAe,KAAI;AACvC,YAAA,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC;AAC7B,YAAA,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;AACxB,SAAC;AAED,QAAA,IAAA,CAAA,sBAAsB,GAAG,CAAC,EAAe,KAAI;AAC3C,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC;AACxB,YAAA,IAAI,IAAI,CAAC,qBAAqB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE;gBAChF,IAAI,CAAC,oBAAoB,EAAE;;AAE7B,YAAA,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;AACxB,SAAC;AAED,QAAA,IAAuB,CAAA,uBAAA,GAAG,MAAK;YAC7B,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC;gBAAG,IAAI,CAAC,cAAc,EAAE;AACnF,SAAC;AAED,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,EAAiB,KAAI;AACpC,YAAA,IAAI,EAAE,CAAC,GAAG,KAAK,WAAW;AAAG,gBAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;AACvD,YAAA,IAAI,EAAE,CAAC,GAAG,KAAK,SAAS;AAAG,gBAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;AACrD,YAAA,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO;gBAAG,IAAI,CAAC,eAAe,EAAE;AACjD,SAAC;QAyGD,IAAA,CAAA,eAAe,GAAG,gBAAM,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA,EAAA;AAuB9E,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,EAAS,KAAI;YAC5B,EAAE,CAAC,cAAc,EAAE;YACnB,EAAE,CAAC,eAAe,EAAE;AACtB,SAAC;AA2DF;AAtWC;;AAEG;AAEH,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,EAAE;;AAEnC;;AAEG;IAEH,MAAM,YAAY,CAAC,QAAgB,EAAA;AACjC,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;;IAgC9B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE;AACtD,QAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;AACzD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC;AACzE,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC;AACtF,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;AACtF,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;QACpF,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC;AACnG,QAAA,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC;AAChF,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;AACtF,QAAA,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC;AAC1E,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;AACjE,QAAA,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE;QACrE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM;QACzD,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC;QAC3D,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,kBAAkB,CAAC;QACtE,IAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,cAAc,EAAE;YAC1B,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,0BAA0B,CAAC;YACjF,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,0BAA0B,CAAC;;AAEnF,QAAA,IAAI,CAAC,QAAQ,GAAG,WAAW,EAAE;;IAG/B,gBAAgB,GAAA;;AACd,QAAA,IAAI,CAAC,eAAe,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,qBAAqB,CAAC;QACjF,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,uBAAuB,CAAC;QACvE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC;AACnE,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,0BAA0B,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC;QACrF,UAAU,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE,EAAE,EAAE,CAAC;;IAG9C,oBAAoB,GAAA;QAClB,IAAI,CAAC,kBAAkB,EAAE;;IAG3B,kBAAkB,GAAA;QAChB,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC;QAC9D,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,kBAAkB,CAAC;QACzE,IAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,cAAc,EAAE;YAC1B,MAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,0BAA0B,CAAC;YACpF,MAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,0BAA0B,CAAC;;QAEtF,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,uBAAuB,CAAC;QAC1E,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC;;AAmFxE,IAAA,aAAa,CAAC,SAA0B,EAAA;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,MAAM;YAAE;QAC1C,IAAI,QAAQ,GAAG,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC;AAC3F,QAAA,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,IAAI,CAAC,cAAc,EAAE;YACrB;;QAEF,MAAM,2BAA2B,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,GAAG,CAAC;QAC3E,IAAI,QAAQ,GAAG,2BAA2B;YAAG,QAAQ,GAAG,2BAA2B;QACnF,IAAI,IAAI,CAAC,kBAAkB;AAAG,YAAA,IAAI,CAAC,kBAAkB,CAAC,WAAW,GAAG,KAAK;AACzE,QAAA,IAAI,CAAC,gBAAgB,GAAG,QAAQ;QAChC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC;AAChE,QAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAG;AACrC,YAAA,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;YAC7B;;AAEF,QAAA,IAAI,CAAC,kBAAkB,CAAC,WAAW,GAAG,IAAI;AAC1C,QAAA,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;;IAGrG,cAAc,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAG;AAC5B,YAAA,IAAI,CAAC,kBAAkB,CAAC,WAAW,GAAG,KAAK;AAC3C,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;AAEhC,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;;IAG5B,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAG;YAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;YACpD,IAAI,CAAC,cAAc,EAAE;AACrB,YAAA,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE;;;AAIjC,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK;YAClB,IAAI,IAAI,CAAC,YAAY;AAAE,gBAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AACtD,YAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAK;;gBAClC,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;gBAC9B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,GAAG,EAAE,GAAG,KAAK,CAAC;AACvF,aAAC,EAAE,IAAI,CAAC,WAAW,IAAI,GAAG,CAAC;;;AAI/B,IAAA,aAAa,CAAC,QAAgB,EAAA;QAC5B,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,oBAAoB,EAAE;AAC3B,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjB;;AAEF,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC;AAC/F,QAAA,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAG;YAC7C,IAAI,CAAC,oBAAoB,EAAE;AAC3B,YAAA,IAAI,CAAC,qBAAqB,GAAG,aAAa;AAC1C,YAAA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,GAAG,IAAI;YAC1C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;YAC/C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;YAC3D,IAAI,IAAI,CAAC,SAAS;AAAE,gBAAA,UAAU,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC;;;IAI7E,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,MAAM,IAAG;YAC5C,IAAI,MAAM,CAAC,QAAQ;AAAG,gBAAA,MAAM,CAAC,QAAQ,GAAG,KAAK;AAC/C,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;;IAGnC,eAAe,GAAA;QACb,MAAM,QAAQ,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,EAAE;QACrB,IAAI,WAAW,GAAG,KAAK;AACvB,QAAA,IAAI,IAAI,CAAC,eAAe,EAAG;AACzB,YAAA,IAAI,CAAC;iBACF,aAAa,CAAC,MAAM;AACpB,iBAAA,gBAAgB;iBAChB,OAAO,CAAC,IAAI,IAAG;AACd,gBAAA,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;gBACnB,IAAI,IAAI,CAAC,SAAS,KAAK,6BAA6B,IAAI,IAAI,CAAC,YAAY,CAAC;AAAG,oBAAA,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AAClG,gBAAA,IAAI,IAAI,CAAC,SAAS,KAAK,gCAAgC;oBAAG,WAAW,GAAG,IAAI;AAC9E,aAAC,CAAC;;AAEN,QAAA,IAAI,CAAC,uBAAuB,GAAG,UAAU;AACzC,QAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;AAC7B,QAAA,IAAI,CAAC,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS;;IAIjD,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE;QACnC,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;IAGvB,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;QAClC,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,UAAU,CAAC,MAAK,EAAG,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA,EAAC,EAAE,GAAG,CAAC;;IAKlD,aAAa,GAAA;QACX,IAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,cAAc,EAAE;YAC1B,MAAM,MAAM,GAAG,CAAG,EAAA,MAAM,CAAC,cAAc,CAAC,MAAM,CAAA,EAAA,CAAI;YAClD,MAAM,SAAS,GAAG,CAAG,EAAA,MAAM,CAAC,cAAc,CAAC,SAAS,CAAA,EAAA,CAAI;AACxD,YAAA,IAAI,CAAC,MAAM,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,MAAM,CAAA,EAAA,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,GAAE;YAC/E;;AAEF,QAAA,MAAM,CAAC,GAAG,MAAM,GAAG,CAAA,EAAG,MAAM,CAAC,WAAW,CAAI,EAAA,CAAA,GAAG,OAAO;AACtD,QAAA,IAAI,CAAC,MAAM,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,MAAM,CAAA,EAAA,EAAE,UAAU,EAAE,CAAC,EAAE,cAAc,EAAE,KAAK,GAAE;;IAGxE,UAAU,GAAA;QACR,OAAO;AACL,YAAA,qBAAqB,EAAE,IAAI;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,SAAS;AACtB,YAAA,kBAAkB,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AACxF,YAAA,OAAO,EAAE,IAAI,CAAC,MAAM,KAAK;SAC1B;;IAQH,oBAAoB,GAAA;QAClB,OAAO;AACL,YAAA,cAAc,EAAE,IAAI,CAAC,SAAS,IAAI;SACnC;;IAGH,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAG,IAAI,CAAC,oBAAoB,EAAE,EACvC,IAAI,EAAC,QAAQ,EACA,YAAA,EAAA,IAAI,CAAC,KAAK,EACP,eAAA,EAAA,IAAI,CAAC,QAAQ,EACb,eAAA,EAAA,IAAI,CAAC,QAAQ,EACb,eAAA,EAAA,IAAI,CAAC,SAAS,EAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAG,IAAI,CAAC,UAAU,EAAE,EAAG,KAAK,EAAG,IAAI,CAAC,MAAM,EAAA,EAClD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC3B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,IAC/B,+BACE,SAAS,EAAC,MAAM,EAChB,OAAO,EAAG,MAAM,IAAI,CAAC,eAAe,EAAE,EACtC,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,EACZ,QAAQ,EACR,IAAA,EAAA,KAAK,EAAC,SAAS,EACf,EAAE,EAAC,aAAa,GACQ,IACxB,EAAE,EACN,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAG,IAAI,CAAC,QAAQ,EACxB,KAAK,EAAG,IAAI,CAAC,KAAK,EAClB,IAAI,EAAC,kBAAkB,EACvB,IAAI,EAAG,IAAI,CAAC,SAAS,GAAG,aAAa,GAAG,SAAS,EACjD,QAAQ,EAAG,IAAI,CAAC,QAAQ,EACxB,QAAQ,EAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,EAChC,KAAK,EAAG,IAAI,CAAC,KAAK,EAClB,MAAM,EAAG,IAAI,CAAC,MAAM,EACpB,aAAa,EAAG,CAAC,EAAE,KAAK,IAAI,CAAC,sBAAsB,CAAC,EAAE,CAAC,EACvD,OAAO,EAAG,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EACxC,OAAO,EAAG,MAAM,IAAI,CAAC,WAAW,EAAE,EAClC,OAAO,EAAG,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EACxC,MAAM,EAAG,MAAM,IAAI,CAAC,UAAU,EAAE,EAChC,UAAU,EAAG,MAAM,IAAI,CAAC,cAAc,EAAE,EACxC,YAAY,EAAG,CAAC,EAAE,KAAK,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAChD,WAAW,EAAG,IAAI,CAAC,WAAW,EAC9B,IAAI,EAAG,IAAI,CAAC,IAAI,EAChB,SAAS,EAAG,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EAAA,EAE1C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,EAAA,CAAQ,CACf,CACd,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,WAAW,EAAG,MAAM,IAAI,CAAC,uBAAuB,EAAE,EAAA,EAChF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,YAAY,EAAG,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAAU,CAAA,CACxD,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CuraDropdownSearch","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/FixedElementScrollBehavior.ts","src/components/cura-dropdown-search/cura-dropdown-search.scss?tag=cura-dropdown-search&encapsulation=shadow","src/components/cura-dropdown-search/cura-dropdown-search.tsx"],"sourcesContent":["import { addBodyScrollLockClass, removeBodyScrollLockClass } from './utils';\n\nexport class FixedElementScrollBehavior {\n\n hostElement: any;\n scrollableElement: any;\n scrollPosition: number;\n\n constructor(hostElement: any, scrollableElement: any) {\n if( !hostElement || !scrollableElement ) {\n console.error(\"Componentes host ou scrollable não foram informados corretamente ou não existem.\");\n } else {\n this.hostElement = hostElement;\n this.scrollableElement = scrollableElement;\n }\n }\n\n disableScroll() {\n this.scrollPosition = window.scrollY;\n window.scrollTo({ top: 0, behavior: 'instant' });\n addBodyScrollLockClass();\n this._addEvents();\n }\n\n enableScroll() {\n removeBodyScrollLockClass();\n window.scrollTo({ top: this.scrollPosition, behavior: 'instant' });\n this._removeEvents();\n }\n\n _addEvents() {\n this.hostElement.addEventListener('wheel', this._preventEvent, {passive: false});\n this.hostElement.addEventListener('mousewheel', this._preventEvent, {passive: false});\n this.hostElement.addEventListener('touchmove', this._preventEvent, {passive: false});\n this.hostElement.addEventListener('scroll', this._preventEvent, {passive: false});\n this.scrollableElement.addEventListener('wheel', this._stopPropagationEvent, {passive: false});\n this.scrollableElement.addEventListener('mousewheel', this._stopPropagationEvent, {passive: false});\n this.scrollableElement.addEventListener('touchmove', this._stopPropagationEvent, {passive: false});\n this.scrollableElement.addEventListener('scroll', this._stopPropagationEvent, {passive: false});\n }\n\n _removeEvents() {\n this.hostElement.removeEventListener('wheel', this._preventEvent);\n this.hostElement.removeEventListener('mousewheel', this._preventEvent);\n this.hostElement.removeEventListener('touchmove', this._preventEvent);\n this.hostElement.removeEventListener('scroll', this._preventEvent);\n this.scrollableElement.removeEventListener('wheel', this._stopPropagationEvent);\n this.scrollableElement.removeEventListener('mousewheel', this._stopPropagationEvent);\n this.scrollableElement.removeEventListener('touchmove', this._stopPropagationEvent);\n this.scrollableElement.removeEventListener('scroll', this._stopPropagationEvent);\n }\n\n _stopPropagationEvent = (e: Event) => {\n if( this.scrollableElement.scrollHeight <= this.scrollableElement.clientHeight ) {\n e.preventDefault();\n }\n e.stopPropagation();\n }\n\n _preventEvent = (ev: Event) => {\n ev.preventDefault();\n ev.stopPropagation();\n }\n}","@import '../../scss/mixins/spacing.scss';\n@import '../../scss/mixins/shadows.scss';\n\n:host {\n display: block;\n box-sizing: border-box;\n position: relative;\n\n .component-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: #{$spacing-tiny};\n\n #button-back {\n padding: 0 0 0 #{$spacing-xxxs};\n width: max-content;\n }\n }\n\n .component-container {\n box-sizing: border-box;\n width: 100%;\n position: relative;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: min-content 1fr;\n\n &.zoom {\n position: fixed;\n top: var(--top-offset, 0);\n left: 0;\n width: 100vw;\n background: var(--purewhite);\n height: var(--height);\n z-index: 9999;\n overscroll-behavior: contain;\n\n .component-controls {\n border-bottom: 2px solid var(--primary);\n padding: #{$spacing-xxxs} 0;\n }\n\n &.error .component-controls {\n border-bottom: 2px solid var(--error-dark);\n background-color: var(--error-lighter);\n }\n }\n\n .dropdown-container {\n box-sizing: border-box;\n width: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n padding: #{$spacing-xxxs};\n overscroll-behavior: contain;\n }\n\n &:not(.zoom) {\n .dropdown-container {\n @include shadow-level3(--neutral-black-shadow);\n position: absolute;\n bottom: 0;\n left: 0;\n transform: translateY(100%);\n max-height: var(--max-height);\n background-color: var(--purewhite);\n border-radius: 0px 0px #{$spacing-tiny} #{$spacing-tiny};\n border-bottom: 2px solid var(--neutral-light);\n border-left: 2px solid var(--neutral-light);\n border-right: 2px solid var(--neutral-light);\n display: none;\n z-index: 9997;\n }\n\n &.dropdown-visible {\n ::part(cura-input-field) {\n border-radius: 4px 4px 0px 0px;\n }\n ::part(cura-input-text-helper) {\n height: 0px;\n overflow: hidden;\n margin-top: 0px;\n }\n .dropdown-container {\n display: block;\n }\n }\n }\n\n }\n\n}\n","import { Component, Host, h, Prop, Element, State, Method, Event, EventEmitter } from '@stencil/core';\nimport { checkMobile, checkIOS } from '../../utils/utils';\nimport { FixedElementScrollBehavior } from '../../utils/FixedElementScrollBehavior';\n\n@Component({\n tag: 'cura-dropdown-search',\n styleUrl: 'cura-dropdown-search.scss',\n shadow: true,\n})\nexport class CuraDropdownSearch {\n @Element() host: HTMLElement;\n /**\n * Name of the field.\n * Required.\n */\n @Prop({ reflect: true }) name!: string;\n /**\n * Size of the dropdown search component\n * Values: 'small', 'medium' or 'large' (default).\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' | string = 'large';\n /**\n * Define component status.\n * Values: 'error' or 'default'.\n */\n @Prop({ reflect: true, mutable: true }) status: 'error' | 'default' | string = 'default';\n /**\n * Disabled state. Default: false.\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Field is required. Default: false.\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * The placeholder text.\n */\n @Prop({ reflect: true }) placeholder: string = '';\n /**\n * The label.\n */\n @Prop({ reflect: true }) label: string = '';\n /**\n * Custom icon name. Default: search.\n */\n @Prop({ reflect: true }) icon: string = 'search';\n /**\n * CSS max-height property for dropdown item.\n * Can also be used by css property --max-height.\n * Default: 400px\n */\n @Prop({ reflect: true }) maxheight: string = '400px';\n /**\n * Readonly property value.\n * Represents the term on the search input field.\n */\n @Prop({ mutable: true }) value: string = '';\n /**\n * Delay in milliseconds to dispatch search events.\n * Default: 400\n */\n @Prop({ reflect: true }) searchdelay: number = 400;\n /**\n * Min chars to dispatch search events.\n * Default: 3\n */\n @Prop({ reflect: true }) searchminchars: number = 3;\n\n /**\n * Set focus to input field.\n */\n @Method()\n async setFocus() {\n this.getInputElement().setFocus();\n }\n /**\n * Select by optionid property of a selectable option component.\n */\n @Method()\n async selectOption(optionid: string) {\n this._selectOption(optionid);\n }\n\n @Event() termchange: EventEmitter<string>;\n @Event() optionselect: EventEmitter<string>;\n\n @State() styles = {};\n @State() zoomState = false;\n @State() isOnFocus: boolean = false;\n\n scrollBehavior: FixedElementScrollBehavior;\n\n weights: any;\n breakpoints: any;\n isMobile: boolean;\n\n resizeTimeout: any;\n resizeTimeoutMs = 66;\n focusTimeout: any;\n focusTimeoutMs = 500;\n blurTimeout: any;\n blurTimeoutMs = 300;\n valueTimeout: any;\n viewportTimeout: any;\n\n dropdownElement: HTMLDivElement;\n selectedOptionElement: any;\n highlightedElement: any;\n highlightedIndex: number = -1;\n @State() dropdownItems = [];\n dropdownSelectableItems = [];\n\n connectedCallback() {\n this.weights = window.CuraAPI.theme.fonts.getWeights();\n this.breakpoints = window.CuraAPI.theme.breakpoints.get();\n this.styles['--info'] = window.CuraAPI.theme.colors.getColor('info-base');\n this.styles['--purewhite'] = window.CuraAPI.theme.colors.getColor('neutral-purewhite');\n this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor('neutral-light');\n this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor('neutral-dark');\n this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);\n this.styles['--error-dark'] = window.CuraAPI.theme.colors.getColor('error-dark');\n this.styles['--error-lighter'] = window.CuraAPI.theme.colors.getColor('error-lighter');\n this.styles['--primary'] = window.CuraAPI.theme.colors.getColor('primary');\n this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n this.styles['--font-weight-medium'] = this.weights.medium;\n window?.addEventListener('resize', this.handleWindowResize);\n window?.addEventListener('orientationchange', this.handleWindowResize);\n if (window?.visualViewport) {\n window.visualViewport.addEventListener('resize', this.handleVisualViewportChange);\n window.visualViewport.addEventListener('scroll', this.handleVisualViewportChange);\n }\n this.isMobile = checkMobile();\n }\n\n componentDidLoad() {\n this.dropdownElement = this.host.shadowRoot?.querySelector('.dropdown-container');\n this.host.addEventListener('actionclick', this.handleOptionActionClick);\n this.host.addEventListener('selectoption', this.handleSelectOption);\n this.scrollBehavior = new FixedElementScrollBehavior(this.host, this.dropdownElement);\n setTimeout(() => this.getSlotElements(), 10);\n }\n\n disconnectedCallback() {\n this.removeAllListeners();\n }\n\n removeAllListeners() {\n window?.removeEventListener('resize', this.handleWindowResize);\n window?.removeEventListener('orientationchange', this.handleWindowResize);\n if (window?.visualViewport) {\n window.visualViewport.removeEventListener('resize', this.handleVisualViewportChange);\n window.visualViewport.removeEventListener('scroll', this.handleVisualViewportChange);\n }\n this.host.removeEventListener('actionclick', this.handleOptionActionClick);\n this.host.removeEventListener('selectoption', this.handleSelectOption);\n }\n\n handleSlotChange = () => { this.getSlotElements(); }\n\n handleWindowResize = () => {\n if (this.resizeTimeout) clearTimeout(this.resizeTimeout);\n this.resizeTimeout = setTimeout(() => {\n this.isMobile = checkMobile();\n this.setZoomHeight();\n }, this.resizeTimeoutMs);\n }\n\n handleVisualViewportChange = () => {\n if (!this.zoomState) return;\n if (this.viewportTimeout) clearTimeout(this.viewportTimeout);\n this.viewportTimeout = setTimeout(() => this.setZoomHeight(), this.resizeTimeoutMs);\n }\n\n handleFocus = () => {\n if (this.focusTimeout) clearTimeout(this.focusTimeout);\n this.focusTimeout = setTimeout(() => {\n this.isOnFocus = true;\n this.clearHighlight();\n if (this.isMobile && !this.zoomState) this.enterZoom();\n if (this.zoomState) this.setZoomHeight();\n setTimeout(() => {\n this.selectedOptionElement?.scrollIntoView({behavior: 'instant', block: 'nearest', inline: 'nearest'});\n }, 10);\n }, this.focusTimeoutMs);\n }\n\n handleBlur = () => {\n if (this.blurTimeout) clearTimeout(this.blurTimeout);\n this.blurTimeout = setTimeout(() => {\n if (this.zoomState) {\n const delay = checkIOS ? 500 : 100;\n setTimeout(() => this.setZoomHeight(), delay);\n }\n this.isOnFocus = false;\n }, this.blurTimeoutMs);\n }\n\n handleFocusout = () => {\n if( this.zoomState ) this.setZoomHeight();\n }\n\n handleBackClick = () => { this.exitZoom(); }\n\n handleOptionActionClick = (ev: CustomEvent) => {\n this.getInputElement().setFocus();\n this._preventEvent(ev);\n }\n\n handleInputClear = (ev: CustomEvent) => {\n this.setValue('');\n this.clearSelectedOptions();\n this._preventEvent(ev);\n }\n\n handleSelectOption = (ev: CustomEvent) => {\n this._selectOption(ev.detail);\n this._preventEvent(ev);\n }\n\n handleInputValueChange = (ev: CustomEvent) => {\n this.setValue(ev.detail);\n if( this.selectedOptionElement && ev.detail !== this.selectedOptionElement.value) {\n this.clearSelectedOptions();\n }\n this._preventEvent(ev);\n }\n\n handleDropdownMouseOver = () => {\n if( this.highlightedElement || this.highlightedIndex >= 0 ) this.clearHighlight();\n }\n\n handleKeyDown = (ev: KeyboardEvent) => {\n if( ev.key === 'ArrowDown' ) this.moveHighlight('next');\n if( ev.key === 'ArrowUp' ) this.moveHighlight('prev');\n if( ev.key === 'Enter' ) this.selectHighlight();\n }\n\n moveHighlight(direction: 'next' | 'prev') {\n if (!this.dropdownSelectableItems.length) return;\n let position = direction === 'next' ? this.highlightedIndex + 1 : this.highlightedIndex - 1;\n if( position < 0) {\n this.clearHighlight();\n return;\n }\n const selectableItemsLastPosition = this.dropdownSelectableItems.length - 1;\n if( position > selectableItemsLastPosition ) position = selectableItemsLastPosition;\n if( this.highlightedElement ) this.highlightedElement.highlighted = false;\n this.highlightedIndex = position;\n this.highlightedElement = this.dropdownSelectableItems[position];\n if( this.highlightedElement.selected ) {\n this.moveHighlight(direction);\n return;\n }\n this.highlightedElement.highlighted = true;\n this.highlightedElement.scrollIntoView({behavior: 'instant', block: 'nearest', inline: 'nearest' });\n }\n\n clearHighlight() {\n if( this.highlightedElement ) {\n this.highlightedElement.highlighted = false;\n this.highlightedElement = null;\n }\n this.highlightedIndex = -1;\n }\n\n selectHighlight() {\n if( this.highlightedElement ) {\n this._selectOption(this.highlightedElement.optionid);\n this.clearHighlight();\n this.getInputElement().blur();\n }\n }\n\n setValue(value: string) {\n if (this.value !== value) {\n this.value = value;\n if( this.valueTimeout) clearTimeout(this.valueTimeout);\n this.valueTimeout = setTimeout(() => {\n const value = this.value ?? '';\n this.termchange.emit(value === '' || value.length < this.searchminchars ? '' : value);\n }, this.searchdelay || 300);\n }\n }\n\n _selectOption(optionid: string) {\n if (!optionid) {\n this.clearSelectedOptions();\n this.setValue('');\n return;\n }\n const optionElement = this.dropdownSelectableItems.find(option => option.optionid === optionid);\n if( optionElement && !optionElement.selected ) {\n this.clearSelectedOptions();\n this.selectedOptionElement = optionElement;\n this.selectedOptionElement.selected = true;\n this.setValue(this.selectedOptionElement.value);\n this.optionselect.emit(this.selectedOptionElement.optionid);\n if (this.zoomState) setTimeout(() => this.exitZoom(), this.blurTimeoutMs);\n }\n }\n\n clearSelectedOptions() {\n this.dropdownSelectableItems.forEach(option => {\n if( option.selected ) option.selected = false;\n });\n this.selectedOptionElement = null;\n }\n\n getSlotElements() {\n const elements = [];\n const selectable = [];\n let hasNotFound = false;\n if( this.dropdownElement ) {\n this.dropdownElement\n .querySelector('slot')\n .assignedElements()\n .forEach(item => {\n elements.push(item);\n if( item.localName === 'cura-dropdown-search-option' && item[\"selectable\"] ) selectable.push(item);\n if( item.localName === 'cura-dropdown-search-not-found' ) hasNotFound = true;\n });\n }\n this.dropdownSelectableItems = selectable;\n this.dropdownItems = elements;\n this.status = hasNotFound ? 'error' : 'default';\n }\n\n\n enterZoom() {\n this.scrollBehavior.disableScroll();\n this.setZoomHeight();\n this.zoomState = true;\n }\n\n exitZoom() {\n this.scrollBehavior.enableScroll();\n this.setZoomHeight();\n setTimeout(() => { this.zoomState = false}, 300);\n }\n\n getInputElement = () => this.host.shadowRoot?.querySelector('cura-input-text');\n\n setZoomHeight() {\n if (window?.visualViewport) {\n const height = `${window.visualViewport.height}px`;\n const topOffset = `${window.visualViewport.offsetTop}px`;\n this.styles = { ...this.styles, '--height': height, '--top-offset': topOffset };\n return;\n }\n const h = window ? `${window.innerHeight}px` : '100vh';\n this.styles = { ...this.styles, '--height': h, '--top-offset': '0px' };\n }\n\n getClasses() {\n return {\n \"component-container\": true,\n \"mobile\": this.isMobile,\n \"zoom\": this.zoomState,\n \"dropdown-visible\": this.isOnFocus && (this.dropdownItems.length > 0 && !this.zoomState),\n \"error\": this.status === 'error'\n }\n }\n\n _preventEvent = (ev: Event) => {\n ev.preventDefault();\n ev.stopPropagation();\n }\n\n getHostCSSProperties() {\n return {\n '--max-height': this.maxheight || '400px'\n };\n }\n\n render() {\n return (\n <Host style={ this.getHostCSSProperties() }\n role=\"search\"\n aria-label={ this.label }\n aria-required={ this.required }\n aria-disabled={ this.disabled }\n aria-expanded={ this.zoomState }>\n <div class={ this.getClasses() } style={ this.styles }>\n <div class=\"component-controls\">\n { this.isMobile && this.zoomState ? (\n <cura-button-transparent\n fontColor=\"dark\"\n onClick={ () => this.handleBackClick() }\n iconName=\"arrowLeft\"\n size=\"large\"\n iconOnly\n color=\"primary\"\n id=\"button-back\">\n </cura-button-transparent>\n ) : '' }\n <cura-input-text\n disabled={ this.disabled }\n label={ this.label }\n part=\"cura-input-field\"\n mode={ this.zoomState ? 'transparent' : 'default' }\n required={ this.required }\n iconName={ this.icon || 'search' }\n value={ this.value }\n status={ this.status }\n onValueChange={ (ev) => this.handleInputValueChange(ev) }\n onInput={ (ev) => this._preventEvent(ev) }\n onFocus={ () => this.handleFocus() }\n onClick={ (ev) => this._preventEvent(ev) }\n onBlur={ () => this.handleBlur() }\n onFocusout={ () => this.handleFocusout() }\n onInputClear={ (ev) => this.handleInputClear(ev) }\n placeholder={ this.placeholder }\n size={ this.size }\n onKeyDown={ (ev) => this.handleKeyDown(ev) }\n >\n <slot name=\"helperText\"></slot>\n </cura-input-text>\n </div>\n <div class=\"dropdown-container\" onMouseOver={ () => this.handleDropdownMouseOver() }>\n <slot onSlotchange={ () => this.handleSlotChange() }></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-heading.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"cura-icons-view.js","mappings":"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","names":["CuraIconsView","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/assets/icons/iconset-default-list.ts","src/components/cura-icons-view/cura-icons-view.scss?tag=cura-icons-view&encapsulation=shadow","src/components/cura-icons-view/cura-icons-view.tsx"],"sourcesContent":["export default [\"360\",\"accessibility\",\"accessibility2\",\"accessibility3\",\"accessibility4\",\"addUser\",\"airdrop\",\"alertCircle\",\"alertTriangle\",\"arrowDown\",\"arrowDownCircle\",\"arrowLeft\",\"arrowLeftCircle\",\"arrowRight\",\"arrowRightCircle\",\"arrowUp\",\"arrowUpCircle\",\"attach\",\"autism\",\"avatarF\",\"avatarM\",\"bike\",\"biometry\",\"biop\",\"bloodGroup\",\"calendar\",\"cam\",\"camOff\",\"cart\",\"central\",\"chatCircle\",\"check\",\"checkBadge\",\"checkCircle\",\"checkDouble\",\"clock\",\"close\",\"closeCircle\",\"coffee\",\"collapse\",\"config\",\"contacts\",\"currency\",\"delete\",\"desktop\",\"doc\",\"down\",\"download\",\"drug\",\"duplicate\",\"edit\",\"elevator\",\"exam\",\"examDoc\",\"expand\",\"facebook\",\"fileBmp\",\"fileJpg\",\"filePdf\",\"filePng\",\"fileUpload\",\"fileXls\",\"filter\",\"fullscreen\",\"gallery\",\"geotag\",\"geotagUnity\",\"geotagUnityGroup\",\"google\",\"graph\",\"healthPlan\",\"heart\",\"height\",\"height2\",\"home\",\"horizontalList\",\"id\",\"image\",\"imageUp\",\"infoCircle\",\"instagram\",\"key\",\"lab\",\"lamp\",\"language\",\"language2\",\"languageEN\",\"languagePT\",\"lattes\",\"left\",\"like\",\"link\",\"linkExternal\",\"linkedin\",\"list\",\"login\",\"logout\",\"mail\",\"maintenance\",\"medDoc\",\"medEspec\",\"medImg\",\"medUser\",\"medical\",\"menuHamburguer\",\"menuKebab\",\"menuMeatballs\",\"mic\",\"micOff\",\"minus\",\"minusCircle\",\"minusSquare\",\"mobile\",\"mobileClick\",\"mobileRotate1\",\"mobileRotate2\",\"mobileRotate3\",\"news\",\"notification\",\"npsDeslike\",\"npsHate\",\"npsLike\",\"npsLove\",\"npsNeutral\",\"order\",\"parking\",\"partner\",\"phone\",\"play\",\"plus\",\"plusCircle\",\"plusSquare\",\"print\",\"profile\",\"profileCircle\",\"questionCircle\",\"questionSquare\",\"range\",\"reload\",\"ribbon\",\"right\",\"schedule\",\"scheduleCancel\",\"scheduleCheck\",\"scheduleHistorico\",\"search\",\"secure\",\"share\",\"siren\",\"sound\",\"soundOff\",\"star\",\"stop\",\"store\",\"subItem\",\"swap\",\"target\",\"team\",\"telegram\",\"twitter\",\"unLink\",\"unSecure\",\"unity\",\"unlike\",\"up\",\"upload\",\"vaccine\",\"verticalList\",\"viewFalse\",\"viewTrue\",\"weight\",\"whatsapp\",\"wifi\",\"wifiOff\",\"xray\",\"youtube\",\"zoomIn\",\"zoomOut\"];",":host {\n display: block;\n padding: 24px;\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\n}\n\n.iconDetail {\n display: block;\n}\n\n.iconSizes {\n display: flex;\n align-items: center;\n\n\n .size {\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n margin-right: 9px;\n padding: 8px;\n\n &:last-child { margin-right: 0; }\n span {\n font-size: 10px;\n margin: 8px 0;\n }\n }\n\n &.invert {\n margin-top: 12px;\n\n .size {\n background-color: #2d2d2d;\n color: #F6F6F6;\n border-radius: 3px;\n }\n }\n}\n\n.icons {\n margin-top: 28px;\n display: flex;\n flex-wrap: wrap;\n position: relative;\n\n .icon {\n position: relative;\n padding: 4px;\n cursor: pointer;\n opacity: .6;\n transition: opacity .2s linear;\n width: 105px;\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n margin-bottom: 16px;\n box-sizing: border-box;\n cura-label {\n margin-top: 8px;\n }\n cura-paragraph {\n margin-top: 4px;\n }\n /* &.selected {\n transform: scale(1.2);\n } */\n }\n}\n\n","import { Component, Host, h, State } from '@stencil/core';\nimport iconsetdefaulticons from '../../assets/icons/iconset-default-list';\nimport { iconSizes } from '../cura-icon/cura-icon.definitions';\n\n@Component({\n tag: 'cura-icons-view',\n styleUrl: 'cura-icons-view.scss',\n shadow: true,\n})\nexport class CuraIconsView {\n\n sizes = Object.keys(iconSizes).filter(key => key !== 'default');\n colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];\n @State() selected = iconsetdefaulticons[0];\n\n connectedCallback() {\n this.sizes.unshift(this.sizes.pop());\n }\n\n setSelected = (icon) => {\n this.selected = icon;\n }\n\n render() {\n return (\n <Host>\n <div class=\"iconDetail\">\n <cura-heading size=\"small\" margin-block=\"0 24px\">Icon: <b>{ this.selected }</b></cura-heading>\n <div class=\"iconSizes\">\n { this.sizes.map( size =>\n <div class=\"size\">\n <cura-icon name={this.selected} size={size}></cura-icon>\n <span>{ size }</span>\n </div>\n )}\n </div>\n <div class=\"iconSizes invert\">\n { this.sizes.map( size =>\n <div class=\"size\">\n <cura-icon name={this.selected} size={size} color=\"neutral-white\"></cura-icon>\n <span>{ size }</span>\n </div>\n )}\n </div>\n </div>\n <div class=\"icons\">\n { iconsetdefaulticons.map(icon =>\n <div class={{icon: true, selected: icon === this.selected }} onClick={() => this.setSelected(icon)}>\n <cura-icon\n name={icon}\n size=\"32\"\n color={icon === this.selected ? 'accent-dark' : 'neutral-dark'}></cura-icon>\n <cura-label\n size=\"xsmall\"\n weight={icon === this.selected ? 'bold' : 'regular'}\n color={icon === this.selected ? 'accent-dark' : 'neutral-dark'}>{icon}</cura-label>\n </div>\n )}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
|