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

Comparing version 0.3.0-dev.201906062138.28b1f02 to 0.3.0-dev.201906062214.4a2be2e

dist/cjs/loader.cjs.js

@@ -9,3 +9,3 @@ 'use strict';
   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"],"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]}],[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);
   });
@@ -12,0 +12,0 @@ };

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

@@ -249,2 +249,3 @@ 'use strict';
         this.isPresentational = false;
+        this.isImage = false;
         this.outline = false;
@@ -261,5 +262,5 @@ this.onClick = (ev) => {
         const TagType = this.isPresentational || this.outline ? 'div' : 'button';
-        return (__chunk_1.h(__chunk_1.Host, { class: Object.assign({}, createColorClasses(this.backgroundColor), { 'is-outline': this.outline }) }, __chunk_1.h(TagType, { class: 'container', onClick: this.onClick }, __chunk_1.h("div", { class: 'circle' }, __chunk_1.h("slot", null)), __chunk_1.h("div", { class: "action" }, __chunk_1.h("slot", { name: "action" })), __chunk_1.h("div", { class: "notification" }, __chunk_1.h("slot", { name: "notification" })))));
+        return (__chunk_1.h(__chunk_1.Host, { class: Object.assign({}, createColorClasses(this.backgroundColor), { 'is-outline': this.outline, 'is-image': this.isImage }) }, __chunk_1.h(TagType, { class: 'container', onClick: this.onClick }, __chunk_1.h("div", { class: 'circle' }, __chunk_1.h("slot", null)), __chunk_1.h("div", { class: "action" }, __chunk_1.h("slot", { name: "action" })), __chunk_1.h("div", { class: "notification" }, __chunk_1.h("slot", { name: "notification" })))));
     }
-    static get style() { return ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-outline) ::slotted(*){visibility:hidden!important}::slotted(*){position:relative}:host(.lu-color) .circle{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}.circle{border-radius:50%;padding-left:var(--mylu-circle-padding,3px);padding-right:var(--mylu-circle-padding,3px);padding-top:var(--mylu-circle-padding,3px);padding-bottom:var(--mylu-circle-padding,3px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) solid var(--mylu-circle-border-color,#fff));font-size:var(--mylu-circle-font-size,30px);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.circle{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-circle-padding,3px);padding-inline-start:var(--mylu-circle-padding,3px);-webkit-padding-end:var(--mylu-circle-padding,3px);padding-inline-end:var(--mylu-circle-padding,3px)}}.container{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.is-outline) .circle{border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) dashed var(--mylu-circle-border-color,#fff));background-color:transparent}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}.action{right:-6px;bottom:-1px;position:absolute}:host-context([dir=rtl]) .action,[dir=rtl] .action{left:unset;right:unset;left:-6px}.notification{right:-5px;top:1px;position:absolute}:host-context([dir=rtl]) .notification,[dir=rtl] .notification{left:unset;right:unset;left:-5px}.notification{--mylu-dot-font-size:8px}"; }
+    static get style() { return ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-outline) ::slotted(*){visibility:hidden!important}::slotted(*){position:relative}:host(.lu-color) .circle{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}.circle{border-radius:50%;padding-left:var(--mylu-circle-padding,3px);padding-right:var(--mylu-circle-padding,3px);padding-top:var(--mylu-circle-padding,3px);padding-bottom:var(--mylu-circle-padding,3px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) solid var(--mylu-circle-border-color,#fff));font-size:var(--mylu-circle-font-size,30px);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.circle{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-circle-padding,3px);padding-inline-start:var(--mylu-circle-padding,3px);-webkit-padding-end:var(--mylu-circle-padding,3px);padding-inline-end:var(--mylu-circle-padding,3px)}}:host(.is-image) .circle{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;width:var(--mylu-circle-diameter,47px);height:var(--mylu-circle-diameter,47px)}.container{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.is-outline) .circle{border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) dashed var(--mylu-circle-border-color,#fff));background-color:transparent}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}.action{right:-9px;bottom:-1px;position:absolute}:host-context([dir=rtl]) .action,[dir=rtl] .action{left:unset;right:unset;left:-9px}.notification{right:-5px;top:1px;position:absolute}:host-context([dir=rtl]) .notification,[dir=rtl] .notification{left:unset;right:unset;left:-5px}.notification{--mylu-dot-font-size:8px}"; }
 }
@@ -281,3 +282,3 @@
     }
-    static get style() { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.inner-container{min-width:var(--mylu-dot-font-size,11px);max-width:var(--mylu-dot-font-size,11px);min-height:var(--mylu-dot-font-size,11px);max-height:var(--mylu-dot-font-size,11px);font-size:var(--mylu-dot-font-size,11px)}.container,.inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container{border-radius:50%;padding-left:var(--mylu-dot-padding,3px);padding-right:var(--mylu-dot-padding,3px);padding-top:var(--mylu-dot-padding,3px);padding-bottom:var(--mylu-dot-padding,3px);border:2px solid var(--mylu-dot-border-color,#fff);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-dot-padding,3px);padding-inline-start:var(--mylu-dot-padding,3px);-webkit-padding-end:var(--mylu-dot-padding,3px);padding-inline-end:var(--mylu-dot-padding,3px)}}:host(.lu-color) .container{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}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}"; }
+    static get style() { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.inner-container{min-width:var(--mylu-dot-font-size,11px);max-width:var(--mylu-dot-font-size,11px);min-height:var(--mylu-dot-font-size,11px);max-height:var(--mylu-dot-font-size,11px);font-size:var(--mylu-dot-font-size,11px)}.container,.inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container{border-radius:50%;padding-left:var(--mylu-dot-padding,2px);padding-right:var(--mylu-dot-padding,2px);padding-top:var(--mylu-dot-padding,2px);padding-bottom:var(--mylu-dot-padding,2px);border:2px solid var(--mylu-dot-border-color,#fff);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-dot-padding,2px);padding-inline-start:var(--mylu-dot-padding,2px);-webkit-padding-end:var(--mylu-dot-padding,2px);padding-inline-end:var(--mylu-dot-padding,2px)}}:host(.lu-color) .container{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}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,38 +299,2 @@
         __chunk_1.registerInstance(this, hostRef);
-        this.sets = [
-            {
-                title: 'My Access',
-                icon: 'mylu-navigation',
-                order: 1
-            },
-            {
-                title: 'Academics',
-                icon: 'mylu-academics',
-                order: 2,
-                showNotification: true
-            },
-            {
-                title: 'Athletics',
-                icon: 'mylu-athletics',
-                color: 'mylu_primary_dark',
-                order: 3
-            },
-            {
-                title: 'Dining',
-                icon: 'mylu-dining',
-                order: 4
-            },
-            {
-                title: 'Student Life',
-                icon: 'mylu-student-life',
-                order: 5,
-                showNotification: true,
-                notificationCount: 3
-            },
-            {
-                title: 'CFAW',
-                icon: 'mylu-cfaw-badge',
-                order: 6
-            }
-        ];
     }
@@ -349,3 +314,3 @@ render() {
     }
-    static get style() { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; }
+    static get style() { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:92px;max-width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; }
 }
@@ -352,0 +317,0 @@

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

@@ -29,3 +29,3 @@ 'use strict';
     render() {
-        return (__chunk_1.h(__chunk_1.Host, null, __chunk_1.h("button", { class: "mylu-avatar-button", onClick: this.onClick }, __chunk_1.h("mylu-circle", { isPresentational: true, class: "mylu-avatar-mylu-circle", "background-color": "mylu_avatar_grey" }, __chunk_1.h("mylu-dot", { class: this.showAction ? 'mylu-avatar-mylu-dot mylu-visible' : 'mylu-avatar-mylu-dot', isPresentational: true, slot: "action", "background-color": this.actionBackgroundColor }, this.actionIcon ? __chunk_1.h("lu-icon", { name: this.actionIcon }) : null), __chunk_1.h("div", { class: "mylu-avatar-image-container" }, this.imgUrl ? __chunk_1.h("lu-img", { onLuImgDidLoad: () => this.imgLoaded = true, class: this.imgLoaded ? 'mylu-avatar-image-container-lu-img mylu-visible' : 'mylu-avatar-image-container-lu-img', src: this.imgUrl }) : null, !this.imgUrl ? __chunk_1.h("lu-icon", { name: "lu-baseline-person" }) : null)))));
+        return (__chunk_1.h(__chunk_1.Host, null, __chunk_1.h("button", { class: "mylu-avatar-button", onClick: this.onClick }, __chunk_1.h("mylu-circle", { isPresentational: true, isImage: true, class: "mylu-avatar-mylu-circle", "background-color": "mylu_avatar_grey" }, __chunk_1.h("mylu-dot", { class: this.showAction ? 'mylu-avatar-mylu-dot mylu-visible' : 'mylu-avatar-mylu-dot', isPresentational: true, slot: "action", "background-color": this.actionBackgroundColor }, this.actionIcon ? __chunk_1.h("lu-icon", { name: this.actionIcon }) : null), __chunk_1.h("div", { class: "mylu-avatar-image-container" }, this.imgUrl ? __chunk_1.h("lu-img", { onLuImgDidLoad: () => this.imgLoaded = true, class: this.imgLoaded ? 'mylu-avatar-image-container-lu-img mylu-visible' : 'mylu-avatar-image-container-lu-img', src: this.imgUrl }) : null, !this.imgUrl ? __chunk_1.h("lu-icon", { name: "lu-baseline-person" }) : null)))));
     }
@@ -32,0 +32,0 @@ static get style() { return ".mylu-avatar-mylu-circle{--mylu-circle-font-size:38px;--mylu-circle-diameter:36px;-webkit-box-sizing:border-box;box-sizing:border-box}.mylu-avatar-image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.mylu-avatar-image-container lu-icon{margin-bottom:-3px}.mylu-avatar-mylu-dot{-webkit-transition:opacity 1s;transition:opacity 1s;opacity:0;visibility:hidden}.mylu-avatar-mylu-dot.mylu-visible{opacity:1;visibility:visible}.mylu-avatar-image-container-lu-img{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0}.mylu-avatar-image-container-lu-img.mylu-visible{opacity:1}.mylu-avatar-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}"; }

dist/cjs/uxmylupatterns.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 __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"],"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]}],[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 });
 });

dist/collection/components/avatar/avatar.js

@@ -24,3 +24,3 @@ import { Host, h } from '@stencil/core';
             h("button", { class: "mylu-avatar-button", onClick: this.onClick },
-                h("mylu-circle", { isPresentational: true, class: "mylu-avatar-mylu-circle", "background-color": "mylu_avatar_grey" },
+                h("mylu-circle", { isPresentational: true, isImage: true, class: "mylu-avatar-mylu-circle", "background-color": "mylu_avatar_grey" },
                     h("mylu-dot", { class: this.showAction ? 'mylu-avatar-mylu-dot mylu-visible' : 'mylu-avatar-mylu-dot', isPresentational: true, slot: "action", "background-color": this.actionBackgroundColor }, this.actionIcon ? h("lu-icon", { name: this.actionIcon }) : null),
@@ -27,0 +27,0 @@ h("div", { class: "mylu-avatar-image-container" },

dist/collection/components/circle/circle.js

@@ -6,2 +6,3 @@ import { Host, h } from '@stencil/core';
         this.isPresentational = false;
+        this.isImage = false;
         this.outline = false;
@@ -17,3 +18,3 @@ this.onClick = (ev) => {
         const TagType = this.isPresentational || this.outline ? 'div' : 'button';
-        return (h(Host, { class: Object.assign({}, createColorClasses(this.backgroundColor), { 'is-outline': this.outline }) },
+        return (h(Host, { class: Object.assign({}, createColorClasses(this.backgroundColor), { 'is-outline': this.outline, 'is-image': this.isImage }) },
             h(TagType, { class: 'container', onClick: this.onClick },
@@ -71,2 +72,20 @@ h("div", { class: 'circle' },
         },
+        "isImage": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "is-image",
+            "reflect": false,
+            "defaultValue": "false"
+        },
         "outline": {
@@ -73,0 +92,0 @@ "type": "boolean",

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

 import { Host, h } from '@stencil/core';
 export class SetMenu {
-    constructor() {
-        this.sets = [
-            {
-                title: 'My Access',
-                icon: 'mylu-navigation',
-                order: 1
-            },
-            {
-                title: 'Academics',
-                icon: 'mylu-academics',
-                order: 2,
-                showNotification: true
-            },
-            {
-                title: 'Athletics',
-                icon: 'mylu-athletics',
-                color: 'mylu_primary_dark',
-                order: 3
-            },
-            {
-                title: 'Dining',
-                icon: 'mylu-dining',
-                order: 4
-            },
-            {
-                title: 'Student Life',
-                icon: 'mylu-student-life',
-                order: 5,
-                showNotification: true,
-                notificationCount: 3
-            },
-            {
-                title: 'CFAW',
-                icon: 'mylu-cfaw-badge',
-                order: 6
-            }
-        ];
-    }
     render() {
@@ -60,4 +22,4 @@ return (h(Host, null,
             "complexType": {
-                "original": "({ title: string; icon: string; order: number; showNotification?: undefined; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; color: string; order: number; showNotification?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; notificationCount: number; color?: undefined; })[]",
-                "resolved": "({ title: string; icon: string; order: number; showNotification?: undefined; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; color: string; order: number; showNotification?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; notificationCount: number; color?: undefined; })[]",
+                "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; }[]",
                 "references": {}
@@ -70,6 +32,5 @@ },
                 "text": ""
-            },
-            "defaultValue": "[\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  ]"
+            }
         }
     }; }
 }

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

@@ -262,2 +262,3 @@ import { d as registerInstance, e as h, f as getElement, g as Host, h as createEvent } from './uxmylupatterns-185ab6cb.js';
         this.isPresentational = false;
+        this.isImage = false;
         this.outline = false;
@@ -274,6 +275,6 @@ this.onClick = function (ev) {
         var TagType = this.isPresentational || this.outline ? 'div' : 'button';
-        return (h(Host, { class: Object.assign({}, createColorClasses(this.backgroundColor), { 'is-outline': this.outline }) }, h(TagType, { class: 'container', onClick: this.onClick }, h("div", { class: 'circle' }, h("slot", null)), h("div", { class: "action" }, h("slot", { name: "action" })), h("div", { class: "notification" }, h("slot", { name: "notification" })))));
+        return (h(Host, { class: Object.assign({}, createColorClasses(this.backgroundColor), { 'is-outline': this.outline, 'is-image': this.isImage }) }, h(TagType, { class: 'container', onClick: this.onClick }, h("div", { class: 'circle' }, h("slot", null)), h("div", { class: "action" }, h("slot", { name: "action" })), h("div", { class: "notification" }, h("slot", { name: "notification" })))));
     };
     Object.defineProperty(Circle, "style", {
-        get: function () { return ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-outline) ::slotted(*){visibility:hidden!important}::slotted(*){position:relative}:host(.lu-color) .circle{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}.circle{border-radius:50%;padding-left:var(--mylu-circle-padding,3px);padding-right:var(--mylu-circle-padding,3px);padding-top:var(--mylu-circle-padding,3px);padding-bottom:var(--mylu-circle-padding,3px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) solid var(--mylu-circle-border-color,#fff));font-size:var(--mylu-circle-font-size,30px);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.circle{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-circle-padding,3px);padding-inline-start:var(--mylu-circle-padding,3px);-webkit-padding-end:var(--mylu-circle-padding,3px);padding-inline-end:var(--mylu-circle-padding,3px)}}.container{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.is-outline) .circle{border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) dashed var(--mylu-circle-border-color,#fff));background-color:transparent}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}.action{right:-6px;bottom:-1px;position:absolute}:host-context([dir=rtl]) .action,[dir=rtl] .action{left:unset;right:unset;left:-6px}.notification{right:-5px;top:1px;position:absolute}:host-context([dir=rtl]) .notification,[dir=rtl] .notification{left:unset;right:unset;left:-5px}.notification{--mylu-dot-font-size:8px}"; },
+        get: function () { return ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-outline) ::slotted(*){visibility:hidden!important}::slotted(*){position:relative}:host(.lu-color) .circle{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}.circle{border-radius:50%;padding-left:var(--mylu-circle-padding,3px);padding-right:var(--mylu-circle-padding,3px);padding-top:var(--mylu-circle-padding,3px);padding-bottom:var(--mylu-circle-padding,3px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) solid var(--mylu-circle-border-color,#fff));font-size:var(--mylu-circle-font-size,30px);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.circle{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-circle-padding,3px);padding-inline-start:var(--mylu-circle-padding,3px);-webkit-padding-end:var(--mylu-circle-padding,3px);padding-inline-end:var(--mylu-circle-padding,3px)}}:host(.is-image) .circle{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;width:var(--mylu-circle-diameter,47px);height:var(--mylu-circle-diameter,47px)}.container{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.is-outline) .circle{border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) dashed var(--mylu-circle-border-color,#fff));background-color:transparent}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}.action{right:-9px;bottom:-1px;position:absolute}:host-context([dir=rtl]) .action,[dir=rtl] .action{left:unset;right:unset;left:-9px}.notification{right:-5px;top:1px;position:absolute}:host-context([dir=rtl]) .notification,[dir=rtl] .notification{left:unset;right:unset;left:-5px}.notification{--mylu-dot-font-size:8px}"; },
         enumerable: true,
@@ -300,3 +301,3 @@ configurable: true
     Object.defineProperty(Dot, "style", {
-        get: function () { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.inner-container{min-width:var(--mylu-dot-font-size,11px);max-width:var(--mylu-dot-font-size,11px);min-height:var(--mylu-dot-font-size,11px);max-height:var(--mylu-dot-font-size,11px);font-size:var(--mylu-dot-font-size,11px)}.container,.inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container{border-radius:50%;padding-left:var(--mylu-dot-padding,3px);padding-right:var(--mylu-dot-padding,3px);padding-top:var(--mylu-dot-padding,3px);padding-bottom:var(--mylu-dot-padding,3px);border:2px solid var(--mylu-dot-border-color,#fff);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-dot-padding,3px);padding-inline-start:var(--mylu-dot-padding,3px);-webkit-padding-end:var(--mylu-dot-padding,3px);padding-inline-end:var(--mylu-dot-padding,3px)}}:host(.lu-color) .container{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}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}"; },
+        get: function () { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.inner-container{min-width:var(--mylu-dot-font-size,11px);max-width:var(--mylu-dot-font-size,11px);min-height:var(--mylu-dot-font-size,11px);max-height:var(--mylu-dot-font-size,11px);font-size:var(--mylu-dot-font-size,11px)}.container,.inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container{border-radius:50%;padding-left:var(--mylu-dot-padding,2px);padding-right:var(--mylu-dot-padding,2px);padding-top:var(--mylu-dot-padding,2px);padding-bottom:var(--mylu-dot-padding,2px);border:2px solid var(--mylu-dot-border-color,#fff);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-dot-padding,2px);padding-inline-start:var(--mylu-dot-padding,2px);-webkit-padding-end:var(--mylu-dot-padding,2px);padding-inline-end:var(--mylu-dot-padding,2px)}}:host(.lu-color) .container{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}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,
@@ -324,38 +325,2 @@ configurable: true
         registerInstance(this, hostRef);
-        this.sets = [
-            {
-                title: 'My Access',
-                icon: 'mylu-navigation',
-                order: 1
-            },
-            {
-                title: 'Academics',
-                icon: 'mylu-academics',
-                order: 2,
-                showNotification: true
-            },
-            {
-                title: 'Athletics',
-                icon: 'mylu-athletics',
-                color: 'mylu_primary_dark',
-                order: 3
-            },
-            {
-                title: 'Dining',
-                icon: 'mylu-dining',
-                order: 4
-            },
-            {
-                title: 'Student Life',
-                icon: 'mylu-student-life',
-                order: 5,
-                showNotification: true,
-                notificationCount: 3
-            },
-            {
-                title: 'CFAW',
-                icon: 'mylu-cfaw-badge',
-                order: 6
-            }
-        ];
     }
@@ -380,3 +345,3 @@ SetMenu.prototype.render = function () {
     Object.defineProperty(SetMenuBar, "style", {
-        get: function () { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; },
+        get: function () { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:92px;max-width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; },
         enumerable: true,
@@ -383,0 +348,0 @@ configurable: true

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

@@ -26,3 +26,3 @@ import { d as registerInstance, h as createEvent, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
         var _this = this;
-        return (h(Host, null, h("button", { class: "mylu-avatar-button", onClick: this.onClick }, h("mylu-circle", { isPresentational: true, class: "mylu-avatar-mylu-circle", "background-color": "mylu_avatar_grey" }, h("mylu-dot", { class: this.showAction ? 'mylu-avatar-mylu-dot mylu-visible' : 'mylu-avatar-mylu-dot', isPresentational: true, slot: "action", "background-color": this.actionBackgroundColor }, this.actionIcon ? h("lu-icon", { name: this.actionIcon }) : null), h("div", { class: "mylu-avatar-image-container" }, this.imgUrl ? h("lu-img", { onLuImgDidLoad: function () { return _this.imgLoaded = true; }, class: this.imgLoaded ? 'mylu-avatar-image-container-lu-img mylu-visible' : 'mylu-avatar-image-container-lu-img', src: this.imgUrl }) : null, !this.imgUrl ? h("lu-icon", { name: "lu-baseline-person" }) : null)))));
+        return (h(Host, null, h("button", { class: "mylu-avatar-button", onClick: this.onClick }, h("mylu-circle", { isPresentational: true, isImage: true, class: "mylu-avatar-mylu-circle", "background-color": "mylu_avatar_grey" }, h("mylu-dot", { class: this.showAction ? 'mylu-avatar-mylu-dot mylu-visible' : 'mylu-avatar-mylu-dot', isPresentational: true, slot: "action", "background-color": this.actionBackgroundColor }, this.actionIcon ? h("lu-icon", { name: this.actionIcon }) : null), h("div", { class: "mylu-avatar-image-container" }, this.imgUrl ? h("lu-img", { onLuImgDidLoad: function () { return _this.imgLoaded = true; }, class: this.imgLoaded ? 'mylu-avatar-image-container-lu-img mylu-visible' : 'mylu-avatar-image-container-lu-img', src: this.imgUrl }) : null, !this.imgUrl ? h("lu-icon", { name: "lu-baseline-person" }) : null)))));
     };
@@ -29,0 +29,0 @@ Object.defineProperty(Avatar, "style", {

dist/esm/lu-icon_6.entry.js

@@ -245,2 +245,3 @@ import { d as registerInstance, e as h, f as getElement, g as Host, h as createEvent } from './uxmylupatterns-185ab6cb.js';
         this.isPresentational = false;
+        this.isImage = false;
         this.outline = false;
@@ -257,5 +258,5 @@ this.onClick = (ev) => {
         const TagType = this.isPresentational || this.outline ? 'div' : 'button';
-        return (h(Host, { class: Object.assign({}, createColorClasses(this.backgroundColor), { 'is-outline': this.outline }) }, h(TagType, { class: 'container', onClick: this.onClick }, h("div", { class: 'circle' }, h("slot", null)), h("div", { class: "action" }, h("slot", { name: "action" })), h("div", { class: "notification" }, h("slot", { name: "notification" })))));
+        return (h(Host, { class: Object.assign({}, createColorClasses(this.backgroundColor), { 'is-outline': this.outline, 'is-image': this.isImage }) }, h(TagType, { class: 'container', onClick: this.onClick }, h("div", { class: 'circle' }, h("slot", null)), h("div", { class: "action" }, h("slot", { name: "action" })), h("div", { class: "notification" }, h("slot", { name: "notification" })))));
     }
-    static get style() { return ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-outline) ::slotted(*){visibility:hidden!important}::slotted(*){position:relative}:host(.lu-color) .circle{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}.circle{border-radius:50%;padding-left:var(--mylu-circle-padding,3px);padding-right:var(--mylu-circle-padding,3px);padding-top:var(--mylu-circle-padding,3px);padding-bottom:var(--mylu-circle-padding,3px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) solid var(--mylu-circle-border-color,#fff));font-size:var(--mylu-circle-font-size,30px);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.circle{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-circle-padding,3px);padding-inline-start:var(--mylu-circle-padding,3px);-webkit-padding-end:var(--mylu-circle-padding,3px);padding-inline-end:var(--mylu-circle-padding,3px)}}.container{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.is-outline) .circle{border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) dashed var(--mylu-circle-border-color,#fff));background-color:transparent}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}.action{right:-6px;bottom:-1px;position:absolute}:host-context([dir=rtl]) .action,[dir=rtl] .action{left:unset;right:unset;left:-6px}.notification{right:-5px;top:1px;position:absolute}:host-context([dir=rtl]) .notification,[dir=rtl] .notification{left:unset;right:unset;left:-5px}.notification{--mylu-dot-font-size:8px}"; }
+    static get style() { return ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.is-outline) ::slotted(*){visibility:hidden!important}::slotted(*){position:relative}:host(.lu-color) .circle{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}.circle{border-radius:50%;padding-left:var(--mylu-circle-padding,3px);padding-right:var(--mylu-circle-padding,3px);padding-top:var(--mylu-circle-padding,3px);padding-bottom:var(--mylu-circle-padding,3px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) solid var(--mylu-circle-border-color,#fff));font-size:var(--mylu-circle-font-size,30px);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.circle{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-circle-padding,3px);padding-inline-start:var(--mylu-circle-padding,3px);-webkit-padding-end:var(--mylu-circle-padding,3px);padding-inline-end:var(--mylu-circle-padding,3px)}}:host(.is-image) .circle{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;width:var(--mylu-circle-diameter,47px);height:var(--mylu-circle-diameter,47px)}.container{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.is-outline) .circle{border:var(--mylu-circle-border,var(--mylu-circle-border-thickness,2px) dashed var(--mylu-circle-border-color,#fff));background-color:transparent}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}.action{right:-9px;bottom:-1px;position:absolute}:host-context([dir=rtl]) .action,[dir=rtl] .action{left:unset;right:unset;left:-9px}.notification{right:-5px;top:1px;position:absolute}:host-context([dir=rtl]) .notification,[dir=rtl] .notification{left:unset;right:unset;left:-5px}.notification{--mylu-dot-font-size:8px}"; }
 }
@@ -277,3 +278,3 @@
     }
-    static get style() { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.inner-container{min-width:var(--mylu-dot-font-size,11px);max-width:var(--mylu-dot-font-size,11px);min-height:var(--mylu-dot-font-size,11px);max-height:var(--mylu-dot-font-size,11px);font-size:var(--mylu-dot-font-size,11px)}.container,.inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container{border-radius:50%;padding-left:var(--mylu-dot-padding,3px);padding-right:var(--mylu-dot-padding,3px);padding-top:var(--mylu-dot-padding,3px);padding-bottom:var(--mylu-dot-padding,3px);border:2px solid var(--mylu-dot-border-color,#fff);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-dot-padding,3px);padding-inline-start:var(--mylu-dot-padding,3px);-webkit-padding-end:var(--mylu-dot-padding,3px);padding-inline-end:var(--mylu-dot-padding,3px)}}:host(.lu-color) .container{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}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}"; }
+    static get style() { return ":host{-webkit-box-sizing:border-box;box-sizing:border-box}.inner-container{min-width:var(--mylu-dot-font-size,11px);max-width:var(--mylu-dot-font-size,11px);min-height:var(--mylu-dot-font-size,11px);max-height:var(--mylu-dot-font-size,11px);font-size:var(--mylu-dot-font-size,11px)}.container,.inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container{border-radius:50%;padding-left:var(--mylu-dot-padding,2px);padding-right:var(--mylu-dot-padding,2px);padding-top:var(--mylu-dot-padding,2px);padding-bottom:var(--mylu-dot-padding,2px);border:2px solid var(--mylu-dot-border-color,#fff);overflow:hidden}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){.container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-dot-padding,2px);padding-inline-start:var(--mylu-dot-padding,2px);-webkit-padding-end:var(--mylu-dot-padding,2px);padding-inline-end:var(--mylu-dot-padding,2px)}}:host(.lu-color) .container{background-color:var(--lu-color-base);color:var(--lu-color-contrast)}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}"; }
 }
@@ -294,38 +295,2 @@
         registerInstance(this, hostRef);
-        this.sets = [
-            {
-                title: 'My Access',
-                icon: 'mylu-navigation',
-                order: 1
-            },
-            {
-                title: 'Academics',
-                icon: 'mylu-academics',
-                order: 2,
-                showNotification: true
-            },
-            {
-                title: 'Athletics',
-                icon: 'mylu-athletics',
-                color: 'mylu_primary_dark',
-                order: 3
-            },
-            {
-                title: 'Dining',
-                icon: 'mylu-dining',
-                order: 4
-            },
-            {
-                title: 'Student Life',
-                icon: 'mylu-student-life',
-                order: 5,
-                showNotification: true,
-                notificationCount: 3
-            },
-            {
-                title: 'CFAW',
-                icon: 'mylu-cfaw-badge',
-                order: 6
-            }
-        ];
     }
@@ -345,5 +310,5 @@ render() {
     }
-    static get style() { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; }
+    static get style() { return ":host{display:block;position:relative;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:92px;max-width:92px;height:100%}:host(.lu-color){background-color:var(--lu-color-base)}"; }
 }
 
 export { Icon as lu_icon, Circle as mylu_circle, Dot as mylu_dot, Set as mylu_set, SetMenu as mylu_set_menu, SetMenuBar as mylu_set_menu_bar };

dist/esm/mylu-avatar.entry.js

@@ -25,3 +25,3 @@ import { d as registerInstance, h as createEvent, e as h, g as Host } from './uxmylupatterns-185ab6cb.js';
     render() {
-        return (h(Host, null, h("button", { class: "mylu-avatar-button", onClick: this.onClick }, h("mylu-circle", { isPresentational: true, class: "mylu-avatar-mylu-circle", "background-color": "mylu_avatar_grey" }, h("mylu-dot", { class: this.showAction ? 'mylu-avatar-mylu-dot mylu-visible' : 'mylu-avatar-mylu-dot', isPresentational: true, slot: "action", "background-color": this.actionBackgroundColor }, this.actionIcon ? h("lu-icon", { name: this.actionIcon }) : null), h("div", { class: "mylu-avatar-image-container" }, this.imgUrl ? h("lu-img", { onLuImgDidLoad: () => this.imgLoaded = true, class: this.imgLoaded ? 'mylu-avatar-image-container-lu-img mylu-visible' : 'mylu-avatar-image-container-lu-img', src: this.imgUrl }) : null, !this.imgUrl ? h("lu-icon", { name: "lu-baseline-person" }) : null)))));
+        return (h(Host, null, h("button", { class: "mylu-avatar-button", onClick: this.onClick }, h("mylu-circle", { isPresentational: true, isImage: true, class: "mylu-avatar-mylu-circle", "background-color": "mylu_avatar_grey" }, h("mylu-dot", { class: this.showAction ? 'mylu-avatar-mylu-dot mylu-visible' : 'mylu-avatar-mylu-dot', isPresentational: true, slot: "action", "background-color": this.actionBackgroundColor }, this.actionIcon ? h("lu-icon", { name: this.actionIcon }) : null), h("div", { class: "mylu-avatar-image-container" }, this.imgUrl ? h("lu-img", { onLuImgDidLoad: () => this.imgLoaded = true, class: this.imgLoaded ? 'mylu-avatar-image-container-lu-img mylu-visible' : 'mylu-avatar-image-container-lu-img', src: this.imgUrl }) : null, !this.imgUrl ? h("lu-icon", { name: "lu-baseline-person" }) : null)))));
     }
@@ -28,0 +28,0 @@ static get style() { return ".mylu-avatar-mylu-circle{--mylu-circle-font-size:38px;--mylu-circle-diameter:36px;-webkit-box-sizing:border-box;box-sizing:border-box}.mylu-avatar-image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.mylu-avatar-image-container lu-icon{margin-bottom:-3px}.mylu-avatar-mylu-dot{-webkit-transition:opacity 1s;transition:opacity 1s;opacity:0;visibility:hidden}.mylu-avatar-mylu-dot.mylu-visible{opacity:1;visibility:visible}.mylu-avatar-image-container-lu-img{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0}.mylu-avatar-image-container-lu-img.mylu-visible{opacity:1}.mylu-avatar-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}"; }

dist/types/components.d.ts

@@ -32,2 +32,3 @@ /* tslint:disable */
     'backgroundColor': string;
+    'isImage': boolean;
     'isPresentational': boolean;
@@ -45,3 +46,10 @@ 'outline': boolean;
   interface MyluSetMenu {
-    'sets': ({ title: string; icon: string; order: number; showNotification?: undefined; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; color: string; order: number; showNotification?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; notificationCount: number; color?: undefined; })[];
+    'sets': {
+      title: string,
+      icon: string,
+      order: number,
+      color?: string,
+      showNotification?: boolean,
+      notificationCount?: number
+    }[];
   }
@@ -126,2 +134,3 @@ interface MyluSetMenuBar {
     'backgroundColor'?: string;
+    'isImage'?: boolean;
     'isPresentational'?: boolean;
@@ -141,3 +150,10 @@ 'onMyluCircleClicked'?: (event: CustomEvent<any>) => void;
   interface MyluSetMenu extends JSXBase.HTMLAttributes<HTMLMyluSetMenuElement> {
-    'sets'?: ({ title: string; icon: string; order: number; showNotification?: undefined; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; color: string; order: number; showNotification?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; notificationCount: number; color?: undefined; })[];
+    'sets'?: {
+      title: string,
+      icon: string,
+      order: number,
+      color?: string,
+      showNotification?: boolean,
+      notificationCount?: number
+    }[];
   }
@@ -144,0 +160,0 @@ interface MyluSetMenuBar extends JSXBase.HTMLAttributes<HTMLMyluSetMenuBarElement> {

dist/types/components/circle/circle.d.ts

@@ -5,2 +5,3 @@ import { EventEmitter } from '../../stencil.core';
     isPresentational: boolean;
+    isImage: boolean;
     outline: boolean;
@@ -7,0 +8,0 @@ myluCircleClicked: EventEmitter;

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

 export declare class SetMenu {
-    sets: ({
+    sets: {
         title: string;
         icon: string;
         order: number;
-        showNotification?: undefined;
-        color?: undefined;
-        notificationCount?: undefined;
-    } | {
-        title: string;
-        icon: string;
-        order: number;
-        showNotification: boolean;
-        color?: undefined;
-        notificationCount?: undefined;
-    } | {
-        title: string;
-        icon: string;
-        color: string;
-        order: number;
-        showNotification?: undefined;
-        notificationCount?: undefined;
-    } | {
-        title: string;
-        icon: string;
-        order: number;
-        showNotification: boolean;
-        notificationCount: number;
-        color?: undefined;
-    })[];
+        color?: string;
+        showNotification?: boolean;
+        notificationCount?: number;
+    }[];
     render(): any;
 }

dist/uxmylupatterns/p-2ba66804.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-ffaf1355.system.js"],function(e,l){"use strict";var a,t;return{setters:[function(e){a=e.a;t=e.b}],execute:function(){a().then(function(e){return t([["p-gxzc5n6o.system",[[0,"mylu-avatar",{showAction:[4,"show-action"],actionIcon:[1,"action-icon"],actionBackgroundColor:[1,"action-background-color"],imgUrl:[1,"img-url"],imgLoaded:[32]}]]],["p-h4zrdfz7.system",[[1,"lu-card-image",{altText:[1,"alt-text"],iconColor:[1,"icon-color"],iconName:[1,"icon-name"],iconSize:[1,"icon-size"],isIcon:[4,"is-icon"],src:[1]}]]],["p-nnfw7zzy.system",[[1,"lu-fab-button",{color:[1],activated:[4],disabled:[4],href:[1],isExternallyManaged:[4,"is-externally-managed"],show:[1028],selected:[1028],toggleButton:[4,"toggle-button"],translucent:[4],type:[1],size:[1],value:[8],keyFocus:[32]}]]],["p-hv2picng.system",[[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-csky5u9y.system",[[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-uolcknu5.system",[[1,"lu-side-menu",{color:[1],isVisible:[1028,"is-visible"],isCollapsible:[1540,"is-collapsible"],isCollapsed:[1540,"is-collapsed"],hasBoxShadow:[4,"has-box-shadow"],externallyManaged:[4,"externally-managed"],makeVisible:[64],isHidden:[64],collapsedHandler:[64]},[[0,"keydown","handleEscape"]]]]],["p-dktqwmke.system",[[1,"lu-toggle",{startSelected:[1028,"start-selected"],startText:[1,"start-text"],startValue:[8,"start-value"],endText:[1,"end-text"],endValue:[8,"end-value"],value:[1032]}]]],["p-p275icsj.system",[[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-vellx319.system",[[1,"lu-card",{color:[1]}]]],["p-3tntqa71.system",[[1,"lu-card-buttons"]]],["p-ezxym0rs.system",[[0,"lu-card-content"]]],["p-tkydpmv7.system",[[1,"lu-card-footer",{color:[1],translucent:[4]}]]],["p-qevrozxn.system",[[1,"lu-card-header",{color:[1],translucent:[4]}]]],["p-qijouunk.system",[[1,"lu-card-title",{color:[1]}]]],["p-9ad9dzlp.system",[[1,"lu-checkbox",{color:[1],name:[1],labeledById:[1,"labeled-by-id"],checked:[1028],disabled:[4],isExternallyManaged:[4,"is-externally-managed"],value:[8],keyFocus:[32],hasFocus:[32]}]]],["p-sjedz0ji.system",[[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-qejyjcwo.system",[[1,"lu-col",{offset:[1],offsetXs:[1,"offset-xs"],offsetSm:[1,"offset-sm"],offsetMd:[1,"offset-md"],offsetLg:[1,"offset-lg"],offsetXl:[1,"offset-xl"],pull:[1],pullXs:[1,"pull-xs"],pullSm:[1,"pull-sm"],pullMd:[1,"pull-md"],pullLg:[1,"pull-lg"],pullXl:[1,"pull-xl"],push:[1],pushXs:[1,"push-xs"],pushSm:[1,"push-sm"],pushMd:[1,"push-md"],pushLg:[1,"push-lg"],pushXl:[1,"push-xl"],size:[1],sizeXs:[1,"size-xs"],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"],sizeXl:[1,"size-xl"]},[[9,"resize","onResize"]]]]],["p-5q5cphhl.system",[[1,"lu-fab",{horizontal:[1],vertical:[1],edge:[4],activated:[1028],close:[64]},[[0,"click","onClick"]]]]],["p-kcrdcdgc.system",[[1,"lu-fab-list",{activated:[4],side:[1]}]]],["p-31k7ycfv.system",[[0,"lu-form-validation",{value:[1040],isValid:[1540,"is-valid"],isInvalid:[1540,"is-invalid"],formGroups:[32]},[[0,"luFormGroupDidLoad","onFormGroupDidLoad"],[0,"luFormGroupDidUnload","onFormGroupDidUnload"]]]]],["p-g5iyznp7.system",[[1,"lu-grid",{fixed:[4]}]]],["p-q9ufdgzy.system",[[1,"lu-header",{color:[1],preHeader:[4,"pre-header"]}]]],["p-zwm2xeke.system",[[1,"lu-radio",{color:[1],labeledById:[1,"labeled-by-id"],name:[1],disabled:[4],checked:[1028],value:[1032],hasFocus:[32]},[[0,"click","onClick"]]]]],["p-ur2c848g.system",[[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-rp4l313y.system",[[1,"lu-row"]]],["p-l6e3f3f2.system",[[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-z0lqa9v9.system",[[1,"lu-skeleton-text",{width:[1]}]]],["p-zo2v81e8.system",[[1,"lu-spinner",{dataColor:[1,"data-color"],dataScale:[2,"data-scale"],dataDuration:[2,"data-duration"],dataPaused:[4,"data-paused"],dataHidden:[4,"data-hidden"],dataMessage:[1,"data-message"]}]]],["p-j6j88zuw.system",[[1,"lu-tab",{active:[1028],labeledById:[1025,"labeled-by-id"],name:[8],noSlide:[4,"no-slide"]},[[0,"click","onClick"]]]]],["p-czoy0yep.system",[[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-zmj4v0cf.system",[[1,"lu-img",{alt:[1],src:[1],loadSrc:[32]}]]],["p-2jrll7g6.system",[[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-v2dutzmt.system",[[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"],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})})}}});
+System.register(["./p-ffaf1355.system.js"],function(e,l){"use strict";var a,s;return{setters:[function(e){a=e.a;s=e.b}],execute:function(){a().then(function(e){return s([["p-6nxqrsfp.system",[[0,"mylu-avatar",{showAction:[4,"show-action"],actionIcon:[1,"action-icon"],actionBackgroundColor:[1,"action-background-color"],imgUrl:[1,"img-url"],imgLoaded:[32]}]]],["p-h4zrdfz7.system",[[1,"lu-card-image",{altText:[1,"alt-text"],iconColor:[1,"icon-color"],iconName:[1,"icon-name"],iconSize:[1,"icon-size"],isIcon:[4,"is-icon"],src:[1]}]]],["p-nnfw7zzy.system",[[1,"lu-fab-button",{color:[1],activated:[4],disabled:[4],href:[1],isExternallyManaged:[4,"is-externally-managed"],show:[1028],selected:[1028],toggleButton:[4,"toggle-button"],translucent:[4],type:[1],size:[1],value:[8],keyFocus:[32]}]]],["p-hv2picng.system",[[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-csky5u9y.system",[[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-uolcknu5.system",[[1,"lu-side-menu",{color:[1],isVisible:[1028,"is-visible"],isCollapsible:[1540,"is-collapsible"],isCollapsed:[1540,"is-collapsed"],hasBoxShadow:[4,"has-box-shadow"],externallyManaged:[4,"externally-managed"],makeVisible:[64],isHidden:[64],collapsedHandler:[64]},[[0,"keydown","handleEscape"]]]]],["p-dktqwmke.system",[[1,"lu-toggle",{startSelected:[1028,"start-selected"],startText:[1,"start-text"],startValue:[8,"start-value"],endText:[1,"end-text"],endValue:[8,"end-value"],value:[1032]}]]],["p-p275icsj.system",[[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-vellx319.system",[[1,"lu-card",{color:[1]}]]],["p-3tntqa71.system",[[1,"lu-card-buttons"]]],["p-ezxym0rs.system",[[0,"lu-card-content"]]],["p-tkydpmv7.system",[[1,"lu-card-footer",{color:[1],translucent:[4]}]]],["p-qevrozxn.system",[[1,"lu-card-header",{color:[1],translucent:[4]}]]],["p-qijouunk.system",[[1,"lu-card-title",{color:[1]}]]],["p-9ad9dzlp.system",[[1,"lu-checkbox",{color:[1],name:[1],labeledById:[1,"labeled-by-id"],checked:[1028],disabled:[4],isExternallyManaged:[4,"is-externally-managed"],value:[8],keyFocus:[32],hasFocus:[32]}]]],["p-sjedz0ji.system",[[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-qejyjcwo.system",[[1,"lu-col",{offset:[1],offsetXs:[1,"offset-xs"],offsetSm:[1,"offset-sm"],offsetMd:[1,"offset-md"],offsetLg:[1,"offset-lg"],offsetXl:[1,"offset-xl"],pull:[1],pullXs:[1,"pull-xs"],pullSm:[1,"pull-sm"],pullMd:[1,"pull-md"],pullLg:[1,"pull-lg"],pullXl:[1,"pull-xl"],push:[1],pushXs:[1,"push-xs"],pushSm:[1,"push-sm"],pushMd:[1,"push-md"],pushLg:[1,"push-lg"],pushXl:[1,"push-xl"],size:[1],sizeXs:[1,"size-xs"],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"],sizeXl:[1,"size-xl"]},[[9,"resize","onResize"]]]]],["p-5q5cphhl.system",[[1,"lu-fab",{horizontal:[1],vertical:[1],edge:[4],activated:[1028],close:[64]},[[0,"click","onClick"]]]]],["p-kcrdcdgc.system",[[1,"lu-fab-list",{activated:[4],side:[1]}]]],["p-31k7ycfv.system",[[0,"lu-form-validation",{value:[1040],isValid:[1540,"is-valid"],isInvalid:[1540,"is-invalid"],formGroups:[32]},[[0,"luFormGroupDidLoad","onFormGroupDidLoad"],[0,"luFormGroupDidUnload","onFormGroupDidUnload"]]]]],["p-g5iyznp7.system",[[1,"lu-grid",{fixed:[4]}]]],["p-q9ufdgzy.system",[[1,"lu-header",{color:[1],preHeader:[4,"pre-header"]}]]],["p-zwm2xeke.system",[[1,"lu-radio",{color:[1],labeledById:[1,"labeled-by-id"],name:[1],disabled:[4],checked:[1028],value:[1032],hasFocus:[32]},[[0,"click","onClick"]]]]],["p-ur2c848g.system",[[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-rp4l313y.system",[[1,"lu-row"]]],["p-l6e3f3f2.system",[[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-z0lqa9v9.system",[[1,"lu-skeleton-text",{width:[1]}]]],["p-zo2v81e8.system",[[1,"lu-spinner",{dataColor:[1,"data-color"],dataScale:[2,"data-scale"],dataDuration:[2,"data-duration"],dataPaused:[4,"data-paused"],dataHidden:[4,"data-hidden"],dataMessage:[1,"data-message"]}]]],["p-j6j88zuw.system",[[1,"lu-tab",{active:[1028],labeledById:[1025,"labeled-by-id"],name:[8],noSlide:[4,"no-slide"]},[[0,"click","onClick"]]]]],["p-czoy0yep.system",[[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-zmj4v0cf.system",[[1,"lu-img",{alt:[1],src:[1],loadSrc:[32]}]]],["p-2jrll7g6.system",[[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-4cdn9jvc.system",[[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})})}}});

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-vbxwx7ch",[[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-g9a7gcgc",[[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"],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{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-qgdfisag",[[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}));

docs/docs.json

 {
-  "timestamp": "2019-06-06T21:38:58",
+  "timestamp": "2019-06-06T22:15:09",
   "compiler": {
@@ -103,2 +103,14 @@ "name": "@stencil/core",
         {
+          "name": "isImage",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "is-image",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "optional": false,
+          "required": false
+        },
+        {
           "name": "isPresentational",
@@ -157,2 +169,7 @@ "type": "boolean",
         {
+          "name": "--mylu-circle-diameter",
+          "annotation": "prop",
+          "docs": "diameter for images"
+        },
+        {
           "name": "--mylu-circle-font-size",
@@ -280,3 +297,3 @@ "annotation": "prop",
       "usage": {
-        "general": "<!--default-->\n  <mylu-set-menu></mylu-set-menu>\n  "
+        "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>"
       },
@@ -286,3 +303,3 @@ "props": [
           "name": "sets",
-          "type": "({ title: string; icon: string; order: number; showNotification?: undefined; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; color?: undefined; notificationCount?: undefined; } | { title: string; icon: string; color: string; order: number; showNotification?: undefined; notificationCount?: undefined; } | { title: string; icon: string; order: number; showNotification: boolean; notificationCount: number; color?: undefined; })[]",
+          "type": "{ title: string; icon: string; order: number; color?: string; showNotification?: boolean; notificationCount?: number; }[]",
           "mutable": false,
@@ -292,3 +309,2 @@ "reflectToAttr": false,
           "docsTags": [],
-          "default": "[\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  ]",
           "optional": false,
@@ -295,0 +311,0 @@ "required": false

package.json

 {
   "name": "@lu-development/ux-mylu-patterns",
-  "version": "0.3.0-dev.201906062138.28b1f02",
+  "version": "0.3.0-dev.201906062214.4a2be2e",
   "description": "Liberty University MyLU Patterns",
@@ -5,0 +5,0 @@ "module": "dist/index.mjs",

New alerts

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1718714

decreased by-0.29%

Lines of code

23550

decreased by-0.44%

No dependency changes