Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@lu-development/ux-patterns

Package Overview
Dependencies
Maintainers
6
Versions
501
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 1.7.0-dev.202007171745.2082a8e to 1.7.0-dev.202007171855.2082a8e

dist/uxpatterns/p-55326e9f.entry.js
dist/uxpatterns/p-60471ed0.system.entry.js
dist/uxpatterns/p-bfcaeb20.system.entry.js
dist/uxpatterns/p-ff89105e.entry.js

174

dist/cjs/lu-form-group.cjs.entry.js

@@ -27,6 +27,6 @@ 'use strict';

this.errorText = {
required: "This is a required field",
emailInvalid: "Please enter a valid email",
emailInvalidComboBoxMultiSelect: "One of the selections has an invalid email address.",
checkboxRequired: "You must check at least one checkbox",
required: 'This is a required field',
emailInvalid: 'Please enter a valid email',
emailInvalidComboBoxMultiSelect: 'One of the selections has an invalid email address.',
checkboxRequired: 'You must check at least one checkbox'
};

@@ -85,3 +85,3 @@ /**

*/
this.updateTrigger = "blur";
this.updateTrigger = 'blur';
/**

@@ -95,4 +95,3 @@ * Provides option to use asterisk as required indicator

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));
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));
};

@@ -110,3 +109,3 @@ this.luFormGroupDidUpdate = index.createEvent(this, "luFormGroupDidUpdate", 7);

watchHandler(newValue) {
this.useId = newValue + "-frm-grp";
this.useId = newValue + '-frm-grp';
}

@@ -120,11 +119,7 @@ async connectedCallback() {

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") {
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.dataSource.kind === FormGroupTypes.input &&
this.dataSource.element.pattern &&
this.dataSource.element.pattern !== "") {
else if (this.dataSource.kind === FormGroupTypes.input && this.dataSource.element.pattern && this.dataSource.element.pattern !== '') {
this.needsPatternValidation = true;

@@ -135,7 +130,7 @@ this.pattern = this.dataSource.element.pattern;

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());
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.dataSource.element.addEventListener('luSuffixClickedOrTapped', () => this.handleSuffixIconClicked());
}

@@ -145,42 +140,24 @@ this.value = this.dataSource.element.value;

else {
console.error("No input element found.");
console.error('No input element found.');
}
}
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,
};
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.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.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;

@@ -205,19 +182,14 @@ }

if (!this.value ||
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;
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;
validationArray.filter(validation => validation.required === false)[0].required = true;
}

@@ -228,18 +200,13 @@ }

// 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.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.dataSource.kind === FormGroupTypes.comboBox &&
this.dataSource.element.multipleSelections)
? this.errorText.emailInvalidComboBoxMultiSelect
: this.errorText.emailInvalid;
this.dataSource.element.multipleSelections) ? this.errorText.emailInvalidComboBoxMultiSelect : this.errorText.emailInvalid;
}

@@ -249,12 +216,9 @@ this.setStateAsInvalid();

else {
validationArray.filter((validation) => validation.emailValidation === false)[0].emailValidation = true;
validationArray.filter(validation => validation.emailValidation === false)[0].emailValidation = true;
}
}
//pattern validation
if (this.value &&
this.value !== "" &&
this.needsPatternValidation &&
this.pattern) {
if (this.value && this.value !== '' && this.needsPatternValidation && this.pattern) {
const reggie = new RegExp(this.pattern);
if (!(typeof this.value === "string" && reggie.test(this.value))) {
if (!(typeof this.value === 'string' && reggie.test(this.value))) {
if (!this.errorMessage) {

@@ -266,17 +230,10 @@ this.generatedErrorMessage = this.errorText.patternMatchInvalid;

else {
validationArray.filter((validation) => validation.patternValidation === false)[0].patternValidation = true;
validationArray.filter(validation => validation.patternValidation === false)[0].patternValidation = true;
}
// if pattern validation is used but the field is not required and also does not have a value, validate successfully
}
else if ((!this.value || this.value === "") &&
this.needsPatternValidation &&
this.pattern &&
!this.isRequired) {
validationArray.filter((validation) => validation.patternValidation === false)[0].patternValidation = true;
}
}
if (validationArray.filter((validation) => {
return (Object.keys(validation).filter((key) => {
if (validationArray.filter(validation => {
return Object.keys(validation).filter(key => {
return validation[key] !== true;
}).length !== 0);
}).length !== 0;
}).length === 0) {

@@ -307,5 +264,3 @@ this.setStateAsValid();

if (this.needsPatternValidation) {
if (this.isRequired && this.value && this.value !== "") {
requiredStuff.pattern = true;
}
requiredStuff.pattern = true;
}

@@ -318,5 +273,3 @@ if (this.isValid) {

}
if (Object.keys(requiredStuff).length === 0 &&
!validState &&
!inValidState) {
if (Object.keys(requiredStuff).length === 0 && !validState && !inValidState) {
validState = true;

@@ -334,3 +287,3 @@ }

value: this.value,
type: type,
type: type
};

@@ -342,3 +295,3 @@ }

handleBlur() {
if (!this.isValidatedOnSubmission && this.updateTrigger === "blur") {
if (!this.isValidatedOnSubmission && this.updateTrigger === 'blur') {
this.validate();

@@ -350,3 +303,4 @@ }

*/
handleFocus() { }
handleFocus() {
}
/**

@@ -400,3 +354,3 @@ * Brings focus to input when lu-label is clicked

else if (datasource.element.id) {
this.forId = datasource.element.id.replace("-wrapper", "");
this.forId = datasource.element.id.replace('-wrapper', '');
}

@@ -442,3 +396,3 @@ }

this.value = ev && ev.detail && ev.detail.value ? ev.detail.value : null;
if (this.updateTrigger === "change" && !isResetting) {
if (this.updateTrigger === 'change' && !isResetting) {
this.validate();

@@ -454,3 +408,3 @@ }

render() {
return (index.h(index.Host, { class: Object.assign(Object.assign({}, theme.createColorClasses(this.color)), theme.getClassMap(this.cssClass)), valid: this.isValid, invalid: this.isInvalid, id: this.useId }, index.h("lu-label", { forId: this.forId, labelText: this.labelText, helperText: this.helperText, invalid: this.isInvalid, errorMessage: this.generatedErrorMessage, onClick: this.handleClick.bind(this), required: this.isRequired, optional: !this.needsEmailValidation ? !this.isRequired : false, useAsteriskAsRequiredIndicator: this.useAsteriskAsRequiredIndicator }, index.h("slot", null))));
return (index.h(index.Host, { class: Object.assign(Object.assign({}, theme.createColorClasses(this.color)), theme.getClassMap(this.cssClass)), valid: this.isValid, invalid: this.isInvalid, id: this.useId }, index.h("lu-label", { forId: this.forId, labelText: this.labelText, helperText: this.helperText, invalid: this.isInvalid, errorMessage: this.generatedErrorMessage, onClick: this.handleClick.bind(this), required: this.isRequired, optional: !(this.needsEmailValidation) ? !this.isRequired : false, useAsteriskAsRequiredIndicator: this.useAsteriskAsRequiredIndicator }, index.h("slot", null))));
}

@@ -457,0 +411,0 @@ get luFormGroupEl() { return index.getElement(this); }

1

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

@@ -1145,2 +1145,3 @@ 'use strict';

this.getFocusableElements();
console.log(this.currentFocusableElements);
if (this.currentFocusableElements.length > 0) {

@@ -1147,0 +1148,0 @@ if (this.currentFocusableElements[0].classList.contains("close-button")) {

184

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

@@ -1,4 +0,4 @@

import { Component, Element, Event, h, Host, Method, Prop, State, Watch, } from "@stencil/core";
import { FormGroupTypes } from "../../enums/form-enums";
import { createColorClasses, getClassMap } from "../../utils/theme";
import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
import { createColorClasses, getClassMap } from '../../utils/theme';
import { FormGroupTypes } from '../../enums/form-enums';
export class FormGroup {

@@ -10,6 +10,6 @@ constructor() {

this.errorText = {
required: "This is a required field",
emailInvalid: "Please enter a valid email",
emailInvalidComboBoxMultiSelect: "One of the selections has an invalid email address.",
checkboxRequired: "You must check at least one checkbox",
required: 'This is a required field',
emailInvalid: 'Please enter a valid email',
emailInvalidComboBoxMultiSelect: 'One of the selections has an invalid email address.',
checkboxRequired: 'You must check at least one checkbox'
};

@@ -68,3 +68,3 @@ /**

*/
this.updateTrigger = "blur";
this.updateTrigger = 'blur';
/**

@@ -78,4 +78,3 @@ * Provides option to use asterisk as required indicator

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));
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));
};

@@ -92,3 +91,3 @@ }

watchHandler(newValue) {
this.useId = newValue + "-frm-grp";
this.useId = newValue + '-frm-grp';
}

@@ -102,11 +101,7 @@ async connectedCallback() {

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") {
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.dataSource.kind === FormGroupTypes.input &&
this.dataSource.element.pattern &&
this.dataSource.element.pattern !== "") {
else if (this.dataSource.kind === FormGroupTypes.input && this.dataSource.element.pattern && this.dataSource.element.pattern !== '') {
this.needsPatternValidation = true;

@@ -117,7 +112,7 @@ this.pattern = this.dataSource.element.pattern;

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());
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.dataSource.element.addEventListener('luSuffixClickedOrTapped', () => this.handleSuffixIconClicked());
}

@@ -127,42 +122,24 @@ this.value = this.dataSource.element.value;

else {
console.error("No input element found.");
console.error('No input element found.');
}
}
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,
};
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.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.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;

@@ -187,19 +164,14 @@ }

if (!this.value ||
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;
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;
validationArray.filter(validation => validation.required === false)[0].required = true;
}

@@ -210,18 +182,13 @@ }

// 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.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.dataSource.kind === FormGroupTypes.comboBox &&
this.dataSource.element.multipleSelections)
? this.errorText.emailInvalidComboBoxMultiSelect
: this.errorText.emailInvalid;
this.dataSource.element.multipleSelections) ? this.errorText.emailInvalidComboBoxMultiSelect : this.errorText.emailInvalid;
}

@@ -231,12 +198,9 @@ this.setStateAsInvalid();

else {
validationArray.filter((validation) => validation.emailValidation === false)[0].emailValidation = true;
validationArray.filter(validation => validation.emailValidation === false)[0].emailValidation = true;
}
}
//pattern validation
if (this.value &&
this.value !== "" &&
this.needsPatternValidation &&
this.pattern) {
if (this.value && this.value !== '' && this.needsPatternValidation && this.pattern) {
const reggie = new RegExp(this.pattern);
if (!(typeof this.value === "string" && reggie.test(this.value))) {
if (!(typeof this.value === 'string' && reggie.test(this.value))) {
if (!this.errorMessage) {

@@ -248,17 +212,10 @@ this.generatedErrorMessage = this.errorText.patternMatchInvalid;

else {
validationArray.filter((validation) => validation.patternValidation === false)[0].patternValidation = true;
validationArray.filter(validation => validation.patternValidation === false)[0].patternValidation = true;
}
// if pattern validation is used but the field is not required and also does not have a value, validate successfully
}
else if ((!this.value || this.value === "") &&
this.needsPatternValidation &&
this.pattern &&
!this.isRequired) {
validationArray.filter((validation) => validation.patternValidation === false)[0].patternValidation = true;
}
}
if (validationArray.filter((validation) => {
return (Object.keys(validation).filter((key) => {
if (validationArray.filter(validation => {
return Object.keys(validation).filter(key => {
return validation[key] !== true;
}).length !== 0);
}).length !== 0;
}).length === 0) {

@@ -289,5 +246,3 @@ this.setStateAsValid();

if (this.needsPatternValidation) {
if (this.isRequired && this.value && this.value !== "") {
requiredStuff.pattern = true;
}
requiredStuff.pattern = true;
}

@@ -300,5 +255,3 @@ if (this.isValid) {

}
if (Object.keys(requiredStuff).length === 0 &&
!validState &&
!inValidState) {
if (Object.keys(requiredStuff).length === 0 && !validState && !inValidState) {
validState = true;

@@ -316,3 +269,3 @@ }

value: this.value,
type: type,
type: type
};

@@ -324,3 +277,3 @@ }

handleBlur() {
if (!this.isValidatedOnSubmission && this.updateTrigger === "blur") {
if (!this.isValidatedOnSubmission && this.updateTrigger === 'blur') {
this.validate();

@@ -332,3 +285,4 @@ }

*/
handleFocus() { }
handleFocus() {
}
/**

@@ -382,3 +336,3 @@ * Brings focus to input when lu-label is clicked

else if (datasource.element.id) {
this.forId = datasource.element.id.replace("-wrapper", "");
this.forId = datasource.element.id.replace('-wrapper', '');
}

@@ -424,3 +378,3 @@ }

this.value = ev && ev.detail && ev.detail.value ? ev.detail.value : null;
if (this.updateTrigger === "change" && !isResetting) {
if (this.updateTrigger === 'change' && !isResetting) {
this.validate();

@@ -437,3 +391,3 @@ }

return (h(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), getClassMap(this.cssClass)), valid: this.isValid, invalid: this.isInvalid, id: this.useId },
h("lu-label", { forId: this.forId, labelText: this.labelText, helperText: this.helperText, invalid: this.isInvalid, errorMessage: this.generatedErrorMessage, onClick: this.handleClick.bind(this), required: this.isRequired, optional: !this.needsEmailValidation ? !this.isRequired : false, useAsteriskAsRequiredIndicator: this.useAsteriskAsRequiredIndicator },
h("lu-label", { forId: this.forId, labelText: this.labelText, helperText: this.helperText, invalid: this.isInvalid, errorMessage: this.generatedErrorMessage, onClick: this.handleClick.bind(this), required: this.isRequired, optional: !(this.needsEmailValidation) ? !this.isRequired : false, useAsteriskAsRequiredIndicator: this.useAsteriskAsRequiredIndicator },
h("slot", null))));

@@ -703,3 +657,3 @@ }

"complexType": {
"original": "\"blur\" | \"change\"",
"original": "'blur' | 'change'",
"resolved": "\"blur\" | \"change\"",

@@ -716,3 +670,3 @@ "references": {}

"reflect": false,
"defaultValue": "\"blur\""
"defaultValue": "'blur'"
},

@@ -719,0 +673,0 @@ "useAsteriskAsRequiredIndicator": {

1

dist/collection/components/modal/modal.js

@@ -119,2 +119,3 @@ import { Component, Element, Event, h, Host, Listen, Method, Prop, } from "@stencil/core";

this.getFocusableElements();
console.log(this.currentFocusableElements);
if (this.currentFocusableElements.length > 0) {

@@ -121,0 +122,0 @@ if (this.currentFocusableElements[0].classList.contains("close-button")) {

166

dist/esm-es5/lu-form-group.entry.js

@@ -22,6 +22,6 @@ import { __awaiter, __generator } from "tslib";

this.errorText = {
required: "This is a required field",
emailInvalid: "Please enter a valid email",
emailInvalidComboBoxMultiSelect: "One of the selections has an invalid email address.",
checkboxRequired: "You must check at least one checkbox",
required: 'This is a required field',
emailInvalid: 'Please enter a valid email',
emailInvalidComboBoxMultiSelect: 'One of the selections has an invalid email address.',
checkboxRequired: 'You must check at least one checkbox'
};

@@ -80,3 +80,3 @@ /**

*/
this.updateTrigger = "blur";
this.updateTrigger = 'blur';
/**

@@ -90,4 +90,3 @@ * Provides option to use asterisk as required indicator

this.emailValidationCheckFailed = function (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));
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));
};

@@ -105,3 +104,3 @@ this.luFormGroupDidUpdate = createEvent(this, "luFormGroupDidUpdate", 7);

class_1.prototype.watchHandler = function (newValue) {
this.useId = newValue + "-frm-grp";
this.useId = newValue + '-frm-grp';
};

@@ -122,11 +121,7 @@ class_1.prototype.connectedCallback = function () {

_a.sent();
if (this.dataSource.kind === FormGroupTypes.input ||
this.dataSource.kind === FormGroupTypes.comboBox) {
if (this.dataSource.element.type &&
this.dataSource.element.type === "email") {
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.dataSource.kind === FormGroupTypes.input &&
this.dataSource.element.pattern &&
this.dataSource.element.pattern !== "") {
else if (this.dataSource.kind === FormGroupTypes.input && this.dataSource.element.pattern && this.dataSource.element.pattern !== '') {
this.needsPatternValidation = true;

@@ -137,7 +132,7 @@ this.pattern = this.dataSource.element.pattern;

this.handleElementsCommonLoadTasks(this.dataSource);
this.dataSource.element.addEventListener("luChange", function (ev) { return _this.setValue(ev); });
this.dataSource.element.addEventListener("luBlur", function () { return _this.handleBlur(); });
this.dataSource.element.addEventListener("luFocus", function () { return _this.handleFocus(); });
this.dataSource.element.addEventListener('luChange', function (ev) { return _this.setValue(ev); });
this.dataSource.element.addEventListener('luBlur', function () { return _this.handleBlur(); });
this.dataSource.element.addEventListener('luFocus', function () { return _this.handleFocus(); });
if (this.dataSource.kind === FormGroupTypes.input) {
this.dataSource.element.addEventListener("luSuffixClickedOrTapped", function () { return _this.handleSuffixIconClicked(); });
this.dataSource.element.addEventListener('luSuffixClickedOrTapped', function () { return _this.handleSuffixIconClicked(); });
}

@@ -147,3 +142,3 @@ this.value = this.dataSource.element.value;

case 2:
console.error("No input element found.");
console.error('No input element found.');
_a.label = 3;

@@ -156,39 +151,21 @@ case 3: return [2 /*return*/];

class_1.prototype.categorizeDatasource = function (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,
};
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 };
};
class_1.prototype.disconnectedCallback = function () {
var _this = this;
this.dataSource.element.removeEventListener("luChange", function (ev) { return _this.setValue(ev); });
this.dataSource.element.removeEventListener("luBlur", function () { return _this.handleBlur(); });
this.dataSource.element.removeEventListener("luFocus", function () { return _this.handleFocus(); });
this.dataSource.element.removeEventListener("luSuffixClickedOrTapped", function () { return _this.handleSuffixIconClicked(); });
this.dataSource.element.removeEventListener('luChange', function (ev) { return _this.setValue(ev); });
this.dataSource.element.removeEventListener('luBlur', function () { return _this.handleBlur(); });
this.dataSource.element.removeEventListener('luFocus', function () { return _this.handleFocus(); });
this.dataSource.element.removeEventListener('luSuffixClickedOrTapped', function () { return _this.handleSuffixIconClicked(); });
this.dataSource = undefined;

@@ -216,15 +193,10 @@ };

if (!this.value ||
this.value === "" ||
this.value === '' ||
(this.dataSource.kind === FormGroupTypes.checkboxGroup &&
typeof this.value !== "string" &&
typeof this.value !== "number" &&
this.value.filter(function (checkbox) { return 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;
typeof this.value !== 'string' &&
typeof this.value !== 'number' &&
this.value.filter(function (checkbox) { return 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();

@@ -239,18 +211,13 @@ }

// 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(function (box) {
return _this.emailValidationCheckFailed(box.value);
}).length > 0))) {
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(function (box) {
return _this.emailValidationCheckFailed(box.value);
}).length > 0))) {
if (!this.errorMessage) {
this.generatedErrorMessage = !!(this.dataSource.kind === FormGroupTypes.comboBox &&
this.dataSource.element.multipleSelections)
? this.errorText.emailInvalidComboBoxMultiSelect
: this.errorText.emailInvalid;
this.dataSource.element.multipleSelections) ? this.errorText.emailInvalidComboBoxMultiSelect : this.errorText.emailInvalid;
}

@@ -264,8 +231,5 @@ this.setStateAsInvalid();

//pattern validation
if (this.value &&
this.value !== "" &&
this.needsPatternValidation &&
this.pattern) {
if (this.value && this.value !== '' && this.needsPatternValidation && this.pattern) {
reggie = new RegExp(this.pattern);
if (!(typeof this.value === "string" && reggie.test(this.value))) {
if (!(typeof this.value === 'string' && reggie.test(this.value))) {
if (!this.errorMessage) {

@@ -279,15 +243,8 @@ this.generatedErrorMessage = this.errorText.patternMatchInvalid;

}
// if pattern validation is used but the field is not required and also does not have a value, validate successfully
}
else if ((!this.value || this.value === "") &&
this.needsPatternValidation &&
this.pattern &&
!this.isRequired) {
validationArray.filter(function (validation) { return validation.patternValidation === false; })[0].patternValidation = true;
}
}
if (validationArray.filter(function (validation) {
return (Object.keys(validation).filter(function (key) {
return Object.keys(validation).filter(function (key) {
return validation[key] !== true;
}).length !== 0);
}).length !== 0;
}).length === 0) {

@@ -334,5 +291,3 @@ this.setStateAsValid();

if (this.needsPatternValidation) {
if (this.isRequired && this.value && this.value !== "") {
requiredStuff.pattern = true;
}
requiredStuff.pattern = true;
}

@@ -345,5 +300,3 @@ if (this.isValid) {

}
if (Object.keys(requiredStuff).length === 0 &&
!validState &&
!inValidState) {
if (Object.keys(requiredStuff).length === 0 && !validState && !inValidState) {
validState = true;

@@ -361,3 +314,3 @@ }

value: this.value,
type: type,
type: type
}];

@@ -371,3 +324,3 @@ });

class_1.prototype.handleBlur = function () {
if (!this.isValidatedOnSubmission && this.updateTrigger === "blur") {
if (!this.isValidatedOnSubmission && this.updateTrigger === 'blur') {
this.validate();

@@ -379,3 +332,4 @@ }

*/
class_1.prototype.handleFocus = function () { };
class_1.prototype.handleFocus = function () {
};
/**

@@ -429,3 +383,3 @@ * Brings focus to input when lu-label is clicked

else if (datasource.element.id) {
this.forId = datasource.element.id.replace("-wrapper", "");
this.forId = datasource.element.id.replace('-wrapper', '');
}

@@ -471,3 +425,3 @@ };

this.value = ev && ev.detail && ev.detail.value ? ev.detail.value : null;
if (this.updateTrigger === "change" && !isResetting) {
if (this.updateTrigger === 'change' && !isResetting) {
this.validate();

@@ -483,3 +437,3 @@ }

class_1.prototype.render = function () {
return (h(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), getClassMap(this.cssClass)), valid: this.isValid, invalid: this.isInvalid, id: this.useId }, h("lu-label", { forId: this.forId, labelText: this.labelText, helperText: this.helperText, invalid: this.isInvalid, errorMessage: this.generatedErrorMessage, onClick: this.handleClick.bind(this), required: this.isRequired, optional: !this.needsEmailValidation ? !this.isRequired : false, useAsteriskAsRequiredIndicator: this.useAsteriskAsRequiredIndicator }, h("slot", null))));
return (h(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), getClassMap(this.cssClass)), valid: this.isValid, invalid: this.isInvalid, id: this.useId }, h("lu-label", { forId: this.forId, labelText: this.labelText, helperText: this.helperText, invalid: this.isInvalid, errorMessage: this.generatedErrorMessage, onClick: this.handleClick.bind(this), required: this.isRequired, optional: !(this.needsEmailValidation) ? !this.isRequired : false, useAsteriskAsRequiredIndicator: this.useAsteriskAsRequiredIndicator }, h("slot", null))));
};

@@ -486,0 +440,0 @@ Object.defineProperty(class_1.prototype, "luFormGroupEl", {

1

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

@@ -1180,2 +1180,3 @@ import { __awaiter, __generator, __spreadArrays } from "tslib";

this.getFocusableElements();
console.log(this.currentFocusableElements);
if (this.currentFocusableElements.length > 0) {

@@ -1182,0 +1183,0 @@ if (this.currentFocusableElements[0].classList.contains("close-button")) {

174

dist/esm/lu-form-group.entry.js

@@ -23,6 +23,6 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7e6a8af4.js';

this.errorText = {
required: "This is a required field",
emailInvalid: "Please enter a valid email",
emailInvalidComboBoxMultiSelect: "One of the selections has an invalid email address.",
checkboxRequired: "You must check at least one checkbox",
required: 'This is a required field',
emailInvalid: 'Please enter a valid email',
emailInvalidComboBoxMultiSelect: 'One of the selections has an invalid email address.',
checkboxRequired: 'You must check at least one checkbox'
};

@@ -81,3 +81,3 @@ /**

*/
this.updateTrigger = "blur";
this.updateTrigger = 'blur';
/**

@@ -91,4 +91,3 @@ * Provides option to use asterisk as required indicator

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));
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));
};

@@ -106,3 +105,3 @@ this.luFormGroupDidUpdate = createEvent(this, "luFormGroupDidUpdate", 7);

watchHandler(newValue) {
this.useId = newValue + "-frm-grp";
this.useId = newValue + '-frm-grp';
}

@@ -116,11 +115,7 @@ async connectedCallback() {

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") {
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.dataSource.kind === FormGroupTypes.input &&
this.dataSource.element.pattern &&
this.dataSource.element.pattern !== "") {
else if (this.dataSource.kind === FormGroupTypes.input && this.dataSource.element.pattern && this.dataSource.element.pattern !== '') {
this.needsPatternValidation = true;

@@ -131,7 +126,7 @@ this.pattern = this.dataSource.element.pattern;

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());
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.dataSource.element.addEventListener('luSuffixClickedOrTapped', () => this.handleSuffixIconClicked());
}

@@ -141,42 +136,24 @@ this.value = this.dataSource.element.value;

else {
console.error("No input element found.");
console.error('No input element found.');
}
}
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,
};
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.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.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;

@@ -201,19 +178,14 @@ }

if (!this.value ||
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;
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;
validationArray.filter(validation => validation.required === false)[0].required = true;
}

@@ -224,18 +196,13 @@ }

// 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.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.dataSource.kind === FormGroupTypes.comboBox &&
this.dataSource.element.multipleSelections)
? this.errorText.emailInvalidComboBoxMultiSelect
: this.errorText.emailInvalid;
this.dataSource.element.multipleSelections) ? this.errorText.emailInvalidComboBoxMultiSelect : this.errorText.emailInvalid;
}

@@ -245,12 +212,9 @@ this.setStateAsInvalid();

else {
validationArray.filter((validation) => validation.emailValidation === false)[0].emailValidation = true;
validationArray.filter(validation => validation.emailValidation === false)[0].emailValidation = true;
}
}
//pattern validation
if (this.value &&
this.value !== "" &&
this.needsPatternValidation &&
this.pattern) {
if (this.value && this.value !== '' && this.needsPatternValidation && this.pattern) {
const reggie = new RegExp(this.pattern);
if (!(typeof this.value === "string" && reggie.test(this.value))) {
if (!(typeof this.value === 'string' && reggie.test(this.value))) {
if (!this.errorMessage) {

@@ -262,17 +226,10 @@ this.generatedErrorMessage = this.errorText.patternMatchInvalid;

else {
validationArray.filter((validation) => validation.patternValidation === false)[0].patternValidation = true;
validationArray.filter(validation => validation.patternValidation === false)[0].patternValidation = true;
}
// if pattern validation is used but the field is not required and also does not have a value, validate successfully
}
else if ((!this.value || this.value === "") &&
this.needsPatternValidation &&
this.pattern &&
!this.isRequired) {
validationArray.filter((validation) => validation.patternValidation === false)[0].patternValidation = true;
}
}
if (validationArray.filter((validation) => {
return (Object.keys(validation).filter((key) => {
if (validationArray.filter(validation => {
return Object.keys(validation).filter(key => {
return validation[key] !== true;
}).length !== 0);
}).length !== 0;
}).length === 0) {

@@ -303,5 +260,3 @@ this.setStateAsValid();

if (this.needsPatternValidation) {
if (this.isRequired && this.value && this.value !== "") {
requiredStuff.pattern = true;
}
requiredStuff.pattern = true;
}

@@ -314,5 +269,3 @@ if (this.isValid) {

}
if (Object.keys(requiredStuff).length === 0 &&
!validState &&
!inValidState) {
if (Object.keys(requiredStuff).length === 0 && !validState && !inValidState) {
validState = true;

@@ -330,3 +283,3 @@ }

value: this.value,
type: type,
type: type
};

@@ -338,3 +291,3 @@ }

handleBlur() {
if (!this.isValidatedOnSubmission && this.updateTrigger === "blur") {
if (!this.isValidatedOnSubmission && this.updateTrigger === 'blur') {
this.validate();

@@ -346,3 +299,4 @@ }

*/
handleFocus() { }
handleFocus() {
}
/**

@@ -396,3 +350,3 @@ * Brings focus to input when lu-label is clicked

else if (datasource.element.id) {
this.forId = datasource.element.id.replace("-wrapper", "");
this.forId = datasource.element.id.replace('-wrapper', '');
}

@@ -438,3 +392,3 @@ }

this.value = ev && ev.detail && ev.detail.value ? ev.detail.value : null;
if (this.updateTrigger === "change" && !isResetting) {
if (this.updateTrigger === 'change' && !isResetting) {
this.validate();

@@ -450,3 +404,3 @@ }

render() {
return (h(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), getClassMap(this.cssClass)), valid: this.isValid, invalid: this.isInvalid, id: this.useId }, h("lu-label", { forId: this.forId, labelText: this.labelText, helperText: this.helperText, invalid: this.isInvalid, errorMessage: this.generatedErrorMessage, onClick: this.handleClick.bind(this), required: this.isRequired, optional: !this.needsEmailValidation ? !this.isRequired : false, useAsteriskAsRequiredIndicator: this.useAsteriskAsRequiredIndicator }, h("slot", null))));
return (h(Host, { class: Object.assign(Object.assign({}, createColorClasses(this.color)), getClassMap(this.cssClass)), valid: this.isValid, invalid: this.isInvalid, id: this.useId }, h("lu-label", { forId: this.forId, labelText: this.labelText, helperText: this.helperText, invalid: this.isInvalid, errorMessage: this.generatedErrorMessage, onClick: this.handleClick.bind(this), required: this.isRequired, optional: !(this.needsEmailValidation) ? !this.isRequired : false, useAsteriskAsRequiredIndicator: this.useAsteriskAsRequiredIndicator }, h("slot", null))));
}

@@ -453,0 +407,0 @@ get luFormGroupEl() { return getElement(this); }

1

dist/esm/lu-modal.entry.js

@@ -1141,2 +1141,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7e6a8af4.js';

this.getFocusableElements();
console.log(this.currentFocusableElements);
if (this.currentFocusableElements.length > 0) {

@@ -1143,0 +1144,0 @@ if (this.currentFocusableElements[0].classList.contains("close-button")) {

8

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

@@ -1,4 +0,4 @@

import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
import { Color, LUFormGroupValidationState, LUFormGroupValue } from "../../interface";
import { DatasourceTypes } from "../../types/datasource-interface";
import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import { DatasourceTypes } from '../../types/datasource-interface';
import { Color, LUFormGroupValidationState, LUFormGroupValue } from '../../interface';
export declare class FormGroup implements ComponentInterface {

@@ -123,3 +123,3 @@ /**

*/
updateTrigger: "blur" | "change";
updateTrigger: 'blur' | 'change';
/**

@@ -126,0 +126,0 @@ * Provides option to use asterisk as required indicator

2

dist/uxpatterns/p-58192cbc.system.js

@@ -1,1 +0,1 @@

System.register(["./p-776e50e1.system.js"],(function(){"use strict";var e,a;return{setters:[function(s){e=s.p;a=s.b}],execute:function(){e().then((function(e){return a(JSON.parse('[["p-76826145.system",[[1,"lu-combo-box",{"hasFormGroup":[4,"has-form-group"],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"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],"nativeInputsId":[1,"native-inputs-id"],"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"]]]]],["p-ebbccc6a.system",[[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-88157ed9.system",[[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-073355f4.system",[[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]}]]],["p-d5f8f09d.system",[[1,"lu-icon-finder"]]],["p-f74560b3.system",[[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],"activator":[16],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[2,"focus","handleFocusChangeForSR"],[0,"keydown","handleKeyDown"]]]]],["p-b6479696.system",[[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-0e500655.system",[[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-6117f3b5.system",[[1,"lu-breakpoints",{"sm":[2],"md":[2],"lg":[2],"xl":[2],"currentBreakpoint":[32],"currentWidth":[32],"currentHeight":[32]},[[9,"resize","onResize"]]]]],["p-c9cb7660.system",[[1,"lu-card",{"color":[1]}]]],["p-575c9e23.system",[[1,"lu-card-buttons"]]],["p-35a055a4.system",[[0,"lu-card-content"]]],["p-091d2c0c.system",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["p-f757a62f.system",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["p-66b30927.system",[[1,"lu-card-title",{"color":[1]}]]],["p-a9a1ea4d.system",[[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-8f3cd39d.system",[[4,"lu-checkbox-group",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1040],"hasFormGroup":[4,"has-form-group"],"isResetting":[32],"componentLoaded":[32],"setFocus":[64],"updateValue":[64]}]]],["p-26ec90b1.system",[[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-a97e8c1c.system",[[1,"lu-combo-box-connector",{"purpose":[1],"searchResults":[16]},[[8,"luNewSearchResultRequested","onLuNewSearchResultRequested"]]]]],["p-d9693521.system",[[1,"lu-dropdown-listbox",{"isExpanded":[1028,"is-expanded"],"label":[1],"labelRef":[1,"label-ref"],"value":[1032],"options":[32],"activeDescendant":[32],"firstItem":[32],"lastItem":[32],"lastSelectedValue":[32]},[[0,"keydown","handleKeyDown"],[3,"slotHasChanged","handleSlotChange"],[11,"click","handleWindowClick"]]]]],["p-04c4fee5.system",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["p-06679c52.system",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["p-dd2e6b5a.system",[[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]}]]],["p-a96b94e1.system",[[1,"lu-gdpr-consent",{"hidden":[32],"grantConsentCookie":[64],"revokeConsentCookie":[64],"resetConsentCookie":[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["p-36c69082.system",[[1,"lu-grid",{"fixed":[4]}]]],["p-75f71c2c.system",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["p-fc3ae690.system",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["p-b201d752.system",[[1,"lu-listbox-option",{"role":[513],"value":[520]}]]],["p-1ac488db.system",[[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-ff49938f.system",[[0,"lu-radio-group",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"hasFormGroup":[4,"has-form-group"],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1032],"isResetting":[32],"setFocus":[64],"updateValue":[64]}]]],["p-669d9c23.system",[[1,"lu-row"]]],["p-45befd2a.system",[[1,"lu-select",{"useId":[1025,"use-id"],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"hasFormGroup":[4,"has-form-group"],"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-4b4af1e6.system",[[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-f35aa71a.system",[[1,"lu-tab",{"active":[1540],"name":[8],"noSlide":[8,"no-slide"],"isFocused":[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]]]],["p-70111458.system",[[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,"luTabDidDisconnect","onTabDidDisconnect"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]]]],["p-511c8933.system",[[1,"lu-text-area",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"invalid":[4],"valid":[4],"hasFormGroup":[4,"has-form-group"],"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-89c22adf.system",[[1,"lu-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["p-aef4a827.system",[[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"]}]]],["p-a6de368f.system",[[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-53698360.system",[[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]}]]],["p-40b03743.system",[[1,"lu-combo-box-selection",{"isEditing":[4,"is-editing"],"selection":[16],"isEmail":[4,"is-email"]}],[1,"lu-input",{"accept":[1],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"ariaAutoComplete":[1,"aria-auto-complete"],"ariaControls":[1,"aria-controls"],"ariaActiveDescendant":[1,"aria-active-descendant"],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"hasFormGroup":[4,"has-form-group"],"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-skeleton-text",{"width":[1],"shouldAnimate":[4,"should-animate"]}]]]]'),e)}))}}}));
System.register(["./p-776e50e1.system.js"],(function(){"use strict";var e,a;return{setters:[function(s){e=s.p;a=s.b}],execute:function(){e().then((function(e){return a(JSON.parse('[["p-76826145.system",[[1,"lu-combo-box",{"hasFormGroup":[4,"has-form-group"],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"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],"nativeInputsId":[1,"native-inputs-id"],"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"]]]]],["p-ebbccc6a.system",[[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-88157ed9.system",[[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-bfcaeb20.system",[[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]}]]],["p-d5f8f09d.system",[[1,"lu-icon-finder"]]],["p-60471ed0.system",[[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],"activator":[16],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[2,"focus","handleFocusChangeForSR"],[0,"keydown","handleKeyDown"]]]]],["p-b6479696.system",[[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-0e500655.system",[[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-6117f3b5.system",[[1,"lu-breakpoints",{"sm":[2],"md":[2],"lg":[2],"xl":[2],"currentBreakpoint":[32],"currentWidth":[32],"currentHeight":[32]},[[9,"resize","onResize"]]]]],["p-c9cb7660.system",[[1,"lu-card",{"color":[1]}]]],["p-575c9e23.system",[[1,"lu-card-buttons"]]],["p-35a055a4.system",[[0,"lu-card-content"]]],["p-091d2c0c.system",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["p-f757a62f.system",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["p-66b30927.system",[[1,"lu-card-title",{"color":[1]}]]],["p-a9a1ea4d.system",[[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-8f3cd39d.system",[[4,"lu-checkbox-group",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1040],"hasFormGroup":[4,"has-form-group"],"isResetting":[32],"componentLoaded":[32],"setFocus":[64],"updateValue":[64]}]]],["p-26ec90b1.system",[[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-a97e8c1c.system",[[1,"lu-combo-box-connector",{"purpose":[1],"searchResults":[16]},[[8,"luNewSearchResultRequested","onLuNewSearchResultRequested"]]]]],["p-d9693521.system",[[1,"lu-dropdown-listbox",{"isExpanded":[1028,"is-expanded"],"label":[1],"labelRef":[1,"label-ref"],"value":[1032],"options":[32],"activeDescendant":[32],"firstItem":[32],"lastItem":[32],"lastSelectedValue":[32]},[[0,"keydown","handleKeyDown"],[3,"slotHasChanged","handleSlotChange"],[11,"click","handleWindowClick"]]]]],["p-04c4fee5.system",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["p-06679c52.system",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["p-dd2e6b5a.system",[[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]}]]],["p-a96b94e1.system",[[1,"lu-gdpr-consent",{"hidden":[32],"grantConsentCookie":[64],"revokeConsentCookie":[64],"resetConsentCookie":[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["p-36c69082.system",[[1,"lu-grid",{"fixed":[4]}]]],["p-75f71c2c.system",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["p-fc3ae690.system",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["p-b201d752.system",[[1,"lu-listbox-option",{"role":[513],"value":[520]}]]],["p-1ac488db.system",[[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-ff49938f.system",[[0,"lu-radio-group",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"hasFormGroup":[4,"has-form-group"],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1032],"isResetting":[32],"setFocus":[64],"updateValue":[64]}]]],["p-669d9c23.system",[[1,"lu-row"]]],["p-45befd2a.system",[[1,"lu-select",{"useId":[1025,"use-id"],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"hasFormGroup":[4,"has-form-group"],"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-4b4af1e6.system",[[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-f35aa71a.system",[[1,"lu-tab",{"active":[1540],"name":[8],"noSlide":[8,"no-slide"],"isFocused":[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]]]],["p-70111458.system",[[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,"luTabDidDisconnect","onTabDidDisconnect"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]]]],["p-511c8933.system",[[1,"lu-text-area",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"invalid":[4],"valid":[4],"hasFormGroup":[4,"has-form-group"],"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-89c22adf.system",[[1,"lu-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["p-aef4a827.system",[[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"]}]]],["p-a6de368f.system",[[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-53698360.system",[[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]}]]],["p-40b03743.system",[[1,"lu-combo-box-selection",{"isEditing":[4,"is-editing"],"selection":[16],"isEmail":[4,"is-email"]}],[1,"lu-input",{"accept":[1],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"ariaAutoComplete":[1,"aria-auto-complete"],"ariaControls":[1,"aria-controls"],"ariaActiveDescendant":[1,"aria-active-descendant"],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"hasFormGroup":[4,"has-form-group"],"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-skeleton-text",{"width":[1],"shouldAnimate":[4,"should-animate"]}]]]]'),e)}))}}}));

2

dist/uxpatterns/uxpatterns.esm.js

@@ -1,1 +0,1 @@

import{p as e,b as a}from"./p-7066ba62.js";e().then(e=>a(JSON.parse('[["p-1bd3c317",[[1,"lu-combo-box",{"hasFormGroup":[4,"has-form-group"],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"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],"nativeInputsId":[1,"native-inputs-id"],"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"]]]]],["p-141db836",[[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-8f4aba53",[[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-ba61a559",[[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]}]]],["p-73da2b85",[[1,"lu-icon-finder"]]],["p-1afe4c2d",[[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],"activator":[16],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[2,"focus","handleFocusChangeForSR"],[0,"keydown","handleKeyDown"]]]]],["p-bcd7b89b",[[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-8478980e",[[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-01666336",[[1,"lu-breakpoints",{"sm":[2],"md":[2],"lg":[2],"xl":[2],"currentBreakpoint":[32],"currentWidth":[32],"currentHeight":[32]},[[9,"resize","onResize"]]]]],["p-d02f9378",[[1,"lu-card",{"color":[1]}]]],["p-ee18a9d2",[[1,"lu-card-buttons"]]],["p-1bcd058c",[[0,"lu-card-content"]]],["p-54d3067f",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["p-9efb0e5c",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["p-7651dec3",[[1,"lu-card-title",{"color":[1]}]]],["p-3562161c",[[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-cfc1f534",[[4,"lu-checkbox-group",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1040],"hasFormGroup":[4,"has-form-group"],"isResetting":[32],"componentLoaded":[32],"setFocus":[64],"updateValue":[64]}]]],["p-b555967f",[[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-cb459582",[[1,"lu-combo-box-connector",{"purpose":[1],"searchResults":[16]},[[8,"luNewSearchResultRequested","onLuNewSearchResultRequested"]]]]],["p-9c68cd97",[[1,"lu-dropdown-listbox",{"isExpanded":[1028,"is-expanded"],"label":[1],"labelRef":[1,"label-ref"],"value":[1032],"options":[32],"activeDescendant":[32],"firstItem":[32],"lastItem":[32],"lastSelectedValue":[32]},[[0,"keydown","handleKeyDown"],[3,"slotHasChanged","handleSlotChange"],[11,"click","handleWindowClick"]]]]],["p-fed95c83",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["p-c12558bc",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["p-6f451593",[[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]}]]],["p-a564c3f3",[[1,"lu-gdpr-consent",{"hidden":[32],"grantConsentCookie":[64],"revokeConsentCookie":[64],"resetConsentCookie":[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["p-877389dd",[[1,"lu-grid",{"fixed":[4]}]]],["p-2ef793df",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["p-95479990",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["p-d8f5a837",[[1,"lu-listbox-option",{"role":[513],"value":[520]}]]],["p-f8b141fe",[[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-4999fe4f",[[0,"lu-radio-group",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"hasFormGroup":[4,"has-form-group"],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1032],"isResetting":[32],"setFocus":[64],"updateValue":[64]}]]],["p-83667951",[[1,"lu-row"]]],["p-e8db3e9d",[[1,"lu-select",{"useId":[1025,"use-id"],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"hasFormGroup":[4,"has-form-group"],"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-aca9b7fe",[[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-9ffb4cac",[[1,"lu-tab",{"active":[1540],"name":[8],"noSlide":[8,"no-slide"],"isFocused":[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]]]],["p-48093b05",[[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,"luTabDidDisconnect","onTabDidDisconnect"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]]]],["p-0b0f80b6",[[1,"lu-text-area",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"invalid":[4],"valid":[4],"hasFormGroup":[4,"has-form-group"],"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-48d5f8e3",[[1,"lu-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["p-aedf60da",[[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"]}]]],["p-a44b10d5",[[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-80c9f636",[[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]}]]],["p-48b998e8",[[1,"lu-combo-box-selection",{"isEditing":[4,"is-editing"],"selection":[16],"isEmail":[4,"is-email"]}],[1,"lu-input",{"accept":[1],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"ariaAutoComplete":[1,"aria-auto-complete"],"ariaControls":[1,"aria-controls"],"ariaActiveDescendant":[1,"aria-active-descendant"],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"hasFormGroup":[4,"has-form-group"],"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-skeleton-text",{"width":[1],"shouldAnimate":[4,"should-animate"]}]]]]'),e));
import{p as e,b as a}from"./p-7066ba62.js";e().then(e=>a(JSON.parse('[["p-1bd3c317",[[1,"lu-combo-box",{"hasFormGroup":[4,"has-form-group"],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"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],"nativeInputsId":[1,"native-inputs-id"],"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"]]]]],["p-141db836",[[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-8f4aba53",[[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-ff89105e",[[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]}]]],["p-73da2b85",[[1,"lu-icon-finder"]]],["p-55326e9f",[[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],"activator":[16],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[2,"focus","handleFocusChangeForSR"],[0,"keydown","handleKeyDown"]]]]],["p-bcd7b89b",[[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-8478980e",[[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-01666336",[[1,"lu-breakpoints",{"sm":[2],"md":[2],"lg":[2],"xl":[2],"currentBreakpoint":[32],"currentWidth":[32],"currentHeight":[32]},[[9,"resize","onResize"]]]]],["p-d02f9378",[[1,"lu-card",{"color":[1]}]]],["p-ee18a9d2",[[1,"lu-card-buttons"]]],["p-1bcd058c",[[0,"lu-card-content"]]],["p-54d3067f",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["p-9efb0e5c",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["p-7651dec3",[[1,"lu-card-title",{"color":[1]}]]],["p-3562161c",[[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-cfc1f534",[[4,"lu-checkbox-group",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"direction":[1],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1040],"hasFormGroup":[4,"has-form-group"],"isResetting":[32],"componentLoaded":[32],"setFocus":[64],"updateValue":[64]}]]],["p-b555967f",[[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-cb459582",[[1,"lu-combo-box-connector",{"purpose":[1],"searchResults":[16]},[[8,"luNewSearchResultRequested","onLuNewSearchResultRequested"]]]]],["p-9c68cd97",[[1,"lu-dropdown-listbox",{"isExpanded":[1028,"is-expanded"],"label":[1],"labelRef":[1,"label-ref"],"value":[1032],"options":[32],"activeDescendant":[32],"firstItem":[32],"lastItem":[32],"lastSelectedValue":[32]},[[0,"keydown","handleKeyDown"],[3,"slotHasChanged","handleSlotChange"],[11,"click","handleWindowClick"]]]]],["p-fed95c83",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["p-c12558bc",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["p-6f451593",[[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]}]]],["p-a564c3f3",[[1,"lu-gdpr-consent",{"hidden":[32],"grantConsentCookie":[64],"revokeConsentCookie":[64],"resetConsentCookie":[64]},[[4,"gdpr-consent-revoke","handleRevoke"],[4,"gdpr-consent-reset","handleReset"]]]]],["p-877389dd",[[1,"lu-grid",{"fixed":[4]}]]],["p-2ef793df",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["p-95479990",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["p-d8f5a837",[[1,"lu-listbox-option",{"role":[513],"value":[520]}]]],["p-f8b141fe",[[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-4999fe4f",[[0,"lu-radio-group",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"hasFormGroup":[4,"has-form-group"],"useId":[1025,"use-id"],"name":[1],"required":[4],"valid":[4],"invalid":[4],"value":[1032],"isResetting":[32],"setFocus":[64],"updateValue":[64]}]]],["p-83667951",[[1,"lu-row"]]],["p-e8db3e9d",[[1,"lu-select",{"useId":[1025,"use-id"],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"hasFormGroup":[4,"has-form-group"],"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-aca9b7fe",[[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-9ffb4cac",[[1,"lu-tab",{"active":[1540],"name":[8],"noSlide":[8,"no-slide"],"isFocused":[32]},[[0,"click","onClick"],[0,"keydown","handleKeyDown"],[18,"luTabFocused","handleLuTabFocused"],[18,"luTabBlurred","handleLuTabBlurred"]]]]],["p-48093b05",[[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,"luTabDidDisconnect","onTabDidDisconnect"],[0,"luTabSelect","onTabSelect"],[0,"keydown","handleKeyDown"],[0,"tabFocus","onFocus"],[0,"tabBlur","onBlur"]]]]],["p-0b0f80b6",[[1,"lu-text-area",{"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"invalid":[4],"valid":[4],"hasFormGroup":[4,"has-form-group"],"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-48d5f8e3",[[1,"lu-backdrop",{"visible":[4],"tappable":[4],"stopPropagation":[4,"stop-propagation"]},[[2,"touchstart","onTouchStart"],[2,"click","onMouseDown"],[2,"mousedown","onMouseDown"]]]]],["p-aedf60da",[[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"]}]]],["p-a44b10d5",[[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-80c9f636",[[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]}]]],["p-48b998e8",[[1,"lu-combo-box-selection",{"isEditing":[4,"is-editing"],"selection":[16],"isEmail":[4,"is-email"]}],[1,"lu-input",{"accept":[1],"ariaLabeledByAddition":[1,"aria-labeled-by-addition"],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"ariaAutoComplete":[1,"aria-auto-complete"],"ariaControls":[1,"aria-controls"],"ariaActiveDescendant":[1,"aria-active-descendant"],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"hasFormGroup":[4,"has-form-group"],"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-skeleton-text",{"width":[1],"shouldAnimate":[4,"should-animate"]}]]]]'),e));

2

package.json
{
"name": "@lu-development/ux-patterns",
"version": "1.7.0-dev.202007171745.2082a8e",
"version": "1.7.0-dev.202007171855.2082a8e",
"description": "Stencil Component Starter",

@@ -5,0 +5,0 @@ "module": "dist/index.mjs",

dist/uxpatterns/p-073355f4.system.entry.js
dist/uxpatterns/p-1afe4c2d.entry.js
dist/uxpatterns/p-ba61a559.entry.js
dist/uxpatterns/p-f74560b3.system.entry.js
docs/docs.json

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc