@lu-development/ux-patterns - npm Package Compare versions

Comparing version 1.7.0-dev.202001211757.6b04b10 to 1.7.0-dev.202001211806.461bdf3

dist/cjs/loader.cjs.js

@@ -9,3 +9,3 @@ 'use strict';
   return core.patchEsm().then(() => {
-    core.bootstrapLazy([["lu-card-image.cjs",[[1,"lu-card-image",{"altText":[1,"alt-text"],"iconColor":[1,"icon-color"],"iconName":[1,"icon-name"],"iconSize":[1,"icon-size"],"isIcon":[4,"is-icon"],"src":[1]}]]],["lu-fab-button.cjs",[[1,"lu-fab-button",{"color":[1],"activated":[4],"disabled":[4],"href":[1],"isExternallyManaged":[4,"is-externally-managed"],"show":[1028],"selected":[1028],"toggleButton":[4,"toggle-button"],"translucent":[4],"type":[1],"size":[1],"value":[8],"keyFocus":[32]}]]],["lu-icon-finder.cjs",[[1,"lu-icon-finder"]]],["lu-modal.cjs",[[2,"lu-modal",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]}]]],["lu-side-menu.cjs",[[1,"lu-side-menu",{"color":[1],"isVisible":[1028,"is-visible"],"isCollapsible":[1540,"is-collapsible"],"isCollapsed":[1540,"is-collapsed"],"hasBoxShadow":[4,"has-box-shadow"],"externallyManaged":[4,"externally-managed"],"makeVisible":[64],"isHidden":[64],"collapsedHandler":[64]},[[0,"keydown","handleEscape"]]]]],["lu-toggle.cjs",[[1,"lu-toggle",{"startSelected":[1028,"start-selected"],"startText":[1,"start-text"],"startValue":[8,"start-value"],"endText":[1,"end-text"],"endValue":[8,"end-value"],"value":[1032]}]]],["lu-button.cjs",[[1,"lu-button",{"color":[1],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"href":[1],"rel":[1],"shape":[513],"size":[513],"strong":[4],"target":[1],"type":[1],"keyFocus":[32]}]]],["lu-card.cjs",[[1,"lu-card",{"color":[1]}]]],["lu-card-buttons.cjs",[[1,"lu-card-buttons"]]],["lu-card-content.cjs",[[0,"lu-card-content"]]],["lu-card-footer.cjs",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["lu-card-header.cjs",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["lu-card-title.cjs",[[1,"lu-card-title",{"color":[1]}]]],["lu-fab.cjs",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["lu-fab-list.cjs",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["lu-gdpr-consent.cjs",[[1,"lu-gdpr-consent",{"hidden":[32],"grantConsentCookie":[64],"revokeConsentCookie":[64],"resetConsentCookie":[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["lu-header.cjs",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["lu-img.cjs",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["lu-skeleton-text.cjs",[[1,"lu-skeleton-text",{"width":[1]}]]],["lu-spinner.cjs",[[1,"lu-spinner",{"dataColor":[1,"data-color"],"dataScale":[2,"data-scale"],"dataDuration":[2,"data-duration"],"dataPaused":[4,"data-paused"],"dataHidden":[4,"data-hidden"],"dataMessage":[1,"data-message"]}]]],["lu-text-area.cjs",[[1,"lu-text-area",{"invalid":[4],"valid":[4],"useId":[1025,"use-id"],"color":[1],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"isResetting":[32],"setFocus":[64],"getInputElement":[64],"updateValue":[64]}]]],["lu-backdrop.cjs",[[1,"lu-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["lu-checkbox_15.cjs",[[1,"lu-form-group",{"clearErrorStateOnClearInput":[4,"clear-error-state-on-clear-input"],"clearInput":[4,"clear-input"],"color":[1],"cssClass":[1,"css-class"],"clearOnEdit":[1028,"clear-on-edit"],"errorMessage":[1025,"error-message"],"externallyDeemedValid":[1028,"externally-deemed-valid"],"externallyDeemedInvalid":[1028,"externally-deemed-invalid"],"forId":[1025,"for-id"],"helperText":[1,"helper-text"],"useId":[1025,"use-id"],"isExternallyValidated":[4,"is-externally-validated"],"isValidatedOnSubmission":[4,"is-validated-on-submission"],"labelText":[1,"label-text"],"updateTrigger":[1,"update-trigger"],"useAsteriskAsRequiredIndicator":[4,"use-asterisk-as-required-indicator"],"value":[32],"isCheckboxGroup":[32],"isValid":[32],"isInvalid":[32],"isSelect":[32],"isRadioGroup":[32],"isRequired":[32],"isTextArea":[32],"needsEmailValidation":[32],"needsPatternValidation":[32],"needsPasswordValidation":[32],"pattern":[32],"isInput":[32],"generatedErrorMessage":[32],"validate":[64],"updateValue":[64],"getValidationValues":[64]}],[1,"lu-input",{"accept":[1],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"useId":[1025,"use-id"],"inputmode":[1],"invalid":[4],"list":[1],"max":[8],"min":[8],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"prefixIcon":[1,"prefix-icon"],"prefixIconClickable":[4,"prefix-icon-clickable"],"suffixIcon":[1025,"suffix-icon"],"suffixIconClickable":[1028,"suffix-icon-clickable"],"readOnly":[4,"read-only"],"required":[4],"size":[2],"spellcheck":[4],"step":[8],"tabIndexWanted":[2,"tab-index-wanted"],"type":[1],"valid":[4],"value":[1025],"hasFocus":[32],"isResetting":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-checkbox",{"color":[1],"name":[1],"labeledById":[1,"labeled-by-id"],"checked":[1028],"disabled":[4],"isExternallyManaged":[4,"is-externally-managed"],"value":[8],"keyFocus":[32],"hasFocus":[32]}],[4,"lu-checkbox-group",{"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"value":[1040],"isResetting":[32],"componentLoaded":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]],[0,"lu-form-validation",{"wrappingValidation":[16],"value":[1040],"useId":[1,"use-id"],"primaryCompoundId":[1,"primary-compound-id"],"isValid":[1540,"is-valid"],"isInvalid":[1540,"is-invalid"],"formGroups":[32],"wrappingValidationIsValid":[32],"wrappingValidationIsInvalid":[32],"failedWrappingValidatorsData":[32],"updateValues":[64],"forceValidation":[64]}],[1,"lu-grid",{"fixed":[4]}],[1,"lu-radio",{"color":[1],"canDeselect":[4,"can-deselect"],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"]]],[0,"lu-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"value":[1032],"isResetting":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-row"],[1,"lu-select",{"useId":[1025,"use-id"],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"value":[1032],"selectedValueName":[1032,"selected-value-name"],"showPlaceholderOption":[4,"show-placeholder-option"],"required":[4],"options":[1040],"valid":[4],"isResetting":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-tab",{"active":[1540],"labelledById":[1025,"labelled-by-id"],"name":[8],"noSlide":[8,"no-slide"],"isFocused":[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]],[1,"lu-tabs",{"value":[1025],"label":[1],"noSlide":[4,"no-slide"],"tabs":[32],"tabIncrement":[32],"selectionBar":[32],"currentOrderedTabsArray":[32],"pos":[32],"left":[32],"width":[32],"focusedNode":[32],"elementResized":[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]],[1,"lu-label",{"color":[1],"labelText":[1,"label-text"],"required":[4],"optional":[4],"forId":[513,"for-id"],"useId":[1025,"use-id"],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"useAsteriskAsRequiredIndicator":[4,"use-asterisk-as-required-indicator"]}],[1,"lu-icon",{"color":[1],"mode":[1],"ariaLabel":[1537,"aria-label"],"ios":[1],"md":[1],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[1],"size":[1],"hexColor":[1,"hex-color"],"svgContent":[32],"isVisible":[32]}]]]], options);
+    core.bootstrapLazy([["lu-card-image.cjs",[[1,"lu-card-image",{"altText":[1,"alt-text"],"iconColor":[1,"icon-color"],"iconName":[1,"icon-name"],"iconSize":[1,"icon-size"],"isIcon":[4,"is-icon"],"src":[1]}]]],["lu-fab-button.cjs",[[1,"lu-fab-button",{"color":[1],"activated":[4],"disabled":[4],"href":[1],"isExternallyManaged":[4,"is-externally-managed"],"show":[1028],"selected":[1028],"toggleButton":[4,"toggle-button"],"translucent":[4],"type":[1],"size":[1],"value":[8],"keyFocus":[32]}]]],["lu-icon-finder.cjs",[[1,"lu-icon-finder"]]],["lu-modal.cjs",[[2,"lu-modal",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]}]]],["lu-side-menu.cjs",[[1,"lu-side-menu",{"color":[1],"isVisible":[1028,"is-visible"],"isCollapsible":[1540,"is-collapsible"],"isCollapsed":[1540,"is-collapsed"],"hasBoxShadow":[4,"has-box-shadow"],"externallyManaged":[4,"externally-managed"],"makeVisible":[64],"isHidden":[64],"collapsedHandler":[64]},[[0,"keydown","handleEscape"]]]]],["lu-toggle.cjs",[[1,"lu-toggle",{"startSelected":[1028,"start-selected"],"startText":[1,"start-text"],"startValue":[8,"start-value"],"endText":[1,"end-text"],"endValue":[8,"end-value"],"value":[1032]}]]],["lu-card.cjs",[[1,"lu-card",{"color":[1]}]]],["lu-card-buttons.cjs",[[1,"lu-card-buttons"]]],["lu-card-content.cjs",[[0,"lu-card-content"]]],["lu-card-footer.cjs",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["lu-card-header.cjs",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["lu-card-title.cjs",[[1,"lu-card-title",{"color":[1]}]]],["lu-checkbox.cjs",[[1,"lu-checkbox",{"color":[1],"name":[1],"labeledById":[1,"labeled-by-id"],"checked":[1028],"disabled":[4],"isExternallyManaged":[4,"is-externally-managed"],"value":[8],"keyFocus":[32],"hasFocus":[32]}]]],["lu-checkbox-group.cjs",[[4,"lu-checkbox-group",{"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1040],"isResetting":[32],"componentLoaded":[32],"setFocus":[64],"updateValue":[64]}]]],["lu-col.cjs",[[1,"lu-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["lu-fab.cjs",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["lu-fab-list.cjs",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["lu-gdpr-consent.cjs",[[1,"lu-gdpr-consent",{"hidden":[32],"grantConsentCookie":[64],"revokeConsentCookie":[64],"resetConsentCookie":[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["lu-grid.cjs",[[1,"lu-grid",{"fixed":[4]}]]],["lu-header.cjs",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["lu-img.cjs",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["lu-radio.cjs",[[1,"lu-radio",{"color":[1],"canDeselect":[4,"can-deselect"],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"]]]]],["lu-radio-group.cjs",[[0,"lu-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1032],"isResetting":[32],"setFocus":[64],"updateValue":[64]}]]],["lu-row.cjs",[[1,"lu-row"]]],["lu-select.cjs",[[1,"lu-select",{"useId":[1025,"use-id"],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"value":[1032],"selectedValueName":[1032,"selected-value-name"],"showPlaceholderOption":[4,"show-placeholder-option"],"required":[4],"options":[1040],"valid":[4],"isResetting":[32],"setFocus":[64],"updateValue":[64]}]]],["lu-spinner.cjs",[[1,"lu-spinner",{"dataColor":[1,"data-color"],"dataScale":[2,"data-scale"],"dataDuration":[2,"data-duration"],"dataPaused":[4,"data-paused"],"dataHidden":[4,"data-hidden"],"dataMessage":[1,"data-message"]}]]],["lu-tab.cjs",[[1,"lu-tab",{"active":[1540],"labelledById":[1025,"labelled-by-id"],"name":[8],"noSlide":[8,"no-slide"],"isFocused":[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]]]],["lu-tabs.cjs",[[1,"lu-tabs",{"value":[1025],"label":[1],"noSlide":[4,"no-slide"],"tabs":[32],"tabIncrement":[32],"selectionBar":[32],"currentOrderedTabsArray":[32],"pos":[32],"left":[32],"width":[32],"focusedNode":[32],"elementResized":[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]]]],["lu-text-area.cjs",[[1,"lu-text-area",{"invalid":[4],"valid":[4],"useId":[1025,"use-id"],"color":[1],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"isResetting":[32],"setFocus":[64],"getInputElement":[64],"updateValue":[64]}]]],["lu-backdrop.cjs",[[1,"lu-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["lu-button_10.cjs",[[1,"lu-combo-box",{"color":[1],"disabled":[4],"type":[1],"multipleSelections":[4,"multiple-selections"],"autoSuggestEnabled":[4,"auto-suggest-enabled"],"value":[1040],"apiErrorCount":[2,"api-error-count"],"forEmail":[4,"for-email"],"searchResults":[1040],"invalid":[4],"name":[1],"purpose":[1],"valid":[4],"required":[4],"hasFocus":[32],"activeIndex":[32],"currentSearch":[32],"displayedSearchResults":[32],"isLoading":[32],"isResetting":[32],"text":[32],"shouldPreventDefaultBlurActions":[32],"setFocus":[64],"updateValue":[64]},[[8,"luUpdatedComboBoxSearchResults","onLuUpdatedComboBoxSearchResults"],[0,"keydown","handleKeyDown"]]],[1,"lu-form-group",{"clearErrorStateOnClearInput":[4,"clear-error-state-on-clear-input"],"clearInput":[4,"clear-input"],"color":[1],"cssClass":[1,"css-class"],"clearOnEdit":[1028,"clear-on-edit"],"errorMessage":[1025,"error-message"],"externallyDeemedValid":[1028,"externally-deemed-valid"],"externallyDeemedInvalid":[1028,"externally-deemed-invalid"],"forId":[1025,"for-id"],"helperText":[1,"helper-text"],"useId":[1025,"use-id"],"isExternallyValidated":[4,"is-externally-validated"],"isValidatedOnSubmission":[4,"is-validated-on-submission"],"labelText":[1,"label-text"],"updateTrigger":[1,"update-trigger"],"useAsteriskAsRequiredIndicator":[4,"use-asterisk-as-required-indicator"],"value":[32],"isValid":[32],"isInvalid":[32],"isRequired":[32],"needsEmailValidation":[32],"needsPatternValidation":[32],"needsPasswordValidation":[32],"pattern":[32],"generatedErrorMessage":[32],"validate":[64],"updateValue":[64],"getValidationValues":[64]}],[1,"lu-combo-box-connector",{"purpose":[1],"searchResults":[16]},[[8,"luNewSearchResultRequested","onLuNewSearchResultRequested"]]],[0,"lu-form-validation",{"wrappingValidation":[16],"value":[1040],"useId":[1,"use-id"],"primaryCompoundId":[1,"primary-compound-id"],"isValid":[1540,"is-valid"],"isInvalid":[1540,"is-invalid"],"formGroups":[32],"wrappingValidationIsValid":[32],"wrappingValidationIsInvalid":[32],"failedWrappingValidatorsData":[32],"updateValues":[64],"forceValidation":[64]}],[1,"lu-combo-box-selection",{"isEditing":[4,"is-editing"],"selection":[16],"isEmail":[4,"is-email"]}],[1,"lu-input",{"accept":[1],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"useId":[1025,"use-id"],"inputmode":[1],"invalid":[4],"list":[1],"max":[8],"min":[8],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"multiple":[4],"name":[1],"noBorder":[4,"no-border"],"pattern":[1],"placeholder":[1],"prefixIcon":[1,"prefix-icon"],"prefixIconClickable":[4,"prefix-icon-clickable"],"suffixIcon":[1025,"suffix-icon"],"suffixIconClickable":[1028,"suffix-icon-clickable"],"readOnly":[4,"read-only"],"required":[4],"size":[2],"spellcheck":[4],"step":[8],"tabIndexWanted":[2,"tab-index-wanted"],"type":[1],"valid":[4],"value":[1025],"hasFocus":[32],"isResetting":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-label",{"color":[1],"labelText":[1,"label-text"],"required":[4],"optional":[4],"forId":[513,"for-id"],"useId":[1025,"use-id"],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"useAsteriskAsRequiredIndicator":[4,"use-asterisk-as-required-indicator"]}],[1,"lu-skeleton-text",{"width":[1],"shouldAnimate":[4,"should-animate"]}],[1,"lu-button",{"color":[1],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"href":[1],"rel":[1],"shape":[513],"size":[513],"strong":[4],"target":[1],"type":[1],"keyFocus":[32]}],[1,"lu-icon",{"color":[1],"mode":[1],"ariaLabel":[1537,"aria-label"],"ios":[1],"md":[1],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[1],"size":[1],"hexColor":[1,"hex-color"],"buttonRole":[4,"button-role"],"svgContent":[32],"isVisible":[32]}]]]], options);
   });
@@ -12,0 +12,0 @@ };

dist/cjs/lu-icon-finder.cjs.entry.js

@@ -30,3 +30,3 @@ 'use strict';
         // Please look at the rollup replace plugin in stencil.config.ts
-        'https://icons-ux-design-system.apps.rhocp.awsos.liberty.edu/icon-manifest.json')
+        ',icon-manifest.json')
             .then(response => response.json())
@@ -33,0 +33,0 @@ .then(icons => {

dist/cjs/lu-modal.cjs.entry.js

@@ -7,4 +7,4 @@ 'use strict';
 const overlays = require('./overlays-c75b81b7.js');
+const helpers = require('./helpers-e36733a7.js');
 const theme = require('./theme-367c0c68.js');
-const helpers = require('./helpers-e36733a7.js');
 
@@ -11,0 +11,0 @@ const attachComponent = async (delegate, container, component, cssClasses, componentProps) => {

dist/cjs/lu-text-area.cjs.entry.js

@@ -6,4 +6,4 @@ 'use strict';
 const core = require('./core-c171cfd3.js');
+const helpers = require('./helpers-e36733a7.js');
 const theme = require('./theme-367c0c68.js');
-const helpers = require('./helpers-e36733a7.js');
 
@@ -10,0 +10,0 @@ const TextArea = class {

dist/cjs/uxpatterns.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 core.patchBrowser().then(options => {
-  return core.bootstrapLazy([["lu-card-image.cjs",[[1,"lu-card-image",{"altText":[1,"alt-text"],"iconColor":[1,"icon-color"],"iconName":[1,"icon-name"],"iconSize":[1,"icon-size"],"isIcon":[4,"is-icon"],"src":[1]}]]],["lu-fab-button.cjs",[[1,"lu-fab-button",{"color":[1],"activated":[4],"disabled":[4],"href":[1],"isExternallyManaged":[4,"is-externally-managed"],"show":[1028],"selected":[1028],"toggleButton":[4,"toggle-button"],"translucent":[4],"type":[1],"size":[1],"value":[8],"keyFocus":[32]}]]],["lu-icon-finder.cjs",[[1,"lu-icon-finder"]]],["lu-modal.cjs",[[2,"lu-modal",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]}]]],["lu-side-menu.cjs",[[1,"lu-side-menu",{"color":[1],"isVisible":[1028,"is-visible"],"isCollapsible":[1540,"is-collapsible"],"isCollapsed":[1540,"is-collapsed"],"hasBoxShadow":[4,"has-box-shadow"],"externallyManaged":[4,"externally-managed"],"makeVisible":[64],"isHidden":[64],"collapsedHandler":[64]},[[0,"keydown","handleEscape"]]]]],["lu-toggle.cjs",[[1,"lu-toggle",{"startSelected":[1028,"start-selected"],"startText":[1,"start-text"],"startValue":[8,"start-value"],"endText":[1,"end-text"],"endValue":[8,"end-value"],"value":[1032]}]]],["lu-button.cjs",[[1,"lu-button",{"color":[1],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"href":[1],"rel":[1],"shape":[513],"size":[513],"strong":[4],"target":[1],"type":[1],"keyFocus":[32]}]]],["lu-card.cjs",[[1,"lu-card",{"color":[1]}]]],["lu-card-buttons.cjs",[[1,"lu-card-buttons"]]],["lu-card-content.cjs",[[0,"lu-card-content"]]],["lu-card-footer.cjs",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["lu-card-header.cjs",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["lu-card-title.cjs",[[1,"lu-card-title",{"color":[1]}]]],["lu-fab.cjs",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["lu-fab-list.cjs",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["lu-gdpr-consent.cjs",[[1,"lu-gdpr-consent",{"hidden":[32],"grantConsentCookie":[64],"revokeConsentCookie":[64],"resetConsentCookie":[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["lu-header.cjs",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["lu-img.cjs",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["lu-skeleton-text.cjs",[[1,"lu-skeleton-text",{"width":[1]}]]],["lu-spinner.cjs",[[1,"lu-spinner",{"dataColor":[1,"data-color"],"dataScale":[2,"data-scale"],"dataDuration":[2,"data-duration"],"dataPaused":[4,"data-paused"],"dataHidden":[4,"data-hidden"],"dataMessage":[1,"data-message"]}]]],["lu-text-area.cjs",[[1,"lu-text-area",{"invalid":[4],"valid":[4],"useId":[1025,"use-id"],"color":[1],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"isResetting":[32],"setFocus":[64],"getInputElement":[64],"updateValue":[64]}]]],["lu-backdrop.cjs",[[1,"lu-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["lu-checkbox_15.cjs",[[1,"lu-form-group",{"clearErrorStateOnClearInput":[4,"clear-error-state-on-clear-input"],"clearInput":[4,"clear-input"],"color":[1],"cssClass":[1,"css-class"],"clearOnEdit":[1028,"clear-on-edit"],"errorMessage":[1025,"error-message"],"externallyDeemedValid":[1028,"externally-deemed-valid"],"externallyDeemedInvalid":[1028,"externally-deemed-invalid"],"forId":[1025,"for-id"],"helperText":[1,"helper-text"],"useId":[1025,"use-id"],"isExternallyValidated":[4,"is-externally-validated"],"isValidatedOnSubmission":[4,"is-validated-on-submission"],"labelText":[1,"label-text"],"updateTrigger":[1,"update-trigger"],"useAsteriskAsRequiredIndicator":[4,"use-asterisk-as-required-indicator"],"value":[32],"isCheckboxGroup":[32],"isValid":[32],"isInvalid":[32],"isSelect":[32],"isRadioGroup":[32],"isRequired":[32],"isTextArea":[32],"needsEmailValidation":[32],"needsPatternValidation":[32],"needsPasswordValidation":[32],"pattern":[32],"isInput":[32],"generatedErrorMessage":[32],"validate":[64],"updateValue":[64],"getValidationValues":[64]}],[1,"lu-input",{"accept":[1],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"useId":[1025,"use-id"],"inputmode":[1],"invalid":[4],"list":[1],"max":[8],"min":[8],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"prefixIcon":[1,"prefix-icon"],"prefixIconClickable":[4,"prefix-icon-clickable"],"suffixIcon":[1025,"suffix-icon"],"suffixIconClickable":[1028,"suffix-icon-clickable"],"readOnly":[4,"read-only"],"required":[4],"size":[2],"spellcheck":[4],"step":[8],"tabIndexWanted":[2,"tab-index-wanted"],"type":[1],"valid":[4],"value":[1025],"hasFocus":[32],"isResetting":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-checkbox",{"color":[1],"name":[1],"labeledById":[1,"labeled-by-id"],"checked":[1028],"disabled":[4],"isExternallyManaged":[4,"is-externally-managed"],"value":[8],"keyFocus":[32],"hasFocus":[32]}],[4,"lu-checkbox-group",{"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"value":[1040],"isResetting":[32],"componentLoaded":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]],[0,"lu-form-validation",{"wrappingValidation":[16],"value":[1040],"useId":[1,"use-id"],"primaryCompoundId":[1,"primary-compound-id"],"isValid":[1540,"is-valid"],"isInvalid":[1540,"is-invalid"],"formGroups":[32],"wrappingValidationIsValid":[32],"wrappingValidationIsInvalid":[32],"failedWrappingValidatorsData":[32],"updateValues":[64],"forceValidation":[64]}],[1,"lu-grid",{"fixed":[4]}],[1,"lu-radio",{"color":[1],"canDeselect":[4,"can-deselect"],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"]]],[0,"lu-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"value":[1032],"isResetting":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-row"],[1,"lu-select",{"useId":[1025,"use-id"],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"value":[1032],"selectedValueName":[1032,"selected-value-name"],"showPlaceholderOption":[4,"show-placeholder-option"],"required":[4],"options":[1040],"valid":[4],"isResetting":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-tab",{"active":[1540],"labelledById":[1025,"labelled-by-id"],"name":[8],"noSlide":[8,"no-slide"],"isFocused":[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]],[1,"lu-tabs",{"value":[1025],"label":[1],"noSlide":[4,"no-slide"],"tabs":[32],"tabIncrement":[32],"selectionBar":[32],"currentOrderedTabsArray":[32],"pos":[32],"left":[32],"width":[32],"focusedNode":[32],"elementResized":[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]],[1,"lu-label",{"color":[1],"labelText":[1,"label-text"],"required":[4],"optional":[4],"forId":[513,"for-id"],"useId":[1025,"use-id"],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"useAsteriskAsRequiredIndicator":[4,"use-asterisk-as-required-indicator"]}],[1,"lu-icon",{"color":[1],"mode":[1],"ariaLabel":[1537,"aria-label"],"ios":[1],"md":[1],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[1],"size":[1],"hexColor":[1,"hex-color"],"svgContent":[32],"isVisible":[32]}]]]], options);
+  return core.bootstrapLazy([["lu-card-image.cjs",[[1,"lu-card-image",{"altText":[1,"alt-text"],"iconColor":[1,"icon-color"],"iconName":[1,"icon-name"],"iconSize":[1,"icon-size"],"isIcon":[4,"is-icon"],"src":[1]}]]],["lu-fab-button.cjs",[[1,"lu-fab-button",{"color":[1],"activated":[4],"disabled":[4],"href":[1],"isExternallyManaged":[4,"is-externally-managed"],"show":[1028],"selected":[1028],"toggleButton":[4,"toggle-button"],"translucent":[4],"type":[1],"size":[1],"value":[8],"keyFocus":[32]}]]],["lu-icon-finder.cjs",[[1,"lu-icon-finder"]]],["lu-modal.cjs",[[2,"lu-modal",{"overlayIndex":[2,"overlay-index"],"delegate":[16],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"showBackdrop":[4,"show-backdrop"],"animated":[4],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]}]]],["lu-side-menu.cjs",[[1,"lu-side-menu",{"color":[1],"isVisible":[1028,"is-visible"],"isCollapsible":[1540,"is-collapsible"],"isCollapsed":[1540,"is-collapsed"],"hasBoxShadow":[4,"has-box-shadow"],"externallyManaged":[4,"externally-managed"],"makeVisible":[64],"isHidden":[64],"collapsedHandler":[64]},[[0,"keydown","handleEscape"]]]]],["lu-toggle.cjs",[[1,"lu-toggle",{"startSelected":[1028,"start-selected"],"startText":[1,"start-text"],"startValue":[8,"start-value"],"endText":[1,"end-text"],"endValue":[8,"end-value"],"value":[1032]}]]],["lu-card.cjs",[[1,"lu-card",{"color":[1]}]]],["lu-card-buttons.cjs",[[1,"lu-card-buttons"]]],["lu-card-content.cjs",[[0,"lu-card-content"]]],["lu-card-footer.cjs",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["lu-card-header.cjs",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["lu-card-title.cjs",[[1,"lu-card-title",{"color":[1]}]]],["lu-checkbox.cjs",[[1,"lu-checkbox",{"color":[1],"name":[1],"labeledById":[1,"labeled-by-id"],"checked":[1028],"disabled":[4],"isExternallyManaged":[4,"is-externally-managed"],"value":[8],"keyFocus":[32],"hasFocus":[32]}]]],["lu-checkbox-group.cjs",[[4,"lu-checkbox-group",{"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1040],"isResetting":[32],"componentLoaded":[32],"setFocus":[64],"updateValue":[64]}]]],["lu-col.cjs",[[1,"lu-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["lu-fab.cjs",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["lu-fab-list.cjs",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["lu-gdpr-consent.cjs",[[1,"lu-gdpr-consent",{"hidden":[32],"grantConsentCookie":[64],"revokeConsentCookie":[64],"resetConsentCookie":[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["lu-grid.cjs",[[1,"lu-grid",{"fixed":[4]}]]],["lu-header.cjs",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["lu-img.cjs",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["lu-radio.cjs",[[1,"lu-radio",{"color":[1],"canDeselect":[4,"can-deselect"],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"]]]]],["lu-radio-group.cjs",[[0,"lu-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1032],"isResetting":[32],"setFocus":[64],"updateValue":[64]}]]],["lu-row.cjs",[[1,"lu-row"]]],["lu-select.cjs",[[1,"lu-select",{"useId":[1025,"use-id"],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"value":[1032],"selectedValueName":[1032,"selected-value-name"],"showPlaceholderOption":[4,"show-placeholder-option"],"required":[4],"options":[1040],"valid":[4],"isResetting":[32],"setFocus":[64],"updateValue":[64]}]]],["lu-spinner.cjs",[[1,"lu-spinner",{"dataColor":[1,"data-color"],"dataScale":[2,"data-scale"],"dataDuration":[2,"data-duration"],"dataPaused":[4,"data-paused"],"dataHidden":[4,"data-hidden"],"dataMessage":[1,"data-message"]}]]],["lu-tab.cjs",[[1,"lu-tab",{"active":[1540],"labelledById":[1025,"labelled-by-id"],"name":[8],"noSlide":[8,"no-slide"],"isFocused":[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]]]],["lu-tabs.cjs",[[1,"lu-tabs",{"value":[1025],"label":[1],"noSlide":[4,"no-slide"],"tabs":[32],"tabIncrement":[32],"selectionBar":[32],"currentOrderedTabsArray":[32],"pos":[32],"left":[32],"width":[32],"focusedNode":[32],"elementResized":[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]]]],["lu-text-area.cjs",[[1,"lu-text-area",{"invalid":[4],"valid":[4],"useId":[1025,"use-id"],"color":[1],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"isResetting":[32],"setFocus":[64],"getInputElement":[64],"updateValue":[64]}]]],["lu-backdrop.cjs",[[1,"lu-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["lu-button_10.cjs",[[1,"lu-combo-box",{"color":[1],"disabled":[4],"type":[1],"multipleSelections":[4,"multiple-selections"],"autoSuggestEnabled":[4,"auto-suggest-enabled"],"value":[1040],"apiErrorCount":[2,"api-error-count"],"forEmail":[4,"for-email"],"searchResults":[1040],"invalid":[4],"name":[1],"purpose":[1],"valid":[4],"required":[4],"hasFocus":[32],"activeIndex":[32],"currentSearch":[32],"displayedSearchResults":[32],"isLoading":[32],"isResetting":[32],"text":[32],"shouldPreventDefaultBlurActions":[32],"setFocus":[64],"updateValue":[64]},[[8,"luUpdatedComboBoxSearchResults","onLuUpdatedComboBoxSearchResults"],[0,"keydown","handleKeyDown"]]],[1,"lu-form-group",{"clearErrorStateOnClearInput":[4,"clear-error-state-on-clear-input"],"clearInput":[4,"clear-input"],"color":[1],"cssClass":[1,"css-class"],"clearOnEdit":[1028,"clear-on-edit"],"errorMessage":[1025,"error-message"],"externallyDeemedValid":[1028,"externally-deemed-valid"],"externallyDeemedInvalid":[1028,"externally-deemed-invalid"],"forId":[1025,"for-id"],"helperText":[1,"helper-text"],"useId":[1025,"use-id"],"isExternallyValidated":[4,"is-externally-validated"],"isValidatedOnSubmission":[4,"is-validated-on-submission"],"labelText":[1,"label-text"],"updateTrigger":[1,"update-trigger"],"useAsteriskAsRequiredIndicator":[4,"use-asterisk-as-required-indicator"],"value":[32],"isValid":[32],"isInvalid":[32],"isRequired":[32],"needsEmailValidation":[32],"needsPatternValidation":[32],"needsPasswordValidation":[32],"pattern":[32],"generatedErrorMessage":[32],"validate":[64],"updateValue":[64],"getValidationValues":[64]}],[1,"lu-combo-box-connector",{"purpose":[1],"searchResults":[16]},[[8,"luNewSearchResultRequested","onLuNewSearchResultRequested"]]],[0,"lu-form-validation",{"wrappingValidation":[16],"value":[1040],"useId":[1,"use-id"],"primaryCompoundId":[1,"primary-compound-id"],"isValid":[1540,"is-valid"],"isInvalid":[1540,"is-invalid"],"formGroups":[32],"wrappingValidationIsValid":[32],"wrappingValidationIsInvalid":[32],"failedWrappingValidatorsData":[32],"updateValues":[64],"forceValidation":[64]}],[1,"lu-combo-box-selection",{"isEditing":[4,"is-editing"],"selection":[16],"isEmail":[4,"is-email"]}],[1,"lu-input",{"accept":[1],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"useId":[1025,"use-id"],"inputmode":[1],"invalid":[4],"list":[1],"max":[8],"min":[8],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"multiple":[4],"name":[1],"noBorder":[4,"no-border"],"pattern":[1],"placeholder":[1],"prefixIcon":[1,"prefix-icon"],"prefixIconClickable":[4,"prefix-icon-clickable"],"suffixIcon":[1025,"suffix-icon"],"suffixIconClickable":[1028,"suffix-icon-clickable"],"readOnly":[4,"read-only"],"required":[4],"size":[2],"spellcheck":[4],"step":[8],"tabIndexWanted":[2,"tab-index-wanted"],"type":[1],"valid":[4],"value":[1025],"hasFocus":[32],"isResetting":[32],"setFocus":[64],"updateValue":[64]}],[1,"lu-label",{"color":[1],"labelText":[1,"label-text"],"required":[4],"optional":[4],"forId":[513,"for-id"],"useId":[1025,"use-id"],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"useAsteriskAsRequiredIndicator":[4,"use-asterisk-as-required-indicator"]}],[1,"lu-skeleton-text",{"width":[1],"shouldAnimate":[4,"should-animate"]}],[1,"lu-button",{"color":[1],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"href":[1],"rel":[1],"shape":[513],"size":[513],"strong":[4],"target":[1],"type":[1],"keyFocus":[32]}],[1,"lu-icon",{"color":[1],"mode":[1],"ariaLabel":[1537,"aria-label"],"ios":[1],"md":[1],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[1],"size":[1],"hexColor":[1,"hex-color"],"buttonRole":[4,"button-role"],"svgContent":[32],"isVisible":[32]}]]]], options);
 });

dist/collection/collection-manifest.json

@@ -15,2 +15,5 @@ {
     "components/col/col.js",
+    "components/combo-box-connector/combo-box-connector.js",
+    "components/combo-box-selection/combo-box-selection.js",
+    "components/combo-box/combo-box.js",
     "components/fab-button/fab-button.js",
@@ -24,4 +27,4 @@ "components/fab-list/fab-list.js",
     "components/header/header.js",
+    "components/icon/icon.js",
     "components/icon-finder/icon-finder.js",
-    "components/icon/icon.js",
     "components/img/img.js",
@@ -28,0 +31,0 @@ "components/input/input.js",

dist/collection/components/checkbox-group/checkbox-group.js

@@ -27,2 +27,10 @@ import { h, Host } from "@stencil/core";
         this.required = false;
+        /**
+         * Used to add is-valid attribute signifying validity
+         */
+        this.valid = false;
+        /**
+         * Used to add is-invalid attribute signifying invalidity
+         */
+        this.invalid = false;
         this.mutationCallback = (mutationList, _observer) => {
@@ -133,3 +141,3 @@ mutationList.forEach((record) => {
                 'direction-across': this.direction === 'across'
-            }, role: 'group', "aria-labelledby": this.inputId + '-lbl', id: this.useId },
+            }, role: 'group', "aria-labelledby": this.inputId + '-lbl', id: this.useId, "is-valid": this.valid, "is-invalid": this.invalid },
             h("slot", null)));
@@ -217,2 +225,38 @@ }
         },
+        "valid": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Used to add is-valid attribute signifying validity"
+            },
+            "attribute": "valid",
+            "reflect": false,
+            "defaultValue": "false"
+        },
+        "invalid": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Used to add is-invalid attribute signifying invalidity"
+            },
+            "attribute": "invalid",
+            "reflect": false,
+            "defaultValue": "false"
+        },
         "value": {
@@ -219,0 +263,0 @@ "type": "unknown",

dist/collection/components/form-group/form-group.js

 import { h, Host } from "@stencil/core";
 import { createColorClasses, getClassMap } from '../../utils/theme';
+import { FormGroupTypes } from '../../enums/form-enums';
 export class FormGroup {
@@ -11,9 +12,6 @@ constructor() {
             emailInvalid: 'Please enter a valid email',
+            emailInvalidComboBoxMultiSelect: 'One of the selections has an invalid email address.',
             checkboxRequired: 'You must check at least one checkbox'
         };
         /**
-         * tells if contained element is a checkbox group
-         */
-        this.isCheckboxGroup = false;
-        /**
          * Shows that inputs value is valid
@@ -27,10 +25,2 @@ */
         /**
-         * tells if containing element is a select
-         */
-        this.isSelect = false;
-        /**
-         * tell if containing element is a radio group
-         */
-        this.isRadioGroup = false;
-        /**
          * tells us if the element is required or not
@@ -40,6 +30,2 @@ */
         /**
-         * tells if contained element is a text area
-         */
-        this.isTextArea = false;
-        /**
          * tells us if the element needs email validation
@@ -57,6 +43,2 @@ */
         /**
-         * tells if containing elemtn is an input
-         */
-        this.isInput = false;
-        /**
          * Clears error and error message when clear input is clicked
@@ -95,4 +77,7 @@ */
         this.getInputElements = () => {
-            return Array.from(this.luFormGroupEl.querySelectorAll('lu-select, lu-input, lu-radio-group, lu-checkbox-group, lu-text-area'));
+            return Array.from(this.luFormGroupEl.children);
         };
+        this.emailValidationCheckFailed = (text) => {
+            return !(typeof text === 'string' && /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(text));
+        };
     }
@@ -114,27 +99,22 @@ externallyDeemedValidChanged(newExternallyDeemedValid, oldExternallyDeemedValid) {
         }
-        this.dataSourceElement = this.getInputElements()[0];
-        if (this.dataSourceElement) {
-            await this.dataSourceElement.componentOnReady();
-            this.isSelect = this.dataSourceElement.tagName === 'LU-SELECT';
-            this.isTextArea = this.dataSourceElement.tagName === 'LU-TEXT-AREA';
-            this.isRadioGroup = this.dataSourceElement.tagName === 'LU-RADIO-GROUP';
-            this.isCheckboxGroup = this.dataSourceElement.tagName === 'LU-CHECKBOX-GROUP';
-            if (this.dataSourceElement.tagName === 'LU-INPUT') {
-                this.isInput = true;
-                if (this.dataSourceElement.type && this.dataSourceElement.type === 'email') {
+        this.dataSource = this.categorizeDatasource(this.getInputElements()[0]);
+        if (this.dataSource) {
+            await this.dataSource.element.componentOnReady();
+            if (this.dataSource.kind === FormGroupTypes.input || this.dataSource.kind === FormGroupTypes.comboBox) {
+                if (this.dataSource.element.type && this.dataSource.element.type === 'email') {
                     this.needsEmailValidation = true;
                 }
-                else if (this.dataSourceElement.pattern && this.dataSourceElement.pattern !== '') {
+                else if (this.dataSource.kind === FormGroupTypes.input && this.dataSource.element.pattern && this.dataSource.element.pattern !== '') {
                     this.needsPatternValidation = true;
-                    this.pattern = this.dataSourceElement.pattern;
+                    this.pattern = this.dataSource.element.pattern;
                 }
             }
-            this.handleElementsCommonLoadTasks(this.dataSourceElement);
-            this.dataSourceElement.addEventListener('luChange', (ev) => this.setValue(ev));
-            this.dataSourceElement.addEventListener('luBlur', () => this.handleBlur());
-            this.dataSourceElement.addEventListener('luFocus', () => this.handleFocus());
-            if (this.isInput) {
-                this.dataSourceElement.addEventListener('luSuffixClickedOrTapped', () => this.handleSuffixIconClicked());
+            this.handleElementsCommonLoadTasks(this.dataSource);
+            this.dataSource.element.addEventListener('luChange', (ev) => this.setValue(ev));
+            this.dataSource.element.addEventListener('luBlur', () => this.handleBlur());
+            this.dataSource.element.addEventListener('luFocus', () => this.handleFocus());
+            if (this.dataSource.kind === FormGroupTypes.input) {
+                this.dataSource.element.addEventListener('luSuffixClickedOrTapped', () => this.handleSuffixIconClicked());
             }
-            this.value = this.dataSourceElement.value;
+            this.value = this.dataSource.element.value;
         }
@@ -145,8 +125,22 @@ else {
     }
+    categorizeDatasource(element) {
+        if (element.tagName === 'LU-SELECT')
+            return { kind: FormGroupTypes.select, element: element };
+        if (element.tagName === 'LU-TEXT-AREA')
+            return { kind: FormGroupTypes.textArea, element: element };
+        if (element.tagName === 'LU-RADIO-GROUP')
+            return { kind: FormGroupTypes.radioGroup, element: element };
+        if (element.tagName === 'LU-CHECKBOX-GROUP')
+            return { kind: FormGroupTypes.checkboxGroup, element: element };
+        if (element.tagName === 'LU-COMBO-BOX')
+            return { kind: FormGroupTypes.comboBox, element: element };
+        if (element.tagName === 'LU-INPUT')
+            return { kind: FormGroupTypes.input, element: element };
+    }
     disconnectedCallback() {
-        this.dataSourceElement.removeEventListener('luChange', (ev) => this.setValue(ev));
-        this.dataSourceElement.removeEventListener('luBlur', () => this.handleBlur());
-        this.dataSourceElement.removeEventListener('luFocus', () => this.handleFocus());
-        this.dataSourceElement.removeEventListener('luSuffixClickedOrTapped', () => this.handleSuffixIconClicked());
-        this.dataSourceElement = undefined;
+        this.dataSource.element.removeEventListener('luChange', (ev) => this.setValue(ev));
+        this.dataSource.element.removeEventListener('luBlur', () => this.handleBlur());
+        this.dataSource.element.removeEventListener('luFocus', () => this.handleFocus());
+        this.dataSource.element.removeEventListener('luSuffixClickedOrTapped', () => this.handleSuffixIconClicked());
+        this.dataSource = undefined;
     }
@@ -169,22 +163,31 @@ /**
             if (this.isRequired) {
-                if (this.isInput || this.isSelect || this.isRadioGroup || this.isCheckboxGroup || this.isTextArea) {
-                    if (!this.value ||
-                        this.value === '' ||
-                        (this.isCheckboxGroup &&
-                            typeof this.value !== 'string' &&
-                            typeof this.value !== 'number' &&
-                            this.value.filter(checkbox => checkbox.checked === true).length === 0)) {
-                        this.generatedErrorMessage = this.isCheckboxGroup ? this.errorText.checkboxRequired : this.errorText.required;
-                        this.setStateAsInvalid();
-                    }
-                    else {
-                        validationArray.filter(validation => validation.required === false)[0].required = true;
-                    }
+                if (!this.value ||
+                    this.value === '' ||
+                    (this.dataSource.kind === FormGroupTypes.checkboxGroup &&
+                        typeof this.value !== 'string' &&
+                        typeof this.value !== 'number' &&
+                        this.value.filter(checkbox => checkbox.checked === true).length === 0) || (this.dataSource.kind === FormGroupTypes.comboBox &&
+                    this.dataSource.element.multipleSelections &&
+                    this.value.length === 0)) {
+                    this.generatedErrorMessage = this.dataSource.kind === FormGroupTypes.checkboxGroup ? this.errorText.checkboxRequired : this.errorText.required;
+                    this.setStateAsInvalid();
                 }
+                else {
+                    validationArray.filter(validation => validation.required === false)[0].required = true;
+                }
             }
             //email validation
             if (this.needsEmailValidation) {
-                if (this.value && this.value !== '' && !(typeof this.value === 'string' && /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(this.value))) {
+                // todo: for combo box multi select pass back to the component what the invalid values are to help user
+                if (this.value && this.value !== '' && ((!(this.dataSource.kind === FormGroupTypes.comboBox &&
+                    this.dataSource.element.multipleSelections) &&
+                    this.emailValidationCheckFailed(this.value)) || (this.dataSource.kind === FormGroupTypes.comboBox &&
+                    this.dataSource.element.multipleSelections &&
+                    this.value.length > 0 &&
+                    this.value.filter((box) => {
+                        return this.emailValidationCheckFailed(box.value);
+                    }).length > 0))) {
                     if (!this.errorMessage) {
-                        this.generatedErrorMessage = this.errorText.emailInvalid;
+                        this.generatedErrorMessage = !!(this.dataSource.kind === FormGroupTypes.comboBox &&
+                            this.dataSource.element.multipleSelections) ? this.errorText.emailInvalidComboBoxMultiSelect : this.errorText.emailInvalid;
                     }
@@ -226,3 +229,3 @@ this.setStateAsInvalid();
         this.resetValidState();
-        await this.dataSourceElement.updateValue(newValue);
+        await this.dataSource.element.updateValue(newValue);
     }
@@ -233,18 +236,3 @@ async getValidationValues() {
         let inValidState = false;
-        let type;
-        if (this.isInput) {
-            type = 'input';
-        }
-        if (this.isCheckboxGroup) {
-            type = 'checkbox-group';
-        }
-        if (this.isRadioGroup) {
-            type = 'radio-group';
-        }
-        if (this.isSelect) {
-            type = 'select';
-        }
-        if (this.isTextArea) {
-            type = 'text-area';
-        }
+        const type = this.dataSource.kind;
         if (this.isRequired) {
@@ -273,3 +261,3 @@ requiredStuff.required = true;
             id: this.useId,
-            name: this.dataSourceElement ? this.dataSourceElement.name : null,
+            name: this.dataSource ? this.dataSource.element.name : null,
             isInvalid: inValidState,
@@ -299,4 +287,4 @@ isValid: validState,
     handleClick() {
-        if (this.dataSourceElement) {
-            this.dataSourceElement.setFocus();
+        if (this.dataSource) {
+            this.dataSource.element.setFocus();
         }
@@ -335,8 +323,8 @@ }
      */
-    handleElementsCommonLoadTasks(element) {
-        if (element.required === true) {
+    handleElementsCommonLoadTasks(datasource) {
+        if (datasource.element.required === true) {
             this.isRequired = true;
         }
-        if (element.id) {
-            this.forId = element.id.replace('-wrapper', '');
+        if (datasource.element.id) {
+            this.forId = datasource.element.id.replace('-wrapper', '');
         }
@@ -350,4 +338,4 @@ }
         this.isInvalid = true;
-        this.dataSourceElement.valid = false;
-        this.dataSourceElement.invalid = true;
+        this.dataSource.element.valid = false;
+        this.dataSource.element.invalid = true;
     }
@@ -360,4 +348,4 @@ /**
         this.isInvalid = false;
-        this.dataSourceElement.valid = true;
-        this.dataSourceElement.invalid = false;
+        this.dataSource.element.valid = true;
+        this.dataSource.element.invalid = false;
     }
@@ -369,3 +357,3 @@ /**
         this.isInvalid = false;
-        this.dataSourceElement.invalid = false;
+        this.dataSource.element.invalid = false;
     }
@@ -377,3 +365,3 @@ /**
         this.isValid = false;
-        this.dataSourceElement.valid = false;
+        this.dataSource.element.valid = false;
     }
@@ -698,9 +686,5 @@ /**
         "value": {},
-        "isCheckboxGroup": {},
         "isValid": {},
         "isInvalid": {},
-        "isSelect": {},
-        "isRadioGroup": {},
         "isRequired": {},
-        "isTextArea": {},
         "needsEmailValidation": {},
@@ -710,3 +694,2 @@ "needsPatternValidation": {},
         "pattern": {},
-        "isInput": {},
         "generatedErrorMessage": {}
@@ -738,2 +721,6 @@ }; }
                         "location": "global"
+                    },
+                    "ComboBoxValueType": {
+                        "location": "import",
+                        "path": "../../interface"
                     }
@@ -740,0 +727,0 @@ },

dist/collection/components/icon-finder/icon-finder.js

@@ -24,3 +24,3 @@ import { h, Host } from "@stencil/core";
         // Please look at the rollup replace plugin in stencil.config.ts
-        'https://icons-ux-design-system.apps.rhocp.awsos.liberty.edu/icon-manifest.json')
+        ',icon-manifest.json')
             .then(response => response.json())
@@ -27,0 +27,0 @@ .then(icons => {

dist/collection/components/icon/icon.js

 import { createColorClasses } from '../../utils/theme';
 import { h } from "@stencil/core";
-import { getIconMap, getName, getSrc, isSrc, isValid } from "../../utils/icon-utils";
+import { getIconMap, getName, getSrc, isSrc, isValid } from '../../utils/icon-utils';
 export class Icon {
@@ -9,3 +9,7 @@ constructor() {
         // Please look at the rollup replace plugin in stencil.config.ts
-        this.resourcesUrl = 'https://icons-ux-design-system.apps.rhocp.awsos.liberty.edu/';
+        this.resourcesUrl = `${process.env.ICON_API}/`;
+        /**
+         * @Deprecated Allows button role for the icon. Input is the only thing using this... until there is time to refactor lu-input please don't include anywhere else
+         */
+        this.buttonRole = false;
     }
@@ -91,9 +95,22 @@ componentWillLoad() {
         const flipRtl = this.flipRtl || (this.ariaLabel && this.ariaLabel.indexOf('arrow') > -1 && this.flipRtl !== false);
-        return {
-            'role': 'img',
-            class: Object.assign(Object.assign({ [`${mode}`]: true }, createColorClasses(this.color)), { [`icon-${this.size}`]: !!this.size, 'flip-rtl': flipRtl && document.dir === 'rtl' }),
-            style: {
-                color: this.hexColor
+        const buttonAttributes = {
+            role: 'button',
+            tabIndex: 0,
+            onKeyDown: (event) => {
+                if (event.keyCode === 32) {
+                    event.preventDefault();
+                }
+                else if (event.keyCode === 13) {
+                    event.preventDefault();
+                }
+            },
+            onKeyUp: (event) => {
+                if (event.keyCode === 32) {
+                    event.preventDefault();
+                }
             }
         };
+        return Object.assign(Object.assign({ 'role': 'img' }, this.buttonRole && buttonAttributes), { class: Object.assign(Object.assign({ [`${mode}`]: true }, createColorClasses(this.color)), { [`icon-${this.size}`]: !!this.size, 'flip-rtl': flipRtl && document.dir === 'rtl' }), style: {
+                color: this.hexColor
+            } });
     }
@@ -303,2 +320,23 @@ render() {
             "reflect": false
+        },
+        "buttonRole": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [{
+                        "text": "Allows button role for the icon. Input is the only thing using this... until there is time to refactor lu-input please don't include anywhere else",
+                        "name": "Deprecated"
+                    }],
+                "text": ""
+            },
+            "attribute": "button-role",
+            "reflect": false,
+            "defaultValue": "false"
         }
@@ -305,0 +343,0 @@ }; }

dist/collection/components/input/input.js

@@ -1,2 +0,2 @@
-import { h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { debounceEvent, deferEvent } from '../../utils/helpers';
@@ -54,2 +54,6 @@ import { createColorClasses } from '../../utils/theme';
         /**
+         * removes the border
+         */
+        this.noBorder = false;
+        /**
          * This specifies what type of input it is.
@@ -189,20 +193,11 @@ * button | checkbox | color | date | datetime-local | email | file | hidden | image | month | number | password
     }
-    hostData() {
-        return {
-            class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'has-value': this.hasValue(), 'has-focus': this.hasFocus, 'is-input': true }),
-            'is-invalid': this.invalid,
-            'is-valid': this.valid,
-            'has-prefix': this.prefixIcon && this.prefixIcon !== '',
-            'has-suffix': this.suffixIcon && this.suffixIcon !== '',
-            'suffix-clickable': this.suffixIconClickable,
-            'prefix-clickable': this.prefixIconClickable,
-            'id': this.useId
-        };
-    }
     render() {
-        return [
-            this.prefixIcon && this.prefixIcon !== '' && h("lu-icon", { class: "prefix-icon", name: this.prefixIcon, onTouchStart: this.onPrefixClickedOrTapped, onMouseDown: this.onPrefixClickedOrTapped }),
+        return (h(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'has-value': this.hasValue(), 'has-focus': this.hasFocus, 'is-input': true, 'no-border': this.noBorder }), "is-invalid": this.invalid, "is-valid": this.valid, "has-prefix": this.prefixIcon && this.prefixIcon !== '', "has-suffix": this.suffixIcon && this.suffixIcon !== '', "suffix-clickable": this.suffixIconClickable, "prefix-clickable": this.prefixIconClickable, id: this.useId },
+            this.prefixIcon && this.prefixIcon !== '' && h("lu-icon", Object.assign({}, this.prefixIconClickable && { buttonRole: true }, { class: "prefix-icon", name: this.prefixIcon, onTouchStart: this.onPrefixClickedOrTapped, onMouseDown: this.onPrefixClickedOrTapped })),
             h("input", { ref: input => this.nativeInput = input, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-invalid": this.valid ? 'false' : this.invalid ? 'true' : null, "aria-required": this.required ? 'true' : 'false', accept: this.accept, autoComplete: this.autocomplete, autoCapitalize: this.autocapitalize, autoCorrect: this.autocorrect, autoFocus: this.autofocus, capture: this.capture, checked: this.checked, class: "native-input", disabled: this.disabled, form: this.form, inputMode: this.inputmode, list: this.list, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, name: this.name, placeholder: this.placeholder, readOnly: this.readOnly, size: this.size, spellCheck: this.spellcheck, step: this.step, tabIndex: this.tabIndexWanted, type: this.getType(), value: this.getValue(), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown }),
-            this.suffixIcon && this.suffixIcon !== '' && h("lu-icon", { class: "suffix-icon", name: this.suffixIcon, onTouchStart: this.onSuffixClickedOrTapped, onMouseDown: this.onSuffixClickedOrTapped })
-        ];
+            this.suffixIcon && this.suffixIcon !== '' && this.hasValue() && h("lu-icon", Object.assign({}, this.suffixIconClickable && { buttonRole: true }, { class: "suffix-icon", name: this.suffixIcon, onTouchStart: this.onSuffixClickedOrTapped, onMouseDown: this.onSuffixClickedOrTapped, onKeyDown: (event) => {
+                    if (event.keyCode === 13) {
+                        this.onSuffixClickedOrTapped();
+                    }
+                } }))));
     }
@@ -623,2 +618,20 @@ static get is() { return "lu-input"; }
         },
+        "noBorder": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "removes the border"
+            },
+            "attribute": "no-border",
+            "reflect": false,
+            "defaultValue": "false"
+        },
         "pattern": {
@@ -832,4 +845,4 @@ "type": "string",
             "complexType": {
-                "original": "string",
-                "resolved": "string",
+                "original": "'text' | 'email' | 'password'",
+                "resolved": "\"email\" | \"password\" | \"text\"",
                 "references": {}
@@ -836,0 +849,0 @@ },

dist/collection/components/radio-group/radio-group.js

@@ -29,2 +29,10 @@ import { findRelevantOptions } from '../../utils/mutation-oberserver';
         this.required = false;
+        /**
+         * Used to add is-valid attribute signifying validity
+         */
+        this.valid = false;
+        /**
+         * Used to add is-invalid attribute signifying invalidity
+         */
+        this.invalid = false;
         this.mutationCallback = (mutationList, _observer) => {
@@ -156,3 +164,5 @@ mutationList.forEach((record) => {
             'aria-labelledby': this.inputId + '-lbl',
-            'id': this.useId
+            'id': this.useId,
+            'is-valid': this.valid,
+            'is-invalid': this.invalid
         };
@@ -258,2 +268,38 @@ }
         },
+        "valid": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Used to add is-valid attribute signifying validity"
+            },
+            "attribute": "valid",
+            "reflect": false,
+            "defaultValue": "false"
+        },
+        "invalid": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Used to add is-invalid attribute signifying invalidity"
+            },
+            "attribute": "invalid",
+            "reflect": false,
+            "defaultValue": "false"
+        },
         "value": {
@@ -268,3 +314,3 @@ "type": "any",
             "required": false,
-            "optional": true,
+            "optional": false,
             "docs": {
@@ -307,6 +353,6 @@ "tags": [],
             "complexType": {
-                "original": "RadioGroupChangeEventDetail",
-                "resolved": "RadioGroupChangeEventDetail",
+                "original": "LuChangeEvent",
+                "resolved": "LuChangeEvent",
                 "references": {
-                    "RadioGroupChangeEventDetail": {
+                    "LuChangeEvent": {
                         "location": "import",
@@ -313,0 +359,0 @@ "path": "../../interface"

dist/collection/components/skeleton-text/skeleton-text.js

@@ -1,2 +0,2 @@
-import { h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 export class SkeletonText {
@@ -8,5 +8,12 @@ constructor() {
         this.width = '100%';
+        /**
+         * animate
+         */
+        this.shouldAnimate = false;
     }
     render() {
-        return h("span", { style: { width: this.width } }, "\u00A0");
+        return (h(Host, { class: {
+                'should-animate': this.shouldAnimate
+            } },
+            h("span", { style: { width: this.width } }, "\u00A0")));
     }
@@ -39,4 +46,22 @@ static get is() { return "lu-skeleton-text"; }
             "defaultValue": "'100%'"
+        },
+        "shouldAnimate": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "animate"
+            },
+            "attribute": "should-animate",
+            "reflect": false,
+            "defaultValue": "false"
         }
     }; }
 }

dist/collection/components/tab/tab.js

@@ -41,3 +41,3 @@ import { h, Host } from "@stencil/core";
                     h("slot", null)),
-                h("div", { class: "focus-box" }))));
+                h("div", { class: "box" }))));
     }
@@ -44,0 +44,0 @@ static get is() { return "lu-tab"; }

dist/collection/components/tabs/tabs.js

@@ -185,3 +185,3 @@ import { h } from "@stencil/core";
     positionBar(width, left) {
-        width = width || this.tabsElement.clientWidth / this.tabs.length;
+        width = width || 0;
         left = left || 0;
@@ -188,0 +188,0 @@ this.width = width;

dist/collection/components/text-area/text-area.js

@@ -243,3 +243,3 @@ import { Host, h } from "@stencil/core";
                 "tags": [],
-                "text": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics)."
+                "text": "The color to use from your application's color palette."
             },
@@ -540,3 +540,3 @@ "attribute": "color",
             "required": false,
-            "optional": true,
+            "optional": false,
             "docs": {
@@ -543,0 +543,0 @@ "tags": [],

dist/esm-es5/lu-backdrop.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-cb2bcaef.js';
 import { n as now } from './helpers-e8ca83a2.js';
@@ -3,0 +3,0 @@ var GestureController = /** @class */ (function () {

dist/esm-es5/lu-card-buttons.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './core-aa617702.js';
+import { r as registerInstance, h } from './core-cb2bcaef.js';
 var CardButtons = /** @class */ (function () {
@@ -3,0 +3,0 @@ function CardButtons(hostRef) {

dist/esm-es5/lu-card-content.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance } from './core-aa617702.js';
+import { r as registerInstance } from './core-cb2bcaef.js';
 var CardContent = /** @class */ (function () {
@@ -3,0 +3,0 @@ function CardContent(hostRef) {

dist/esm-es5/lu-card-footer.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@ var CardFooter = /** @class */ (function () {

dist/esm-es5/lu-card-header.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@ var CardHeader = /** @class */ (function () {

dist/esm-es5/lu-card-image.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './core-aa617702.js';
+import { r as registerInstance, h } from './core-cb2bcaef.js';
 var CardImage = /** @class */ (function () {
@@ -3,0 +3,0 @@ function CardImage(hostRef) {

dist/esm-es5/lu-card-title.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@ var CardTitle = /** @class */ (function () {

dist/esm-es5/lu-card.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@ var Card = /** @class */ (function () {

dist/esm-es5/lu-fab-button.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, d as getElement, H as Host } from './core-cb2bcaef.js';
 import { h as hostContext, c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@ var FabButton = /** @class */ (function () {

dist/esm-es5/lu-fab-list.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, g as getElement, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, d as getElement, H as Host } from './core-cb2bcaef.js';
 var FabList = /** @class */ (function () {
@@ -3,0 +3,0 @@ function FabList(hostRef) {

dist/esm-es5/lu-fab.entry.js

 import { __awaiter, __generator } from "tslib";
-import { r as registerInstance, h, g as getElement, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, d as getElement, H as Host } from './core-cb2bcaef.js';
 var Fab = /** @class */ (function () {
@@ -4,0 +4,0 @@ function class_1(hostRef) {

dist/esm-es5/lu-gdpr-consent.entry.js

 import { __awaiter, __generator } from "tslib";
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './core-cb2bcaef.js';
 var GdprConsent = /** @class */ (function () {
@@ -4,0 +4,0 @@ function class_1(hostRef) {

dist/esm-es5/lu-header.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@ var Header = /** @class */ (function () {

dist/esm-es5/lu-icon-finder.entry.js

 import { __awaiter, __generator } from "tslib";
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 var IconFinder = /** @class */ (function () {
@@ -31,3 +31,3 @@ function class_1(hostRef) {
                     // Please look at the rollup replace plugin in stencil.config.ts
-                    'https://icons-ux-design-system.apps.rhocp.awsos.liberty.edu/icon-manifest.json')
+                    ',icon-manifest.json')
                         .then(function (response) { return response.json(); })
@@ -34,0 +34,0 @@ .then(function (icons) {

dist/esm-es5/lu-img.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './core-cb2bcaef.js';
 var Img = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Img(hostRef) {

dist/esm-es5/lu-modal.entry.js

 import { __awaiter, __generator, __spreadArrays } from "tslib";
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './core-cb2bcaef.js';
 import { B as BACKDROP, p as prepareOverlay, a as present, d as dismiss, e as eventMethod } from './overlays-dfa08583.js';
+import { r as raf } from './helpers-e8ca83a2.js';
 import { g as getClassMap } from './theme-41b5645a.js';
-import { r as raf } from './helpers-e8ca83a2.js';
 var attachComponent = function (delegate, container, component, cssClasses, componentProps) { return __awaiter(void 0, void 0, void 0, function () {
@@ -7,0 +7,0 @@ var el;

dist/esm-es5/lu-side-menu.entry.js

 import { __awaiter, __generator } from "tslib";
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, d as getElement, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -4,0 +4,0 @@ var SideMenu = /** @class */ (function () {

dist/esm-es5/lu-spinner.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@ var Spinner = /** @class */ (function () {

dist/esm-es5/lu-text-area.entry.js

 import { __awaiter, __generator } from "tslib";
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './core-cb2bcaef.js';
+import { d as debounceEvent } from './helpers-e8ca83a2.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
-import { d as debounceEvent } from './helpers-e8ca83a2.js';
 var TextArea = /** @class */ (function () {
@@ -6,0 +6,0 @@ function class_1(hostRef) {

dist/esm-es5/lu-toggle.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-cb2bcaef.js';
 var Toggle = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Toggle(hostRef) {

dist/esm/lu-backdrop.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-cb2bcaef.js';
 import { n as now } from './helpers-e8ca83a2.js';
@@ -3,0 +3,0 @@

dist/esm/lu-card-buttons.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './core-aa617702.js';
+import { r as registerInstance, h } from './core-cb2bcaef.js';
 
@@ -3,0 +3,0 @@ const CardButtons = class {

dist/esm/lu-card-content.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance } from './core-aa617702.js';
+import { r as registerInstance } from './core-cb2bcaef.js';
 
@@ -3,0 +3,0 @@ const CardContent = class {

dist/esm/lu-card-footer.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@

dist/esm/lu-card-header.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@

dist/esm/lu-card-image.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h } from './core-aa617702.js';
+import { r as registerInstance, h } from './core-cb2bcaef.js';
 
@@ -3,0 +3,0 @@ const CardImage = class {

dist/esm/lu-card-title.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@

dist/esm/lu-card.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@

dist/esm/lu-fab-button.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, d as getElement, H as Host } from './core-cb2bcaef.js';
 import { h as hostContext, c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@

dist/esm/lu-fab-list.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, g as getElement, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, d as getElement, H as Host } from './core-cb2bcaef.js';
 
@@ -3,0 +3,0 @@ const FabList = class {

dist/esm/lu-fab.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, g as getElement, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, d as getElement, H as Host } from './core-cb2bcaef.js';
 
@@ -3,0 +3,0 @@ const Fab = class {

dist/esm/lu-gdpr-consent.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './core-cb2bcaef.js';
 
@@ -3,0 +3,0 @@ const GdprConsent = class {

dist/esm/lu-header.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@

dist/esm/lu-icon-finder.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 
@@ -26,3 +26,3 @@ const IconFinder = class {
         // Please look at the rollup replace plugin in stencil.config.ts
-        'https://icons-ux-design-system.apps.rhocp.awsos.liberty.edu/icon-manifest.json')
+        ',icon-manifest.json')
             .then(response => response.json())
@@ -29,0 +29,0 @@ .then(icons => {

dist/esm/lu-img.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, d as getElement } from './core-cb2bcaef.js';
 
@@ -3,0 +3,0 @@ const Img = class {

dist/esm/lu-modal.entry.js

@@ -1,5 +0,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './core-cb2bcaef.js';
 import { B as BACKDROP, p as prepareOverlay, a as present, d as dismiss, e as eventMethod } from './overlays-dfa08583.js';
+import { r as raf } from './helpers-e8ca83a2.js';
 import { g as getClassMap } from './theme-41b5645a.js';
-import { r as raf } from './helpers-e8ca83a2.js';
 
@@ -6,0 +6,0 @@ const attachComponent = async (delegate, container, component, cssClasses, componentProps) => {

dist/esm/lu-side-menu.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, d as getElement, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@

dist/esm/lu-spinner.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, h, H as Host } from './core-cb2bcaef.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
@@ -3,0 +3,0 @@

dist/esm/lu-text-area.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './core-cb2bcaef.js';
+import { d as debounceEvent } from './helpers-e8ca83a2.js';
 import { c as createColorClasses } from './theme-41b5645a.js';
-import { d as debounceEvent } from './helpers-e8ca83a2.js';
 
@@ -5,0 +5,0 @@ const TextArea = class {

dist/esm/lu-toggle.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './core-aa617702.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './core-cb2bcaef.js';
 
@@ -3,0 +3,0 @@ const Toggle = class {

dist/types/components/checkbox-group/checkbox-group.d.ts

 import { ComponentInterface, EventEmitter } from '../../stencil.core';
 import { CheckboxValueType, LUFormCheckboxGroupValue } from '../../interface';
-export declare class CheckboxGroup implements ComponentInterface {
+import { DatasourceInterface } from '../../types/datasource-interface';
+export declare class CheckboxGroup implements ComponentInterface, DatasourceInterface {
     private inputId;
@@ -29,2 +30,10 @@ mutationO?: MutationObserver;
     /**
+     * Used to add is-valid attribute signifying validity
+     */
+    valid: boolean;
+    /**
+     * Used to add is-invalid attribute signifying invalidity
+     */
+    invalid: boolean;
+    /**
      * Value of contained checkboxes
@@ -31,0 +40,0 @@ */

dist/types/components/form-group/form-group.d.ts

@@ -1,3 +0,3 @@
-import { EventEmitter, ComponentInterface } from '../../stencil.core';
-import { DatasourceInterface } from '../../types/datasource-interface';
+import { ComponentInterface, EventEmitter } from '../../stencil.core';
+import { DatasourceTypes } from '../../types/datasource-interface';
 import { Color, LUFormGroupValidationState, LUFormGroupValue } from '../../interface';
@@ -12,3 +12,3 @@ export declare class FormGroup implements ComponentInterface {
      */
-    dataSourceElement: DatasourceInterface;
+    dataSource: DatasourceTypes;
     /**
@@ -28,6 +28,2 @@ * 2. Reference to host HTML element.
     /**
-     * tells if contained element is a checkbox group
-     */
-    isCheckboxGroup: boolean;
-    /**
      * Shows that inputs value is valid
@@ -41,10 +37,2 @@ */
     /**
-     * tells if containing element is a select
-     */
-    isSelect: boolean;
-    /**
-     * tell if containing element is a radio group
-     */
-    isRadioGroup: boolean;
-    /**
      * tells us if the element is required or not
@@ -54,6 +42,2 @@ */
     /**
-     * tells if contained element is a text area
-     */
-    isTextArea: boolean;
-    /**
      * tells us if the element needs email validation
@@ -75,6 +59,2 @@ */
     /**
-     * tells if containing elemtn is an input
-     */
-    isInput: boolean;
-    /**
      * holds the error message to allow it to be overwritten
@@ -158,2 +138,3 @@ */
     connectedCallback(): Promise<void>;
+    categorizeDatasource(element: HTMLElement): DatasourceTypes;
     disconnectedCallback(): void;
@@ -165,2 +146,3 @@ getInputElements: () => HTMLElement[];
     validate(): Promise<void>;
+    emailValidationCheckFailed: (text: string) => boolean;
     /**
@@ -200,3 +182,3 @@ * update value while reseting error state
      */
-    handleElementsCommonLoadTasks(element: DatasourceInterface): void;
+    handleElementsCommonLoadTasks(datasource: DatasourceTypes): void;
     /**
@@ -203,0 +185,0 @@ * sets state properly for invalid

dist/types/components/form-group/tests/form-group.fixture.d.ts

@@ -106,3 +106,3 @@ import { LUFormGroupValidationState } from '../../../interface';
             attachShadow(init: ShadowRootInit): ShadowRoot;
-            closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selector: K_2): HTMLElementTagNameMap[K_2];
+            closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-combo-box" | "lu-combo-box-connector" | "lu-combo-box-selection" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selector: K_2): HTMLElementTagNameMap[K_2];
             closest<K_3 extends "symbol" | "a" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3];
@@ -118,3 +118,3 @@ closest<E extends Element = Element>(selector: string): E;
             getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-            getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
+            getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-combo-box" | "lu-combo-box-connector" | "lu-combo-box-selection" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
             getElementsByTagName<K_5 extends "symbol" | "a" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
@@ -217,6 +217,6 @@ getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
             prepend(...nodes: (string | Node)[]): void;
-            querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selectors: K_6): HTMLElementTagNameMap[K_6];
+            querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-combo-box" | "lu-combo-box-connector" | "lu-combo-box-selection" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selectors: K_6): HTMLElementTagNameMap[K_6];
             querySelector<K_7 extends "symbol" | "a" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7];
             querySelector<E_1 extends Element = Element>(selectors: string): E_1;
-            querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
+            querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-combo-box" | "lu-combo-box-connector" | "lu-combo-box-selection" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
             querySelectorAll<K_9 extends "symbol" | "a" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
@@ -375,3 +375,3 @@ querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         attachShadow(init: ShadowRootInit): ShadowRoot;
-        closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selector: K_2): HTMLElementTagNameMap[K_2];
+        closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-combo-box" | "lu-combo-box-connector" | "lu-combo-box-selection" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selector: K_2): HTMLElementTagNameMap[K_2];
         closest<K_3 extends "symbol" | "a" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3];
@@ -387,3 +387,3 @@ closest<E extends Element = Element>(selector: string): E;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
+        getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-combo-box" | "lu-combo-box-connector" | "lu-combo-box-selection" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
         getElementsByTagName<K_5 extends "symbol" | "a" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
@@ -486,6 +486,6 @@ getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selectors: K_6): HTMLElementTagNameMap[K_6];
+        querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-combo-box" | "lu-combo-box-connector" | "lu-combo-box-selection" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selectors: K_6): HTMLElementTagNameMap[K_6];
         querySelector<K_7 extends "symbol" | "a" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7];
         querySelector<E_1 extends Element = Element>(selectors: string): E_1;
-        querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
+        querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr" | "lu-backdrop" | "lu-button" | "lu-card" | "lu-card-buttons" | "lu-card-content" | "lu-card-footer" | "lu-card-header" | "lu-card-image" | "lu-card-title" | "lu-checkbox" | "lu-checkbox-group" | "lu-col" | "lu-combo-box" | "lu-combo-box-connector" | "lu-combo-box-selection" | "lu-fab" | "lu-fab-button" | "lu-fab-list" | "lu-form-group" | "lu-form-validation" | "lu-gdpr-consent" | "lu-grid" | "lu-header" | "lu-icon" | "lu-icon-finder" | "lu-img" | "lu-input" | "lu-label" | "lu-modal" | "lu-radio" | "lu-radio-group" | "lu-row" | "lu-select" | "lu-side-menu" | "lu-skeleton-text" | "lu-spinner" | "lu-tab" | "lu-tabs" | "lu-text-area" | "lu-toggle">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
         querySelectorAll<K_9 extends "symbol" | "a" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
@@ -492,0 +492,0 @@ querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;

dist/types/components/icon/icon.d.ts

@@ -55,2 +55,6 @@ export declare class Icon {
     hexColor?: string;
+    /**
+     * @Deprecated Allows button role for the icon. Input is the only thing using this... until there is time to refactor lu-input please don't include anywhere else
+     */
+    buttonRole: boolean;
     componentWillLoad(): void;
@@ -64,3 +68,2 @@ componentDidUnload(): void;
     hostData(): {
-        'role': string;
         class: {
@@ -73,4 +76,8 @@ [x: string]: boolean;
         };
+        role: string;
+        tabIndex: number;
+        onKeyDown: (event: any) => void;
+        onKeyUp: (event: any) => void;
     };
     render(): any;
 }

dist/types/components/input/input.d.ts

 import { EventEmitter, ComponentInterface } from '../../stencil.core';
 import { Color, StyleEvent, TextInputChangeEvent } from '../../interface';
-export declare class Input implements ComponentInterface {
+import { DatasourceInterface } from '../../types/datasource-interface';
+export declare class Input implements ComponentInterface, DatasourceInterface {
     private inputId;
@@ -126,2 +127,6 @@ private nativeInput?;
     /**
+     * removes the border
+     */
+    noBorder: boolean;
+    /**
      * A regular expression that the control's value is checked against. The pattern must match the entire value. Use the title attribute to describe the pattern to help the user. This attribute only applies when the value of the type attribute is text, search, tel, url, email, or password. The regular expression language is the same as the JavaScript RegExp algorithm, with the 'u' parameter that makes it treat the pattern as a sequence of unicode code points. The pattern is not surrounded by forward slashes.
@@ -179,3 +184,3 @@ */
      */
-    type: string;
+    type: 'text' | 'email' | 'password';
     /**
@@ -253,17 +258,3 @@ * Declares input as validated
     private onSuffixClickedOrTapped;
-    hostData(): {
-        class: {
-            'has-value': boolean;
-            'has-focus': boolean;
-            'is-input': boolean;
-        };
-        'is-invalid': boolean;
-        'is-valid': boolean;
-        'has-prefix': boolean;
-        'has-suffix': boolean;
-        'suffix-clickable': boolean;
-        'prefix-clickable': boolean;
-        'id': string;
-    };
-    render(): any[];
+    render(): any;
 }

dist/types/components/radio-group/radio-group.d.ts

 import { ComponentInterface, EventEmitter } from '../../stencil.core';
-import { RadioGroupChangeEventDetail } from '../../interface';
-export declare class RadioGroup implements ComponentInterface {
+import { LuChangeEvent } from '../../interface';
+import { DatasourceInterface } from '../../types/datasource-interface';
+export declare class RadioGroup implements ComponentInterface, DatasourceInterface {
     private inputId;
@@ -32,5 +33,13 @@ mutationO: MutationObserver;
     /**
-     * the value of the radio group.
+     * Used to add is-valid attribute signifying validity
      */
-    value?: any;
+    valid: boolean;
+    /**
+     * Used to add is-invalid attribute signifying invalidity
+     */
+    invalid: boolean;
+    /**
+       * the value of the radio group.
+       */
+    value: any;
     valueChanged(value: any | undefined): void;
@@ -44,3 +53,3 @@ /**
      */
-    luChange: EventEmitter<RadioGroupChangeEventDetail>;
+    luChange: EventEmitter<LuChangeEvent>;
     connectedCallback(): void;
@@ -70,3 +79,5 @@ disconnectedCallback(): void;
         'id': string;
+        'is-valid': boolean;
+        'is-invalid': boolean;
     };
 }

dist/types/components/skeleton-text/skeleton-text.d.ts

@@ -7,3 +7,7 @@ import { ComponentInterface } from '../../stencil.core';
     width: string;
+    /**
+     * animate
+     */
+    shouldAnimate: boolean;
     render(): any;
 }

dist/types/components/text-area/text-area.d.ts

@@ -1,5 +0,6 @@
-import { EventEmitter } from '../../stencil.core';
+import { EventEmitter, ComponentInterface } from '../../stencil.core';
 import { Color } from '../../interface';
 import { TextareaChangeEventDetail } from '../../types/text-area-interface';
-export declare class TextArea {
+import { DatasourceInterface } from '../../types/datasource-interface';
+export declare class TextArea implements ComponentInterface, DatasourceInterface {
     private textAreaId;
@@ -28,4 +29,2 @@ private nativeInput?;
      * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
      */
@@ -101,3 +100,3 @@ color?: Color;
      */
-    value?: string | null;
+    value: string | null;
     /**
@@ -104,0 +103,0 @@ * Update the native input element when the value changes

dist/types/types/datasource-interface.d.ts

@@ -1,12 +0,40 @@
-import { HTMLStencilElement } from "@stencil/core/dist/declarations";
-export interface DatasourceInterface extends HTMLStencilElement {
+import { EventEmitter } from '../stencil.core';
+import { LuChangeEvent } from './form-interface';
+import { FormGroupTypes } from '../enums/form-enums';
+export interface DatasourceInterface {
     valid: boolean;
     invalid: boolean;
     value: any;
+    luChange: EventEmitter<LuChangeEvent>;
     required?: boolean;
     type?: 'text' | 'email' | 'password';
     pattern?: string;
-    name?: string;
+    name: string;
     setFocus(): void;
     updateValue(update: any): Promise<void>;
 }
+export interface DatasourceInput {
+    kind: FormGroupTypes.input;
+    element: HTMLLuInputElement;
+}
+export interface DatasourceSelect {
+    kind: FormGroupTypes.select;
+    element: HTMLLuSelectElement;
+}
+export interface DatasourceCheckboxGroup {
+    kind: FormGroupTypes.checkboxGroup;
+    element: HTMLLuCheckboxGroupElement;
+}
+export interface DatasourceRadioGroup {
+    kind: FormGroupTypes.radioGroup;
+    element: HTMLLuRadioGroupElement;
+}
+export interface DatasourceTextArea {
+    kind: FormGroupTypes.textArea;
+    element: HTMLLuTextAreaElement;
+}
+export interface DatasourceComboBox {
+    kind: FormGroupTypes.comboBox;
+    element: HTMLLuComboBoxElement;
+}
+export declare type DatasourceTypes = DatasourceInput | DatasourceSelect | DatasourceCheckboxGroup | DatasourceRadioGroup | DatasourceTextArea | DatasourceComboBox;

dist/types/types/form-interface.d.ts

 import '';
+import { ComboBoxValueType } from './combo-box.interface';
+import { FormGroupTypes } from '../enums/form-enums';
 /**If you touch anything in this file you will need update mylu types to see if it jives*/
+export declare type LUFormGroupType = valueof<FormGroupTypes>;
+declare type valueof<T> = T[keyof T];
 export interface LuChangeEvent {
-    value?: any;
+    value: LUFormGroupValue;
     isResetting: boolean;
@@ -39,4 +43,3 @@ }
 }
-export declare type LUFormGroupValue = string | number | CheckboxValueType[] | null | undefined | any;
-export declare type LUFormGroupType = 'input' | 'select' | 'checkbox-group' | 'radio-group' | 'text-area';
+export declare type LUFormGroupValue = string | number | CheckboxValueType[] | null | undefined | any | ComboBoxValueType[];
 export interface LUFormGroupValidationState {
@@ -78,1 +81,2 @@ id: string;
 }
+export {};

dist/types/types/index.d.ts

 export * from './form-interface';
 export * from './events.interface';
 export * from './elements.interface';
+export * from './combo-box.interface';

dist/uxpatterns/uxpatterns.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as a}from"./p-6c4822eb.js";e().then(e=>a([["p-f0xbojlq",[[1,"lu-card-image",{altText:[1,"alt-text"],iconColor:[1,"icon-color"],iconName:[1,"icon-name"],iconSize:[1,"icon-size"],isIcon:[4,"is-icon"],src:[1]}]]],["p-js0cpuer",[[1,"lu-fab-button",{color:[1],activated:[4],disabled:[4],href:[1],isExternallyManaged:[4,"is-externally-managed"],show:[1028],selected:[1028],toggleButton:[4,"toggle-button"],translucent:[4],type:[1],size:[1],value:[8],keyFocus:[32]}]]],["p-y2swoago",[[1,"lu-icon-finder"]]],["p-llkwxiw6",[[2,"lu-modal",{overlayIndex:[2,"overlay-index"],delegate:[16],keyboardClose:[4,"keyboard-close"],enterAnimation:[16],leaveAnimation:[16],component:[1],componentProps:[16],cssClass:[1,"css-class"],backdropDismiss:[4,"backdrop-dismiss"],showBackdrop:[4,"show-backdrop"],animated:[4],present:[64],dismiss:[64],onDidDismiss:[64],onWillDismiss:[64]}]]],["p-w3kygj6n",[[1,"lu-side-menu",{color:[1],isVisible:[1028,"is-visible"],isCollapsible:[1540,"is-collapsible"],isCollapsed:[1540,"is-collapsed"],hasBoxShadow:[4,"has-box-shadow"],externallyManaged:[4,"externally-managed"],makeVisible:[64],isHidden:[64],collapsedHandler:[64]},[[0,"keydown","handleEscape"]]]]],["p-m3ja0tho",[[1,"lu-toggle",{startSelected:[1028,"start-selected"],startText:[1,"start-text"],startValue:[8,"start-value"],endText:[1,"end-text"],endValue:[8,"end-value"],value:[1032]}]]],["p-edbzse9l",[[1,"lu-button",{color:[1],buttonType:[1025,"button-type"],disabled:[516],expand:[513],fill:[1537],href:[1],rel:[1],shape:[513],size:[513],strong:[4],target:[1],type:[1],keyFocus:[32]}]]],["p-sw2lmqzh",[[1,"lu-card",{color:[1]}]]],["p-o3i8qse4",[[1,"lu-card-buttons"]]],["p-jovu8uok",[[0,"lu-card-content"]]],["p-txe25cgd",[[1,"lu-card-footer",{color:[1],translucent:[4]}]]],["p-v4znfyty",[[1,"lu-card-header",{color:[1],translucent:[4]}]]],["p-ri8lbpkx",[[1,"lu-card-title",{color:[1]}]]],["p-p1byukbf",[[1,"lu-fab",{horizontal:[1],vertical:[1],edge:[4],activated:[1028],close:[64]},[[0,"click","onClick"]]]]],["p-lfrwyfs8",[[1,"lu-fab-list",{activated:[4],side:[1]}]]],["p-tfpobims",[[1,"lu-gdpr-consent",{hidden:[32],grantConsentCookie:[64],revokeConsentCookie:[64],resetConsentCookie:[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["p-fs3wuw80",[[1,"lu-header",{color:[1],preHeader:[4,"pre-header"]}]]],["p-ynx4gmzl",[[1,"lu-img",{alt:[1],src:[1],loadSrc:[32]}]]],["p-btnsmkyq",[[1,"lu-skeleton-text",{width:[1]}]]],["p-n2y2mqjb",[[1,"lu-spinner",{dataColor:[1,"data-color"],dataScale:[2,"data-scale"],dataDuration:[2,"data-duration"],dataPaused:[4,"data-paused"],dataHidden:[4,"data-hidden"],dataMessage:[1,"data-message"]}]]],["p-jxoptjuu",[[1,"lu-text-area",{invalid:[4],valid:[4],useId:[1025,"use-id"],color:[1],autocapitalize:[1],autofocus:[4],clearOnEdit:[1028,"clear-on-edit"],debounce:[2],disabled:[4],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],cols:[2],rows:[2],wrap:[1],autoGrow:[4,"auto-grow"],value:[1025],hasFocus:[32],isResetting:[32],setFocus:[64],getInputElement:[64],updateValue:[64]}]]],["p-qhdcpv8k",[[1,"lu-backdrop",{visible:[4],tappable:[4],stopPropagation:[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["p-ocrktlhl",[[1,"lu-form-group",{clearErrorStateOnClearInput:[4,"clear-error-state-on-clear-input"],clearInput:[4,"clear-input"],color:[1],cssClass:[1,"css-class"],clearOnEdit:[1028,"clear-on-edit"],errorMessage:[1025,"error-message"],externallyDeemedValid:[1028,"externally-deemed-valid"],externallyDeemedInvalid:[1028,"externally-deemed-invalid"],forId:[1025,"for-id"],helperText:[1,"helper-text"],useId:[1025,"use-id"],isExternallyValidated:[4,"is-externally-validated"],isValidatedOnSubmission:[4,"is-validated-on-submission"],labelText:[1,"label-text"],updateTrigger:[1,"update-trigger"],useAsteriskAsRequiredIndicator:[4,"use-asterisk-as-required-indicator"],value:[32],isCheckboxGroup:[32],isValid:[32],isInvalid:[32],isSelect:[32],isRadioGroup:[32],isRequired:[32],isTextArea:[32],needsEmailValidation:[32],needsPatternValidation:[32],needsPasswordValidation:[32],pattern:[32],isInput:[32],generatedErrorMessage:[32],validate:[64],updateValue:[64],getValidationValues:[64]}],[1,"lu-input",{accept:[1],autocomplete:[1],autocapitalize:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[1028,"clear-on-edit"],capture:[1],checked:[4],color:[1],debounce:[2],disabled:[4],form:[1],useId:[1025,"use-id"],inputmode:[1],invalid:[4],list:[1],max:[8],min:[8],minLength:[2,"min-length"],maxLength:[2,"max-length"],multiple:[4],name:[1],pattern:[1],placeholder:[1],prefixIcon:[1,"prefix-icon"],prefixIconClickable:[4,"prefix-icon-clickable"],suffixIcon:[1025,"suffix-icon"],suffixIconClickable:[1028,"suffix-icon-clickable"],readOnly:[4,"read-only"],required:[4],size:[2],spellcheck:[4],step:[8],tabIndexWanted:[2,"tab-index-wanted"],type:[1],valid:[4],value:[1025],hasFocus:[32],isResetting:[32],setFocus:[64],updateValue:[64]}],[1,"lu-checkbox",{color:[1],name:[1],labeledById:[1,"labeled-by-id"],checked:[1028],disabled:[4],isExternallyManaged:[4,"is-externally-managed"],value:[8],keyFocus:[32],hasFocus:[32]}],[4,"lu-checkbox-group",{direction:[1],useId:[1025,"use-id"],name:[1],required:[4],value:[1040],isResetting:[32],componentLoaded:[32],setFocus:[64],updateValue:[64]}],[1,"lu-col",{offset:[1],offsetXs:[1,"offset-xs"],offsetSm:[1,"offset-sm"],offsetMd:[1,"offset-md"],offsetLg:[1,"offset-lg"],offsetXl:[1,"offset-xl"],pull:[1],pullXs:[1,"pull-xs"],pullSm:[1,"pull-sm"],pullMd:[1,"pull-md"],pullLg:[1,"pull-lg"],pullXl:[1,"pull-xl"],push:[1],pushXs:[1,"push-xs"],pushSm:[1,"push-sm"],pushMd:[1,"push-md"],pushLg:[1,"push-lg"],pushXl:[1,"push-xl"],size:[1],sizeXs:[1,"size-xs"],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"],sizeXl:[1,"size-xl"]},[[9,"resize","onResize"]]],[0,"lu-form-validation",{wrappingValidation:[16],value:[1040],useId:[1,"use-id"],primaryCompoundId:[1,"primary-compound-id"],isValid:[1540,"is-valid"],isInvalid:[1540,"is-invalid"],formGroups:[32],wrappingValidationIsValid:[32],wrappingValidationIsInvalid:[32],failedWrappingValidatorsData:[32],updateValues:[64],forceValidation:[64]}],[1,"lu-grid",{fixed:[4]}],[1,"lu-radio",{color:[1],canDeselect:[4,"can-deselect"],labeledById:[1,"labeled-by-id"],name:[1],disabled:[4],checked:[1028],value:[1032],hasFocus:[32]},[[0,"click","onClick"]]],[0,"lu-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],direction:[1],useId:[1025,"use-id"],name:[1],required:[4],value:[1032],isResetting:[32],setFocus:[64],updateValue:[64]}],[1,"lu-row"],[1,"lu-select",{useId:[1025,"use-id"],color:[1],invalid:[4],name:[1],ariaLabel:[1,"aria-label"],disabled:[4],placeholder:[1],helpText:[1,"help-text"],value:[1032],selectedValueName:[1032,"selected-value-name"],showPlaceholderOption:[4,"show-placeholder-option"],required:[4],options:[1040],valid:[4],isResetting:[32],setFocus:[64],updateValue:[64]}],[1,"lu-tab",{active:[1540],labelledById:[1025,"labelled-by-id"],name:[8],noSlide:[8,"no-slide"],isFocused:[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]],[1,"lu-tabs",{value:[1025],label:[1],noSlide:[4,"no-slide"],tabs:[32],tabIncrement:[32],selectionBar:[32],currentOrderedTabsArray:[32],pos:[32],left:[32],width:[32],focusedNode:[32],elementResized:[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]],[1,"lu-label",{color:[1],labelText:[1,"label-text"],required:[4],optional:[4],forId:[513,"for-id"],useId:[1025,"use-id"],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],useAsteriskAsRequiredIndicator:[4,"use-asterisk-as-required-indicator"]}],[1,"lu-icon",{color:[1],mode:[1],ariaLabel:[1537,"aria-label"],ios:[1],md:[1],flipRtl:[4,"flip-rtl"],name:[1],src:[1],icon:[1],size:[1],hexColor:[1,"hex-color"],svgContent:[32],isVisible:[32]}]]]],e));
+import{p as e,b as a}from"./p-e21d879d.js";e().then(e=>a([["p-wyaiytd2",[[1,"lu-card-image",{altText:[1,"alt-text"],iconColor:[1,"icon-color"],iconName:[1,"icon-name"],iconSize:[1,"icon-size"],isIcon:[4,"is-icon"],src:[1]}]]],["p-gu9odsfd",[[1,"lu-fab-button",{color:[1],activated:[4],disabled:[4],href:[1],isExternallyManaged:[4,"is-externally-managed"],show:[1028],selected:[1028],toggleButton:[4,"toggle-button"],translucent:[4],type:[1],size:[1],value:[8],keyFocus:[32]}]]],["p-iyh16gm3",[[1,"lu-icon-finder"]]],["p-n0iqkaun",[[2,"lu-modal",{overlayIndex:[2,"overlay-index"],delegate:[16],keyboardClose:[4,"keyboard-close"],enterAnimation:[16],leaveAnimation:[16],component:[1],componentProps:[16],cssClass:[1,"css-class"],backdropDismiss:[4,"backdrop-dismiss"],showBackdrop:[4,"show-backdrop"],animated:[4],present:[64],dismiss:[64],onDidDismiss:[64],onWillDismiss:[64]}]]],["p-p4q86zvv",[[1,"lu-side-menu",{color:[1],isVisible:[1028,"is-visible"],isCollapsible:[1540,"is-collapsible"],isCollapsed:[1540,"is-collapsed"],hasBoxShadow:[4,"has-box-shadow"],externallyManaged:[4,"externally-managed"],makeVisible:[64],isHidden:[64],collapsedHandler:[64]},[[0,"keydown","handleEscape"]]]]],["p-zxz6pits",[[1,"lu-toggle",{startSelected:[1028,"start-selected"],startText:[1,"start-text"],startValue:[8,"start-value"],endText:[1,"end-text"],endValue:[8,"end-value"],value:[1032]}]]],["p-knmiev7x",[[1,"lu-card",{color:[1]}]]],["p-xckiavln",[[1,"lu-card-buttons"]]],["p-htqx6by2",[[0,"lu-card-content"]]],["p-nzzdddkb",[[1,"lu-card-footer",{color:[1],translucent:[4]}]]],["p-bj6rnl9v",[[1,"lu-card-header",{color:[1],translucent:[4]}]]],["p-xnxdwgka",[[1,"lu-card-title",{color:[1]}]]],["p-19hhbpfj",[[1,"lu-checkbox",{color:[1],name:[1],labeledById:[1,"labeled-by-id"],checked:[1028],disabled:[4],isExternallyManaged:[4,"is-externally-managed"],value:[8],keyFocus:[32],hasFocus:[32]}]]],["p-pxxurutw",[[4,"lu-checkbox-group",{direction:[1],useId:[1025,"use-id"],name:[1],required:[4],valid:[4],invalid:[4],value:[1040],isResetting:[32],componentLoaded:[32],setFocus:[64],updateValue:[64]}]]],["p-jaaopmco",[[1,"lu-col",{offset:[1],offsetXs:[1,"offset-xs"],offsetSm:[1,"offset-sm"],offsetMd:[1,"offset-md"],offsetLg:[1,"offset-lg"],offsetXl:[1,"offset-xl"],pull:[1],pullXs:[1,"pull-xs"],pullSm:[1,"pull-sm"],pullMd:[1,"pull-md"],pullLg:[1,"pull-lg"],pullXl:[1,"pull-xl"],push:[1],pushXs:[1,"push-xs"],pushSm:[1,"push-sm"],pushMd:[1,"push-md"],pushLg:[1,"push-lg"],pushXl:[1,"push-xl"],size:[1],sizeXs:[1,"size-xs"],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"],sizeXl:[1,"size-xl"]},[[9,"resize","onResize"]]]]],["p-fckjcjxn",[[1,"lu-fab",{horizontal:[1],vertical:[1],edge:[4],activated:[1028],close:[64]},[[0,"click","onClick"]]]]],["p-txbbnn1b",[[1,"lu-fab-list",{activated:[4],side:[1]}]]],["p-4ymthkye",[[1,"lu-gdpr-consent",{hidden:[32],grantConsentCookie:[64],revokeConsentCookie:[64],resetConsentCookie:[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["p-0yd8ugj9",[[1,"lu-grid",{fixed:[4]}]]],["p-h3gokryp",[[1,"lu-header",{color:[1],preHeader:[4,"pre-header"]}]]],["p-blak9gkp",[[1,"lu-img",{alt:[1],src:[1],loadSrc:[32]}]]],["p-blrvd7cq",[[1,"lu-radio",{color:[1],canDeselect:[4,"can-deselect"],labeledById:[1,"labeled-by-id"],name:[1],disabled:[4],checked:[1028],value:[1032],hasFocus:[32]},[[0,"click","onClick"]]]]],["p-axcagaau",[[0,"lu-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],direction:[1],useId:[1025,"use-id"],name:[1],required:[4],valid:[4],invalid:[4],value:[1032],isResetting:[32],setFocus:[64],updateValue:[64]}]]],["p-4wwnxpnh",[[1,"lu-row"]]],["p-3mvyga25",[[1,"lu-select",{useId:[1025,"use-id"],color:[1],invalid:[4],name:[1],ariaLabel:[1,"aria-label"],disabled:[4],placeholder:[1],helpText:[1,"help-text"],value:[1032],selectedValueName:[1032,"selected-value-name"],showPlaceholderOption:[4,"show-placeholder-option"],required:[4],options:[1040],valid:[4],isResetting:[32],setFocus:[64],updateValue:[64]}]]],["p-fozaoytz",[[1,"lu-spinner",{dataColor:[1,"data-color"],dataScale:[2,"data-scale"],dataDuration:[2,"data-duration"],dataPaused:[4,"data-paused"],dataHidden:[4,"data-hidden"],dataMessage:[1,"data-message"]}]]],["p-5mvyifqb",[[1,"lu-tab",{active:[1540],labelledById:[1025,"labelled-by-id"],name:[8],noSlide:[8,"no-slide"],isFocused:[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]]]],["p-zsi3fn5v",[[1,"lu-tabs",{value:[1025],label:[1],noSlide:[4,"no-slide"],tabs:[32],tabIncrement:[32],selectionBar:[32],currentOrderedTabsArray:[32],pos:[32],left:[32],width:[32],focusedNode:[32],elementResized:[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]]]],["p-xw0jlucg",[[1,"lu-text-area",{invalid:[4],valid:[4],useId:[1025,"use-id"],color:[1],autocapitalize:[1],autofocus:[4],clearOnEdit:[1028,"clear-on-edit"],debounce:[2],disabled:[4],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],cols:[2],rows:[2],wrap:[1],autoGrow:[4,"auto-grow"],value:[1025],hasFocus:[32],isResetting:[32],setFocus:[64],getInputElement:[64],updateValue:[64]}]]],["p-jkmiwy6e",[[1,"lu-backdrop",{visible:[4],tappable:[4],stopPropagation:[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["p-dfpybvi0",[[1,"lu-combo-box",{color:[1],disabled:[4],type:[1],multipleSelections:[4,"multiple-selections"],autoSuggestEnabled:[4,"auto-suggest-enabled"],value:[1040],apiErrorCount:[2,"api-error-count"],forEmail:[4,"for-email"],searchResults:[1040],invalid:[4],name:[1],purpose:[1],valid:[4],required:[4],hasFocus:[32],activeIndex:[32],currentSearch:[32],displayedSearchResults:[32],isLoading:[32],isResetting:[32],text:[32],shouldPreventDefaultBlurActions:[32],setFocus:[64],updateValue:[64]},[[8,"luUpdatedComboBoxSearchResults","onLuUpdatedComboBoxSearchResults"],[0,"keydown","handleKeyDown"]]],[1,"lu-form-group",{clearErrorStateOnClearInput:[4,"clear-error-state-on-clear-input"],clearInput:[4,"clear-input"],color:[1],cssClass:[1,"css-class"],clearOnEdit:[1028,"clear-on-edit"],errorMessage:[1025,"error-message"],externallyDeemedValid:[1028,"externally-deemed-valid"],externallyDeemedInvalid:[1028,"externally-deemed-invalid"],forId:[1025,"for-id"],helperText:[1,"helper-text"],useId:[1025,"use-id"],isExternallyValidated:[4,"is-externally-validated"],isValidatedOnSubmission:[4,"is-validated-on-submission"],labelText:[1,"label-text"],updateTrigger:[1,"update-trigger"],useAsteriskAsRequiredIndicator:[4,"use-asterisk-as-required-indicator"],value:[32],isValid:[32],isInvalid:[32],isRequired:[32],needsEmailValidation:[32],needsPatternValidation:[32],needsPasswordValidation:[32],pattern:[32],generatedErrorMessage:[32],validate:[64],updateValue:[64],getValidationValues:[64]}],[1,"lu-combo-box-connector",{purpose:[1],searchResults:[16]},[[8,"luNewSearchResultRequested","onLuNewSearchResultRequested"]]],[0,"lu-form-validation",{wrappingValidation:[16],value:[1040],useId:[1,"use-id"],primaryCompoundId:[1,"primary-compound-id"],isValid:[1540,"is-valid"],isInvalid:[1540,"is-invalid"],formGroups:[32],wrappingValidationIsValid:[32],wrappingValidationIsInvalid:[32],failedWrappingValidatorsData:[32],updateValues:[64],forceValidation:[64]}],[1,"lu-combo-box-selection",{isEditing:[4,"is-editing"],selection:[16],isEmail:[4,"is-email"]}],[1,"lu-input",{accept:[1],autocomplete:[1],autocapitalize:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[1028,"clear-on-edit"],capture:[1],checked:[4],color:[1],debounce:[2],disabled:[4],form:[1],useId:[1025,"use-id"],inputmode:[1],invalid:[4],list:[1],max:[8],min:[8],minLength:[2,"min-length"],maxLength:[2,"max-length"],multiple:[4],name:[1],noBorder:[4,"no-border"],pattern:[1],placeholder:[1],prefixIcon:[1,"prefix-icon"],prefixIconClickable:[4,"prefix-icon-clickable"],suffixIcon:[1025,"suffix-icon"],suffixIconClickable:[1028,"suffix-icon-clickable"],readOnly:[4,"read-only"],required:[4],size:[2],spellcheck:[4],step:[8],tabIndexWanted:[2,"tab-index-wanted"],type:[1],valid:[4],value:[1025],hasFocus:[32],isResetting:[32],setFocus:[64],updateValue:[64]}],[1,"lu-label",{color:[1],labelText:[1,"label-text"],required:[4],optional:[4],forId:[513,"for-id"],useId:[1025,"use-id"],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],useAsteriskAsRequiredIndicator:[4,"use-asterisk-as-required-indicator"]}],[1,"lu-skeleton-text",{width:[1],shouldAnimate:[4,"should-animate"]}],[1,"lu-button",{color:[1],buttonType:[1025,"button-type"],disabled:[516],expand:[513],fill:[1537],href:[1],rel:[1],shape:[513],size:[513],strong:[4],target:[1],type:[1],keyFocus:[32]}],[1,"lu-icon",{color:[1],mode:[1],ariaLabel:[1537,"aria-label"],ios:[1],md:[1],flipRtl:[4,"flip-rtl"],name:[1],src:[1],icon:[1],size:[1],hexColor:[1,"hex-color"],buttonRole:[4,"button-role"],svgContent:[32],isVisible:[32]}]]]],e));

package.json

 {
   "name": "@lu-development/ux-patterns",
-  "version": "1.7.0-dev.202001211757.6b04b10",
+  "version": "1.7.0-dev.202001211806.461bdf3",
   "description": "Stencil Component Starter",
@@ -45,2 +45,3 @@ "module": "dist/index.mjs",
     "@lu-development/st-gen": "^0.7.3",
+    "@rollup/plugin-replace": "^2.3.0",
     "@stencil/core": "^1.8.1",
@@ -47,0 +48,0 @@ "@stencil/sass": "^1.1.1",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3251231

increased by5.97%

Number of package files

530

increased by13.01%

Lines of code

62594

increased by6.38%

Worsened metrics

Dev dependency count

28

increased by3.7%

Number of low supply chain risk alerts

75

increased by7.14%

No dependency changes