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

Comparing version 0.3.0-dev.201906062226.04d0131 to 0.3.0-dev.201906072256.41b9a6a

dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
 const defineCustomElements = (win, options) => {
   return __chunk_1.patchEsm().then(() => {
-    __chunk_1.bootstrapLazy([["mylu-avatar.cjs",[[0,"mylu-avatar",{"showAction":[4,"show-action"],"actionIcon":[1,"action-icon"],"actionBackgroundColor":[1,"action-background-color"],"imgUrl":[1,"img-url"],"imgLoaded":[32]}]]],["lu-card-image.cjs",[[1,"lu-card-image",{"altText":[1,"alt-text"],"iconColor":[1,"icon-color"],"iconName":[1,"icon-name"],"iconSize":[1,"icon-size"],"isIcon":[4,"is-icon"],"src":[1]}]]],["lu-fab-button.cjs",[[1,"lu-fab-button",{"color":[1],"activated":[4],"disabled":[4],"href":[1],"isExternallyManaged":[4,"is-externally-managed"],"show":[1028],"selected":[1028],"toggleButton":[4,"toggle-button"],"translucent":[4],"type":[1],"size":[1],"value":[8],"keyFocus":[32]}]]],["lu-form-group.cjs",[[1,"lu-form-group",{"clearErrorStateOnClearInput":[4,"clear-error-state-on-clear-input"],"clearInput":[4,"clear-input"],"color":[1],"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"],"id":[1537],"isExternallyValidated":[4,"is-externally-validated"],"isValidatedOnSubmission":[4,"is-validated-on-submission"],"labelText":[1,"label-text"],"updateTrigger":[1,"update-trigger"],"value":[32],"isCheckboxGroup":[32],"isValid":[32],"isInvalid":[32],"isSelect":[32],"isRadioGroup":[32],"isRequired":[32],"needsEmailValidation":[32],"needsPatternValidation":[32],"needsPasswordValidation":[32],"pattern":[32],"isInput":[32],"getValidationValues":[64]}]]],["lu-input.cjs",[[1,"lu-input",{"accept":[1],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"id":[1537],"inputmode":[1],"invalid":[4],"list":[1],"max":[8],"min":[8],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"prefixIcon":[1,"prefix-icon"],"prefixIconClickable":[4,"prefix-icon-clickable"],"suffixIcon":[1025,"suffix-icon"],"suffixIconClickable":[1028,"suffix-icon-clickable"],"readOnly":[4,"read-only"],"required":[4],"size":[2],"spellcheck":[4],"step":[8],"tabIndex":[2,"tab-index"],"type":[1],"valid":[4],"value":[1025],"hasFocus":[32],"setFocus":[64]}]]],["lu-side-menu.cjs",[[1,"lu-side-menu",{"color":[1],"isVisible":[1028,"is-visible"],"isCollapsible":[1540,"is-collapsible"],"isCollapsed":[1540,"is-collapsed"],"hasBoxShadow":[4,"has-box-shadow"],"externallyManaged":[4,"externally-managed"],"makeVisible":[64],"isHidden":[64],"collapsedHandler":[64]},[[0,"keydown","handleEscape"]]]]],["lu-toggle.cjs",[[1,"lu-toggle",{"startSelected":[1028,"start-selected"],"startText":[1,"start-text"],"startValue":[8,"start-value"],"endText":[1,"end-text"],"endValue":[8,"end-value"],"value":[1032]}]]],["lu-button.cjs",[[1,"lu-button",{"color":[1],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"href":[1],"shape":[513],"size":[513],"strong":[4],"type":[1],"keyFocus":[32]}]]],["lu-card.cjs",[[1,"lu-card",{"color":[1]}]]],["lu-card-buttons.cjs",[[1,"lu-card-buttons"]]],["lu-card-content.cjs",[[0,"lu-card-content"]]],["lu-card-footer.cjs",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["lu-card-header.cjs",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["lu-card-title.cjs",[[1,"lu-card-title",{"color":[1]}]]],["lu-checkbox.cjs",[[1,"lu-checkbox",{"color":[1],"name":[1],"labeledById":[1,"labeled-by-id"],"checked":[1028],"disabled":[4],"isExternallyManaged":[4,"is-externally-managed"],"value":[8],"keyFocus":[32],"hasFocus":[32]}]]],["lu-checkbox-group.cjs",[[4,"lu-checkbox-group",{"direction":[1],"id":[1537],"name":[1],"required":[4],"value":[1040],"setFocus":[64],"getValues":[64]},[[0,"luCheckboxDidLoad","onCheckboxDidLoad"],[0,"luCheckboxDidUnload","onCheckboxDidUnload"]]]]],["lu-col.cjs",[[1,"lu-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["lu-fab.cjs",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["lu-fab-list.cjs",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["lu-form-validation.cjs",[[0,"lu-form-validation",{"value":[1040],"isValid":[1540,"is-valid"],"isInvalid":[1540,"is-invalid"],"formGroups":[32]},[[0,"luFormGroupDidLoad","onFormGroupDidLoad"],[0,"luFormGroupDidUnload","onFormGroupDidUnload"]]]]],["lu-grid.cjs",[[1,"lu-grid",{"fixed":[4]}]]],["lu-header.cjs",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["lu-radio.cjs",[[1,"lu-radio",{"color":[1],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"]]]]],["lu-radio-group.cjs",[[0,"lu-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"id":[1537],"name":[1],"required":[4],"value":[1032],"setFocus":[64]},[[0,"luRadioDidLoad","onRadioDidLoad"],[0,"luRadioDidUnload","onRadioDidUnload"],[0,"luSelect","onRadioSelect"],[0,"luDeselect","onRadioDeselect"]]]]],["lu-row.cjs",[[1,"lu-row"]]],["lu-select.cjs",[[1,"lu-select",{"id":[1537],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"selectedValue":[1025,"selected-value"],"showPlaceholderOption":[4,"show-placeholder-option"],"required":[4],"options":[1040],"valid":[4],"isValid":[32],"setFocus":[64]}]]],["lu-skeleton-text.cjs",[[1,"lu-skeleton-text",{"width":[1]}]]],["lu-spinner.cjs",[[1,"lu-spinner",{"dataColor":[1,"data-color"],"dataScale":[2,"data-scale"],"dataDuration":[2,"data-duration"],"dataPaused":[4,"data-paused"],"dataHidden":[4,"data-hidden"],"dataMessage":[1,"data-message"]}]]],["lu-tab.cjs",[[1,"lu-tab",{"active":[1028],"labeledById":[1025,"labeled-by-id"],"name":[8],"noSlide":[4,"no-slide"]},[[0,"click","onClick"]]]]],["lu-tabs.cjs",[[1,"lu-tabs",{"value":[1025],"noSlide":[4,"no-slide"],"tabs":[32],"tabIncrement":[32],"pos":[32],"left":[32],"width":[32],"elementResized":[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"]]]]],["lu-img.cjs",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["lu-label.cjs",[[6,"lu-label",{"color":[1],"labelText":[1,"label-text"],"required":[4],"optional":[4],"forId":[513,"for-id"],"id":[1537],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"]}]]],["lu-icon_6.cjs",[[0,"mylu-set-menu",{"sets":[16]}],[1,"mylu-set",{"setId":[2,"set-id"],"setTitle":[1,"set-title"]}],[1,"mylu-set-menu-bar",{"color":[1]}],[1,"mylu-circle",{"backgroundColor":[1,"background-color"],"isPresentational":[4,"is-presentational"],"isImage":[4,"is-image"],"outline":[4]}],[1,"mylu-dot",{"backgroundColor":[1,"background-color"],"isPresentational":[4,"is-presentational"]}],[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],"svgContent":[32],"isVisible":[32]}]]]], options);
+    __chunk_1.bootstrapLazy([["mylu-avatar.cjs",[[0,"mylu-avatar",{"showAction":[4,"show-action"],"actionIcon":[1,"action-icon"],"actionBackgroundColor":[1,"action-background-color"],"imgUrl":[1,"img-url"],"imgLoaded":[32]}]]],["lu-card-image.cjs",[[1,"lu-card-image",{"altText":[1,"alt-text"],"iconColor":[1,"icon-color"],"iconName":[1,"icon-name"],"iconSize":[1,"icon-size"],"isIcon":[4,"is-icon"],"src":[1]}]]],["lu-fab-button.cjs",[[1,"lu-fab-button",{"color":[1],"activated":[4],"disabled":[4],"href":[1],"isExternallyManaged":[4,"is-externally-managed"],"show":[1028],"selected":[1028],"toggleButton":[4,"toggle-button"],"translucent":[4],"type":[1],"size":[1],"value":[8],"keyFocus":[32]}]]],["lu-form-group.cjs",[[1,"lu-form-group",{"clearErrorStateOnClearInput":[4,"clear-error-state-on-clear-input"],"clearInput":[4,"clear-input"],"color":[1],"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"],"id":[1537],"isExternallyValidated":[4,"is-externally-validated"],"isValidatedOnSubmission":[4,"is-validated-on-submission"],"labelText":[1,"label-text"],"updateTrigger":[1,"update-trigger"],"value":[32],"isCheckboxGroup":[32],"isValid":[32],"isInvalid":[32],"isSelect":[32],"isRadioGroup":[32],"isRequired":[32],"needsEmailValidation":[32],"needsPatternValidation":[32],"needsPasswordValidation":[32],"pattern":[32],"isInput":[32],"getValidationValues":[64]}]]],["lu-input.cjs",[[1,"lu-input",{"accept":[1],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"id":[1537],"inputmode":[1],"invalid":[4],"list":[1],"max":[8],"min":[8],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"prefixIcon":[1,"prefix-icon"],"prefixIconClickable":[4,"prefix-icon-clickable"],"suffixIcon":[1025,"suffix-icon"],"suffixIconClickable":[1028,"suffix-icon-clickable"],"readOnly":[4,"read-only"],"required":[4],"size":[2],"spellcheck":[4],"step":[8],"tabIndex":[2,"tab-index"],"type":[1],"valid":[4],"value":[1025],"hasFocus":[32],"setFocus":[64]}]]],["lu-side-menu.cjs",[[1,"lu-side-menu",{"color":[1],"isVisible":[1028,"is-visible"],"isCollapsible":[1540,"is-collapsible"],"isCollapsed":[1540,"is-collapsed"],"hasBoxShadow":[4,"has-box-shadow"],"externallyManaged":[4,"externally-managed"],"makeVisible":[64],"isHidden":[64],"collapsedHandler":[64]},[[0,"keydown","handleEscape"]]]]],["lu-toggle.cjs",[[1,"lu-toggle",{"startSelected":[1028,"start-selected"],"startText":[1,"start-text"],"startValue":[8,"start-value"],"endText":[1,"end-text"],"endValue":[8,"end-value"],"value":[1032]}]]],["lu-button.cjs",[[1,"lu-button",{"color":[1],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"href":[1],"shape":[513],"size":[513],"strong":[4],"type":[1],"keyFocus":[32]}]]],["lu-card.cjs",[[1,"lu-card",{"color":[1]}]]],["lu-card-buttons.cjs",[[1,"lu-card-buttons"]]],["lu-card-content.cjs",[[0,"lu-card-content"]]],["lu-card-footer.cjs",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["lu-card-header.cjs",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["lu-card-title.cjs",[[1,"lu-card-title",{"color":[1]}]]],["lu-checkbox.cjs",[[1,"lu-checkbox",{"color":[1],"name":[1],"labeledById":[1,"labeled-by-id"],"checked":[1028],"disabled":[4],"isExternallyManaged":[4,"is-externally-managed"],"value":[8],"keyFocus":[32],"hasFocus":[32]}]]],["lu-checkbox-group.cjs",[[4,"lu-checkbox-group",{"direction":[1],"id":[1537],"name":[1],"required":[4],"value":[1040],"setFocus":[64],"getValues":[64]},[[0,"luCheckboxDidLoad","onCheckboxDidLoad"],[0,"luCheckboxDidUnload","onCheckboxDidUnload"]]]]],["lu-col.cjs",[[1,"lu-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["lu-fab.cjs",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["lu-fab-list.cjs",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["lu-form-validation.cjs",[[0,"lu-form-validation",{"value":[1040],"isValid":[1540,"is-valid"],"isInvalid":[1540,"is-invalid"],"formGroups":[32]},[[0,"luFormGroupDidLoad","onFormGroupDidLoad"],[0,"luFormGroupDidUnload","onFormGroupDidUnload"]]]]],["lu-grid.cjs",[[1,"lu-grid",{"fixed":[4]}]]],["lu-header.cjs",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["lu-radio.cjs",[[1,"lu-radio",{"color":[1],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"]]]]],["lu-radio-group.cjs",[[0,"lu-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"id":[1537],"name":[1],"required":[4],"value":[1032],"setFocus":[64]},[[0,"luRadioDidLoad","onRadioDidLoad"],[0,"luRadioDidUnload","onRadioDidUnload"],[0,"luSelect","onRadioSelect"],[0,"luDeselect","onRadioDeselect"]]]]],["lu-row.cjs",[[1,"lu-row"]]],["lu-select.cjs",[[1,"lu-select",{"id":[1537],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"selectedValue":[1025,"selected-value"],"showPlaceholderOption":[4,"show-placeholder-option"],"required":[4],"options":[1040],"valid":[4],"isValid":[32],"setFocus":[64]}]]],["lu-skeleton-text.cjs",[[1,"lu-skeleton-text",{"width":[1]}]]],["lu-spinner.cjs",[[1,"lu-spinner",{"dataColor":[1,"data-color"],"dataScale":[2,"data-scale"],"dataDuration":[2,"data-duration"],"dataPaused":[4,"data-paused"],"dataHidden":[4,"data-hidden"],"dataMessage":[1,"data-message"]}]]],["lu-tab.cjs",[[1,"lu-tab",{"active":[1028],"labeledById":[1025,"labeled-by-id"],"name":[8],"noSlide":[4,"no-slide"]},[[0,"click","onClick"]]]]],["lu-tabs.cjs",[[1,"lu-tabs",{"value":[1025],"noSlide":[4,"no-slide"],"tabs":[32],"tabIncrement":[32],"pos":[32],"left":[32],"width":[32],"elementResized":[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"]]]]],["lu-img.cjs",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["lu-label.cjs",[[6,"lu-label",{"color":[1],"labelText":[1,"label-text"],"required":[4],"optional":[4],"forId":[513,"for-id"],"id":[1537],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"]}]]],["lu-icon_6.cjs",[[0,"mylu-set-menu",{"sets":[16],"activeSetId":[2,"active-set-id"]},[[0,"luSelectedSetUpdated","onLuSelectedSet"]]],[1,"mylu-set",{"setId":[2,"set-id"],"isActive":[1028,"is-active"],"showActiveBar":[4,"show-active-bar"],"setTitle":[1,"set-title"]},[[0,"click","onClick"]]],[1,"mylu-set-menu-bar",{"color":[1],"selectedSet":[1026,"selected-set"],"sets":[32]},[[0,"luSetDidLoad","onSetDidLoad"],[0,"luSetDidUnload","onSetDidUnload"],[0,"luSelect","onSetSelection"]]],[1,"mylu-circle",{"backgroundColor":[1,"background-color"],"isPresentational":[4,"is-presentational"],"isImage":[4,"is-image"],"outline":[4]}],[1,"mylu-dot",{"backgroundColor":[1,"background-color"],"isPresentational":[4,"is-presentational"]}],[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],"svgContent":[32],"isVisible":[32]}]]]], options);
   });
@@ -12,0 +12,0 @@ };

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@ const __chunk_3 = require('./chunk-e7931fe6.js');

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class CardButtons {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class CardContent {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class CardImage {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class CheckboxGroup {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Checkbox {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ const SIZE_TO_MEDIA = {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class FabList {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Fab {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class FormValidation {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Grid {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -287,7 +287,36 @@
         __chunk_1.registerInstance(this, hostRef);
+        this.isActive = false;
+        this.showActiveBar = true;
+        this.luSelect = __chunk_1.createEvent(this, "luSelect", 7);
+        this.luSetDidLoad = __chunk_1.createEvent(this, "luSetDidLoad", 7);
+        this.luSetDidUnload = __chunk_1.createEvent(this, "luSetDidUnload", 7);
     }
+    activeWatch(newValue, oldValue) {
+        if (newValue !== oldValue && newValue) {
+            this.luSelect.emit({ setId: this.setId, selected: newValue });
+        }
+    }
+    componentDidLoad() {
+        this.luSetDidLoad.emit();
+    }
+    componentDidUnload() {
+        this.luSetDidUnload.emit();
+    }
+    onClick(ev) {
+        ev.preventDefault();
+        if (!this.isActive) {
+            this.isActive = !this.isActive;
+        }
+    }
     render() {
-        return (__chunk_1.h(__chunk_1.Host, null, __chunk_1.h("div", { class: "container" }, __chunk_1.h("slot", null), __chunk_1.h("div", { class: "title" }, this.setTitle))));
+        const TagType = this.isActive ? 'div' : 'button';
+        return (__chunk_1.h(__chunk_1.Host, { class: {
+                'is-active': this.isActive,
+                'show-bar': this.showActiveBar
+            } }, __chunk_1.h(TagType, { class: "container" }, __chunk_1.h("slot", null), __chunk_1.h("div", { class: "title" }, this.setTitle), __chunk_1.h("div", { class: "bar" }))));
     }
-    static get style() { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.container{padding-top:12px;padding-bottom:8px}.title{margin-left:auto;margin-right:auto;max-width:60px;padding-top:8px;color:#eef3f9;font-size:12px;text-align:center}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.title{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}::slotted(*){--mylu-circle-font-size:39px}"; }
+    static get watchers() { return {
+        "isActive": ["activeWatch"]
+    }; }
+    static get style() { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-active) .container{background-color:hsla(0,0%,100%,.14)}.bar{position:absolute;left:0;top:0;bottom:0;background-color:#fff;width:6px;visibility:hidden;border-radius:unset}:host(.is-active) .bar{visibility:visible}.container{padding-top:12px;padding-bottom:8px;width:100%;position:relative}.title{margin-left:auto;margin-right:auto;max-width:60px;padding-top:8px;color:#eef3f9;font-size:12px;text-align:center}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.title{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}::slotted(*){--mylu-circle-font-size:45px}button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border:none;outline:inherit;background:none;color:inherit;font:inherit;cursor:pointer}"; }
 }
@@ -298,7 +327,11 @@
         __chunk_1.registerInstance(this, hostRef);
+        this.luSelectedSet = __chunk_1.createEvent(this, "luSelectedSet", 7);
     }
+    onLuSelectedSet({ detail }) {
+        this.luSelectedSet.emit(detail);
+    }
     render() {
-        return (__chunk_1.h(__chunk_1.Host, null, __chunk_1.h("mylu-set-menu-bar", { color: "mylu_dark" }, this.sets ? this.sets.map((set) => (__chunk_1.h("mylu-set", { setTitle: set.title }, __chunk_1.h("mylu-circle", { "is-presentational": true, backgroundColor: "white" }, set.showNotification ? (__chunk_1.h("mylu-dot", { "is-presentational": true, slot: "notification", backgroundColor: "mylu_danger" }, set.notificationCount ? set.notificationCount : (__chunk_1.h("lu-icon", { name: "lu-notification-dot" })))) : null, __chunk_1.h("lu-icon", { color: set.color, name: set.icon }))))) : null)));
+        return (__chunk_1.h(__chunk_1.Host, null, __chunk_1.h("mylu-set-menu-bar", { color: "mylu_dark" }, this.sets ? this.sets.map((set) => (__chunk_1.h("mylu-set", { setTitle: set.title, setId: set.setId, isActive: set.setId === this.activeSetId }, __chunk_1.h("mylu-circle", { "is-presentational": true, backgroundColor: set.isTransparent ? null : 'white' }, set.showNotification ? (__chunk_1.h("mylu-dot", { "is-presentational": true, slot: "notification", backgroundColor: "mylu_danger" }, set.notificationCount ? set.notificationCount : (__chunk_1.h("lu-icon", { name: "lu-notification-dot" })))) : null, __chunk_1.h("lu-icon", { color: set.color, name: set.icon }))))) : null)));
     }
-    static get style() { return "mylu-set-menu{min-height:100%}"; }
+    static get style() { return "mylu-set-menu{min-height:100%}mylu-set-menu mylu-dot{--mylu-dot-padding:3px}mylu-set-menu mylu-circle{--mylu-circle-border-thickness:1px}"; }
 }
@@ -309,6 +342,61 @@
         __chunk_1.registerInstance(this, hostRef);
+        this.sets = [];
+        this.luSelectedSetUpdated = __chunk_1.createEvent(this, "luSelectedSetUpdated", 7);
     }
+    onSelectedSetChange(newValue, oldValue) {
+        if (newValue !== oldValue) {
+            this.updateSets();
+            this.luSelectedSetUpdated.emit({ setId: newValue, selected: true });
+        }
+    }
+    onSetDidLoad(ev) {
+        const set = ev.target;
+        // add set to internal list
+        this.sets.push(set);
+        // this group does not have a value
+        // but this set is selected, so let's set the
+        // group value from the selected set
+        if (!this.selectedSet && set.isActive) {
+            this.selectedSet = set.setId;
+        }
+        else {
+            this.updateSets();
+        }
+    }
+    onSetDidUnload(ev) {
+        const index = this.sets.indexOf(ev.target);
+        if (index > -1) {
+            this.sets.splice(index, 1);
+        }
+    }
+    onSetSelection(ev) {
+        const selectedSet = ev.target;
+        if (selectedSet) {
+            this.selectedSet = selectedSet.setId;
+        }
+    }
+    updateSets() {
+        const setId = this.selectedSet;
+        let hasSelected = false;
+        for (const set of this.sets) {
+            if (!hasSelected && set.setId === setId) {
+                // correct value for this radio
+                // but this radio isn't checked yet
+                // and we haven't found a checked yet
+                hasSelected = true;
+                set.isActive = true;
+            }
+            else {
+                // this radio doesn't have the correct value
+                // or the radio group has been already checked
+                set.isActive = false;
+            }
+        }
+    }
     render() {
         return (__chunk_1.h(__chunk_1.Host, { class: Object.assign({}, createColorClasses(this.color)) }, __chunk_1.h("div", { class: "container" }, __chunk_1.h("slot", null))));
     }
+    static get watchers() { return {
+        "selectedSet": ["onSelectedSetChange"]
+    }; }
     static get style() { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:92px}.container{width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; }
@@ -315,0 +403,0 @@ }

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Img {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@ const __chunk_3 = require('./chunk-e7931fe6.js');

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class RadioGroup {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Row {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@ const __chunk_3 = require('./chunk-e7931fe6.js');

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class SkeletonText {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 const __chunk_2 = require('./chunk-e423a427.js');
@@ -8,0 +8,0 @@

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Tab {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Tabs {

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Toggle {

dist/cjs/mylu-avatar.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
@@ -8,0 +8,0 @@ class Avatar {

dist/cjs/uxmylupatterns.cjs.js

 'use strict';
 
-const __chunk_1 = require('./uxmylupatterns-d7bcd3fc.js');
+const __chunk_1 = require('./uxmylupatterns-22539407.js');
 
 __chunk_1.patchBrowser().then(resourcesUrl => {
-  return __chunk_1.bootstrapLazy([["mylu-avatar.cjs",[[0,"mylu-avatar",{"showAction":[4,"show-action"],"actionIcon":[1,"action-icon"],"actionBackgroundColor":[1,"action-background-color"],"imgUrl":[1,"img-url"],"imgLoaded":[32]}]]],["lu-card-image.cjs",[[1,"lu-card-image",{"altText":[1,"alt-text"],"iconColor":[1,"icon-color"],"iconName":[1,"icon-name"],"iconSize":[1,"icon-size"],"isIcon":[4,"is-icon"],"src":[1]}]]],["lu-fab-button.cjs",[[1,"lu-fab-button",{"color":[1],"activated":[4],"disabled":[4],"href":[1],"isExternallyManaged":[4,"is-externally-managed"],"show":[1028],"selected":[1028],"toggleButton":[4,"toggle-button"],"translucent":[4],"type":[1],"size":[1],"value":[8],"keyFocus":[32]}]]],["lu-form-group.cjs",[[1,"lu-form-group",{"clearErrorStateOnClearInput":[4,"clear-error-state-on-clear-input"],"clearInput":[4,"clear-input"],"color":[1],"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"],"id":[1537],"isExternallyValidated":[4,"is-externally-validated"],"isValidatedOnSubmission":[4,"is-validated-on-submission"],"labelText":[1,"label-text"],"updateTrigger":[1,"update-trigger"],"value":[32],"isCheckboxGroup":[32],"isValid":[32],"isInvalid":[32],"isSelect":[32],"isRadioGroup":[32],"isRequired":[32],"needsEmailValidation":[32],"needsPatternValidation":[32],"needsPasswordValidation":[32],"pattern":[32],"isInput":[32],"getValidationValues":[64]}]]],["lu-input.cjs",[[1,"lu-input",{"accept":[1],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"id":[1537],"inputmode":[1],"invalid":[4],"list":[1],"max":[8],"min":[8],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"prefixIcon":[1,"prefix-icon"],"prefixIconClickable":[4,"prefix-icon-clickable"],"suffixIcon":[1025,"suffix-icon"],"suffixIconClickable":[1028,"suffix-icon-clickable"],"readOnly":[4,"read-only"],"required":[4],"size":[2],"spellcheck":[4],"step":[8],"tabIndex":[2,"tab-index"],"type":[1],"valid":[4],"value":[1025],"hasFocus":[32],"setFocus":[64]}]]],["lu-side-menu.cjs",[[1,"lu-side-menu",{"color":[1],"isVisible":[1028,"is-visible"],"isCollapsible":[1540,"is-collapsible"],"isCollapsed":[1540,"is-collapsed"],"hasBoxShadow":[4,"has-box-shadow"],"externallyManaged":[4,"externally-managed"],"makeVisible":[64],"isHidden":[64],"collapsedHandler":[64]},[[0,"keydown","handleEscape"]]]]],["lu-toggle.cjs",[[1,"lu-toggle",{"startSelected":[1028,"start-selected"],"startText":[1,"start-text"],"startValue":[8,"start-value"],"endText":[1,"end-text"],"endValue":[8,"end-value"],"value":[1032]}]]],["lu-button.cjs",[[1,"lu-button",{"color":[1],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"href":[1],"shape":[513],"size":[513],"strong":[4],"type":[1],"keyFocus":[32]}]]],["lu-card.cjs",[[1,"lu-card",{"color":[1]}]]],["lu-card-buttons.cjs",[[1,"lu-card-buttons"]]],["lu-card-content.cjs",[[0,"lu-card-content"]]],["lu-card-footer.cjs",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["lu-card-header.cjs",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["lu-card-title.cjs",[[1,"lu-card-title",{"color":[1]}]]],["lu-checkbox.cjs",[[1,"lu-checkbox",{"color":[1],"name":[1],"labeledById":[1,"labeled-by-id"],"checked":[1028],"disabled":[4],"isExternallyManaged":[4,"is-externally-managed"],"value":[8],"keyFocus":[32],"hasFocus":[32]}]]],["lu-checkbox-group.cjs",[[4,"lu-checkbox-group",{"direction":[1],"id":[1537],"name":[1],"required":[4],"value":[1040],"setFocus":[64],"getValues":[64]},[[0,"luCheckboxDidLoad","onCheckboxDidLoad"],[0,"luCheckboxDidUnload","onCheckboxDidUnload"]]]]],["lu-col.cjs",[[1,"lu-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["lu-fab.cjs",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["lu-fab-list.cjs",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["lu-form-validation.cjs",[[0,"lu-form-validation",{"value":[1040],"isValid":[1540,"is-valid"],"isInvalid":[1540,"is-invalid"],"formGroups":[32]},[[0,"luFormGroupDidLoad","onFormGroupDidLoad"],[0,"luFormGroupDidUnload","onFormGroupDidUnload"]]]]],["lu-grid.cjs",[[1,"lu-grid",{"fixed":[4]}]]],["lu-header.cjs",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["lu-radio.cjs",[[1,"lu-radio",{"color":[1],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"]]]]],["lu-radio-group.cjs",[[0,"lu-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"id":[1537],"name":[1],"required":[4],"value":[1032],"setFocus":[64]},[[0,"luRadioDidLoad","onRadioDidLoad"],[0,"luRadioDidUnload","onRadioDidUnload"],[0,"luSelect","onRadioSelect"],[0,"luDeselect","onRadioDeselect"]]]]],["lu-row.cjs",[[1,"lu-row"]]],["lu-select.cjs",[[1,"lu-select",{"id":[1537],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"selectedValue":[1025,"selected-value"],"showPlaceholderOption":[4,"show-placeholder-option"],"required":[4],"options":[1040],"valid":[4],"isValid":[32],"setFocus":[64]}]]],["lu-skeleton-text.cjs",[[1,"lu-skeleton-text",{"width":[1]}]]],["lu-spinner.cjs",[[1,"lu-spinner",{"dataColor":[1,"data-color"],"dataScale":[2,"data-scale"],"dataDuration":[2,"data-duration"],"dataPaused":[4,"data-paused"],"dataHidden":[4,"data-hidden"],"dataMessage":[1,"data-message"]}]]],["lu-tab.cjs",[[1,"lu-tab",{"active":[1028],"labeledById":[1025,"labeled-by-id"],"name":[8],"noSlide":[4,"no-slide"]},[[0,"click","onClick"]]]]],["lu-tabs.cjs",[[1,"lu-tabs",{"value":[1025],"noSlide":[4,"no-slide"],"tabs":[32],"tabIncrement":[32],"pos":[32],"left":[32],"width":[32],"elementResized":[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"]]]]],["lu-img.cjs",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["lu-label.cjs",[[6,"lu-label",{"color":[1],"labelText":[1,"label-text"],"required":[4],"optional":[4],"forId":[513,"for-id"],"id":[1537],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"]}]]],["lu-icon_6.cjs",[[0,"mylu-set-menu",{"sets":[16]}],[1,"mylu-set",{"setId":[2,"set-id"],"setTitle":[1,"set-title"]}],[1,"mylu-set-menu-bar",{"color":[1]}],[1,"mylu-circle",{"backgroundColor":[1,"background-color"],"isPresentational":[4,"is-presentational"],"isImage":[4,"is-image"],"outline":[4]}],[1,"mylu-dot",{"backgroundColor":[1,"background-color"],"isPresentational":[4,"is-presentational"]}],[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],"svgContent":[32],"isVisible":[32]}]]]], { resourcesUrl });
+  return __chunk_1.bootstrapLazy([["mylu-avatar.cjs",[[0,"mylu-avatar",{"showAction":[4,"show-action"],"actionIcon":[1,"action-icon"],"actionBackgroundColor":[1,"action-background-color"],"imgUrl":[1,"img-url"],"imgLoaded":[32]}]]],["lu-card-image.cjs",[[1,"lu-card-image",{"altText":[1,"alt-text"],"iconColor":[1,"icon-color"],"iconName":[1,"icon-name"],"iconSize":[1,"icon-size"],"isIcon":[4,"is-icon"],"src":[1]}]]],["lu-fab-button.cjs",[[1,"lu-fab-button",{"color":[1],"activated":[4],"disabled":[4],"href":[1],"isExternallyManaged":[4,"is-externally-managed"],"show":[1028],"selected":[1028],"toggleButton":[4,"toggle-button"],"translucent":[4],"type":[1],"size":[1],"value":[8],"keyFocus":[32]}]]],["lu-form-group.cjs",[[1,"lu-form-group",{"clearErrorStateOnClearInput":[4,"clear-error-state-on-clear-input"],"clearInput":[4,"clear-input"],"color":[1],"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"],"id":[1537],"isExternallyValidated":[4,"is-externally-validated"],"isValidatedOnSubmission":[4,"is-validated-on-submission"],"labelText":[1,"label-text"],"updateTrigger":[1,"update-trigger"],"value":[32],"isCheckboxGroup":[32],"isValid":[32],"isInvalid":[32],"isSelect":[32],"isRadioGroup":[32],"isRequired":[32],"needsEmailValidation":[32],"needsPatternValidation":[32],"needsPasswordValidation":[32],"pattern":[32],"isInput":[32],"getValidationValues":[64]}]]],["lu-input.cjs",[[1,"lu-input",{"accept":[1],"autocomplete":[1],"autocapitalize":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[1028,"clear-on-edit"],"capture":[1],"checked":[4],"color":[1],"debounce":[2],"disabled":[4],"form":[1],"id":[1537],"inputmode":[1],"invalid":[4],"list":[1],"max":[8],"min":[8],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"prefixIcon":[1,"prefix-icon"],"prefixIconClickable":[4,"prefix-icon-clickable"],"suffixIcon":[1025,"suffix-icon"],"suffixIconClickable":[1028,"suffix-icon-clickable"],"readOnly":[4,"read-only"],"required":[4],"size":[2],"spellcheck":[4],"step":[8],"tabIndex":[2,"tab-index"],"type":[1],"valid":[4],"value":[1025],"hasFocus":[32],"setFocus":[64]}]]],["lu-side-menu.cjs",[[1,"lu-side-menu",{"color":[1],"isVisible":[1028,"is-visible"],"isCollapsible":[1540,"is-collapsible"],"isCollapsed":[1540,"is-collapsed"],"hasBoxShadow":[4,"has-box-shadow"],"externallyManaged":[4,"externally-managed"],"makeVisible":[64],"isHidden":[64],"collapsedHandler":[64]},[[0,"keydown","handleEscape"]]]]],["lu-toggle.cjs",[[1,"lu-toggle",{"startSelected":[1028,"start-selected"],"startText":[1,"start-text"],"startValue":[8,"start-value"],"endText":[1,"end-text"],"endValue":[8,"end-value"],"value":[1032]}]]],["lu-button.cjs",[[1,"lu-button",{"color":[1],"buttonType":[1025,"button-type"],"disabled":[516],"expand":[513],"fill":[1537],"href":[1],"shape":[513],"size":[513],"strong":[4],"type":[1],"keyFocus":[32]}]]],["lu-card.cjs",[[1,"lu-card",{"color":[1]}]]],["lu-card-buttons.cjs",[[1,"lu-card-buttons"]]],["lu-card-content.cjs",[[0,"lu-card-content"]]],["lu-card-footer.cjs",[[1,"lu-card-footer",{"color":[1],"translucent":[4]}]]],["lu-card-header.cjs",[[1,"lu-card-header",{"color":[1],"translucent":[4]}]]],["lu-card-title.cjs",[[1,"lu-card-title",{"color":[1]}]]],["lu-checkbox.cjs",[[1,"lu-checkbox",{"color":[1],"name":[1],"labeledById":[1,"labeled-by-id"],"checked":[1028],"disabled":[4],"isExternallyManaged":[4,"is-externally-managed"],"value":[8],"keyFocus":[32],"hasFocus":[32]}]]],["lu-checkbox-group.cjs",[[4,"lu-checkbox-group",{"direction":[1],"id":[1537],"name":[1],"required":[4],"value":[1040],"setFocus":[64],"getValues":[64]},[[0,"luCheckboxDidLoad","onCheckboxDidLoad"],[0,"luCheckboxDidUnload","onCheckboxDidUnload"]]]]],["lu-col.cjs",[[1,"lu-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["lu-fab.cjs",[[1,"lu-fab",{"horizontal":[1],"vertical":[1],"edge":[4],"activated":[1028],"close":[64]},[[0,"click","onClick"]]]]],["lu-fab-list.cjs",[[1,"lu-fab-list",{"activated":[4],"side":[1]}]]],["lu-form-validation.cjs",[[0,"lu-form-validation",{"value":[1040],"isValid":[1540,"is-valid"],"isInvalid":[1540,"is-invalid"],"formGroups":[32]},[[0,"luFormGroupDidLoad","onFormGroupDidLoad"],[0,"luFormGroupDidUnload","onFormGroupDidUnload"]]]]],["lu-grid.cjs",[[1,"lu-grid",{"fixed":[4]}]]],["lu-header.cjs",[[1,"lu-header",{"color":[1],"preHeader":[4,"pre-header"]}]]],["lu-radio.cjs",[[1,"lu-radio",{"color":[1],"labeledById":[1,"labeled-by-id"],"name":[1],"disabled":[4],"checked":[1028],"value":[1032],"hasFocus":[32]},[[0,"click","onClick"]]]]],["lu-radio-group.cjs",[[0,"lu-radio-group",{"allowEmptySelection":[4,"allow-empty-selection"],"direction":[1],"id":[1537],"name":[1],"required":[4],"value":[1032],"setFocus":[64]},[[0,"luRadioDidLoad","onRadioDidLoad"],[0,"luRadioDidUnload","onRadioDidUnload"],[0,"luSelect","onRadioSelect"],[0,"luDeselect","onRadioDeselect"]]]]],["lu-row.cjs",[[1,"lu-row"]]],["lu-select.cjs",[[1,"lu-select",{"id":[1537],"color":[1],"invalid":[4],"name":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"placeholder":[1],"helpText":[1,"help-text"],"selectedValue":[1025,"selected-value"],"showPlaceholderOption":[4,"show-placeholder-option"],"required":[4],"options":[1040],"valid":[4],"isValid":[32],"setFocus":[64]}]]],["lu-skeleton-text.cjs",[[1,"lu-skeleton-text",{"width":[1]}]]],["lu-spinner.cjs",[[1,"lu-spinner",{"dataColor":[1,"data-color"],"dataScale":[2,"data-scale"],"dataDuration":[2,"data-duration"],"dataPaused":[4,"data-paused"],"dataHidden":[4,"data-hidden"],"dataMessage":[1,"data-message"]}]]],["lu-tab.cjs",[[1,"lu-tab",{"active":[1028],"labeledById":[1025,"labeled-by-id"],"name":[8],"noSlide":[4,"no-slide"]},[[0,"click","onClick"]]]]],["lu-tabs.cjs",[[1,"lu-tabs",{"value":[1025],"noSlide":[4,"no-slide"],"tabs":[32],"tabIncrement":[32],"pos":[32],"left":[32],"width":[32],"elementResized":[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"]]]]],["lu-img.cjs",[[1,"lu-img",{"alt":[1],"src":[1],"loadSrc":[32]}]]],["lu-label.cjs",[[6,"lu-label",{"color":[1],"labelText":[1,"label-text"],"required":[4],"optional":[4],"forId":[513,"for-id"],"id":[1537],"invalid":[4],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"]}]]],["lu-icon_6.cjs",[[0,"mylu-set-menu",{"sets":[16],"activeSetId":[2,"active-set-id"]},[[0,"luSelectedSetUpdated","onLuSelectedSet"]]],[1,"mylu-set",{"setId":[2,"set-id"],"isActive":[1028,"is-active"],"showActiveBar":[4,"show-active-bar"],"setTitle":[1,"set-title"]},[[0,"click","onClick"]]],[1,"mylu-set-menu-bar",{"color":[1],"selectedSet":[1026,"selected-set"],"sets":[32]},[[0,"luSetDidLoad","onSetDidLoad"],[0,"luSetDidUnload","onSetDidUnload"],[0,"luSelect","onSetSelection"]]],[1,"mylu-circle",{"backgroundColor":[1,"background-color"],"isPresentational":[4,"is-presentational"],"isImage":[4,"is-image"],"outline":[4]}],[1,"mylu-dot",{"backgroundColor":[1,"background-color"],"isPresentational":[4,"is-presentational"]}],[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],"svgContent":[32],"isVisible":[32]}]]]], { resourcesUrl });
 });

dist/collection/collection-manifest.json

 {
   "entries": [
-    "components/avatar/avatar.js",
     "components/circle/circle.js",
     "components/dot/dot.js",
-    "components/set-menu-bar/set-menu-bar.js",
+    "components/set-menu/set-menu.js",
+    "components/avatar/avatar.js",
     "components/set/set.js",
-    "components/set-menu/set-menu.js"
+    "components/set-menu-bar/set-menu-bar.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "typescriptVersion": "3.5.1"
@@ -14,0 +14,0 @@ },

dist/collection/components/set-menu-bar/set-menu-bar.js

 import { Host, h } from '@stencil/core';
 import { createColorClasses } from '../../utils/theme';
 export class SetMenuBar {
+    constructor() {
+        this.sets = [];
+    }
+    onSelectedSetChange(newValue, oldValue) {
+        if (newValue !== oldValue) {
+            this.updateSets();
+            this.luSelectedSetUpdated.emit({ setId: newValue, selected: true });
+        }
+    }
+    onSetDidLoad(ev) {
+        const set = ev.target;
+        // add set to internal list
+        this.sets.push(set);
+        // this group does not have a value
+        // but this set is selected, so let's set the
+        // group value from the selected set
+        if (!this.selectedSet && set.isActive) {
+            this.selectedSet = set.setId;
+        }
+        else {
+            this.updateSets();
+        }
+    }
+    onSetDidUnload(ev) {
+        const index = this.sets.indexOf(ev.target);
+        if (index > -1) {
+            this.sets.splice(index, 1);
+        }
+    }
+    onSetSelection(ev) {
+        const selectedSet = ev.target;
+        if (selectedSet) {
+            this.selectedSet = selectedSet.setId;
+        }
+    }
+    updateSets() {
+        const setId = this.selectedSet;
+        let hasSelected = false;
+        for (const set of this.sets) {
+            if (!hasSelected && set.setId === setId) {
+                // correct value for this radio
+                // but this radio isn't checked yet
+                // and we haven't found a checked yet
+                hasSelected = true;
+                set.isActive = true;
+            }
+            else {
+                // this radio doesn't have the correct value
+                // or the radio group has been already checked
+                set.isActive = false;
+            }
+        }
+    }
     render() {
@@ -34,4 +87,68 @@ return (h(Host, { class: Object.assign({}, createColorClasses(this.color)) },
             "reflect": false
+        },
+        "selectedSet": {
+            "type": "number",
+            "mutable": true,
+            "complexType": {
+                "original": "number | null",
+                "resolved": "number",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "selected-set",
+            "reflect": false
         }
     }; }
+    static get states() { return {
+        "sets": {}
+    }; }
+    static get events() { return [{
+            "method": "luSelectedSetUpdated",
+            "name": "luSelectedSetUpdated",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "complexType": {
+                "original": "SetSelectedEvent",
+                "resolved": "SetSelectedEvent",
+                "references": {
+                    "SetSelectedEvent": {
+                        "location": "import",
+                        "path": "../../interface"
+                    }
+                }
+            }
+        }]; }
+    static get watchers() { return [{
+            "propName": "selectedSet",
+            "methodName": "onSelectedSetChange"
+        }]; }
+    static get listeners() { return [{
+            "name": "luSetDidLoad",
+            "method": "onSetDidLoad",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "luSetDidUnload",
+            "method": "onSetDidUnload",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }, {
+            "name": "luSelect",
+            "method": "onSetSelection",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
 }

dist/collection/components/set-menu/set-menu.js

 import { Host, h } from '@stencil/core';
 export class SetMenu {
+    onLuSelectedSet({ detail }) {
+        this.luSelectedSet.emit(detail);
+    }
     render() {
         return (h(Host, null,
-            h("mylu-set-menu-bar", { color: "mylu_dark" }, this.sets ? this.sets.map((set) => (h("mylu-set", { setTitle: set.title },
-                h("mylu-circle", { "is-presentational": true, backgroundColor: "white" },
+            h("mylu-set-menu-bar", { color: "mylu_dark" }, this.sets ? this.sets.map((set) => (h("mylu-set", { setTitle: set.title, setId: set.setId, isActive: set.setId === this.activeSetId },
+                h("mylu-circle", { "is-presentational": true, backgroundColor: set.isTransparent ? null : 'white' },
                     set.showNotification ? (h("mylu-dot", { "is-presentational": true, slot: "notification", backgroundColor: "mylu_danger" }, set.notificationCount ? set.notificationCount : (h("lu-icon", { name: "lu-notification-dot" })))) : null,
@@ -22,4 +25,24 @@ h("lu-icon", { color: set.color, name: set.icon }))))) : null)));
             "complexType": {
-                "original": "{\n    title: string,\n    icon: string,\n    order: number,\n    color?: string,\n    showNotification?: boolean,\n    notificationCount?: number\n  }[]",
-                "resolved": "{ title: string; icon: string; order: number; color?: string; showNotification?: boolean; notificationCount?: number; }[]",
+                "original": "Set[]",
+                "resolved": "Set[]",
+                "references": {
+                    "Set": {
+                        "location": "import",
+                        "path": "../../interface"
+                    }
+                }
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": "Please pass an array of sets"
+            }
+        },
+        "activeSetId": {
+            "type": "number",
+            "mutable": false,
+            "complexType": {
+                "original": "number | null",
+                "resolved": "number",
                 "references": {}
@@ -31,6 +54,36 @@ },
                 "tags": [],
-                "text": ""
-            }
+                "text": "Set an initial active set"
+            },
+            "attribute": "active-set-id",
+            "reflect": false
         }
     }; }
+    static get events() { return [{
+            "method": "luSelectedSet",
+            "name": "luSelectedSet",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Emits when a new set is selected"
+            },
+            "complexType": {
+                "original": "SetSelectedEvent",
+                "resolved": "SetSelectedEvent",
+                "references": {
+                    "SetSelectedEvent": {
+                        "location": "import",
+                        "path": "../../interface"
+                    }
+                }
+            }
+        }]; }
+    static get listeners() { return [{
+            "name": "luSelectedSetUpdated",
+            "method": "onLuSelectedSet",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
 }

dist/collection/components/set/set.js

 import { Host, h } from '@stencil/core';
 export class Set {
+    constructor() {
+        this.isActive = false;
+        this.showActiveBar = true;
+    }
+    activeWatch(newValue, oldValue) {
+        if (newValue !== oldValue && newValue) {
+            this.luSelect.emit({ setId: this.setId, selected: newValue });
+        }
+    }
+    componentDidLoad() {
+        this.luSetDidLoad.emit();
+    }
+    componentDidUnload() {
+        this.luSetDidUnload.emit();
+    }
+    onClick(ev) {
+        ev.preventDefault();
+        if (!this.isActive) {
+            this.isActive = !this.isActive;
+        }
+    }
     render() {
-        return (h(Host, null,
-            h("div", { class: "container" },
+        const TagType = this.isActive ? 'div' : 'button';
+        return (h(Host, { class: {
+                'is-active': this.isActive,
+                'show-bar': this.showActiveBar
+            } },
+            h(TagType, { class: "container" },
                 h("slot", null),
-                h("div", { class: "title" }, this.setTitle))));
+                h("div", { class: "title" }, this.setTitle),
+                h("div", { class: "bar" }))));
     }
@@ -35,2 +61,38 @@ static get is() { return "mylu-set"; }
         },
+        "isActive": {
+            "type": "boolean",
+            "mutable": true,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "is-active",
+            "reflect": false,
+            "defaultValue": "false"
+        },
+        "showActiveBar": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "show-active-bar",
+            "reflect": false,
+            "defaultValue": "true"
+        },
         "setTitle": {
@@ -54,2 +116,64 @@ "type": "string",
     }; }
+    static get events() { return [{
+            "method": "luSelect",
+            "name": "luSelect",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "complexType": {
+                "original": "SetSelectedEvent",
+                "resolved": "SetSelectedEvent",
+                "references": {
+                    "SetSelectedEvent": {
+                        "location": "import",
+                        "path": "../../interface"
+                    }
+                }
+            }
+        }, {
+            "method": "luSetDidLoad",
+            "name": "luSetDidLoad",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "complexType": {
+                "original": "void",
+                "resolved": "void",
+                "references": {}
+            }
+        }, {
+            "method": "luSetDidUnload",
+            "name": "luSetDidUnload",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "complexType": {
+                "original": "void",
+                "resolved": "void",
+                "references": {}
+            }
+        }]; }
+    static get watchers() { return [{
+            "propName": "isActive",
+            "methodName": "activeWatch"
+        }]; }
+    static get listeners() { return [{
+            "name": "click",
+            "method": "onClick",
+            "target": undefined,
+            "capture": false,
+            "passive": false
+        }]; }
 }

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

@@ -1,4 +0,4 @@
-import { d as registerInstance, h as createEvent, i as getContext, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
-import { a as hasShadowDom } from './chunk-dbac6d67.js';
+import { r as registerInstance, c as createEvent, d as getContext, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
+import { h as hasShadowDom } from './chunk-18034bcf.js';
 var Button = /** @class */ (function () {
@@ -5,0 +5,0 @@ function Button(hostRef) {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h } from './uxmylupatterns-c336e931.js';
 var CardButtons = /** @class */ (function () {
@@ -3,0 +3,0 @@ function CardButtons(hostRef) {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance } from './uxmylupatterns-c336e931.js';
 var CardContent = /** @class */ (function () {
@@ -3,0 +3,0 @@ function CardContent(hostRef) {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var CardFooter = /** @class */ (function () {
@@ -4,0 +4,0 @@ function CardFooter(hostRef) {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var CardHeader = /** @class */ (function () {
@@ -4,0 +4,0 @@ function CardHeader(hostRef) {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h } from './uxmylupatterns-c336e931.js';
 var CardImage = /** @class */ (function () {
@@ -3,0 +3,0 @@ function CardImage(hostRef) {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var CardTitle = /** @class */ (function () {
@@ -4,0 +4,0 @@ function CardTitle(hostRef) {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var Card = /** @class */ (function () {
@@ -4,0 +4,0 @@ function Card(hostRef) {

dist/esm/legacy/lu-checkbox-group.entry.js

 import * as tslib_1 from "tslib";
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 var CheckboxGroup = /** @class */ (function () {
@@ -4,0 +4,0 @@ function CheckboxGroup(hostRef) {

dist/esm/legacy/lu-checkbox.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 var Checkbox = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Checkbox(hostRef) {

dist/esm/legacy/lu-col.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 var SIZE_TO_MEDIA = {
@@ -3,0 +3,0 @@ 'xs': '(min-width: 0px)',

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { b as hostContext, a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { h as hostContext, c as createColorClasses } from './chunk-63f37a59.js';
 var FabButton = /** @class */ (function () {
@@ -4,0 +4,0 @@ function FabButton(hostRef) {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 var FabList = /** @class */ (function () {
@@ -3,0 +3,0 @@ function FabList(hostRef) {

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

 import * as tslib_1 from "tslib";
-import { d as registerInstance, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 var Fab = /** @class */ (function () {
@@ -4,0 +4,0 @@ function Fab(hostRef) {

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

 import * as tslib_1 from "tslib";
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var FormGroup = /** @class */ (function () {
@@ -5,0 +5,0 @@ function FormGroup(hostRef) {

dist/esm/legacy/lu-form-validation.entry.js

 import * as tslib_1 from "tslib";
-import { d as registerInstance, h as createEvent } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent } from './uxmylupatterns-c336e931.js';
 var FormValidation = /** @class */ (function () {
@@ -4,0 +4,0 @@ function FormValidation(hostRef) {

dist/esm/legacy/lu-grid.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
 var Grid = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Grid(hostRef) {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var Header = /** @class */ (function () {
@@ -4,0 +4,0 @@ function Header(hostRef) {

dist/esm/legacy/lu-icon_6.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, f as getElement, g as Host, h as createEvent } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses$1 } from './chunk-2114b009.js';
+import { r as registerInstance, h, g as getElement, H as Host, c as createEvent } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses$1 } from './chunk-63f37a59.js';
 var CACHED_MAP;
@@ -308,8 +308,43 @@ function getIconMap() {
         registerInstance(this, hostRef);
+        this.isActive = false;
+        this.showActiveBar = true;
+        this.luSelect = createEvent(this, "luSelect", 7);
+        this.luSetDidLoad = createEvent(this, "luSetDidLoad", 7);
+        this.luSetDidUnload = createEvent(this, "luSetDidUnload", 7);
     }
+    Set.prototype.activeWatch = function (newValue, oldValue) {
+        if (newValue !== oldValue && newValue) {
+            this.luSelect.emit({ setId: this.setId, selected: newValue });
+        }
+    };
+    Set.prototype.componentDidLoad = function () {
+        this.luSetDidLoad.emit();
+    };
+    Set.prototype.componentDidUnload = function () {
+        this.luSetDidUnload.emit();
+    };
+    Set.prototype.onClick = function (ev) {
+        ev.preventDefault();
+        if (!this.isActive) {
+            this.isActive = !this.isActive;
+        }
+    };
     Set.prototype.render = function () {
-        return (h(Host, null, h("div", { class: "container" }, h("slot", null), h("div", { class: "title" }, this.setTitle))));
+        var TagType = this.isActive ? 'div' : 'button';
+        return (h(Host, { class: {
+                'is-active': this.isActive,
+                'show-bar': this.showActiveBar
+            } }, h(TagType, { class: "container" }, h("slot", null), h("div", { class: "title" }, this.setTitle), h("div", { class: "bar" }))));
     };
+    Object.defineProperty(Set, "watchers", {
+        get: function () {
+            return {
+                "isActive": ["activeWatch"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(Set, "style", {
-        get: function () { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.container{padding-top:12px;padding-bottom:8px}.title{margin-left:auto;margin-right:auto;max-width:60px;padding-top:8px;color:#eef3f9;font-size:12px;text-align:center}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.title{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}::slotted(*){--mylu-circle-font-size:39px}"; },
+        get: function () { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-active) .container{background-color:hsla(0,0%,100%,.14)}.bar{position:absolute;left:0;top:0;bottom:0;background-color:#fff;width:6px;visibility:hidden;border-radius:unset}:host(.is-active) .bar{visibility:visible}.container{padding-top:12px;padding-bottom:8px;width:100%;position:relative}.title{margin-left:auto;margin-right:auto;max-width:60px;padding-top:8px;color:#eef3f9;font-size:12px;text-align:center}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.title{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}::slotted(*){--mylu-circle-font-size:45px}button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border:none;outline:inherit;background:none;color:inherit;font:inherit;cursor:pointer}"; },
         enumerable: true,
@@ -323,8 +358,14 @@ configurable: true
         registerInstance(this, hostRef);
+        this.luSelectedSet = createEvent(this, "luSelectedSet", 7);
     }
+    SetMenu.prototype.onLuSelectedSet = function (_a) {
+        var detail = _a.detail;
+        this.luSelectedSet.emit(detail);
+    };
     SetMenu.prototype.render = function () {
-        return (h(Host, null, h("mylu-set-menu-bar", { color: "mylu_dark" }, this.sets ? this.sets.map(function (set) { return (h("mylu-set", { setTitle: set.title }, h("mylu-circle", { "is-presentational": true, backgroundColor: "white" }, set.showNotification ? (h("mylu-dot", { "is-presentational": true, slot: "notification", backgroundColor: "mylu_danger" }, set.notificationCount ? set.notificationCount : (h("lu-icon", { name: "lu-notification-dot" })))) : null, h("lu-icon", { color: set.color, name: set.icon })))); }) : null)));
+        var _this = this;
+        return (h(Host, null, h("mylu-set-menu-bar", { color: "mylu_dark" }, this.sets ? this.sets.map(function (set) { return (h("mylu-set", { setTitle: set.title, setId: set.setId, isActive: set.setId === _this.activeSetId }, h("mylu-circle", { "is-presentational": true, backgroundColor: set.isTransparent ? null : 'white' }, set.showNotification ? (h("mylu-dot", { "is-presentational": true, slot: "notification", backgroundColor: "mylu_danger" }, set.notificationCount ? set.notificationCount : (h("lu-icon", { name: "lu-notification-dot" })))) : null, h("lu-icon", { color: set.color, name: set.icon })))); }) : null)));
     };
     Object.defineProperty(SetMenu, "style", {
-        get: function () { return "mylu-set-menu{min-height:100%}"; },
+        get: function () { return "mylu-set-menu{min-height:100%}mylu-set-menu mylu-dot{--mylu-dot-padding:3px}mylu-set-menu mylu-circle{--mylu-circle-border-thickness:1px}"; },
         enumerable: true,
@@ -338,6 +379,68 @@ configurable: true
         registerInstance(this, hostRef);
+        this.sets = [];
+        this.luSelectedSetUpdated = createEvent(this, "luSelectedSetUpdated", 7);
     }
+    SetMenuBar.prototype.onSelectedSetChange = function (newValue, oldValue) {
+        if (newValue !== oldValue) {
+            this.updateSets();
+            this.luSelectedSetUpdated.emit({ setId: newValue, selected: true });
+        }
+    };
+    SetMenuBar.prototype.onSetDidLoad = function (ev) {
+        var set = ev.target;
+        // add set to internal list
+        this.sets.push(set);
+        // this group does not have a value
+        // but this set is selected, so let's set the
+        // group value from the selected set
+        if (!this.selectedSet && set.isActive) {
+            this.selectedSet = set.setId;
+        }
+        else {
+            this.updateSets();
+        }
+    };
+    SetMenuBar.prototype.onSetDidUnload = function (ev) {
+        var index = this.sets.indexOf(ev.target);
+        if (index > -1) {
+            this.sets.splice(index, 1);
+        }
+    };
+    SetMenuBar.prototype.onSetSelection = function (ev) {
+        var selectedSet = ev.target;
+        if (selectedSet) {
+            this.selectedSet = selectedSet.setId;
+        }
+    };
+    SetMenuBar.prototype.updateSets = function () {
+        var setId = this.selectedSet;
+        var hasSelected = false;
+        for (var _i = 0, _a = this.sets; _i < _a.length; _i++) {
+            var set = _a[_i];
+            if (!hasSelected && set.setId === setId) {
+                // correct value for this radio
+                // but this radio isn't checked yet
+                // and we haven't found a checked yet
+                hasSelected = true;
+                set.isActive = true;
+            }
+            else {
+                // this radio doesn't have the correct value
+                // or the radio group has been already checked
+                set.isActive = false;
+            }
+        }
+    };
     SetMenuBar.prototype.render = function () {
         return (h(Host, { class: Object.assign({}, createColorClasses(this.color)) }, h("div", { class: "container" }, h("slot", null))));
     };
+    Object.defineProperty(SetMenuBar, "watchers", {
+        get: function () {
+            return {
+                "selectedSet": ["onSelectedSetChange"]
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(SetMenuBar, "style", {
@@ -344,0 +447,0 @@ get: function () { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:92px}.container{width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; },

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './uxmylupatterns-c336e931.js';
 var Img = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Img(hostRef) {

dist/esm/legacy/lu-input.entry.js

 import * as tslib_1 from "tslib";
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
-import { b as debounceEvent, c as deferEvent } from './chunk-dbac6d67.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
+import { d as debounceEvent, a as deferEvent } from './chunk-18034bcf.js';
 var Input = /** @class */ (function () {
@@ -6,0 +6,0 @@ function Input(hostRef) {

dist/esm/legacy/lu-label.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var Label = /** @class */ (function () {
@@ -4,0 +4,0 @@ function Label(hostRef) {

dist/esm/legacy/lu-radio-group.entry.js

 import * as tslib_1 from "tslib";
-import { d as registerInstance, h as createEvent, f as getElement, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './uxmylupatterns-c336e931.js';
 var RadioGroup = /** @class */ (function () {
@@ -4,0 +4,0 @@ function RadioGroup(hostRef) {

dist/esm/legacy/lu-radio.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses, b as hostContext } from './chunk-2114b009.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses, h as hostContext } from './chunk-63f37a59.js';
 var Radio = /** @class */ (function () {
@@ -4,0 +4,0 @@ function Radio(hostRef) {

dist/esm/legacy/lu-row.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h } from './uxmylupatterns-c336e931.js';
 var Row = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Row(hostRef) {

dist/esm/legacy/lu-select.entry.js

 import * as tslib_1 from "tslib";
-import { d as registerInstance, h as createEvent, i as getContext, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
-import { d as findFormGroup } from './chunk-dbac6d67.js';
+import { r as registerInstance, c as createEvent, d as getContext, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
+import { f as findFormGroup } from './chunk-18034bcf.js';
 var Select = /** @class */ (function () {
@@ -6,0 +6,0 @@ function Select(hostRef) {

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

 import * as tslib_1 from "tslib";
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var SideMenu = /** @class */ (function () {
@@ -5,0 +5,0 @@ function SideMenu(hostRef) {

dist/esm/legacy/lu-skeleton-text.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h } from './uxmylupatterns-c336e931.js';
 var SkeletonText = /** @class */ (function () {
@@ -3,0 +3,0 @@ function SkeletonText(hostRef) {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 var Spinner = /** @class */ (function () {
@@ -4,0 +4,0 @@ function Spinner(hostRef) {

dist/esm/legacy/lu-tab.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './uxmylupatterns-c336e931.js';
 var Tab = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Tab(hostRef) {

dist/esm/legacy/lu-tabs.entry.js

 import * as tslib_1 from "tslib";
-import { d as registerInstance, h as createEvent, e as h, f as getElement } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './uxmylupatterns-c336e931.js';
 var Tabs = /** @class */ (function () {
@@ -4,0 +4,0 @@ function Tabs(hostRef) {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './uxmylupatterns-c336e931.js';
 var Toggle = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Toggle(hostRef) {

dist/esm/legacy/mylu-avatar.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './uxmylupatterns-c336e931.js';
 var Avatar = /** @class */ (function () {
@@ -3,0 +3,0 @@ function Avatar(hostRef) {

dist/esm/lu-button.entry.js

@@ -1,4 +0,4 @@
-import { d as registerInstance, h as createEvent, i as getContext, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
-import { a as hasShadowDom } from './chunk-dbac6d67.js';
+import { r as registerInstance, c as createEvent, d as getContext, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
+import { h as hasShadowDom } from './chunk-18034bcf.js';
 
@@ -5,0 +5,0 @@ class Button {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class CardButtons {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class CardContent {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class CardFooter {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class CardHeader {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class CardImage {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class CardTitle {

dist/esm/lu-card.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class Card {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class CheckboxGroup {

dist/esm/lu-checkbox.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Checkbox {

dist/esm/lu-col.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ const SIZE_TO_MEDIA = {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { b as hostContext, a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { h as hostContext, c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class FabButton {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class FabList {

dist/esm/lu-fab.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Fab {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class FormGroup {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class FormValidation {

dist/esm/lu-grid.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Grid {

dist/esm/lu-header.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class Header {

dist/esm/lu-icon_6.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, f as getElement, g as Host, h as createEvent } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses$1 } from './chunk-2114b009.js';
+import { r as registerInstance, h, g as getElement, H as Host, c as createEvent } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses$1 } from './chunk-63f37a59.js';
 
@@ -282,7 +282,36 @@ let CACHED_MAP;
         registerInstance(this, hostRef);
+        this.isActive = false;
+        this.showActiveBar = true;
+        this.luSelect = createEvent(this, "luSelect", 7);
+        this.luSetDidLoad = createEvent(this, "luSetDidLoad", 7);
+        this.luSetDidUnload = createEvent(this, "luSetDidUnload", 7);
     }
+    activeWatch(newValue, oldValue) {
+        if (newValue !== oldValue && newValue) {
+            this.luSelect.emit({ setId: this.setId, selected: newValue });
+        }
+    }
+    componentDidLoad() {
+        this.luSetDidLoad.emit();
+    }
+    componentDidUnload() {
+        this.luSetDidUnload.emit();
+    }
+    onClick(ev) {
+        ev.preventDefault();
+        if (!this.isActive) {
+            this.isActive = !this.isActive;
+        }
+    }
     render() {
-        return (h(Host, null, h("div", { class: "container" }, h("slot", null), h("div", { class: "title" }, this.setTitle))));
+        const TagType = this.isActive ? 'div' : 'button';
+        return (h(Host, { class: {
+                'is-active': this.isActive,
+                'show-bar': this.showActiveBar
+            } }, h(TagType, { class: "container" }, h("slot", null), h("div", { class: "title" }, this.setTitle), h("div", { class: "bar" }))));
     }
-    static get style() { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.container{padding-top:12px;padding-bottom:8px}.title{margin-left:auto;margin-right:auto;max-width:60px;padding-top:8px;color:#eef3f9;font-size:12px;text-align:center}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.title{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}::slotted(*){--mylu-circle-font-size:39px}"; }
+    static get watchers() { return {
+        "isActive": ["activeWatch"]
+    }; }
+    static get style() { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-active) .container{background-color:hsla(0,0%,100%,.14)}.bar{position:absolute;left:0;top:0;bottom:0;background-color:#fff;width:6px;visibility:hidden;border-radius:unset}:host(.is-active) .bar{visibility:visible}.container{padding-top:12px;padding-bottom:8px;width:100%;position:relative}.title{margin-left:auto;margin-right:auto;max-width:60px;padding-top:8px;color:#eef3f9;font-size:12px;text-align:center}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.title{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}::slotted(*){--mylu-circle-font-size:45px}button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border:none;outline:inherit;background:none;color:inherit;font:inherit;cursor:pointer}"; }
 }
@@ -293,7 +322,11 @@
         registerInstance(this, hostRef);
+        this.luSelectedSet = createEvent(this, "luSelectedSet", 7);
     }
+    onLuSelectedSet({ detail }) {
+        this.luSelectedSet.emit(detail);
+    }
     render() {
-        return (h(Host, null, h("mylu-set-menu-bar", { color: "mylu_dark" }, this.sets ? this.sets.map((set) => (h("mylu-set", { setTitle: set.title }, h("mylu-circle", { "is-presentational": true, backgroundColor: "white" }, set.showNotification ? (h("mylu-dot", { "is-presentational": true, slot: "notification", backgroundColor: "mylu_danger" }, set.notificationCount ? set.notificationCount : (h("lu-icon", { name: "lu-notification-dot" })))) : null, h("lu-icon", { color: set.color, name: set.icon }))))) : null)));
+        return (h(Host, null, h("mylu-set-menu-bar", { color: "mylu_dark" }, this.sets ? this.sets.map((set) => (h("mylu-set", { setTitle: set.title, setId: set.setId, isActive: set.setId === this.activeSetId }, h("mylu-circle", { "is-presentational": true, backgroundColor: set.isTransparent ? null : 'white' }, set.showNotification ? (h("mylu-dot", { "is-presentational": true, slot: "notification", backgroundColor: "mylu_danger" }, set.notificationCount ? set.notificationCount : (h("lu-icon", { name: "lu-notification-dot" })))) : null, h("lu-icon", { color: set.color, name: set.icon }))))) : null)));
     }
-    static get style() { return "mylu-set-menu{min-height:100%}"; }
+    static get style() { return "mylu-set-menu{min-height:100%}mylu-set-menu mylu-dot{--mylu-dot-padding:3px}mylu-set-menu mylu-circle{--mylu-circle-border-thickness:1px}"; }
 }
@@ -304,6 +337,61 @@
         registerInstance(this, hostRef);
+        this.sets = [];
+        this.luSelectedSetUpdated = createEvent(this, "luSelectedSetUpdated", 7);
     }
+    onSelectedSetChange(newValue, oldValue) {
+        if (newValue !== oldValue) {
+            this.updateSets();
+            this.luSelectedSetUpdated.emit({ setId: newValue, selected: true });
+        }
+    }
+    onSetDidLoad(ev) {
+        const set = ev.target;
+        // add set to internal list
+        this.sets.push(set);
+        // this group does not have a value
+        // but this set is selected, so let's set the
+        // group value from the selected set
+        if (!this.selectedSet && set.isActive) {
+            this.selectedSet = set.setId;
+        }
+        else {
+            this.updateSets();
+        }
+    }
+    onSetDidUnload(ev) {
+        const index = this.sets.indexOf(ev.target);
+        if (index > -1) {
+            this.sets.splice(index, 1);
+        }
+    }
+    onSetSelection(ev) {
+        const selectedSet = ev.target;
+        if (selectedSet) {
+            this.selectedSet = selectedSet.setId;
+        }
+    }
+    updateSets() {
+        const setId = this.selectedSet;
+        let hasSelected = false;
+        for (const set of this.sets) {
+            if (!hasSelected && set.setId === setId) {
+                // correct value for this radio
+                // but this radio isn't checked yet
+                // and we haven't found a checked yet
+                hasSelected = true;
+                set.isActive = true;
+            }
+            else {
+                // this radio doesn't have the correct value
+                // or the radio group has been already checked
+                set.isActive = false;
+            }
+        }
+    }
     render() {
         return (h(Host, { class: Object.assign({}, createColorClasses(this.color)) }, h("div", { class: "container" }, h("slot", null))));
     }
+    static get watchers() { return {
+        "selectedSet": ["onSelectedSetChange"]
+    }; }
     static get style() { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:92px}.container{width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; }
@@ -310,0 +398,0 @@ }

dist/esm/lu-img.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Img {

dist/esm/lu-input.entry.js

@@ -1,4 +0,4 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
-import { b as debounceEvent, c as deferEvent } from './chunk-dbac6d67.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
+import { d as debounceEvent, a as deferEvent } from './chunk-18034bcf.js';
 
@@ -5,0 +5,0 @@ class Input {

dist/esm/lu-label.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class Label {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, f as getElement, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class RadioGroup {

dist/esm/lu-radio.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses, b as hostContext } from './chunk-2114b009.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses, h as hostContext } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class Radio {

dist/esm/lu-row.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Row {

dist/esm/lu-select.entry.js

@@ -1,4 +0,4 @@
-import { d as registerInstance, h as createEvent, i as getContext, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
-import { d as findFormGroup } from './chunk-dbac6d67.js';
+import { r as registerInstance, c as createEvent, d as getContext, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
+import { f as findFormGroup } from './chunk-18034bcf.js';
 
@@ -5,0 +5,0 @@ class Select {

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

@@ -1,3 +0,3 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class SideMenu {

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

@@ -1,2 +0,2 @@
-import { d as registerInstance, e as h } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, h } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class SkeletonText {

dist/esm/lu-spinner.entry.js

@@ -1,3 +0,3 @@
-import { d as registerInstance, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
-import { a as createColorClasses } from './chunk-2114b009.js';
+import { r as registerInstance, h, H as Host } from './uxmylupatterns-c336e931.js';
+import { c as createColorClasses } from './chunk-63f37a59.js';
 
@@ -4,0 +4,0 @@ class Spinner {

dist/esm/lu-tab.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Tab {

dist/esm/lu-tabs.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, f as getElement } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Tabs {

dist/esm/lu-toggle.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Toggle {

dist/esm/mylu-avatar.entry.js

@@ -1,2 +0,2 @@
-import { d as registerInstance, h as createEvent, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './uxmylupatterns-c336e931.js';
 
@@ -3,0 +3,0 @@ class Avatar {

dist/esm/polyfills/css-shim.js

@@ -338,3 +338,3 @@ /*
                     declarations: declarations,
-                    specificity: computeSpecificity(selector),
+                    specificity: computeSpecificity(),
                     nu: index
@@ -341,0 +341,0 @@ });

dist/types/components.d.ts

@@ -9,4 +9,7 @@ /* tslint:disable */
 import { HTMLStencilElement, JSXBase } from './stencil.core';
+import {
+  Set,
+  SetSelectedEvent,
+} from './interface';
 
-
 export namespace Components {
@@ -42,17 +45,20 @@ interface MyluAvatar {
   interface MyluSet {
+    'isActive': boolean;
     'setId': number;
     'setTitle': string;
+    'showActiveBar': boolean;
   }
   interface MyluSetMenu {
-    'sets': {
-      title: string,
-      icon: string,
-      order: number,
-      color?: string,
-      showNotification?: boolean,
-      notificationCount?: number
-    }[];
+    /**
+    * Set an initial active set
+    */
+    'activeSetId': number | null;
+    /**
+    * Please pass an array of sets
+    */
+    'sets': Set[];
   }
   interface MyluSetMenuBar {
     'color': string;
+    'selectedSet': number | null;
   }
@@ -145,17 +151,28 @@ }
   interface MyluSet extends JSXBase.HTMLAttributes<HTMLMyluSetElement> {
+    'isActive'?: boolean;
+    'onLuSelect'?: (event: CustomEvent<SetSelectedEvent>) => void;
+    'onLuSetDidLoad'?: (event: CustomEvent<void>) => void;
+    'onLuSetDidUnload'?: (event: CustomEvent<void>) => void;
     'setId'?: number;
     'setTitle'?: string;
+    'showActiveBar'?: boolean;
   }
   interface MyluSetMenu extends JSXBase.HTMLAttributes<HTMLMyluSetMenuElement> {
-    'sets'?: {
-      title: string,
-      icon: string,
-      order: number,
-      color?: string,
-      showNotification?: boolean,
-      notificationCount?: number
-    }[];
+    /**
+    * Set an initial active set
+    */
+    'activeSetId'?: number | null;
+    /**
+    * Emits when a new set is selected
+    */
+    'onLuSelectedSet'?: (event: CustomEvent<SetSelectedEvent>) => void;
+    /**
+    * Please pass an array of sets
+    */
+    'sets'?: Set[];
   }
   interface MyluSetMenuBar extends JSXBase.HTMLAttributes<HTMLMyluSetMenuBarElement> {
     'color'?: string;
+    'onLuSelectedSetUpdated'?: (event: CustomEvent<SetSelectedEvent>) => void;
+    'selectedSet'?: number | null;
   }
@@ -162,0 +179,0 @@

dist/types/components/set-menu-bar/set-menu-bar.d.ts

@@ -0,4 +1,14 @@
+import { EventEmitter } from '../../stencil.core';
+import { SetSelectedEvent } from '../../interface';
 export declare class SetMenuBar {
+    sets: any;
     color: string;
+    selectedSet: number | null;
+    onSelectedSetChange(newValue: number, oldValue: number | null): void;
+    luSelectedSetUpdated: EventEmitter<SetSelectedEvent>;
+    onSetDidLoad(ev: any): void;
+    onSetDidUnload(ev: any): void;
+    onSetSelection(ev: any): void;
+    updateSets(): void;
     render(): any;
 }

dist/types/components/set-menu/set-menu.d.ts

@@ -0,11 +1,20 @@
+import { EventEmitter } from '../../stencil.core';
+import { Set, SetSelectedEvent } from '../../interface';
 export declare class SetMenu {
-    sets: {
-        title: string;
-        icon: string;
-        order: number;
-        color?: string;
-        showNotification?: boolean;
-        notificationCount?: number;
-    }[];
+    /**
+     * Please pass an array of sets
+     */
+    sets: Set[];
+    /**
+     * Set an initial active set
+     */
+    activeSetId: number | null;
+    /**
+     * Emits when a new set is selected
+     */
+    luSelectedSet: EventEmitter<SetSelectedEvent>;
+    onLuSelectedSet({ detail }: {
+        detail: any;
+    }): void;
     render(): any;
 }

dist/types/components/set/set.d.ts

@@ -0,5 +1,16 @@
+import { EventEmitter } from '../../stencil.core';
+import { SetSelectedEvent } from '../../interface';
 export declare class Set {
     setId: number;
+    isActive: boolean;
+    showActiveBar: boolean;
     setTitle: string;
+    luSelect: EventEmitter<SetSelectedEvent>;
+    luSetDidLoad: EventEmitter<void>;
+    luSetDidUnload: EventEmitter<void>;
+    activeWatch(newValue: boolean, oldValue: boolean): void;
+    componentDidLoad(): void;
+    componentDidUnload(): void;
+    onClick(ev: any): void;
     render(): any;
 }

dist/types/interface.d.ts

 export * from './components';
+export * from './types';

dist/uxmylupatterns/p-1563a874.system.js

@@ -1,1 +0,1 @@
-System.register([],function(t,e){"use strict";return{execute:function(){t("scopeCss",e);function e(t,e,n){var o=new r;return o.shimCssText(t,e,e+"-h",e+"-s",n)}var r=function(){function t(){this.strictStyling=true}t.prototype.shimCssText=function(t,e,r,n,o){if(r===void 0){r=""}if(n===void 0){n=""}if(o===void 0){o=false}var s=C(t);t=x(t);var c=[];if(o){var i=function(t){var e="/*!@___"+c.length+"___*/";var r="/*!@"+t.selector+"*/";c.push({placeholder:e,comment:r});t.selector=e+t.selector;return t};t=P(t,function(t){if(t.selector[0]!=="@"){return i(t)}else if(t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")){t.content=P(t.content,i);return t}return t})}var a=this._scopeCssText(t,e,r,n,o);t=[a].concat(s).join("\n");if(o){c.forEach(function(e){var r=e.placeholder,n=e.comment;t=t.replace(r,n)})}return t};t.prototype._scopeCssText=function(t,e,r,n,o){t=this._insertPolyfillHostInCssText(t);t=this._convertColonHost(t);t=this._convertColonHostContext(t);t=this._convertColonSlotted(t,n);t=this._convertShadowDOMSelectors(t);if(e){t=this._scopeSelectors(t,e,r,n,o)}t=t.replace(/-shadowcsshost-no-combinator/g,"."+r);t=t.replace(/>\s*\*\s+([^{, ]+)/gm," $1 ");return t.trim()};t.prototype._convertColonHost=function(t){return this._convertColonRule(t,a,this._colonHostPartReplacer)};t.prototype._convertColonSlotted=function(t,e){var r=p;return t.replace(r,function(){var t=[];for(var r=0;r<arguments.length;r++){t[r]=arguments[r]}if(t[2]){var n=t[2].trim();var o=t[3];var s="."+e+" > "+n+o;return s}else{return u+t[3]}})};t.prototype._convertColonHostContext=function(t){return this._convertColonRule(t,l,this._colonHostContextPartReplacer)};t.prototype._convertColonRule=function(t,e,r){return t.replace(e,function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}if(t[2]){var n=t[2].split(",");var o=[];for(var s=0;s<n.length;s++){var c=n[s].trim();if(!c)break;o.push(r(u,c,t[3]))}return o.join(",")}else{return u+t[3]}})};t.prototype._colonHostContextPartReplacer=function(t,e,r){if(e.indexOf(o)>-1){return this._colonHostPartReplacer(t,e,r)}else{return t+e+r+", "+e+" "+t+r}};t.prototype._colonHostPartReplacer=function(t,e,r){return t+e.replace(o,"")+r};t.prototype._convertShadowDOMSelectors=function(t){return h.reduce(function(t,e){return t.replace(e," ")},t)};t.prototype._scopeSelectors=function(t,e,r,n,o){var s=this;return P(t,function(t){var c=t.selector;var i=t.content;if(t.selector[0]!=="@"){c=s._scopeSelector(t.selector,e,r,n,s.strictStyling)}else if(t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")){i=s._scopeSelectors(t.content,e,r,n,o)}c=c.replace(/\s{2,}/g," ").trim();return new b(c,i)})};t.prototype._scopeSelector=function(t,e,r,n,o){var s=this;return t.split(",").map(function(t){if(n&&t.indexOf("."+n)>-1){return t.trim()}if(s._selectorNeedsScoping(t,e)){return o?s._applyStrictSelectorScope(t,e,r).trim():s._applySelectorScope(t,e,r).trim()}else{return t.trim()}}).join(", ")};t.prototype._selectorNeedsScoping=function(t,e){var r=this._makeScopeMatcher(e);return!r.test(t)};t.prototype._makeScopeMatcher=function(t){var e=/\[/g;var r=/\]/g;t=t.replace(e,"\\[").replace(r,"\\]");return new RegExp("^("+t+")"+f,"m")};t.prototype._applySelectorScope=function(t,e,r){return this._applySimpleSelectorScope(t,e,r)};t.prototype._applySimpleSelectorScope=function(t,e,r){_.lastIndex=0;if(_.test(t)){var n=this.strictStyling?"."+r:e;return t.replace(v,function(t,e){return e.replace(/([^:]*)(:*)(.*)/,function(t,e,r,o){return e+n+r+o})}).replace(_,n+" ")}return e+" "+t};t.prototype._applyStrictSelectorScope=function(t,e,r){var o=this;var s=/\[is=([^\]]*)\]/g;e=e.replace(s,function(t){var e=[];for(var r=1;r<arguments.length;r++){e[r-1]=arguments[r]}return e[0]});var c="."+e;var i=function(t){var n=t.trim();if(!n){return""}if(t.indexOf(u)>-1){n=o._applySimpleSelectorScope(t,e,r)}else{var s=t.replace(_,"");if(s.length>0){var i=s.match(/([^:]*)(:*)(.*)/);if(i){n=i[1]+c+i[2]+i[3]}}}return n};var a=new n(t);t=a.content();var l="";var p=0;var v;var h=/( |>|\+|~(?!=))\s*/g;var f=t.indexOf(u)>-1;var g=!f;while((v=h.exec(t))!==null){var d=v[1];var S=t.slice(p,v.index).trim();g=g||S.indexOf(u)>-1;var m=g?i(S):S;l+=m+" "+d+" ";p=h.lastIndex}var x=t.substring(p);g=g||x.indexOf(u)>-1;l+=g?i(x):x;return a.restore(l)};t.prototype._insertPolyfillHostInCssText=function(t){t=t.replace(S,c).replace(g,o).replace(d,s);return t};return t}();t("ShadowCss",r);var n=function(){function t(t){var e=this;this.placeholders=[];this.index=0;t=t.replace(/(\[[^\]]*\])/g,function(t,r){var n="__ph-"+e.index+"__";e.placeholders.push(r);e.index++;return n});this._content=t.replace(/(:nth-[-\w]+)(\([^)]+\))/g,function(t,r,n){var o="__ph-"+e.index+"__";e.placeholders.push(n);e.index++;return r+o})}t.prototype.restore=function(t){var e=this;return t.replace(/__ph-(\d+)__/g,function(t,r){return e.placeholders[+r]})};t.prototype.content=function(){return this._content};return t}();var o="-shadowcsshost";var s="-shadowcssslotted";var c="-shadowcsscontext";var i=")(?:\\(("+"(?:\\([^)(]*\\)|[^)(]*)+?"+")\\))?([^,{]*)";var a=new RegExp("("+o+i,"gim");var l=new RegExp("("+c+i,"gim");var p=new RegExp("("+s+i,"gim");var u=o+"-no-combinator";var v=/-shadowcsshost-no-combinator([^\s]*)/;var h=[/::shadow/g,/::content/g];var f="([>\\s~+[.,{:][\\s\\S]*)?$";var _=/-shadowcsshost/gim;var g=/:host/gim;var d=/::slotted/gim;var S=/:host-context/gim;var m=/\/\*\s*[\s\S]*?\*\//g;function x(t){return t.replace(m,"")}var y=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;function C(t){return t.match(y)||[]}var w=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;var R=/([{}])/g;var H="{";var O="}";var W="%BLOCK%";var b=function(){function t(t,e){this.selector=t;this.content=e}return t}();function P(t,e){var r=T(t);var n=0;return r.escapedString.replace(w,function(){var t=[];for(var o=0;o<arguments.length;o++){t[o]=arguments[o]}var s=t[2];var c="";var i=t[4];var a="";if(i&&i.startsWith("{"+W)){c=r.blocks[n++];i=i.substring(W.length+1);a="{"}var l=e(new b(s,c));return""+t[1]+l.selector+t[3]+a+l.content+i})}var j=function(){function t(t,e){this.escapedString=t;this.blocks=e}return t}();function T(t){var e=t.split(R);var r=[];var n=[];var o=0;var s=[];for(var c=0;c<e.length;c++){var i=e[c];if(i===O){o--}if(o>0){s.push(i)}else{if(s.length>0){n.push(s.join(""));r.push(W);s=[]}r.push(i)}if(i===H){o++}}if(s.length>0){n.push(s.join(""));r.push(W)}return new j(r.join(""),n)}}}});
+System.register([],function(t){"use strict";return{execute:function(){t("scopeCss",e);function e(t,e,n){var o=new r;return o.shimCssText(t,e,e+"-h",e+"-s",n)}var r=function(){function t(){this.strictStyling=true}t.prototype.shimCssText=function(t,e,r,n,o){if(r===void 0){r=""}if(n===void 0){n=""}if(o===void 0){o=false}var s=C(t);t=x(t);var c=[];if(o){var i=function(t){var e="/*!@___"+c.length+"___*/";var r="/*!@"+t.selector+"*/";c.push({placeholder:e,comment:r});t.selector=e+t.selector;return t};t=P(t,function(t){if(t.selector[0]!=="@"){return i(t)}else if(t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")){t.content=P(t.content,i);return t}return t})}var a=this._scopeCssText(t,e,r,n,o);t=[a].concat(s).join("\n");if(o){c.forEach(function(e){var r=e.placeholder,n=e.comment;t=t.replace(r,n)})}return t};t.prototype._scopeCssText=function(t,e,r,n,o){t=this._insertPolyfillHostInCssText(t);t=this._convertColonHost(t);t=this._convertColonHostContext(t);t=this._convertColonSlotted(t,n);t=this._convertShadowDOMSelectors(t);if(e){t=this._scopeSelectors(t,e,r,n,o)}t=t.replace(/-shadowcsshost-no-combinator/g,"."+r);t=t.replace(/>\s*\*\s+([^{, ]+)/gm," $1 ");return t.trim()};t.prototype._convertColonHost=function(t){return this._convertColonRule(t,a,this._colonHostPartReplacer)};t.prototype._convertColonSlotted=function(t,e){var r=p;return t.replace(r,function(){var t=[];for(var r=0;r<arguments.length;r++){t[r]=arguments[r]}if(t[2]){var n=t[2].trim();var o=t[3];var s="."+e+" > "+n+o;return s}else{return u+t[3]}})};t.prototype._convertColonHostContext=function(t){return this._convertColonRule(t,l,this._colonHostContextPartReplacer)};t.prototype._convertColonRule=function(t,e,r){return t.replace(e,function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}if(t[2]){var n=t[2].split(",");var o=[];for(var s=0;s<n.length;s++){var c=n[s].trim();if(!c)break;o.push(r(u,c,t[3]))}return o.join(",")}else{return u+t[3]}})};t.prototype._colonHostContextPartReplacer=function(t,e,r){if(e.indexOf(o)>-1){return this._colonHostPartReplacer(t,e,r)}else{return t+e+r+", "+e+" "+t+r}};t.prototype._colonHostPartReplacer=function(t,e,r){return t+e.replace(o,"")+r};t.prototype._convertShadowDOMSelectors=function(t){return h.reduce(function(t,e){return t.replace(e," ")},t)};t.prototype._scopeSelectors=function(t,e,r,n,o){var s=this;return P(t,function(t){var c=t.selector;var i=t.content;if(t.selector[0]!=="@"){c=s._scopeSelector(t.selector,e,r,n,s.strictStyling)}else if(t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")){i=s._scopeSelectors(t.content,e,r,n,o)}c=c.replace(/\s{2,}/g," ").trim();return new b(c,i)})};t.prototype._scopeSelector=function(t,e,r,n,o){var s=this;return t.split(",").map(function(t){if(n&&t.indexOf("."+n)>-1){return t.trim()}if(s._selectorNeedsScoping(t,e)){return o?s._applyStrictSelectorScope(t,e,r).trim():s._applySelectorScope(t,e,r).trim()}else{return t.trim()}}).join(", ")};t.prototype._selectorNeedsScoping=function(t,e){var r=this._makeScopeMatcher(e);return!r.test(t)};t.prototype._makeScopeMatcher=function(t){var e=/\[/g;var r=/\]/g;t=t.replace(e,"\\[").replace(r,"\\]");return new RegExp("^("+t+")"+f,"m")};t.prototype._applySelectorScope=function(t,e,r){return this._applySimpleSelectorScope(t,e,r)};t.prototype._applySimpleSelectorScope=function(t,e,r){_.lastIndex=0;if(_.test(t)){var n=this.strictStyling?"."+r:e;return t.replace(v,function(t,e){return e.replace(/([^:]*)(:*)(.*)/,function(t,e,r,o){return e+n+r+o})}).replace(_,n+" ")}return e+" "+t};t.prototype._applyStrictSelectorScope=function(t,e,r){var o=this;var s=/\[is=([^\]]*)\]/g;e=e.replace(s,function(t){var e=[];for(var r=1;r<arguments.length;r++){e[r-1]=arguments[r]}return e[0]});var c="."+e;var i=function(t){var n=t.trim();if(!n){return""}if(t.indexOf(u)>-1){n=o._applySimpleSelectorScope(t,e,r)}else{var s=t.replace(_,"");if(s.length>0){var i=s.match(/([^:]*)(:*)(.*)/);if(i){n=i[1]+c+i[2]+i[3]}}}return n};var a=new n(t);t=a.content();var l="";var p=0;var v;var h=/( |>|\+|~(?!=))\s*/g;var f=t.indexOf(u)>-1;var g=!f;while((v=h.exec(t))!==null){var d=v[1];var S=t.slice(p,v.index).trim();g=g||S.indexOf(u)>-1;var m=g?i(S):S;l+=m+" "+d+" ";p=h.lastIndex}var x=t.substring(p);g=g||x.indexOf(u)>-1;l+=g?i(x):x;return a.restore(l)};t.prototype._insertPolyfillHostInCssText=function(t){t=t.replace(S,c).replace(g,o).replace(d,s);return t};return t}();t("ShadowCss",r);var n=function(){function t(t){var e=this;this.placeholders=[];this.index=0;t=t.replace(/(\[[^\]]*\])/g,function(t,r){var n="__ph-"+e.index+"__";e.placeholders.push(r);e.index++;return n});this._content=t.replace(/(:nth-[-\w]+)(\([^)]+\))/g,function(t,r,n){var o="__ph-"+e.index+"__";e.placeholders.push(n);e.index++;return r+o})}t.prototype.restore=function(t){var e=this;return t.replace(/__ph-(\d+)__/g,function(t,r){return e.placeholders[+r]})};t.prototype.content=function(){return this._content};return t}();var o="-shadowcsshost";var s="-shadowcssslotted";var c="-shadowcsscontext";var i=")(?:\\(("+"(?:\\([^)(]*\\)|[^)(]*)+?"+")\\))?([^,{]*)";var a=new RegExp("("+o+i,"gim");var l=new RegExp("("+c+i,"gim");var p=new RegExp("("+s+i,"gim");var u=o+"-no-combinator";var v=/-shadowcsshost-no-combinator([^\s]*)/;var h=[/::shadow/g,/::content/g];var f="([>\\s~+[.,{:][\\s\\S]*)?$";var _=/-shadowcsshost/gim;var g=/:host/gim;var d=/::slotted/gim;var S=/:host-context/gim;var m=/\/\*\s*[\s\S]*?\*\//g;function x(t){return t.replace(m,"")}var y=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;function C(t){return t.match(y)||[]}var w=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;var R=/([{}])/g;var H="{";var O="}";var W="%BLOCK%";var b=function(){function t(t,e){this.selector=t;this.content=e}return t}();function P(t,e){var r=T(t);var n=0;return r.escapedString.replace(w,function(){var t=[];for(var o=0;o<arguments.length;o++){t[o]=arguments[o]}var s=t[2];var c="";var i=t[4];var a="";if(i&&i.startsWith("{"+W)){c=r.blocks[n++];i=i.substring(W.length+1);a="{"}var l=e(new b(s,c));return""+t[1]+l.selector+t[3]+a+l.content+i})}var j=function(){function t(t,e){this.escapedString=t;this.blocks=e}return t}();function T(t){var e=t.split(R);var r=[];var n=[];var o=0;var s=[];for(var c=0;c<e.length;c++){var i=e[c];if(i===O){o--}if(o>0){s.push(i)}else{if(s.length>0){n.push(s.join(""));r.push(W);s=[]}r.push(i)}if(i===H){o++}}if(s.length>0){n.push(s.join(""));r.push(W)}return new j(r.join(""),n)}}}});

dist/uxmylupatterns/p-a8fc097f.system.js

@@ -1,1 +0,1 @@
-System.register([],function(t,e){"use strict";return{execute:function(){(function(){var t=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function e(e){var n=t.has(e);e=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(e);return!n&&e}function n(t){var e=t.isConnected;if(void 0!==e)return e;for(;t&&!(t.__CE_isImportDocument||t instanceof Document);)t=t.parentNode||(window.ShadowRoot&&t instanceof ShadowRoot?t.host:void 0);return!(!t||!(t.__CE_isImportDocument||t instanceof Document))}function o(t,e){for(;e&&e!==t&&!e.nextSibling;)e=e.parentNode;return e&&e!==t?e.nextSibling:null}function i(t,e,n){n=void 0===n?new Set:n;for(var r=t;r;){if(r.nodeType===Node.ELEMENT_NODE){var a=r;e(a);var c=a.localName;if("link"===c&&"import"===a.getAttribute("rel")){r=a.import;if(r instanceof Node&&!n.has(r))for(n.add(r),r=r.firstChild;r;r=r.nextSibling)i(r,e,n);r=o(t,a);continue}else if("template"===c){r=o(t,a);continue}if(a=a.__CE_shadowRoot)for(a=a.firstChild;a;a=a.nextSibling)i(a,e,n)}r=r.firstChild?r.firstChild:o(t,r)}}function r(t,e,n){t[e]=n}function a(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1}function c(t,e,n){t.a.set(e,n);t.g.set(n.constructorFunction,n)}function l(t,e){t.b=!0;t.c.push(e)}function s(t,e){t.b=!0;t.f.push(e)}function u(t,e){t.b&&i(e,function(e){return f(t,e)})}function f(t,e){if(t.b&&!e.__CE_patched){e.__CE_patched=!0;for(var n=0;n<t.c.length;n++)t.c[n](e);for(n=0;n<t.f.length;n++)t.f[n](e)}}function h(t,e){var n=[];i(e,function(t){return n.push(t)});for(e=0;e<n.length;e++){var o=n[e];1===o.__CE_state?t.connectedCallback(o):m(t,o)}}function p(t,e){var n=[];i(e,function(t){return n.push(t)});for(e=0;e<n.length;e++){var o=n[e];1===o.__CE_state&&t.disconnectedCallback(o)}}function d(t,e,n){n=void 0===n?{}:n;var o=n.u||new Set,r=n.i||function(e){return m(t,e)},a=[];i(e,function(e){if("link"===e.localName&&"import"===e.getAttribute("rel")){var n=e.import;n instanceof Node&&(n.__CE_isImportDocument=!0,n.__CE_hasRegistry=!0);n&&"complete"===n.readyState?n.__CE_documentLoadHandled=!0:e.addEventListener("load",function(){var n=e.import;if(!n.__CE_documentLoadHandled){n.__CE_documentLoadHandled=!0;var i=new Set(o);i.delete(n);d(t,n,{u:i,i:r})}})}else a.push(e)},o);if(t.b)for(e=0;e<a.length;e++)f(t,a[e]);for(e=0;e<a.length;e++)r(a[e])}function m(t,e){if(void 0===e.__CE_state){var o=e.ownerDocument;if(o.defaultView||o.__CE_isImportDocument&&o.__CE_hasRegistry)if(o=t.a.get(e.localName)){o.constructionStack.push(e);var i=o.constructorFunction;try{try{if(new i!==e)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(t){throw e.__CE_state=2,t}e.__CE_state=1;e.__CE_definition=o;if(o.attributeChangedCallback)for(o=o.observedAttributes,i=0;i<o.length;i++){var r=o[i],a=e.getAttribute(r);null!==a&&t.attributeChangedCallback(e,r,null,a,null)}n(e)&&t.connectedCallback(e)}}}a.prototype.connectedCallback=function(t){var e=t.__CE_definition;e.connectedCallback&&e.connectedCallback.call(t)};a.prototype.disconnectedCallback=function(t){var e=t.__CE_definition;e.disconnectedCallback&&e.disconnectedCallback.call(t)};a.prototype.attributeChangedCallback=function(t,e,n,o,i){var r=t.__CE_definition;r.attributeChangedCallback&&-1<r.observedAttributes.indexOf(e)&&r.attributeChangedCallback.call(t,e,n,o,i)};function y(t){var e=document;this.c=t;this.a=e;this.b=void 0;d(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}))}function b(t){t.b&&t.b.disconnect()}y.prototype.f=function(t){var e=this.a.readyState;"interactive"!==e&&"complete"!==e||b(this);for(e=0;e<t.length;e++)for(var n=t[e].addedNodes,o=0;o<n.length;o++)d(this.c,n[o])};function v(){var t=this;this.b=this.a=void 0;this.c=new Promise(function(e){t.b=e;t.a&&e(t.a)})}function g(t){if(t.a)throw Error("Already resolved.");t.a=void 0;t.b&&t.b(void 0)}function w(t){this.c=!1;this.a=t;this.j=new Map;this.f=function(t){return t()};this.b=!1;this.g=[];this.o=new y(t)}w.prototype.l=function(t,n){var o=this;if(!(n instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!e(t))throw new SyntaxError("The element name '"+t+"' is not valid.");if(this.a.a.get(t))throw Error("A custom element with name '"+t+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var i=function(t){var e=r[t];if(void 0!==e&&!(e instanceof Function))throw Error("The '"+t+"' callback must be a function.");return e},r=n.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var a=i("connectedCallback");var l=i("disconnectedCallback");var s=i("adoptedCallback");var u=i("attributeChangedCallback");var f=n.observedAttributes||[]}catch(t){return}finally{this.c=!1}n={localName:t,constructorFunction:n,connectedCallback:a,disconnectedCallback:l,adoptedCallback:s,attributeChangedCallback:u,observedAttributes:f,constructionStack:[]};c(this.a,t,n);this.g.push(n);this.b||(this.b=!0,this.f(function(){return E(o)}))};w.prototype.i=function(t){d(this.a,t)};function E(t){if(!1!==t.b){t.b=!1;for(var e=t.g,n=[],o=new Map,i=0;i<e.length;i++)o.set(e[i].localName,[]);d(t.a,document,{i:function(e){if(void 0===e.__CE_state){var i=e.localName,r=o.get(i);r?r.push(e):t.a.a.get(i)&&n.push(e)}}});for(i=0;i<n.length;i++)m(t.a,n[i]);for(;0<e.length;){var r=e.shift();i=r.localName;r=o.get(r.localName);for(var a=0;a<r.length;a++)m(t.a,r[a]);(i=t.j.get(i))&&g(i)}}}w.prototype.get=function(t){if(t=this.a.a.get(t))return t.constructorFunction};w.prototype.m=function(t){if(!e(t))return Promise.reject(new SyntaxError("'"+t+"' is not a valid custom element name."));var n=this.j.get(t);if(n)return n.c;n=new v;this.j.set(t,n);this.a.a.get(t)&&!this.g.some(function(e){return e.localName===t})&&g(n);return n.c};w.prototype.s=function(t){b(this.o);var e=this.f;this.f=function(n){return t(function(){return e(n)})}};window.CustomElementRegistry=w;w.prototype.define=w.prototype.l;w.prototype.upgrade=w.prototype.i;w.prototype.get=w.prototype.get;w.prototype.whenDefined=w.prototype.m;w.prototype.polyfillWrapFlushCallback=w.prototype.s;var _=window.Document.prototype.createElement,C=window.Document.prototype.createElementNS,N=window.Document.prototype.importNode,S=window.Document.prototype.prepend,T=window.Document.prototype.append,A=window.DocumentFragment.prototype.prepend,D=window.DocumentFragment.prototype.append,k=window.Node.prototype.cloneNode,O=window.Node.prototype.appendChild,x=window.Node.prototype.insertBefore,M=window.Node.prototype.removeChild,j=window.Node.prototype.replaceChild,L=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),H=window.Element.prototype.attachShadow,F=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),P=window.Element.prototype.getAttribute,R=window.Element.prototype.setAttribute,I=window.Element.prototype.removeAttribute,z=window.Element.prototype.getAttributeNS,W=window.Element.prototype.setAttributeNS,B=window.Element.prototype.removeAttributeNS,$=window.Element.prototype.insertAdjacentElement,q=window.Element.prototype.insertAdjacentHTML,U=window.Element.prototype.prepend,V=window.Element.prototype.append,X=window.Element.prototype.before,G=window.Element.prototype.after,J=window.Element.prototype.replaceWith,K=window.Element.prototype.remove,Q=window.HTMLElement,Y=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Z=window.HTMLElement.prototype.insertAdjacentElement,tt=window.HTMLElement.prototype.insertAdjacentHTML;var et=new function(){};function nt(){var t=st;window.HTMLElement=function(){function e(){var e=this.constructor,n=t.g.get(e);if(!n)throw Error("The custom element being constructed was not registered with `customElements`.");var o=n.constructionStack;if(0===o.length)return o=_.call(document,n.localName),Object.setPrototypeOf(o,e.prototype),o.__CE_state=1,o.__CE_definition=n,f(t,o),o;n=o.length-1;var i=o[n];if(i===et)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");o[n]=et;Object.setPrototypeOf(i,e.prototype);f(t,i);return i}e.prototype=Q.prototype;Object.defineProperty(e.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:e});return e}()}function ot(t,e,o){function i(e){return function(o){for(var i=[],r=0;r<arguments.length;++r)i[r]=arguments[r];r=[];for(var a=[],c=0;c<i.length;c++){var l=i[c];l instanceof Element&&n(l)&&a.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)r.push(l);else r.push(l)}e.apply(this,i);for(i=0;i<a.length;i++)p(t,a[i]);if(n(this))for(i=0;i<r.length;i++)a=r[i],a instanceof Element&&h(t,a)}}void 0!==o.h&&(e.prepend=i(o.h));void 0!==o.append&&(e.append=i(o.append))}function it(){var t=st;r(Document.prototype,"createElement",function(e){if(this.__CE_hasRegistry){var n=t.a.get(e);if(n)return new n.constructorFunction}e=_.call(this,e);f(t,e);return e});r(Document.prototype,"importNode",function(e,n){e=N.call(this,e,!!n);this.__CE_hasRegistry?d(t,e):u(t,e);return e});r(Document.prototype,"createElementNS",function(e,n){if(this.__CE_hasRegistry&&(null===e||"http://www.w3.org/1999/xhtml"===e)){var o=t.a.get(n);if(o)return new o.constructorFunction}e=C.call(this,e,n);f(t,e);return e});ot(t,Document.prototype,{h:S,append:T})}function rt(){function t(t,o){Object.defineProperty(t,"textContent",{enumerable:o.enumerable,configurable:!0,get:o.get,set:function(t){if(this.nodeType===Node.TEXT_NODE)o.set.call(this,t);else{var i=void 0;if(this.firstChild){var r=this.childNodes,a=r.length;if(0<a&&n(this)){i=Array(a);for(var c=0;c<a;c++)i[c]=r[c]}}o.set.call(this,t);if(i)for(t=0;t<i.length;t++)p(e,i[t])}}})}var e=st;r(Node.prototype,"insertBefore",function(t,o){if(t instanceof DocumentFragment){var i=Array.prototype.slice.apply(t.childNodes);t=x.call(this,t,o);if(n(this))for(o=0;o<i.length;o++)h(e,i[o]);return t}i=n(t);o=x.call(this,t,o);i&&p(e,t);n(this)&&h(e,t);return o});r(Node.prototype,"appendChild",function(t){if(t instanceof DocumentFragment){var o=Array.prototype.slice.apply(t.childNodes);t=O.call(this,t);if(n(this))for(var i=0;i<o.length;i++)h(e,o[i]);return t}o=n(t);i=O.call(this,t);o&&p(e,t);n(this)&&h(e,t);return i});r(Node.prototype,"cloneNode",function(t){t=k.call(this,!!t);this.ownerDocument.__CE_hasRegistry?d(e,t):u(e,t);return t});r(Node.prototype,"removeChild",function(t){var o=n(t),i=M.call(this,t);o&&p(e,t);return i});r(Node.prototype,"replaceChild",function(t,o){if(t instanceof DocumentFragment){var i=Array.prototype.slice.apply(t.childNodes);t=j.call(this,t,o);if(n(this))for(p(e,o),o=0;o<i.length;o++)h(e,i[o]);return t}i=n(t);var r=j.call(this,t,o),a=n(this);a&&p(e,o);i&&p(e,t);a&&h(e,t);return r});L&&L.get?t(Node.prototype,L):l(e,function(e){t(e,{enumerable:!0,configurable:!0,get:function(){for(var t=[],e=0;e<this.childNodes.length;e++){var n=this.childNodes[e];n.nodeType!==Node.COMMENT_NODE&&t.push(n.textContent)}return t.join("")},set:function(t){for(;this.firstChild;)M.call(this,this.firstChild);null!=t&&""!==t&&O.call(this,document.createTextNode(t))}})})}function at(t){function e(e){return function(o){for(var i=[],r=0;r<arguments.length;++r)i[r]=arguments[r];r=[];for(var a=[],c=0;c<i.length;c++){var l=i[c];l instanceof Element&&n(l)&&a.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)r.push(l);else r.push(l)}e.apply(this,i);for(i=0;i<a.length;i++)p(t,a[i]);if(n(this))for(i=0;i<r.length;i++)a=r[i],a instanceof Element&&h(t,a)}}var o=Element.prototype;void 0!==X&&(o.before=e(X));void 0!==X&&(o.after=e(G));void 0!==J&&r(o,"replaceWith",function(e){for(var o=[],i=0;i<arguments.length;++i)o[i]=arguments[i];i=[];for(var r=[],a=0;a<o.length;a++){var c=o[a];c instanceof Element&&n(c)&&r.push(c);if(c instanceof DocumentFragment)for(c=c.firstChild;c;c=c.nextSibling)i.push(c);else i.push(c)}a=n(this);J.apply(this,o);for(o=0;o<r.length;o++)p(t,r[o]);if(a)for(p(t,this),o=0;o<i.length;o++)r=i[o],r instanceof Element&&h(t,r)});void 0!==K&&r(o,"remove",function(){var e=n(this);K.call(this);e&&p(t,this)})}function ct(){function t(t,e){Object.defineProperty(t,"innerHTML",{enumerable:e.enumerable,configurable:!0,get:e.get,set:function(t){var o=this,r=void 0;n(this)&&(r=[],i(this,function(t){t!==o&&r.push(t)}));e.set.call(this,t);if(r)for(var c=0;c<r.length;c++){var l=r[c];1===l.__CE_state&&a.disconnectedCallback(l)}this.ownerDocument.__CE_hasRegistry?d(a,this):u(a,this);return t}})}function e(t,e){r(t,"insertAdjacentElement",function(t,o){var i=n(o);t=e.call(this,t,o);i&&p(a,o);n(t)&&h(a,o);return t})}function o(t,e){function n(t,e){for(var n=[];t!==e;t=t.nextSibling)n.push(t);for(e=0;e<n.length;e++)d(a,n[e])}r(t,"insertAdjacentHTML",function(t,o){t=t.toLowerCase();if("beforebegin"===t){var i=this.previousSibling;e.call(this,t,o);n(i||this.parentNode.firstChild,this)}else if("afterbegin"===t)i=this.firstChild,e.call(this,t,o),n(this.firstChild,i);else if("beforeend"===t)i=this.lastChild,e.call(this,t,o),n(i||this.firstChild,null);else if("afterend"===t)i=this.nextSibling,e.call(this,t,o),n(this.nextSibling,i);else throw new SyntaxError("The value provided ("+String(t)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.")})}var a=st;H&&r(Element.prototype,"attachShadow",function(t){t=H.call(this,t);var e=a;if(e.b&&!t.__CE_patched){t.__CE_patched=!0;for(var n=0;n<e.c.length;n++)e.c[n](t)}return this.__CE_shadowRoot=t});F&&F.get?t(Element.prototype,F):Y&&Y.get?t(HTMLElement.prototype,Y):s(a,function(e){t(e,{enumerable:!0,configurable:!0,get:function(){return k.call(this,!0).innerHTML},set:function(t){var e="template"===this.localName,n=e?this.content:this,o=C.call(document,this.namespaceURI,this.localName);for(o.innerHTML=t;0<n.childNodes.length;)M.call(n,n.childNodes[0]);for(t=e?o.content:o;0<t.childNodes.length;)O.call(n,t.childNodes[0])}})});r(Element.prototype,"setAttribute",function(t,e){if(1!==this.__CE_state)return R.call(this,t,e);var n=P.call(this,t);R.call(this,t,e);e=P.call(this,t);a.attributeChangedCallback(this,t,n,e,null)});r(Element.prototype,"setAttributeNS",function(t,e,n){if(1!==this.__CE_state)return W.call(this,t,e,n);var o=z.call(this,t,e);W.call(this,t,e,n);n=z.call(this,t,e);a.attributeChangedCallback(this,e,o,n,t)});r(Element.prototype,"removeAttribute",function(t){if(1!==this.__CE_state)return I.call(this,t);var e=P.call(this,t);I.call(this,t);null!==e&&a.attributeChangedCallback(this,t,e,null,null)});r(Element.prototype,"removeAttributeNS",function(t,e){if(1!==this.__CE_state)return B.call(this,t,e);var n=z.call(this,t,e);B.call(this,t,e);var o=z.call(this,t,e);n!==o&&a.attributeChangedCallback(this,e,n,o,t)});Z?e(HTMLElement.prototype,Z):$?e(Element.prototype,$):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");tt?o(HTMLElement.prototype,tt):q?o(Element.prototype,q):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");ot(a,Element.prototype,{h:U,append:V});at(a)}var lt=window.customElements;if(!lt||lt.forcePolyfill||"function"!=typeof lt.define||"function"!=typeof lt.get){var st=new a;nt();it();ot(st,DocumentFragment.prototype,{h:A,append:D});rt();ct();document.__CE_hasRegistry=!0;var ut=new w(st);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:ut})}}).call(self);if(typeof window.CustomEvent!=="function"){function t(t,e){e=e||{bubbles:false,cancelable:false,detail:undefined};var n=document.createEvent("CustomEvent");n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail);return n}t.prototype=window.Event.prototype;window.CustomEvent=t}(function(t,e,n){if(!t.composedPath){t.composedPath=function(){if(this.path){return this.path}var t=this.target;this.path=[];while(t.parentNode!==null){this.path.push(t);t=t.parentNode}this.path.push(e,n);return this.path}}})(Event.prototype,document,window);(function(t){"function"!==typeof t.matches&&(t.matches=t.msMatchesSelector||t.mozMatchesSelector||t.webkitMatchesSelector||function(t){t=(this.document||this.ownerDocument).querySelectorAll(t);for(var e=0;t[e]&&t[e]!==this;)++e;return!!t[e]});"function"!==typeof t.closest&&(t.closest=function(t){for(var e=this;e&&1===e.nodeType;){if(e.matches(t))return e;e=e.parentNode}return null})})(window.Element.prototype);(function(t){function e(t){t=n(t);return 11===t.nodeType?e(t.host):t}function n(t){return t.parentNode?n(t.parentNode):t}"function"!==typeof t.getRootNode&&(t.getRootNode=function(t){return t&&t.composed?e(this):n(this)})})(Element.prototype);(function(t){t.forEach(function(t){t.hasOwnProperty("remove")||Object.defineProperty(t,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})})})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);!function(t){"classList"in t||Object.defineProperty(t,"classList",{get:function(){var t=this,e=(t.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){e.length>0?t.setAttribute("class",e.join(" ")):t.removeAttribute("class")}return""===e[0]&&e.splice(0,1),e.toggle=function(t,o){void 0!==o?o?e.add(t):e.remove(t):-1!==e.indexOf(t)?e.splice(e.indexOf(t),1):e.push(t),n()},e.add=function(){for(var t=[].slice.call(arguments),o=0,i=t.length;o<i;o++)-1===e.indexOf(t[o])&&e.push(t[o]);n()},e.remove=function(){for(var t=[].slice.call(arguments),o=0,i=t.length;o<i;o++)-1!==e.indexOf(t[o])&&e.splice(e.indexOf(t[o]),1);n()},e.item=function(t){return e[t]},e.contains=function(t){return-1!==e.indexOf(t)},e.replace=function(t,o){-1!==e.indexOf(t)&&e.splice(e.indexOf(t),1,o),n()},e.value=t.getAttribute("class")||"",e}})}(Element.prototype)}}});
+System.register([],function(){"use strict";return{execute:function(){(function(){var t=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function e(e){var n=t.has(e);e=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(e);return!n&&e}function n(t){var e=t.isConnected;if(void 0!==e)return e;for(;t&&!(t.__CE_isImportDocument||t instanceof Document);)t=t.parentNode||(window.ShadowRoot&&t instanceof ShadowRoot?t.host:void 0);return!(!t||!(t.__CE_isImportDocument||t instanceof Document))}function o(t,e){for(;e&&e!==t&&!e.nextSibling;)e=e.parentNode;return e&&e!==t?e.nextSibling:null}function i(t,e,n){n=void 0===n?new Set:n;for(var r=t;r;){if(r.nodeType===Node.ELEMENT_NODE){var a=r;e(a);var c=a.localName;if("link"===c&&"import"===a.getAttribute("rel")){r=a.import;if(r instanceof Node&&!n.has(r))for(n.add(r),r=r.firstChild;r;r=r.nextSibling)i(r,e,n);r=o(t,a);continue}else if("template"===c){r=o(t,a);continue}if(a=a.__CE_shadowRoot)for(a=a.firstChild;a;a=a.nextSibling)i(a,e,n)}r=r.firstChild?r.firstChild:o(t,r)}}function r(t,e,n){t[e]=n}function a(){this.a=new Map;this.g=new Map;this.c=[];this.f=[];this.b=!1}function c(t,e,n){t.a.set(e,n);t.g.set(n.constructorFunction,n)}function l(t,e){t.b=!0;t.c.push(e)}function s(t,e){t.b=!0;t.f.push(e)}function u(t,e){t.b&&i(e,function(e){return f(t,e)})}function f(t,e){if(t.b&&!e.__CE_patched){e.__CE_patched=!0;for(var n=0;n<t.c.length;n++)t.c[n](e);for(n=0;n<t.f.length;n++)t.f[n](e)}}function h(t,e){var n=[];i(e,function(t){return n.push(t)});for(e=0;e<n.length;e++){var o=n[e];1===o.__CE_state?t.connectedCallback(o):m(t,o)}}function p(t,e){var n=[];i(e,function(t){return n.push(t)});for(e=0;e<n.length;e++){var o=n[e];1===o.__CE_state&&t.disconnectedCallback(o)}}function d(t,e,n){n=void 0===n?{}:n;var o=n.u||new Set,r=n.i||function(e){return m(t,e)},a=[];i(e,function(e){if("link"===e.localName&&"import"===e.getAttribute("rel")){var n=e.import;n instanceof Node&&(n.__CE_isImportDocument=!0,n.__CE_hasRegistry=!0);n&&"complete"===n.readyState?n.__CE_documentLoadHandled=!0:e.addEventListener("load",function(){var n=e.import;if(!n.__CE_documentLoadHandled){n.__CE_documentLoadHandled=!0;var i=new Set(o);i.delete(n);d(t,n,{u:i,i:r})}})}else a.push(e)},o);if(t.b)for(e=0;e<a.length;e++)f(t,a[e]);for(e=0;e<a.length;e++)r(a[e])}function m(t,e){if(void 0===e.__CE_state){var o=e.ownerDocument;if(o.defaultView||o.__CE_isImportDocument&&o.__CE_hasRegistry)if(o=t.a.get(e.localName)){o.constructionStack.push(e);var i=o.constructorFunction;try{try{if(new i!==e)throw Error("The custom element constructor did not produce the element being upgraded.")}finally{o.constructionStack.pop()}}catch(t){throw e.__CE_state=2,t}e.__CE_state=1;e.__CE_definition=o;if(o.attributeChangedCallback)for(o=o.observedAttributes,i=0;i<o.length;i++){var r=o[i],a=e.getAttribute(r);null!==a&&t.attributeChangedCallback(e,r,null,a,null)}n(e)&&t.connectedCallback(e)}}}a.prototype.connectedCallback=function(t){var e=t.__CE_definition;e.connectedCallback&&e.connectedCallback.call(t)};a.prototype.disconnectedCallback=function(t){var e=t.__CE_definition;e.disconnectedCallback&&e.disconnectedCallback.call(t)};a.prototype.attributeChangedCallback=function(t,e,n,o,i){var r=t.__CE_definition;r.attributeChangedCallback&&-1<r.observedAttributes.indexOf(e)&&r.attributeChangedCallback.call(t,e,n,o,i)};function y(t){var e=document;this.c=t;this.a=e;this.b=void 0;d(this.c,this.a);"loading"===this.a.readyState&&(this.b=new MutationObserver(this.f.bind(this)),this.b.observe(this.a,{childList:!0,subtree:!0}))}function b(t){t.b&&t.b.disconnect()}y.prototype.f=function(t){var e=this.a.readyState;"interactive"!==e&&"complete"!==e||b(this);for(e=0;e<t.length;e++)for(var n=t[e].addedNodes,o=0;o<n.length;o++)d(this.c,n[o])};function v(){var t=this;this.b=this.a=void 0;this.c=new Promise(function(e){t.b=e;t.a&&e(t.a)})}function g(t){if(t.a)throw Error("Already resolved.");t.a=void 0;t.b&&t.b(void 0)}function w(t){this.c=!1;this.a=t;this.j=new Map;this.f=function(t){return t()};this.b=!1;this.g=[];this.o=new y(t)}w.prototype.l=function(t,n){var o=this;if(!(n instanceof Function))throw new TypeError("Custom element constructors must be functions.");if(!e(t))throw new SyntaxError("The element name '"+t+"' is not valid.");if(this.a.a.get(t))throw Error("A custom element with name '"+t+"' has already been defined.");if(this.c)throw Error("A custom element is already being defined.");this.c=!0;try{var i=function(t){var e=r[t];if(void 0!==e&&!(e instanceof Function))throw Error("The '"+t+"' callback must be a function.");return e},r=n.prototype;if(!(r instanceof Object))throw new TypeError("The custom element constructor's prototype is not an object.");var a=i("connectedCallback");var l=i("disconnectedCallback");var s=i("adoptedCallback");var u=i("attributeChangedCallback");var f=n.observedAttributes||[]}catch(t){return}finally{this.c=!1}n={localName:t,constructorFunction:n,connectedCallback:a,disconnectedCallback:l,adoptedCallback:s,attributeChangedCallback:u,observedAttributes:f,constructionStack:[]};c(this.a,t,n);this.g.push(n);this.b||(this.b=!0,this.f(function(){return E(o)}))};w.prototype.i=function(t){d(this.a,t)};function E(t){if(!1!==t.b){t.b=!1;for(var e=t.g,n=[],o=new Map,i=0;i<e.length;i++)o.set(e[i].localName,[]);d(t.a,document,{i:function(e){if(void 0===e.__CE_state){var i=e.localName,r=o.get(i);r?r.push(e):t.a.a.get(i)&&n.push(e)}}});for(i=0;i<n.length;i++)m(t.a,n[i]);for(;0<e.length;){var r=e.shift();i=r.localName;r=o.get(r.localName);for(var a=0;a<r.length;a++)m(t.a,r[a]);(i=t.j.get(i))&&g(i)}}}w.prototype.get=function(t){if(t=this.a.a.get(t))return t.constructorFunction};w.prototype.m=function(t){if(!e(t))return Promise.reject(new SyntaxError("'"+t+"' is not a valid custom element name."));var n=this.j.get(t);if(n)return n.c;n=new v;this.j.set(t,n);this.a.a.get(t)&&!this.g.some(function(e){return e.localName===t})&&g(n);return n.c};w.prototype.s=function(t){b(this.o);var e=this.f;this.f=function(n){return t(function(){return e(n)})}};window.CustomElementRegistry=w;w.prototype.define=w.prototype.l;w.prototype.upgrade=w.prototype.i;w.prototype.get=w.prototype.get;w.prototype.whenDefined=w.prototype.m;w.prototype.polyfillWrapFlushCallback=w.prototype.s;var _=window.Document.prototype.createElement,C=window.Document.prototype.createElementNS,N=window.Document.prototype.importNode,S=window.Document.prototype.prepend,T=window.Document.prototype.append,A=window.DocumentFragment.prototype.prepend,D=window.DocumentFragment.prototype.append,k=window.Node.prototype.cloneNode,O=window.Node.prototype.appendChild,x=window.Node.prototype.insertBefore,M=window.Node.prototype.removeChild,j=window.Node.prototype.replaceChild,L=Object.getOwnPropertyDescriptor(window.Node.prototype,"textContent"),H=window.Element.prototype.attachShadow,F=Object.getOwnPropertyDescriptor(window.Element.prototype,"innerHTML"),P=window.Element.prototype.getAttribute,R=window.Element.prototype.setAttribute,I=window.Element.prototype.removeAttribute,z=window.Element.prototype.getAttributeNS,W=window.Element.prototype.setAttributeNS,B=window.Element.prototype.removeAttributeNS,$=window.Element.prototype.insertAdjacentElement,q=window.Element.prototype.insertAdjacentHTML,U=window.Element.prototype.prepend,V=window.Element.prototype.append,X=window.Element.prototype.before,G=window.Element.prototype.after,J=window.Element.prototype.replaceWith,K=window.Element.prototype.remove,Q=window.HTMLElement,Y=Object.getOwnPropertyDescriptor(window.HTMLElement.prototype,"innerHTML"),Z=window.HTMLElement.prototype.insertAdjacentElement,tt=window.HTMLElement.prototype.insertAdjacentHTML;var et=new function(){};function nt(){var t=st;window.HTMLElement=function(){function e(){var e=this.constructor,n=t.g.get(e);if(!n)throw Error("The custom element being constructed was not registered with `customElements`.");var o=n.constructionStack;if(0===o.length)return o=_.call(document,n.localName),Object.setPrototypeOf(o,e.prototype),o.__CE_state=1,o.__CE_definition=n,f(t,o),o;n=o.length-1;var i=o[n];if(i===et)throw Error("The HTMLElement constructor was either called reentrantly for this constructor or called multiple times.");o[n]=et;Object.setPrototypeOf(i,e.prototype);f(t,i);return i}e.prototype=Q.prototype;Object.defineProperty(e.prototype,"constructor",{writable:!0,configurable:!0,enumerable:!1,value:e});return e}()}function ot(t,e,o){function i(e){return function(o){for(var i=[],r=0;r<arguments.length;++r)i[r]=arguments[r];r=[];for(var a=[],c=0;c<i.length;c++){var l=i[c];l instanceof Element&&n(l)&&a.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)r.push(l);else r.push(l)}e.apply(this,i);for(i=0;i<a.length;i++)p(t,a[i]);if(n(this))for(i=0;i<r.length;i++)a=r[i],a instanceof Element&&h(t,a)}}void 0!==o.h&&(e.prepend=i(o.h));void 0!==o.append&&(e.append=i(o.append))}function it(){var t=st;r(Document.prototype,"createElement",function(e){if(this.__CE_hasRegistry){var n=t.a.get(e);if(n)return new n.constructorFunction}e=_.call(this,e);f(t,e);return e});r(Document.prototype,"importNode",function(e,n){e=N.call(this,e,!!n);this.__CE_hasRegistry?d(t,e):u(t,e);return e});r(Document.prototype,"createElementNS",function(e,n){if(this.__CE_hasRegistry&&(null===e||"http://www.w3.org/1999/xhtml"===e)){var o=t.a.get(n);if(o)return new o.constructorFunction}e=C.call(this,e,n);f(t,e);return e});ot(t,Document.prototype,{h:S,append:T})}function rt(){function t(t,o){Object.defineProperty(t,"textContent",{enumerable:o.enumerable,configurable:!0,get:o.get,set:function(t){if(this.nodeType===Node.TEXT_NODE)o.set.call(this,t);else{var i=void 0;if(this.firstChild){var r=this.childNodes,a=r.length;if(0<a&&n(this)){i=Array(a);for(var c=0;c<a;c++)i[c]=r[c]}}o.set.call(this,t);if(i)for(t=0;t<i.length;t++)p(e,i[t])}}})}var e=st;r(Node.prototype,"insertBefore",function(t,o){if(t instanceof DocumentFragment){var i=Array.prototype.slice.apply(t.childNodes);t=x.call(this,t,o);if(n(this))for(o=0;o<i.length;o++)h(e,i[o]);return t}i=n(t);o=x.call(this,t,o);i&&p(e,t);n(this)&&h(e,t);return o});r(Node.prototype,"appendChild",function(t){if(t instanceof DocumentFragment){var o=Array.prototype.slice.apply(t.childNodes);t=O.call(this,t);if(n(this))for(var i=0;i<o.length;i++)h(e,o[i]);return t}o=n(t);i=O.call(this,t);o&&p(e,t);n(this)&&h(e,t);return i});r(Node.prototype,"cloneNode",function(t){t=k.call(this,!!t);this.ownerDocument.__CE_hasRegistry?d(e,t):u(e,t);return t});r(Node.prototype,"removeChild",function(t){var o=n(t),i=M.call(this,t);o&&p(e,t);return i});r(Node.prototype,"replaceChild",function(t,o){if(t instanceof DocumentFragment){var i=Array.prototype.slice.apply(t.childNodes);t=j.call(this,t,o);if(n(this))for(p(e,o),o=0;o<i.length;o++)h(e,i[o]);return t}i=n(t);var r=j.call(this,t,o),a=n(this);a&&p(e,o);i&&p(e,t);a&&h(e,t);return r});L&&L.get?t(Node.prototype,L):l(e,function(e){t(e,{enumerable:!0,configurable:!0,get:function(){for(var t=[],e=0;e<this.childNodes.length;e++){var n=this.childNodes[e];n.nodeType!==Node.COMMENT_NODE&&t.push(n.textContent)}return t.join("")},set:function(t){for(;this.firstChild;)M.call(this,this.firstChild);null!=t&&""!==t&&O.call(this,document.createTextNode(t))}})})}function at(t){function e(e){return function(o){for(var i=[],r=0;r<arguments.length;++r)i[r]=arguments[r];r=[];for(var a=[],c=0;c<i.length;c++){var l=i[c];l instanceof Element&&n(l)&&a.push(l);if(l instanceof DocumentFragment)for(l=l.firstChild;l;l=l.nextSibling)r.push(l);else r.push(l)}e.apply(this,i);for(i=0;i<a.length;i++)p(t,a[i]);if(n(this))for(i=0;i<r.length;i++)a=r[i],a instanceof Element&&h(t,a)}}var o=Element.prototype;void 0!==X&&(o.before=e(X));void 0!==X&&(o.after=e(G));void 0!==J&&r(o,"replaceWith",function(e){for(var o=[],i=0;i<arguments.length;++i)o[i]=arguments[i];i=[];for(var r=[],a=0;a<o.length;a++){var c=o[a];c instanceof Element&&n(c)&&r.push(c);if(c instanceof DocumentFragment)for(c=c.firstChild;c;c=c.nextSibling)i.push(c);else i.push(c)}a=n(this);J.apply(this,o);for(o=0;o<r.length;o++)p(t,r[o]);if(a)for(p(t,this),o=0;o<i.length;o++)r=i[o],r instanceof Element&&h(t,r)});void 0!==K&&r(o,"remove",function(){var e=n(this);K.call(this);e&&p(t,this)})}function ct(){function t(t,e){Object.defineProperty(t,"innerHTML",{enumerable:e.enumerable,configurable:!0,get:e.get,set:function(t){var o=this,r=void 0;n(this)&&(r=[],i(this,function(t){t!==o&&r.push(t)}));e.set.call(this,t);if(r)for(var c=0;c<r.length;c++){var l=r[c];1===l.__CE_state&&a.disconnectedCallback(l)}this.ownerDocument.__CE_hasRegistry?d(a,this):u(a,this);return t}})}function e(t,e){r(t,"insertAdjacentElement",function(t,o){var i=n(o);t=e.call(this,t,o);i&&p(a,o);n(t)&&h(a,o);return t})}function o(t,e){function n(t,e){for(var n=[];t!==e;t=t.nextSibling)n.push(t);for(e=0;e<n.length;e++)d(a,n[e])}r(t,"insertAdjacentHTML",function(t,o){t=t.toLowerCase();if("beforebegin"===t){var i=this.previousSibling;e.call(this,t,o);n(i||this.parentNode.firstChild,this)}else if("afterbegin"===t)i=this.firstChild,e.call(this,t,o),n(this.firstChild,i);else if("beforeend"===t)i=this.lastChild,e.call(this,t,o),n(i||this.firstChild,null);else if("afterend"===t)i=this.nextSibling,e.call(this,t,o),n(this.nextSibling,i);else throw new SyntaxError("The value provided ("+String(t)+") is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'.")})}var a=st;H&&r(Element.prototype,"attachShadow",function(t){t=H.call(this,t);var e=a;if(e.b&&!t.__CE_patched){t.__CE_patched=!0;for(var n=0;n<e.c.length;n++)e.c[n](t)}return this.__CE_shadowRoot=t});F&&F.get?t(Element.prototype,F):Y&&Y.get?t(HTMLElement.prototype,Y):s(a,function(e){t(e,{enumerable:!0,configurable:!0,get:function(){return k.call(this,!0).innerHTML},set:function(t){var e="template"===this.localName,n=e?this.content:this,o=C.call(document,this.namespaceURI,this.localName);for(o.innerHTML=t;0<n.childNodes.length;)M.call(n,n.childNodes[0]);for(t=e?o.content:o;0<t.childNodes.length;)O.call(n,t.childNodes[0])}})});r(Element.prototype,"setAttribute",function(t,e){if(1!==this.__CE_state)return R.call(this,t,e);var n=P.call(this,t);R.call(this,t,e);e=P.call(this,t);a.attributeChangedCallback(this,t,n,e,null)});r(Element.prototype,"setAttributeNS",function(t,e,n){if(1!==this.__CE_state)return W.call(this,t,e,n);var o=z.call(this,t,e);W.call(this,t,e,n);n=z.call(this,t,e);a.attributeChangedCallback(this,e,o,n,t)});r(Element.prototype,"removeAttribute",function(t){if(1!==this.__CE_state)return I.call(this,t);var e=P.call(this,t);I.call(this,t);null!==e&&a.attributeChangedCallback(this,t,e,null,null)});r(Element.prototype,"removeAttributeNS",function(t,e){if(1!==this.__CE_state)return B.call(this,t,e);var n=z.call(this,t,e);B.call(this,t,e);var o=z.call(this,t,e);n!==o&&a.attributeChangedCallback(this,e,n,o,t)});Z?e(HTMLElement.prototype,Z):$?e(Element.prototype,$):console.warn("Custom Elements: `Element#insertAdjacentElement` was not patched.");tt?o(HTMLElement.prototype,tt):q?o(Element.prototype,q):console.warn("Custom Elements: `Element#insertAdjacentHTML` was not patched.");ot(a,Element.prototype,{h:U,append:V});at(a)}var lt=window.customElements;if(!lt||lt.forcePolyfill||"function"!=typeof lt.define||"function"!=typeof lt.get){var st=new a;nt();it();ot(st,DocumentFragment.prototype,{h:A,append:D});rt();ct();document.__CE_hasRegistry=!0;var ut=new w(st);Object.defineProperty(window,"customElements",{configurable:!0,enumerable:!0,value:ut})}}).call(self);if(typeof window.CustomEvent!=="function"){function t(t,e){e=e||{bubbles:false,cancelable:false,detail:undefined};var n=document.createEvent("CustomEvent");n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail);return n}t.prototype=window.Event.prototype;window.CustomEvent=t}(function(t,e,n){if(!t.composedPath){t.composedPath=function(){if(this.path){return this.path}var t=this.target;this.path=[];while(t.parentNode!==null){this.path.push(t);t=t.parentNode}this.path.push(e,n);return this.path}}})(Event.prototype,document,window);(function(t){"function"!==typeof t.matches&&(t.matches=t.msMatchesSelector||t.mozMatchesSelector||t.webkitMatchesSelector||function(t){t=(this.document||this.ownerDocument).querySelectorAll(t);for(var e=0;t[e]&&t[e]!==this;)++e;return!!t[e]});"function"!==typeof t.closest&&(t.closest=function(t){for(var e=this;e&&1===e.nodeType;){if(e.matches(t))return e;e=e.parentNode}return null})})(window.Element.prototype);(function(t){function e(t){t=n(t);return 11===t.nodeType?e(t.host):t}function n(t){return t.parentNode?n(t.parentNode):t}"function"!==typeof t.getRootNode&&(t.getRootNode=function(t){return t&&t.composed?e(this):n(this)})})(Element.prototype);(function(t){t.forEach(function(t){t.hasOwnProperty("remove")||Object.defineProperty(t,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})})})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);!function(t){"classList"in t||Object.defineProperty(t,"classList",{get:function(){var t=this,e=(t.getAttribute("class")||"").replace(/^\s+|\s$/g,"").split(/\s+/g);function n(){e.length>0?t.setAttribute("class",e.join(" ")):t.removeAttribute("class")}return""===e[0]&&e.splice(0,1),e.toggle=function(t,o){void 0!==o?o?e.add(t):e.remove(t):-1!==e.indexOf(t)?e.splice(e.indexOf(t),1):e.push(t),n()},e.add=function(){for(var t=[].slice.call(arguments),o=0,i=t.length;o<i;o++)-1===e.indexOf(t[o])&&e.push(t[o]);n()},e.remove=function(){for(var t=[].slice.call(arguments),o=0,i=t.length;o<i;o++)-1!==e.indexOf(t[o])&&e.splice(e.indexOf(t[o]),1);n()},e.item=function(t){return e[t]},e.contains=function(t){return-1!==e.indexOf(t)},e.replace=function(t,o){-1!==e.indexOf(t)&&e.splice(e.indexOf(t),1,o),n()},e.value=t.getAttribute("class")||"",e}})}(Element.prototype)}}});

dist/uxmylupatterns/uxmylupatterns.esm.js

@@ -1,1 +0,1 @@
-import{a as e,b as l}from"./p-8df169a5.js";e().then(e=>l([["p-v9jxhjnt",[[0,"mylu-avatar",{showAction:[4,"show-action"],actionIcon:[1,"action-icon"],actionBackgroundColor:[1,"action-background-color"],imgUrl:[1,"img-url"],imgLoaded:[32]}]]],["p-qd3rifgq",[[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-tzmrkbbw",[[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-fes3q7xy",[[1,"lu-form-group",{clearErrorStateOnClearInput:[4,"clear-error-state-on-clear-input"],clearInput:[4,"clear-input"],color:[1],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"],id:[1537],isExternallyValidated:[4,"is-externally-validated"],isValidatedOnSubmission:[4,"is-validated-on-submission"],labelText:[1,"label-text"],updateTrigger:[1,"update-trigger"],value:[32],isCheckboxGroup:[32],isValid:[32],isInvalid:[32],isSelect:[32],isRadioGroup:[32],isRequired:[32],needsEmailValidation:[32],needsPatternValidation:[32],needsPasswordValidation:[32],pattern:[32],isInput:[32],getValidationValues:[64]}]]],["p-ekidjbki",[[1,"lu-input",{accept:[1],autocomplete:[1],autocapitalize:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[1028,"clear-on-edit"],capture:[1],checked:[4],color:[1],debounce:[2],disabled:[4],form:[1],id:[1537],inputmode:[1],invalid:[4],list:[1],max:[8],min:[8],minLength:[2,"min-length"],maxLength:[2,"max-length"],multiple:[4],name:[1],pattern:[1],placeholder:[1],prefixIcon:[1,"prefix-icon"],prefixIconClickable:[4,"prefix-icon-clickable"],suffixIcon:[1025,"suffix-icon"],suffixIconClickable:[1028,"suffix-icon-clickable"],readOnly:[4,"read-only"],required:[4],size:[2],spellcheck:[4],step:[8],tabIndex:[2,"tab-index"],type:[1],valid:[4],value:[1025],hasFocus:[32],setFocus:[64]}]]],["p-lhjhh7g9",[[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-bnbuqq8a",[[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-an83qnq4",[[1,"lu-button",{color:[1],buttonType:[1025,"button-type"],disabled:[516],expand:[513],fill:[1537],href:[1],shape:[513],size:[513],strong:[4],type:[1],keyFocus:[32]}]]],["p-bh8l8obx",[[1,"lu-card",{color:[1]}]]],["p-7m0l8q7e",[[1,"lu-card-buttons"]]],["p-vtcfdz2d",[[0,"lu-card-content"]]],["p-qnmfja9n",[[1,"lu-card-footer",{color:[1],translucent:[4]}]]],["p-nwwkomrk",[[1,"lu-card-header",{color:[1],translucent:[4]}]]],["p-wbirahys",[[1,"lu-card-title",{color:[1]}]]],["p-dvpgcq9i",[[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-58wbpash",[[4,"lu-checkbox-group",{direction:[1],id:[1537],name:[1],required:[4],value:[1040],setFocus:[64],getValues:[64]},[[0,"luCheckboxDidLoad","onCheckboxDidLoad"],[0,"luCheckboxDidUnload","onCheckboxDidUnload"]]]]],["p-reqzwwev",[[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-tgycrjlo",[[1,"lu-fab",{horizontal:[1],vertical:[1],edge:[4],activated:[1028],close:[64]},[[0,"click","onClick"]]]]],["p-6gwe2pu3",[[1,"lu-fab-list",{activated:[4],side:[1]}]]],["p-9fjupobh",[[0,"lu-form-validation",{value:[1040],isValid:[1540,"is-valid"],isInvalid:[1540,"is-invalid"],formGroups:[32]},[[0,"luFormGroupDidLoad","onFormGroupDidLoad"],[0,"luFormGroupDidUnload","onFormGroupDidUnload"]]]]],["p-h2njzzjr",[[1,"lu-grid",{fixed:[4]}]]],["p-1cpjjdvp",[[1,"lu-header",{color:[1],preHeader:[4,"pre-header"]}]]],["p-eacgniaq",[[1,"lu-radio",{color:[1],labeledById:[1,"labeled-by-id"],name:[1],disabled:[4],checked:[1028],value:[1032],hasFocus:[32]},[[0,"click","onClick"]]]]],["p-qsmyclvt",[[0,"lu-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],direction:[1],id:[1537],name:[1],required:[4],value:[1032],setFocus:[64]},[[0,"luRadioDidLoad","onRadioDidLoad"],[0,"luRadioDidUnload","onRadioDidUnload"],[0,"luSelect","onRadioSelect"],[0,"luDeselect","onRadioDeselect"]]]]],["p-cdyhov9o",[[1,"lu-row"]]],["p-o033d0qw",[[1,"lu-select",{id:[1537],color:[1],invalid:[4],name:[1],ariaLabel:[1,"aria-label"],disabled:[4],placeholder:[1],helpText:[1,"help-text"],selectedValue:[1025,"selected-value"],showPlaceholderOption:[4,"show-placeholder-option"],required:[4],options:[1040],valid:[4],isValid:[32],setFocus:[64]}]]],["p-cn1tcpqy",[[1,"lu-skeleton-text",{width:[1]}]]],["p-bgck21jx",[[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-pukhwh1y",[[1,"lu-tab",{active:[1028],labeledById:[1025,"labeled-by-id"],name:[8],noSlide:[4,"no-slide"]},[[0,"click","onClick"]]]]],["p-ut3pcogq",[[1,"lu-tabs",{value:[1025],noSlide:[4,"no-slide"],tabs:[32],tabIncrement:[32],pos:[32],left:[32],width:[32],elementResized:[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"]]]]],["p-cjmb3ps9",[[1,"lu-img",{alt:[1],src:[1],loadSrc:[32]}]]],["p-fmtbdbp4",[[6,"lu-label",{color:[1],labelText:[1,"label-text"],required:[4],optional:[4],forId:[513,"for-id"],id:[1537],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"]}]]],["p-3dmp4gfq",[[0,"mylu-set-menu",{sets:[16]}],[1,"mylu-set",{setId:[2,"set-id"],setTitle:[1,"set-title"]}],[1,"mylu-set-menu-bar",{color:[1]}],[1,"mylu-circle",{backgroundColor:[1,"background-color"],isPresentational:[4,"is-presentational"],isImage:[4,"is-image"],outline:[4]}],[1,"mylu-dot",{backgroundColor:[1,"background-color"],isPresentational:[4,"is-presentational"]}],[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],svgContent:[32],isVisible:[32]}]]]],{resourcesUrl:e}));
+import{p as e,b as l}from"./p-2ca07e63.js";e().then(e=>l([["p-nu4zv6p7",[[0,"mylu-avatar",{showAction:[4,"show-action"],actionIcon:[1,"action-icon"],actionBackgroundColor:[1,"action-background-color"],imgUrl:[1,"img-url"],imgLoaded:[32]}]]],["p-8ip0jyse",[[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-qifvjoat",[[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-kspwluss",[[1,"lu-form-group",{clearErrorStateOnClearInput:[4,"clear-error-state-on-clear-input"],clearInput:[4,"clear-input"],color:[1],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"],id:[1537],isExternallyValidated:[4,"is-externally-validated"],isValidatedOnSubmission:[4,"is-validated-on-submission"],labelText:[1,"label-text"],updateTrigger:[1,"update-trigger"],value:[32],isCheckboxGroup:[32],isValid:[32],isInvalid:[32],isSelect:[32],isRadioGroup:[32],isRequired:[32],needsEmailValidation:[32],needsPatternValidation:[32],needsPasswordValidation:[32],pattern:[32],isInput:[32],getValidationValues:[64]}]]],["p-vjtyzzd4",[[1,"lu-input",{accept:[1],autocomplete:[1],autocapitalize:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[1028,"clear-on-edit"],capture:[1],checked:[4],color:[1],debounce:[2],disabled:[4],form:[1],id:[1537],inputmode:[1],invalid:[4],list:[1],max:[8],min:[8],minLength:[2,"min-length"],maxLength:[2,"max-length"],multiple:[4],name:[1],pattern:[1],placeholder:[1],prefixIcon:[1,"prefix-icon"],prefixIconClickable:[4,"prefix-icon-clickable"],suffixIcon:[1025,"suffix-icon"],suffixIconClickable:[1028,"suffix-icon-clickable"],readOnly:[4,"read-only"],required:[4],size:[2],spellcheck:[4],step:[8],tabIndex:[2,"tab-index"],type:[1],valid:[4],value:[1025],hasFocus:[32],setFocus:[64]}]]],["p-fugajbih",[[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-8kigbzrb",[[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-pergwoa7",[[1,"lu-button",{color:[1],buttonType:[1025,"button-type"],disabled:[516],expand:[513],fill:[1537],href:[1],shape:[513],size:[513],strong:[4],type:[1],keyFocus:[32]}]]],["p-8ykfgnyc",[[1,"lu-card",{color:[1]}]]],["p-uwa3togg",[[1,"lu-card-buttons"]]],["p-e6vikek7",[[0,"lu-card-content"]]],["p-4dks0lbx",[[1,"lu-card-footer",{color:[1],translucent:[4]}]]],["p-tfl4u86v",[[1,"lu-card-header",{color:[1],translucent:[4]}]]],["p-6qpj6jzp",[[1,"lu-card-title",{color:[1]}]]],["p-wdmelhpa",[[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-vbehx29u",[[4,"lu-checkbox-group",{direction:[1],id:[1537],name:[1],required:[4],value:[1040],setFocus:[64],getValues:[64]},[[0,"luCheckboxDidLoad","onCheckboxDidLoad"],[0,"luCheckboxDidUnload","onCheckboxDidUnload"]]]]],["p-17kvmp9h",[[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-lbwonb8s",[[1,"lu-fab",{horizontal:[1],vertical:[1],edge:[4],activated:[1028],close:[64]},[[0,"click","onClick"]]]]],["p-nlmzep61",[[1,"lu-fab-list",{activated:[4],side:[1]}]]],["p-wuelmf2o",[[0,"lu-form-validation",{value:[1040],isValid:[1540,"is-valid"],isInvalid:[1540,"is-invalid"],formGroups:[32]},[[0,"luFormGroupDidLoad","onFormGroupDidLoad"],[0,"luFormGroupDidUnload","onFormGroupDidUnload"]]]]],["p-3n1fvmis",[[1,"lu-grid",{fixed:[4]}]]],["p-cpg3dnbf",[[1,"lu-header",{color:[1],preHeader:[4,"pre-header"]}]]],["p-koaltz85",[[1,"lu-radio",{color:[1],labeledById:[1,"labeled-by-id"],name:[1],disabled:[4],checked:[1028],value:[1032],hasFocus:[32]},[[0,"click","onClick"]]]]],["p-vrb4jxla",[[0,"lu-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],direction:[1],id:[1537],name:[1],required:[4],value:[1032],setFocus:[64]},[[0,"luRadioDidLoad","onRadioDidLoad"],[0,"luRadioDidUnload","onRadioDidUnload"],[0,"luSelect","onRadioSelect"],[0,"luDeselect","onRadioDeselect"]]]]],["p-3tuzabp9",[[1,"lu-row"]]],["p-xthmldyc",[[1,"lu-select",{id:[1537],color:[1],invalid:[4],name:[1],ariaLabel:[1,"aria-label"],disabled:[4],placeholder:[1],helpText:[1,"help-text"],selectedValue:[1025,"selected-value"],showPlaceholderOption:[4,"show-placeholder-option"],required:[4],options:[1040],valid:[4],isValid:[32],setFocus:[64]}]]],["p-4dbsomri",[[1,"lu-skeleton-text",{width:[1]}]]],["p-45ynt7nn",[[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-kfmrxhbc",[[1,"lu-tab",{active:[1028],labeledById:[1025,"labeled-by-id"],name:[8],noSlide:[4,"no-slide"]},[[0,"click","onClick"]]]]],["p-qzg8r0fl",[[1,"lu-tabs",{value:[1025],noSlide:[4,"no-slide"],tabs:[32],tabIncrement:[32],pos:[32],left:[32],width:[32],elementResized:[64]},[[0,"luTabDidLoad","onTabDidLoad"],[0,"luTabDidUnload","onTabDidUnload"],[0,"luTabSelect","onTabSelect"]]]]],["p-o3cwypts",[[1,"lu-img",{alt:[1],src:[1],loadSrc:[32]}]]],["p-f5hj7jqg",[[6,"lu-label",{color:[1],labelText:[1,"label-text"],required:[4],optional:[4],forId:[513,"for-id"],id:[1537],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"]}]]],["p-lg0du1wn",[[0,"mylu-set-menu",{sets:[16],activeSetId:[2,"active-set-id"]},[[0,"luSelectedSetUpdated","onLuSelectedSet"]]],[1,"mylu-set",{setId:[2,"set-id"],isActive:[1028,"is-active"],showActiveBar:[4,"show-active-bar"],setTitle:[1,"set-title"]},[[0,"click","onClick"]]],[1,"mylu-set-menu-bar",{color:[1],selectedSet:[1026,"selected-set"],sets:[32]},[[0,"luSetDidLoad","onSetDidLoad"],[0,"luSetDidUnload","onSetDidUnload"],[0,"luSelect","onSetSelection"]]],[1,"mylu-circle",{backgroundColor:[1,"background-color"],isPresentational:[4,"is-presentational"],isImage:[4,"is-image"],outline:[4]}],[1,"mylu-dot",{backgroundColor:[1,"background-color"],isPresentational:[4,"is-presentational"]}],[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],svgContent:[32],isVisible:[32]}]]]],{resourcesUrl:e}));

docs/docs.json

 {
-  "timestamp": "2019-06-06T22:27:11",
+  "timestamp": "2019-06-07T22:56:59",
   "compiler": {
     "name": "@stencil/core",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "typescriptVersion": "3.5.1"
@@ -261,2 +261,14 @@ },
         {
+          "name": "isActive",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "is-active",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "optional": false,
+          "required": false
+        },
+        {
           "name": "setId",
@@ -282,6 +294,46 @@ "type": "number",
           "required": false
+        },
+        {
+          "name": "showActiveBar",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "show-active-bar",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "luSelect",
+          "detail": "SetSelectedEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "luSetDidLoad",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "luSetDidUnload",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "styles": [],
@@ -297,11 +349,22 @@ "slots": []
       "usage": {
-        "general": "<!--default-->\n\n<mylu-set-menu></mylu-set-menu>\n<script>\n  let element = document.querySelector('mylu-set-menu')\n  element.sets = [\n    {\n      title: 'My Access',\n      icon: 'mylu-navigation',\n      order: 1\n    },\n    {\n      title: 'Academics',\n      icon: 'mylu-academics',\n      order: 2,\n      showNotification: true\n    },\n    {\n      title: 'Athletics',\n      icon: 'mylu-athletics',\n      color: 'mylu_primary_dark',\n      order: 3\n    },\n    {\n      title: 'Dining',\n      icon: 'mylu-dining',\n      order: 4\n    },\n    {\n      title: 'Student Life',\n      icon: 'mylu-student-life',\n      order: 5,\n      showNotification: true,\n      notificationCount: 3\n    },\n    {\n      title: 'CFAW',\n      icon: 'mylu-cfaw-badge',\n      order: 6\n    }\n  ]\n</script>"
+        "general": "<!--default-->\n\n<mylu-set-menu></mylu-set-menu>\n<script>\n  let element = document.querySelector('mylu-set-menu')\n  element.sets = [\n    {\n      title: 'My Access',\n      icon: 'mylu-navigation',\n      order: 1,\n      setId: 111\n    },\n    {\n      title: 'Academics',\n      icon: 'mylu-academics',\n      order: 2,\n      showNotification: true,\n      setId: 222\n    },\n    {\n      title: 'Athletics',\n      icon: 'mylu-athletics',\n      color: 'mylu_primary_dark',\n      order: 3,\n      setId: 333\n    },\n    {\n      title: 'Dining',\n      icon: 'mylu-dining',\n      order: 4,\n      setId: 444\n    },\n    {\n      title: 'Student Life',\n      icon: 'mylu-student-life',\n      order: 5,\n      showNotification: true,\n      notificationCount: 3,\n      setId: 555\n    },\n    {\n      title: 'CFAW',\n      icon: 'mylu-cfaw-badge',\n      order: 6,\n      setId: 666\n    }\n  ]\n</script>"
       },
       "props": [
         {
+          "name": "activeSetId",
+          "type": "number",
+          "mutable": false,
+          "attr": "active-set-id",
+          "reflectToAttr": false,
+          "docs": "Set an initial active set",
+          "docsTags": [],
+          "optional": false,
+          "required": false
+        },
+        {
           "name": "sets",
-          "type": "{ title: string; icon: string; order: number; color?: string; showNotification?: boolean; notificationCount?: number; }[]",
+          "type": "Set[]",
           "mutable": false,
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Please pass an array of sets",
           "docsTags": [],
@@ -313,3 +376,13 @@ "optional": false,
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "luSelectedSet",
+          "detail": "SetSelectedEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when a new set is selected",
+          "docsTags": []
+        }
+      ],
       "styles": [],
@@ -338,6 +411,27 @@ "slots": []
           "required": false
+        },
+        {
+          "name": "selectedSet",
+          "type": "number",
+          "mutable": true,
+          "attr": "selected-set",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "luSelectedSetUpdated",
+          "detail": "SetSelectedEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "styles": [],
@@ -344,0 +438,0 @@ "slots": []

package.json

 {
   "name": "@lu-development/ux-mylu-patterns",
-  "version": "0.3.0-dev.201906062226.04d0131",
+  "version": "0.3.0-dev.201906072256.41b9a6a",
   "description": "Liberty University MyLU Patterns",
@@ -37,2 +37,3 @@ "module": "dist/index.mjs",
     "test.e2e.watch": "stencil test --e2e --watch",
+    "test.e2e.screenshot": "stencil test --e2e --screenshot",
     "validate": "npm run lint && npm run test && npm run build",
@@ -47,5 +48,5 @@ "prerelease": "npm run validate && np prerelease --yolo --any-branch --tag next",
   "devDependencies": {
-    "@stencil/core": "1.0.0",
+    "@stencil/core": "1.0.1",
     "@stencil/sass": "^0.2.1",
-    "@types/jest": "23.3.14",
+    "@types/jest": "24.0.13",
     "@types/puppeteer": "1.12.4",
@@ -55,7 +56,7 @@ "@types/sinon": "^7.0.11",
     "fs-extra": "^7.0.0",
-    "jest": "23.6.0",
-    "jest-cli": "23.6.0",
+    "jest": "24.8.0",
+    "jest-cli": "24.8.0",
     "np": "^5.0.2",
     "path": "^0.12.7",
-    "puppeteer": "1.14.0",
+    "puppeteer": "1.17.0",
     "sass": "^1.19.0",
@@ -62,0 +63,0 @@ "sinon": "^7.3.2",

New alerts

Minified code

Quality

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

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1751598

increased by1.91%

Number of package files

268

increased by2.29%

Lines of code

24336

increased by3.34%

No dependency changes