{ "timestamp": "2026-01-21T16:25:24", "compiler": { "name": "node", "version": "20.14.0" }, "app": { "namespace": "joy", "fsNamespace": "joy", "components": 48, "entries": 48, "bundles": 313, "outputs": [ { "name": "dist-collection", "files": 208, "generatedFiles": [ "./dist/collection/components-triggers/snackbar/snackbar-utils.js", "./dist/collection/components-triggers/snackbar/snackbar-utils.js.map", "./dist/collection/components/JoyAvailability/availability.e2e.js", "./dist/collection/components/JoyAvailability/availability.e2e.js.map", "./dist/collection/components/JoyAvailability/availability.js", "./dist/collection/components/JoyAvailability/availability.js.map", "./dist/collection/components/JoyAvatar/avatar.e2e.js", "./dist/collection/components/JoyAvatar/avatar.e2e.js.map", "./dist/collection/components/JoyAvatar/avatar.js", "./dist/collection/components/JoyAvatar/avatar.js.map", "./dist/collection/components/JoyBadgeLevel/badge-level.e2e.js", "./dist/collection/components/JoyBadgeLevel/badge-level.e2e.js.map", "./dist/collection/components/JoyBadgeLevel/badge-level.js", "./dist/collection/components/JoyBadgeLevel/badge-level.js.map", "./dist/collection/components/JoyBadgeLevel/badge-level.types.js", "./dist/collection/components/JoyBadgeLevel/badge-level.types.js.map", "./dist/collection/components/JoyBottomSheet/bottom-sheet.e2e.js", "./dist/collection/components/JoyBottomSheet/bottom-sheet.e2e.js.map", "./dist/collection/components/JoyBottomSheet/bottom-sheet.js", "./dist/collection/components/JoyBottomSheet/bottom-sheet.js.map", "./dist/collection/components/JoyButton/button.js", "./dist/collection/components/JoyButton/button.js.map", "./dist/collection/components/JoyCheckbox/checkbox.e2e.js", "./dist/collection/components/JoyCheckbox/checkbox.e2e.js.map", "./dist/collection/components/JoyCheckbox/checkbox.js", "./dist/collection/components/JoyCheckbox/checkbox.js.map", "./dist/collection/components/JoyCollapse/__tests__/collapse.spec.js", "./dist/collection/components/JoyCollapse/__tests__/collapse.spec.js.map", "./dist/collection/components/JoyCollapse/collapse.js", "./dist/collection/components/JoyCollapse/collapse.js.map", "./dist/collection/components/JoyCollapseItem/collapse-item.js", "./dist/collection/components/JoyCollapseItem/collapse-item.js.map", "./dist/collection/components/JoyCompanyAvatar/__tests__/company-avatar.spec.js", "./dist/collection/components/JoyCompanyAvatar/__tests__/company-avatar.spec.js.map", "./dist/collection/components/JoyCompanyAvatar/company-avatar.js", "./dist/collection/components/JoyCompanyAvatar/company-avatar.js.map", "./dist/collection/components/JoyCounter/__tests__/counter.e2e.js", "./dist/collection/components/JoyCounter/__tests__/counter.e2e.js.map", "./dist/collection/components/JoyCounter/__tests__/counter.spec.js", "./dist/collection/components/JoyCounter/__tests__/counter.spec.js.map", "./dist/collection/components/JoyCounter/counter.js", "./dist/collection/components/JoyCounter/counter.js.map", "./dist/collection/components/JoyDialog/__tests__/dialog.e2e.js", "./dist/collection/components/JoyDialog/__tests__/dialog.e2e.js.map", "./dist/collection/components/JoyDialog/__tests__/dialog.spec.js", "./dist/collection/components/JoyDialog/__tests__/dialog.spec.js.map", "./dist/collection/components/JoyDialog/dialog-service.js", "./dist/collection/components/JoyDialog/dialog-service.js.map", "./dist/collection/components/JoyDialog/dialog.js", "./dist/collection/components/JoyDialog/dialog.js.map", "./dist/collection/components/JoyDialogTrigger/dialog-trigger.js", "./dist/collection/components/JoyDialogTrigger/dialog-trigger.js.map", "./dist/collection/components/JoyDividerCta/divider-cta.js", "./dist/collection/components/JoyDividerCta/divider-cta.js.map", "./dist/collection/components/JoyDrawer/__tests__/drawer.e2e.js", "./dist/collection/components/JoyDrawer/__tests__/drawer.e2e.js.map", "./dist/collection/components/JoyDrawer/__tests__/drawer.spec.js", "./dist/collection/components/JoyDrawer/__tests__/drawer.spec.js.map", "./dist/collection/components/JoyDrawer/drawer-service.js", "./dist/collection/components/JoyDrawer/drawer-service.js.map", "./dist/collection/components/JoyDrawer/drawer.js", "./dist/collection/components/JoyDrawer/drawer.js.map", "./dist/collection/components/JoyDropzone/dropzone.e2e.js", "./dist/collection/components/JoyDropzone/dropzone.e2e.js.map", "./dist/collection/components/JoyDropzone/dropzone.js", "./dist/collection/components/JoyDropzone/dropzone.js.map", "./dist/collection/components/JoyFormError/__tests__/form-error.spec.js", "./dist/collection/components/JoyFormError/__tests__/form-error.spec.js.map", "./dist/collection/components/JoyFormError/form-error.js", "./dist/collection/components/JoyFormError/form-error.js.map", "./dist/collection/components/JoyHighlight/highlight.js", "./dist/collection/components/JoyHighlight/highlight.js.map", "./dist/collection/components/JoyIcon/icon.js", "./dist/collection/components/JoyIcon/icon.js.map", "./dist/collection/components/JoyIndicator/indicator.js", "./dist/collection/components/JoyIndicator/indicator.js.map", "./dist/collection/components/JoyIndicators/indicators.js", "./dist/collection/components/JoyIndicators/indicators.js.map", "./dist/collection/components/JoyInput/input.js", "./dist/collection/components/JoyInput/input.js.map", "./dist/collection/components/JoyLabel/label.js", "./dist/collection/components/JoyLabel/label.js.map", "./dist/collection/components/JoyLink/link.js", "./dist/collection/components/JoyLink/link.js.map", "./dist/collection/components/JoyPagination/pagination.e2e.js", "./dist/collection/components/JoyPagination/pagination.e2e.js.map", "./dist/collection/components/JoyPagination/pagination.js", "./dist/collection/components/JoyPagination/pagination.js.map", "./dist/collection/components/JoyPanel/panel.js", "./dist/collection/components/JoyPanel/panel.js.map", "./dist/collection/components/JoyPanelSection/panel-section.js", "./dist/collection/components/JoyPanelSection/panel-section.js.map", "./dist/collection/components/JoyProductTour/__tests__/product-tour.e2e.js", "./dist/collection/components/JoyProductTour/__tests__/product-tour.e2e.js.map", "./dist/collection/components/JoyProductTour/product-tour-service.js", "./dist/collection/components/JoyProductTour/product-tour-service.js.map", "./dist/collection/components/JoyProductTour/product-tour-spotlight/product-tour-spotlight.js", "./dist/collection/components/JoyProductTour/product-tour-spotlight/product-tour-spotlight.js.map", "./dist/collection/components/JoyProductTour/product-tour.js", "./dist/collection/components/JoyProductTour/product-tour.js.map", "./dist/collection/components/JoyProductTourTrigger/product-tour-trigger.js", "./dist/collection/components/JoyProductTourTrigger/product-tour-trigger.js.map", "./dist/collection/components/JoyRadio/radio.js", "./dist/collection/components/JoyRadio/radio.js.map", "./dist/collection/components/JoyRadioGroup/__tests__/radio-group.e2e.js", "./dist/collection/components/JoyRadioGroup/__tests__/radio-group.e2e.js.map", "./dist/collection/components/JoyRadioGroup/__tests__/radio-group.spec.js", "./dist/collection/components/JoyRadioGroup/__tests__/radio-group.spec.js.map", "./dist/collection/components/JoyRadioGroup/radio-group.js", "./dist/collection/components/JoyRadioGroup/radio-group.js.map", "./dist/collection/components/JoyRatingStars/rating-stars.e2e.js", "./dist/collection/components/JoyRatingStars/rating-stars.e2e.js.map", "./dist/collection/components/JoyRatingStars/rating-stars.js", "./dist/collection/components/JoyRatingStars/rating-stars.js.map", "./dist/collection/components/JoySelect/select.e2e.js", "./dist/collection/components/JoySelect/select.e2e.js.map", "./dist/collection/components/JoySelect/select.js", "./dist/collection/components/JoySelect/select.js.map", "./dist/collection/components/JoySelectableItem/selectable-item.js", "./dist/collection/components/JoySelectableItem/selectable-item.js.map", "./dist/collection/components/JoySelectableItemGroup/__tests__/selectable-items-group.spec.js", "./dist/collection/components/JoySelectableItemGroup/__tests__/selectable-items-group.spec.js.map", "./dist/collection/components/JoySelectableItemGroup/selectable-item-group.js", "./dist/collection/components/JoySelectableItemGroup/selectable-item-group.js.map", "./dist/collection/components/JoySelectableItemGroup/selectable-item.interfaces.js", "./dist/collection/components/JoySelectableItemGroup/selectable-item.interfaces.js.map", "./dist/collection/components/JoySnackbar/__tests__/snackbar-component.spec.js", "./dist/collection/components/JoySnackbar/__tests__/snackbar-component.spec.js.map", "./dist/collection/components/JoySnackbar/__tests__/snackbar-utils.spec.js", "./dist/collection/components/JoySnackbar/__tests__/snackbar-utils.spec.js.map", "./dist/collection/components/JoySnackbar/__tests__/snackbar.e2e.js", "./dist/collection/components/JoySnackbar/__tests__/snackbar.e2e.js.map", "./dist/collection/components/JoySnackbar/snackbar.js", "./dist/collection/components/JoySnackbar/snackbar.js.map", "./dist/collection/components/JoySpinner/spinner.js", "./dist/collection/components/JoySpinner/spinner.js.map", "./dist/collection/components/JoyStep/step.js", "./dist/collection/components/JoyStep/step.js.map", "./dist/collection/components/JoyStepper/__tests__/stepper.spec.js", "./dist/collection/components/JoyStepper/__tests__/stepper.spec.js.map", "./dist/collection/components/JoyStepper/stepper.js", "./dist/collection/components/JoyStepper/stepper.js.map", "./dist/collection/components/JoyTag/__tests__/tag.spec.js", "./dist/collection/components/JoyTag/__tests__/tag.spec.js.map", "./dist/collection/components/JoyTag/tag.js", "./dist/collection/components/JoyTag/tag.js.map", "./dist/collection/components/JoyTagsList/tags-list.js", "./dist/collection/components/JoyTagsList/tags-list.js.map", "./dist/collection/components/JoyText/text.js", "./dist/collection/components/JoyText/text.js.map", "./dist/collection/components/JoyTextarea/textarea.e2e.js", "./dist/collection/components/JoyTextarea/textarea.e2e.js.map", "./dist/collection/components/JoyTextarea/textarea.js", "./dist/collection/components/JoyTextarea/textarea.js.map", "./dist/collection/components/JoyTimeSavingCalculator/time-saving-calculator.js", "./dist/collection/components/JoyTimeSavingCalculator/time-saving-calculator.js.map", "./dist/collection/components/JoyTooltip/tooltip.js", "./dist/collection/components/JoyTooltip/tooltip.js.map", "./dist/collection/components/JoyTooltipTrigger/tooltip-trigger.e2e.js", "./dist/collection/components/JoyTooltipTrigger/tooltip-trigger.e2e.js.map", "./dist/collection/components/JoyTooltipTrigger/tooltip-trigger.js", "./dist/collection/components/JoyTooltipTrigger/tooltip-trigger.js.map", "./dist/collection/components/JoyUserCard/__tests__/user-card.spec.js", "./dist/collection/components/JoyUserCard/__tests__/user-card.spec.js.map", "./dist/collection/components/JoyUserCard/user-card.js", "./dist/collection/components/JoyUserCard/user-card.js.map", "./dist/collection/components/JoyWrapper/__tests__/wrapper.spec.js", "./dist/collection/components/JoyWrapper/__tests__/wrapper.spec.js.map", "./dist/collection/components/JoyWrapper/wrapper.js", "./dist/collection/components/JoyWrapper/wrapper.js.map", "./dist/collection/tests/index.js", "./dist/collection/tests/index.js.map", "./dist/collection/tests/utils.js", "./dist/collection/tests/utils.js.map", "./dist/collection/types/colors.js", "./dist/collection/types/colors.js.map", "./dist/collection/types/index.js", "./dist/collection/types/index.js.map", "./dist/collection/types/levels.js", "./dist/collection/types/levels.js.map", "./dist/collection/types/sizes.js", "./dist/collection/types/sizes.js.map", "./dist/collection/types/variants.js", "./dist/collection/types/variants.js.map", "./dist/collection/utils/animations.js", "./dist/collection/utils/animations.js.map", "./dist/collection/utils/dom/generatedInputNameAndId.js", "./dist/collection/utils/dom/generatedInputNameAndId.js.map", "./dist/collection/utils/dom/index.js", "./dist/collection/utils/dom/index.js.map", "./dist/collection/utils/dom/injectHiddenInputOutsideShadowRoot.js", "./dist/collection/utils/dom/injectHiddenInputOutsideShadowRoot.js.map", "./dist/collection/utils/helpers.js", "./dist/collection/utils/helpers.js.map", "./dist/collection/utils/index.js", "./dist/collection/utils/index.js.map", "./dist/collection/utils/tests/animations.spec.js", "./dist/collection/utils/tests/animations.spec.js.map", "./dist/collection/utils/tests/generatedInputNameAndId.spec.js", "./dist/collection/utils/tests/generatedInputNameAndId.spec.js.map", "./dist/collection/utils/tests/injectHiddenInputOutsideShadowDom.spec.js", "./dist/collection/utils/tests/injectHiddenInputOutsideShadowDom.spec.js.map", "./dist/collection/utils/tests/validation.spec.js", "./dist/collection/utils/tests/validation.spec.js.map", "./dist/collection/utils/tooltip-helpers.js", "./dist/collection/utils/tooltip-helpers.js.map", "./dist/collection/utils/validations.js", "./dist/collection/utils/validations.js.map" ] }, { "name": "dist-lazy", "files": 102, "generatedFiles": [ "./dist/cjs/generatedInputNameAndId-42f25fef.js", "./dist/cjs/generatedInputNameAndId-42f25fef.js.map", "./dist/cjs/helpers-5a53abe8.js", "./dist/cjs/helpers-5a53abe8.js.map", "./dist/cjs/index-ed61a898.js", "./dist/cjs/index-ed61a898.js.map", "./dist/cjs/index.cjs.js", "./dist/cjs/index.cjs.js.map", "./dist/cjs/joy-availability_13.cjs.entry.js", "./dist/cjs/joy-availability_13.cjs.entry.js.map", "./dist/cjs/joy-bottom-sheet_10.cjs.entry.js", "./dist/cjs/joy-bottom-sheet_10.cjs.entry.js.map", "./dist/cjs/joy-button_8.cjs.entry.js", "./dist/cjs/joy-button_8.cjs.entry.js.map", "./dist/cjs/joy-checkbox_12.cjs.entry.js", "./dist/cjs/joy-checkbox_12.cjs.entry.js.map", "./dist/cjs/joy-icon.cjs.entry.js", "./dist/cjs/joy-icon.cjs.entry.js.map", "./dist/cjs/joy-panel_3.cjs.entry.js", "./dist/cjs/joy-panel_3.cjs.entry.js.map", "./dist/cjs/joy-time-saving-calculator.cjs.entry.js", "./dist/cjs/joy-time-saving-calculator.cjs.entry.js.map", "./dist/cjs/joy.cjs.js", "./dist/cjs/joy.cjs.js.map", "./dist/cjs/loader.cjs.js", "./dist/cjs/loader.cjs.js.map", "./dist/esm/generatedInputNameAndId-a7317148.js", "./dist/esm/generatedInputNameAndId-a7317148.js.map", "./dist/esm/helpers-82197053.js", "./dist/esm/helpers-82197053.js.map", "./dist/esm/index-8c05f1f0.js", "./dist/esm/index-8c05f1f0.js.map", "./dist/esm/index.js", "./dist/esm/index.js.map", "./dist/esm/joy-availability_13.entry.js", "./dist/esm/joy-availability_13.entry.js.map", "./dist/esm/joy-bottom-sheet_10.entry.js", "./dist/esm/joy-bottom-sheet_10.entry.js.map", "./dist/esm/joy-button_8.entry.js", "./dist/esm/joy-button_8.entry.js.map", "./dist/esm/joy-checkbox_12.entry.js", "./dist/esm/joy-checkbox_12.entry.js.map", "./dist/esm/joy-icon.entry.js", "./dist/esm/joy-icon.entry.js.map", "./dist/esm/joy-panel_3.entry.js", "./dist/esm/joy-panel_3.entry.js.map", "./dist/esm/joy-time-saving-calculator.entry.js", "./dist/esm/joy-time-saving-calculator.entry.js.map", "./dist/esm/joy.js", "./dist/esm/joy.js.map", "./dist/esm/loader.js", "./dist/esm/loader.js.map", "./dist/index.cjs.js", "./dist/index.js", "./dist/joy/generatedInputNameAndId-a7317148.js", "./dist/joy/generatedInputNameAndId-a7317148.js.map", "./dist/joy/helpers-82197053.js", "./dist/joy/helpers-82197053.js.map", "./dist/joy/index-8c05f1f0.js", "./dist/joy/index-8c05f1f0.js.map", "./dist/joy/index.esm.js", "./dist/joy/index.esm.js.map", "./dist/joy/joy-availability_13.entry.js", "./dist/joy/joy-availability_13.entry.js.map", "./dist/joy/joy-bottom-sheet_10.entry.js", "./dist/joy/joy-bottom-sheet_10.entry.js.map", "./dist/joy/joy-button_8.entry.js", "./dist/joy/joy-button_8.entry.js.map", "./dist/joy/joy-checkbox_12.entry.js", "./dist/joy/joy-checkbox_12.entry.js.map", "./dist/joy/joy-icon.entry.js", "./dist/joy/joy-icon.entry.js.map", "./dist/joy/joy-panel_3.entry.js", "./dist/joy/joy-panel_3.entry.js.map", "./dist/joy/joy-time-saving-calculator.entry.js", "./dist/joy/joy-time-saving-calculator.entry.js.map", "./dist/joy/joy.esm.js", "./dist/joy/joy.esm.js.map", "./www/build/generatedInputNameAndId-a7317148.js", "./www/build/generatedInputNameAndId-a7317148.js.map", "./www/build/helpers-82197053.js", "./www/build/helpers-82197053.js.map", "./www/build/index-8c05f1f0.js", "./www/build/index-8c05f1f0.js.map", "./www/build/index.esm.js", "./www/build/index.esm.js.map", "./www/build/joy-availability_13.entry.js", "./www/build/joy-availability_13.entry.js.map", "./www/build/joy-bottom-sheet_10.entry.js", "./www/build/joy-bottom-sheet_10.entry.js.map", "./www/build/joy-button_8.entry.js", "./www/build/joy-button_8.entry.js.map", "./www/build/joy-checkbox_12.entry.js", "./www/build/joy-checkbox_12.entry.js.map", "./www/build/joy-icon.entry.js", "./www/build/joy-icon.entry.js.map", "./www/build/joy-panel_3.entry.js", "./www/build/joy-panel_3.entry.js.map", "./www/build/joy-time-saving-calculator.entry.js", "./www/build/joy-time-saving-calculator.entry.js.map", "./www/build/joy.esm.js", "./www/build/joy.esm.js.map" ] }, { "name": "dist-types", "files": 1, "generatedFiles": [ "./dist/types/stencil-public-runtime.d.ts" ] }, { "name": "www", "files": 2, "generatedFiles": [ "./www/host.config.json", "./www/index.html" ] } ] }, "options": { "minifyJs": true, "minifyCss": true, "hashFileNames": false, "hashedFileNameLength": 8, "buildEs5": false }, "formats": { "esmBrowser": [ { "key": "joy-panel.joy-panel-section.joy-wrapper.entry", "components": [ "joy-panel", "joy-panel-section", "joy-wrapper" ], "bundleId": "joy-panel_3", "fileName": "joy-panel_3.entry.js", "imports": [ "index-8c05f1f0.js" ], "originalByteSize": 8328 }, { "key": "joy-button.joy-collapse.joy-collapse-item.joy-divider-cta.joy-indicator.joy-indicators.joy-link.joy-pagination.entry", "components": [ "joy-button", "joy-collapse", "joy-collapse-item", "joy-divider-cta", "joy-indicator", "joy-indicators", "joy-link", "joy-pagination" ], "bundleId": "joy-button_8", "fileName": "joy-button_8.entry.js", "imports": [ "index-8c05f1f0.js", "helpers-82197053.js", "generatedInputNameAndId-a7317148.js" ], "originalByteSize": 37763 }, { "key": "joy-bottom-sheet.joy-dialog.joy-dialog-trigger.joy-drawer.joy-product-tour.joy-product-tour-spotlight.joy-product-tour-trigger.joy-snackbar.joy-tooltip.joy-tooltip-trigger.entry", "components": [ "joy-bottom-sheet", "joy-dialog", "joy-dialog-trigger", "joy-drawer", "joy-product-tour", "joy-product-tour-spotlight", "joy-product-tour-trigger", "joy-snackbar", "joy-tooltip", "joy-tooltip-trigger" ], "bundleId": "joy-bottom-sheet_10", "fileName": "joy-bottom-sheet_10.entry.js", "imports": [ "index-8c05f1f0.js", "helpers-82197053.js" ], "originalByteSize": 90424 }, { "key": "joy-checkbox.joy-counter.joy-dropzone.joy-form-error.joy-input.joy-label.joy-radio.joy-radio-group.joy-select.joy-selectable-item.joy-selectable-item-group.joy-textarea.entry", "components": [ "joy-checkbox", "joy-counter", "joy-dropzone", "joy-form-error", "joy-input", "joy-label", "joy-radio", "joy-radio-group", "joy-select", "joy-selectable-item", "joy-selectable-item-group", "joy-textarea" ], "bundleId": "joy-checkbox_12", "fileName": "joy-checkbox_12.entry.js", "imports": [ "index-8c05f1f0.js", "generatedInputNameAndId-a7317148.js", "helpers-82197053.js" ], "originalByteSize": 89327 }, { "key": "joy-availability.joy-avatar.joy-badge-level.joy-company-avatar.joy-highlight.joy-rating-stars.joy-spinner.joy-step.joy-stepper.joy-tag.joy-tags-list.joy-text.joy-user-card.entry", "components": [ "joy-availability", "joy-avatar", "joy-badge-level", "joy-company-avatar", "joy-highlight", "joy-rating-stars", "joy-spinner", "joy-step", "joy-stepper", "joy-tag", "joy-tags-list", "joy-text", "joy-user-card" ], "bundleId": "joy-availability_13", "fileName": "joy-availability_13.entry.js", "imports": [ "index-8c05f1f0.js", "helpers-82197053.js" ], "originalByteSize": 51737 }, { "key": "joy-time-saving-calculator.entry", "components": [ "joy-time-saving-calculator" ], "bundleId": "joy-time-saving-calculator", "fileName": "joy-time-saving-calculator.entry.js", "imports": [ "index-8c05f1f0.js" ], "originalByteSize": 1977 }, { "key": "joy-icon.entry", "components": [ "joy-icon" ], "bundleId": "joy-icon", "fileName": "joy-icon.entry.js", "imports": [ "index-8c05f1f0.js" ], "originalByteSize": 11678 } ], "esm": [ { "key": "joy-panel.joy-panel-section.joy-wrapper.entry", "components": [ "joy-panel", "joy-panel-section", "joy-wrapper" ], "bundleId": "joy-panel_3", "fileName": "joy-panel_3.entry.js", "imports": [ "index-8c05f1f0.js" ], "originalByteSize": 8328 }, { "key": "joy-button.joy-collapse.joy-collapse-item.joy-divider-cta.joy-indicator.joy-indicators.joy-link.joy-pagination.entry", "components": [ "joy-button", "joy-collapse", "joy-collapse-item", "joy-divider-cta", "joy-indicator", "joy-indicators", "joy-link", "joy-pagination" ], "bundleId": "joy-button_8", "fileName": "joy-button_8.entry.js", "imports": [ "index-8c05f1f0.js", "helpers-82197053.js", "generatedInputNameAndId-a7317148.js" ], "originalByteSize": 37763 }, { "key": "joy-bottom-sheet.joy-dialog.joy-dialog-trigger.joy-drawer.joy-product-tour.joy-product-tour-spotlight.joy-product-tour-trigger.joy-snackbar.joy-tooltip.joy-tooltip-trigger.entry", "components": [ "joy-bottom-sheet", "joy-dialog", "joy-dialog-trigger", "joy-drawer", "joy-product-tour", "joy-product-tour-spotlight", "joy-product-tour-trigger", "joy-snackbar", "joy-tooltip", "joy-tooltip-trigger" ], "bundleId": "joy-bottom-sheet_10", "fileName": "joy-bottom-sheet_10.entry.js", "imports": [ "index-8c05f1f0.js", "helpers-82197053.js" ], "originalByteSize": 90424 }, { "key": "joy-checkbox.joy-counter.joy-dropzone.joy-form-error.joy-input.joy-label.joy-radio.joy-radio-group.joy-select.joy-selectable-item.joy-selectable-item-group.joy-textarea.entry", "components": [ "joy-checkbox", "joy-counter", "joy-dropzone", "joy-form-error", "joy-input", "joy-label", "joy-radio", "joy-radio-group", "joy-select", "joy-selectable-item", "joy-selectable-item-group", "joy-textarea" ], "bundleId": "joy-checkbox_12", "fileName": "joy-checkbox_12.entry.js", "imports": [ "index-8c05f1f0.js", "generatedInputNameAndId-a7317148.js", "helpers-82197053.js" ], "originalByteSize": 89327 }, { "key": "joy-availability.joy-avatar.joy-badge-level.joy-company-avatar.joy-highlight.joy-rating-stars.joy-spinner.joy-step.joy-stepper.joy-tag.joy-tags-list.joy-text.joy-user-card.entry", "components": [ "joy-availability", "joy-avatar", "joy-badge-level", "joy-company-avatar", "joy-highlight", "joy-rating-stars", "joy-spinner", "joy-step", "joy-stepper", "joy-tag", "joy-tags-list", "joy-text", "joy-user-card" ], "bundleId": "joy-availability_13", "fileName": "joy-availability_13.entry.js", "imports": [ "index-8c05f1f0.js", "helpers-82197053.js" ], "originalByteSize": 51737 }, { "key": "joy-time-saving-calculator.entry", "components": [ "joy-time-saving-calculator" ], "bundleId": "joy-time-saving-calculator", "fileName": "joy-time-saving-calculator.entry.js", "imports": [ "index-8c05f1f0.js" ], "originalByteSize": 1977 }, { "key": "joy-icon.entry", "components": [ "joy-icon" ], "bundleId": "joy-icon", "fileName": "joy-icon.entry.js", "imports": [ "index-8c05f1f0.js" ], "originalByteSize": 11678 } ], "es5": [], "system": [], "commonjs": [ { "key": "joy-panel.joy-panel-section.joy-wrapper.entry", "components": [ "joy-panel", "joy-panel-section", "joy-wrapper" ], "bundleId": "joy-panel_3.cjs", "fileName": "joy-panel_3.cjs.entry.js", "imports": [ "index-ed61a898.js" ], "originalByteSize": 8497 }, { "key": "joy-button.joy-collapse.joy-collapse-item.joy-divider-cta.joy-indicator.joy-indicators.joy-link.joy-pagination.entry", "components": [ "joy-button", "joy-collapse", "joy-collapse-item", "joy-divider-cta", "joy-indicator", "joy-indicators", "joy-link", "joy-pagination" ], "bundleId": "joy-button_8.cjs", "fileName": "joy-button_8.cjs.entry.js", "imports": [ "index-ed61a898.js", "helpers-5a53abe8.js", "generatedInputNameAndId-42f25fef.js" ], "originalByteSize": 38274 }, { "key": "joy-bottom-sheet.joy-dialog.joy-dialog-trigger.joy-drawer.joy-product-tour.joy-product-tour-spotlight.joy-product-tour-trigger.joy-snackbar.joy-tooltip.joy-tooltip-trigger.entry", "components": [ "joy-bottom-sheet", "joy-dialog", "joy-dialog-trigger", "joy-drawer", "joy-product-tour", "joy-product-tour-spotlight", "joy-product-tour-trigger", "joy-snackbar", "joy-tooltip", "joy-tooltip-trigger" ], "bundleId": "joy-bottom-sheet_10.cjs", "fileName": "joy-bottom-sheet_10.cjs.entry.js", "imports": [ "index-ed61a898.js", "helpers-5a53abe8.js" ], "originalByteSize": 91217 }, { "key": "joy-checkbox.joy-counter.joy-dropzone.joy-form-error.joy-input.joy-label.joy-radio.joy-radio-group.joy-select.joy-selectable-item.joy-selectable-item-group.joy-textarea.entry", "components": [ "joy-checkbox", "joy-counter", "joy-dropzone", "joy-form-error", "joy-input", "joy-label", "joy-radio", "joy-radio-group", "joy-select", "joy-selectable-item", "joy-selectable-item-group", "joy-textarea" ], "bundleId": "joy-checkbox_12.cjs", "fileName": "joy-checkbox_12.cjs.entry.js", "imports": [ "index-ed61a898.js", "generatedInputNameAndId-42f25fef.js", "helpers-5a53abe8.js" ], "originalByteSize": 90850 }, { "key": "joy-availability.joy-avatar.joy-badge-level.joy-company-avatar.joy-highlight.joy-rating-stars.joy-spinner.joy-step.joy-stepper.joy-tag.joy-tags-list.joy-text.joy-user-card.entry", "components": [ "joy-availability", "joy-avatar", "joy-badge-level", "joy-company-avatar", "joy-highlight", "joy-rating-stars", "joy-spinner", "joy-step", "joy-stepper", "joy-tag", "joy-tags-list", "joy-text", "joy-user-card" ], "bundleId": "joy-availability_13.cjs", "fileName": "joy-availability_13.cjs.entry.js", "imports": [ "index-ed61a898.js", "helpers-5a53abe8.js" ], "originalByteSize": 52464 }, { "key": "joy-time-saving-calculator.entry", "components": [ "joy-time-saving-calculator" ], "bundleId": "joy-time-saving-calculator.cjs", "fileName": "joy-time-saving-calculator.cjs.entry.js", "imports": [ "index-ed61a898.js" ], "originalByteSize": 2106 }, { "key": "joy-icon.entry", "components": [ "joy-icon" ], "bundleId": "joy-icon.cjs", "fileName": "joy-icon.cjs.entry.js", "imports": [ "index-ed61a898.js" ], "originalByteSize": 11749 } ] }, "components": [ { "tag": "joy-availability", "path": "./src/components/JoyAvailability/availability.js", "source": "./src/components/JoyAvailability/availability.tsx", "elementRef": null, "componentClassName": "Availability", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "label", "type": "string", "attribute": "label", "reflect": false, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Text Availability content, if null, only dot will be display" }, "internal": false }, { "name": "status", "type": "string", "attribute": "status", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "'AVAILABLE' | 'AVAILABLE_AND_VERIFIED' | 'NOT_AVAILABLE_WITH_DATE' | 'AVAILABLE_SOON' | 'NOT_AVAILABLE' | ''", "resolved": "\"\" | \"AVAILABLE\" | \"AVAILABLE_AND_VERIFIED\" | \"AVAILABLE_SOON\" | \"NOT_AVAILABLE\" | \"NOT_AVAILABLE_WITH_DATE\"", "references": {} }, "docs": { "tags": [], "text": "Status Availability, define color" }, "internal": false }, { "name": "isPartial", "type": "boolean", "attribute": "is-partial", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "isPartial dot, define fill or stroke dot display" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-avatar", "path": "./src/components/JoyAvatar/avatar.js", "source": "./src/components/JoyAvatar/avatar.tsx", "elementRef": "el", "componentClassName": "JoyAvatar", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [ "joy-user-card" ], "directDependencies": [ "joy-icon" ], "directDependents": [ "joy-user-card" ], "docs": { "tags": [], "text": "If both photoUrl and fullName are empty, it will display an icon placeholder." }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "'medium'", "complexType": { "original": "AvatarSizes", "resolved": "\"large\" | \"medium\" | \"small\" | undefined", "references": { "AvatarSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::AvatarSizes" } } }, "docs": { "tags": [], "text": "Avatar size, 3 possible values (can't be overridden)" }, "internal": false }, { "name": "photoUrl", "type": "string", "attribute": "photo-url", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Specify a photo url to display." }, "internal": false }, { "name": "fullName", "type": "string", "attribute": "full-name", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Freelancer full name. Will be used to display its initials if no photoUrl is given." }, "internal": false }, { "name": "color", "type": "string", "attribute": "color", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "'teal'", "complexType": { "original": "AvatarColors['freelancer']", "resolved": "\"grey\" | \"red\" | \"teal\" | \"transparent\" | \"turquoise\" | \"yellow\" | undefined", "references": { "AvatarColors": { "location": "import", "path": "@/types", "id": "src/types/index.ts::AvatarColors" } } }, "docs": { "tags": [], "text": "Specify a background color. Handy for avatars list. The value is the index of css custom property array made from CSS Custom Properties value (see next table)" }, "internal": false }, { "name": "totalNumber", "type": "number", "attribute": "total-number", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "Specify the total amount of persons remaining from a list." }, "internal": false }, { "name": "totalNumberLink", "type": "string", "attribute": "total-number-link", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Specify the link to redirect to the full list" }, "internal": false }, { "name": "compress", "type": "boolean", "attribute": "compress", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "The prop is given automatically by avatars-list component when you set compress prop to true. You won't need this prop out of an avatars-list." }, "internal": false }, { "name": "isFirstFromList", "type": "boolean", "attribute": "is-first-from-list", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "The prop is given automatically by avatars-list component when you set compress prop to true. You won't need this prop out of an avatars-list." }, "internal": false }, { "name": "href", "type": "string", "attribute": "href", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Url you need to link your avatar to" }, "internal": false }, { "name": "target", "type": "string", "attribute": "target", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "'_blank' | '_self' | '_parent' | '_top' | 'framename'", "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"framename\" | undefined", "references": {} }, "docs": { "tags": [], "text": "Target attribute if href is used" }, "internal": false }, { "name": "profile", "type": "string", "attribute": "profile", "reflect": false, "mutable": false, "required": false, "optional": false, "defaultValue": "'default'", "complexType": { "original": "'strategy' | 'default'", "resolved": "\"default\" | \"strategy\"", "references": {} }, "docs": { "tags": [], "text": "Type of profile. Default or Strategy. Strategy mode is not compatible with compress mode layout." }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-badge-level", "path": "./src/components/JoyBadgeLevel/badge-level.js", "source": "./src/components/JoyBadgeLevel/badge-level.tsx", "elementRef": null, "componentClassName": "JoyBadgeLevel", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "type", "type": "string", "attribute": "type", "reflect": true, "mutable": false, "required": true, "optional": false, "complexType": { "original": "BadgesTypes", "resolved": "\"high-potential-auto\" | \"highpotential\" | \"maltlinker\" | \"new\" | \"program_high-potential\" | \"supermalter\" | \"verified\"", "references": { "BadgesTypes": { "location": "import", "path": "./badge-level.types", "id": "src/components/JoyBadgeLevel/badge-level.types.ts::BadgesTypes" } } }, "docs": { "tags": [], "text": "Badge type: highpotential, high-potential-auto, maltlinker, new, supermalter or verified\nor program: program_highpotential" }, "internal": false }, { "name": "superMalterLevel", "type": "number", "attribute": "super-malter-level", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "1", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "SuperMalter level from 1 to 3" }, "internal": false }, { "name": "visibleText", "type": "boolean", "attribute": "visible-text", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "true", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Display text label" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-bottom-sheet", "path": "./src/components/JoyBottomSheet/bottom-sheet.js", "source": "./src/components/JoyBottomSheet/bottom-sheet.tsx", "elementRef": "el", "componentClassName": "BottomSheet", "assetsDirs": [], "dependencies": [ "joy-button", "joy-icon", "joy-spinner" ], "dependents": [], "directDependencies": [ "joy-button" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "bottom-sheet-content - Main body content slot." }, { "name": "slot", "text": "bottom-sheet-cta - Use it if you need to fully control the rendering of your footer CTA." } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-bottom-sheet-closed", "method": "joyBottomSheetClosed", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Custom event fired when you close the bottom sheet. It's fired if you swipe down the bottom-sheet, or click on the default CTA. But it won't be fired if you use bottom-sheet-cta slot !" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "openBottomSheet", "docs": { "text": "Call this method to open the bottom sheet.\nExample: el.open()", "tags": [] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false }, { "name": "close", "docs": { "text": "Call this method to close the bottom sheet.\nExample: el.close()", "tags": [] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [ "joy-button" ], "properties": [ { "name": "closeLabel", "type": "string", "attribute": "close-label", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'Close'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "close-label used for close button. Default: 'Close'" }, "internal": false }, { "name": "open", "type": "boolean", "attribute": "open", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "If open is set to true, the bottom-sheet will be displayed by default *" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-button", "path": "./src/components/JoyButton/button.js", "source": "./src/components/JoyButton/button.tsx", "elementRef": "el", "componentClassName": "JoyButton", "assetsDirs": [], "dependencies": [ "joy-icon", "joy-spinner" ], "dependents": [ "joy-bottom-sheet", "joy-dialog", "joy-drawer", "joy-dropzone" ], "directDependencies": [ "joy-icon", "joy-spinner" ], "directDependents": [ "joy-bottom-sheet", "joy-dialog", "joy-drawer", "joy-dropzone" ], "docs": { "tags": [], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [ { "name": "buttonLoading", "docs": { "text": "Allows to display the spinner while asynchronous tasks are pending", "tags": [ { "name": "param", "text": "loading - loading status" }, { "name": "param", "text": "timeout - if you want to display the loader during a specific timeout" } ] }, "complexType": { "signature": "(loading: boolean, timeout?: number) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "loading - loading status" } ], "text": "- loading status" }, { "tags": [ { "name": "param", "text": "timeout - if you want to display the loader during a specific timeout" } ], "text": "- if you want to display the loader during a specific timeout" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [ "joy-icon", "joy-spinner" ], "properties": [ { "name": "disabled", "type": "boolean", "attribute": "disabled", "reflect": false, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Disabled attribute for buttons" }, "internal": false }, { "name": "type", "type": "string", "attribute": "type", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'button'", "complexType": { "original": "'button' | 'submit' | 'reset'", "resolved": "\"button\" | \"reset\" | \"submit\"", "references": {} }, "docs": { "tags": [], "text": "Type attribute for buttons" }, "internal": false }, { "name": "href", "type": "string", "attribute": "href", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Set the href of your link" }, "internal": false }, { "name": "download", "type": "string", "attribute": "download", "reflect": true, "mutable": false, "required": false, "optional": false, "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "If the link as a downloadable content" }, "internal": false }, { "name": "rel", "type": "string", "attribute": "rel", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Native rel attribute for hyperlinks. See https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/rel" }, "internal": false }, { "name": "target", "type": "string", "attribute": "target", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "'_blank' | '_self' | '_parent' | '_top'", "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined", "references": {} }, "docs": { "tags": [], "text": "Native target attribute for hyperlinks." }, "internal": false }, { "name": "form", "type": "string", "attribute": "form", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "If the joy-button is supposed to submit a specific form without being included in the actual form tag, use this prop" }, "internal": false }, { "name": "variant", "type": "string", "attribute": "variant", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'primary'", "complexType": { "original": "ButtonVariants", "resolved": "\"admin\" | \"ghost\" | \"main\" | \"primary\" | \"secondary\" | \"white\"", "references": { "ButtonVariants": { "location": "import", "path": "@/types", "id": "src/types/index.ts::ButtonVariants" } } }, "docs": { "tags": [], "text": "Button or Link color theme" }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'medium'", "complexType": { "original": "ButtonSizes", "resolved": "\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\"", "references": { "ButtonSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::ButtonSizes" } } }, "docs": { "tags": [], "text": "Button or Link size" }, "internal": false }, { "name": "icon", "type": "string", "attribute": "icon", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Set the icon name if you need one" }, "internal": false }, { "name": "iconPosition", "type": "string", "attribute": "icon-position", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "'left'", "complexType": { "original": "'left' | 'right'", "resolved": "\"left\" | \"right\" | undefined", "references": {} }, "docs": { "tags": [], "text": "Left to the text or right" }, "internal": false }, { "name": "iconSize", "type": "string", "attribute": "icon-size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'xsmall'", "complexType": { "original": "Exclude", "resolved": "\"small\" | \"xsmall\" | \"xxsmall\"", "references": { "Exclude": { "location": "global", "id": "global::Exclude" }, "IconsSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::IconsSizes" } } }, "docs": { "tags": [], "text": "Set the icon size if you need one" }, "internal": false }, { "name": "loading", "type": "boolean", "attribute": "loading", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Set the button in loading state" }, "internal": false }, { "name": "circle", "type": "boolean", "attribute": "circle", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "If you only need a button with an icon. To keep your component accessible, you can give a text as slot, it will be used as title and aria-label.\nThis property takes effect only if icon property is set" }, "internal": false } ], "shadowDelegatesFocus": null, "states": [] }, { "tag": "joy-checkbox", "path": "./src/components/JoyCheckbox/checkbox.js", "source": "./src/components/JoyCheckbox/checkbox.tsx", "elementRef": "el", "componentClassName": "Checkbox", "assetsDirs": [], "dependencies": [], "dependents": [ "joy-selectable-item" ], "directDependencies": [], "directDependents": [ "joy-selectable-item" ], "docs": { "tags": [], "text": "If you need to get the actual state of the component, you can simply do a :\ndocument.querySelector('joy-checkbox.this-instance').checked" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "value-change", "method": "valueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Clicking on the component will fire this customEvent" }, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "internal": false }, { "name": "joy-checkbox-change", "method": "joyCheckboxChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Clicking on the component will fire this customEvent (more checkbox specific event)" }, "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "updateValue", "docs": { "text": "Update checkbox state from outside the component", "tags": [ { "name": "param", "text": "newValue" } ] }, "complexType": { "signature": "(newValue: boolean) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "newValue" } ], "text": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [], "properties": [ { "name": "value", "type": "string", "attribute": "value", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'on'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Input value. Input value != checked state ! If you need to get the state checked/not checked, simply use checked prop" }, "internal": false }, { "name": "name", "type": "string", "attribute": "name", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Input name for form participation" }, "internal": false }, { "name": "required", "type": "boolean", "attribute": "required", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Checkbox is required" }, "internal": false }, { "name": "disabled", "type": "boolean", "attribute": "disabled", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Disabled state" }, "internal": false }, { "name": "checked", "type": "boolean", "attribute": "checked", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Checkbox activated or not" }, "internal": false }, { "name": "indeterminate", "type": "boolean", "attribute": "indeterminate", "reflect": false, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "If `true`, the checkbox will visually appear as indeterminate." }, "internal": false }, { "name": "invalid", "type": "boolean", "attribute": "invalid", "reflect": false, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "If `true`, the checkbox will visually appear as invalid." }, "internal": false } ], "shadowDelegatesFocus": null, "states": [] }, { "tag": "joy-collapse", "path": "./src/components/JoyCollapse/collapse.js", "source": "./src/components/JoyCollapse/collapse.tsx", "elementRef": "host", "componentClassName": "JoyCollapse", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "default - Use it to inject your joy-collapse-item" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [ { "name": "joy-collapse-item-open", "method": "collapseIfNeeded", "capture": false, "passive": false } ], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "accordion", "type": "boolean", "attribute": "accordion", "reflect": false, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Accordion mode allows to open only one item at a time. Default to false" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-collapse-item", "path": "./src/components/JoyCollapseItem/collapse-item.js", "source": "./src/components/JoyCollapseItem/collapse-item.tsx", "elementRef": "host", "componentClassName": "JoyCollapseItem", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [], "directDependencies": [ "joy-icon" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "collapse-summary - The main text that is still visible when component is closed. Placed before the content" }, { "name": "slot", "text": "collapse-marker - Visual or textual marker used to mark the open/close state of the component. It can be an icon (arrow) or pure text. Placed before the content" }, { "name": "slot", "text": "collapse-detail - Hidden content shown when clicking on summary or marker." }, { "name": "part", "text": "collapse-detail - Wrapper for collapse-detail slot, inside the shadow DOM." }, { "name": "part", "text": "collapse-summary - Wrapper for collapse-summary slot, inside the shadow DOM." } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-collapse-item-click", "method": "joyCollapseItemClick", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Every time you click to toggle the collapse-item, the event is fired" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false }, { "name": "joy-collapse-item-open", "method": "joyCollapseItemOpen", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "This event is fired only when you open the collapse-item" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false }, { "name": "joy-collapse-item-close", "method": "joyCollapseItemClose", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "This event is fired only when you close the collapse-item" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "toggle", "docs": { "text": "", "tags": [ { "name": "param", "text": "params - If you're facing issue with an item opened by default and not having the right calculated height, you can still use this method\nin order to trigger the toggle during the right framework lifecycle hook." }, { "name": "param", "text": "params.open - If you want to open the collapse-item. Default to true." }, { "name": "param", "text": "params.emitEvent - Emits a custom event based on whether we open or close the item. Default to false." } ] }, "complexType": { "signature": "(params?: ToggleType) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "params - If you're facing issue with an item opened by default and not having the right calculated height, you can still use this method\nin order to trigger the toggle during the right framework lifecycle hook." } ], "text": "- If you're facing issue with an item opened by default and not having the right calculated height, you can still use this method\nin order to trigger the toggle during the right framework lifecycle hook." } ], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "ToggleType": { "location": "global", "id": "global::ToggleType" } }, "return": "Promise" }, "internal": false }, { "name": "resetCollapseItemState", "docs": { "text": "", "tags": [ { "name": "internal" }, { "name": "deprecated" } ] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": true } ], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "open", "type": "boolean", "attribute": "open", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Default to false. Open or close the collapse item." }, "internal": false }, { "name": "summaryIcon", "type": "string", "attribute": "summary-icon", "reflect": false, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Display an icon before the summary." }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-company-avatar", "path": "./src/components/JoyCompanyAvatar/company-avatar.js", "source": "./src/components/JoyCompanyAvatar/company-avatar.tsx", "elementRef": null, "componentClassName": "CompanyAvatar", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [], "directDependencies": [ "joy-icon" ], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "color", "type": "string", "attribute": "color", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'teal'", "complexType": { "original": "AvatarColors['company']", "resolved": "\"red\" | \"teal\" | \"turquoise\" | \"yellow\"", "references": { "AvatarColors": { "location": "import", "path": "@/types", "id": "src/types/index.ts::AvatarColors" } } }, "docs": { "tags": [ { "name": "deprecated", "text": "Company avatar color" } ], "text": "" }, "internal": false }, { "name": "companyName", "type": "string", "attribute": "company-name", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Company name. Required to give image alt text." }, "internal": false }, { "name": "imgSrc", "type": "string", "attribute": "img-src", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "URL source for img. Optional." }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "'large'", "complexType": { "original": "AvatarSizes", "resolved": "\"large\" | \"medium\" | \"small\" | undefined", "references": { "AvatarSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::AvatarSizes" } } }, "docs": { "tags": [], "text": "Size of the image. Optionnal." }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-counter", "path": "./src/components/JoyCounter/counter.js", "source": "./src/components/JoyCounter/counter.tsx", "elementRef": "el", "componentClassName": "CounterComponent", "assetsDirs": [], "dependencies": [ "joy-form-error", "joy-icon", "joy-label" ], "dependents": [], "directDependencies": [ "joy-label", "joy-icon", "joy-form-error" ], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "value-change", "method": "valueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Generic event for any counter change, fired by manually typing a value or using increment/decrement CTA" }, "complexType": { "original": "number", "resolved": "number", "references": {} }, "internal": false }, { "name": "joy-counter-increment", "method": "joyCounterIncrement", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Specific event fired when you increment the counter value. Prefer using valueChange unless you need to handle this specific event type" }, "complexType": { "original": "number", "resolved": "number", "references": {} }, "internal": false }, { "name": "joy-counter-decrement", "method": "joyCounterDecrement", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Specific event fired when you decrement the counter value. Prefer using valueChange unless you need to handle this specific event type" }, "complexType": { "original": "number", "resolved": "number", "references": {} }, "internal": false }, { "name": "joy-counter-invalid", "method": "joyCounterInvalid", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Specific event fired when your counter value is invalid." }, "complexType": { "original": "{value: string; message: string}", "resolved": "{ value: string; message: string; }", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "increment", "docs": { "text": "Allows to manually increment counter value from outside.", "tags": [] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false }, { "name": "decrement", "docs": { "text": "Allows to manually decrement counter value from outside.", "tags": [] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [ "joy-label", "joy-icon", "joy-form-error" ], "properties": [ { "name": "value", "type": "number", "attribute": "value", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "0", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Counter value *" }, "internal": false }, { "name": "required", "type": "boolean", "attribute": "required", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Counter requirement" }, "internal": false }, { "name": "requiredMark", "type": "boolean", "attribute": "required-mark", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Display the required mark or not. Default to false." }, "internal": false }, { "name": "optionalLabel", "type": "string", "attribute": "optional-label", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Inject the right wording if your field is not required. the \"-\" separator is already handled internally. *" }, "internal": false }, { "name": "min", "type": "number", "attribute": "min", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "0", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Minimum possible value. Default to 0" }, "internal": false }, { "name": "max", "type": "number", "attribute": "max", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "Maximum possible value. No default" }, "internal": false }, { "name": "step", "type": "number", "attribute": "step", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "1", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Granularity of the input. We use the same name than native step attribute.\nWe don't bind this prop to actual input step attribute, because we don't want checkValidity API to return invalid if the actual\nvalue is not a multiple of step prop !" }, "internal": false }, { "name": "name", "type": "string", "attribute": "name", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Name for the input" }, "internal": false }, { "name": "invalid", "type": "boolean", "attribute": "invalid", "reflect": false, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Invalid state of the component" }, "internal": false }, { "name": "invalidMessage", "type": "string", "attribute": "invalid-message", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Message when the component is invalid. Warning : by default, it will pick HTML5 validation message (the language is defined by your OS)" }, "internal": false }, { "name": "labelDecrement", "type": "string", "attribute": "label-decrement", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'Decrement value'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Used for accessibility aria-label attribute. More than welcome !" }, "internal": false }, { "name": "labelIncrement", "type": "string", "attribute": "label-increment", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'Increment value'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Used for accessibility aria-label attribute. More than welcome !" }, "internal": false }, { "name": "ariaLabel", "type": "string", "attribute": "aria-label", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "aria-label used for input accessibility. Use string only, no HTML. More than welcome !" }, "internal": false }, { "name": "labelSize", "type": "string", "attribute": "label-size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'medium'", "complexType": { "original": "LabelSizes", "resolved": "\"large\" | \"medium\" | \"small\"", "references": { "LabelSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::LabelSizes" } } }, "docs": { "tags": [], "text": "The label input's size." }, "internal": false } ], "shadowDelegatesFocus": null, "states": [] }, { "tag": "joy-dialog", "path": "./src/components/JoyDialog/dialog.js", "source": "./src/components/JoyDialog/dialog.tsx", "elementRef": "host", "componentClassName": "Dialog", "assetsDirs": [], "dependencies": [ "joy-button", "joy-icon", "joy-spinner" ], "dependents": [], "directDependencies": [ "joy-icon", "joy-button" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "dialog-header - The dialog title" }, { "name": "slot", "text": "dialog-subheader - The dialog subtitle" }, { "name": "slot", "text": "dialog-body - The dialog main content" }, { "name": "slot", "text": "dialog-cancel - If you need to customize the cancel CTA (with any attribute for a specific need), use this slot" }, { "name": "slot", "text": "dialog-confirm - If you need to customize the confirm CTA (with any attribute for a specific need), use this slot" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-confirm-dialog", "method": "joyConfirmDialog", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Custom event fired when clicking on confirm button" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false }, { "name": "joy-cancel-dialog", "method": "joyCancelDialog", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Custom event fired when clicking on cancel button (even when slotted) or top right cross icon" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false } ], "internal": false, "listeners": [ { "name": "keydown", "method": "closeOnEscapePress", "capture": false, "passive": false, "target": "document" }, { "name": "joy-indicators-change", "method": "onStepChange", "capture": false, "passive": false } ], "methods": [ { "name": "openDialog", "docs": { "text": "If you want to trigger specific action after the dialog opening.", "tags": [ { "name": "param", "text": "callback" } ] }, "complexType": { "signature": "(callback?: () => any) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "callback" } ], "text": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false }, { "name": "closeDialog", "docs": { "text": "Hide the dialog from outside", "tags": [ { "name": "return" } ] }, "complexType": { "signature": "({ fireCancelEvent }?: { fireCancelEvent: boolean; }) => Promise", "parameters": [ { "tags": [], "text": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [ "joy-icon", "joy-button" ], "properties": [ { "name": "open", "type": "boolean", "attribute": "open", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Dialog open state" }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'default'", "complexType": { "original": "DialogSizes", "resolved": "\"default\" | \"large\"", "references": { "DialogSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::DialogSizes" } } }, "docs": { "tags": [], "text": "Dialog sizes" }, "internal": false }, { "name": "confirmText", "type": "string", "attribute": "confirm-text", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Main CTA text. If none given, it won't show the CTA" }, "internal": false }, { "name": "cancelText", "type": "string", "attribute": "cancel-text", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Secondary CTA text. If none given, it won't show the CTA" }, "internal": false }, { "name": "buttonSize", "type": "string", "attribute": "button-size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'small'", "complexType": { "original": "ButtonSizes", "resolved": "\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\"", "references": { "ButtonSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::ButtonSizes" } } }, "docs": { "tags": [], "text": "If you want to change the CTA sizes, please choose between small, medium, large" }, "internal": false }, { "name": "bannerSrc", "type": "string", "attribute": "banner-src", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Set the URL of the image you can inject as pre-header banner" }, "internal": false }, { "name": "bannerSrcAlt", "type": "string", "attribute": "banner-src-alt", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Set the alt text of the banner" }, "internal": false }, { "name": "bannerHeight", "type": "number", "attribute": "banner-height", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "250", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Set the height of the banner. Default to 250" }, "internal": false }, { "name": "bannerPosition", "type": "string", "attribute": "banner-position", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'center'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Set the position of the banner image. Work exactly like css background-position property" }, "internal": false }, { "name": "patternConfirm", "type": "boolean", "attribute": "pattern-confirm", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Loads a preset state for dialog, preventing closing the dialog \"accidentally\" by clicking on cross, backdrop or pressing Escape key." }, "internal": false } ], "shadowDelegatesFocus": false, "states": [ { "name": "hasFooterSlot" } ] }, { "tag": "joy-dialog-trigger", "path": "./src/components/JoyDialogTrigger/dialog-trigger.js", "source": "./src/components/JoyDialogTrigger/dialog-trigger.tsx", "elementRef": "host", "componentClassName": "DialogTrigger", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "dialog", "type": "string", "attribute": "dialog", "reflect": true, "mutable": false, "required": true, "optional": false, "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "The ID of the dialog you want to show. Required *" }, "internal": false }, { "name": "step", "type": "number", "attribute": "step", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "For dialogs containing joy-indicators with multiple steps, you can specify a step number *" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-divider-cta", "path": "./src/components/JoyDividerCta/divider-cta.js", "source": "./src/components/JoyDividerCta/divider-cta.tsx", "elementRef": null, "componentClassName": "DividerCta", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [], "directDependencies": [ "joy-icon" ], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "disabled", "type": "boolean", "attribute": "disabled", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Disabled or not" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-drawer", "path": "./src/components/JoyDrawer/drawer.js", "source": "./src/components/JoyDrawer/drawer.tsx", "elementRef": "host", "componentClassName": "Drawer", "assetsDirs": [], "dependencies": [ "joy-button", "joy-icon", "joy-spinner" ], "dependents": [], "directDependencies": [ "joy-icon", "joy-button" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "drawer-header - The drawer title" }, { "name": "slot", "text": "drawer-subheader - The drawer subtitle" }, { "name": "slot", "text": "drawer-body - The drawer main content" }, { "name": "slot", "text": "drawer-cancel - If you need to customize the cancel CTA (with any attribute for a specific need), use this slot" }, { "name": "slot", "text": "drawer-confirm - If you need to customize the confirm CTA (with any attribute for a specific need), use this slot" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-confirm-drawer", "method": "joyConfirmDrawer", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Custom event fired when clicking on confirm button" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false }, { "name": "joy-cancel-drawer", "method": "joyCancelDrawer", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Custom event fired when clicking on cancel button (even when slotted) or top right cross icon" }, "complexType": { "original": "CancelDrawerEventDetails", "resolved": "CancelDrawerEventDetails", "references": { "CancelDrawerEventDetails": { "location": "local", "path": "/tmpfs/builds/maltcommunity/malt/apps/design-system/packages/core/src/components/JoyDrawer/drawer.tsx", "id": "src/components/JoyDrawer/drawer.tsx::CancelDrawerEventDetails" } } }, "internal": false } ], "internal": false, "listeners": [ { "name": "keydown", "method": "closeOnEscapePress", "capture": false, "passive": false, "target": "document" } ], "methods": [ { "name": "openDrawer", "docs": { "text": "If you want to trigger specific action after the drawer opening.", "tags": [ { "name": "param", "text": "callback" } ] }, "complexType": { "signature": "(callback?: () => any) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "callback" } ], "text": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false }, { "name": "closeDrawer", "docs": { "text": "Hide the drawer from outside", "tags": [ { "name": "return" } ] }, "complexType": { "signature": "({ fireCancelEvent }?: { fireCancelEvent: boolean; }) => Promise", "parameters": [ { "tags": [], "text": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [ "joy-icon", "joy-button" ], "properties": [ { "name": "open", "type": "boolean", "attribute": "open", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Drawer open state" }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'default'", "complexType": { "original": "DrawerSizes", "resolved": "\"default\" | \"large\"", "references": { "DrawerSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::DrawerSizes" } } }, "docs": { "tags": [], "text": "Drawer sizes" }, "internal": false }, { "name": "confirmText", "type": "string", "attribute": "confirm-text", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Main CTA text. If none given, it won't show the CTA" }, "internal": false }, { "name": "cancelText", "type": "string", "attribute": "cancel-text", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Secondary CTA text. If none given, it won't show the CTA" }, "internal": false }, { "name": "buttonSize", "type": "string", "attribute": "button-size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'small'", "complexType": { "original": "ButtonSizes", "resolved": "\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\"", "references": { "ButtonSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::ButtonSizes" } } }, "docs": { "tags": [], "text": "If you want to change the CTA sizes, please choose between small, medium, large" }, "internal": false }, { "name": "elevated", "type": "boolean", "attribute": "elevated", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [ { "name": "experimental", "text": "Removes the overlay and allows interacting with background content" } ], "text": "" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [ { "name": "hasFooterSlot" } ] }, { "tag": "joy-dropzone", "path": "./src/components/JoyDropzone/dropzone.js", "source": "./src/components/JoyDropzone/dropzone.tsx", "elementRef": "host", "componentClassName": "Dropzone", "assetsDirs": [], "dependencies": [ "joy-button", "joy-form-error", "joy-icon", "joy-spinner", "joy-wrapper" ], "dependents": [], "directDependencies": [ "joy-spinner", "joy-button", "joy-form-error", "joy-wrapper", "joy-icon" ], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "joy-dropzone-cancel-upload-file", "method": "joyDropzoneCancelUploadFile", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [ { "name": "deprecated" } ], "text": "" }, "complexType": { "original": "File[] | null", "resolved": "File[] | null", "references": { "File": { "location": "global", "id": "global::File" } } }, "internal": false }, { "name": "joy-dropzone-invalidate-file", "method": "joyDropzoneInvalidateFile", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [ { "name": "deprecated" } ], "text": "" }, "complexType": { "original": "File[] | null", "resolved": "File[] | null", "references": { "File": { "location": "global", "id": "global::File" } } }, "internal": false }, { "name": "joy-dropzone-dropped-files", "method": "joyDropzoneDroppedFiles", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "File[] | null", "resolved": "File[] | null", "references": { "File": { "location": "global", "id": "global::File" } } }, "internal": false }, { "name": "joy-dropzone-remove-file", "method": "joyDropzoneRemoveFile", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "File | null", "resolved": "File | null", "references": { "File": { "location": "global", "id": "global::File" } } }, "internal": false }, { "name": "joy-dropzone-buttons-click", "method": "joyDropzoneButtonsClick", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [ { "name": "deprecated" } ], "text": "" }, "complexType": { "original": "null", "resolved": "null", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "isLoading", "docs": { "text": "set In progress state", "tags": [ { "name": "param", "text": "loading" }, { "name": "return" } ] }, "complexType": { "signature": "(loading: boolean) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "loading" } ], "text": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false }, { "name": "resetDropzone", "docs": { "text": "reset the dropzone to its original state", "tags": [ { "name": "return" } ] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [ "joy-spinner", "joy-button", "joy-form-error", "joy-wrapper", "joy-icon" ], "properties": [ { "name": "idDropzone", "type": "string", "attribute": "id-dropzone", "reflect": true, "mutable": false, "required": true, "optional": false, "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "set a unique id for the input file. Required for the drag and drop !" }, "internal": false }, { "name": "disabled", "type": "boolean", "attribute": "disabled", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [ { "name": "deprecated", "text": "Makes the dropzone disabled or not" } ], "text": "" }, "internal": false }, { "name": "invalid", "type": "boolean", "attribute": "invalid", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Makes the dropzone invalid or not" }, "internal": false }, { "name": "accept", "type": "string", "attribute": "accept", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Add accepted file formats" }, "internal": false }, { "name": "maxSize", "type": "number", "attribute": "max-size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "32", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "set MaxSize (Megabytes), default to 32 MB" }, "internal": false }, { "name": "descriptionText", "type": "string", "attribute": "description-text", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'Drop your file here or'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Add description Text" }, "internal": false }, { "name": "descriptionStrongText", "type": "string", "attribute": "description-strong-text", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'click here'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Add description Text" }, "internal": false }, { "name": "buttonText", "type": "string", "attribute": "button-text", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'Upload'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Add CTA Upload Text" }, "internal": false }, { "name": "buttonCancelText", "type": "string", "attribute": "button-cancel-text", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'Cancel'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Add CTA Cancellation Text" }, "internal": false }, { "name": "uploadingText", "type": "string", "attribute": "uploading-text", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'Uploading... hang tight.'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [ { "name": "deprecated", "text": "Add Uploading Text" } ], "text": "" }, "internal": false }, { "name": "legend", "type": "string", "attribute": "legend", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string | null", "resolved": "null | string | undefined", "references": {} }, "docs": { "tags": [], "text": "Add legend/specification text" }, "internal": false }, { "name": "multiple", "type": "boolean", "attribute": "multiple", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Enable multiple files upload" }, "internal": false }, { "name": "errorTextFormat", "type": "string", "attribute": "error-text-format", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Add custom error message when uploaded file format is not accepted" }, "internal": false }, { "name": "errorTextMaxSize", "type": "string", "attribute": "error-text-max-size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Add custom error message when uploaded file size is bigger than maxSize" }, "internal": false }, { "name": "loading", "type": "boolean", "attribute": "loading", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [ { "name": "deprecated", "text": "Make the dropzone in progress state or not" } ], "text": "" }, "internal": false }, { "name": "deleteLabel", "type": "string", "attribute": "delete-label", "reflect": false, "mutable": false, "required": false, "optional": false, "defaultValue": "'Delete this file'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Override default aria-label for the \"trash\" icon associated with each selected file." }, "internal": false } ], "shadowDelegatesFocus": null, "states": [ { "name": "dragover" }, { "name": "files" }, { "name": "fileInvalid" } ] }, { "tag": "joy-form-error", "path": "./src/components/JoyFormError/form-error.js", "source": "./src/components/JoyFormError/form-error.tsx", "elementRef": null, "componentClassName": "FormError", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [ "joy-counter", "joy-dropzone", "joy-radio-group" ], "directDependencies": [ "joy-icon" ], "directDependents": [ "joy-counter", "joy-dropzone", "joy-radio-group" ], "docs": { "tags": [ { "name": "slot", "text": "default - Use it to inject plain HTML error message (or if you can't access the string due to any backend framework handling)" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "noHtmlErrorText", "type": "string", "attribute": "no-html-error-text", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "The error text. Plain string required as any HTML injected will be escaped" }, "internal": false }, { "name": "visible", "type": "boolean", "attribute": "visible", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "true", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Depending on contexts : maybe you'll need to insert it in the DOM but hide it, or injecting it into the DOM on the fly (like Vue v-if cases)" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-highlight", "path": "./src/components/JoyHighlight/highlight.js", "source": "./src/components/JoyHighlight/highlight.tsx", "elementRef": "host", "componentClassName": "Panel", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [ "joy-time-saving-calculator" ], "directDependencies": [ "joy-icon" ], "directDependents": [ "joy-time-saving-calculator" ], "docs": { "tags": [ { "name": "slot", "text": "highlight-title - Title of your highlight" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "icon", "type": "string", "attribute": "icon", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Override the icon type used for level. Size can't be overridden. Won't show if displayIcon prop isn't set to true" }, "internal": false }, { "name": "displayIcon", "type": "boolean", "attribute": "display-icon", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Allows to display the level status icon" }, "internal": false }, { "name": "level", "type": "string", "attribute": "level", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'neutral'", "complexType": { "original": "HighlightLevels", "resolved": "\"error\" | \"info\" | \"neutral\" | \"success\" | \"warning\"", "references": { "HighlightLevels": { "location": "import", "path": "@/types", "id": "src/types/index.ts::HighlightLevels" } } }, "docs": { "tags": [], "text": "Defines the criticalness of the highlight" }, "internal": false }, { "name": "accent", "type": "boolean", "attribute": "accent", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Add the left border accent on the highlight." }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-icon", "path": "./src/components/JoyIcon/icon.js", "source": "./src/components/JoyIcon/icon.tsx", "elementRef": "el", "componentClassName": "Icon", "assetsDirs": [], "dependencies": [], "dependents": [ "joy-avatar", "joy-bottom-sheet", "joy-button", "joy-collapse-item", "joy-company-avatar", "joy-counter", "joy-dialog", "joy-divider-cta", "joy-drawer", "joy-dropzone", "joy-form-error", "joy-highlight", "joy-input", "joy-link", "joy-pagination", "joy-product-tour", "joy-radio-group", "joy-select", "joy-snackbar", "joy-tag", "joy-textarea", "joy-time-saving-calculator", "joy-user-card" ], "directDependencies": [], "directDependents": [ "joy-avatar", "joy-button", "joy-collapse-item", "joy-company-avatar", "joy-counter", "joy-dialog", "joy-divider-cta", "joy-drawer", "joy-dropzone", "joy-form-error", "joy-highlight", "joy-input", "joy-link", "joy-pagination", "joy-product-tour", "joy-select", "joy-snackbar", "joy-tag", "joy-textarea" ], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "ariaLabel", "type": "string", "attribute": "aria-label", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Defines a non-visible legend" }, "internal": false }, { "name": "clickable", "type": "boolean", "attribute": "clickable", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Color change on hover" }, "internal": false }, { "name": "color", "type": "string", "attribute": "color", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "'teal'", "complexType": { "original": "IconColors", "resolved": "\"error\" | \"grey\" | \"info\" | \"red\" | \"success\" | \"teal\" | \"turquoise\" | \"warning\" | \"white\" | \"yellow\" | undefined", "references": { "IconColors": { "location": "import", "path": "@/types", "id": "src/types/index.ts::IconColors" } } }, "docs": { "tags": [], "text": "The icon color" }, "internal": false }, { "name": "customClass", "type": "string", "attribute": "custom-class", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "The icon custom class(es), if needed" }, "internal": false }, { "name": "name", "type": "string", "attribute": "name", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'bell'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "The icon svg filename" }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "IconsSizes", "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxsmall\" | undefined", "references": { "IconsSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::IconsSizes" } } }, "docs": { "tags": [], "text": "The icon size" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-indicator", "path": "./src/components/JoyIndicator/indicator.js", "source": "./src/components/JoyIndicator/indicator.tsx", "elementRef": "host", "componentClassName": "Indicator", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-indicator-select", "method": "joyIndicatorSelect", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Generic event fired when clicking the joy-indicator." }, "complexType": { "original": "{index: number}", "resolved": "{ index: number; }", "references": {} }, "internal": false }, { "name": "joy-indicator-select-for-dialog", "method": "joyIndicatorSelectForDialog", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [ { "name": "internal", "text": "Specific event fired when clicking on joy-indicator, internally handled by joy-dialog" } ], "text": "" }, "complexType": { "original": "{index: number}", "resolved": "{ index: number; }", "references": {} }, "internal": true } ], "internal": false, "listeners": [], "methods": [ { "name": "setFocus", "docs": { "text": "", "tags": [ { "name": "return", "text": "- Force focus from outside" } ] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false }, { "name": "selectIndicator", "docs": { "text": "", "tags": [ { "name": "param", "text": "select - Select or not, the indicator." }, { "name": "return" } ] }, "complexType": { "signature": "(select?: boolean) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "select - Select or not, the indicator." } ], "text": "- Select or not, the indicator." } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [], "properties": [ { "name": "variant", "type": "string", "attribute": "variant", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'default'", "complexType": { "original": "IndicatorsVariants", "resolved": "\"default\" | \"light\"", "references": { "IndicatorsVariants": { "location": "import", "path": "@/types", "id": "src/types/index.ts::IndicatorsVariants" } } }, "docs": { "tags": [], "text": "" }, "internal": false }, { "name": "selected", "type": "boolean", "attribute": "selected", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "" }, "internal": false } ], "shadowDelegatesFocus": true, "states": [] }, { "tag": "joy-indicators", "path": "./src/components/JoyIndicators/indicators.js", "source": "./src/components/JoyIndicators/indicators.tsx", "elementRef": "host", "componentClassName": "Indicators", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-indicators-change", "method": "joyIndicatorsChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "number", "resolved": "number", "references": {} }, "internal": false } ], "internal": false, "listeners": [ { "name": "keydown", "method": "keyboardNavigation", "capture": false, "passive": false, "target": "document" }, { "name": "joy-indicator-select-for-dialog", "method": "updateSelectedIndicatorForDialog", "capture": false, "passive": false }, { "name": "joy-indicator-select", "method": "updateSelectedIndicator", "capture": false, "passive": false } ], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "variant", "type": "string", "attribute": "variant", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'default'", "complexType": { "original": "IndicatorsVariants", "resolved": "\"default\" | \"light\"", "references": { "IndicatorsVariants": { "location": "import", "path": "@/types", "id": "src/types/index.ts::IndicatorsVariants" } } }, "docs": { "tags": [], "text": "Variant colors. 2 possibles values *" }, "internal": false }, { "name": "selected", "type": "number", "attribute": "selected", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "1", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Selected state *" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-input", "path": "./src/components/JoyInput/input.js", "source": "./src/components/JoyInput/input.tsx", "elementRef": "host", "componentClassName": "Input", "assetsDirs": [], "dependencies": [ "joy-icon", "joy-label" ], "dependents": [ "joy-time-saving-calculator" ], "directDependencies": [ "joy-label", "joy-icon" ], "directDependents": [ "joy-time-saving-calculator" ], "docs": { "tags": [], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "value-change", "method": "valueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Generic custom event that returns the component instance and its actual value. Can be used for custom model directives (frameworks) *" }, "complexType": { "original": "{element: HTMLJoyInputElement; value?: string}", "resolved": "{ element: HTMLJoyInputElement; value?: string | undefined; }", "references": { "HTMLJoyInputElement": { "location": "global", "id": "global::HTMLJoyInputElement" } } }, "internal": false }, { "name": "joy-input-change", "method": "joyInputChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Custom event that returns the component instance and its actual value. Binded to input native event *" }, "complexType": { "original": "{element: HTMLJoyInputElement; value?: string}", "resolved": "{ element: HTMLJoyInputElement; value?: string | undefined; }", "references": { "HTMLJoyInputElement": { "location": "global", "id": "global::HTMLJoyInputElement" } } }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "setFocus", "docs": { "text": "At the moment, for E2E purpose", "tags": [] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [ "joy-label", "joy-icon" ], "properties": [ { "name": "type", "type": "string", "attribute": "type", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "'text'", "complexType": { "original": "'text' | 'number' | 'search' | 'email' | 'password' | 'tel'", "resolved": "\"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"", "references": {} }, "docs": { "tags": [], "text": "Input types. List is not exhaustive, this component does not deal with checkboxes, radios, files, dates.\nThe type=number state is not appropriate for input that happens to only consist of numbers but isn’t strictly speaking a number (credit card number for example)" }, "internal": false }, { "name": "inputmode", "type": "string", "attribute": "inputmode", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "'none' | 'decimal' | 'text' | 'numeric' | 'tel' | 'search' | 'email' | 'url'", "resolved": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined", "references": {} }, "docs": { "tags": [], "text": "A hint to the browser for which keyboard to display." }, "internal": false }, { "name": "enterkeyhint", "type": "string", "attribute": "enterkeyhint", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'", "resolved": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined", "references": {} }, "docs": { "tags": [], "text": "A hint to the browser for which enter key to display." }, "internal": false }, { "name": "name", "type": "string", "attribute": "name", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Input types. List is not exhaustive, this component does not deal with checkboxes, radios, files, dates." }, "internal": false }, { "name": "unit", "type": "string", "attribute": "unit", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "If the field is of type number, you can specify a unit like %, days, hours, whatever you want" }, "internal": false }, { "name": "placeholder", "type": "string", "attribute": "placeholder", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "The input's placeholder text." }, "internal": false }, { "name": "disabled", "type": "boolean", "attribute": "disabled", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Makes the field disabled or not" }, "internal": false }, { "name": "readonly", "type": "boolean", "attribute": "readonly", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Makes the field readonly or not" }, "internal": false }, { "name": "invalid", "type": "boolean", "attribute": "invalid", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Makes the field readonly or not" }, "internal": false }, { "name": "required", "type": "boolean", "attribute": "required", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Makes the field required" }, "internal": false }, { "name": "requiredMark", "type": "boolean", "attribute": "required-mark", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Display the required mark or not. Default to false." }, "internal": false }, { "name": "optionalLabel", "type": "string", "attribute": "optional-label", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Inject the right wording if your field is not required. the \"-\" separator is already handled internally. *" }, "internal": false }, { "name": "maxlength", "type": "number", "attribute": "maxlength", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "Max character number. https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/maxlength" }, "internal": false }, { "name": "minlength", "type": "number", "attribute": "minlength", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "Max character number. https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/minlength" }, "internal": false }, { "name": "min", "type": "number", "attribute": "min", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "If the type is \"number\" then you can use min property." }, "internal": false }, { "name": "max", "type": "number", "attribute": "max", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "If the type is \"number\" then you can use max property." }, "internal": false }, { "name": "step", "type": "any", "attribute": "step", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'any'", "complexType": { "original": "number | 'any'", "resolved": "\"any\" | number", "references": {} }, "docs": { "tags": [], "text": "If the type is \"number\" then you can use step property." }, "internal": false }, { "name": "value", "type": "string", "attribute": "value", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "''", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Field value" }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'medium'", "complexType": { "original": "InputSizes", "resolved": "\"large\" | \"medium\" | \"small\"", "references": { "InputSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::InputSizes" } } }, "docs": { "tags": [], "text": "The input's size." }, "internal": false }, { "name": "labelSize", "type": "string", "attribute": "label-size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'medium'", "complexType": { "original": "LabelSizes", "resolved": "\"large\" | \"medium\" | \"small\"", "references": { "LabelSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::LabelSizes" } } }, "docs": { "tags": [], "text": "The label input's size." }, "internal": false }, { "name": "autocomplete", "type": "string", "attribute": "autocomplete", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'off'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "The input's autocomplete policy." }, "internal": false }, { "name": "icon", "type": "string", "attribute": "icon", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Add an icon on the left side before the value" }, "internal": false }, { "name": "pattern", "type": "string", "attribute": "pattern", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "A regular expression that the value is checked against. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information." }, "internal": false }, { "name": "clearable", "type": "boolean", "attribute": "clearable", "reflect": false, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Display a cross icon that clears the input value. Does not work if used with \"unit\" property due to design conflict." }, "internal": false } ], "shadowDelegatesFocus": null, "states": [ { "name": "inputType" }, { "name": "passwordShown" }, { "name": "focusing" } ] }, { "tag": "joy-label", "path": "./src/components/JoyLabel/label.js", "source": "./src/components/JoyLabel/label.tsx", "elementRef": "host", "componentClassName": "Label", "assetsDirs": [], "dependencies": [], "dependents": [ "joy-counter", "joy-input", "joy-radio-group", "joy-select", "joy-textarea", "joy-time-saving-calculator" ], "directDependencies": [], "directDependents": [ "joy-counter", "joy-input", "joy-radio-group", "joy-select", "joy-textarea" ], "docs": { "tags": [], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'medium'", "complexType": { "original": "LabelSizes", "resolved": "\"large\" | \"medium\" | \"small\"", "references": { "LabelSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::LabelSizes" } } }, "docs": { "tags": [], "text": "Label size *" }, "internal": false }, { "name": "htmlFor", "type": "string", "attribute": "html-for", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "for attribute to associate label to an input *" }, "internal": false }, { "name": "required", "type": "boolean", "attribute": "required", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Required status of parent form field *" }, "internal": false }, { "name": "optionalLabel", "type": "string", "attribute": "optional-label", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Inject the right wording if your field is not required. the \"-\" separator is already handled internally. *" }, "internal": false }, { "name": "customClass", "type": "string", "attribute": "custom-class", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "In some frameworks, conflicts can occur between framework class binding, and scoped classes. As a workaround, you can use this prop." }, "internal": false } ], "shadowDelegatesFocus": null, "states": [] }, { "tag": "joy-link", "path": "./src/components/JoyLink/link.js", "source": "./src/components/JoyLink/link.tsx", "elementRef": null, "componentClassName": "Link", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [], "directDependencies": [ "joy-icon" ], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "href", "type": "string", "attribute": "href", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Set the href of your link" }, "internal": false }, { "name": "download", "type": "string", "attribute": "download", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Filename of the downloadable content" }, "internal": false }, { "name": "rel", "type": "string", "attribute": "rel", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Native rel attribute for hyperlinks. See https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/rel" }, "internal": false }, { "name": "target", "type": "string", "attribute": "target", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "HyperLinksTargets", "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined", "references": { "HyperLinksTargets": { "location": "import", "path": "@/types", "id": "src/types/index.ts::HyperLinksTargets" } } }, "docs": { "tags": [], "text": "Native target attribute for hyperlinks." }, "internal": false }, { "name": "icon", "type": "string", "attribute": "icon", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Icon name if you want to display one, before the text" }, "internal": false }, { "name": "theme", "type": "string", "attribute": "theme", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'teal'", "complexType": { "original": "LinksColors", "resolved": "\"teal\" | \"white\"", "references": { "LinksColors": { "location": "import", "path": "@/types", "id": "src/types/index.ts::LinksColors" } } }, "docs": { "tags": [], "text": "Color theme. Default is teal, you can set white theme for darker backgrounds." }, "internal": false } ], "shadowDelegatesFocus": null, "states": [] }, { "tag": "joy-pagination", "path": "./src/components/JoyPagination/pagination.js", "source": "./src/components/JoyPagination/pagination.tsx", "elementRef": null, "componentClassName": "Pagination", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [], "directDependencies": [ "joy-icon" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "pagination-prev - Link to go to previous page. Use if it contains too many custom attributes for tracking or whatever." }, { "name": "slot", "text": "pagination-next - Link to go to next page. Use if it contains too many custom attributes for tracking or whatever." }, { "name": "slot", "text": "pagination-pages - Loop over your pages. Use if it contains too many custom attributes for tracking or whatever." } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-pagination-change-page", "method": "changePage", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "use @joyChangePage=\"yourMethod\" for Vue apps, to handle pagination change. Clicked page is returned" }, "complexType": { "original": "number", "resolved": "number", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "currentPage", "type": "number", "attribute": "current-page", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "1", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Current page number" }, "internal": false }, { "name": "totalPages", "type": "number", "attribute": "total-pages", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "1", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Total number of pages in order to construct the pagination" }, "internal": false }, { "name": "labelPagination", "type": "string", "attribute": "label-pagination", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Can be used as aria-label attribute for the full component" }, "internal": false }, { "name": "labelPrev", "type": "string", "attribute": "label-prev", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "''", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Can be used as title and aria-label attributes for the previous CTA" }, "internal": false }, { "name": "linkPrev", "type": "string", "attribute": "link-prev", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "For synchrone implementations (not SPA, basically), allows to inject the URL for previous CTA" }, "internal": false }, { "name": "heapPrev", "type": "string", "attribute": "heap-prev", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "data-heap attribute for previous CTA. We should avoid as much as possible to use this kind of props inside the webcomponents" }, "internal": false }, { "name": "labelNext", "type": "string", "attribute": "label-next", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "''", "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Can be used as title and aria-label attributes for the next CTA" }, "internal": false }, { "name": "linkNext", "type": "string", "attribute": "link-next", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "For synchrone implementations (not SPA, basically), allows to inject the URL for next CTA" }, "internal": false }, { "name": "heapNext", "type": "string", "attribute": "heap-next", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "data-heap attribute for next CTA. We should avoid as much as possible to use this kind of props inside the webcomponents" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [ { "name": "pages" } ] }, { "tag": "joy-panel", "path": "./src/components/JoyPanel/panel.js", "source": "./src/components/JoyPanel/panel.tsx", "elementRef": "host", "componentClassName": "JoyPanel", "assetsDirs": [], "dependencies": [ "joy-wrapper" ], "dependents": [], "directDependencies": [ "joy-wrapper" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "panel-title - Title of the panel. Mandatory" }, { "name": "slot", "text": "panel-title-action - CTA in top right corner. Not mandatory" }, { "name": "slot", "text": "panel-subtitle - Subtitle of the panel. Not mandatory" }, { "name": "slot", "text": "panel-body - All the content you need in your panel. Insert what you want here" }, { "name": "slot", "text": "panel-action - If you need a CTA, use this. You can call it as many times as you need" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-wrapper" ], "properties": [ { "name": "padding", "type": "string", "attribute": "padding", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "PanelSizes", "resolved": "\"large\" | \"medium\" | \"small\" | undefined", "references": { "PanelSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::PanelSizes" } } }, "docs": { "tags": [], "text": "Manually fix the padding you want. By default, it will use 3 sizes and automatically resize depending on screen size. *" }, "internal": false }, { "name": "noMargin", "type": "boolean", "attribute": "no-margin", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Remove the bottom margin set by default. Useful for responsive purpose and used in joy-template when joy-panel in a direct slot children *" }, "internal": false }, { "name": "flex", "type": "string", "attribute": "flex", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "When panel is used in a wrapper, you can use this prop to set its flex-grow. *" }, "internal": false }, { "name": "titleSize", "type": "string", "attribute": "title-size", "reflect": false, "mutable": false, "required": false, "optional": false, "defaultValue": "'large'", "complexType": { "original": "'small' | 'large'", "resolved": "\"large\" | \"small\"", "references": {} }, "docs": { "tags": [], "text": "Default to large. 2 possibles values : small or large" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-panel-section", "path": "./src/components/JoyPanelSection/panel-section.js", "source": "./src/components/JoyPanelSection/panel-section.tsx", "elementRef": null, "componentClassName": "JoyPanelSection", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "panel-section-title - Title of the panel-section" }, { "name": "slot", "text": "panel-section-content - Main panel-section content" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-product-tour", "path": "./src/components/JoyProductTour/product-tour.js", "source": "./src/components/JoyProductTour/product-tour.tsx", "elementRef": "host", "componentClassName": "ProductTour", "assetsDirs": [], "dependencies": [ "joy-icon", "joy-product-tour-spotlight" ], "dependents": [], "directDependencies": [ "joy-product-tour-spotlight", "joy-icon" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "product-tour-preheader - If you need to insert specific content before the actual title" }, { "name": "slot", "text": "product-tour-header - The product-tour main title" }, { "name": "slot", "text": "product-tour-content - The product-tour main content" }, { "name": "slot", "text": "product-tour-dismiss - Product-tour CTA made to cancel component. Can be used multiple times if needed" }, { "name": "slot", "text": "product-tour-next - Product-tour CTA made to trigger another product-tour instance. Use joy-product-tour-trigger component for this." } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-product-tour-dismiss", "method": "joyProductTourDismiss", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "HTMLJoyProductTourElement", "resolved": "HTMLJoyProductTourElement", "references": { "HTMLJoyProductTourElement": { "location": "global", "id": "global::HTMLJoyProductTourElement" } } }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "showProductTour", "docs": { "text": "", "tags": [ { "name": "param", "text": "fromElement - Specify which DOM element you want to highlight with your product tour" }, { "name": "param", "text": "chainingProductTour - Specify if we want to show the product tour after another to prevent backdrop animation" }, { "name": "param", "text": "callback - Function triggered after product-tour display" } ] }, "complexType": { "signature": "(fromElement: HTMLElement, chainingProductTour?: boolean, callback?: () => T) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "fromElement - Specify which DOM element you want to highlight with your product tour" } ], "text": "- Specify which DOM element you want to highlight with your product tour" }, { "tags": [ { "name": "param", "text": "chainingProductTour - Specify if we want to show the product tour after another to prevent backdrop animation" } ], "text": "- Specify if we want to show the product tour after another to prevent backdrop animation" }, { "tags": [ { "name": "param", "text": "callback - Function triggered after product-tour display" } ], "text": "- Function triggered after product-tour display" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" }, "HTMLElement": { "location": "global", "id": "global::HTMLElement" }, "T": { "location": "global", "id": "global::T" } }, "return": "Promise" }, "internal": false }, { "name": "closeProductTour", "docs": { "text": "", "tags": [] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [ "joy-product-tour-spotlight", "joy-icon" ], "properties": [ { "name": "icon", "type": "string", "attribute": "icon", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Icon name, placed left to the title" }, "internal": false }, { "name": "steps", "type": "number", "attribute": "steps", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "1", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "If multiple product tour are need, specify the amount" }, "internal": false }, { "name": "step", "type": "number", "attribute": "step", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "1", "complexType": { "original": "number | undefined", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "If multiple product tour are need, specify the current step number" }, "internal": false }, { "name": "position", "type": "string", "attribute": "position", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'right'", "complexType": { "original": "Positions", "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"", "references": { "Positions": { "location": "import", "path": "@/types", "id": "src/types/index.ts::Positions" } } }, "docs": { "tags": [], "text": "Product tour position according to highlighted content" }, "internal": false }, { "name": "open", "type": "boolean", "attribute": "open", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Product tour open state" }, "internal": false }, { "name": "maxWidth", "type": "number", "attribute": "max-width", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "500", "complexType": { "original": "number | undefined", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "Set a max width for your container" }, "internal": false }, { "name": "dismissedBy", "type": "string", "attribute": "dismissed-by", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'not-backdrop'", "complexType": { "original": "'all' | 'not-backdrop'", "resolved": "\"all\" | \"not-backdrop\"", "references": {} }, "docs": { "tags": [ { "name": "Deprecated", "text": "- Not used once\nProduct-tour can be hidden by 3 elements by default, dismiss bottom CTA, top-right corner icon, and backdrop. If you don't want the backdrop click to close the product-tour, use \"not-backdrop\" value." } ], "text": "" }, "internal": false }, { "name": "disableOverlay", "type": "boolean", "attribute": "disable-overlay", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Overlay is useful to prevent user interactions with elements that are below when the product tour is open.\nIt can be disabled if the highlighted target element needs to be interactive but one of its parent node has its own stacking context (e.g. a parent with a lower z-index).\nThen the whole page will be interactive." }, "internal": false }, { "name": "spotlightPadding", "type": "number", "attribute": "spotlight-padding", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "8", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Padding around the spotlight area. Value in pixel" }, "internal": false }, { "name": "spotlightSelector", "type": "string", "attribute": "spotlight-selector", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Element that we need to spotlight. Needs to work with querySelector. Can be only one element." }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-product-tour-spotlight", "path": "./src/components/JoyProductTour/product-tour-spotlight/product-tour-spotlight.js", "source": "./src/components/JoyProductTour/product-tour-spotlight/product-tour-spotlight.tsx", "elementRef": null, "componentClassName": "ProductTourSpotlight", "assetsDirs": [], "dependencies": [], "dependents": [ "joy-product-tour" ], "directDependencies": [], "directDependents": [ "joy-product-tour" ], "docs": { "tags": [ { "name": "internal", "text": "*" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": true, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-product-tour-trigger", "path": "./src/components/JoyProductTourTrigger/product-tour-trigger.js", "source": "./src/components/JoyProductTourTrigger/product-tour-trigger.tsx", "elementRef": "host", "componentClassName": "ProductTourTrigger", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "productTour", "type": "string", "attribute": "product-tour", "reflect": true, "mutable": false, "required": true, "optional": false, "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "The ID of the product tour you want to show. Required *" }, "internal": false }, { "name": "step", "type": "number", "attribute": "step", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "number", "resolved": "number | undefined", "references": {} }, "docs": { "tags": [], "text": "For dialogs containing joy-indicators with multiple steps, you can specify a step number *" }, "internal": false }, { "name": "target", "type": "string", "attribute": "target", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Target of the trigger. If none given, it will be this component. *" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-radio", "path": "./src/components/JoyRadio/radio.js", "source": "./src/components/JoyRadio/radio.tsx", "elementRef": "el", "componentClassName": "Radio", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "default - Text of your radio" }, { "name": "slot", "text": "radio-content - Additional content injected right after the label. You can call the slot multiple times." }, { "name": "slot", "text": "expandable-content - When selecting a radio item, use this slot to display additional content" } ], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "joy-radio-click", "method": "joyRadioClick", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "When radio is selected *" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false }, { "name": "joy-radio-focus", "method": "joyRadioFocus", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "When radio is focused *" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false }, { "name": "joy-radio-blur", "method": "joyRadioBlur", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "When radio is blurred *" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "setFocus", "docs": { "text": "", "tags": [ { "name": "internal" }, { "name": "param", "text": "ev" } ] }, "complexType": { "signature": "(ev: any) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "ev" } ], "text": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": true }, { "name": "setButtonTabindex", "docs": { "text": "", "tags": [ { "name": "internal" }, { "name": "param", "text": "value" } ] }, "complexType": { "signature": "(value: number) => Promise", "parameters": [ { "tags": [ { "name": "param", "text": "value" } ], "text": "" } ], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": true } ], "potentialCmpRefs": [], "properties": [ { "name": "required", "type": "boolean", "attribute": "required", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Field is required" }, "internal": false }, { "name": "checked", "type": "boolean", "attribute": "checked", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "If `true`, the radio is selected." }, "internal": false }, { "name": "name", "type": "string", "attribute": "name", "reflect": true, "mutable": false, "required": true, "optional": false, "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Field name. Given by parent component" }, "internal": false }, { "name": "disabled", "type": "boolean", "attribute": "disabled", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "If `true`, the user cannot interact with the radio." }, "internal": false }, { "name": "value", "type": "any", "attribute": "value", "reflect": true, "mutable": true, "required": false, "optional": true, "complexType": { "original": "any | null", "resolved": "any", "references": {} }, "docs": { "tags": [], "text": "the value of the radio." }, "internal": false }, { "name": "theme", "type": "string", "attribute": "theme", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'default'", "complexType": { "original": "FormPickerThemes", "resolved": "\"default\" | \"outline\"", "references": { "FormPickerThemes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::FormPickerThemes" } } }, "docs": { "tags": [], "text": "Defines the theme of the radio 'default' or 'outline'" }, "internal": false } ], "shadowDelegatesFocus": null, "states": [ { "name": "invalid" }, { "name": "buttonTabindex" } ] }, { "tag": "joy-radio-group", "path": "./src/components/JoyRadioGroup/radio-group.js", "source": "./src/components/JoyRadioGroup/radio-group.tsx", "elementRef": "el", "componentClassName": "RadioGroup", "assetsDirs": [], "dependencies": [ "joy-form-error", "joy-icon", "joy-label" ], "dependents": [], "directDependencies": [ "joy-label", "joy-form-error" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "radio-group-label - If you want to inject a label for your radio group, use this slot (not mandatory)" }, { "name": "slot", "text": "default - Use joy-radio tags with this slot (mandatory)" } ], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "value-change", "method": "valueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Emitted when the value has changed. WARNING : this event has a generic name used by other form elements !\nUsing it can create conflicts !" }, "complexType": { "original": "RadioGroupValue", "resolved": "{ value: string; }", "references": { "RadioGroupValue": { "location": "global", "id": "global::RadioGroupValue" } } }, "internal": false }, { "name": "joy-radio-group-value-change", "method": "joyRadioGroupValueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Emitted when the value has changed. Use this specific event if you use expandable options containing various inputs." }, "complexType": { "original": "RadioGroupValue", "resolved": "{ value: string; }", "references": { "RadioGroupValue": { "location": "global", "id": "global::RadioGroupValue" } } }, "internal": false } ], "internal": false, "listeners": [ { "name": "keydown", "method": "onKeydown", "capture": false, "passive": false, "target": "document" } ], "methods": [], "potentialCmpRefs": [ "joy-label", "joy-form-error" ], "properties": [ { "name": "name", "type": "string", "attribute": "name", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "this.inputId", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "The name of the control, which is submitted with the form data." }, "internal": false }, { "name": "invalid", "type": "boolean", "attribute": "invalid", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Invalid state of the radio group" }, "internal": false }, { "name": "invalidText", "type": "string", "attribute": "invalid-text", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Invalid message" }, "internal": false }, { "name": "direction", "type": "string", "attribute": "direction", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'horizontal'", "complexType": { "original": "'vertical' | 'horizontal'", "resolved": "\"horizontal\" | \"vertical\"", "references": {} }, "docs": { "tags": [], "text": "Label displayed for the whoe radio group." }, "internal": false }, { "name": "value", "type": "any", "attribute": "value", "reflect": true, "mutable": true, "required": false, "optional": true, "complexType": { "original": "any | null", "resolved": "any", "references": {} }, "docs": { "tags": [], "text": "the value of the radio group." }, "internal": false }, { "name": "required", "type": "boolean", "attribute": "required", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Display the required mark or not. Default to false." }, "internal": false }, { "name": "requiredMark", "type": "boolean", "attribute": "required-mark", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Display the required mark or not. Default to false." }, "internal": false }, { "name": "label", "type": "string", "attribute": "label", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "The label text." }, "internal": false }, { "name": "labelSize", "type": "string", "attribute": "label-size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'medium'", "complexType": { "original": "LabelSizes", "resolved": "\"large\" | \"medium\" | \"small\"", "references": { "LabelSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::LabelSizes" } } }, "docs": { "tags": [], "text": "The label input's size." }, "internal": false } ], "shadowDelegatesFocus": null, "states": [] }, { "tag": "joy-rating-stars", "path": "./src/components/JoyRatingStars/rating-stars.js", "source": "./src/components/JoyRatingStars/rating-stars.tsx", "elementRef": null, "componentClassName": "RatingStars", "assetsDirs": [], "dependencies": [], "dependents": [ "joy-user-card" ], "directDependencies": [], "directDependents": [ "joy-user-card" ], "docs": { "tags": [ { "name": "slot", "text": "rating-stars-slot - Generic slot to add some additional content that requires translations, not only numbers." } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "ratingValue", "type": "number", "attribute": "rating-value", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "0", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "The actual rating, between 0 and 5." }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'medium'", "complexType": { "original": "RatingStarsSizes", "resolved": "\"large\" | \"medium\" | \"small\"", "references": { "RatingStarsSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::RatingStarsSizes" } } }, "docs": { "tags": [], "text": "Star size. 3 possible values but you can't give a number as value" }, "internal": false }, { "name": "reviewCount", "type": "number", "attribute": "review-count", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "0", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Review count. it will be displayed with parenthesis : (5)" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-select", "path": "./src/components/JoySelect/select.js", "source": "./src/components/JoySelect/select.tsx", "elementRef": "host", "componentClassName": "Select", "assetsDirs": [], "dependencies": [ "joy-icon", "joy-label" ], "dependents": [], "directDependencies": [ "joy-label", "joy-icon" ], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "value-change", "method": "valueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Generic custom event name. Name is used by any form field *" }, "complexType": { "original": "{element: HTMLJoySelectElement; value?: string}", "resolved": "{ element: HTMLJoySelectElement; value?: string | undefined; }", "references": { "HTMLJoySelectElement": { "location": "global", "id": "global::HTMLJoySelectElement" } } }, "internal": false }, { "name": "joy-select-change", "method": "joySelectChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Custom event that returns the component instance and its actual value. Bound to select native event *" }, "complexType": { "original": "{element: HTMLJoySelectElement; value?: string}", "resolved": "{ element: HTMLJoySelectElement; value?: string | undefined; }", "references": { "HTMLJoySelectElement": { "location": "global", "id": "global::HTMLJoySelectElement" } } }, "internal": false } ], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-label", "joy-icon" ], "properties": [ { "name": "disabled", "type": "boolean", "attribute": "disabled", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Disabled state. *" }, "internal": false }, { "name": "invalid", "type": "boolean", "attribute": "invalid", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Invalid state. *" }, "internal": false }, { "name": "invalidMessage", "type": "string", "attribute": "invalid-message", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'Field is required'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Invalid state message. *" }, "internal": false }, { "name": "name", "type": "string", "attribute": "name", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'dropdown'", "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "Select name attribute to be found by parent form. *" }, "internal": false }, { "name": "required", "type": "boolean", "attribute": "required", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Mandatory or not. *" }, "internal": false }, { "name": "value", "type": "string", "attribute": "value", "reflect": true, "mutable": true, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Mandatory or not. *" }, "internal": false }, { "name": "requiredMark", "type": "boolean", "attribute": "required-mark", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Display the required mark or not. Default to false." }, "internal": false }, { "name": "label", "type": "string", "attribute": "label", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "The label text." }, "internal": false }, { "name": "labelSize", "type": "string", "attribute": "label-size", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "LabelSizes", "resolved": "\"large\" | \"medium\" | \"small\" | undefined", "references": { "LabelSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::LabelSizes" } } }, "docs": { "tags": [], "text": "The label input's size." }, "internal": false }, { "name": "optionalLabel", "type": "string", "attribute": "optional-label", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Inject the right wording if your field is not required. the \"-\" separator is already handled internally. *" }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "'medium'", "complexType": { "original": "SelectSizes", "resolved": "\"medium\" | \"small\" | \"xsmall\" | undefined", "references": { "SelectSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::SelectSizes" } } }, "docs": { "tags": [], "text": "Default to medium. Use small size for complex and heavy forms. *" }, "internal": false } ], "shadowDelegatesFocus": null, "states": [] }, { "tag": "joy-selectable-item", "path": "./src/components/JoySelectableItem/selectable-item.js", "source": "./src/components/JoySelectableItem/selectable-item.tsx", "elementRef": "host", "componentClassName": "SelectableItem", "assetsDirs": [], "dependencies": [ "joy-checkbox" ], "dependents": [], "directDependencies": [ "joy-checkbox" ], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "default - The default slot for a single line label" }, { "name": "slot", "text": "selectable-item-sublabel - Slot used to render a sublabel (won't be bold if item is selected)" } ], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "value-change", "method": "valueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "ChangeDetail", "resolved": "{ value: string; checked: boolean; name: string | null; }", "references": { "ChangeDetail": { "location": "import", "path": "../JoySelectableItemGroup/selectable-item.interfaces", "id": "src/components/JoySelectableItemGroup/selectable-item.interfaces.ts::ChangeDetail" } } }, "internal": false }, { "name": "joy-selectable-item-change", "method": "joySelectableItemChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "Partial", "resolved": "{ value?: string | undefined; checked?: boolean | undefined; name?: string | null | undefined; }", "references": { "Partial": { "location": "global", "id": "global::Partial" }, "ChangeDetail": { "location": "import", "path": "../JoySelectableItemGroup/selectable-item.interfaces", "id": "src/components/JoySelectableItemGroup/selectable-item.interfaces.ts::ChangeDetail" } } }, "internal": false } ], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-checkbox" ], "properties": [ { "name": "name", "type": "string", "attribute": "name", "reflect": true, "mutable": false, "required": false, "optional": false, "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Name property for form participation *" }, "internal": false }, { "name": "disabled", "type": "boolean", "attribute": "disabled", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Disabled state *" }, "internal": false }, { "name": "checked", "type": "boolean", "attribute": "checked", "reflect": true, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Checked state *" }, "internal": false }, { "name": "value", "type": "string", "attribute": "value", "reflect": true, "mutable": false, "required": true, "optional": false, "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "If you use this component with a joy-checkbox as slot: set the value only on the joy-checkbox, it will be automatically applied to it's parent *" }, "internal": false }, { "name": "required", "type": "boolean", "attribute": "required", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Required state *" }, "internal": false } ], "shadowDelegatesFocus": null, "states": [] }, { "tag": "joy-selectable-item-group", "path": "./src/components/JoySelectableItemGroup/selectable-item-group.js", "source": "./src/components/JoySelectableItemGroup/selectable-item-group.tsx", "elementRef": "host", "componentClassName": "SelectableItemGroup", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "default - To display the list of joy-selectable-item." }, { "name": "slot", "text": "selectable-item-group-label - Use joy-label directly with this slot to display a label for the whole item group." } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "value-change", "method": "valueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "{value: string; checked: boolean}", "resolved": "{ value: string; checked: boolean; }", "references": {} }, "internal": false }, { "name": "joy-selectable-item-group-change", "method": "joySelectableItemGroupChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "{value: string; checked: boolean} | string[]", "resolved": "string[] | { value: string; checked: boolean; }", "references": {} }, "internal": false } ], "internal": false, "listeners": [ { "name": "joy-selectable-item-change", "method": "unselectOtherItems", "capture": false, "passive": false } ], "methods": [ { "name": "getSelectedItemsValue", "docs": { "text": "If multiple is true, returns an array of all checked children joy-selectable-item values\nIf multiple is false, returns value prop", "tags": [ { "name": "return" } ] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false } ], "potentialCmpRefs": [], "properties": [ { "name": "multiple", "type": "boolean", "attribute": "multiple", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "If multiple is set to true, it will display joy-checkboxes inside selectable-item children elements. If not, a hidden radio box is included *" }, "internal": false }, { "name": "fullWidth", "type": "boolean", "attribute": "full-width", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "If set to true, css flex rule will by applied in order to take all horizontal space available *" }, "internal": false }, { "name": "value", "type": "string", "attribute": "value", "reflect": false, "mutable": true, "required": false, "optional": true, "complexType": { "original": "string | string[]", "resolved": "string | string[] | undefined", "references": {} }, "docs": { "tags": [], "text": "Selected item *" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-snackbar", "path": "./src/components/JoySnackbar/snackbar.js", "source": "./src/components/JoySnackbar/snackbar.tsx", "elementRef": "el", "componentClassName": "Snackbar", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [], "directDependencies": [ "joy-icon" ], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-snackbar-trigger-action", "method": "joySnackbarTriggerAction", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Fire snackbar custom action. Nothing is returned" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "level", "type": "string", "attribute": "level", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'success'", "complexType": { "original": "SnackbarLevels", "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"", "references": { "SnackbarLevels": { "location": "import", "path": "@/types", "id": "src/types/index.ts::SnackbarLevels" } } }, "docs": { "tags": [], "text": "The criticality level of your notification. Range from simple info to error." }, "internal": false }, { "name": "header", "type": "string", "attribute": "header", "reflect": false, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Not mandatory. Inject a title before the actual content" }, "internal": false }, { "name": "dangerousHtmlMessage", "type": "string", "attribute": "dangerous-html-message", "reflect": false, "mutable": false, "required": true, "optional": false, "complexType": { "original": "string", "resolved": "string", "references": {} }, "docs": { "tags": [], "text": "HTML with your custom message injected in the component. It won't be escaped so please be careful with XSS !" }, "internal": false }, { "name": "actionText", "type": "string", "attribute": "action-text", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "If you need to create an action link within the snackbar simply pass its text. Clicking on it will trigger a custom event" }, "internal": false }, { "name": "duration", "type": "any", "attribute": "duration", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "5000", "complexType": { "original": "number | 'forever'", "resolved": "\"forever\" | number", "references": {} }, "docs": { "tags": [], "text": "Time in ms the snackbar is displayed. Give 'forever' to be able to display the snackbar without timeout" }, "internal": false }, { "name": "closable", "type": "boolean", "attribute": "closable", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean | undefined", "references": {} }, "docs": { "tags": [], "text": "Display an icon to close the notification manually" }, "internal": false }, { "name": "position", "type": "string", "attribute": "position", "reflect": true, "mutable": false, "required": false, "optional": true, "defaultValue": "'fixed'", "complexType": { "original": "'fixed' | 'relative'", "resolved": "\"fixed\" | \"relative\" | undefined", "references": {} }, "docs": { "tags": [], "text": "By default, the snackbar will be displayed in a fixed position at the bottom of the page. You can override this behavior by setting position=\"relative\"" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [ { "name": "id" } ] }, { "tag": "joy-spinner", "path": "./src/components/JoySpinner/spinner.js", "source": "./src/components/JoySpinner/spinner.tsx", "elementRef": null, "componentClassName": "JoySpinner", "assetsDirs": [], "dependencies": [], "dependents": [ "joy-bottom-sheet", "joy-button", "joy-dialog", "joy-drawer", "joy-dropzone" ], "directDependencies": [], "directDependents": [ "joy-button", "joy-dropzone" ], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "color", "type": "string", "attribute": "color", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "'teal' | 'white'", "resolved": "\"teal\" | \"white\" | undefined", "references": {} }, "docs": { "tags": [], "text": "Spinner colors, 2 possible values but not any by default. Simply use css custom properties to customize" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-step", "path": "./src/components/JoyStep/step.js", "source": "./src/components/JoyStep/step.tsx", "elementRef": null, "componentClassName": "Step", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "default - Step label" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-step-sub-steps-change", "method": "joyStepSubStepsChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "" }, "complexType": { "original": "void", "resolved": "void", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "size", "type": "string", "attribute": "size", "reflect": false, "mutable": false, "required": false, "optional": false, "defaultValue": "'default'", "complexType": { "original": "'small' | 'default'", "resolved": "\"default\" | \"small\"", "references": {} }, "docs": { "tags": [], "text": "Default or small." }, "internal": false }, { "name": "subSteps", "type": "number", "attribute": "sub-steps", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "1", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Total number of sub steps. Value 1 meens no sub step." }, "internal": false }, { "name": "completed", "type": "boolean", "attribute": "completed", "reflect": false, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [ { "name": "internal", "text": "If the step is completed. This property is provided by joy-stepper. You don't have to specify it manually." } ], "text": "" }, "internal": true }, { "name": "currentSubStep", "type": "number", "attribute": "current-sub-step", "reflect": false, "mutable": false, "required": false, "optional": false, "defaultValue": "0", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [ { "name": "internal", "text": "Current sub step. This property is provided by joy-stepper. You don't have to specify it manually." } ], "text": "" }, "internal": true } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-stepper", "path": "./src/components/JoyStepper/stepper.js", "source": "./src/components/JoyStepper/stepper.tsx", "elementRef": "host", "componentClassName": "Stepper", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "default - Use it to inject your `joy-step` items" } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [ { "name": "joy-step-sub-steps-change", "method": "listenSubStepsChange", "capture": false, "passive": false } ], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "step", "type": "number", "attribute": "step", "reflect": true, "mutable": false, "required": true, "optional": false, "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Current step number. Starts from 1." }, "internal": false }, { "name": "subStep", "type": "number", "attribute": "sub-step", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "1", "complexType": { "original": "number", "resolved": "number", "references": {} }, "docs": { "tags": [], "text": "Current sub step number. Starts from 1. Should be specified when the current step has sub steps." }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-tag", "path": "./src/components/JoyTag/tag.js", "source": "./src/components/JoyTag/tag.tsx", "elementRef": "host", "componentClassName": "JoyTag", "assetsDirs": [], "dependencies": [ "joy-icon" ], "dependents": [ "joy-time-saving-calculator" ], "directDependencies": [ "joy-icon" ], "directDependents": [ "joy-time-saving-calculator" ], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [ { "name": "joy-tag-click", "method": "joyTagClick", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Fired only if we've set the clickable prop" }, "complexType": { "original": "{name: string; selected: boolean}", "resolved": "{ name: string; selected: boolean; }", "references": {} }, "internal": false }, { "name": "joy-tag-remove", "method": "joyTagRemove", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Fired only if we've click on removable tag" }, "complexType": { "original": "string", "resolved": "string", "references": {} }, "internal": false } ], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [ "joy-icon" ], "properties": [ { "name": "removable", "type": "boolean", "attribute": "removable", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Display an icon CTA on the right, to remove the tag from a list. Only for primary/secondary" }, "internal": false }, { "name": "selectable", "type": "boolean", "attribute": "selectable", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Mock a radio like style. Nothing more. Only for primary/secondary" }, "internal": false }, { "name": "href", "type": "string", "attribute": "href", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "string", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "If the tag is a link, give it a href" }, "internal": false }, { "name": "target", "type": "string", "attribute": "target", "reflect": true, "mutable": false, "required": false, "optional": true, "complexType": { "original": "HyperLinksTargets", "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined", "references": { "HyperLinksTargets": { "location": "import", "path": "@/types", "id": "src/types/index.ts::HyperLinksTargets" } } }, "docs": { "tags": [], "text": "Native target attribute for hyperlinks." }, "internal": false }, { "name": "variant", "type": "string", "attribute": "variant", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'primary'", "complexType": { "original": "TagVariants", "resolved": "\"important\" | \"inactive\" | \"pending\" | \"pricing\" | \"primary\" | \"secondary\" | \"special\"", "references": { "TagVariants": { "location": "import", "path": "@/types", "id": "src/types/index.ts::TagVariants" } } }, "docs": { "tags": [], "text": "Tag color theme" }, "internal": false }, { "name": "size", "type": "string", "attribute": "size", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'medium'", "complexType": { "original": "TagSizes", "resolved": "\"large\" | \"medium\" | \"small\" | \"xsmall\"", "references": { "TagSizes": { "location": "import", "path": "@/types", "id": "src/types/index.ts::TagSizes" } } }, "docs": { "tags": [], "text": "Tag size. Default is medium" }, "internal": false }, { "name": "rel", "type": "string", "attribute": "rel", "reflect": false, "mutable": false, "required": false, "optional": false, "complexType": { "original": "string | undefined", "resolved": "string | undefined", "references": {} }, "docs": { "tags": [], "text": "Specifies the relationship of the target object to the link object." }, "internal": false }, { "name": "selected", "type": "boolean", "attribute": "selected", "reflect": false, "mutable": true, "required": false, "optional": false, "defaultValue": "false", "complexType": { "original": "boolean", "resolved": "boolean", "references": {} }, "docs": { "tags": [], "text": "Set the tag as selected. Needs to be added with selectable prop as well" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-tags-list", "path": "./src/components/JoyTagsList/tags-list.js", "source": "./src/components/JoyTagsList/tags-list.tsx", "elementRef": "el", "componentClassName": "JoyTagsList", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [ { "name": "align", "type": "string", "attribute": "align", "reflect": true, "mutable": false, "required": false, "optional": false, "defaultValue": "'left'", "complexType": { "original": "'center' | 'left' | 'right'", "resolved": "\"center\" | \"left\" | \"right\"", "references": {} }, "docs": { "tags": [], "text": "Tags justify-content strategy. *" }, "internal": false } ], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-text", "path": "./src/components/JoyText/text.js", "source": "./src/components/JoyText/text.tsx", "elementRef": null, "componentClassName": "Text", "assetsDirs": [], "dependencies": [], "dependents": [], "directDependencies": [], "directDependents": [], "docs": { "tags": [ { "name": "slot", "text": "default - The actual text." } ], "text": "" }, "encapsulation": "shadow", "excludeFromCollection": false, "events": [], "internal": false, "listeners": [], "methods": [], "potentialCmpRefs": [], "properties": [], "shadowDelegatesFocus": false, "states": [] }, { "tag": "joy-textarea", "path": "./src/components/JoyTextarea/textarea.js", "source": "./src/components/JoyTextarea/textarea.tsx", "elementRef": "el", "componentClassName": "JoyTextarea", "assetsDirs": [], "dependencies": [ "joy-icon", "joy-label" ], "dependents": [], "directDependencies": [ "joy-icon", "joy-label" ], "directDependents": [], "docs": { "tags": [], "text": "" }, "encapsulation": "scoped", "excludeFromCollection": false, "events": [ { "name": "value-change", "method": "valueChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Emitted when the value has changed. Generic event used by all other form fields" }, "complexType": { "original": "{value: string}", "resolved": "{ value: string; }", "references": {} }, "internal": false }, { "name": "joy-textarea-change", "method": "joyTextareaChange", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Emitted when the input value has changed." }, "complexType": { "original": "{value: string}", "resolved": "{ value: string; }", "references": {} }, "internal": false }, { "name": "joy-textarea-input", "method": "joyTextareaInput", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Emitted when a keyboard input occurred." }, "complexType": { "original": "KeyboardEvent", "resolved": "KeyboardEvent", "references": { "KeyboardEvent": { "location": "global", "id": "global::KeyboardEvent" } } }, "internal": false }, { "name": "joy-textarea-blur", "method": "joyTextareaBlur", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Emitted when the input loses focus." }, "complexType": { "original": "FocusEvent", "resolved": "FocusEvent", "references": { "FocusEvent": { "location": "global", "id": "global::FocusEvent" } } }, "internal": false }, { "name": "joy-textarea-focus", "method": "joyTextareaFocus", "bubbles": true, "cancelable": true, "composed": true, "docs": { "tags": [], "text": "Emitted when the input has focus." }, "complexType": { "original": "FocusEvent", "resolved": "FocusEvent", "references": { "FocusEvent": { "location": "global", "id": "global::FocusEvent" } } }, "internal": false } ], "internal": false, "listeners": [], "methods": [ { "name": "setFocus", "docs": { "text": "Sets focus on the native `textarea` in `ion-textarea`. Use this method instead of the global\n`textarea.focus()`.", "tags": [] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": false }, { "name": "setBlur", "docs": { "text": "Sets blur on the native `textarea` in `ion-textarea`. Use this method instead of the global\n`textarea.blur()`.", "tags": [ { "name": "internal" } ] }, "complexType": { "signature": "() => Promise", "parameters": [], "references": { "Promise": { "location": "global", "id": "global::Promise" } }, "return": "Promise" }, "internal": true }, { "name": "getInputElement", "docs": { "text": "Returns the textarea nested in the component shadowDOM", "tags": [ { "name": "return", "text": "- Returns the native `