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

Comparing version 1.7.0-dev.202008031515.e8fe709 to 1.7.0-dev.202009031645.ae1854b

dist/cjs/lu-combo-box.cjs.entry.js

@@ -8,3 +8,3 @@ 'use strict';
 
-const comboBoxCss = ":host{--lu-combo-box-border-color:#686A6F;position:relative}:host .input-area{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:8px 0 0 4px;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));outline:none;background-color:#FFFFFF;font-size:var(--lu-global-form-input-font-size, 14px);line-height:26px;-webkit-box-sizing:border-box;box-sizing:border-box}:host lu-input{-ms-flex-positive:1;flex-grow:1;width:15px;min-width:15px;margin-top:-8px}:host .selections{display:-ms-flexbox;display:flex;position:absolute;right:0;left:0;-ms-flex-flow:column;flex-flow:column;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));border-top:none;background:#FFFFFF;z-index:5}:host .selection{padding:10px 17px 8px 17px;border:0;color:#222222;font:inherit;font-size:14px;line-height:16px;text-align:left;cursor:pointer}:host .selection .selection-no-value{margin-bottom:16px}:host button.selection{background:none;overflow:visible;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:host button.selection.active,:host button.selection:hover{background-color:#EEF3F9}:host .selection-value{color:rgba(34, 34, 34, 0.5)}:host button.selection::-moz-focus-inner{padding:0;border:0}:host([is-valid]) .input-area{border:2px solid #00854E}:host([is-invalid]) .input-area{border:2px solid #E4002B}:host(.has-focus) .input-area{border:2px solid #1B2C56}:host(.has-focus) lu-input{min-width:250px}";
+const comboBoxCss = ":host{--lu-combo-box-border-color:#686a6f;position:relative}:host .input-area{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:9px 0 1px 4px;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));outline:none;background-color:#ffffff;font-size:var(--lu-global-form-input-font-size, 14px);line-height:26px;-webkit-box-sizing:border-box;box-sizing:border-box}:host lu-input{-ms-flex-positive:1;flex-grow:1;width:15px;min-width:15px;margin-top:-8px}:host .selections{display:-ms-flexbox;display:flex;position:absolute;right:0;left:0;-ms-flex-flow:column;flex-flow:column;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));border-top:none;background:#ffffff;z-index:5}:host .selection{padding:10px 17px 8px 17px;border:0;color:#222222;font:inherit;font-size:14px;line-height:16px;text-align:left;cursor:pointer}:host .selection .selection-no-value{margin-bottom:16px}:host button.selection{background:none;overflow:visible;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:host button.selection.active,:host button.selection:hover{background-color:#eef3f9}:host .selection-value{color:rgba(34, 34, 34, 0.5)}:host button.selection::-moz-focus-inner{padding:0;border:0}:host([is-valid]) .input-area{border:2px solid #00854e}:host([is-invalid]) .input-area{border:2px solid #e4002b}:host(.has-focus) .input-area{border:2px solid #1B2C56}:host(.has-focus) lu-input{min-width:250px}";
 
@@ -11,0 +11,0 @@ const ComboBox = class {

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,3 +95,3 @@ * Provides option to use asterisk as required indicator
         this.emailValidationCheckFailed = (text) => {
-            return !(typeof text === "string" &&
+            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 +110,3 @@ };
     watchHandler(newValue) {
-        this.useId = newValue + "-frm-grp";
+        this.useId = newValue + '-frm-grp';
     }
@@ -123,3 +123,3 @@ async connectedCallback() {
                 if (this.dataSource.element.type &&
-                    this.dataSource.element.type === "email") {
+                    this.dataSource.element.type === 'email') {
                     this.needsEmailValidation = true;
@@ -129,3 +129,3 @@ }
                     this.dataSource.element.pattern &&
-                    this.dataSource.element.pattern !== "") {
+                    this.dataSource.element.pattern !== '') {
                     this.needsPatternValidation = true;
@@ -136,7 +136,9 @@ 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());
             }
@@ -146,7 +148,7 @@ 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")
+        if (element.tagName === 'LU-SELECT')
             return {
@@ -156,3 +158,3 @@ kind: FormGroupTypes.select,
             };
-        if (element.tagName === "LU-TEXT-AREA")
+        if (element.tagName === 'LU-TEXT-AREA')
             return {
@@ -162,3 +164,3 @@ kind: FormGroupTypes.textArea,
             };
-        if (element.tagName === "LU-RADIO-GROUP")
+        if (element.tagName === 'LU-RADIO-GROUP')
             return {
@@ -168,3 +170,3 @@ kind: FormGroupTypes.radioGroup,
             };
-        if (element.tagName === "LU-CHECKBOX-GROUP")
+        if (element.tagName === 'LU-CHECKBOX-GROUP')
             return {
@@ -174,3 +176,3 @@ kind: FormGroupTypes.checkboxGroup,
             };
-        if (element.tagName === "LU-COMBO-BOX")
+        if (element.tagName === 'LU-COMBO-BOX')
             return {
@@ -180,3 +182,3 @@ kind: FormGroupTypes.comboBox,
             };
-        if (element.tagName === "LU-INPUT")
+        if (element.tagName === 'LU-INPUT')
             return {
@@ -188,6 +190,8 @@ kind: FormGroupTypes.input,
     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;
@@ -212,6 +216,6 @@ }
                 if (!this.value ||
-                    this.value === "" ||
+                    this.value === '' ||
                     (this.dataSource.kind === FormGroupTypes.checkboxGroup &&
-                        typeof this.value !== "string" &&
-                        typeof this.value !== "number" &&
+                        typeof this.value !== 'string' &&
+                        typeof this.value !== 'number' &&
                         this.value.filter((checkbox) => checkbox.checked === true)
@@ -236,3 +240,3 @@ .length === 0) ||
                 if (this.value &&
-                    this.value !== "" &&
+                    this.value !== '' &&
                     ((!(this.dataSource.kind === FormGroupTypes.comboBox &&
@@ -261,7 +265,7 @@ this.dataSource.element.multipleSelections) &&
             if (this.value &&
-                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) {
@@ -277,3 +281,3 @@ this.generatedErrorMessage = this.errorText.patternMatchInvalid;
             }
-            else if ((!this.value || this.value === "") &&
+            else if ((!this.value || this.value === '') &&
                 this.needsPatternValidation &&
@@ -314,5 +318,3 @@ this.pattern &&
         if (this.needsPatternValidation) {
-            if (this.isRequired && this.value && this.value !== "") {
-                requiredStuff.pattern = true;
-            }
+            requiredStuff.pattern = true;
         }
@@ -325,8 +327,11 @@ if (this.isValid) {
         }
-        if (Object.keys(requiredStuff).length === 0 &&
+        // If we don't have a valid/invalid state we need to derive it on load... basically if it's required or not. We
+        // should never have a value in this state
+        // todo: make sure we never have a value but no invalid/valid state -> we might need to check for this.
+        if ((Object.keys(requiredStuff).length === 0 &&
             !validState &&
-            !inValidState) {
+            !inValidState) || (!this.isRequired && !validState && !inValidState)) {
             validState = true;
         }
-        if (Object.keys(requiredStuff).length > 0 && !validState && !inValidState) {
+        if (this.isRequired && Object.keys(requiredStuff).length > 0 && !validState && !inValidState) {
             inValidState = true;
@@ -348,3 +353,3 @@ }
     handleBlur() {
-        if (!this.isValidatedOnSubmission && this.updateTrigger === "blur") {
+        if (!this.isValidatedOnSubmission && this.updateTrigger === 'blur') {
             this.validate();
@@ -356,3 +361,4 @@ }
      */
-    handleFocus() { }
+    handleFocus() {
+    }
     /**
@@ -406,3 +412,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', '');
         }
@@ -448,3 +454,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();
@@ -451,0 +457,0 @@ }

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 { FormGroupTypes } from '../../enums/form-enums';
+import { createColorClasses, getClassMap } from '../../utils/theme';
 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,3 +78,3 @@ * Provides option to use asterisk as required indicator
         this.emailValidationCheckFailed = (text) => {
-            return !(typeof text === "string" &&
+            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 +92,3 @@ };
     watchHandler(newValue) {
-        this.useId = newValue + "-frm-grp";
+        this.useId = newValue + '-frm-grp';
     }
@@ -105,3 +105,3 @@ async connectedCallback() {
                 if (this.dataSource.element.type &&
-                    this.dataSource.element.type === "email") {
+                    this.dataSource.element.type === 'email') {
                     this.needsEmailValidation = true;
@@ -111,3 +111,3 @@ }
                     this.dataSource.element.pattern &&
-                    this.dataSource.element.pattern !== "") {
+                    this.dataSource.element.pattern !== '') {
                     this.needsPatternValidation = true;
@@ -118,7 +118,9 @@ 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());
             }
@@ -128,7 +130,7 @@ 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")
+        if (element.tagName === 'LU-SELECT')
             return {
@@ -138,3 +140,3 @@ kind: FormGroupTypes.select,
             };
-        if (element.tagName === "LU-TEXT-AREA")
+        if (element.tagName === 'LU-TEXT-AREA')
             return {
@@ -144,3 +146,3 @@ kind: FormGroupTypes.textArea,
             };
-        if (element.tagName === "LU-RADIO-GROUP")
+        if (element.tagName === 'LU-RADIO-GROUP')
             return {
@@ -150,3 +152,3 @@ kind: FormGroupTypes.radioGroup,
             };
-        if (element.tagName === "LU-CHECKBOX-GROUP")
+        if (element.tagName === 'LU-CHECKBOX-GROUP')
             return {
@@ -156,3 +158,3 @@ kind: FormGroupTypes.checkboxGroup,
             };
-        if (element.tagName === "LU-COMBO-BOX")
+        if (element.tagName === 'LU-COMBO-BOX')
             return {
@@ -162,3 +164,3 @@ kind: FormGroupTypes.comboBox,
             };
-        if (element.tagName === "LU-INPUT")
+        if (element.tagName === 'LU-INPUT')
             return {
@@ -170,6 +172,8 @@ kind: FormGroupTypes.input,
     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;
@@ -194,6 +198,6 @@ }
                 if (!this.value ||
-                    this.value === "" ||
+                    this.value === '' ||
                     (this.dataSource.kind === FormGroupTypes.checkboxGroup &&
-                        typeof this.value !== "string" &&
-                        typeof this.value !== "number" &&
+                        typeof this.value !== 'string' &&
+                        typeof this.value !== 'number' &&
                         this.value.filter((checkbox) => checkbox.checked === true)
@@ -218,3 +222,3 @@ .length === 0) ||
                 if (this.value &&
-                    this.value !== "" &&
+                    this.value !== '' &&
                     ((!(this.dataSource.kind === FormGroupTypes.comboBox &&
@@ -243,7 +247,7 @@ this.dataSource.element.multipleSelections) &&
             if (this.value &&
-                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) {
@@ -259,3 +263,3 @@ this.generatedErrorMessage = this.errorText.patternMatchInvalid;
             }
-            else if ((!this.value || this.value === "") &&
+            else if ((!this.value || this.value === '') &&
                 this.needsPatternValidation &&
@@ -296,5 +300,3 @@ this.pattern &&
         if (this.needsPatternValidation) {
-            if (this.isRequired && this.value && this.value !== "") {
-                requiredStuff.pattern = true;
-            }
+            requiredStuff.pattern = true;
         }
@@ -307,8 +309,11 @@ if (this.isValid) {
         }
-        if (Object.keys(requiredStuff).length === 0 &&
+        // If we don't have a valid/invalid state we need to derive it on load... basically if it's required or not. We
+        // should never have a value in this state
+        // todo: make sure we never have a value but no invalid/valid state -> we might need to check for this.
+        if ((Object.keys(requiredStuff).length === 0 &&
             !validState &&
-            !inValidState) {
+            !inValidState) || (!this.isRequired && !validState && !inValidState)) {
             validState = true;
         }
-        if (Object.keys(requiredStuff).length > 0 && !validState && !inValidState) {
+        if (this.isRequired && Object.keys(requiredStuff).length > 0 && !validState && !inValidState) {
             inValidState = true;
@@ -330,3 +335,3 @@ }
     handleBlur() {
-        if (!this.isValidatedOnSubmission && this.updateTrigger === "blur") {
+        if (!this.isValidatedOnSubmission && this.updateTrigger === 'blur') {
             this.validate();
@@ -338,3 +343,4 @@ }
      */
-    handleFocus() { }
+    handleFocus() {
+    }
     /**
@@ -388,3 +394,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', '');
         }
@@ -430,3 +436,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();
@@ -708,3 +714,3 @@ }
             "complexType": {
-                "original": "\"blur\" | \"change\"",
+                "original": "'blur' | 'change'",
                 "resolved": "\"blur\" | \"change\"",
@@ -721,3 +727,3 @@ "references": {}
             "reflect": false,
-            "defaultValue": "\"blur\""
+            "defaultValue": "'blur'"
         },
@@ -724,0 +730,0 @@ "useAsteriskAsRequiredIndicator": {

dist/esm-es5/lu-combo-box.entry.js

 import { __awaiter, __generator, __spreadArrays } from "tslib";
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7e6a8af4.js';
 import { c as createColorClasses } from './theme-315ed281.js';
-var comboBoxCss = ":host{--lu-combo-box-border-color:#686A6F;position:relative}:host .input-area{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:8px 0 0 4px;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));outline:none;background-color:#FFFFFF;font-size:var(--lu-global-form-input-font-size, 14px);line-height:26px;-webkit-box-sizing:border-box;box-sizing:border-box}:host lu-input{-ms-flex-positive:1;flex-grow:1;width:15px;min-width:15px;margin-top:-8px}:host .selections{display:-ms-flexbox;display:flex;position:absolute;right:0;left:0;-ms-flex-flow:column;flex-flow:column;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));border-top:none;background:#FFFFFF;z-index:5}:host .selection{padding:10px 17px 8px 17px;border:0;color:#222222;font:inherit;font-size:14px;line-height:16px;text-align:left;cursor:pointer}:host .selection .selection-no-value{margin-bottom:16px}:host button.selection{background:none;overflow:visible;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:host button.selection.active,:host button.selection:hover{background-color:#EEF3F9}:host .selection-value{color:rgba(34, 34, 34, 0.5)}:host button.selection::-moz-focus-inner{padding:0;border:0}:host([is-valid]) .input-area{border:2px solid #00854E}:host([is-invalid]) .input-area{border:2px solid #E4002B}:host(.has-focus) .input-area{border:2px solid #1B2C56}:host(.has-focus) lu-input{min-width:250px}";
+var comboBoxCss = ":host{--lu-combo-box-border-color:#686a6f;position:relative}:host .input-area{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:9px 0 1px 4px;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));outline:none;background-color:#ffffff;font-size:var(--lu-global-form-input-font-size, 14px);line-height:26px;-webkit-box-sizing:border-box;box-sizing:border-box}:host lu-input{-ms-flex-positive:1;flex-grow:1;width:15px;min-width:15px;margin-top:-8px}:host .selections{display:-ms-flexbox;display:flex;position:absolute;right:0;left:0;-ms-flex-flow:column;flex-flow:column;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));border-top:none;background:#ffffff;z-index:5}:host .selection{padding:10px 17px 8px 17px;border:0;color:#222222;font:inherit;font-size:14px;line-height:16px;text-align:left;cursor:pointer}:host .selection .selection-no-value{margin-bottom:16px}:host button.selection{background:none;overflow:visible;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:host button.selection.active,:host button.selection:hover{background-color:#eef3f9}:host .selection-value{color:rgba(34, 34, 34, 0.5)}:host button.selection::-moz-focus-inner{padding:0;border:0}:host([is-valid]) .input-area{border:2px solid #00854e}:host([is-invalid]) .input-area{border:2px solid #e4002b}:host(.has-focus) .input-area{border:2px solid #1B2C56}:host(.has-focus) lu-input{min-width:250px}";
 var ComboBox = /** @class */ (function () {
@@ -6,0 +6,0 @@ function class_1(hostRef) {

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,3 +90,3 @@ * Provides option to use asterisk as required indicator
         this.emailValidationCheckFailed = function (text) {
-            return !(typeof text === "string" &&
+            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 +105,3 @@ };
     class_1.prototype.watchHandler = function (newValue) {
-        this.useId = newValue + "-frm-grp";
+        this.useId = newValue + '-frm-grp';
     };
@@ -125,3 +125,3 @@ class_1.prototype.connectedCallback = function () {
                             if (this.dataSource.element.type &&
-                                this.dataSource.element.type === "email") {
+                                this.dataSource.element.type === 'email') {
                                 this.needsEmailValidation = true;
@@ -131,3 +131,3 @@ }
                                 this.dataSource.element.pattern &&
-                                this.dataSource.element.pattern !== "") {
+                                this.dataSource.element.pattern !== '') {
                                 this.needsPatternValidation = true;
@@ -138,7 +138,9 @@ 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) {
+                            _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(); });
                         }
@@ -148,3 +150,3 @@ this.value = this.dataSource.element.value;
                     case 2:
-                        console.error("No input element found.");
+                        console.error('No input element found.');
                         _a.label = 3;
@@ -157,3 +159,3 @@ case 3: return [2 /*return*/];
     class_1.prototype.categorizeDatasource = function (element) {
-        if (element.tagName === "LU-SELECT")
+        if (element.tagName === 'LU-SELECT')
             return {
@@ -163,3 +165,3 @@ kind: FormGroupTypes.select,
             };
-        if (element.tagName === "LU-TEXT-AREA")
+        if (element.tagName === 'LU-TEXT-AREA')
             return {
@@ -169,3 +171,3 @@ kind: FormGroupTypes.textArea,
             };
-        if (element.tagName === "LU-RADIO-GROUP")
+        if (element.tagName === 'LU-RADIO-GROUP')
             return {
@@ -175,3 +177,3 @@ kind: FormGroupTypes.radioGroup,
             };
-        if (element.tagName === "LU-CHECKBOX-GROUP")
+        if (element.tagName === 'LU-CHECKBOX-GROUP')
             return {
@@ -181,3 +183,3 @@ kind: FormGroupTypes.checkboxGroup,
             };
-        if (element.tagName === "LU-COMBO-BOX")
+        if (element.tagName === 'LU-COMBO-BOX')
             return {
@@ -187,3 +189,3 @@ kind: FormGroupTypes.comboBox,
             };
-        if (element.tagName === "LU-INPUT")
+        if (element.tagName === 'LU-INPUT')
             return {
@@ -196,6 +198,8 @@ kind: FormGroupTypes.input,
         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) {
+            _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;
@@ -223,6 +227,6 @@ };
                         if (!this.value ||
-                            this.value === "" ||
+                            this.value === '' ||
                             (this.dataSource.kind === FormGroupTypes.checkboxGroup &&
-                                typeof this.value !== "string" &&
-                                typeof this.value !== "number" &&
+                                typeof this.value !== 'string' &&
+                                typeof this.value !== 'number' &&
                                 this.value.filter(function (checkbox) { return checkbox.checked === true; })
@@ -247,3 +251,3 @@ .length === 0) ||
                         if (this.value &&
-                            this.value !== "" &&
+                            this.value !== '' &&
                             ((!(this.dataSource.kind === FormGroupTypes.comboBox &&
@@ -272,7 +276,7 @@ this.dataSource.element.multipleSelections) &&
                     if (this.value &&
-                        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) {
@@ -288,3 +292,3 @@ this.generatedErrorMessage = this.errorText.patternMatchInvalid;
                     }
-                    else if ((!this.value || this.value === "") &&
+                    else if ((!this.value || this.value === '') &&
                         this.needsPatternValidation &&
@@ -341,5 +345,3 @@ this.pattern &&
                 if (this.needsPatternValidation) {
-                    if (this.isRequired && this.value && this.value !== "") {
-                        requiredStuff.pattern = true;
-                    }
+                    requiredStuff.pattern = true;
                 }
@@ -352,8 +354,11 @@ if (this.isValid) {
                 }
-                if (Object.keys(requiredStuff).length === 0 &&
+                // If we don't have a valid/invalid state we need to derive it on load... basically if it's required or not. We
+                // should never have a value in this state
+                // todo: make sure we never have a value but no invalid/valid state -> we might need to check for this.
+                if ((Object.keys(requiredStuff).length === 0 &&
                     !validState &&
-                    !inValidState) {
+                    !inValidState) || (!this.isRequired && !validState && !inValidState)) {
                     validState = true;
                 }
-                if (Object.keys(requiredStuff).length > 0 && !validState && !inValidState) {
+                if (this.isRequired && Object.keys(requiredStuff).length > 0 && !validState && !inValidState) {
                     inValidState = true;
@@ -377,3 +382,3 @@ }
     class_1.prototype.handleBlur = function () {
-        if (!this.isValidatedOnSubmission && this.updateTrigger === "blur") {
+        if (!this.isValidatedOnSubmission && this.updateTrigger === 'blur') {
             this.validate();
@@ -385,3 +390,4 @@ }
      */
-    class_1.prototype.handleFocus = function () { };
+    class_1.prototype.handleFocus = function () {
+    };
     /**
@@ -435,3 +441,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', '');
         }
@@ -477,3 +483,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();
@@ -480,0 +486,0 @@ }

dist/esm/lu-combo-box.entry.js

 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7e6a8af4.js';
 import { c as createColorClasses } from './theme-315ed281.js';
 
-const comboBoxCss = ":host{--lu-combo-box-border-color:#686A6F;position:relative}:host .input-area{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:8px 0 0 4px;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));outline:none;background-color:#FFFFFF;font-size:var(--lu-global-form-input-font-size, 14px);line-height:26px;-webkit-box-sizing:border-box;box-sizing:border-box}:host lu-input{-ms-flex-positive:1;flex-grow:1;width:15px;min-width:15px;margin-top:-8px}:host .selections{display:-ms-flexbox;display:flex;position:absolute;right:0;left:0;-ms-flex-flow:column;flex-flow:column;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));border-top:none;background:#FFFFFF;z-index:5}:host .selection{padding:10px 17px 8px 17px;border:0;color:#222222;font:inherit;font-size:14px;line-height:16px;text-align:left;cursor:pointer}:host .selection .selection-no-value{margin-bottom:16px}:host button.selection{background:none;overflow:visible;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:host button.selection.active,:host button.selection:hover{background-color:#EEF3F9}:host .selection-value{color:rgba(34, 34, 34, 0.5)}:host button.selection::-moz-focus-inner{padding:0;border:0}:host([is-valid]) .input-area{border:2px solid #00854E}:host([is-invalid]) .input-area{border:2px solid #E4002B}:host(.has-focus) .input-area{border:2px solid #1B2C56}:host(.has-focus) lu-input{min-width:250px}";
+const comboBoxCss = ":host{--lu-combo-box-border-color:#686a6f;position:relative}:host .input-area{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:9px 0 1px 4px;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));outline:none;background-color:#ffffff;font-size:var(--lu-global-form-input-font-size, 14px);line-height:26px;-webkit-box-sizing:border-box;box-sizing:border-box}:host lu-input{-ms-flex-positive:1;flex-grow:1;width:15px;min-width:15px;margin-top:-8px}:host .selections{display:-ms-flexbox;display:flex;position:absolute;right:0;left:0;-ms-flex-flow:column;flex-flow:column;border:1px solid var(--lu-global-form-input-outline, var(--lu-combo-box-border-color));border-top:none;background:#ffffff;z-index:5}:host .selection{padding:10px 17px 8px 17px;border:0;color:#222222;font:inherit;font-size:14px;line-height:16px;text-align:left;cursor:pointer}:host .selection .selection-no-value{margin-bottom:16px}:host button.selection{background:none;overflow:visible;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:host button.selection.active,:host button.selection:hover{background-color:#eef3f9}:host .selection-value{color:rgba(34, 34, 34, 0.5)}:host button.selection::-moz-focus-inner{padding:0;border:0}:host([is-valid]) .input-area{border:2px solid #00854e}:host([is-invalid]) .input-area{border:2px solid #e4002b}:host(.has-focus) .input-area{border:2px solid #1B2C56}:host(.has-focus) lu-input{min-width:250px}";
 
@@ -6,0 +6,0 @@ const ComboBox = class {

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,3 +91,3 @@ * Provides option to use asterisk as required indicator
         this.emailValidationCheckFailed = (text) => {
-            return !(typeof text === "string" &&
+            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 +106,3 @@ };
     watchHandler(newValue) {
-        this.useId = newValue + "-frm-grp";
+        this.useId = newValue + '-frm-grp';
     }
@@ -119,3 +119,3 @@ async connectedCallback() {
                 if (this.dataSource.element.type &&
-                    this.dataSource.element.type === "email") {
+                    this.dataSource.element.type === 'email') {
                     this.needsEmailValidation = true;
@@ -125,3 +125,3 @@ }
                     this.dataSource.element.pattern &&
-                    this.dataSource.element.pattern !== "") {
+                    this.dataSource.element.pattern !== '') {
                     this.needsPatternValidation = true;
@@ -132,7 +132,9 @@ 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());
             }
@@ -142,7 +144,7 @@ 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")
+        if (element.tagName === 'LU-SELECT')
             return {
@@ -152,3 +154,3 @@ kind: FormGroupTypes.select,
             };
-        if (element.tagName === "LU-TEXT-AREA")
+        if (element.tagName === 'LU-TEXT-AREA')
             return {
@@ -158,3 +160,3 @@ kind: FormGroupTypes.textArea,
             };
-        if (element.tagName === "LU-RADIO-GROUP")
+        if (element.tagName === 'LU-RADIO-GROUP')
             return {
@@ -164,3 +166,3 @@ kind: FormGroupTypes.radioGroup,
             };
-        if (element.tagName === "LU-CHECKBOX-GROUP")
+        if (element.tagName === 'LU-CHECKBOX-GROUP')
             return {
@@ -170,3 +172,3 @@ kind: FormGroupTypes.checkboxGroup,
             };
-        if (element.tagName === "LU-COMBO-BOX")
+        if (element.tagName === 'LU-COMBO-BOX')
             return {
@@ -176,3 +178,3 @@ kind: FormGroupTypes.comboBox,
             };
-        if (element.tagName === "LU-INPUT")
+        if (element.tagName === 'LU-INPUT')
             return {
@@ -184,6 +186,8 @@ kind: FormGroupTypes.input,
     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;
@@ -208,6 +212,6 @@ }
                 if (!this.value ||
-                    this.value === "" ||
+                    this.value === '' ||
                     (this.dataSource.kind === FormGroupTypes.checkboxGroup &&
-                        typeof this.value !== "string" &&
-                        typeof this.value !== "number" &&
+                        typeof this.value !== 'string' &&
+                        typeof this.value !== 'number' &&
                         this.value.filter((checkbox) => checkbox.checked === true)
@@ -232,3 +236,3 @@ .length === 0) ||
                 if (this.value &&
-                    this.value !== "" &&
+                    this.value !== '' &&
                     ((!(this.dataSource.kind === FormGroupTypes.comboBox &&
@@ -257,7 +261,7 @@ this.dataSource.element.multipleSelections) &&
             if (this.value &&
-                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) {
@@ -273,3 +277,3 @@ this.generatedErrorMessage = this.errorText.patternMatchInvalid;
             }
-            else if ((!this.value || this.value === "") &&
+            else if ((!this.value || this.value === '') &&
                 this.needsPatternValidation &&
@@ -310,5 +314,3 @@ this.pattern &&
         if (this.needsPatternValidation) {
-            if (this.isRequired && this.value && this.value !== "") {
-                requiredStuff.pattern = true;
-            }
+            requiredStuff.pattern = true;
         }
@@ -321,8 +323,11 @@ if (this.isValid) {
         }
-        if (Object.keys(requiredStuff).length === 0 &&
+        // If we don't have a valid/invalid state we need to derive it on load... basically if it's required or not. We
+        // should never have a value in this state
+        // todo: make sure we never have a value but no invalid/valid state -> we might need to check for this.
+        if ((Object.keys(requiredStuff).length === 0 &&
             !validState &&
-            !inValidState) {
+            !inValidState) || (!this.isRequired && !validState && !inValidState)) {
             validState = true;
         }
-        if (Object.keys(requiredStuff).length > 0 && !validState && !inValidState) {
+        if (this.isRequired && Object.keys(requiredStuff).length > 0 && !validState && !inValidState) {
             inValidState = true;
@@ -344,3 +349,3 @@ }
     handleBlur() {
-        if (!this.isValidatedOnSubmission && this.updateTrigger === "blur") {
+        if (!this.isValidatedOnSubmission && this.updateTrigger === 'blur') {
             this.validate();
@@ -352,3 +357,4 @@ }
      */
-    handleFocus() { }
+    handleFocus() {
+    }
     /**
@@ -402,3 +408,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', '');
         }
@@ -444,3 +450,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();
@@ -447,0 +453,0 @@ }

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 { Color, LUFormGroupValidationState, LUFormGroupValue } from '../../interface';
+import { DatasourceTypes } from '../../types/datasource-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

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-c78f3db7.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],"firstFocusableElement":[16],"modalLabel":[1,"modal-label"],"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-c655ea5e.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-eef32a33.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"],[0,"keydown","onKeyDown"]]]]],["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-b00af232.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-ff7a6f79.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-c78f3db7.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],"firstFocusableElement":[16],"modalLabel":[1,"modal-label"],"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-c655ea5e.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-eef32a33.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"],[0,"keydown","onKeyDown"]]]]],["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)}))}}}));

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-ca2dc7c9",[[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],"firstFocusableElement":[16],"modalLabel":[1,"modal-label"],"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-dfbba0f9",[[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-1028cb78",[[1,"lu-radio",{"color":[1],"canDeselect":[4,"can-deselect"],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["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-5c22d3ec",[[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-eb58417f",[[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-ca2dc7c9",[[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],"firstFocusableElement":[16],"modalLabel":[1,"modal-label"],"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-dfbba0f9",[[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-1028cb78",[[1,"lu-radio",{"color":[1],"canDeselect":[4,"can-deselect"],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]]]]],["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));

package.json

 {
   "name": "@lu-development/ux-patterns",
-  "version": "1.7.0-dev.202008031515.e8fe709",
+  "version": "1.7.0-dev.202009031645.ae1854b",
   "description": "Stencil Component Starter",
@@ -25,3 +25,3 @@ "module": "dist/index.mjs",
     "lint.fix": "npm run lint.ts.fix && npm run lint.sass.fix",
-    "lint.sass": "stylelint 'src/**/*.scss'",
+    "lint.sass": "stylelint src/**/*.scss",
     "lint.sass.fix": "npm run lint.sass -- --fix",
@@ -28,0 +28,0 @@ "lint.ts": "tslint --project .",

readme.md

@@ -25,5 +25,5 @@ ## Getting Started Developing the UX Patterns
 ```
-<link href="https://unpkg.com/@lu-development/ux-patterns@1.6.1/css/liberty.bundle.css" rel="stylesheet">
-<script type="module" src="https://unpkg.com/@lu-development/ux-patterns@1.6.1/dist/uxpatterns/uxpatterns.esm.js"></script>
-<script nomodule src="https://unpkg.com/@lu-development/ux-patterns@1.6.1/dist/uxpatterns/uxpatterns.js"></script>
+<link href="https://unpkg.com/@lu-development/ux-patterns@1.6.2/css/liberty.bundle.css" rel="stylesheet">
+<script type="module" src="https://unpkg.com/@lu-development/ux-patterns@1.6.2/dist/uxpatterns/uxpatterns.esm.js"></script>
+<script nomodule src="https://unpkg.com/@lu-development/ux-patterns@1.6.2/dist/uxpatterns/uxpatterns.js"></script>
 ```
@@ -30,0 +30,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3531895

increased by0.04%

Lines of code

64960

increased by0.04%

No dependency changes