@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/cjs/loader.cjs.js
CHANGED
|
@@ -10,7 +10,7 @@ require('./static-44199808.js');
|
|
|
10
10
|
const defineCustomElements = async (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return undefined;
|
|
12
12
|
await appGlobals.globalScripts();
|
|
13
|
-
return index.bootstrapLazy(JSON.parse("[[\"cura-accordion_18.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[\"setColors\"]}]]],[\"cura-button-outline.cjs\",[[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.cjs\",[[1,\"cura-badge-counter\",{\"number\":[514],\"color\":[1],\"disabled\":[4],\"type\":[1],\"styles\":[32]},null,{\"disabled\":[\"handleColorChange\"],\"color\":[\"handleColorChange\"],\"type\":[\"handleColorChange\"]}]]],[\"cura-button-select.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-radio.cjs\",[[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.cjs\",[[1,\"cura-dropdown-search-not-found\"]]],[\"cura-switch.cjs\",[[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.cjs\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-card.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"progress\":[\"handleProgress\"]}]]],[\"cura-badge-pill.cjs\",[[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.cjs\",[[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);
|
|
13
|
+
return index.bootstrapLazy(JSON.parse("[[\"cura-accordion_18.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"cura-alert\",{\"type\":[1],\"floating\":[516],\"label\":[513],\"closeable\":[516],\"icon\":[513],\"styles\":[32]},null,{\"type\":[\"setColors\"]}]]],[\"cura-button-outline.cjs\",[[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.cjs\",[[1,\"cura-badge-counter\",{\"number\":[514],\"color\":[1],\"disabled\":[4],\"type\":[1],\"styles\":[32]},null,{\"disabled\":[\"handleColorChange\"],\"color\":[\"handleColorChange\"],\"type\":[\"handleColorChange\"]}]]],[\"cura-button-select.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"cura-icons-view\",{\"selected\":[32]}]]],[\"cura-radio.cjs\",[[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.cjs\",[[1,\"cura-dropdown-search-not-found\"]]],[\"cura-switch.cjs\",[[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.cjs\",[[1,\"cura-badge-dot\",{\"color\":[1],\"disabled\":[516],\"type\":[513],\"styles\":[32]}]]],[\"cura-card.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"cura-loader-bar\",{\"color\":[1],\"progress\":[2],\"styles\":[32]},null,{\"color\":[\"handleChangeColor\"],\"progress\":[\"handleProgress\"]}]]],[\"cura-badge-pill.cjs\",[[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.cjs\",[[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);
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
exports.setNonce = index.setNonce;
|
|
@@ -39,7 +39,7 @@ export class CuraAvatar {
|
|
|
39
39
|
this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: '51683368cca9bff9bdf3a8e835990c89df3cd4be', style: this.hostCSSProperties(), role: "img" }, h("div", { key: '84196bf4ed6914904f14f8ec0d07b40ceace5ebf', class: this.getClasses(), style: this.styles }, h("img", { key: '8968215d670f9cd5a042dd66e6dc15a75d07c68e', src: this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`, onError: () => this.onSrcError() }))));
|
|
43
43
|
}
|
|
44
44
|
static get is() { return "cura-avatar"; }
|
|
45
45
|
static get encapsulation() { return "shadow"; }
|
|
@@ -66,8 +66,11 @@ export class CuraAvatar {
|
|
|
66
66
|
"required": false,
|
|
67
67
|
"optional": false,
|
|
68
68
|
"docs": {
|
|
69
|
-
"tags": [
|
|
70
|
-
|
|
69
|
+
"tags": [{
|
|
70
|
+
"name": "default",
|
|
71
|
+
"text": "80"
|
|
72
|
+
}],
|
|
73
|
+
"text": "Size of the avatar. Values: 80, 40, 32, 24."
|
|
71
74
|
},
|
|
72
75
|
"attribute": "size",
|
|
73
76
|
"reflect": false,
|
|
@@ -84,8 +87,11 @@ export class CuraAvatar {
|
|
|
84
87
|
"required": false,
|
|
85
88
|
"optional": false,
|
|
86
89
|
"docs": {
|
|
87
|
-
"tags": [
|
|
88
|
-
|
|
90
|
+
"tags": [{
|
|
91
|
+
"name": "default",
|
|
92
|
+
"text": "neutral-purewhite"
|
|
93
|
+
}],
|
|
94
|
+
"text": "Background color of the avatar.\nAccepts any color from the theme."
|
|
89
95
|
},
|
|
90
96
|
"attribute": "background-color",
|
|
91
97
|
"reflect": true,
|
|
@@ -103,7 +109,7 @@ export class CuraAvatar {
|
|
|
103
109
|
"optional": false,
|
|
104
110
|
"docs": {
|
|
105
111
|
"tags": [],
|
|
106
|
-
"text": ""
|
|
112
|
+
"text": "Border color of the avatar.\nAccepts any color from the theme."
|
|
107
113
|
},
|
|
108
114
|
"attribute": "border-color",
|
|
109
115
|
"reflect": true
|
|
@@ -119,8 +125,11 @@ export class CuraAvatar {
|
|
|
119
125
|
"required": false,
|
|
120
126
|
"optional": false,
|
|
121
127
|
"docs": {
|
|
122
|
-
"tags": [
|
|
123
|
-
|
|
128
|
+
"tags": [{
|
|
129
|
+
"name": "default",
|
|
130
|
+
"text": "50%"
|
|
131
|
+
}],
|
|
132
|
+
"text": "Border radius of the avatar."
|
|
124
133
|
},
|
|
125
134
|
"attribute": "border-radius",
|
|
126
135
|
"reflect": true,
|
|
@@ -137,8 +146,11 @@ export class CuraAvatar {
|
|
|
137
146
|
"required": false,
|
|
138
147
|
"optional": false,
|
|
139
148
|
"docs": {
|
|
140
|
-
"tags": [
|
|
141
|
-
|
|
149
|
+
"tags": [{
|
|
150
|
+
"name": "default",
|
|
151
|
+
"text": "false"
|
|
152
|
+
}],
|
|
153
|
+
"text": "Show border of the avatar."
|
|
142
154
|
},
|
|
143
155
|
"attribute": "border",
|
|
144
156
|
"reflect": true,
|
|
@@ -155,8 +167,11 @@ export class CuraAvatar {
|
|
|
155
167
|
"required": false,
|
|
156
168
|
"optional": false,
|
|
157
169
|
"docs": {
|
|
158
|
-
"tags": [
|
|
159
|
-
|
|
170
|
+
"tags": [{
|
|
171
|
+
"name": "default",
|
|
172
|
+
"text": "default"
|
|
173
|
+
}],
|
|
174
|
+
"text": "Type of the avatar."
|
|
160
175
|
},
|
|
161
176
|
"attribute": "type",
|
|
162
177
|
"reflect": true,
|
|
@@ -174,7 +189,7 @@ export class CuraAvatar {
|
|
|
174
189
|
"optional": false,
|
|
175
190
|
"docs": {
|
|
176
191
|
"tags": [],
|
|
177
|
-
"text": ""
|
|
192
|
+
"text": "Image source of the avatar.\nAccepts any image source. If not provided, the default image will be used."
|
|
178
193
|
},
|
|
179
194
|
"attribute": "image-src",
|
|
180
195
|
"reflect": true
|
|
@@ -191,7 +206,7 @@ export class CuraAvatar {
|
|
|
191
206
|
"optional": false,
|
|
192
207
|
"docs": {
|
|
193
208
|
"tags": [],
|
|
194
|
-
"text": ""
|
|
209
|
+
"text": "Default image source of the avatar.\nSome predefined images are available in the design system assets folder."
|
|
195
210
|
},
|
|
196
211
|
"attribute": "image-src-default",
|
|
197
212
|
"reflect": true
|
|
@@ -207,8 +222,11 @@ export class CuraAvatar {
|
|
|
207
222
|
"required": false,
|
|
208
223
|
"optional": false,
|
|
209
224
|
"docs": {
|
|
210
|
-
"tags": [
|
|
211
|
-
|
|
225
|
+
"tags": [{
|
|
226
|
+
"name": "default",
|
|
227
|
+
"text": "false"
|
|
228
|
+
}],
|
|
229
|
+
"text": "Floating state of the avatar."
|
|
212
230
|
},
|
|
213
231
|
"attribute": "floating",
|
|
214
232
|
"reflect": true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cura-avatar.js","sourceRoot":"","sources":["../../../src/components/cura-avatar/cura-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,MAAM,OAAO,UAAU;;
|
|
1
|
+
{"version":3,"file":"cura-avatar.js","sourceRoot":"","sources":["../../../src/components/cura-avatar/cura-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,MAAM,OAAO,UAAU;;oBAOqB,IAAI;+BAMK,mBAAmB;;4BAUtB,KAAK;sBAKV,KAAK;oBAKQ,SAAS;;;;sBAiB/C,EAAE;;IAGpB,WAAW,CAAC,IAAY;QACtB,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,QAAQ,EAAE,GAAG,IAAI,IAAI,GACtB,CAAC;IACJ,CAAC;IAID,UAAU;QACR,MAAM,OAAO,GAAG,EAAE,CAAC;QACnB,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QACpC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC;QACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,iBAAiB;QACf,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1C,OAAO;YACL,oBAAoB,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC;YAChF,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;YACxE,iBAAiB,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;YACzC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,GAAG;SACzD,CAAC;IACJ,CAAC;IAED,UAAU;QACR,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,IAAI,GAAG,IAAI,CAAC,UAAU,oCAAoC,CAAC;IACjG,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAC,KAAK;YAC/C,4DAAK,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM;gBAC/C,4DAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,IAAI,GAAG,IAAI,CAAC,UAAU,oCAAoC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAQ,CAC/I,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { avatarSizes } from './cura-avatar.definitions';\n@Component({\n tag: 'cura-avatar',\n styleUrl: 'cura-avatar.scss',\n shadow: true,\n})\nexport class CuraAvatar {\n @Element() host: HTMLElement;\n\n /**\n * Size of the avatar. Values: 80, 40, 32, 24.\n * @default 80\n */\n @Prop() size: '80' | '40' | '32' | '24' = '80';\n /**\n * Background color of the avatar.\n * Accepts any color from the theme.\n * @default neutral-purewhite\n */\n @Prop({ reflect: true }) backgroundColor: string = 'neutral-purewhite';\n /**\n * Border color of the avatar.\n * Accepts any color from the theme.\n */\n @Prop({ reflect: true }) borderColor: string;\n /**\n * Border radius of the avatar.\n * @default 50%\n */\n @Prop({ reflect: true }) borderRadius: string = '50%';\n /**\n * Show border of the avatar.\n * @default false\n */\n @Prop({ reflect: true }) border: boolean = false;\n /**\n * Type of the avatar.\n * @default default\n */\n @Prop({ reflect: true }) type: 'default' | 'branding' = 'default';\n /**\n * Image source of the avatar.\n * Accepts any image source. If not provided, the default image will be used.\n */\n @Prop({ reflect: true, mutable: true }) imageSrc: string;\n /**\n * Default image source of the avatar.\n * Some predefined images are available in the design system assets folder.\n */\n @Prop({ reflect: true }) imageSrcDefault: string;\n /**\n * Floating state of the avatar.\n * @default false\n */\n @Prop({ reflect: true }) floating: boolean;\n\n @State() styles = {};\n\n @Watch('size')\n sizeHandler(size: string) {\n this.styles = {\n ...this.styles,\n '--size': `${size}px`,\n };\n }\n\n assetsPath: string;\n\n getClasses() {\n const classes = {};\n classes['conteiner'] = true;\n classes['floating'] = this.floating;\n return classes;\n }\n\n connectedCallback() {\n this.assetsPath = window.CuraAPI.localAssetsPath;\n this.sizeHandler(this.size);\n }\n\n hostCSSProperties() {\n const avatarSize = avatarSizes[this.size];\n\n return {\n '--background-color': window.CuraAPI.theme.colors.getColor(this.backgroundColor),\n '--border-color': window.CuraAPI.theme.colors.getColor(this.borderColor),\n '--border-radius': `${this.borderRadius}`,\n '--border': this.border ? `${avatarSize.border}px` : '0',\n };\n }\n\n onSrcError() {\n this.imageSrc = this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`;\n }\n\n render() {\n return (\n <Host style={this.hostCSSProperties()} role=\"img\">\n <div class={this.getClasses()} style={this.styles}>\n <img src={this.imageSrc || this.imageSrcDefault || `${this.assetsPath}/images/avatar/patient-default.svg`} onError={() => this.onSrcError()}></img>\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
@@ -35,12 +35,16 @@
|
|
|
35
35
|
.info {
|
|
36
36
|
display: flex;
|
|
37
37
|
flex-direction: column;
|
|
38
|
+
overflow: hidden;
|
|
38
39
|
}
|
|
39
|
-
|
|
40
|
+
|
|
41
|
+
.label.textoverflow-single {
|
|
40
42
|
text-overflow: ellipsis;
|
|
41
43
|
white-space: nowrap;
|
|
42
44
|
overflow: hidden;
|
|
43
45
|
display: block;
|
|
46
|
+
min-width: 0;
|
|
47
|
+
max-width: 100%;
|
|
44
48
|
}
|
|
45
49
|
|
|
46
50
|
.label-wrapper {
|
|
@@ -49,12 +53,6 @@
|
|
|
49
53
|
align-items: center;
|
|
50
54
|
gap: 5px;
|
|
51
55
|
}
|
|
52
|
-
.label-wrapper.textoverflow-single {
|
|
53
|
-
text-overflow: ellipsis;
|
|
54
|
-
white-space: nowrap;
|
|
55
|
-
overflow: hidden;
|
|
56
|
-
display: block;
|
|
57
|
-
}
|
|
58
56
|
|
|
59
57
|
/* Control e Checkbox */
|
|
60
58
|
.control {
|
|
@@ -26,7 +26,8 @@ export class CuraCheckbox {
|
|
|
26
26
|
this.background = 'light';
|
|
27
27
|
this.iconColor = 'dark';
|
|
28
28
|
this.color = 'accent';
|
|
29
|
-
this.
|
|
29
|
+
this.overflowLabel = 'none';
|
|
30
|
+
this.overflowHelper = 'none';
|
|
30
31
|
this.styles = {};
|
|
31
32
|
}
|
|
32
33
|
sizeHandler() {
|
|
@@ -148,7 +149,7 @@ export class CuraCheckbox {
|
|
|
148
149
|
return h("cura-icon", { class: "icon", name: iconName, size: iconSize, color: iconColor });
|
|
149
150
|
}
|
|
150
151
|
render() {
|
|
151
|
-
return (h(Host, { key: '
|
|
152
|
+
return (h(Host, { key: '2e951be46f80c67ea87aaf1c613e29ae7a1cc856', role: "checkbox", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: '341a30934dd6660b03e6be161999fad24fb005ef', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, h("div", { key: '58f32f6b047d19b8af2468b6007cf2dfb1297476', class: "info" }, h("div", { key: 'e23407390368c638e4e8cd9119ad3ccd1767d861', class: "label-wrapper" }, h("cura-label", { key: 'd7ce7b39441203e9058b0227edbfc75dd320806f', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (h("cura-paragraph", { key: '0684b9ab1f517083bc681bd0731aedf6d38c9873', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), h("cura-label", { key: '499419ee720a7c7ba7e42fc8fcebccfb4e0b0c42', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: '7c9637fa4a8082f6451851452db1b751218a20ec' }))), h("div", { key: '91b0a1f42d65d72aca24ff8a852d3c6f461a9cb7', class: 'checkbox', tabIndex: this.ontabindex }, h("input", { key: '4f1db30730b2d68d3d0f3036fd5924a9da1b541b', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, required: this.required, checked: this.checked, indeterminate: this.indeterminate }), this.getIcon()))));
|
|
152
153
|
}
|
|
153
154
|
static get is() { return "cura-checkbox"; }
|
|
154
155
|
static get encapsulation() { return "shadow"; }
|
|
@@ -414,7 +415,7 @@ export class CuraCheckbox {
|
|
|
414
415
|
"reflect": false,
|
|
415
416
|
"defaultValue": "'accent'"
|
|
416
417
|
},
|
|
417
|
-
"
|
|
418
|
+
"overflowLabel": {
|
|
418
419
|
"type": "string",
|
|
419
420
|
"mutable": false,
|
|
420
421
|
"complexType": {
|
|
@@ -425,10 +426,34 @@ export class CuraCheckbox {
|
|
|
425
426
|
"required": false,
|
|
426
427
|
"optional": false,
|
|
427
428
|
"docs": {
|
|
428
|
-
"tags": [
|
|
429
|
-
|
|
429
|
+
"tags": [{
|
|
430
|
+
"name": "default",
|
|
431
|
+
"text": "'none'"
|
|
432
|
+
}],
|
|
433
|
+
"text": "Controls how the label text should handle overflow.\n- `'none'`: No overflow handling; the label displays normally.\n- `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n- `string`: Custom overflow handling mode."
|
|
434
|
+
},
|
|
435
|
+
"attribute": "overflow-label",
|
|
436
|
+
"reflect": true,
|
|
437
|
+
"defaultValue": "'none'"
|
|
438
|
+
},
|
|
439
|
+
"overflowHelper": {
|
|
440
|
+
"type": "string",
|
|
441
|
+
"mutable": false,
|
|
442
|
+
"complexType": {
|
|
443
|
+
"original": "'none' | 'single' | string",
|
|
444
|
+
"resolved": "string",
|
|
445
|
+
"references": {}
|
|
446
|
+
},
|
|
447
|
+
"required": false,
|
|
448
|
+
"optional": false,
|
|
449
|
+
"docs": {
|
|
450
|
+
"tags": [{
|
|
451
|
+
"name": "default",
|
|
452
|
+
"text": "'none'"
|
|
453
|
+
}],
|
|
454
|
+
"text": "Controls how the helper text should handle overflow.\n- `'none'`: No overflow handling; the label displays normally.\n- `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n- `string`: Custom overflow handling mode."
|
|
430
455
|
},
|
|
431
|
-
"attribute": "
|
|
456
|
+
"attribute": "overflow-helper",
|
|
432
457
|
"reflect": true,
|
|
433
458
|
"defaultValue": "'none'"
|
|
434
459
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cura-checkbox.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-checkbox/cura-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, Element, h, Host, Watch, EventEmitter, State, AttachInternals } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n tag: 'cura-checkbox',\n styleUrl: 'cura-checkbox.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class CuraCheckbox {\n /**\n * Reflects the checked state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /**\n * Reflects the indeterminate state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n /**\n * Status of the checkbox.\n * Can be 'error', 'success', or 'default'.\n */\n @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n /**\n * Reflects the disabled state of the checkbox.\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Reflects the required state of the checkbox.\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * Text label associated with the checkbox.\n */\n @Prop({ reflect: true }) label: string;\n /**\n * Specifies the tabindex of the checkbox.\n */\n @Prop({ reflect: true }) ontabindex: number = 0;\n /**\n * Position of the label relative to the checkbox.\n * Can be 'left' or 'right'.\n */\n @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n /**\n * Value associated with the checkbox.\n */\n @Prop({ reflect: true }) value: string;\n /**\n * Name attribute of the checkbox.\n */\n @Prop({ reflect: true }) name: string;\n /**\n * Size of the checkbox.\n * Can be 'small', 'medium', or 'large'.\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n /**\n * Background theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() background: 'dark' | 'light' = 'light';\n /**\n * iconColor theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() iconColor: 'dark' | 'light' = 'dark';\n /**\n * Color theme of the checkbox.\n */\n @Prop() color = 'accent';\n\n /**\n * 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; indeterminate: boolean }>;\n\n @AttachInternals() internals: ElementInternals;\n\n isDarkBackground = () => this.background === 'dark';\n\n isDarkIconColor = () => this.iconColor === 'dark';\n\n @Watch('size')\n sizeHandler() {\n this.styles = {\n ...this.styles,\n '--size': `${formsSizes[this.size].size}px`,\n '--gap': `${formsSizes[this.size].gap}px`,\n };\n }\n\n /**\n * Watches changes in color and background properties to update styles.\n */\n @Watch('color')\n @Watch('background')\n setColors() {\n const colors = [\n { name: '--color-base', background: `${this.color}-base` },\n { name: '--color-lighter', background: `${this.color}-lighter` },\n { name: '--color-light', background: `${this.color}-light` },\n { name: '--color-dark', background: `${this.color}-dark` },\n { name: '--info-base', background: 'info-base' },\n { name: '--error-base', background: 'error-base' },\n { name: '--success-lighter', background: 'success-lighter' },\n { name: '--success-base', background: 'success-base' },\n { name: '--success-dark', background: 'success-dark' },\n { name: '--error-lighter', background: 'error-lighter' },\n { name: '--neutral-black', background: 'neutral-black' },\n { name: '--primary-base-neutral-white', background: this.isDarkBackground() ? 'primary-base' : 'neutral-white' },\n { name: '--neutral-base-neutral-medium', background: this.isDarkBackground() ? 'neutral-base' : 'neutral-medium' },\n { name: '--neutral-black-neutral-purewhite', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-purewhite' },\n { name: '--neutral-black-neutral-white', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-white' },\n { name: '--neutral-darker-neutral-base', background: this.isDarkBackground() ? 'neutral-darker' : 'neutral-base' },\n { name: '--neutral-base-neutral-base', background: this.isDarkBackground() ? 'primary-base' : 'neutral-base' },\n { name: '--neutral-purewhite-neutral-dark', background: this.isDarkBackground() ? 'neutral-purewhite' : 'neutral-dark' },\n { name: '--primary-base-neutral-medium', background: this.isDarkBackground() ? 'primary-base' : 'neutral-medium' },\n { name: '--success-base-lighter', background: this.isDarkBackground() ? 'success-base' : 'success-lighter' },\n { name: '--success-dark-base', background: this.isDarkBackground() ? 'success-dark' : 'success-base' },\n { name: '--error-base-lighter', background: this.isDarkBackground() ? 'error-base' : 'error-lighter' },\n { name: '--error-dark-base', background: this.isDarkBackground() ? 'error-dark' : 'error-base' },\n ];\n\n colors.forEach(color => {\n this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);\n });\n this.styles = { ...this.styles };\n }\n\n connectedCallback() {\n this.sizeHandler();\n this.setColors();\n }\n\n /**\n * Callback for form association.\n */\n formAssociatedCallback(form: { ariaLabel: string }) {\n form.ariaLabel = this.label;\n }\n\n /**\n * Callback to restore the switch state from the form.\n */\n formStateRestoreCallback(state: { value: string; checked: boolean; indeterminate: boolean }) {\n this.value = state.value;\n this.checked = state.checked;\n this.indeterminate = state.indeterminate;\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to reset the switch state when the form is reset.\n */\n formResetCallback() {\n this.value = '';\n this.checked = false;\n this.indeterminate = false;\n this.internals.setValidity({});\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to update the switch's disabled state when the form's disabled state changes.\n */\n formDisabledCallback(disabled: boolean) {\n this.disabled = disabled;\n }\n\n handleClick = () => {\n if (this.disabled) return;\n\n this.indeterminate = false;\n this.checked = !this.checked;\n this.internals.setFormValue(this.value);\n this.onchange.emit({ value: this.value, checked: this.checked, indeterminate: this.indeterminate });\n };\n\n getClasses() {\n const classes = {};\n classes['container'] = true;\n classes['checked'] = this.checked;\n classes['disabled'] = this.disabled;\n classes[this.background] = true;\n classes['indeterminate'] = this.indeterminate;\n classes['position'] = this.position === 'right';\n classes[this.status] = true;\n\n return classes;\n }\n\n /**\n * Assigns color based on status and background theme.\n * @param defaultColor Default color.\n */\n @Watch('background')\n @Watch('iconColor')\n assignColor(type: 'icon' | 'label' | 'message') {\n if (this.disabled) return this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark';\n\n const statusColors = {\n success: {\n icon: 'success-dark',\n label: this.isDarkBackground() ? 'success-lighter' : 'success-darker',\n message: this.isDarkBackground() ? 'success-base' : 'success-dark',\n },\n error: {\n icon: 'error-dark',\n label: this.isDarkBackground() ? 'error-lighter' : 'neutral-darker',\n message: this.isDarkBackground() ? 'error-base' : 'error-dark',\n },\n default: {\n icon: this.isDarkIconColor() ? 'neutral-black' : 'neutral-purewhite',\n label: this.isDarkBackground() ? 'neutral-white' : 'neutral-black',\n message: this.isDarkBackground() ? 'primary-lighter' : 'neutral-dark',\n },\n };\n\n return statusColors[this.status][type];\n }\n\n /**\n * Retrieves icon element based on checkbox state.\n */\n getIcon() {\n const iconName = this.indeterminate ? 'minus' : 'check';\n const iconColor = this.assignColor('icon');\n const iconSize = this.size === 'large' ? 20 : 'micro';\n\n return <cura-icon class=\"icon\" name={iconName} size={iconSize} color={iconColor}></cura-icon>;\n }\n\n render() {\n return (\n <Host role=\"checkbox\" aria-checked={this.checked} aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n <div class={this.getClasses()} style={this.styles} onClick={this.handleClick}>\n <div class={`info ${this.textOverflow === 'single' ? 'textoverflow-single' : ''}`}>\n <div class={`label-wrapper ${this.textOverflow === 'single' ? 'textoverflow-single' : ''}`}>\n <cura-label textOverflow={this.textOverflow} class=\"label\" weight=\"bold\" 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 <div class={'checkbox'} tabIndex={this.ontabindex}>\n <input\n type=\"checkbox\"\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n required={this.required}\n checked={this.checked}\n indeterminate={this.indeterminate}\n />\n {this.getIcon()}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"cura-checkbox.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-checkbox/cura-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, Element, h, Host, Watch, EventEmitter, State, AttachInternals } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n tag: 'cura-checkbox',\n styleUrl: 'cura-checkbox.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class CuraCheckbox {\n /**\n * Reflects the checked state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n /**\n * Reflects the indeterminate state of the checkbox.\n * Mutable property allowing state change.\n */\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n /**\n * Status of the checkbox.\n * Can be 'error', 'success', or 'default'.\n */\n @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n /**\n * Reflects the disabled state of the checkbox.\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n /**\n * Reflects the required state of the checkbox.\n */\n @Prop({ reflect: true }) required: boolean = false;\n /**\n * Text label associated with the checkbox.\n */\n @Prop({ reflect: true }) label: string;\n /**\n * Specifies the tabindex of the checkbox.\n */\n @Prop({ reflect: true }) ontabindex: number = 0;\n /**\n * Position of the label relative to the checkbox.\n * Can be 'left' or 'right'.\n */\n @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n /**\n * Value associated with the checkbox.\n */\n @Prop({ reflect: true }) value: string;\n /**\n * Name attribute of the checkbox.\n */\n @Prop({ reflect: true }) name: string;\n /**\n * Size of the checkbox.\n * Can be 'small', 'medium', or 'large'.\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n /**\n * Background theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() background: 'dark' | 'light' = 'light';\n /**\n * iconColor theme of the checkbox.\n * Can be 'dark' or 'light'.\n */\n @Prop() iconColor: 'dark' | 'light' = 'dark';\n /**\n * Color theme of the checkbox.\n */\n @Prop() color = 'accent';\n\n /**\n * Controls how the label text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n @Prop({ reflect: true }) overflowLabel: 'none' | 'single' | string = 'none';\n\n /**\n * Controls how the helper text should handle overflow.\n * - `'none'`: No overflow handling; the label displays normally.\n * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n * - `string`: Custom overflow handling mode.\n *\n * @default 'none'\n */\n @Prop({ reflect: true }) overflowHelper: 'none' | 'single' | string = 'none';\n\n @State() styles = {};\n\n @Element() host: HTMLElement;\n\n @Event() onchange: EventEmitter<{ value: string; checked: boolean; indeterminate: boolean }>;\n\n @AttachInternals() internals: ElementInternals;\n\n isDarkBackground = () => this.background === 'dark';\n\n isDarkIconColor = () => this.iconColor === 'dark';\n\n @Watch('size')\n sizeHandler() {\n this.styles = {\n ...this.styles,\n '--size': `${formsSizes[this.size].size}px`,\n '--gap': `${formsSizes[this.size].gap}px`,\n };\n }\n\n /**\n * Watches changes in color and background properties to update styles.\n */\n @Watch('color')\n @Watch('background')\n setColors() {\n const colors = [\n { name: '--color-base', background: `${this.color}-base` },\n { name: '--color-lighter', background: `${this.color}-lighter` },\n { name: '--color-light', background: `${this.color}-light` },\n { name: '--color-dark', background: `${this.color}-dark` },\n { name: '--info-base', background: 'info-base' },\n { name: '--error-base', background: 'error-base' },\n { name: '--success-lighter', background: 'success-lighter' },\n { name: '--success-base', background: 'success-base' },\n { name: '--success-dark', background: 'success-dark' },\n { name: '--error-lighter', background: 'error-lighter' },\n { name: '--neutral-black', background: 'neutral-black' },\n { name: '--primary-base-neutral-white', background: this.isDarkBackground() ? 'primary-base' : 'neutral-white' },\n { name: '--neutral-base-neutral-medium', background: this.isDarkBackground() ? 'neutral-base' : 'neutral-medium' },\n { name: '--neutral-black-neutral-purewhite', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-purewhite' },\n { name: '--neutral-black-neutral-white', background: this.isDarkBackground() ? 'neutral-black' : 'neutral-white' },\n { name: '--neutral-darker-neutral-base', background: this.isDarkBackground() ? 'neutral-darker' : 'neutral-base' },\n { name: '--neutral-base-neutral-base', background: this.isDarkBackground() ? 'primary-base' : 'neutral-base' },\n { name: '--neutral-purewhite-neutral-dark', background: this.isDarkBackground() ? 'neutral-purewhite' : 'neutral-dark' },\n { name: '--primary-base-neutral-medium', background: this.isDarkBackground() ? 'primary-base' : 'neutral-medium' },\n { name: '--success-base-lighter', background: this.isDarkBackground() ? 'success-base' : 'success-lighter' },\n { name: '--success-dark-base', background: this.isDarkBackground() ? 'success-dark' : 'success-base' },\n { name: '--error-base-lighter', background: this.isDarkBackground() ? 'error-base' : 'error-lighter' },\n { name: '--error-dark-base', background: this.isDarkBackground() ? 'error-dark' : 'error-base' },\n ];\n\n colors.forEach(color => {\n this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);\n });\n this.styles = { ...this.styles };\n }\n\n connectedCallback() {\n this.sizeHandler();\n this.setColors();\n }\n\n /**\n * Callback for form association.\n */\n formAssociatedCallback(form: { ariaLabel: string }) {\n form.ariaLabel = this.label;\n }\n\n /**\n * Callback to restore the switch state from the form.\n */\n formStateRestoreCallback(state: { value: string; checked: boolean; indeterminate: boolean }) {\n this.value = state.value;\n this.checked = state.checked;\n this.indeterminate = state.indeterminate;\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to reset the switch state when the form is reset.\n */\n formResetCallback() {\n this.value = '';\n this.checked = false;\n this.indeterminate = false;\n this.internals.setValidity({});\n this.internals.setFormValue(this.value);\n }\n\n /**\n * Callback to update the switch's disabled state when the form's disabled state changes.\n */\n formDisabledCallback(disabled: boolean) {\n this.disabled = disabled;\n }\n\n handleClick = () => {\n if (this.disabled) return;\n\n this.indeterminate = false;\n this.checked = !this.checked;\n this.internals.setFormValue(this.value);\n this.onchange.emit({ value: this.value, checked: this.checked, indeterminate: this.indeterminate });\n };\n\n getClasses() {\n const classes = {};\n classes['container'] = true;\n classes['checked'] = this.checked;\n classes['disabled'] = this.disabled;\n classes[this.background] = true;\n classes['indeterminate'] = this.indeterminate;\n classes['position'] = this.position === 'right';\n classes[this.status] = true;\n\n return classes;\n }\n\n /**\n * Assigns color based on status and background theme.\n * @param defaultColor Default color.\n */\n @Watch('background')\n @Watch('iconColor')\n assignColor(type: 'icon' | 'label' | 'message') {\n if (this.disabled) return this.isDarkBackground() ? 'neutral-dark' : 'neutral-dark';\n\n const statusColors = {\n success: {\n icon: 'success-dark',\n label: this.isDarkBackground() ? 'success-lighter' : 'success-darker',\n message: this.isDarkBackground() ? 'success-base' : 'success-dark',\n },\n error: {\n icon: 'error-dark',\n label: this.isDarkBackground() ? 'error-lighter' : 'neutral-darker',\n message: this.isDarkBackground() ? 'error-base' : 'error-dark',\n },\n default: {\n icon: this.isDarkIconColor() ? 'neutral-black' : 'neutral-purewhite',\n label: this.isDarkBackground() ? 'neutral-white' : 'neutral-black',\n message: this.isDarkBackground() ? 'primary-lighter' : 'neutral-dark',\n },\n };\n\n return statusColors[this.status][type];\n }\n\n /**\n * Retrieves icon element based on checkbox state.\n */\n getIcon() {\n const iconName = this.indeterminate ? 'minus' : 'check';\n const iconColor = this.assignColor('icon');\n const iconSize = this.size === 'large' ? 20 : 'micro';\n\n return <cura-icon class=\"icon\" name={iconName} size={iconSize} color={iconColor}></cura-icon>;\n }\n\n render() {\n return (\n <Host role=\"checkbox\" aria-checked={this.checked} aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n <div class={this.getClasses()} style={this.styles} onClick={this.handleClick}>\n <div class=\"info\">\n <div class=\"label-wrapper\">\n <cura-label\n textOverflow={this.overflowLabel}\n class={`label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`}\n weight=\"bold\"\n size={this.size === 'large' ? 'medium' : 'xsmall'}\n color={this.assignColor('label')}\n >\n {this.label}\n </cura-label>\n {this.required && (\n <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\">\n *{' '}\n </cura-paragraph>\n )}\n </div>\n <cura-label textOverflow={this.overflowHelper} color={this.assignColor('message')} size=\"xsmall\" class=\"message\">\n <slot></slot>\n </cura-label>\n </div>\n <div class={'checkbox'} tabIndex={this.ontabindex}>\n <input\n type=\"checkbox\"\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n required={this.required}\n checked={this.checked}\n indeterminate={this.indeterminate}\n />\n {this.getIcon()}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
@@ -562,7 +562,7 @@ export class CuraInputText {
|
|
|
562
562
|
"references": {
|
|
563
563
|
"MaskPreset": {
|
|
564
564
|
"location": "local",
|
|
565
|
-
"path": "/
|
|
565
|
+
"path": "/home/marcuslima/Documents/www/rededor/web/cura/packages/component-lib/src/components/forms/cura-input-text/cura-input-text.tsx",
|
|
566
566
|
"id": "src/components/forms/cura-input-text/cura-input-text.tsx::MaskPreset"
|
|
567
567
|
}
|
|
568
568
|
}
|
|
@@ -33,15 +33,18 @@
|
|
|
33
33
|
:host .position .label {
|
|
34
34
|
order: 1;
|
|
35
35
|
}
|
|
36
|
-
:host .
|
|
37
|
-
display: flex;
|
|
38
|
-
flex-direction: column;
|
|
39
|
-
}
|
|
40
|
-
:host .info.textoverflow-single {
|
|
36
|
+
:host .label.textoverflow-single {
|
|
41
37
|
text-overflow: ellipsis;
|
|
42
38
|
white-space: nowrap;
|
|
43
39
|
overflow: hidden;
|
|
44
40
|
display: block;
|
|
41
|
+
min-width: 0;
|
|
42
|
+
max-width: 100%;
|
|
43
|
+
}
|
|
44
|
+
:host .info {
|
|
45
|
+
display: flex;
|
|
46
|
+
flex-direction: column;
|
|
47
|
+
overflow: hidden;
|
|
45
48
|
}
|
|
46
49
|
:host .label-wrapper {
|
|
47
50
|
display: flex;
|
|
@@ -49,12 +52,6 @@
|
|
|
49
52
|
align-items: center;
|
|
50
53
|
gap: 5px;
|
|
51
54
|
}
|
|
52
|
-
:host .label-wrapper.textoverflow-single {
|
|
53
|
-
text-overflow: ellipsis;
|
|
54
|
-
white-space: nowrap;
|
|
55
|
-
overflow: hidden;
|
|
56
|
-
display: block;
|
|
57
|
-
}
|
|
58
55
|
:host .control {
|
|
59
56
|
width: fit-content;
|
|
60
57
|
cursor: pointer;
|
|
@@ -27,7 +27,8 @@ export class CuraRadio {
|
|
|
27
27
|
this.background = 'light';
|
|
28
28
|
this.size = 'medium';
|
|
29
29
|
this.color = 'accent';
|
|
30
|
-
this.
|
|
30
|
+
this.overflowLabel = 'none';
|
|
31
|
+
this.overflowHelper = 'none';
|
|
31
32
|
this.styles = {};
|
|
32
33
|
}
|
|
33
34
|
sizeHandler() {
|
|
@@ -121,7 +122,7 @@ export class CuraRadio {
|
|
|
121
122
|
return statusColors[this.status][type];
|
|
122
123
|
}
|
|
123
124
|
render() {
|
|
124
|
-
return (h(Host, { key: '
|
|
125
|
+
return (h(Host, { key: '550e164f2be33f4fdad6c194302723a00e51843c', role: "radio", "aria-checked": this.checked, "aria-disabled": this.disabled, "aria-required": this.required, "aria-invalid": this.status === 'error' }, h("div", { key: 'ebcfef353b7dd4655b1d809025060db952927521', class: this.getClasses(), style: this.styles, onClick: this.handleClick }, h("div", { key: '436ecc0f4fd72ff6a00a2a47f494e08aae65b3d6', class: "info" }, h("div", { key: '4836e4ce83d1fc3b338cfd216b46a7791ba6dc90', class: "label-wrapper" }, h("cura-label", { key: '434f0b816eee11b7da0b44f37880e31c52e2f853', textOverflow: this.overflowLabel, class: `label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`, size: this.size === 'large' ? 'medium' : 'xsmall', color: this.assignColor('label') }, this.label), this.required && (h("cura-paragraph", { key: '1d06464488947f469abd5c3d1c25ebb2ed63a5bd', lineHeight: "0%", marginBlock: "0", color: "error-base" }, "*", ' '))), h("cura-label", { key: '508bb787d2da5d25de48516ed64d6b02c94d8546', textOverflow: this.overflowHelper, color: this.assignColor('message'), size: "xsmall", class: "message" }, h("slot", { key: 'f35d5c895f74ec02987474e71df9a5067ea51e70' }))), h("input", { key: 'fbd6ba47d6e8a9c812ad986964749507f9d33d62', 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 }))));
|
|
125
126
|
}
|
|
126
127
|
static get is() { return "cura-radio"; }
|
|
127
128
|
static get encapsulation() { return "shadow"; }
|
|
@@ -353,7 +354,7 @@ export class CuraRadio {
|
|
|
353
354
|
"reflect": false,
|
|
354
355
|
"defaultValue": "'accent'"
|
|
355
356
|
},
|
|
356
|
-
"
|
|
357
|
+
"overflowLabel": {
|
|
357
358
|
"type": "string",
|
|
358
359
|
"mutable": false,
|
|
359
360
|
"complexType": {
|
|
@@ -364,10 +365,34 @@ export class CuraRadio {
|
|
|
364
365
|
"required": false,
|
|
365
366
|
"optional": false,
|
|
366
367
|
"docs": {
|
|
367
|
-
"tags": [
|
|
368
|
-
|
|
368
|
+
"tags": [{
|
|
369
|
+
"name": "default",
|
|
370
|
+
"text": "'none'"
|
|
371
|
+
}],
|
|
372
|
+
"text": "Controls how the label text should handle overflow.\n- `'none'`: No overflow handling; the label displays normally.\n- `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n- `string`: Custom overflow handling mode."
|
|
373
|
+
},
|
|
374
|
+
"attribute": "overflow-label",
|
|
375
|
+
"reflect": true,
|
|
376
|
+
"defaultValue": "'none'"
|
|
377
|
+
},
|
|
378
|
+
"overflowHelper": {
|
|
379
|
+
"type": "string",
|
|
380
|
+
"mutable": false,
|
|
381
|
+
"complexType": {
|
|
382
|
+
"original": "'none' | 'single' | string",
|
|
383
|
+
"resolved": "string",
|
|
384
|
+
"references": {}
|
|
385
|
+
},
|
|
386
|
+
"required": false,
|
|
387
|
+
"optional": false,
|
|
388
|
+
"docs": {
|
|
389
|
+
"tags": [{
|
|
390
|
+
"name": "default",
|
|
391
|
+
"text": "'none'"
|
|
392
|
+
}],
|
|
393
|
+
"text": "Controls how the helper text should handle overflow.\n- `'none'`: No overflow handling; the label displays normally.\n- `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n- `string`: Custom overflow handling mode."
|
|
369
394
|
},
|
|
370
|
-
"attribute": "
|
|
395
|
+
"attribute": "overflow-helper",
|
|
371
396
|
"reflect": true,
|
|
372
397
|
"defaultValue": "'none'"
|
|
373
398
|
}
|