@rededor/cura 1.6.1-alpha.8 → 1.6.1-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/app-globals-28c6f5c4.js.map +1 -1
- package/dist/cjs/cura-accordion_18.cjs.entry.js +1 -1
- package/dist/cjs/cura-accordion_18.cjs.entry.js.map +1 -1
- package/dist/cjs/cura-checkbox.cjs.entry.js +4 -3
- package/dist/cjs/cura-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/cura-radio.cjs.entry.js +4 -3
- package/dist/cjs/cura-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/cura-switch.cjs.entry.js +4 -4
- package/dist/cjs/cura-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/cura.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/cura-avatar/cura-avatar.js +34 -16
- package/dist/collection/components/cura-avatar/cura-avatar.js.map +1 -1
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.css +5 -7
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.js +31 -6
- package/dist/collection/components/forms/cura-checkbox/cura-checkbox.js.map +1 -1
- package/dist/collection/components/forms/cura-input-text/cura-input-text.js +1 -1
- package/dist/collection/components/forms/cura-radio/cura-radio.css +8 -11
- package/dist/collection/components/forms/cura-radio/cura-radio.js +31 -6
- package/dist/collection/components/forms/cura-radio/cura-radio.js.map +1 -1
- package/dist/collection/components/forms/cura-switch/cura-switch.css +1 -4
- package/dist/collection/components/forms/cura-switch/cura-switch.js +31 -7
- package/dist/collection/components/forms/cura-switch/cura-switch.js.map +1 -1
- package/dist/components/cura-avatar.js +1 -1
- package/dist/components/cura-avatar.js.map +1 -1
- package/dist/components/cura-checkbox.js +6 -4
- package/dist/components/cura-checkbox.js.map +1 -1
- package/dist/components/cura-radio.js +6 -4
- package/dist/components/cura-radio.js.map +1 -1
- package/dist/components/cura-switch.js +6 -5
- package/dist/components/cura-switch.js.map +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/cura/cura.esm.js +1 -1
- package/dist/cura/cura.esm.js.map +1 -1
- package/dist/cura/p-0c25333f.js.map +1 -1
- package/dist/cura/p-0ccde0ff.entry.js +2 -0
- package/dist/cura/p-0ccde0ff.entry.js.map +1 -0
- package/dist/cura/p-7a68835f.entry.js +2 -0
- package/dist/cura/p-7a68835f.entry.js.map +1 -0
- package/dist/cura/{p-84c18273.entry.js → p-b5d8a26b.entry.js} +2 -2
- package/dist/cura/p-b5d8a26b.entry.js.map +1 -0
- package/dist/cura/p-d8e1e182.entry.js +2 -0
- package/dist/cura/p-d8e1e182.entry.js.map +1 -0
- package/dist/esm/app-globals-ca1945d1.js.map +1 -1
- package/dist/esm/cura-accordion_18.entry.js +1 -1
- package/dist/esm/cura-accordion_18.entry.js.map +1 -1
- package/dist/esm/cura-checkbox.entry.js +4 -3
- package/dist/esm/cura-checkbox.entry.js.map +1 -1
- package/dist/esm/cura-radio.entry.js +4 -3
- package/dist/esm/cura-radio.entry.js.map +1 -1
- package/dist/esm/cura-switch.entry.js +4 -4
- package/dist/esm/cura-switch.entry.js.map +1 -1
- package/dist/esm/cura.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/cura-avatar/cura-avatar.d.ts +37 -0
- package/dist/types/components/forms/cura-checkbox/cura-checkbox.d.ts +17 -4
- package/dist/types/components/forms/cura-radio/cura-radio.d.ts +17 -4
- package/dist/types/components/forms/cura-switch/cura-switch.d.ts +16 -3
- package/dist/types/components.d.ts +126 -24
- package/package.json +2 -2
- package/dist/cura/p-03feed94.entry.js +0 -2
- package/dist/cura/p-03feed94.entry.js.map +0 -1
- package/dist/cura/p-84c18273.entry.js.map +0 -1
- package/dist/cura/p-b84924e1.entry.js +0 -2
- package/dist/cura/p-b84924e1.entry.js.map +0 -1
- package/dist/cura/p-b856b946.entry.js +0 -2
- package/dist/cura/p-b856b946.entry.js.map +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -7,7 +7,7 @@ import './static-090f0088.js';
|
|
|
7
7
|
const defineCustomElements = async (win, options) => {
|
|
8
8
|
if (typeof window === 'undefined') return undefined;
|
|
9
9
|
await globalScripts();
|
|
10
|
-
return bootstrapLazy(JSON.parse("[[\"cura-accordion_18\",[[1,\"cura-dropdown-search\",{\"name\":[513],\"size\":[513],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"placeholder\":[513],\"label\":[513],\"icon\":[513],\"maxheight\":[513],\"value\":[1025],\"searchdelay\":[514],\"searchminchars\":[514],\"styles\":[32],\"zoomState\":[32],\"isOnFocus\":[32],\"dropdownItems\":[32],\"setFocus\":[64],\"selectOption\":[64]}],[65,\"cura-button\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\"]}],[1,\"cura-accordion-item\",{\"label\":[513],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"colorMode\":[1,\"color-mode\"],\"level\":[514],\"opened\":[1540],\"styles\":[32]}],[1,\"cura-badge-distance\",{\"distance\":[2],\"label\":[513],\"styles\":[32],\"displayDistance\":[32]},null,{\"distance\":[\"formatDistance\"]}],[1,\"cura-dropdown-search-category\"],[1,\"cura-accordion\",{\"color\":[513],\"colorMode\":[513,\"color-mode\"],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"behavior\":[513],\"level\":[514],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"]}],[1,\"cura-avatar\",{\"size\":[1],\"backgroundColor\":[513,\"background-color\"],\"borderColor\":[513,\"border-color\"],\"borderRadius\":[513,\"border-radius\"],\"border\":[516],\"type\":[513],\"imageSrc\":[1537,\"image-src\"],\"imageSrcDefault\":[513,\"image-src-default\"],\"floating\":[516],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"]}],[1,\"cura-dropdown-search-option\",{\"value\":[1],\"optionid\":[1],\"selectable\":[516],\"selected\":[516],\"highlighted\":[516]}],[1,\"cura-page-template\",{\"contentwidth\":[513]}],[65,\"cura-input-text\",{\"mode\":[1537],\"status\":[1537],\"size\":[1537],\"type\":[513],\"inputMode\":[513,\"input-mode\"],\"label\":[513],\"name\":[513],\"placeholder\":[513],\"value\":[1544],\"iconName\":[1537,\"icon-name\"],\"helperText\":[1537,\"helper-text\"],\"disabled\":[516],\"required\":[516],\"maskPreset\":[8,\"mask-preset\"],\"enableSelectionMode\":[1540,\"enable-selection-mode\"],\"maskRegex\":[1537,\"mask-regex\"],\"maskAdvanced\":[1544,\"mask-advanced\"],\"maxlength\":[1538],\"readOnly\":[516,\"read-only\"],\"isLoading\":[1540,\"is-loading\"],\"clearIcon\":[1540,\"clear-icon\"],\"hideErrorIcon\":[4,\"hide-error-icon\"],\"autocomplete\":[513],\"isHovered\":[32],\"isFocused\":[32],\"styles\":[32],\"setFocus\":[64]},null,{\"styles\":[\"connectedCallback\"],\"size\":[\"getClasses\"],\"status\":[\"renderIcon\"],\"mode\":[\"renderIcon\"],\"maskPreset\":[\"initializeMask\"],\"maskRegex\":[\"initializeMask\"],\"maskAdvanced\":[\"initializeMask\"]}],[65,\"cura-select\",{\"label\":[513],\"placeholder\":[513],\"value\":[1537],\"mode\":[513],\"size\":[513],\"iconName\":[1,\"icon-name\"],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"searchBehavior\":[516,\"search-behavior\"],\"caseSensitive\":[516,\"case-sensitive\"],\"isHovered\":[32],\"isFocused\":[32],\"isOpen\":[32],\"options\":[32],\"activeIndex\":[32],\"textInput\":[32]},null,{\"activeIndex\":[\"updateOptionHighlights\"],\"textInput\":[\"filterOptions\"],\"value\":[\"handleValueChange\"]}],[1,\"cura-select-option\",{\"value\":[513],\"selected\":[516],\"active\":[516],\"size\":[1],\"styles\":[32]},null,{\"size\":[\"getSize\"]}],[65,\"cura-button-transparent\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"hovered\":[32],\"styles\":[32]},null,{\"fontColor\":[\"getSymbolColor\"],\"color\":[\"getSymbolColor\"]}],[1,\"cura-paragraph\",{\"size\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-heading\",{\"level\":[514],\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-loader-circle\",{\"size\":[513],\"color\":[513]}],[1,\"cura-icon\",{\"name\":[513],\"color\":[1],\"size\":[8],\"iconset\":[513],\"disabled\":[4]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"colorHandler\"],\"disabled\":[\"colorHandler\"]}],[1,\"cura-label\",{\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"spotColor\":[\"handleChangeColor\"]}]]],[\"cura-input-date\",[[65,\"cura-input-date\",{\"label\":[513],\"status\":[1537],\"size\":[513],\"name\":[513],\"helperText\":[513,\"helper-text\"],\"enableRangeDates\":[516,\"enable-range-dates\"],\"disableFutureDates\":[516,\"disable-future-dates\"],\"disablePassDates\":[516,\"disable-pass-dates\"],\"iconName\":[513,\"icon-name\"],\"placeholder\":[513],\"styles\":[32],\"isCalendarVisible\":[32],\"dates\":[32],\"value\":[32],\"dateSettings\":[32]},[[8,\"click\",\"handleClick\"]],{\"enableRangeDates\":[\"updateDateSettings\"]}]]],[\"cura-stepper\",[[1,\"cura-stepper\",{\"activeStepIndex\":[514,\"active-step-index\"],\"errorInCurrentStep\":[516,\"error-in-current-step\"],\"displayHeading\":[516,\"display-heading\"],\"variant\":[513],\"steps\":[1],\"styles\":[32],\"stepList\":[32]}]]],[\"cura-tooltip\",[[1,\"cura-tooltip\",{\"elementId\":[1,\"element-id\"],\"interactive\":[4],\"delay\":[2],\"maxWidth\":[1,\"max-width\"],\"position\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"isMobile\":[32]},[[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"cura-modal\",[[1,\"cura-modal\",{\"open\":[1540],\"background\":[1],\"top\":[2],\"bottom\":[2],\"left\":[2],\"right\":[2],\"mobileCloseLabel\":[513,\"mobile-close-label\"],\"zindex\":[513],\"styles\":[32]},null,{\"background\":[\"setColors\"],\"top\":[\"setTop\"],\"bottom\":[\"setBottom\"],\"left\":[\"setLeft\"],\"right\":[\"setRight\"]}]]],[\"cura-toast\",[[1,\"cura-toast\",{\"type\":[1],\"position\":[1],\"icon\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"loader\":[516],\"autoCloseDelay\":[514,\"auto-close-delay\"],\"styles\":[32],\"progress\":[32],\"close\":[64]},null,{\"type\":[\"handleChangeType\"],\"position\":[\"handleChangeType\"]}]]],[\"cura-alert\",[[1,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[\"setColors\"]}]]],[\"cura-button-outline\",[[65,\"cura-button-outline\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[1],\"fontColor\":[1,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\",\"getSymbolColor\"],\"fontColor\":[\"getSymbolColor\"]}]]],[\"cura-badge-counter\",[[1,\"cura-badge-counter\",{\"number\":[514],\"color\":[1],\"disabled\":[4],\"type\":[1],\"styles\":[32]},null,{\"disabled\":[\"handleColorChange\"],\"color\":[\"handleColorChange\"],\"type\":[\"handleColorChange\"]}]]],[\"cura-button-select\",[[1,\"cura-button-select\",{\"selected\":[1540],\"iconName\":[1537,\"icon-name\"],\"size\":[513],\"counter\":[1538],\"disabled\":[516],\"background\":[1],\"color\":[1],\"iconPosition\":[513,\"icon-position\"],\"hovered\":[32],\"styles\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\"]}]]],[\"cura-checkbox\",[[65,\"cura-checkbox\",{\"checked\":[1540],\"indeterminate\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"size\":[513],\"background\":[1],\"iconColor\":[1,\"icon-color\"],\"color\":[1],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\",\"assignColor\"],\"iconColor\":[\"assignColor\"]}]]],[\"cura-icons-view\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-radio\",[[65,\"cura-radio\",{\"checked\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"background\":[1],\"size\":[1],\"color\":[1],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\",\"assignColor\"]}]]],[\"cura-dropdown-search-not-found\",[[1,\"cura-dropdown-search-not-found\"]]],[\"cura-switch\",[[65,\"cura-switch\",{\"checked\":[1540],\"disabled\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"size\":[513],\"background\":[1],\"color\":[1],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\"]}]]],[\"cura-badge-dot\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-card\",[[1,\"cura-card\",{\"hasPadding\":[1028,\"has-padding\"],\"hasShadow\":[1028,\"has-shadow\"],\"type\":[1025],\"colorMode\":[1025,\"color-mode\"],\"href\":[1537],\"target\":[513],\"styles\":[32]}]]],[\"cura-display\",[[1,\"cura-display\",{\"level\":[514],\"size\":[513],\"spotColor\":[1,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"spotColor\":[\"handleChangeColor\"]}]]],[\"cura-calendar\",[[1,\"cura-calendar\",{\"period\":[513],\"width\":[513],\"minWidth\":[513,\"min-width\"],\"maxWidth\":[513,\"max-width\"],\"mode\":[513],\"dateFormat\":[1537,\"date-format\"],\"locale\":[513],\"type\":[513],\"disable\":[16],\"enable\":[16],\"defaultDate\":[1537,\"default-date\"],\"showToday\":[516,\"show-today\"],\"customDates\":[16],\"limitRange\":[514,\"limit-range\"],\"disablePassDates\":[1540,\"disable-pass-dates\"],\"disableFutureDates\":[1540,\"disable-future-dates\"],\"collapsed\":[1540],\"floating\":[1540],\"embedded\":[1540],\"selectLabelColorMode\":[1537,\"select-label-color-mode\"],\"selectedDates\":[32],\"rangeStart\":[32],\"defaultDates\":[32],\"currentDate\":[32],\"selectMonth\":[32],\"selectYear\":[32],\"styles\":[32]},null,{\"defaultDate\":[\"initializeDefaultDates\",\"handleDefaultDateChange\"],\"customDates\":[\"watchDefaultDatesArray\"]}]]],[\"cura-loader-bar\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"progress\":[\"handleProgress\"]}]]],[\"cura-badge-pill\",[[1,\"cura-badge-pill\",{\"type\":[513],\"color\":[1],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"disabled\":[516],\"iconOnly\":[516,\"icon-only\"],\"borderRadius\":[513,\"border-radius\"],\"styles\":[32]},null,{\"color\":[\"watchColorChange\"]}]]],[\"cura-progress-bar_2\",[[1,\"cura-stepper-item\",{\"displayHeading\":[516,\"display-heading\"],\"heading\":[513],\"label\":[513],\"status\":[513],\"styles\":[32]}],[1,\"cura-progress-bar\",{\"progressColor\":[513,\"progress-color\"],\"progress\":[514],\"size\":[514],\"strokeWidth\":[514,\"stroke-width\"],\"active\":[516]}]]]]"), options);
|
|
10
|
+
return bootstrapLazy(JSON.parse("[[\"cura-accordion_18\",[[1,\"cura-dropdown-search\",{\"name\":[513],\"size\":[513],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"placeholder\":[513],\"label\":[513],\"icon\":[513],\"maxheight\":[513],\"value\":[1025],\"searchdelay\":[514],\"searchminchars\":[514],\"styles\":[32],\"zoomState\":[32],\"isOnFocus\":[32],\"dropdownItems\":[32],\"setFocus\":[64],\"selectOption\":[64]}],[65,\"cura-button\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\"]}],[1,\"cura-accordion-item\",{\"label\":[513],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"colorMode\":[1,\"color-mode\"],\"level\":[514],\"opened\":[1540],\"styles\":[32]}],[1,\"cura-badge-distance\",{\"distance\":[2],\"label\":[513],\"styles\":[32],\"displayDistance\":[32]},null,{\"distance\":[\"formatDistance\"]}],[1,\"cura-dropdown-search-category\"],[1,\"cura-accordion\",{\"color\":[513],\"colorMode\":[513,\"color-mode\"],\"iconSize\":[514,\"icon-size\"],\"labelIcon\":[513,\"label-icon\"],\"openIcon\":[513,\"open-icon\"],\"closeIcon\":[513,\"close-icon\"],\"iconColor\":[513,\"icon-color\"],\"behavior\":[513],\"level\":[514],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"]}],[1,\"cura-avatar\",{\"size\":[1],\"backgroundColor\":[513,\"background-color\"],\"borderColor\":[513,\"border-color\"],\"borderRadius\":[513,\"border-radius\"],\"border\":[516],\"type\":[513],\"imageSrc\":[1537,\"image-src\"],\"imageSrcDefault\":[513,\"image-src-default\"],\"floating\":[516],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"]}],[1,\"cura-dropdown-search-option\",{\"value\":[1],\"optionid\":[1],\"selectable\":[516],\"selected\":[516],\"highlighted\":[516]}],[1,\"cura-page-template\",{\"contentwidth\":[513]}],[65,\"cura-input-text\",{\"mode\":[1537],\"status\":[1537],\"size\":[1537],\"type\":[513],\"inputMode\":[513,\"input-mode\"],\"label\":[513],\"name\":[513],\"placeholder\":[513],\"value\":[1544],\"iconName\":[1537,\"icon-name\"],\"helperText\":[1537,\"helper-text\"],\"disabled\":[516],\"required\":[516],\"maskPreset\":[8,\"mask-preset\"],\"enableSelectionMode\":[1540,\"enable-selection-mode\"],\"maskRegex\":[1537,\"mask-regex\"],\"maskAdvanced\":[1544,\"mask-advanced\"],\"maxlength\":[1538],\"readOnly\":[516,\"read-only\"],\"isLoading\":[1540,\"is-loading\"],\"clearIcon\":[1540,\"clear-icon\"],\"hideErrorIcon\":[4,\"hide-error-icon\"],\"autocomplete\":[513],\"isHovered\":[32],\"isFocused\":[32],\"styles\":[32],\"setFocus\":[64]},null,{\"styles\":[\"connectedCallback\"],\"size\":[\"getClasses\"],\"status\":[\"renderIcon\"],\"mode\":[\"renderIcon\"],\"maskPreset\":[\"initializeMask\"],\"maskRegex\":[\"initializeMask\"],\"maskAdvanced\":[\"initializeMask\"]}],[65,\"cura-select\",{\"label\":[513],\"placeholder\":[513],\"value\":[1537],\"mode\":[513],\"size\":[513],\"iconName\":[1,\"icon-name\"],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"searchBehavior\":[516,\"search-behavior\"],\"caseSensitive\":[516,\"case-sensitive\"],\"isHovered\":[32],\"isFocused\":[32],\"isOpen\":[32],\"options\":[32],\"activeIndex\":[32],\"textInput\":[32]},null,{\"activeIndex\":[\"updateOptionHighlights\"],\"textInput\":[\"filterOptions\"],\"value\":[\"handleValueChange\"]}],[1,\"cura-select-option\",{\"value\":[513],\"selected\":[516],\"active\":[516],\"size\":[1],\"styles\":[32]},null,{\"size\":[\"getSize\"]}],[65,\"cura-button-transparent\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[513],\"fontColor\":[513,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"hovered\":[32],\"styles\":[32]},null,{\"fontColor\":[\"getSymbolColor\"],\"color\":[\"getSymbolColor\"]}],[1,\"cura-paragraph\",{\"size\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-heading\",{\"level\":[514],\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[513],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]}],[1,\"cura-loader-circle\",{\"size\":[513],\"color\":[513]}],[1,\"cura-icon\",{\"name\":[513],\"color\":[1],\"size\":[8],\"iconset\":[513],\"disabled\":[4]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"colorHandler\"],\"disabled\":[\"colorHandler\"]}],[1,\"cura-label\",{\"size\":[513],\"weight\":[513],\"spotColor\":[513,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"textOverflow\":[513,\"text-overflow\"],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"spotColor\":[\"handleChangeColor\"]}]]],[\"cura-input-date\",[[65,\"cura-input-date\",{\"label\":[513],\"status\":[1537],\"size\":[513],\"name\":[513],\"helperText\":[513,\"helper-text\"],\"enableRangeDates\":[516,\"enable-range-dates\"],\"disableFutureDates\":[516,\"disable-future-dates\"],\"disablePassDates\":[516,\"disable-pass-dates\"],\"iconName\":[513,\"icon-name\"],\"placeholder\":[513],\"styles\":[32],\"isCalendarVisible\":[32],\"dates\":[32],\"value\":[32],\"dateSettings\":[32]},[[8,\"click\",\"handleClick\"]],{\"enableRangeDates\":[\"updateDateSettings\"]}]]],[\"cura-stepper\",[[1,\"cura-stepper\",{\"activeStepIndex\":[514,\"active-step-index\"],\"errorInCurrentStep\":[516,\"error-in-current-step\"],\"displayHeading\":[516,\"display-heading\"],\"variant\":[513],\"steps\":[1],\"styles\":[32],\"stepList\":[32]}]]],[\"cura-tooltip\",[[1,\"cura-tooltip\",{\"elementId\":[1,\"element-id\"],\"interactive\":[4],\"delay\":[2],\"maxWidth\":[1,\"max-width\"],\"position\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"isMobile\":[32]},[[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"cura-modal\",[[1,\"cura-modal\",{\"open\":[1540],\"background\":[1],\"top\":[2],\"bottom\":[2],\"left\":[2],\"right\":[2],\"mobileCloseLabel\":[513,\"mobile-close-label\"],\"zindex\":[513],\"styles\":[32]},null,{\"background\":[\"setColors\"],\"top\":[\"setTop\"],\"bottom\":[\"setBottom\"],\"left\":[\"setLeft\"],\"right\":[\"setRight\"]}]]],[\"cura-toast\",[[1,\"cura-toast\",{\"type\":[1],\"position\":[1],\"icon\":[513],\"label\":[513],\"closeButton\":[516,\"close-button\"],\"loader\":[516],\"autoCloseDelay\":[514,\"auto-close-delay\"],\"styles\":[32],\"progress\":[32],\"close\":[64]},null,{\"type\":[\"handleChangeType\"],\"position\":[\"handleChangeType\"]}]]],[\"cura-alert\",[[1,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[\"setColors\"]}]]],[\"cura-button-outline\",[[65,\"cura-button-outline\",{\"type\":[513],\"size\":[513],\"disabled\":[516],\"isLoading\":[516,\"is-loading\"],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"iconPosition\":[513,\"icon-position\"],\"iconOnly\":[516,\"icon-only\"],\"href\":[513],\"target\":[513],\"color\":[1],\"background\":[1],\"fontColor\":[1,\"font-color\"],\"textAlign\":[513,\"text-align\"],\"justify\":[516],\"styles\":[32],\"hovered\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\",\"getSymbolColor\"],\"fontColor\":[\"getSymbolColor\"]}]]],[\"cura-badge-counter\",[[1,\"cura-badge-counter\",{\"number\":[514],\"color\":[1],\"disabled\":[4],\"type\":[1],\"styles\":[32]},null,{\"disabled\":[\"handleColorChange\"],\"color\":[\"handleColorChange\"],\"type\":[\"handleColorChange\"]}]]],[\"cura-button-select\",[[1,\"cura-button-select\",{\"selected\":[1540],\"iconName\":[1537,\"icon-name\"],\"size\":[513],\"counter\":[1538],\"disabled\":[516],\"background\":[1],\"color\":[1],\"iconPosition\":[513,\"icon-position\"],\"hovered\":[32],\"styles\":[32]},null,{\"background\":[\"setColors\"],\"color\":[\"setColors\"]}]]],[\"cura-checkbox\",[[65,\"cura-checkbox\",{\"checked\":[1540],\"indeterminate\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"size\":[513],\"background\":[1],\"iconColor\":[1,\"icon-color\"],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\",\"assignColor\"],\"iconColor\":[\"assignColor\"]}]]],[\"cura-icons-view\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-radio\",[[65,\"cura-radio\",{\"checked\":[1540],\"status\":[1537],\"disabled\":[516],\"required\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"value\":[513],\"name\":[513],\"background\":[1],\"size\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\",\"assignColor\"]}]]],[\"cura-dropdown-search-not-found\",[[1,\"cura-dropdown-search-not-found\"]]],[\"cura-switch\",[[65,\"cura-switch\",{\"checked\":[1540],\"disabled\":[516],\"label\":[513],\"ontabindex\":[514],\"position\":[513],\"size\":[513],\"background\":[1],\"color\":[1],\"overflowLabel\":[513,\"overflow-label\"],\"overflowHelper\":[513,\"overflow-helper\"],\"styles\":[32]},null,{\"size\":[\"sizeHandler\"],\"color\":[\"setColors\"],\"background\":[\"setColors\"]}]]],[\"cura-badge-dot\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-card\",[[1,\"cura-card\",{\"hasPadding\":[1028,\"has-padding\"],\"hasShadow\":[1028,\"has-shadow\"],\"type\":[1025],\"colorMode\":[1025,\"color-mode\"],\"href\":[1537],\"target\":[513],\"styles\":[32]}]]],[\"cura-display\",[[1,\"cura-display\",{\"level\":[514],\"size\":[513],\"spotColor\":[1,\"spot-color\"],\"color\":[1],\"marginBlock\":[513,\"margin-block\"],\"lineHeight\":[513,\"line-height\"],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"spotColor\":[\"handleChangeColor\"]}]]],[\"cura-calendar\",[[1,\"cura-calendar\",{\"period\":[513],\"width\":[513],\"minWidth\":[513,\"min-width\"],\"maxWidth\":[513,\"max-width\"],\"mode\":[513],\"dateFormat\":[1537,\"date-format\"],\"locale\":[513],\"type\":[513],\"disable\":[16],\"enable\":[16],\"defaultDate\":[1537,\"default-date\"],\"showToday\":[516,\"show-today\"],\"customDates\":[16],\"limitRange\":[514,\"limit-range\"],\"disablePassDates\":[1540,\"disable-pass-dates\"],\"disableFutureDates\":[1540,\"disable-future-dates\"],\"collapsed\":[1540],\"floating\":[1540],\"embedded\":[1540],\"selectLabelColorMode\":[1537,\"select-label-color-mode\"],\"selectedDates\":[32],\"rangeStart\":[32],\"defaultDates\":[32],\"currentDate\":[32],\"selectMonth\":[32],\"selectYear\":[32],\"styles\":[32]},null,{\"defaultDate\":[\"initializeDefaultDates\",\"handleDefaultDateChange\"],\"customDates\":[\"watchDefaultDatesArray\"]}]]],[\"cura-loader-bar\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"progress\":[\"handleProgress\"]}]]],[\"cura-badge-pill\",[[1,\"cura-badge-pill\",{\"type\":[513],\"color\":[1],\"iconName\":[513,\"icon-name\"],\"iconset\":[513],\"disabled\":[516],\"iconOnly\":[516,\"icon-only\"],\"borderRadius\":[513,\"border-radius\"],\"styles\":[32]},null,{\"color\":[\"watchColorChange\"]}]]],[\"cura-progress-bar_2\",[[1,\"cura-stepper-item\",{\"displayHeading\":[516,\"display-heading\"],\"heading\":[513],\"label\":[513],\"status\":[513],\"styles\":[32]}],[1,\"cura-progress-bar\",{\"progressColor\":[513,\"progress-color\"],\"progress\":[514],\"size\":[514],\"strokeWidth\":[514,\"stroke-width\"],\"active\":[516]}]]]]"), options);
|
|
11
11
|
};
|
|
12
12
|
|
|
13
13
|
export { defineCustomElements };
|
|
@@ -1,13 +1,50 @@
|
|
|
1
1
|
export declare class CuraAvatar {
|
|
2
2
|
host: HTMLElement;
|
|
3
|
+
/**
|
|
4
|
+
* Size of the avatar. Values: 80, 40, 32, 24.
|
|
5
|
+
* @default 80
|
|
6
|
+
*/
|
|
3
7
|
size: '80' | '40' | '32' | '24';
|
|
8
|
+
/**
|
|
9
|
+
* Background color of the avatar.
|
|
10
|
+
* Accepts any color from the theme.
|
|
11
|
+
* @default neutral-purewhite
|
|
12
|
+
*/
|
|
4
13
|
backgroundColor: string;
|
|
14
|
+
/**
|
|
15
|
+
* Border color of the avatar.
|
|
16
|
+
* Accepts any color from the theme.
|
|
17
|
+
*/
|
|
5
18
|
borderColor: string;
|
|
19
|
+
/**
|
|
20
|
+
* Border radius of the avatar.
|
|
21
|
+
* @default 50%
|
|
22
|
+
*/
|
|
6
23
|
borderRadius: string;
|
|
24
|
+
/**
|
|
25
|
+
* Show border of the avatar.
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
7
28
|
border: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Type of the avatar.
|
|
31
|
+
* @default default
|
|
32
|
+
*/
|
|
8
33
|
type: 'default' | 'branding';
|
|
34
|
+
/**
|
|
35
|
+
* Image source of the avatar.
|
|
36
|
+
* Accepts any image source. If not provided, the default image will be used.
|
|
37
|
+
*/
|
|
9
38
|
imageSrc: string;
|
|
39
|
+
/**
|
|
40
|
+
* Default image source of the avatar.
|
|
41
|
+
* Some predefined images are available in the design system assets folder.
|
|
42
|
+
*/
|
|
10
43
|
imageSrcDefault: string;
|
|
44
|
+
/**
|
|
45
|
+
* Floating state of the avatar.
|
|
46
|
+
* @default false
|
|
47
|
+
*/
|
|
11
48
|
floating: boolean;
|
|
12
49
|
styles: {};
|
|
13
50
|
sizeHandler(size: string): void;
|
|
@@ -64,10 +64,23 @@ export declare class CuraCheckbox {
|
|
|
64
64
|
*/
|
|
65
65
|
color: string;
|
|
66
66
|
/**
|
|
67
|
-
*
|
|
68
|
-
*
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
* Controls how the label text should handle overflow.
|
|
68
|
+
* - `'none'`: No overflow handling; the label displays normally.
|
|
69
|
+
* - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
|
|
70
|
+
* - `string`: Custom overflow handling mode.
|
|
71
|
+
*
|
|
72
|
+
* @default 'none'
|
|
73
|
+
*/
|
|
74
|
+
overflowLabel: 'none' | 'single' | string;
|
|
75
|
+
/**
|
|
76
|
+
* Controls how the helper text should handle overflow.
|
|
77
|
+
* - `'none'`: No overflow handling; the label displays normally.
|
|
78
|
+
* - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
|
|
79
|
+
* - `string`: Custom overflow handling mode.
|
|
80
|
+
*
|
|
81
|
+
* @default 'none'
|
|
82
|
+
*/
|
|
83
|
+
overflowHelper: 'none' | 'single' | string;
|
|
71
84
|
styles: {};
|
|
72
85
|
host: HTMLElement;
|
|
73
86
|
onchange: EventEmitter<{
|
|
@@ -54,10 +54,23 @@ export declare class CuraRadio {
|
|
|
54
54
|
*/
|
|
55
55
|
color: string;
|
|
56
56
|
/**
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
* Controls how the label text should handle overflow.
|
|
58
|
+
* - `'none'`: No overflow handling; the label displays normally.
|
|
59
|
+
* - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
|
|
60
|
+
* - `string`: Custom overflow handling mode.
|
|
61
|
+
*
|
|
62
|
+
* @default 'none'
|
|
63
|
+
*/
|
|
64
|
+
overflowLabel: 'none' | 'single' | string;
|
|
65
|
+
/**
|
|
66
|
+
* Controls how the helper text should handle overflow.
|
|
67
|
+
* - `'none'`: No overflow handling; the label displays normally.
|
|
68
|
+
* - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
|
|
69
|
+
* - `string`: Custom overflow handling mode.
|
|
70
|
+
*
|
|
71
|
+
* @default 'none'
|
|
72
|
+
*/
|
|
73
|
+
overflowHelper: 'none' | 'single' | string;
|
|
61
74
|
styles: {};
|
|
62
75
|
host: HTMLElement;
|
|
63
76
|
onchange: EventEmitter<{
|
|
@@ -37,10 +37,23 @@ export declare class CuraSwitch {
|
|
|
37
37
|
*/
|
|
38
38
|
color: string;
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
41
|
-
*
|
|
40
|
+
* Controls how the label text should handle overflow.
|
|
41
|
+
* - `'none'`: No overflow handling; the label displays normally.
|
|
42
|
+
* - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
|
|
43
|
+
* - `string`: Custom overflow handling mode.
|
|
44
|
+
*
|
|
45
|
+
* @default 'none'
|
|
42
46
|
*/
|
|
43
|
-
|
|
47
|
+
overflowLabel: 'none' | 'single' | string;
|
|
48
|
+
/**
|
|
49
|
+
* Controls how the helper text should handle overflow.
|
|
50
|
+
* - `'none'`: No overflow handling; the label displays normally.
|
|
51
|
+
* - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
|
|
52
|
+
* - `string`: Custom overflow handling mode.
|
|
53
|
+
*
|
|
54
|
+
* @default 'none'
|
|
55
|
+
*/
|
|
56
|
+
overflowHelper: 'none' | 'single' | string;
|
|
44
57
|
styles: {};
|
|
45
58
|
onchange: EventEmitter<{
|
|
46
59
|
checked: boolean;
|
|
@@ -73,14 +73,47 @@ export namespace Components {
|
|
|
73
73
|
"type": 'info' | 'success' | 'warning' | 'error';
|
|
74
74
|
}
|
|
75
75
|
interface CuraAvatar {
|
|
76
|
+
/**
|
|
77
|
+
* Background color of the avatar. Accepts any color from the theme.
|
|
78
|
+
* @default neutral-purewhite
|
|
79
|
+
*/
|
|
76
80
|
"backgroundColor": string;
|
|
81
|
+
/**
|
|
82
|
+
* Show border of the avatar.
|
|
83
|
+
* @default false
|
|
84
|
+
*/
|
|
77
85
|
"border": boolean;
|
|
86
|
+
/**
|
|
87
|
+
* Border color of the avatar. Accepts any color from the theme.
|
|
88
|
+
*/
|
|
78
89
|
"borderColor": string;
|
|
90
|
+
/**
|
|
91
|
+
* Border radius of the avatar.
|
|
92
|
+
* @default 50%
|
|
93
|
+
*/
|
|
79
94
|
"borderRadius": string;
|
|
95
|
+
/**
|
|
96
|
+
* Floating state of the avatar.
|
|
97
|
+
* @default false
|
|
98
|
+
*/
|
|
80
99
|
"floating": boolean;
|
|
100
|
+
/**
|
|
101
|
+
* Image source of the avatar. Accepts any image source. If not provided, the default image will be used.
|
|
102
|
+
*/
|
|
81
103
|
"imageSrc": string;
|
|
104
|
+
/**
|
|
105
|
+
* Default image source of the avatar. Some predefined images are available in the design system assets folder.
|
|
106
|
+
*/
|
|
82
107
|
"imageSrcDefault": string;
|
|
108
|
+
/**
|
|
109
|
+
* Size of the avatar. Values: 80, 40, 32, 24.
|
|
110
|
+
* @default 80
|
|
111
|
+
*/
|
|
83
112
|
"size": '80' | '40' | '32' | '24';
|
|
113
|
+
/**
|
|
114
|
+
* Type of the avatar.
|
|
115
|
+
* @default default
|
|
116
|
+
*/
|
|
84
117
|
"type": 'default' | 'branding';
|
|
85
118
|
}
|
|
86
119
|
interface CuraBadgeCounter {
|
|
@@ -509,6 +542,16 @@ export namespace Components {
|
|
|
509
542
|
* Specifies the tabindex of the checkbox.
|
|
510
543
|
*/
|
|
511
544
|
"ontabindex": number;
|
|
545
|
+
/**
|
|
546
|
+
* Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
547
|
+
* @default 'none'
|
|
548
|
+
*/
|
|
549
|
+
"overflowHelper": 'none' | 'single' | string;
|
|
550
|
+
/**
|
|
551
|
+
* Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
552
|
+
* @default 'none'
|
|
553
|
+
*/
|
|
554
|
+
"overflowLabel": 'none' | 'single' | string;
|
|
512
555
|
/**
|
|
513
556
|
* Position of the label relative to the checkbox. Can be 'left' or 'right'.
|
|
514
557
|
*/
|
|
@@ -525,10 +568,6 @@ export namespace Components {
|
|
|
525
568
|
* Status of the checkbox. Can be 'error', 'success', or 'default'.
|
|
526
569
|
*/
|
|
527
570
|
"status": 'error' | 'success' | 'default';
|
|
528
|
-
/**
|
|
529
|
-
* Apply text-overflow ellipsis definitions. Default to none
|
|
530
|
-
*/
|
|
531
|
-
"textOverflow": 'none' | 'single' | string;
|
|
532
571
|
/**
|
|
533
572
|
* Value associated with the checkbox.
|
|
534
573
|
*/
|
|
@@ -982,6 +1021,16 @@ export namespace Components {
|
|
|
982
1021
|
* Specifies the tabindex of the radio button.
|
|
983
1022
|
*/
|
|
984
1023
|
"ontabindex": number;
|
|
1024
|
+
/**
|
|
1025
|
+
* Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
1026
|
+
* @default 'none'
|
|
1027
|
+
*/
|
|
1028
|
+
"overflowHelper": 'none' | 'single' | string;
|
|
1029
|
+
/**
|
|
1030
|
+
* Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
1031
|
+
* @default 'none'
|
|
1032
|
+
*/
|
|
1033
|
+
"overflowLabel": 'none' | 'single' | string;
|
|
985
1034
|
/**
|
|
986
1035
|
* Position of the label relative to the radio button. Can be 'left' or 'right'.
|
|
987
1036
|
*/
|
|
@@ -998,10 +1047,6 @@ export namespace Components {
|
|
|
998
1047
|
* Status of the radio button. Can be 'error', 'success', or 'default'.
|
|
999
1048
|
*/
|
|
1000
1049
|
"status": 'error' | 'success' | 'default';
|
|
1001
|
-
/**
|
|
1002
|
-
* Apply text-overflow ellipsis definitions. Default to none
|
|
1003
|
-
*/
|
|
1004
|
-
"textOverflow": 'none' | 'single' | string;
|
|
1005
1050
|
/**
|
|
1006
1051
|
* Value associated with the radio button.
|
|
1007
1052
|
*/
|
|
@@ -1121,6 +1166,16 @@ export namespace Components {
|
|
|
1121
1166
|
* Tab index for the switch element. Reflects as an HTML attribute.
|
|
1122
1167
|
*/
|
|
1123
1168
|
"ontabindex": number;
|
|
1169
|
+
/**
|
|
1170
|
+
* Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
1171
|
+
* @default 'none'
|
|
1172
|
+
*/
|
|
1173
|
+
"overflowHelper": 'none' | 'single' | string;
|
|
1174
|
+
/**
|
|
1175
|
+
* Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
1176
|
+
* @default 'none'
|
|
1177
|
+
*/
|
|
1178
|
+
"overflowLabel": 'none' | 'single' | string;
|
|
1124
1179
|
/**
|
|
1125
1180
|
* Position of the label relative to the switch. Can be 'left' or 'right'.
|
|
1126
1181
|
*/
|
|
@@ -1129,10 +1184,6 @@ export namespace Components {
|
|
|
1129
1184
|
* Size of the switch. Can be 'small', 'medium', or 'large'.
|
|
1130
1185
|
*/
|
|
1131
1186
|
"size": 'small' | 'medium' | 'large';
|
|
1132
|
-
/**
|
|
1133
|
-
* Apply text-overflow ellipsis definitions. Default to none
|
|
1134
|
-
*/
|
|
1135
|
-
"textOverflow": 'none' | 'single' | string;
|
|
1136
1187
|
}
|
|
1137
1188
|
interface CuraToast {
|
|
1138
1189
|
"autoCloseDelay": number;
|
|
@@ -1736,14 +1787,47 @@ declare namespace LocalJSX {
|
|
|
1736
1787
|
"type"?: 'info' | 'success' | 'warning' | 'error';
|
|
1737
1788
|
}
|
|
1738
1789
|
interface CuraAvatar {
|
|
1790
|
+
/**
|
|
1791
|
+
* Background color of the avatar. Accepts any color from the theme.
|
|
1792
|
+
* @default neutral-purewhite
|
|
1793
|
+
*/
|
|
1739
1794
|
"backgroundColor"?: string;
|
|
1795
|
+
/**
|
|
1796
|
+
* Show border of the avatar.
|
|
1797
|
+
* @default false
|
|
1798
|
+
*/
|
|
1740
1799
|
"border"?: boolean;
|
|
1800
|
+
/**
|
|
1801
|
+
* Border color of the avatar. Accepts any color from the theme.
|
|
1802
|
+
*/
|
|
1741
1803
|
"borderColor"?: string;
|
|
1804
|
+
/**
|
|
1805
|
+
* Border radius of the avatar.
|
|
1806
|
+
* @default 50%
|
|
1807
|
+
*/
|
|
1742
1808
|
"borderRadius"?: string;
|
|
1809
|
+
/**
|
|
1810
|
+
* Floating state of the avatar.
|
|
1811
|
+
* @default false
|
|
1812
|
+
*/
|
|
1743
1813
|
"floating"?: boolean;
|
|
1814
|
+
/**
|
|
1815
|
+
* Image source of the avatar. Accepts any image source. If not provided, the default image will be used.
|
|
1816
|
+
*/
|
|
1744
1817
|
"imageSrc"?: string;
|
|
1818
|
+
/**
|
|
1819
|
+
* Default image source of the avatar. Some predefined images are available in the design system assets folder.
|
|
1820
|
+
*/
|
|
1745
1821
|
"imageSrcDefault"?: string;
|
|
1822
|
+
/**
|
|
1823
|
+
* Size of the avatar. Values: 80, 40, 32, 24.
|
|
1824
|
+
* @default 80
|
|
1825
|
+
*/
|
|
1746
1826
|
"size"?: '80' | '40' | '32' | '24';
|
|
1827
|
+
/**
|
|
1828
|
+
* Type of the avatar.
|
|
1829
|
+
* @default default
|
|
1830
|
+
*/
|
|
1747
1831
|
"type"?: 'default' | 'branding';
|
|
1748
1832
|
}
|
|
1749
1833
|
interface CuraBadgeCounter {
|
|
@@ -2180,6 +2264,16 @@ declare namespace LocalJSX {
|
|
|
2180
2264
|
* Specifies the tabindex of the checkbox.
|
|
2181
2265
|
*/
|
|
2182
2266
|
"ontabindex"?: number;
|
|
2267
|
+
/**
|
|
2268
|
+
* Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
2269
|
+
* @default 'none'
|
|
2270
|
+
*/
|
|
2271
|
+
"overflowHelper"?: 'none' | 'single' | string;
|
|
2272
|
+
/**
|
|
2273
|
+
* Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
2274
|
+
* @default 'none'
|
|
2275
|
+
*/
|
|
2276
|
+
"overflowLabel"?: 'none' | 'single' | string;
|
|
2183
2277
|
/**
|
|
2184
2278
|
* Position of the label relative to the checkbox. Can be 'left' or 'right'.
|
|
2185
2279
|
*/
|
|
@@ -2196,10 +2290,6 @@ declare namespace LocalJSX {
|
|
|
2196
2290
|
* Status of the checkbox. Can be 'error', 'success', or 'default'.
|
|
2197
2291
|
*/
|
|
2198
2292
|
"status"?: 'error' | 'success' | 'default';
|
|
2199
|
-
/**
|
|
2200
|
-
* Apply text-overflow ellipsis definitions. Default to none
|
|
2201
|
-
*/
|
|
2202
|
-
"textOverflow"?: 'none' | 'single' | string;
|
|
2203
2293
|
/**
|
|
2204
2294
|
* Value associated with the checkbox.
|
|
2205
2295
|
*/
|
|
@@ -2674,6 +2764,16 @@ declare namespace LocalJSX {
|
|
|
2674
2764
|
* Specifies the tabindex of the radio button.
|
|
2675
2765
|
*/
|
|
2676
2766
|
"ontabindex"?: number;
|
|
2767
|
+
/**
|
|
2768
|
+
* Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
2769
|
+
* @default 'none'
|
|
2770
|
+
*/
|
|
2771
|
+
"overflowHelper"?: 'none' | 'single' | string;
|
|
2772
|
+
/**
|
|
2773
|
+
* Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
2774
|
+
* @default 'none'
|
|
2775
|
+
*/
|
|
2776
|
+
"overflowLabel"?: 'none' | 'single' | string;
|
|
2677
2777
|
/**
|
|
2678
2778
|
* Position of the label relative to the radio button. Can be 'left' or 'right'.
|
|
2679
2779
|
*/
|
|
@@ -2690,10 +2790,6 @@ declare namespace LocalJSX {
|
|
|
2690
2790
|
* Status of the radio button. Can be 'error', 'success', or 'default'.
|
|
2691
2791
|
*/
|
|
2692
2792
|
"status"?: 'error' | 'success' | 'default';
|
|
2693
|
-
/**
|
|
2694
|
-
* Apply text-overflow ellipsis definitions. Default to none
|
|
2695
|
-
*/
|
|
2696
|
-
"textOverflow"?: 'none' | 'single' | string;
|
|
2697
2793
|
/**
|
|
2698
2794
|
* Value associated with the radio button.
|
|
2699
2795
|
*/
|
|
@@ -2822,6 +2918,16 @@ declare namespace LocalJSX {
|
|
|
2822
2918
|
* Tab index for the switch element. Reflects as an HTML attribute.
|
|
2823
2919
|
*/
|
|
2824
2920
|
"ontabindex"?: number;
|
|
2921
|
+
/**
|
|
2922
|
+
* Controls how the helper text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
2923
|
+
* @default 'none'
|
|
2924
|
+
*/
|
|
2925
|
+
"overflowHelper"?: 'none' | 'single' | string;
|
|
2926
|
+
/**
|
|
2927
|
+
* Controls how the label text should handle overflow. - `'none'`: No overflow handling; the label displays normally. - `'single'`: The label will be truncated with an ellipsis if it overflows a single line. - `string`: Custom overflow handling mode.
|
|
2928
|
+
* @default 'none'
|
|
2929
|
+
*/
|
|
2930
|
+
"overflowLabel"?: 'none' | 'single' | string;
|
|
2825
2931
|
/**
|
|
2826
2932
|
* Position of the label relative to the switch. Can be 'left' or 'right'.
|
|
2827
2933
|
*/
|
|
@@ -2830,10 +2936,6 @@ declare namespace LocalJSX {
|
|
|
2830
2936
|
* Size of the switch. Can be 'small', 'medium', or 'large'.
|
|
2831
2937
|
*/
|
|
2832
2938
|
"size"?: 'small' | 'medium' | 'large';
|
|
2833
|
-
/**
|
|
2834
|
-
* Apply text-overflow ellipsis definitions. Default to none
|
|
2835
|
-
*/
|
|
2836
|
-
"textOverflow"?: 'none' | 'single' | string;
|
|
2837
2939
|
}
|
|
2838
2940
|
interface CuraToast {
|
|
2839
2941
|
"autoCloseDelay"?: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rededor/cura",
|
|
3
|
-
"version": "1.6.1-alpha.
|
|
3
|
+
"version": "1.6.1-alpha.9",
|
|
4
4
|
"description": "Cura Design System",
|
|
5
5
|
"author": "Rede D`Or São Luiz",
|
|
6
6
|
"license": "MIT",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"storybook": "^7.6.10",
|
|
56
56
|
"svgo": "^3.3.2"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "40c2aa1b07a2b3e1ac495930b4711e5f65e7f991"
|
|
59
59
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r,c as e,h as a,H as s,g as t}from"./p-4ee8efca.js";import{f as i}from"./p-f9b8f665.js";const o='@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column}:host .info.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .label-wrapper.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}';const c=o;const h=class{constructor(a){r(this,a);this.onchange=e(this,"onchange",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.sizes={large:{size:20},medium:{size:14},small:{size:10}};this.isDarkbackground=()=>this.background==="dark";this.handleClick=()=>{if(this.disabled)return;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked})};this.checked=false;this.status="default";this.disabled=false;this.required=false;this.label="";this.ontabindex=undefined;this.position="left";this.value="";this.name="";this.background="light";this.size="medium";this.color="accent";this.textOverflow="none";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${i[this.size].size}px`,"--gap":`${i[this.size].gap}px`})}setColors(){const r=[{name:"--info-base",background:"info-base"},{name:"--color-light",background:`${this.color}-light`},{name:"--color-base",background:`${this.color}-base`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--error-lighter",background:"error-lighter"},{name:"--error-base",background:"error-base"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-darker-neutral-base",background:this.isDarkbackground()?"primary-darker":"neutral-base"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-dark",background:this.isDarkbackground()?"success-base":"success-dark"},{name:"--error-base-dark",background:this.isDarkbackground()?"error-base":"error-dark"}];r.forEach((r=>{this.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)}));this.styles=Object.assign({},this.styles)}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value;this.checked=r.checked;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(r){this.disabled=r}connectedCallback(){this.sizeHandler();this.setColors()}getClasses(){const r={};r["container"]=true;r["checked"]=this.checked;r["disabled"]=this.disabled;r["position"]=this.position==="right";r[this.status]=true;return r}assignColor(r){if(this.disabled)return this.isDarkbackground()?"primary-darker":"neutral-medium";const e={success:{label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}};return e[this.status][r]}render(){return a(s,{key:"b8145fc2c19d08429b06a91784884336345e0bc6",role:"radio","aria-checked":this.checked,"aria-disabled":this.disabled,"aria-required":this.required,"aria-invalid":this.status==="error"},a("div",{key:"8bd6457e269d1126dea7cc5bf8b4b29951632bbd",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"183084f6b59f734254b5d80deffc9ad9af435484",class:`info ${this.textOverflow==="single"?"textoverflow-single":""}`},a("div",{key:"54be186791a8897c95259187f8c4014f9341968a",class:`label-wrapper ${this.textOverflow==="single"?"textoverflow-single":""}`},a("cura-label",{key:"bb16cb0151075f0bea7b7e3684aec2d8cbc30976",textOverflow:this.textOverflow,class:"label",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"3acc3e5284d13eb805c98c01c65bbd8e27ca3091",lineHeight:"0%",marginBlock:"0",color:"error-base"},"*"," ")),a("cura-label",{key:"3773f9a5eed424fa9456efc773f332d903bb8a68",textOverflow:this.textOverflow,color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"4329dd946e70d299038f524ba4ec4e12fa12f3f0"}))),a("input",{key:"1851ed2d83ba7d39173bce9566f91d70b98da64b",type:"radio",class:`radio ${this.size.toLocaleLowerCase()}`,name:this.name,value:this.value,required:this.required,tabIndex:this.ontabindex,disabled:this.disabled,checked:this.checked})))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"]}}};h.style=c;export{h as cura_radio};
|
|
2
|
-
//# sourceMappingURL=p-03feed94.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["curaRadioCss","CuraRadioStyle0","CuraRadio","this","sizes","large","size","medium","small","isDarkbackground","background","handleClick","disabled","checked","internals","setFormValue","value","onchange","emit","sizeHandler","styles","Object","assign","formsSizes","gap","setColors","colors","name","color","forEach","window","CuraAPI","theme","getColor","formAssociatedCallback","form","ariaLabel","label","formStateRestoreCallback","state","formResetCallback","setValidity","formDisabledCallback","connectedCallback","getClasses","classes","position","status","assignColor","type","statusColors","success","message","error","default","render","h","Host","key","role","required","class","style","onClick","textOverflow","lineHeight","marginBlock","toLocaleLowerCase","tabIndex","ontabindex"],"sources":["src/components/forms/cura-radio/cura-radio.scss?tag=cura-radio&encapsulation=shadow","src/components/forms/cura-radio/cura-radio.tsx"],"sourcesContent":["@import '../../../scss/mixins/text.scss';\n\n:host {\n display: block;\n box-sizing: border-box;\n\n min-width: 0;\n\n .container {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n justify-content: start;\n gap: var(--gap);\n\n cursor: pointer;\n }\n\n .position {\n &.container {\n flex-direction: row;\n }\n\n .label-wrapper {\n justify-content: end;\n }\n\n .message {\n text-align: right;\n }\n\n .label {\n order: 1;\n }\n }\n\n .info {\n display: flex;\n flex-direction: column;\n\n &.textoverflow-single {\n @include truncate-single();\n }\n }\n\n .label-wrapper {\n display: flex;\n justify-content: start;\n align-items: center;\n gap: 5px;\n\n &.textoverflow-single {\n @include truncate-single();\n }\n }\n\n .control {\n width: fit-content;\n cursor: pointer;\n position: relative;\n }\n\n .radio {\n margin: 0;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n border-radius: 50%;\n border: 2px solid var(--primary-base-neutral-medium);\n background: var(--neutral-purewhite);\n box-sizing: border-box;\n transition: border-color 0.3s;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: var(--size);\n height: var(--size);\n flex: 0 0 var(--size);\n\n &::after {\n content: '';\n background: var(--color-base-light);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s;\n width: var(--size-after);\n height: var(--size-after);\n }\n\n &:focus {\n border-color: var(--info-base) !important;\n }\n }\n\n /* Estado Success */\n .success .radio {\n border-color: var(--success-base);\n background: var(--success-lighter);\n\n &:hover {\n border-color: var(--success-base) !important;\n }\n }\n\n .success.checked .radio {\n border-color: var(--success-base);\n\n &::after {\n background: var(--success-base);\n }\n\n &:hover {\n background: var(--success-lighter) !important;\n border-color: var(--success-base) !important;\n\n &::after {\n background: var(--success-base) !important;\n }\n }\n }\n\n /* Estado Error */\n .error .radio {\n border-color: var(--error-base);\n background: var(--error-lighter);\n\n &:hover {\n border-color: var(--error-base) !important;\n }\n }\n\n .error.checked .radio {\n border-color: var(--error-base);\n\n &::after {\n background: var(--error-base);\n }\n\n &:hover {\n background: var(--error-lighter) !important;\n border-color: var(--error-base) !important;\n\n &::after {\n background: var(--error-base) !important;\n }\n }\n }\n\n /* Estado checked */\n .checked .radio::after {\n opacity: 1;\n background: var(--color-base);\n }\n\n .checked .radio {\n border-color: var(--color-dark);\n }\n\n .checked .radio:hover {\n border-color: var(--color-light) !important;\n }\n\n .checked .radio:hover::after {\n background: var(--color-light);\n }\n\n /* Estado disabled */\n .disabled .radio {\n background: var(--primary-base-neutral-white);\n border-color: var(--primary-darker-neutral-base);\n cursor: not-allowed;\n }\n\n .disabled .radio::after {\n background: var(--neutral-lighter);\n }\n\n .disabled.checked .radio {\n border-color: var(--primary-base-neutral-base) !important;\n background: var(--primary-darker-neutral-white) !important;\n }\n\n .disabled.checked .radio::after {\n background: var(--primary-base-neutral-base) !important;\n }\n\n /* Estado hover para não disabled e não checked */\n :not(.disabled):not(.checked) .radio:hover {\n border-color: var(--primary-base-neutral-dark);\n }\n}\n","import { Component, Prop, Event, Element, h, Host, Watch, EventEmitter, State, AttachInternals } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n tag: 'cura-radio',\n styleUrl: 'cura-radio.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class CuraRadio {\n /**\n * Reflects the checked state of the radio button.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /**\n * Status of the radio button.\n * Can be 'error', 'success', or 'default'.\n */\n @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n /**\n * Reflects the disabled state of the radio button.\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Reflects the required state of the radio button.\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * Text label associated with the radio button.\n */\n @Prop({ reflect: true }) label: string = '';\n /**\n * Specifies the tabindex of the radio button.\n */\n @Prop({ reflect: true }) ontabindex: number;\n /**\n * Position of the label relative to the radio button.\n * Can be 'left' or 'right'.\n */\n @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n /**\n * Value associated with the radio button.\n */\n @Prop({ reflect: true }) value: string = '';\n /**\n * Name attribute of the radio button.\n */\n @Prop({ reflect: true }) name: string = '';\n /**\n * Background theme of the radio button.\n * Can be 'dark' or 'light'.\n */\n @Prop() background: 'dark' | 'light' = 'light';\n /**\n * Size of the radio button.\n * Can be 'small', 'medium', or 'large'.\n */\n @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n /**\n * Color theme of the radio button.\n */\n @Prop() color = 'accent';\n\n /**\n * Apply text-overflow ellipsis definitions.\n * Default to none\n */\n @Prop({ reflect: true }) textOverflow: 'none' | 'single' | string = 'none';\n\n @State() styles = {};\n\n @Element() host: HTMLElement;\n\n @Event() onchange: EventEmitter<{ value: string; checked: boolean }>;\n\n @AttachInternals() internals: ElementInternals;\n\n sizes = {\n large: { size: 20 },\n medium: { size: 14 },\n small: { size: 10 },\n };\n\n isDarkbackground = () => this.background === 'dark';\n\n @Watch('size')\n sizeHandler() {\n this.styles = {\n ...this.styles,\n '--size-after': `${this.sizes[this.size].size}px`,\n '--size': `${formsSizes[this.size].size}px`,\n '--gap': `${formsSizes[this.size].gap}px`,\n };\n }\n\n @Watch('color')\n @Watch('background')\n setColors() {\n const colors = [\n { name: '--info-base', background: 'info-base' },\n { name: '--color-light', background: `${this.color}-light` },\n { name: '--color-base', background: `${this.color}-base` },\n { name: '--color-dark', background: `${this.color}-dark` },\n { name: '--neutral-purewhite', background: 'neutral-purewhite' },\n { name: '--success-lighter', background: 'success-lighter' },\n { name: '--success-base', background: 'success-base' },\n { name: '--error-lighter', background: 'error-lighter' },\n { name: '--error-base', background: 'error-base' },\n { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },\n { name: '--primary-base-neutral-white', background: this.isDarkbackground() ? 'primary-base' : 'neutral-white' },\n { name: '--primary-darker-neutral-white', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-white' },\n { name: '--primary-darker-neutral-base', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-base' },\n { name: '--primary-base-neutral-base', background: this.isDarkbackground() ? 'primary-base' : 'neutral-base' },\n { name: '--primary-base-neutral-dark', background: this.isDarkbackground() ? 'primary-base' : 'neutral-dark' },\n { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },\n { name: '--success-base-dark', background: this.isDarkbackground() ? 'success-base' : 'success-dark' },\n { name: '--error-base-dark', background: this.isDarkbackground() ? 'error-base' : 'error-dark' },\n ];\n\n colors.forEach(color => {\n this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);\n });\n this.styles = { ...this.styles };\n }\n\n /**\n * Callback for form association.\n */\n formAssociatedCallback(form: { ariaLabel: string }) {\n form.ariaLabel = this.label;\n }\n\n /**\n * Callback to restore the switch state from the form.\n */\n formStateRestoreCallback(state: { value: string; checked: boolean }) {\n this.value = state.value;\n this.checked = state.checked;\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to reset the switch state when the form is reset.\n */\n formResetCallback() {\n this.value = '';\n this.checked = false;\n this.internals.setValidity({});\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to update the switch's disabled state when the form's disabled state changes.\n */\n formDisabledCallback(disabled: boolean) {\n this.disabled = disabled;\n }\n\n connectedCallback() {\n this.sizeHandler();\n this.setColors();\n }\n\n handleClick = () => {\n if (this.disabled) return;\n\n this.checked = !this.checked;\n this.internals.setFormValue(this.value);\n this.onchange.emit({ value: this.value, checked: this.checked });\n };\n\n getClasses() {\n const classes = {};\n classes['container'] = true;\n classes['checked'] = this.checked;\n classes['disabled'] = this.disabled;\n classes['position'] = this.position === 'right';\n classes[this.status] = true;\n\n return classes;\n }\n\n @Watch('background')\n assignColor(type: 'label' | 'message') {\n if (this.disabled) return this.isDarkbackground() ? 'primary-darker' : 'neutral-medium';\n\n const statusColors = {\n success: {\n label: this.isDarkbackground() ? 'success-lighter' : 'success-darker',\n message: this.isDarkbackground() ? 'success-base' : 'success-dark',\n },\n error: {\n label: this.isDarkbackground() ? 'error-lighter' : 'neutral-darker',\n message: this.isDarkbackground() ? 'error-base' : 'error-dark',\n },\n default: {\n label: this.isDarkbackground() ? 'neutral-white' : 'neutral-black',\n message: this.isDarkbackground() ? 'primary-lighter' : 'neutral-dark',\n },\n };\n\n return statusColors[this.status][type];\n }\n\n render() {\n return (\n <Host role=\"radio\" aria-checked={this.checked} aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n <div class={this.getClasses()} style={this.styles} onClick={this.handleClick}>\n <div class={`info ${this.textOverflow === 'single' ? 'textoverflow-single' : ''}`}>\n <div class={`label-wrapper ${this.textOverflow === 'single' ? 'textoverflow-single' : ''}`}>\n <cura-label textOverflow={this.textOverflow} class=\"label\" size={this.size === 'large' ? 'medium' : 'xsmall'} color={this.assignColor('label')}>\n {this.label}\n </cura-label>\n {this.required && (\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\">\n *{' '}\n </cura-paragraph>\n )}\n </div>\n <cura-label textOverflow={this.textOverflow} color={this.assignColor('message')} size=\"xsmall\" class=\"message\">\n <slot></slot>\n </cura-label>\n </div>\n <input\n type=\"radio\"\n class={`radio ${this.size.toLocaleLowerCase()}`}\n name={this.name}\n value={this.value}\n required={this.required}\n tabIndex={this.ontabindex}\n disabled={this.disabled}\n checked={this.checked}\n />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"+FAAA,MAAMA,EAAe,4lGACrB,MAAAC,EAAeD,E,MCQFE,EAAS,M,4NAqEpBC,KAAAC,MAAQ,CACNC,MAAO,CAAEC,KAAM,IACfC,OAAQ,CAAED,KAAM,IAChBE,MAAO,CAAEF,KAAM,KAGjBH,KAAAM,iBAAmB,IAAMN,KAAKO,aAAe,OAgF7CP,KAAAQ,YAAc,KACZ,GAAIR,KAAKS,SAAU,OAEnBT,KAAKU,SAAWV,KAAKU,QACrBV,KAAKW,UAAUC,aAAaZ,KAAKa,OACjCb,KAAKc,SAASC,KAAK,CAAEF,MAAOb,KAAKa,MAAOH,QAASV,KAAKU,SAAU,E,aA3JP,M,YAKuB,U,cAIrC,M,cAIA,M,WAIJ,G,wCASa,O,WAIb,G,UAID,G,gBAKD,Q,UAKM,S,WAI7B,S,kBAMoD,O,YAElD,E,CAiBlB,WAAAM,GACEhB,KAAKiB,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNnB,KAAKiB,QAAM,CACd,eAAgB,GAAGjB,KAAKC,MAAMD,KAAKG,MAAMA,SACzC,SAAU,GAAGiB,EAAWpB,KAAKG,MAAMA,SACnC,QAAS,GAAGiB,EAAWpB,KAAKG,MAAMkB,S,CAMtC,SAAAC,GACE,MAAMC,EAAS,CACb,CAAEC,KAAM,cAAejB,WAAY,aACnC,CAAEiB,KAAM,gBAAiBjB,WAAY,GAAGP,KAAKyB,eAC7C,CAAED,KAAM,eAAgBjB,WAAY,GAAGP,KAAKyB,cAC5C,CAAED,KAAM,eAAgBjB,WAAY,GAAGP,KAAKyB,cAC5C,CAAED,KAAM,sBAAuBjB,WAAY,qBAC3C,CAAEiB,KAAM,oBAAqBjB,WAAY,mBACzC,CAAEiB,KAAM,iBAAkBjB,WAAY,gBACtC,CAAEiB,KAAM,kBAAmBjB,WAAY,iBACvC,CAAEiB,KAAM,eAAgBjB,WAAY,cACpC,CAAEiB,KAAM,gCAAiCjB,WAAYP,KAAKM,mBAAqB,eAAiB,kBAChG,CAAEkB,KAAM,+BAAgCjB,WAAYP,KAAKM,mBAAqB,eAAiB,iBAC/F,CAAEkB,KAAM,iCAAkCjB,WAAYP,KAAKM,mBAAqB,iBAAmB,iBACnG,CAAEkB,KAAM,gCAAiCjB,WAAYP,KAAKM,mBAAqB,iBAAmB,gBAClG,CAAEkB,KAAM,8BAA+BjB,WAAYP,KAAKM,mBAAqB,eAAiB,gBAC9F,CAAEkB,KAAM,8BAA+BjB,WAAYP,KAAKM,mBAAqB,eAAiB,gBAC9F,CAAEkB,KAAM,gCAAiCjB,WAAYP,KAAKM,mBAAqB,eAAiB,kBAChG,CAAEkB,KAAM,sBAAuBjB,WAAYP,KAAKM,mBAAqB,eAAiB,gBACtF,CAAEkB,KAAM,oBAAqBjB,WAAYP,KAAKM,mBAAqB,aAAe,eAGpFiB,EAAOG,SAAQD,IACbzB,KAAKiB,OAAOQ,EAAMD,MAAQG,OAAOC,QAAQC,MAAMN,OAAOO,SAASL,EAAMlB,WAAW,IAElFP,KAAKiB,OAAMC,OAAAC,OAAA,GAAQnB,KAAKiB,O,CAM1B,sBAAAc,CAAuBC,GACrBA,EAAKC,UAAYjC,KAAKkC,K,CAMxB,wBAAAC,CAAyBC,GACvBpC,KAAKa,MAAQuB,EAAMvB,MACnBb,KAAKU,QAAU0B,EAAM1B,QACrBV,KAAKW,UAAUC,aAAaZ,KAAKa,M,CAMnC,iBAAAwB,GACErC,KAAKa,MAAQ,GACbb,KAAKU,QAAU,MACfV,KAAKW,UAAU2B,YAAY,IAC3BtC,KAAKW,UAAUC,aAAaZ,KAAKa,M,CAMnC,oBAAA0B,CAAqB9B,GACnBT,KAAKS,SAAWA,C,CAGlB,iBAAA+B,GACExC,KAAKgB,cACLhB,KAAKsB,W,CAWP,UAAAmB,GACE,MAAMC,EAAU,GAChBA,EAAQ,aAAe,KACvBA,EAAQ,WAAa1C,KAAKU,QAC1BgC,EAAQ,YAAc1C,KAAKS,SAC3BiC,EAAQ,YAAc1C,KAAK2C,WAAa,QACxCD,EAAQ1C,KAAK4C,QAAU,KAEvB,OAAOF,C,CAIT,WAAAG,CAAYC,GACV,GAAI9C,KAAKS,SAAU,OAAOT,KAAKM,mBAAqB,iBAAmB,iBAEvE,MAAMyC,EAAe,CACnBC,QAAS,CACPd,MAAOlC,KAAKM,mBAAqB,kBAAoB,iBACrD2C,QAASjD,KAAKM,mBAAqB,eAAiB,gBAEtD4C,MAAO,CACLhB,MAAOlC,KAAKM,mBAAqB,gBAAkB,iBACnD2C,QAASjD,KAAKM,mBAAqB,aAAe,cAEpD6C,QAAS,CACPjB,MAAOlC,KAAKM,mBAAqB,gBAAkB,gBACnD2C,QAASjD,KAAKM,mBAAqB,kBAAoB,iBAI3D,OAAOyC,EAAa/C,KAAK4C,QAAQE,E,CAGnC,MAAAM,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,eAAexD,KAAKU,QAAO,gBAAiBV,KAAKS,SAAQ,gBAAiBT,KAAKyD,SAAQ,eAAgBzD,KAAK4C,SAAW,SACvIS,EAAA,OAAAE,IAAA,2CAAKG,MAAO1D,KAAKyC,aAAckB,MAAO3D,KAAKiB,OAAQ2C,QAAS5D,KAAKQ,aAC/D6C,EAAA,OAAAE,IAAA,2CAAKG,MAAO,QAAQ1D,KAAK6D,eAAiB,SAAW,sBAAwB,MAC3ER,EAAA,OAAAE,IAAA,2CAAKG,MAAO,iBAAiB1D,KAAK6D,eAAiB,SAAW,sBAAwB,MACpFR,EAAA,cAAAE,IAAA,2CAAYM,aAAc7D,KAAK6D,aAAcH,MAAM,QAAQvD,KAAMH,KAAKG,OAAS,QAAU,SAAW,SAAUsB,MAAOzB,KAAK6C,YAAY,UACnI7C,KAAKkC,OAEPlC,KAAKyD,UACJJ,EAAA,kBAAAE,IAAA,2CAAgBO,WAAW,KAAKC,YAAY,IAAItC,MAAM,cAAY,IAC9D,MAIR4B,EAAA,cAAAE,IAAA,2CAAYM,aAAc7D,KAAK6D,aAAcpC,MAAOzB,KAAK6C,YAAY,WAAY1C,KAAK,SAASuD,MAAM,WACnGL,EAAA,QAAAE,IAAA,+CAGJF,EAAA,SAAAE,IAAA,2CACET,KAAK,QACLY,MAAO,SAAS1D,KAAKG,KAAK6D,sBAC1BxC,KAAMxB,KAAKwB,KACXX,MAAOb,KAAKa,MACZ4C,SAAUzD,KAAKyD,SACfQ,SAAUjE,KAAKkE,WACfzD,SAAUT,KAAKS,SACfC,QAASV,KAAKU,W","ignoreList":[]}
|