@lu-development/ux-mylu-patterns
Advanced tools
Comparing version 0.3.0-dev.202001231916.4a26de9 to 0.3.0-dev.202001232026.4f08ec7
@@ -9,3 +9,3 @@ 'use strict'; | ||
return core.patchEsm().then(() => { | ||
core.bootstrapLazy(JSON.parse("[[\"mylu-multi-form-validation-box.cjs\",[[0,\"mylu-multi-form-validation-box\",{\"formInput\":[16],\"failedUpdates\":[16],\"saveSucceeded\":[4,\"save-succeeded\"],\"secondaryCompoundIdField\":[1,\"secondary-compound-id-field\"],\"headingLevel\":[1,\"heading-level\"],\"formValidationComponents\":[32],\"currentForms\":[32],\"isSaving\":[32],\"originalForms\":[32],\"isEditMode\":[32],\"remainingForms\":[32],\"saveFailedOrIsInvalid\":[32],\"sortedForms\":[32],\"headerButtonIcon\":[32],\"headerButtonText\":[32],\"showFooter\":[32],\"isMD\":[32],\"hasForms\":[32],\"messageText\":[32]},[[0,\"myluDynamicFormDeleteRequest\",\"onMyluDynamicFormDeleteRequest\"],[8,\"luBreakpointDataUpdated\",\"onLuBreakpointDataUpdated\"]]]]],[\"mylu-multi-form-validation-box-modal.cjs\",[[0,\"mylu-multi-form-validation-box-modal\",{\"modal\":[16],\"generatorForm\":[16],\"formTitle\":[1,\"form-title\"],\"generatorNewForm\":[32],\"generatorFormIsValid\":[32]}]]],[\"mylu-academics-todo.cjs\",[[0,\"mylu-academics-todo\",{\"completedInput\":[16],\"incompleteInput\":[16],\"resetCount\":[2,\"reset-count\"],\"successCount\":[2,\"success-count\"],\"headerLinkOut\":[1,\"header-link-out\"],\"incompleteActive\":[32],\"completed\":[32],\"incomplete\":[32]}]]],[\"mylu-outlook-email-modal.cjs\",[[0,\"mylu-outlook-email-modal\",{\"modal\":[16],\"activeModalType\":[2,\"active-modal-type\"],\"from\":[1],\"to\":[16],\"cc\":[16],\"sendButtonDisabled\":[32]}]]],[\"mylu-academics-schedule.cjs\",[[0,\"mylu-academics-schedule\",{\"scheduleInput\":[16],\"headerLinkOut\":[1,\"header-link-out\"],\"today\":[32],\"selectedDay\":[32],\"daySchedule\":[32],\"weekSchedule\":[32]}]]],[\"mylu-profile-picture-modal.cjs\",[[0,\"mylu-profile-picture-modal\",{\"modal\":[16],\"photo\":[1],\"radioSelection\":[1026,\"radio-selection\"]}]]],[\"mylu-academic-classmates.cjs\",[[0,\"mylu-academic-classmates\",{\"name\":[1],\"email\":[1],\"description\":[1],\"imgUrl\":[1,\"img-url\"],\"boldDescription\":[32]}]]],[\"mylu-academics-box.cjs\",[[4,\"mylu-academics-box\",{\"boxName\":[1,\"box-name\"],\"message\":[1],\"isContentScrollable\":[4,\"is-content-scrollable\"],\"linkOut\":[1,\"link-out\"]}]]],[\"mylu-degree-completion.cjs\",[[1,\"mylu-degree-completion\",{\"degree\":[1],\"completed\":[2],\"total\":[2],\"gpa\":[2],\"link\":[1],\"isHidden\":[32]}]]],[\"mylu-set-menu.cjs\",[[0,\"mylu-set-menu\",{\"sets\":[16],\"shouldRerender\":[4,\"should-rerender\"],\"activeSetId\":[2,\"active-set-id\"],\"selectedSetId\":[1026,\"selected-set-id\"],\"canReorder\":[4,\"can-reorder\"],\"isTopBar\":[4,\"is-top-bar\"],\"hasTopDivider\":[4,\"has-top-divider\"],\"orderedSets\":[32]},[[0,\"luSelectedSetUpdated\",\"onLuSetSelected\"],[0,\"luSetClick\",\"onLuSetClicked\"],[0,\"luReorderSet\",\"onLuReorderSet\"]]]]],[\"mylu-outlook-card-content.cjs\",[[0,\"mylu-outlook-card-content\",{\"emails\":[16],\"messageRequests\":[2,\"message-requests\"],\"messageFailures\":[2,\"message-failures\"],\"messageSuccesses\":[2,\"message-successes\"],\"showList\":[32],\"selectedEmail\":[32],\"isInErrorState\":[32],\"isInSuccessState\":[32],\"changesInHeightCount\":[32],\"activeModalType\":[32],\"frozenRequests\":[32],\"frozenSuccesses\":[32],\"frozenFailures\":[32]}]]],[\"mylu-bubble-list.cjs\",[[0,\"mylu-bubble-list\",{\"itemList\":[16],\"navLabel\":[1,\"nav-label\"]},[[0,\"bubbleItemSelect\",\"onSelectedBubbleItem\"]]]]],[\"mylu-flames-pass-ledger.cjs\",[[1,\"mylu-flames-pass-ledger\",{\"balance\":[1],\"fundsLink\":[1,\"funds-link\"],\"ledgerType\":[1,\"ledger-type\"],\"balanceIsLow\":[4,\"balance-is-low\"],\"mealPlan\":[16],\"transactions\":[16],\"perPage\":[2,\"per-page\"],\"currentPage\":[32]}]]],[\"mylu-academics-class-details-header.cjs\",[[0,\"mylu-academics-class-details-header\",{\"textToAppendHeading\":[1,\"text-to-append-heading\"],\"courseTitle\":[1,\"course-title\"],\"courseInstructor\":[1,\"course-instructor\"],\"courseLocation\":[1,\"course-location\"],\"courseNumber\":[1,\"course-number\"],\"courseTime\":[1,\"course-time\"],\"courseSection\":[1,\"course-section\"],\"courseSubject\":[1,\"course-subject\"],\"days\":[1],\"showDetails\":[4,\"show-details\"],\"showSingleHeadingLine\":[4,\"show-single-heading-line\"],\"dayTimeString\":[32]}]]],[\"mylu-nav-menu.cjs\",[[1,\"mylu-nav-menu\",{\"header\":[1],\"navItems\":[16],\"navLabel\":[1,\"nav-label\"],\"navStyle\":[1,\"nav-style\"],\"activeItemId\":[1026,\"active-item-id\"]},[[0,\"navItemSelect\",\"onSelectedNavItem\"]]]]],[\"mylu-news-feed-card-content.cjs\",[[4,\"mylu-news-feed-card-content\",{\"cardType\":[1,\"card-type\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"contentText\":[1,\"content-text\"]}]]],[\"mylu-news-feed-card-header.cjs\",[[4,\"mylu-news-feed-card-header\",{\"backgroundColor\":[1,\"background-color\"],\"border\":[4],\"date\":[2],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"menu\":[4],\"cardTitle\":[1,\"card-title\"]}]]],[\"mylu-set-item-selector.cjs\",[[1,\"mylu-set-item-selector\",{\"item\":[1],\"description\":[1],\"icon\":[1],\"checked\":[516]}]]],[\"lu-card-image.cjs\",[[1,\"lu-card-image\",{\"altText\":[1,\"alt-text\"],\"iconColor\":[1,\"icon-color\"],\"iconName\":[1,\"icon-name\"],\"iconSize\":[1,\"icon-size\"],\"isIcon\":[4,\"is-icon\"],\"src\":[1]}]]],[\"lu-fab-button.cjs\",[[1,\"lu-fab-button\",{\"color\":[1],\"activated\":[4],\"disabled\":[4],\"href\":[1],\"isExternallyManaged\":[4,\"is-externally-managed\"],\"show\":[1028],\"selected\":[1028],\"toggleButton\":[4,\"toggle-button\"],\"translucent\":[4],\"type\":[1],\"size\":[1],\"value\":[8],\"keyFocus\":[32]}]]],[\"lu-icon-finder.cjs\",[[1,\"lu-icon-finder\"]]],[\"lu-modal.cjs\",[[2,\"lu-modal\",{\"overlayIndex\":[2,\"overlay-index\"],\"delegate\":[16],\"keyboardClose\":[4,\"keyboard-close\"],\"enterAnimation\":[16],\"leaveAnimation\":[16],\"component\":[1],\"componentProps\":[16],\"cssClass\":[1,\"css-class\"],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"showBackdrop\":[4,\"show-backdrop\"],\"animated\":[4],\"present\":[64],\"dismiss\":[64],\"onDidDismiss\":[64],\"onWillDismiss\":[64]}]]],[\"lu-side-menu.cjs\",[[1,\"lu-side-menu\",{\"color\":[1],\"isVisible\":[1028,\"is-visible\"],\"isCollapsible\":[1540,\"is-collapsible\"],\"isCollapsed\":[1540,\"is-collapsed\"],\"hasBoxShadow\":[4,\"has-box-shadow\"],\"externallyManaged\":[4,\"externally-managed\"],\"makeVisible\":[64],\"isHidden\":[64],\"collapsedHandler\":[64]},[[0,\"keydown\",\"handleEscape\"]]]]],[\"lu-toggle.cjs\",[[1,\"lu-toggle\",{\"startSelected\":[1028,\"start-selected\"],\"startText\":[1,\"start-text\"],\"startValue\":[8,\"start-value\"],\"endText\":[1,\"end-text\"],\"endValue\":[8,\"end-value\"],\"value\":[1032]}]]],[\"mylu-academics-course-box.cjs\",[[0,\"mylu-academics-course-box\",{\"courseTitle\":[1,\"course-title\"],\"courseInstructor\":[1,\"course-instructor\"],\"courseLocation\":[1,\"course-location\"],\"courseNumber\":[2,\"course-number\"],\"courseSubject\":[1,\"course-subject\"],\"courseTime\":[1,\"course-time\"],\"courseSection\":[1,\"course-section\"],\"meetDays\":[1,\"meet-days\"],\"position\":[2],\"total\":[2],\"registrationLink\":[1,\"registration-link\"],\"dayTimeString\":[32]}]]],[\"mylu-accordion.cjs\",[[1,\"mylu-accordion\",{\"name\":[1],\"isOpen\":[1028,\"is-open\"],\"orientation\":[1]}]]],[\"mylu-modal.cjs\",[[1,\"mylu-modal\",{\"modalLabel\":[1025,\"modal-label\"],\"useOverlay\":[4,\"use-overlay\"],\"modalId\":[1,\"modal-id\"],\"closingTransitionTime\":[2,\"closing-transition-time\"],\"isVisible\":[32]},[[4,\"openModal\",\"handleOpen\"],[4,\"closeModal\",\"handleClose\"],[0,\"keydown\",\"handleKeyDown\"],[32,\"keydown\",\"handleEscapeKeyDown\"]]]]],[\"mylu-news-feed-card-schedule.cjs\",[[1,\"mylu-news-feed-card-schedule\",{\"schedules\":[16]}]]],[\"mylu-side-menu-toggle.cjs\",[[1,\"mylu-side-menu-toggle\",{\"iconColor\":[1,\"icon-color\"],\"iconName\":[1,\"icon-name\"],\"isOpen\":[1028,\"is-open\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-tooltip.cjs\",[[1,\"mylu-tooltip\",{\"color\":[1],\"iconName\":[1,\"icon-name\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-upcoming-assignments.cjs\",[[1,\"mylu-upcoming-assignments\",{\"assignments\":[16],\"vertical\":[16]}]]],[\"lu-card.cjs\",[[1,\"lu-card\",{\"color\":[1]}]]],[\"lu-card-buttons.cjs\",[[1,\"lu-card-buttons\"]]],[\"lu-card-content.cjs\",[[0,\"lu-card-content\"]]],[\"lu-card-footer.cjs\",[[1,\"lu-card-footer\",{\"color\":[1],\"translucent\":[4]}]]],[\"lu-card-header.cjs\",[[1,\"lu-card-header\",{\"color\":[1],\"translucent\":[4]}]]],[\"lu-card-title.cjs\",[[1,\"lu-card-title\",{\"color\":[1]}]]],[\"lu-fab.cjs\",[[1,\"lu-fab\",{\"horizontal\":[1],\"vertical\":[1],\"edge\":[4],\"activated\":[1028],\"close\":[64]},[[0,\"click\",\"onClick\"]]]]],[\"lu-fab-list.cjs\",[[1,\"lu-fab-list\",{\"activated\":[4],\"side\":[1]}]]],[\"lu-gdpr-consent.cjs\",[[1,\"lu-gdpr-consent\",{\"hidden\":[32],\"grantConsentCookie\":[64],\"revokeConsentCookie\":[64],\"resetConsentCookie\":[64]},[[4,\"gdpr-consent-revoke\",\"handleRevoke\"],[4,\"gdpr-consent-reset\",\"handleReset\"]]]]],[\"lu-header.cjs\",[[1,\"lu-header\",{\"color\":[1],\"preHeader\":[4,\"pre-header\"]}]]],[\"lu-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\"]}]]],[\"mylu-breakpoints.cjs\",[[1,\"mylu-breakpoints\",{\"sm\":[2],\"md\":[2],\"lg\":[2],\"xl\":[2],\"currentBreakpoint\":[32],\"currentWidth\":[32],\"currentHeight\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"mylu-flames-pass-merchant.cjs\",[[1,\"mylu-flames-pass-merchant\",{\"name\":[1],\"site\":[1],\"thumbnail\":[1],\"address\":[1],\"discount\":[1],\"mapLink\":[1,\"map-link\"],\"phone\":[1]}]]],[\"mylu-footer.cjs\",[[1,\"mylu-footer\",{\"borderTop\":[4,\"border-top\"],\"backgroundColor\":[1,\"background-color\"],\"privacyLink\":[1,\"privacy-link\"],\"nonDiscriminationLink\":[1,\"non-discrimination-link\"],\"phoneNumber\":[1,\"phone-number\"]}]]],[\"mylu-news-feed-card.cjs\",[[4,\"mylu-news-feed-card\",{\"ariaLabelledBy\":[1,\"aria-labelled-by\"]}]]],[\"mylu-news-feed-card-flames-pass.cjs\",[[1,\"mylu-news-feed-card-flames-pass\",{\"flamesData\":[16]}]]],[\"mylu-news-feed-card-footer.cjs\",[[4,\"mylu-news-feed-card-footer\",{\"border\":[4],\"backgroundColor\":[1,\"background-color\"]}]]],[\"mylu-carousel.cjs\",[[1,\"mylu-carousel\",{\"slideCount\":[2,\"slide-count\"],\"startIndex\":[2,\"start-index\"],\"activeSlide\":[32]}]]],[\"mylu-context-menu.cjs\",[[1,\"mylu-context-menu\",{\"useOverlay\":[4,\"use-overlay\"],\"backgroundColor\":[1,\"background-color\"],\"iconName\":[1,\"icon-name\"],\"closeOnOuterClick\":[4,\"close-on-outer-click\"],\"isHidden\":[32],\"hasFocus\":[32],\"focusedMenuItem\":[32]},[[0,\"openMenu\",\"handleOpen\"],[0,\"toggle\",\"handleToggle\"],[0,\"closeMenu\",\"handleClose\"],[0,\"shiftFocus\",\"handleshiftFocus\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-nav-list-item.cjs\",[[1,\"mylu-nav-list-item\",{\"itemIcon\":[1,\"item-icon\"],\"itemId\":[2,\"item-id\"],\"itemTitle\":[1,\"item-title\"],\"navStyle\":[1,\"nav-style\"],\"isActive\":[1028,\"is-active\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"lu-backdrop.cjs\",[[1,\"lu-backdrop\",{\"visible\":[4],\"tappable\":[4],\"stopPropagation\":[4,\"stop-propagation\"]},[[2,\"touchstart\",\"onTouchStart\"],[2,\"click\",\"onMouseDown\"],[2,\"mousedown\",\"onMouseDown\"]]]]],[\"mylu-bubble-item.cjs\",[[1,\"mylu-bubble-item\",{\"isLink\":[4,\"is-link\"],\"itemId\":[1,\"item-id\"],\"label\":[1],\"linkRel\":[1,\"link-rel\"],\"linkTarget\":[1,\"link-target\"],\"linkTo\":[1,\"link-to\"],\"parentId\":[2,\"parent-id\"],\"parentPropId\":[1,\"parent-prop-id\"],\"parentRouteId\":[1,\"parent-route-id\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-progress.cjs\",[[1,\"mylu-progress\",{\"ariaValuenow\":[514,\"aria-valuenow\"],\"ariaValuemin\":[514,\"aria-valuemin\"],\"ariaValuemax\":[514,\"aria-valuemax\"],\"ariaValuetext\":[513,\"aria-valuetext\"]}]]],[\"lu-form-validation_2.cjs\",[[0,\"lu-form-validation\",{\"wrappingValidation\":[16],\"value\":[1040],\"useId\":[1,\"use-id\"],\"primaryCompoundId\":[1,\"primary-compound-id\"],\"isValid\":[1540,\"is-valid\"],\"isInvalid\":[1540,\"is-invalid\"],\"formGroups\":[32],\"wrappingValidationIsValid\":[32],\"wrappingValidationIsInvalid\":[32],\"failedWrappingValidatorsData\":[32],\"updateValues\":[64],\"forceValidation\":[64]}],[1,\"lu-text-area\",{\"invalid\":[4],\"valid\":[4],\"useId\":[1025,\"use-id\"],\"color\":[1],\"autocapitalize\":[1],\"autofocus\":[4],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"debounce\":[2],\"disabled\":[4],\"maxlength\":[2],\"minlength\":[2],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"spellcheck\":[4],\"cols\":[2],\"rows\":[2],\"wrap\":[1],\"autoGrow\":[4,\"auto-grow\"],\"value\":[1025],\"hasFocus\":[32],\"isResetting\":[32],\"setFocus\":[64],\"getInputElement\":[64],\"updateValue\":[64]}]]],[\"mylu-set_2.cjs\",[[1,\"mylu-set\",{\"canReorder\":[4,\"can-reorder\"],\"setId\":[2,\"set-id\"],\"isActive\":[4,\"is-active\"],\"isSelected\":[1028,\"is-selected\"],\"showActiveBar\":[4,\"show-active-bar\"],\"setTitle\":[1,\"set-title\"],\"order\":[2],\"isReordering\":[4,\"is-reordering\"],\"isTopBar\":[4,\"is-top-bar\"],\"translationTracker\":[2,\"translation-tracker\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]],[1,\"mylu-set-menu-bar\",{\"color\":[1],\"selectedSet\":[1026,\"selected-set\"],\"isTopBar\":[4,\"is-top-bar\"],\"cloneSets\":[32],\"circleDragging\":[32],\"selectedItemHeight\":[32],\"isTransitioning\":[32],\"transitioningTimeout\":[32],\"lastToIndex\":[32],\"resetSets\":[64]},[[2,\"circleDragStart\",\"onCircleDragStart\"],[0,\"circleDragEnd\",\"onCircleDragEnd\"],[0,\"luSelect\",\"onSetSelection\"],[33,\"dragover\",\"onDragover\"],[34,\"dragover\",\"onDrop\"]]]]],[\"mylu-academics-todo-calendar-box.cjs\",[[1,\"mylu-academics-todo-calendar-box\",{\"dateInput\":[1,\"date-input\"],\"isLate\":[4,\"is-late\"],\"dayNumber\":[32],\"monthString\":[32]}]]],[\"mylu-box-footer.cjs\",[[1,\"mylu-box-footer\",{\"line\":[4],\"hideEndSlotOnSM\":[4,\"hide-end-slot-on-s-m\"]}]]],[\"mylu-carousel-slide.cjs\",[[1,\"mylu-carousel-slide\"]]],[\"lu-icon.cjs\",[[1,\"lu-icon\",{\"color\":[1],\"mode\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"ios\":[1],\"md\":[1],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[1],\"src\":[1],\"icon\":[1],\"size\":[1],\"hexColor\":[1,\"hex-color\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"lu-tab_3.cjs\",[[1,\"mylu-toggle-button\",{\"type\":[1],\"color\":[1],\"isToggled\":[1028,\"is-toggled\"],\"iconFilledName\":[32],\"iconOutlineName\":[32]},[[0,\"click\",\"handleClick\"]]],[1,\"lu-tab\",{\"active\":[1540],\"name\":[8],\"noSlide\":[8,\"no-slide\"],\"isFocused\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[18,\"luTabFocused\",\"handleLuTabFocused\"],[18,\"luTabBlurred\",\"handleLuTabBlurred\"]]],[1,\"lu-tabs\",{\"value\":[1025],\"label\":[1],\"noSlide\":[4,\"no-slide\"],\"tabs\":[32],\"tabIncrement\":[32],\"selectionBar\":[32],\"currentOrderedTabsArray\":[32],\"pos\":[32],\"left\":[32],\"width\":[32],\"focusedNode\":[32],\"elementResized\":[64]},[[0,\"luTabDidLoad\",\"onTabDidLoad\"],[0,\"luTabDidUnload\",\"onTabDidUnload\"],[0,\"luTabSelect\",\"onTabSelect\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"tabFocus\",\"onFocus\"],[0,\"tabBlur\",\"onBlur\"]]]]],[\"mylu-inner-modal-wrapper.cjs\",[[1,\"mylu-inner-modal-wrapper\"]]],[\"lu-img_2.cjs\",[[0,\"mylu-avatar\",{\"showNotification\":[4,\"show-notification\"],\"showAction\":[4,\"show-action\"],\"actionIcon\":[1,\"action-icon\"],\"circleBackgroundColor\":[1,\"circle-background-color\"],\"notificationBackgroundColor\":[1,\"notification-background-color\"],\"actionBackgroundColor\":[1,\"action-background-color\"],\"imgUrl\":[1,\"img-url\"],\"isActionable\":[4,\"is-actionable\"],\"hasOverlay\":[4,\"has-overlay\"],\"overlayTitle\":[1,\"overlay-title\"],\"alt\":[1],\"imgLoaded\":[32]}],[1,\"lu-img\",{\"alt\":[1],\"src\":[1],\"loadSrc\":[32]}]]],[\"mylu-link.cjs\",[[1,\"mylu-link\",{\"color\":[1],\"description\":[1],\"linkRel\":[1,\"link-rel\"],\"linkTarget\":[1,\"link-target\"],\"linkTo\":[1,\"link-to\"],\"showLinkOutIcon\":[4,\"show-link-out-icon\"]}]]],[\"mylu-list_2.cjs\",[[1,\"mylu-list\"],[1,\"mylu-list-item\",{\"partialLineBreak\":[4,\"partial-line-break\"],\"fullLineBreak\":[4,\"full-line-break\"]}]]],[\"mylu-circle_2.cjs\",[[1,\"mylu-dot\",{\"backgroundColor\":[1,\"background-color\"],\"isActionable\":[4,\"is-actionable\"]}],[1,\"mylu-circle\",{\"backgroundColor\":[1,\"background-color\"],\"isActionable\":[4,\"is-actionable\"],\"isOutline\":[4,\"is-outline\"],\"isDraggable\":[4,\"is-draggable\"],\"setId\":[2,\"set-id\"],\"hideDecorators\":[4,\"hide-decorators\"],\"hasOverlay\":[4,\"has-overlay\"],\"overlayTitle\":[1,\"overlay-title\"],\"isDragging\":[32]},[[0,\"dragstart\",\"onDragStart\"],[2,\"dragend\",\"onDragEnd\"]]]]],[\"lu-button.cjs\",[[1,\"lu-button\",{\"color\":[1],\"buttonType\":[1025,\"button-type\"],\"disabled\":[516],\"expand\":[513],\"fill\":[1537],\"href\":[1],\"rel\":[1],\"shape\":[513],\"size\":[513],\"strong\":[4],\"target\":[1],\"type\":[1],\"keyFocus\":[32]}]]],[\"mylu-box_3.cjs\",[[1,\"mylu-box-content\",{\"scrollable\":[4],\"defaultHeight\":[4,\"default-height\"]}],[1,\"mylu-box-header\",{\"line\":[4]}],[1,\"mylu-box\"]]],[\"lu-col_8.cjs\",[[1,\"lu-form-group\",{\"clearErrorStateOnClearInput\":[4,\"clear-error-state-on-clear-input\"],\"clearInput\":[4,\"clear-input\"],\"color\":[1],\"cssClass\":[1,\"css-class\"],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"errorMessage\":[1025,\"error-message\"],\"externallyDeemedValid\":[1028,\"externally-deemed-valid\"],\"externallyDeemedInvalid\":[1028,\"externally-deemed-invalid\"],\"forId\":[1025,\"for-id\"],\"helperText\":[1,\"helper-text\"],\"useId\":[1025,\"use-id\"],\"isExternallyValidated\":[4,\"is-externally-validated\"],\"isValidatedOnSubmission\":[4,\"is-validated-on-submission\"],\"labelText\":[1,\"label-text\"],\"updateTrigger\":[1,\"update-trigger\"],\"useAsteriskAsRequiredIndicator\":[4,\"use-asterisk-as-required-indicator\"],\"value\":[32],\"isCheckboxGroup\":[32],\"isValid\":[32],\"isInvalid\":[32],\"isSelect\":[32],\"isRadioGroup\":[32],\"isRequired\":[32],\"isTextArea\":[32],\"needsEmailValidation\":[32],\"needsPatternValidation\":[32],\"needsPasswordValidation\":[32],\"pattern\":[32],\"isInput\":[32],\"generatedErrorMessage\":[32],\"validate\":[64],\"updateValue\":[64],\"getValidationValues\":[64]}],[1,\"lu-input\",{\"accept\":[1],\"autocomplete\":[1],\"autocapitalize\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"capture\":[1],\"checked\":[4],\"color\":[1],\"debounce\":[2],\"disabled\":[4],\"form\":[1],\"useId\":[1025,\"use-id\"],\"inputmode\":[1],\"invalid\":[4],\"list\":[1],\"max\":[8],\"min\":[8],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"prefixIconClickable\":[4,\"prefix-icon-clickable\"],\"suffixIcon\":[1025,\"suffix-icon\"],\"suffixIconClickable\":[1028,\"suffix-icon-clickable\"],\"readOnly\":[4,\"read-only\"],\"required\":[4],\"size\":[2],\"spellcheck\":[4],\"step\":[8],\"tabIndexWanted\":[2,\"tab-index-wanted\"],\"type\":[1],\"valid\":[4],\"value\":[1025],\"hasFocus\":[32],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-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\"]]],[1,\"lu-grid\",{\"fixed\":[4]}],[1,\"lu-radio\",{\"color\":[1],\"canDeselect\":[4,\"can-deselect\"],\"labeledById\":[1,\"labeled-by-id\"],\"name\":[1],\"disabled\":[4],\"checked\":[1028],\"value\":[1032],\"hasFocus\":[32]},[[0,\"click\",\"onClick\"]]],[0,\"lu-radio-group\",{\"allowEmptySelection\":[4,\"allow-empty-selection\"],\"direction\":[1],\"useId\":[1025,\"use-id\"],\"name\":[1],\"required\":[4],\"value\":[1032],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-row\"],[1,\"lu-label\",{\"color\":[1],\"labelText\":[1,\"label-text\"],\"required\":[4],\"optional\":[4],\"forId\":[513,\"for-id\"],\"useId\":[1025,\"use-id\"],\"invalid\":[4],\"errorMessage\":[1,\"error-message\"],\"helperText\":[1,\"helper-text\"],\"useAsteriskAsRequiredIndicator\":[4,\"use-asterisk-as-required-indicator\"]}]]],[\"lu-checkbox_4.cjs\",[[0,\"mylu-dynamic-form\",{\"form\":[16],\"isInEditState\":[4,\"is-in-edit-state\"],\"showDeleteInEditMode\":[4,\"show-delete-in-edit-mode\"],\"secondaryCompoundIdField\":[1,\"secondary-compound-id-field\"],\"headingLevel\":[1,\"heading-level\"],\"formTitle\":[32],\"formId\":[32],\"formFields\":[32],\"wrappingValidationInvalid\":[32],\"wrappingValidationErrorMessage\":[32]}],[1,\"lu-checkbox\",{\"color\":[1],\"name\":[1],\"labeledById\":[1,\"labeled-by-id\"],\"checked\":[1028],\"disabled\":[4],\"isExternallyManaged\":[4,\"is-externally-managed\"],\"value\":[8],\"keyFocus\":[32],\"hasFocus\":[32]}],[4,\"lu-checkbox-group\",{\"direction\":[1],\"useId\":[1025,\"use-id\"],\"name\":[1],\"required\":[4],\"value\":[1040],\"isResetting\":[32],\"componentLoaded\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-select\",{\"useId\":[1025,\"use-id\"],\"color\":[1],\"invalid\":[4],\"name\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"placeholder\":[1],\"helpText\":[1,\"help-text\"],\"value\":[1032],\"selectedValueName\":[1032,\"selected-value-name\"],\"showPlaceholderOption\":[4,\"show-placeholder-option\"],\"required\":[4],\"options\":[1040],\"valid\":[4],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}]]]]"), options); | ||
core.bootstrapLazy(JSON.parse("[[\"mylu-multi-form-validation-box.cjs\",[[0,\"mylu-multi-form-validation-box\",{\"formInput\":[16],\"failedUpdates\":[16],\"saveSucceeded\":[4,\"save-succeeded\"],\"secondaryCompoundIdField\":[1,\"secondary-compound-id-field\"],\"formValidationComponents\":[32],\"currentForms\":[32],\"isSaving\":[32],\"originalForms\":[32],\"isEditMode\":[32],\"remainingForms\":[32],\"saveFailedOrIsInvalid\":[32],\"sortedForms\":[32],\"headerButtonIcon\":[32],\"headerButtonText\":[32],\"showFooter\":[32],\"isMD\":[32],\"hasForms\":[32],\"messageText\":[32]},[[0,\"myluDynamicFormDeleteRequest\",\"onMyluDynamicFormDeleteRequest\"],[8,\"luBreakpointDataUpdated\",\"onLuBreakpointDataUpdated\"]]]]],[\"mylu-multi-form-validation-box-modal.cjs\",[[0,\"mylu-multi-form-validation-box-modal\",{\"modal\":[16],\"generatorForm\":[16],\"formTitle\":[1,\"form-title\"],\"generatorNewForm\":[32],\"generatorFormIsValid\":[32]}]]],[\"mylu-outlook-email-modal.cjs\",[[0,\"mylu-outlook-email-modal\",{\"modal\":[16],\"activeModalType\":[2,\"active-modal-type\"],\"from\":[1],\"to\":[16],\"cc\":[16],\"sendButtonDisabled\":[32]}]]],[\"mylu-academics-schedule.cjs\",[[0,\"mylu-academics-schedule\",{\"scheduleInput\":[16],\"headerLinkOut\":[1,\"header-link-out\"],\"today\":[32],\"selectedDay\":[32],\"daySchedule\":[32],\"weekSchedule\":[32]}]]],[\"mylu-profile-picture-modal.cjs\",[[0,\"mylu-profile-picture-modal\",{\"modal\":[16],\"photo\":[1],\"radioSelection\":[1026,\"radio-selection\"]}]]],[\"mylu-academic-classmates.cjs\",[[0,\"mylu-academic-classmates\",{\"name\":[1],\"email\":[1],\"description\":[1],\"imgUrl\":[1,\"img-url\"],\"boldDescription\":[32]}]]],[\"mylu-academics-box.cjs\",[[4,\"mylu-academics-box\",{\"boxName\":[1,\"box-name\"],\"message\":[1],\"isContentScrollable\":[4,\"is-content-scrollable\"],\"linkOut\":[1,\"link-out\"]}]]],[\"mylu-degree-completion.cjs\",[[1,\"mylu-degree-completion\",{\"degree\":[1],\"completed\":[2],\"total\":[2],\"gpa\":[2],\"link\":[1],\"isHidden\":[32]}]]],[\"mylu-set-menu.cjs\",[[0,\"mylu-set-menu\",{\"sets\":[16],\"shouldRerender\":[4,\"should-rerender\"],\"activeSetId\":[2,\"active-set-id\"],\"selectedSetId\":[1026,\"selected-set-id\"],\"canReorder\":[4,\"can-reorder\"],\"isTopBar\":[4,\"is-top-bar\"],\"hasTopDivider\":[4,\"has-top-divider\"],\"orderedSets\":[32]},[[0,\"luSelectedSetUpdated\",\"onLuSetSelected\"],[0,\"luSetClick\",\"onLuSetClicked\"],[0,\"luReorderSet\",\"onLuReorderSet\"]]]]],[\"mylu-outlook-card-content.cjs\",[[0,\"mylu-outlook-card-content\",{\"emails\":[16],\"messageRequests\":[2,\"message-requests\"],\"messageFailures\":[2,\"message-failures\"],\"messageSuccesses\":[2,\"message-successes\"],\"showList\":[32],\"selectedEmail\":[32],\"isInErrorState\":[32],\"isInSuccessState\":[32],\"changesInHeightCount\":[32],\"activeModalType\":[32],\"frozenRequests\":[32],\"frozenSuccesses\":[32],\"frozenFailures\":[32]}]]],[\"mylu-bubble-list.cjs\",[[0,\"mylu-bubble-list\",{\"itemList\":[16],\"navLabel\":[1,\"nav-label\"]},[[0,\"bubbleItemSelect\",\"onSelectedBubbleItem\"]]]]],[\"mylu-flames-pass-ledger.cjs\",[[1,\"mylu-flames-pass-ledger\",{\"balance\":[1],\"fundsLink\":[1,\"funds-link\"],\"ledgerType\":[1,\"ledger-type\"],\"balanceIsLow\":[4,\"balance-is-low\"],\"mealPlan\":[16],\"transactions\":[16],\"perPage\":[2,\"per-page\"],\"currentPage\":[32]}]]],[\"mylu-academics-class-details-header.cjs\",[[0,\"mylu-academics-class-details-header\",{\"textToAppendHeading\":[1,\"text-to-append-heading\"],\"courseTitle\":[1,\"course-title\"],\"courseInstructor\":[1,\"course-instructor\"],\"courseLocation\":[1,\"course-location\"],\"courseNumber\":[1,\"course-number\"],\"courseTime\":[1,\"course-time\"],\"courseSection\":[1,\"course-section\"],\"courseSubject\":[1,\"course-subject\"],\"days\":[1],\"showDetails\":[4,\"show-details\"],\"showSingleHeadingLine\":[4,\"show-single-heading-line\"],\"dayTimeString\":[32]}]]],[\"mylu-nav-menu.cjs\",[[1,\"mylu-nav-menu\",{\"header\":[1],\"navItems\":[16],\"navLabel\":[1,\"nav-label\"],\"navStyle\":[1,\"nav-style\"],\"activeItemId\":[1026,\"active-item-id\"]},[[0,\"navItemSelect\",\"onSelectedNavItem\"]]]]],[\"mylu-news-feed-card-content.cjs\",[[4,\"mylu-news-feed-card-content\",{\"cardType\":[1,\"card-type\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"contentText\":[1,\"content-text\"]}]]],[\"mylu-news-feed-card-header.cjs\",[[4,\"mylu-news-feed-card-header\",{\"backgroundColor\":[1,\"background-color\"],\"border\":[4],\"date\":[2],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"menu\":[4],\"cardTitle\":[1,\"card-title\"]}]]],[\"mylu-set-item-selector.cjs\",[[1,\"mylu-set-item-selector\",{\"item\":[1],\"description\":[1],\"icon\":[1],\"checked\":[516]}]]],[\"lu-card-image.cjs\",[[1,\"lu-card-image\",{\"altText\":[1,\"alt-text\"],\"iconColor\":[1,\"icon-color\"],\"iconName\":[1,\"icon-name\"],\"iconSize\":[1,\"icon-size\"],\"isIcon\":[4,\"is-icon\"],\"src\":[1]}]]],[\"lu-fab-button.cjs\",[[1,\"lu-fab-button\",{\"color\":[1],\"activated\":[4],\"disabled\":[4],\"href\":[1],\"isExternallyManaged\":[4,\"is-externally-managed\"],\"show\":[1028],\"selected\":[1028],\"toggleButton\":[4,\"toggle-button\"],\"translucent\":[4],\"type\":[1],\"size\":[1],\"value\":[8],\"keyFocus\":[32]}]]],[\"lu-icon-finder.cjs\",[[1,\"lu-icon-finder\"]]],[\"lu-modal.cjs\",[[2,\"lu-modal\",{\"overlayIndex\":[2,\"overlay-index\"],\"delegate\":[16],\"keyboardClose\":[4,\"keyboard-close\"],\"enterAnimation\":[16],\"leaveAnimation\":[16],\"component\":[1],\"componentProps\":[16],\"cssClass\":[1,\"css-class\"],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"showBackdrop\":[4,\"show-backdrop\"],\"animated\":[4],\"present\":[64],\"dismiss\":[64],\"onDidDismiss\":[64],\"onWillDismiss\":[64]}]]],[\"lu-side-menu.cjs\",[[1,\"lu-side-menu\",{\"color\":[1],\"isVisible\":[1028,\"is-visible\"],\"isCollapsible\":[1540,\"is-collapsible\"],\"isCollapsed\":[1540,\"is-collapsed\"],\"hasBoxShadow\":[4,\"has-box-shadow\"],\"externallyManaged\":[4,\"externally-managed\"],\"makeVisible\":[64],\"isHidden\":[64],\"collapsedHandler\":[64]},[[0,\"keydown\",\"handleEscape\"]]]]],[\"lu-toggle.cjs\",[[1,\"lu-toggle\",{\"startSelected\":[1028,\"start-selected\"],\"startText\":[1,\"start-text\"],\"startValue\":[8,\"start-value\"],\"endText\":[1,\"end-text\"],\"endValue\":[8,\"end-value\"],\"value\":[1032]}]]],[\"mylu-academics-course-box.cjs\",[[0,\"mylu-academics-course-box\",{\"courseTitle\":[1,\"course-title\"],\"courseInstructor\":[1,\"course-instructor\"],\"courseLocation\":[1,\"course-location\"],\"courseNumber\":[2,\"course-number\"],\"courseSubject\":[1,\"course-subject\"],\"courseTime\":[1,\"course-time\"],\"courseSection\":[1,\"course-section\"],\"meetDays\":[1,\"meet-days\"],\"position\":[2],\"total\":[2],\"registrationLink\":[1,\"registration-link\"],\"dayTimeString\":[32]}]]],[\"mylu-accordion.cjs\",[[1,\"mylu-accordion\",{\"name\":[1],\"isOpen\":[1028,\"is-open\"],\"orientation\":[1]}]]],[\"mylu-modal.cjs\",[[1,\"mylu-modal\",{\"modalLabel\":[1025,\"modal-label\"],\"useOverlay\":[4,\"use-overlay\"],\"modalId\":[1,\"modal-id\"],\"closingTransitionTime\":[2,\"closing-transition-time\"],\"isVisible\":[32]},[[4,\"openModal\",\"handleOpen\"],[4,\"closeModal\",\"handleClose\"],[0,\"keydown\",\"handleKeyDown\"],[32,\"keydown\",\"handleEscapeKeyDown\"]]]]],[\"mylu-news-feed-card-schedule.cjs\",[[1,\"mylu-news-feed-card-schedule\",{\"schedules\":[16]}]]],[\"mylu-side-menu-toggle.cjs\",[[1,\"mylu-side-menu-toggle\",{\"iconColor\":[1,\"icon-color\"],\"iconName\":[1,\"icon-name\"],\"isOpen\":[1028,\"is-open\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-tooltip.cjs\",[[1,\"mylu-tooltip\",{\"color\":[1],\"iconName\":[1,\"icon-name\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-upcoming-assignments.cjs\",[[1,\"mylu-upcoming-assignments\",{\"assignments\":[16],\"vertical\":[16]}]]],[\"lu-card.cjs\",[[1,\"lu-card\",{\"color\":[1]}]]],[\"lu-card-buttons.cjs\",[[1,\"lu-card-buttons\"]]],[\"lu-card-content.cjs\",[[0,\"lu-card-content\"]]],[\"lu-card-footer.cjs\",[[1,\"lu-card-footer\",{\"color\":[1],\"translucent\":[4]}]]],[\"lu-card-header.cjs\",[[1,\"lu-card-header\",{\"color\":[1],\"translucent\":[4]}]]],[\"lu-card-title.cjs\",[[1,\"lu-card-title\",{\"color\":[1]}]]],[\"lu-fab.cjs\",[[1,\"lu-fab\",{\"horizontal\":[1],\"vertical\":[1],\"edge\":[4],\"activated\":[1028],\"close\":[64]},[[0,\"click\",\"onClick\"]]]]],[\"lu-fab-list.cjs\",[[1,\"lu-fab-list\",{\"activated\":[4],\"side\":[1]}]]],[\"lu-gdpr-consent.cjs\",[[1,\"lu-gdpr-consent\",{\"hidden\":[32],\"grantConsentCookie\":[64],\"revokeConsentCookie\":[64],\"resetConsentCookie\":[64]},[[4,\"gdpr-consent-revoke\",\"handleRevoke\"],[4,\"gdpr-consent-reset\",\"handleReset\"]]]]],[\"lu-header.cjs\",[[1,\"lu-header\",{\"color\":[1],\"preHeader\":[4,\"pre-header\"]}]]],[\"lu-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\"]}]]],[\"mylu-breakpoints.cjs\",[[1,\"mylu-breakpoints\",{\"sm\":[2],\"md\":[2],\"lg\":[2],\"xl\":[2],\"currentBreakpoint\":[32],\"currentWidth\":[32],\"currentHeight\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"mylu-flames-pass-merchant.cjs\",[[1,\"mylu-flames-pass-merchant\",{\"name\":[1],\"site\":[1],\"thumbnail\":[1],\"address\":[1],\"discount\":[1],\"mapLink\":[1,\"map-link\"],\"phone\":[1]}]]],[\"mylu-footer.cjs\",[[1,\"mylu-footer\",{\"borderTop\":[4,\"border-top\"],\"backgroundColor\":[1,\"background-color\"],\"privacyLink\":[1,\"privacy-link\"],\"nonDiscriminationLink\":[1,\"non-discrimination-link\"],\"phoneNumber\":[1,\"phone-number\"]}]]],[\"mylu-news-feed-card.cjs\",[[4,\"mylu-news-feed-card\",{\"ariaLabelledBy\":[1,\"aria-labelled-by\"]}]]],[\"mylu-news-feed-card-flames-pass.cjs\",[[1,\"mylu-news-feed-card-flames-pass\",{\"flamesData\":[16]}]]],[\"mylu-news-feed-card-footer.cjs\",[[4,\"mylu-news-feed-card-footer\",{\"border\":[4],\"backgroundColor\":[1,\"background-color\"]}]]],[\"mylu-carousel.cjs\",[[1,\"mylu-carousel\",{\"slideCount\":[2,\"slide-count\"],\"startIndex\":[2,\"start-index\"],\"activeSlide\":[32]}]]],[\"mylu-context-menu.cjs\",[[1,\"mylu-context-menu\",{\"useOverlay\":[4,\"use-overlay\"],\"backgroundColor\":[1,\"background-color\"],\"iconName\":[1,\"icon-name\"],\"closeOnOuterClick\":[4,\"close-on-outer-click\"],\"isHidden\":[32],\"hasFocus\":[32],\"focusedMenuItem\":[32]},[[0,\"openMenu\",\"handleOpen\"],[0,\"toggle\",\"handleToggle\"],[0,\"closeMenu\",\"handleClose\"],[0,\"shiftFocus\",\"handleshiftFocus\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-nav-list-item.cjs\",[[1,\"mylu-nav-list-item\",{\"itemIcon\":[1,\"item-icon\"],\"itemId\":[2,\"item-id\"],\"itemTitle\":[1,\"item-title\"],\"navStyle\":[1,\"nav-style\"],\"isActive\":[1028,\"is-active\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"lu-backdrop.cjs\",[[1,\"lu-backdrop\",{\"visible\":[4],\"tappable\":[4],\"stopPropagation\":[4,\"stop-propagation\"]},[[2,\"touchstart\",\"onTouchStart\"],[2,\"click\",\"onMouseDown\"],[2,\"mousedown\",\"onMouseDown\"]]]]],[\"mylu-bubble-item.cjs\",[[1,\"mylu-bubble-item\",{\"description\":[1],\"isLink\":[4,\"is-link\"],\"itemId\":[1,\"item-id\"],\"label\":[1],\"linkRel\":[1,\"link-rel\"],\"linkTarget\":[1,\"link-target\"],\"linkTo\":[1,\"link-to\"],\"parentId\":[2,\"parent-id\"],\"parentPropId\":[1,\"parent-prop-id\"],\"parentRouteId\":[1,\"parent-route-id\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-progress.cjs\",[[1,\"mylu-progress\",{\"ariaValuenow\":[514,\"aria-valuenow\"],\"ariaValuemin\":[514,\"aria-valuemin\"],\"ariaValuemax\":[514,\"aria-valuemax\"],\"ariaValuetext\":[513,\"aria-valuetext\"]}]]],[\"lu-form-validation_2.cjs\",[[0,\"lu-form-validation\",{\"wrappingValidation\":[16],\"value\":[1040],\"useId\":[1,\"use-id\"],\"primaryCompoundId\":[1,\"primary-compound-id\"],\"isValid\":[1540,\"is-valid\"],\"isInvalid\":[1540,\"is-invalid\"],\"formGroups\":[32],\"wrappingValidationIsValid\":[32],\"wrappingValidationIsInvalid\":[32],\"failedWrappingValidatorsData\":[32],\"updateValues\":[64],\"forceValidation\":[64]}],[1,\"lu-text-area\",{\"invalid\":[4],\"valid\":[4],\"useId\":[1025,\"use-id\"],\"color\":[1],\"autocapitalize\":[1],\"autofocus\":[4],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"debounce\":[2],\"disabled\":[4],\"maxlength\":[2],\"minlength\":[2],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"spellcheck\":[4],\"cols\":[2],\"rows\":[2],\"wrap\":[1],\"autoGrow\":[4,\"auto-grow\"],\"value\":[1025],\"hasFocus\":[32],\"isResetting\":[32],\"setFocus\":[64],\"getInputElement\":[64],\"updateValue\":[64]}]]],[\"mylu-set_2.cjs\",[[1,\"mylu-set\",{\"canReorder\":[4,\"can-reorder\"],\"setId\":[2,\"set-id\"],\"isActive\":[4,\"is-active\"],\"isSelected\":[1028,\"is-selected\"],\"showActiveBar\":[4,\"show-active-bar\"],\"setTitle\":[1,\"set-title\"],\"order\":[2],\"isReordering\":[4,\"is-reordering\"],\"isTopBar\":[4,\"is-top-bar\"],\"translationTracker\":[2,\"translation-tracker\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]],[1,\"mylu-set-menu-bar\",{\"color\":[1],\"selectedSet\":[1026,\"selected-set\"],\"isTopBar\":[4,\"is-top-bar\"],\"cloneSets\":[32],\"circleDragging\":[32],\"selectedItemHeight\":[32],\"isTransitioning\":[32],\"transitioningTimeout\":[32],\"lastToIndex\":[32],\"resetSets\":[64]},[[2,\"circleDragStart\",\"onCircleDragStart\"],[0,\"circleDragEnd\",\"onCircleDragEnd\"],[0,\"luSelect\",\"onSetSelection\"],[33,\"dragover\",\"onDragover\"],[34,\"dragover\",\"onDrop\"]]]]],[\"mylu-box-footer.cjs\",[[1,\"mylu-box-footer\",{\"line\":[4],\"hideEndSlotOnSM\":[4,\"hide-end-slot-on-s-m\"]}]]],[\"mylu-carousel-slide.cjs\",[[1,\"mylu-carousel-slide\"]]],[\"lu-icon_12.cjs\",[[0,\"mylu-academics-todo\",{\"completedInput\":[16],\"incompleteInput\":[16],\"resetCount\":[2,\"reset-count\"],\"successCount\":[2,\"success-count\"],\"headerLinkOut\":[1,\"header-link-out\"],\"incompleteActive\":[32],\"completed\":[32],\"incomplete\":[32]}],[1,\"mylu-toggle-button\",{\"type\":[1],\"color\":[1],\"isToggled\":[1028,\"is-toggled\"],\"iconFilledName\":[32],\"iconOutlineName\":[32]},[[0,\"click\",\"handleClick\"]]],[1,\"lu-tab\",{\"active\":[1540],\"labelledById\":[1025,\"labelled-by-id\"],\"name\":[8],\"noSlide\":[8,\"no-slide\"],\"isFocused\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[18,\"luTabFocused\",\"handleLuTabFocused\"],[18,\"luTabBlurred\",\"handleLuTabBlurred\"]]],[1,\"lu-tabs\",{\"value\":[1025],\"label\":[1],\"noSlide\":[4,\"no-slide\"],\"tabs\":[32],\"tabIncrement\":[32],\"selectionBar\":[32],\"currentOrderedTabsArray\":[32],\"pos\":[32],\"left\":[32],\"width\":[32],\"focusedNode\":[32],\"elementResized\":[64]},[[0,\"luTabDidLoad\",\"onTabDidLoad\"],[0,\"luTabDidUnload\",\"onTabDidUnload\"],[0,\"luTabSelect\",\"onTabSelect\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"tabFocus\",\"onFocus\"],[0,\"tabBlur\",\"onBlur\"]]],[1,\"mylu-academics-todo-calendar-box\",{\"dateInput\":[1,\"date-input\"],\"isLate\":[4,\"is-late\"],\"dayNumber\":[32],\"monthString\":[32]}],[1,\"mylu-list\"],[1,\"mylu-list-item\",{\"partialLineBreak\":[4,\"partial-line-break\"],\"fullLineBreak\":[4,\"full-line-break\"]}],[1,\"mylu-link\",{\"color\":[1],\"description\":[1],\"linkRel\":[1,\"link-rel\"],\"linkTarget\":[1,\"link-target\"],\"linkTo\":[1,\"link-to\"],\"showLinkOutIcon\":[4,\"show-link-out-icon\"]}],[1,\"mylu-box-content\",{\"scrollable\":[4],\"defaultHeight\":[4,\"default-height\"]}],[1,\"mylu-box-header\",{\"line\":[4]}],[1,\"mylu-box\"],[1,\"lu-icon\",{\"color\":[1],\"mode\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"ios\":[1],\"md\":[1],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[1],\"src\":[1],\"icon\":[1],\"size\":[1],\"hexColor\":[1,\"hex-color\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"mylu-inner-modal-wrapper.cjs\",[[1,\"mylu-inner-modal-wrapper\"]]],[\"mylu-circle_2.cjs\",[[1,\"mylu-dot\",{\"backgroundColor\":[1,\"background-color\"],\"isActionable\":[4,\"is-actionable\"]}],[1,\"mylu-circle\",{\"backgroundColor\":[1,\"background-color\"],\"isActionable\":[4,\"is-actionable\"],\"isOutline\":[4,\"is-outline\"],\"isDraggable\":[4,\"is-draggable\"],\"setId\":[2,\"set-id\"],\"hideDecorators\":[4,\"hide-decorators\"],\"hasOverlay\":[4,\"has-overlay\"],\"overlayTitle\":[1,\"overlay-title\"],\"isDragging\":[32]},[[0,\"dragstart\",\"onDragStart\"],[2,\"dragend\",\"onDragEnd\"]]]]],[\"lu-img_2.cjs\",[[0,\"mylu-avatar\",{\"showNotification\":[4,\"show-notification\"],\"showAction\":[4,\"show-action\"],\"actionIcon\":[1,\"action-icon\"],\"circleBackgroundColor\":[1,\"circle-background-color\"],\"notificationBackgroundColor\":[1,\"notification-background-color\"],\"actionBackgroundColor\":[1,\"action-background-color\"],\"imgUrl\":[1,\"img-url\"],\"isActionable\":[4,\"is-actionable\"],\"hasOverlay\":[4,\"has-overlay\"],\"overlayTitle\":[1,\"overlay-title\"],\"alt\":[1],\"imgLoaded\":[32]}],[1,\"lu-img\",{\"alt\":[1],\"src\":[1],\"loadSrc\":[32]}]]],[\"lu-button.cjs\",[[1,\"lu-button\",{\"color\":[1],\"buttonType\":[1025,\"button-type\"],\"disabled\":[516],\"expand\":[513],\"fill\":[1537],\"href\":[1],\"rel\":[1],\"shape\":[513],\"size\":[513],\"strong\":[4],\"target\":[1],\"type\":[1],\"keyFocus\":[32]}]]],[\"lu-col_8.cjs\",[[1,\"lu-form-group\",{\"clearErrorStateOnClearInput\":[4,\"clear-error-state-on-clear-input\"],\"clearInput\":[4,\"clear-input\"],\"color\":[1],\"cssClass\":[1,\"css-class\"],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"errorMessage\":[1025,\"error-message\"],\"externallyDeemedValid\":[1028,\"externally-deemed-valid\"],\"externallyDeemedInvalid\":[1028,\"externally-deemed-invalid\"],\"forId\":[1025,\"for-id\"],\"helperText\":[1,\"helper-text\"],\"useId\":[1025,\"use-id\"],\"isExternallyValidated\":[4,\"is-externally-validated\"],\"isValidatedOnSubmission\":[4,\"is-validated-on-submission\"],\"labelText\":[1,\"label-text\"],\"updateTrigger\":[1,\"update-trigger\"],\"useAsteriskAsRequiredIndicator\":[4,\"use-asterisk-as-required-indicator\"],\"value\":[32],\"isCheckboxGroup\":[32],\"isValid\":[32],\"isInvalid\":[32],\"isSelect\":[32],\"isRadioGroup\":[32],\"isRequired\":[32],\"isTextArea\":[32],\"needsEmailValidation\":[32],\"needsPatternValidation\":[32],\"needsPasswordValidation\":[32],\"pattern\":[32],\"isInput\":[32],\"generatedErrorMessage\":[32],\"validate\":[64],\"updateValue\":[64],\"getValidationValues\":[64]}],[1,\"lu-input\",{\"accept\":[1],\"autocomplete\":[1],\"autocapitalize\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"capture\":[1],\"checked\":[4],\"color\":[1],\"debounce\":[2],\"disabled\":[4],\"form\":[1],\"useId\":[1025,\"use-id\"],\"inputmode\":[1],\"invalid\":[4],\"list\":[1],\"max\":[8],\"min\":[8],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"prefixIconClickable\":[4,\"prefix-icon-clickable\"],\"suffixIcon\":[1025,\"suffix-icon\"],\"suffixIconClickable\":[1028,\"suffix-icon-clickable\"],\"readOnly\":[4,\"read-only\"],\"required\":[4],\"size\":[2],\"spellcheck\":[4],\"step\":[8],\"tabIndexWanted\":[2,\"tab-index-wanted\"],\"type\":[1],\"valid\":[4],\"value\":[1025],\"hasFocus\":[32],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-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\"]]],[1,\"lu-grid\",{\"fixed\":[4]}],[1,\"lu-radio\",{\"color\":[1],\"canDeselect\":[4,\"can-deselect\"],\"labeledById\":[1,\"labeled-by-id\"],\"name\":[1],\"disabled\":[4],\"checked\":[1028],\"value\":[1032],\"hasFocus\":[32]},[[0,\"click\",\"onClick\"]]],[0,\"lu-radio-group\",{\"allowEmptySelection\":[4,\"allow-empty-selection\"],\"direction\":[1],\"useId\":[1025,\"use-id\"],\"name\":[1],\"required\":[4],\"value\":[1032],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-row\"],[1,\"lu-label\",{\"color\":[1],\"labelText\":[1,\"label-text\"],\"required\":[4],\"optional\":[4],\"forId\":[513,\"for-id\"],\"useId\":[1025,\"use-id\"],\"invalid\":[4],\"errorMessage\":[1,\"error-message\"],\"helperText\":[1,\"helper-text\"],\"useAsteriskAsRequiredIndicator\":[4,\"use-asterisk-as-required-indicator\"]}]]],[\"lu-checkbox_4.cjs\",[[0,\"mylu-dynamic-form\",{\"form\":[16],\"isInEditState\":[4,\"is-in-edit-state\"],\"showDeleteInEditMode\":[4,\"show-delete-in-edit-mode\"],\"secondaryCompoundIdField\":[1,\"secondary-compound-id-field\"],\"formTitle\":[32],\"formId\":[32],\"formFields\":[32],\"wrappingValidationInvalid\":[32],\"wrappingValidationErrorMessage\":[32]}],[1,\"lu-checkbox\",{\"color\":[1],\"name\":[1],\"labeledById\":[1,\"labeled-by-id\"],\"checked\":[1028],\"disabled\":[4],\"isExternallyManaged\":[4,\"is-externally-managed\"],\"value\":[8],\"keyFocus\":[32],\"hasFocus\":[32]}],[4,\"lu-checkbox-group\",{\"direction\":[1],\"useId\":[1025,\"use-id\"],\"name\":[1],\"required\":[4],\"value\":[1040],\"isResetting\":[32],\"componentLoaded\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-select\",{\"useId\":[1025,\"use-id\"],\"color\":[1],\"invalid\":[4],\"name\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"placeholder\":[1],\"helpText\":[1,\"help-text\"],\"value\":[1032],\"selectedValueName\":[1032,\"selected-value-name\"],\"showPlaceholderOption\":[4,\"show-placeholder-option\"],\"required\":[4],\"options\":[1040],\"valid\":[4],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}]]]]"), options); | ||
}); | ||
@@ -12,0 +12,0 @@ }; |
@@ -6,3 +6,3 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const helpers = require('./helpers-2489a184.js'); | ||
const helpers = require('./helpers-d5a29101.js'); | ||
@@ -9,0 +9,0 @@ class GestureController { |
@@ -7,3 +7,3 @@ 'use strict'; | ||
const theme = require('./theme-1ac31ccf.js'); | ||
const helpers = require('./helpers-2489a184.js'); | ||
const helpers = require('./helpers-d5a29101.js'); | ||
@@ -10,0 +10,0 @@ const Button = class { |
@@ -242,3 +242,3 @@ 'use strict'; | ||
*/ | ||
this.useId = this.selectId + "-wrapper"; | ||
this.useId = this.selectId + '-wrapper'; | ||
/** | ||
@@ -249,3 +249,3 @@ * Declares input as invalid | ||
this.disabled = false; | ||
this.placeholder = "Select an option"; | ||
this.placeholder = 'Select an option'; | ||
/** | ||
@@ -267,6 +267,6 @@ * Do you need a placeholder option | ||
}; | ||
this.onChange = ev => { | ||
this.onChange = (ev) => { | ||
const select = ev.target; | ||
if (select && this.selectedValueName !== select.value) { | ||
this.selectedValueName = select.value || ""; | ||
this.selectedValueName = select.value || ''; | ||
} | ||
@@ -278,3 +278,3 @@ }; | ||
}; | ||
this.onInput = ev => { | ||
this.onInput = (ev) => { | ||
const select = ev.target; | ||
@@ -297,3 +297,3 @@ if (select && this.selectedValueName !== select.value) { | ||
this.luChange.emit({ | ||
value: this.getValue() === this.placeholder ? "" : this.value, | ||
value: this.getValue() === this.placeholder ? '' : this.value, | ||
isResetting: this.isResetting | ||
@@ -328,3 +328,3 @@ }); | ||
this.luFocus.emit(); | ||
this.selectContainerDiv.classList.add("focused"); | ||
this.selectContainerDiv.classList.add('focused'); | ||
} | ||
@@ -371,10 +371,10 @@ handleSelect(value) { | ||
removeFocus() { | ||
this.selectContainerDiv.classList.remove("focused"); | ||
this.selectContainerDiv.classList.remove('focused'); | ||
} | ||
hostData() { | ||
return { | ||
class: Object.assign(Object.assign({}, theme.createColorClasses(this.color)), { "is-select": true, "is-disabled": this.disabled }), | ||
"is-invalid": this.invalid, | ||
"is-valid": this.valid, | ||
id: this.useId | ||
class: Object.assign(Object.assign({}, theme.createColorClasses(this.color)), { 'is-select': true, 'is-disabled': this.disabled }), | ||
'is-invalid': this.invalid, | ||
'is-valid': this.valid, | ||
'id': this.useId | ||
}; | ||
@@ -384,5 +384,5 @@ } | ||
return [ | ||
core.h("div", { ref: input => (this.selectContainerDiv = input), class: "select" }, core.h("select", { ref: input => (this.nativeSelect = input), id: this.selectId, name: this.name, disabled: this.disabled, "aria-label": this.ariaLabel, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, "aria-labelledby": this.selectId }, this.showPlaceholderOption ? (core.h("option", { value: this.placeholder }, this.placeholder)) : null, Array.isArray(this.options) | ||
? this.options.map(option => (core.h("option", { value: option.name }, option.name))) | ||
: ""), core.h("div", { class: "select__icon" }, core.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 8" }, core.h("title", null, "keyboard_arrow_down"), core.h("g", { id: "Icon/Arrow-Black", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, core.h("polyline", { id: "More-Arrow", stroke: "#222222", "stroke-width": "2", transform: "translate(6.000000, 3.500000) rotate(-90.000000) translate(-6.000000, -3.500000) ", points: "8.48579545 -1.52857143 3.51420455 3.49748571 8.48579545 8.52857143" }))))), | ||
core.h("div", { ref: input => this.selectContainerDiv = input, class: "select" }, core.h("select", { ref: input => this.nativeSelect = input, id: this.selectId, name: this.name, disabled: this.disabled, "aria-label": this.ariaLabel, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, "aria-labelledby": this.selectId + '-label' }, this.showPlaceholderOption ? core.h("option", { value: this.placeholder }, this.placeholder) : null, (Array.isArray(this.options)) | ||
? this.options.map((option) => core.h("option", { value: option.name }, option.name)) | ||
: ''), core.h("div", { class: "select__icon" }, core.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 8" }, core.h("title", null, "keyboard_arrow_down"), core.h("g", { id: "Icon/Arrow-Black", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, core.h("polyline", { id: "More-Arrow", stroke: "#222222", "stroke-width": "2", transform: "translate(6.000000, 3.500000) rotate(-90.000000) translate(-6.000000, -3.500000) ", points: "8.48579545 -1.52857143 3.51420455 3.49748571 8.48579545 8.52857143" }))))), | ||
core.h("div", { class: "select--outline" }), | ||
@@ -406,3 +406,3 @@ core.h("div", { class: "select--left-border" }) | ||
this.wrappingValidationInvalid = false; | ||
this.wrappingValidationErrorMessage = ""; | ||
this.wrappingValidationErrorMessage = ''; | ||
this.isInEditState = false; | ||
@@ -413,48 +413,41 @@ this.showDeleteInEditMode = false; | ||
if (this.secondaryCompoundIdField) { | ||
secondaryCompoundIdValue = this.formFields.filter((field) => field.name.toLocaleLowerCase() === | ||
this.secondaryCompoundIdField.toLocaleLowerCase())[0].value; | ||
secondaryCompoundIdValue = this.formFields.filter((field) => field.name.toLocaleLowerCase() === this.secondaryCompoundIdField.toLocaleLowerCase())[0].value; | ||
} | ||
this.myluDynamicFormDeleteRequest.emit({ | ||
id: this.formId, | ||
secondaryCompoundIdValue | ||
}); | ||
this.myluDynamicFormDeleteRequest.emit({ id: this.formId, secondaryCompoundIdValue }); | ||
}; | ||
this.onLuFormValidationDidLoad = ev => { | ||
this.onLuFormValidationDidLoad = (ev) => { | ||
this.myluDynamicFormValidationDidLoad.emit(ev.target); | ||
}; | ||
this.getThatInput = (field) => { | ||
if (field.type === "input") { | ||
if (field.type === 'input') { | ||
return (core.h("lu-input", Object.assign({ color: "neutral_darkest", name: field.name, value: field.value }, field.inputElementAttributes))); | ||
} | ||
if (field.type === "select") { | ||
if (field.type === 'select') { | ||
return (core.h("lu-select", Object.assign({ color: "neutral_darkest", name: field.name, options: field.options, value: field.value }, field.inputElementAttributes))); | ||
} | ||
if (field.type === "checkbox-group") { | ||
return (core.h("lu-checkbox-group", { name: field.name }, field.options && | ||
field.options.map(option => { | ||
let checked = false; | ||
if (field.value) { | ||
let match = field.value.filter((check) => { | ||
return check.value === option.value; | ||
})[0]; | ||
if (match) { | ||
checked = match.checked; | ||
} | ||
if (field.type === 'checkbox-group') { | ||
return (core.h("lu-checkbox-group", { name: field.name }, field.options && field.options.map((option) => { | ||
let checked = false; | ||
if (field.value) { | ||
let match = field.value.filter((check) => { | ||
return check.value === option.value; | ||
})[0]; | ||
if (match) { | ||
checked = match.checked; | ||
} | ||
return (core.h("lu-checkbox", { color: "neutral_darkest", value: option.value, checked: checked, name: option.name }, option.label)); | ||
}))); | ||
} | ||
return (core.h("lu-checkbox", { color: "neutral_darkest", value: option.value, checked: checked, name: option.name }, option.label)); | ||
}))); | ||
} | ||
if (field.type === "radio-group") { | ||
return (core.h("lu-radio-group", { name: field.name }, field.options && | ||
field.options.map(option => { | ||
return (core.h("lu-radio", { color: "neutral_darkest", value: option.value, checked: JSON.stringify(option.value) === JSON.stringify(field.value) }, option.name)); | ||
}))); | ||
if (field.type === 'radio-group') { | ||
return (core.h("lu-radio-group", { name: field.name }, field.options && field.options.map((option) => { | ||
return (core.h("lu-radio", { color: "neutral_darkest", value: option.value, checked: JSON.stringify(option.value) === JSON.stringify(field.value) }, option.name)); | ||
}))); | ||
} | ||
}; | ||
this.getReadOnlyView = (field) => { | ||
if (field.type === "checkbox-group" && field.value) { | ||
if (field.type === 'checkbox-group' && field.value) { | ||
return field.value.map((check) => { | ||
if (check.checked) { | ||
return (core.h("div", { class: "read-only-div" }, field.options.filter(option => option.value === check.value)[0] | ||
.label)); | ||
return (core.h("div", { class: 'read-only-div' }, field.options.filter((option) => option.value === check.value)[0].label)); | ||
} | ||
@@ -465,3 +458,3 @@ return null; | ||
if (field.value) { | ||
return core.h("div", { class: "read-only-div" }, field.value.toString()); | ||
return (core.h("div", { class: 'read-only-div' }, field.value.toString())); | ||
} | ||
@@ -473,12 +466,10 @@ return null; | ||
}; | ||
this.handleValidation = ev => { | ||
this.handleValidation = (ev) => { | ||
const validation = ev.detail.wrappingValidation; | ||
if (validation.isInvalid && | ||
validation.failedWrappingValidations.length > 0) { | ||
if (validation.isInvalid && validation.failedWrappingValidations.length > 0) { | ||
this.wrappingValidationInvalid = true; | ||
this.wrappingValidationErrorMessage = | ||
validation.failedWrappingValidations[0].message; | ||
this.wrappingValidationErrorMessage = validation.failedWrappingValidations[0].message; | ||
} | ||
else if (validation.isValid) { | ||
this.wrappingValidationErrorMessage = ""; | ||
this.wrappingValidationErrorMessage = ''; | ||
this.wrappingValidationInvalid = false; | ||
@@ -506,14 +497,9 @@ } | ||
render() { | ||
const TagName = this.isInEditState ? "lu-form-validation" : "div"; | ||
const props = Object.assign(Object.assign(Object.assign(Object.assign({ class: "dynamic-form-dynamic-wrapper" }, (this.isInEditState && | ||
!!this.form.wrappingValidations && { | ||
wrappingValidation: this.form.wrappingValidations | ||
})), (this.isInEditState && { useId: this.formId })), (this.isInEditState && { primaryCompoundId: this.form.id })), (this.isInEditState && { | ||
onLuFormValidationValueChange: ev => this.handleValidation(ev) | ||
})); | ||
const TagName = this.isInEditState ? 'lu-form-validation' : 'div'; | ||
const props = Object.assign(Object.assign(Object.assign(Object.assign({ class: 'dynamic-form-dynamic-wrapper' }, this.isInEditState && !!this.form.wrappingValidations && { wrappingValidation: this.form.wrappingValidations }), this.isInEditState && { useId: this.formId }), this.isInEditState && { primaryCompoundId: this.form.id }), this.isInEditState && { onLuFormValidationValueChange: (ev) => this.handleValidation(ev) }); | ||
return (core.h(core.Host, { class: { | ||
"is-editing": this.isInEditState, | ||
"should-show-delete": this.showDeleteInEditMode, | ||
"wrapping-validation-invalid": this.wrappingValidationInvalid | ||
}, onLuFormValidationDidLoad: this.onLuFormValidationDidLoad }, core.h(TagName, Object.assign({}, props), core.h("lu-grid", null, core.h("lu-row", { class: "mylu-dynamic-form-header-row" }, core.h("lu-col", { class: "mylu-dynamic-form-header-title-col" }, core.h("div", { role: "heading", "aria-level": this.headingLevel }, this.formTitle)), this.isInEditState && this.showDeleteInEditMode && (core.h("lu-col", null, core.h("lu-button", { color: "neutral", fill: "clear", onClick: this.onTrash }, core.h("lu-icon", { name: "md-trash", color: "neutral", slot: "start" }), "Delete")))), this.formFields.map(this.isInEditState ? this.getThemFormGroups : this.getReadOnlyView), this.wrappingValidationInvalid && (core.h("lu-row", null, core.h("lu-col", { class: "mylu-dynamic-form-header-error-div" }, core.h("div", null, this.wrappingValidationErrorMessage)))))))); | ||
'is-editing': this.isInEditState, | ||
'should-show-delete': this.showDeleteInEditMode, | ||
'wrapping-validation-invalid': this.wrappingValidationInvalid | ||
}, onLuFormValidationDidLoad: this.onLuFormValidationDidLoad }, core.h(TagName, Object.assign({}, props), core.h("lu-grid", null, core.h("lu-row", { class: "mylu-dynamic-form-header-row" }, core.h("lu-col", { class: "mylu-dynamic-form-header-title-col" }, core.h("div", { role: "header" }, this.formTitle)), this.isInEditState && this.showDeleteInEditMode && (core.h("lu-col", null, core.h("lu-button", { color: "neutral", fill: "clear", onClick: this.onTrash }, core.h("lu-icon", { name: "md-trash", color: "neutral", slot: "start" }), "Delete")))), this.formFields.map(this.isInEditState ? (this.getThemFormGroups) : (this.getReadOnlyView)), this.wrappingValidationInvalid && core.h("lu-row", null, core.h("lu-col", { class: "mylu-dynamic-form-header-error-div" }, core.h("div", null, this.wrappingValidationErrorMessage))))))); | ||
} | ||
@@ -520,0 +506,0 @@ static get watchers() { return { |
@@ -7,3 +7,3 @@ 'use strict'; | ||
const theme = require('./theme-1ac31ccf.js'); | ||
const helpers = require('./helpers-2489a184.js'); | ||
const helpers = require('./helpers-d5a29101.js'); | ||
const mutationOberserver = require('./mutation-oberserver-304d728b.js'); | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ 'use strict'; | ||
const theme = require('./theme-1ac31ccf.js'); | ||
const helpers = require('./helpers-2489a184.js'); | ||
const helpers = require('./helpers-d5a29101.js'); | ||
const mutationOberserver = require('./mutation-oberserver-304d728b.js'); | ||
@@ -10,0 +10,0 @@ |
@@ -30,3 +30,3 @@ 'use strict'; | ||
// Please look at the rollup replace plugin in stencil.config.ts | ||
'https://icons-ux-design-system.apps.rhocp.awsos.liberty.edu/icon-manifest.json') | ||
'__ICON_API__icon-manifest.json') | ||
.then(response => response.json()) | ||
@@ -33,0 +33,0 @@ .then(icons => { |
@@ -7,3 +7,3 @@ 'use strict'; | ||
const theme = require('./theme-1ac31ccf.js'); | ||
const helpers = require('./helpers-2489a184.js'); | ||
const helpers = require('./helpers-d5a29101.js'); | ||
@@ -10,0 +10,0 @@ const attachComponent = async (delegate, container, component, cssClasses, componentProps) => { |
@@ -25,3 +25,5 @@ 'use strict'; | ||
const backgroundColor = setItem.isTransparent || setItem.iconColor === "white" ? null : "white"; | ||
return (core.h("li", { key: setItem.id + "-" + index }, core.h("mylu-bubble-item", { isLink: setItem.action === "link", itemId: setItem.id, label: setItem.title, linkTo: setItem.actionData, parentId: setItem.parentId, parentPropId: setItem.parentPropId, parentRouteId: setItem.parentRouteId }, core.h("mylu-circle", { backgroundColor: backgroundColor }, setItem.icon !== "" ? (core.h("lu-icon", { color: setItem.iconColor, hexColor: setItem.iconColor, name: setItem.icon })) : (this.constructIcon(setItem.title, setItem.iconColor)))))); | ||
return (core.h("li", { key: setItem.id + "-" + index }, core.h("mylu-bubble-item", { description: setItem.action === "link" && setItem.itemDescription !== "" | ||
? setItem.itemDescription | ||
: null, isLink: setItem.action === "link", itemId: setItem.id, label: setItem.title, linkTo: setItem.actionData, parentId: setItem.parentId, parentPropId: setItem.parentPropId, parentRouteId: setItem.parentRouteId }, core.h("mylu-circle", { backgroundColor: backgroundColor }, setItem.icon !== "" ? (core.h("lu-icon", { color: setItem.iconColor, hexColor: setItem.iconColor, name: setItem.icon })) : (this.constructIcon(setItem.title, setItem.iconColor)))))); | ||
}; | ||
@@ -28,0 +30,0 @@ this.selectedBubbleItem = core.createEvent(this, "selectedBubbleItem", 7); |
@@ -6,3 +6,3 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const theme = require('./theme-5a9f6de6.js'); | ||
const theme$1 = require('./theme-5a9f6de6.js'); | ||
@@ -46,3 +46,3 @@ const Circle = class { | ||
const TagType = this.isActionable ? "button" : "span"; | ||
return (core.h(core.Host, { class: Object.assign(Object.assign({}, theme.createColorClasses(this.backgroundColor)), { "hide-decorators": this.hideDecorators, "is-draggable": this.isDraggable, "is-outline": this.isOutline }), draggable: this.isDraggable ? "true" : "false" }, core.h(TagType, { class: "container", onClick: this.onClick }, this.hasOverlay && (core.h("div", { class: "overlay" }, this.overlayTitle.toUpperCase())), core.h("slot", null), core.h("slot", { name: "action" }), core.h("slot", { name: "notification" })))); | ||
return (core.h(core.Host, { class: Object.assign(Object.assign({}, theme$1.createColorClasses(this.backgroundColor)), { "hide-decorators": this.hideDecorators, "is-draggable": this.isDraggable, "is-outline": this.isOutline }), draggable: this.isDraggable ? "true" : "false" }, core.h(TagType, { class: "container", onClick: this.onClick }, this.hasOverlay && (core.h("div", { class: "overlay" }, this.overlayTitle.toUpperCase())), core.h("slot", null), core.h("slot", { name: "action" }), core.h("slot", { name: "notification" })))); | ||
} | ||
@@ -71,3 +71,3 @@ get circleElement() { return core.getElement(this); } | ||
const TagType = this.isActionable ? "button" : "span"; | ||
return (core.h(core.Host, { class: Object.assign({}, theme.createColorClasses(this.backgroundColor)) }, core.h(TagType, { class: "dot-container", onClick: this.handleClick }, core.h("slot", null, core.h("lu-icon", { name: "lu-notification-dot" }))))); | ||
return (core.h(core.Host, { class: Object.assign({}, theme$1.createColorClasses(this.backgroundColor)) }, core.h(TagType, { class: "dot-container", onClick: this.handleClick }, core.h("slot", null, core.h("lu-icon", { name: "lu-notification-dot" }))))); | ||
} | ||
@@ -74,0 +74,0 @@ static get style() { return ":host,:host .dot-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .dot-container{border-radius:var(--mylu-dot-border-radius,50%);padding-left:var(--mylu-dot-padding,.125rem);padding-right:var(--mylu-dot-padding,.125rem);padding-top:var(--mylu-dot-padding,.125rem);padding-bottom:var(--mylu-dot-padding,.125rem);-webkit-transition:background-color .2s ease-out,-webkit-box-shadow .2s ease-out;transition:background-color .2s ease-out,-webkit-box-shadow .2s ease-out;transition:box-shadow .2s ease-out,background-color .2s ease-out;transition:box-shadow .2s ease-out,background-color .2s ease-out,-webkit-box-shadow .2s ease-out;border:none;background-color:var(--lu-color-base);color:var(--lu-color-contrast);font-size:var(--mylu-dot-font-size,.625rem);-webkit-box-shadow:0 0 0 .125rem var(--mylu-dot-border-color,var(--lu-color-contrast));box-shadow:0 0 0 .125rem var(--mylu-dot-border-color,var(--lu-color-contrast))}\@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0){:host .dot-container{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--mylu-dot-padding,.125rem);padding-inline-start:var(--mylu-dot-padding,.125rem);-webkit-padding-end:var(--mylu-dot-padding,.125rem);padding-inline-end:var(--mylu-dot-padding,.125rem)}}:host .dot-container:focus{border:none;outline:none;-webkit-box-shadow:0 0 0 .125rem var(--mylu-dot-focus-border-color,var(--lu-color-shade));box-shadow:0 0 0 .125rem var(--mylu-dot-focus-border-color,var(--lu-color-shade))}:host button{cursor:pointer}:host button::-moz-focus-inner{border:none}:host ::slotted(span){line-height:1;min-width:var(--mylu-dot-font-size,.625rem)}"; } |
@@ -6,4 +6,4 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const theme$1 = require('./theme-5a9f6de6.js'); | ||
const index = require('./index-9af77449.js'); | ||
const theme = require('./theme-5a9f6de6.js'); | ||
@@ -203,3 +203,3 @@ const ContextMenu = class { | ||
render() { | ||
return (core.h(core.Host, { class: Object.assign({}, theme.createColorClasses(this.backgroundColor)), "aria-label": "Toggle context menu" }, core.h("button", { "aria-haspopup": true, "aria-controls": "menu-content-container", ref: ref => { | ||
return (core.h(core.Host, { class: Object.assign({}, theme$1.createColorClasses(this.backgroundColor)), "aria-label": "Toggle context menu" }, core.h("button", { "aria-haspopup": true, "aria-controls": "menu-content-container", ref: ref => { | ||
this.menuButton = ref; | ||
@@ -206,0 +206,0 @@ }, id: "menu-button", "aria-expanded": !this.isHidden, onFocus: () => (this.hasFocus = true), onBlur: () => (this.hasFocus = false), onClick: () => this.emitToggle("top") }, core.h("lu-icon", { name: this.iconName || "more" })), core.h("div", { id: "menu-content-container", "aria-labelledby": "menu-button", class: this.isHidden ? "is-hidden" : "is-visible" }, core.h("div", { class: "context-menu-content" }, core.h("slot", { name: "menu-content" })), this.useOverlay && (core.h("div", { onClick: () => this.handleClose(), class: "overlay" }))))); |
@@ -6,3 +6,3 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const theme = require('./theme-5a9f6de6.js'); | ||
const theme$1 = require('./theme-5a9f6de6.js'); | ||
@@ -36,3 +36,3 @@ const Footer = class { | ||
render() { | ||
return (core.h(core.Host, { class: Object.assign({}, theme.createColorClasses(this.backgroundColor)) }, core.h("div", { style: this.borderTop ? { borderTop: "2px solid #d2d2d2" } : {}, class: "footer-container" }, core.h("div", { class: "footer-text" }, core.h("p", null, "\u00A9 Liberty University"), core.h("div", { class: "footer-links" }, core.h("a", { href: this.privacyLink, rel: "noopener noreferrer", target: "_blank" }, "Privacy Policy"), core.h("a", { href: this.nonDiscriminationLink, rel: "noopener noreferrer", target: "_blank" }, "Non-Discrimination Policy")), core.h("p", null, "Helpdesk ", this.phoneNumber))))); | ||
return (core.h(core.Host, { class: Object.assign({}, theme$1.createColorClasses(this.backgroundColor)) }, core.h("div", { style: this.borderTop ? { borderTop: "2px solid #d2d2d2" } : {}, class: "footer-container" }, core.h("div", { class: "footer-text" }, core.h("p", null, "\u00A9 Liberty University"), core.h("div", { class: "footer-links" }, core.h("a", { href: this.privacyLink, rel: "noopener noreferrer", target: "_blank" }, "Privacy Policy"), core.h("a", { href: this.nonDiscriminationLink, rel: "noopener noreferrer", target: "_blank" }, "Non-Discrimination Policy")), core.h("p", null, "Helpdesk ", this.phoneNumber))))); | ||
} | ||
@@ -39,0 +39,0 @@ static get style() { return ":host .footer-container{min-height:var(--mylu-footer-min-height,88px);width:100%;min-width:172px;background-color:var(--mylu-footer-background-color,var(--lu-color-contrast))}:host .footer-container .footer-text{padding-top:var(--mylu-footer-padding-top,15px);padding-right:var(--mylu-footer-padding-right,26px);padding-bottom:var(--mylu-footer-padding-bottom,15px);padding-left:var(--mylu-footer-padding-left,26px);color:var(--mylu-footer-color,#686a6f);font-family:inherit;font-size:.75rem}:host .footer-container .footer-text .footer-links a:first-child{margin-right:10px}:host .footer-container .footer-text a,:host .footer-container .footer-text p{line-height:1.125rem;margin:0}:host .footer-container .footer-text a{display:inline-block;color:#256ec1;text-decoration:none}"; } |
@@ -23,14 +23,11 @@ 'use strict'; | ||
this.sortedForms = []; | ||
this.headerButtonIcon = "md-create"; | ||
this.headerButtonText = "Edit"; | ||
this.headerButtonIcon = 'md-create'; | ||
this.headerButtonText = 'Edit'; | ||
this.showFooter = false; | ||
this.hasForms = false; | ||
this.messageText = ""; | ||
this.messageText = ''; | ||
this.failedUpdates = []; | ||
this.saveSucceeded = false; | ||
this.onDynamicFormValidationDidLoad = (formValidationComp) => { | ||
this.formValidationComponents = [ | ||
...this.formValidationComponents, | ||
formValidationComp | ||
]; | ||
this.formValidationComponents = [...this.formValidationComponents, formValidationComp]; | ||
}; | ||
@@ -40,5 +37,3 @@ this.onDynamicFormValidationDidUnload = (formValidationComp) => { | ||
if (removeIndex > -1) { | ||
this.formValidationComponents = [ | ||
...this.formValidationComponents.filter((_comp, index) => index !== removeIndex) | ||
]; | ||
this.formValidationComponents = [...this.formValidationComponents.filter((_comp, index) => index !== removeIndex)]; | ||
} | ||
@@ -48,5 +43,5 @@ }; | ||
mutationList.forEach((record) => { | ||
if (record.type === "childList") { | ||
if (record.type === 'childList') { | ||
for (let i = 0; i < record.addedNodes.length; i++) { | ||
const relevantOptions = mutationOberserver.findRelevantOptions(record.addedNodes[i], "lu-form-validation"); | ||
const relevantOptions = mutationOberserver.findRelevantOptions(record.addedNodes[i], 'lu-form-validation'); | ||
if (relevantOptions) | ||
@@ -56,3 +51,3 @@ relevantOptions.forEach(this.onDynamicFormValidationDidLoad); | ||
for (let i = 0; i < record.removedNodes.length; i++) { | ||
const relevantOptions = mutationOberserver.findRelevantOptions(record.removedNodes[i], "lu-form-validation"); | ||
const relevantOptions = mutationOberserver.findRelevantOptions(record.removedNodes[i], 'lu-form-validation'); | ||
if (relevantOptions) | ||
@@ -66,3 +61,3 @@ relevantOptions.forEach(this.onDynamicFormValidationDidUnload); | ||
this.isSaving = true; | ||
this.messageText = "Saving..."; | ||
this.messageText = 'Saving...'; | ||
this.saveFailedOrIsInvalid = false; | ||
@@ -80,3 +75,3 @@ let validationPromises = []; | ||
this.isSaving = false; | ||
this.messageText = "Please fix the issues below."; | ||
this.messageText = 'Please fix the issues below.'; | ||
} | ||
@@ -86,5 +81,3 @@ else { | ||
let removeTheseIndexesFromOriginalAfterGettingAdded = []; | ||
const originals = this.originalForms | ||
.filter((form) => !form.canNotEdit) | ||
.map(this.convertFormToSimplifiedFormat); | ||
const originals = this.originalForms.filter((form) => !form.canNotEdit).map(this.convertFormToSimplifiedFormat); | ||
const updates = validations.map(this.convertFormValidationToSimplifiedFormat); | ||
@@ -104,6 +97,3 @@ const deleted = originals.filter((originalForm, index) => { | ||
if (!perfectMatch) { | ||
removeTheseIndexesFromOriginal = [ | ||
...removeTheseIndexesFromOriginal, | ||
index | ||
]; | ||
removeTheseIndexesFromOriginal = [...removeTheseIndexesFromOriginal, index]; | ||
} | ||
@@ -128,6 +118,3 @@ return !perfectMatch; | ||
if (!perfectMatch) { | ||
removeTheseIndexesFromOriginalAfterGettingAdded = [ | ||
...removeTheseIndexesFromOriginalAfterGettingAdded, | ||
index | ||
]; | ||
removeTheseIndexesFromOriginalAfterGettingAdded = [...removeTheseIndexesFromOriginalAfterGettingAdded, index]; | ||
} | ||
@@ -140,25 +127,14 @@ return !perfectMatch; | ||
}); | ||
const everythingRemaining = [ | ||
...added, | ||
...originalsLeftAfterAddedAndDeleted | ||
]; | ||
const everythingRemaining = [...added, ...originalsLeftAfterAddedAndDeleted]; | ||
const thereAreDuplicatesOfSaveType = everythingRemaining.filter((formInq, index) => { | ||
return (everythingRemaining | ||
.filter((_formInqFolded, foldedIndex) => index !== foldedIndex) | ||
.filter((formInqFolded) => { | ||
return everythingRemaining.filter((_formInqFolded, foldedIndex) => index !== foldedIndex).filter((formInqFolded) => { | ||
const match = formInqFolded.id === formInq.id; | ||
let primaryValueMatch = false; | ||
if (match && !!this.secondaryCompoundIdField) { | ||
const formInqFoldedRelevantField = formInqFolded.fields.filter((fieldInqFolded) => fieldInqFolded.name.toLowerCase() === | ||
this.secondaryCompoundIdField.toLowerCase())[0]; | ||
const formInqRelevantField = formInq.fields.filter((fieldInq) => fieldInq.name.toLowerCase() === | ||
this.secondaryCompoundIdField.toLowerCase())[0]; | ||
primaryValueMatch = | ||
formInqFoldedRelevantField.value === | ||
formInqRelevantField.value; | ||
const formInqFoldedRelevantField = formInqFolded.fields.filter((fieldInqFolded) => fieldInqFolded.name.toLowerCase() === this.secondaryCompoundIdField.toLowerCase())[0]; | ||
const formInqRelevantField = formInq.fields.filter((fieldInq) => fieldInq.name.toLowerCase() === this.secondaryCompoundIdField.toLowerCase())[0]; | ||
primaryValueMatch = formInqFoldedRelevantField.value === formInqRelevantField.value; | ||
} | ||
return this.secondaryCompoundIdField | ||
? match && primaryValueMatch | ||
: match; | ||
}).length > 0); | ||
return this.secondaryCompoundIdField ? match && primaryValueMatch : match; | ||
}).length > 0; | ||
}).length > 0; | ||
@@ -168,7 +144,7 @@ if (thereAreDuplicatesOfSaveType) { | ||
this.isSaving = false; | ||
this.messageText = "No duplicates of the same type."; | ||
this.messageText = 'No duplicates of the same type.'; | ||
} | ||
else if (added.length === 0 && deleted.length === 0) { | ||
this.isSaving = false; | ||
this.messageText = "There are no changes to save."; | ||
this.messageText = 'There are no changes to save.'; | ||
} | ||
@@ -190,9 +166,7 @@ else { | ||
this.onOpenModalClick = async () => { | ||
const generatorCopyFields = [ | ||
...this.getGeneratorFormWithCorrectOptions().fields | ||
]; | ||
const generatorCopyFields = [...this.getGeneratorFormWithCorrectOptions().fields]; | ||
const generatorFormCopy = Object.assign({}, this.getGeneratorFormWithCorrectOptions()); | ||
generatorFormCopy.fields = generatorCopyFields; | ||
const modal = await mutationOberserver.modalController.create({ | ||
component: "mylu-multi-form-validation-box-modal", | ||
component: 'mylu-multi-form-validation-box-modal', | ||
componentProps: { | ||
@@ -202,3 +176,3 @@ generatorForm: generatorFormCopy, | ||
}, | ||
cssClass: "contact-modal" | ||
cssClass: 'contact-modal' | ||
}); | ||
@@ -213,3 +187,3 @@ await modal.present(); | ||
const single = formFields.length === 1; | ||
return (core.h("lu-row", null, core.h("lu-col", null, core.h("mylu-dynamic-form", { headingLevel: this.headingLevel, secondaryCompoundIdField: this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: this.isEditMode && !formFields[0].canNotEdit, form: formFields[0] })), core.h("lu-col", null, !single && (core.h("mylu-dynamic-form", { headingLevel: this.headingLevel, secondaryCompoundIdField: this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: this.isEditMode && !formFields[1].canNotEdit, form: formFields[1] }))))); | ||
return (core.h("lu-row", null, core.h("lu-col", null, core.h("mylu-dynamic-form", { secondaryCompoundIdField: this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: this.isEditMode && !formFields[0].canNotEdit, form: formFields[0] })), core.h("lu-col", null, !single && (core.h("mylu-dynamic-form", { secondaryCompoundIdField: this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: this.isEditMode && !formFields[1].canNotEdit, form: formFields[1] }))))); | ||
}; | ||
@@ -226,4 +200,4 @@ this.openModal = core.createEvent(this, "openModal", 7); | ||
if (newValue) { | ||
this.headerButtonIcon = "md-close"; | ||
this.headerButtonText = "Cancel"; | ||
this.headerButtonIcon = 'md-close'; | ||
this.headerButtonText = 'Cancel'; | ||
this.showFooter = true; | ||
@@ -233,7 +207,7 @@ this.myluMultiFormValidationEditStarted.emit(); | ||
else { | ||
this.headerButtonIcon = "md-create"; | ||
this.headerButtonText = "Edit"; | ||
this.headerButtonIcon = 'md-create'; | ||
this.headerButtonText = 'Edit'; | ||
this.showFooter = false; | ||
} | ||
this.messageText = ""; | ||
this.messageText = ''; | ||
if (!this.isSaving) { | ||
@@ -255,3 +229,3 @@ this.saveSucceeded = false; | ||
this.saveFailedOrIsInvalid = true; | ||
this.messageText = "One or more of the updates failed"; | ||
this.messageText = 'One or more of the updates failed'; | ||
this.isSaving = false; | ||
@@ -263,3 +237,3 @@ } | ||
this.isEditMode = false; | ||
this.messageText = "Save successful!"; | ||
this.messageText = 'Save successful!'; | ||
this.isSaving = false; | ||
@@ -271,4 +245,3 @@ this.convertBackToForms(); | ||
const trashRequest = ev.detail; | ||
this.currentForms = [ | ||
...this.currentForms.filter(form => { | ||
this.currentForms = [...this.currentForms.filter((form) => { | ||
let match = form.id === trashRequest.id; | ||
@@ -282,12 +255,11 @@ if (this.secondaryCompoundIdField && match) { | ||
return !match; | ||
}) | ||
]; | ||
})]; | ||
} | ||
onLuBreakpointDataUpdated(ev) { | ||
const data = ev.detail; | ||
this.isMD = data.breakpoint !== "xs" && data.breakpoint !== "sm"; | ||
this.isMD = data.breakpoint !== 'xs' && data.breakpoint !== 'sm'; | ||
} | ||
connectedCallback() { | ||
this.formValidationComponents = Array.from(this.el.querySelectorAll("lu-form-validation")); | ||
this.isMD = media.matchBreakpoint("md"); | ||
this.formValidationComponents = Array.from(this.el.querySelectorAll('lu-form-validation')); | ||
this.isMD = media.matchBreakpoint('md'); | ||
if (this.formInput && this.formInput.forms) { | ||
@@ -313,3 +285,4 @@ this.dealWithFormInput(); | ||
} | ||
catch (_a) { } | ||
catch (_a) { | ||
} | ||
return rerender; | ||
@@ -337,10 +310,8 @@ } | ||
...this.formInput.generatorForm.fields.map((field) => { | ||
const isId = field.name === "id"; | ||
return Object.assign(Object.assign({}, field), { options: isId && !this.secondaryCompoundIdField | ||
? field.options.filter((option) => { | ||
return !(this.currentForms.filter((form) => { | ||
return form.id === option.value; | ||
}).length > 0); | ||
}) | ||
: field.options }); | ||
const isId = field.name === 'id'; | ||
return Object.assign(Object.assign({}, field), { options: isId && !this.secondaryCompoundIdField ? field.options.filter((option) => { | ||
return !(this.currentForms.filter((form) => { | ||
return form.id === option.value; | ||
}).length > 0); | ||
}) : field.options }); | ||
}) | ||
@@ -355,9 +326,3 @@ ] }); | ||
name: field.name, | ||
value: !!(field.type === "checkbox-group" && | ||
field.value && | ||
field.value.length === 1) | ||
? field.value[0].checked | ||
? field.value[0].value | ||
: null | ||
: field.value | ||
value: !!(field.type === 'checkbox-group' && field.value && field.value.length === 1) ? field.value[0].checked ? field.value[0].value : null : field.value | ||
}; | ||
@@ -369,15 +334,7 @@ }) | ||
return { | ||
id: formValidation.primaryCompoundId | ||
? formValidation.primaryCompoundId | ||
: formValidation.id, | ||
id: formValidation.primaryCompoundId ? formValidation.primaryCompoundId : formValidation.id, | ||
fields: formValidation.value.map((field) => { | ||
return { | ||
name: field.name, | ||
value: !!(field.type === "checkbox-group" && | ||
field.value && | ||
field.value.length === 1) | ||
? field.value[0].checked | ||
? field.value[0].value | ||
: null | ||
: field.value | ||
value: !!(field.type === 'checkbox-group' && field.value && field.value.length === 1) ? field.value[0].checked ? field.value[0].value : null : field.value | ||
}; | ||
@@ -389,9 +346,7 @@ }) | ||
const uneditableForms = this.originalForms.filter((form) => form.canNotEdit); | ||
this.currentForms = [ | ||
...this.remainingForms.map((form) => { | ||
this.currentForms = [...this.remainingForms.map((form) => { | ||
return { | ||
name: this.getFormNameById(form.id), | ||
id: form.id, | ||
wrappingValidations: this.formInput.generatorForm | ||
.wrappingValidations, | ||
wrappingValidations: this.formInput.generatorForm.wrappingValidations, | ||
fields: this.getFormTemplate().map((field) => { | ||
@@ -401,11 +356,4 @@ const updateValue = form.fields.find((fielder) => { | ||
}); | ||
return Object.assign(Object.assign({}, field), { value: updateValue.value && | ||
!!(field.type === "checkbox-group" && | ||
field.value && | ||
field.value.length === 1) | ||
? [ | ||
Object.assign(Object.assign({}, field.value[0]), { checked: true // because updateValue has a value | ||
}) | ||
] | ||
: updateValue.value }); | ||
return Object.assign(Object.assign({}, field), { value: updateValue.value && !!(field.type === 'checkbox-group' && field.value && field.value.length === 1) ? [Object.assign(Object.assign({}, field.value[0]), { checked: true // because updateValue has a value | ||
})] : updateValue.value }); | ||
}) | ||
@@ -418,8 +366,6 @@ }; | ||
getFormTemplate() { | ||
return this.formInput.generatorForm.fields.filter(field => field.name !== "id"); | ||
return this.formInput.generatorForm.fields.filter((field) => field.name !== 'id'); | ||
} | ||
getFormNameById(id) { | ||
return this.formInput.generatorForm.fields | ||
.filter(field => field.name === "id")[0] | ||
.options.filter(option => option.value === id)[0].name; | ||
return this.formInput.generatorForm.fields.filter((field) => field.name === 'id')[0].options.filter((option => option.value === id))[0].name; | ||
} | ||
@@ -445,11 +391,7 @@ checkIfAllPropertiesMatch(original, update) { | ||
return (core.h(core.Host, { class: { | ||
"is-edit-mode": this.isEditMode, | ||
"save-succeeded": this.saveSucceeded, | ||
"is-invalid": this.saveFailedOrIsInvalid, | ||
"has-form-validation-components": this.hasForms | ||
}, id: this.formValidationBoxId }, core.h("mylu-box", null, core.h("mylu-box-header", null, core.h("div", { slot: "start" }, this.formInput && this.formInput.formTitle), core.h("div", { class: "multi-form-validation-header-end-div", slot: "end" }, this.messageText, core.h("lu-button", { fill: "clear", onClick: !this.isSaving ? this.onHeaderButtonClick : null, disabled: this.isSaving }, core.h("lu-icon", { slot: "start", name: this.headerButtonIcon }), this.headerButtonText))), core.h("mylu-box-content", null, core.h("lu-grid", null, this.sortedForms.map(formFields => this.formValidation(formFields)))), this.showFooter && (core.h("mylu-box-footer", { line: false, hideEndSlotOnSM: false }, core.h("div", { slot: "end", class: "mylu-box-footer-buttons-div" }, core.h("lu-button", { fill: "outline", expand: this.isMD ? "block" : "full", onClick: !this.isSaving ? this.onOpenModalClick : null, disabled: this.isSaving }, "Add", " ", this.formInput && | ||
this.formInput.formTitle && | ||
this.formInput.formTitle.match("^[aieouAIEOU].*") | ||
? "an" | ||
: "a", " ", this.formInput && this.formInput.formTitle), core.h("lu-button", { expand: this.isMD ? "block" : "full", onClick: !this.isSaving ? this.trySave : null, disabled: this.isSaving }, "Save Changes"))))))); | ||
'is-edit-mode': this.isEditMode, | ||
'save-succeeded': this.saveSucceeded, | ||
'is-invalid': this.saveFailedOrIsInvalid, | ||
'has-form-validation-components': this.hasForms | ||
}, id: this.formValidationBoxId }, core.h("mylu-box", null, core.h("mylu-box-header", null, core.h("div", { slot: "start" }, this.formInput && this.formInput.formTitle), core.h("div", { class: "multi-form-validation-header-end-div", slot: "end" }, this.messageText, core.h("lu-button", { fill: "clear", onClick: !this.isSaving ? this.onHeaderButtonClick : null, disabled: this.isSaving }, core.h("lu-icon", { slot: "start", name: this.headerButtonIcon }), this.headerButtonText))), core.h("mylu-box-content", null, core.h("lu-grid", null, this.sortedForms.map((formFields) => this.formValidation(formFields)))), this.showFooter && (core.h("mylu-box-footer", { line: false, hideEndSlotOnSM: false }, core.h("div", { slot: "end", class: 'mylu-box-footer-buttons-div' }, core.h("lu-button", { fill: "outline", expand: this.isMD ? 'block' : 'full', onClick: !this.isSaving ? this.onOpenModalClick : null, disabled: this.isSaving }, "Add ", this.formInput && this.formInput.formTitle && this.formInput.formTitle.match('^[aieouAIEOU].*') ? 'an' : 'a', " ", this.formInput && this.formInput.formTitle), core.h("lu-button", { expand: this.isMD ? 'block' : 'full', onClick: !this.isSaving ? this.trySave : null, disabled: this.isSaving }, "Save Changes"))))))); | ||
} | ||
@@ -456,0 +398,0 @@ get el() { return core.getElement(this); } |
@@ -15,5 +15,5 @@ 'use strict'; | ||
} | ||
static get style() { return "mylu-news-feed-card-content{display:-ms-flexbox;display:flex;padding-top:20px}mylu-news-feed-card-content a{color:var(--newsfeed-link-color,#256ec1)}mylu-news-feed-card-content .notification-container{display:-ms-flexbox;display:flex;padding:1rem 5rem 1rem 2.4rem}mylu-news-feed-card-content .notification-container lu-icon.notification-icon{padding-right:35px;font-size:10rem}mylu-news-feed-card-content .notification-container .notification-text{font-size:1.1rem}mylu-news-feed-card-content .notification-container lu-button{--button-height:34px;--button-padding-start:20px;--button-padding-end:20px;font-weight:400}mylu-news-feed-card-content .notification-container lu-button lu-icon{font-size:14px}"; } | ||
static get style() { return "mylu-news-feed-card-content{padding-top:20px;display:-ms-flexbox;display:flex}mylu-news-feed-card-content .notification-container{padding:1rem 5rem 1rem 2.4rem;display:-ms-flexbox;display:flex}mylu-news-feed-card-content .notification-container lu-icon.notification-icon{font-size:10rem;padding-right:35px}mylu-news-feed-card-content .notification-container .notification-text{font-size:1.1rem}mylu-news-feed-card-content .notification-container lu-button{--button-height:34px;font-weight:400;--button-padding-start:20px;--button-padding-end:20px}mylu-news-feed-card-content .notification-container lu-button lu-icon{font-size:14px}"; } | ||
}; | ||
exports.mylu_news_feed_card_content = NewsFeedCardContent; |
@@ -6,3 +6,3 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const theme = require('./theme-5a9f6de6.js'); | ||
const theme$1 = require('./theme-5a9f6de6.js'); | ||
@@ -15,3 +15,3 @@ const NewsFeedCardFooter = class { | ||
render() { | ||
return (core.h(core.Host, { class: Object.assign(Object.assign({}, theme.createColorClasses(this.backgroundColor)), { 'border-footer': this.border }) }, core.h("slot", null))); | ||
return (core.h(core.Host, { class: Object.assign(Object.assign({}, theme$1.createColorClasses(this.backgroundColor)), { 'border-footer': this.border }) }, core.h("slot", null))); | ||
} | ||
@@ -18,0 +18,0 @@ static get style() { return "mylu-news-feed-card-footer{display:-ms-flexbox;display:flex;padding:13px}.border-footer{border-top:1px solid #efefef}"; } |
@@ -6,3 +6,3 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const theme = require('./theme-5a9f6de6.js'); | ||
const theme$1 = require('./theme-5a9f6de6.js'); | ||
@@ -1243,3 +1243,3 @@ // Fallback locale. | ||
render() { | ||
return (core.h(core.Host, { class: Object.assign(Object.assign({}, theme.createColorClasses(this.backgroundColor)), { "border-header": this.border, "no-date": !this.date || typeof this.date === "undefined" }) }, core.h("lu-icon", { color: this.iconColor, slot: "end", name: this.icon }), core.h("div", { class: "title-section" }, core.h("h4", { class: "title" }, this.cardTitle), core.h("small", { class: "date" }, this.relativeTimeFormatter(this.date))), core.h("div", { class: "link-section" }, core.h("slot", null)), core.h("div", { class: this.menu ? "menu-display" : "menu-hide" }, core.h("mylu-context-menu", { slot: "end" })))); | ||
return (core.h(core.Host, { class: Object.assign(Object.assign({}, theme$1.createColorClasses(this.backgroundColor)), { "border-header": this.border, "no-date": !this.date || typeof this.date === "undefined" }) }, core.h("lu-icon", { color: this.iconColor, slot: "end", name: this.icon }), core.h("div", { class: "title-section" }, core.h("h4", { class: "title" }, this.cardTitle), core.h("small", { class: "date" }, this.relativeTimeFormatter(this.date))), core.h("div", { class: "link-section" }, core.h("slot", null)), core.h("div", { class: this.menu ? "menu-display" : "menu-hide" }, core.h("mylu-context-menu", { slot: "end" })))); | ||
} | ||
@@ -1246,0 +1246,0 @@ static get style() { return "mylu-news-feed-card-header{--mylu-context-menu-button-size:20px;--mylu-context-menu-button-focused-color:#fff;display:-ms-flexbox;display:flex;padding:13px}mylu-news-feed-card-header lu-icon{margin:0;padding-right:13px;font-size:1.4rem}mylu-news-feed-card-header h4{margin:0;color:#222;font-size:.875rem;font-weight:400;letter-spacing:.27px;line-height:12px}mylu-news-feed-card-header small{color:#686a6f;letter-spacing:.27px;line-height:0}mylu-news-feed-card-header .title-section{-ms-flex-positive:1;flex-grow:1}mylu-news-feed-card-header .menu-hide mylu-context-menu{display:none}mylu-news-feed-card-header .menu-display mylu-context-menu{display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start}mylu-news-feed-card-header mylu-list-item{--mylu-list-item-padding-top:10px;--mylu-list-item-padding-bottom:10px}mylu-news-feed-card-header.no-date h4{line-height:1.4rem}mylu-news-feed-card-header.border-header{border-bottom:1px solid #efefef}"; } |
@@ -6,3 +6,3 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const theme = require('./theme-5a9f6de6.js'); | ||
const theme$1 = require('./theme-5a9f6de6.js'); | ||
@@ -316,3 +316,3 @@ const Set$1 = class { | ||
render() { | ||
return (core.h(core.Host, { class: Object.assign(Object.assign({}, theme.createColorClasses(this.color)), { "set-menu-top-bar": this.isTopBar }) }, core.h("slot", null))); | ||
return (core.h(core.Host, { class: Object.assign(Object.assign({}, theme$1.createColorClasses(this.color)), { "set-menu-top-bar": this.isTopBar }) }, core.h("slot", null))); | ||
} | ||
@@ -319,0 +319,0 @@ hasDuplicates(array) { |
@@ -6,3 +6,3 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const theme = require('./theme-5a9f6de6.js'); | ||
const theme$1 = require('./theme-5a9f6de6.js'); | ||
@@ -47,3 +47,3 @@ const SideMenuToggle = class { | ||
render() { | ||
return (core.h(core.Host, { "aria-pressed": this.isOpen ? "true" : "false", class: Object.assign({}, theme.createColorClasses(this.iconColor)), role: "button", tabindex: "0" }, core.h("lu-icon", { name: this.iconName }))); | ||
return (core.h(core.Host, { "aria-pressed": this.isOpen ? "true" : "false", class: Object.assign({}, theme$1.createColorClasses(this.iconColor)), role: "button", tabindex: "0" }, core.h("lu-icon", { name: this.iconName }))); | ||
} | ||
@@ -50,0 +50,0 @@ static get style() { return ":host{border-radius:0 2px 2px 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:24px;height:26px;-webkit-transition:none;transition:none;background-color:var(--mylu-side-menu-toggle-background-color,var(--lu-color-contrast));color:var(--mylu-side-menu-toggle-color,var(--lu-color-base));-webkit-box-shadow:2px 0 3px 0 rgba(0,0,0,.15);box-shadow:2px 0 3px 0 rgba(0,0,0,.15);cursor:pointer}:host lu-icon{border-radius:50%;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;font-size:var(--mylu-side-menu-toggle-font-size,1.375rem)}:host([aria-pressed=true]) lu-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}"; } |
@@ -6,3 +6,3 @@ 'use strict'; | ||
const core = require('./core-b333ed0f.js'); | ||
const theme = require('./theme-5a9f6de6.js'); | ||
const theme$1 = require('./theme-5a9f6de6.js'); | ||
@@ -27,3 +27,3 @@ const Tooltip = class { | ||
render() { | ||
return (core.h(core.Host, { role: "tooltip", class: Object.assign({}, theme.createColorClasses(this.color)), "aria-label": "Display tooltip" }, core.h("lu-icon", { class: "tooltip-controller", "aria-describedby": "tooltip-content", tabindex: "0", name: this.iconName || "help-circle-outline" }), core.h("p", { id: "tooltip-content", class: "tooltip-content" }, core.h("slot", null)))); | ||
return (core.h(core.Host, { role: "tooltip", class: Object.assign({}, theme$1.createColorClasses(this.color)), "aria-label": "Display tooltip" }, core.h("lu-icon", { class: "tooltip-controller", "aria-describedby": "tooltip-content", tabindex: "0", name: this.iconName || "help-circle-outline" }), core.h("p", { id: "tooltip-content", class: "tooltip-content" }, core.h("slot", null)))); | ||
} | ||
@@ -30,0 +30,0 @@ get element() { return core.getElement(this); } |
@@ -6,3 +6,3 @@ 'use strict'; | ||
core.patchBrowser().then(options => { | ||
return core.bootstrapLazy(JSON.parse("[[\"mylu-multi-form-validation-box.cjs\",[[0,\"mylu-multi-form-validation-box\",{\"formInput\":[16],\"failedUpdates\":[16],\"saveSucceeded\":[4,\"save-succeeded\"],\"secondaryCompoundIdField\":[1,\"secondary-compound-id-field\"],\"headingLevel\":[1,\"heading-level\"],\"formValidationComponents\":[32],\"currentForms\":[32],\"isSaving\":[32],\"originalForms\":[32],\"isEditMode\":[32],\"remainingForms\":[32],\"saveFailedOrIsInvalid\":[32],\"sortedForms\":[32],\"headerButtonIcon\":[32],\"headerButtonText\":[32],\"showFooter\":[32],\"isMD\":[32],\"hasForms\":[32],\"messageText\":[32]},[[0,\"myluDynamicFormDeleteRequest\",\"onMyluDynamicFormDeleteRequest\"],[8,\"luBreakpointDataUpdated\",\"onLuBreakpointDataUpdated\"]]]]],[\"mylu-multi-form-validation-box-modal.cjs\",[[0,\"mylu-multi-form-validation-box-modal\",{\"modal\":[16],\"generatorForm\":[16],\"formTitle\":[1,\"form-title\"],\"generatorNewForm\":[32],\"generatorFormIsValid\":[32]}]]],[\"mylu-academics-todo.cjs\",[[0,\"mylu-academics-todo\",{\"completedInput\":[16],\"incompleteInput\":[16],\"resetCount\":[2,\"reset-count\"],\"successCount\":[2,\"success-count\"],\"headerLinkOut\":[1,\"header-link-out\"],\"incompleteActive\":[32],\"completed\":[32],\"incomplete\":[32]}]]],[\"mylu-outlook-email-modal.cjs\",[[0,\"mylu-outlook-email-modal\",{\"modal\":[16],\"activeModalType\":[2,\"active-modal-type\"],\"from\":[1],\"to\":[16],\"cc\":[16],\"sendButtonDisabled\":[32]}]]],[\"mylu-academics-schedule.cjs\",[[0,\"mylu-academics-schedule\",{\"scheduleInput\":[16],\"headerLinkOut\":[1,\"header-link-out\"],\"today\":[32],\"selectedDay\":[32],\"daySchedule\":[32],\"weekSchedule\":[32]}]]],[\"mylu-profile-picture-modal.cjs\",[[0,\"mylu-profile-picture-modal\",{\"modal\":[16],\"photo\":[1],\"radioSelection\":[1026,\"radio-selection\"]}]]],[\"mylu-academic-classmates.cjs\",[[0,\"mylu-academic-classmates\",{\"name\":[1],\"email\":[1],\"description\":[1],\"imgUrl\":[1,\"img-url\"],\"boldDescription\":[32]}]]],[\"mylu-academics-box.cjs\",[[4,\"mylu-academics-box\",{\"boxName\":[1,\"box-name\"],\"message\":[1],\"isContentScrollable\":[4,\"is-content-scrollable\"],\"linkOut\":[1,\"link-out\"]}]]],[\"mylu-degree-completion.cjs\",[[1,\"mylu-degree-completion\",{\"degree\":[1],\"completed\":[2],\"total\":[2],\"gpa\":[2],\"link\":[1],\"isHidden\":[32]}]]],[\"mylu-set-menu.cjs\",[[0,\"mylu-set-menu\",{\"sets\":[16],\"shouldRerender\":[4,\"should-rerender\"],\"activeSetId\":[2,\"active-set-id\"],\"selectedSetId\":[1026,\"selected-set-id\"],\"canReorder\":[4,\"can-reorder\"],\"isTopBar\":[4,\"is-top-bar\"],\"hasTopDivider\":[4,\"has-top-divider\"],\"orderedSets\":[32]},[[0,\"luSelectedSetUpdated\",\"onLuSetSelected\"],[0,\"luSetClick\",\"onLuSetClicked\"],[0,\"luReorderSet\",\"onLuReorderSet\"]]]]],[\"mylu-outlook-card-content.cjs\",[[0,\"mylu-outlook-card-content\",{\"emails\":[16],\"messageRequests\":[2,\"message-requests\"],\"messageFailures\":[2,\"message-failures\"],\"messageSuccesses\":[2,\"message-successes\"],\"showList\":[32],\"selectedEmail\":[32],\"isInErrorState\":[32],\"isInSuccessState\":[32],\"changesInHeightCount\":[32],\"activeModalType\":[32],\"frozenRequests\":[32],\"frozenSuccesses\":[32],\"frozenFailures\":[32]}]]],[\"mylu-bubble-list.cjs\",[[0,\"mylu-bubble-list\",{\"itemList\":[16],\"navLabel\":[1,\"nav-label\"]},[[0,\"bubbleItemSelect\",\"onSelectedBubbleItem\"]]]]],[\"mylu-flames-pass-ledger.cjs\",[[1,\"mylu-flames-pass-ledger\",{\"balance\":[1],\"fundsLink\":[1,\"funds-link\"],\"ledgerType\":[1,\"ledger-type\"],\"balanceIsLow\":[4,\"balance-is-low\"],\"mealPlan\":[16],\"transactions\":[16],\"perPage\":[2,\"per-page\"],\"currentPage\":[32]}]]],[\"mylu-academics-class-details-header.cjs\",[[0,\"mylu-academics-class-details-header\",{\"textToAppendHeading\":[1,\"text-to-append-heading\"],\"courseTitle\":[1,\"course-title\"],\"courseInstructor\":[1,\"course-instructor\"],\"courseLocation\":[1,\"course-location\"],\"courseNumber\":[1,\"course-number\"],\"courseTime\":[1,\"course-time\"],\"courseSection\":[1,\"course-section\"],\"courseSubject\":[1,\"course-subject\"],\"days\":[1],\"showDetails\":[4,\"show-details\"],\"showSingleHeadingLine\":[4,\"show-single-heading-line\"],\"dayTimeString\":[32]}]]],[\"mylu-nav-menu.cjs\",[[1,\"mylu-nav-menu\",{\"header\":[1],\"navItems\":[16],\"navLabel\":[1,\"nav-label\"],\"navStyle\":[1,\"nav-style\"],\"activeItemId\":[1026,\"active-item-id\"]},[[0,\"navItemSelect\",\"onSelectedNavItem\"]]]]],[\"mylu-news-feed-card-content.cjs\",[[4,\"mylu-news-feed-card-content\",{\"cardType\":[1,\"card-type\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"contentText\":[1,\"content-text\"]}]]],[\"mylu-news-feed-card-header.cjs\",[[4,\"mylu-news-feed-card-header\",{\"backgroundColor\":[1,\"background-color\"],\"border\":[4],\"date\":[2],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"menu\":[4],\"cardTitle\":[1,\"card-title\"]}]]],[\"mylu-set-item-selector.cjs\",[[1,\"mylu-set-item-selector\",{\"item\":[1],\"description\":[1],\"icon\":[1],\"checked\":[516]}]]],[\"lu-card-image.cjs\",[[1,\"lu-card-image\",{\"altText\":[1,\"alt-text\"],\"iconColor\":[1,\"icon-color\"],\"iconName\":[1,\"icon-name\"],\"iconSize\":[1,\"icon-size\"],\"isIcon\":[4,\"is-icon\"],\"src\":[1]}]]],[\"lu-fab-button.cjs\",[[1,\"lu-fab-button\",{\"color\":[1],\"activated\":[4],\"disabled\":[4],\"href\":[1],\"isExternallyManaged\":[4,\"is-externally-managed\"],\"show\":[1028],\"selected\":[1028],\"toggleButton\":[4,\"toggle-button\"],\"translucent\":[4],\"type\":[1],\"size\":[1],\"value\":[8],\"keyFocus\":[32]}]]],[\"lu-icon-finder.cjs\",[[1,\"lu-icon-finder\"]]],[\"lu-modal.cjs\",[[2,\"lu-modal\",{\"overlayIndex\":[2,\"overlay-index\"],\"delegate\":[16],\"keyboardClose\":[4,\"keyboard-close\"],\"enterAnimation\":[16],\"leaveAnimation\":[16],\"component\":[1],\"componentProps\":[16],\"cssClass\":[1,\"css-class\"],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"showBackdrop\":[4,\"show-backdrop\"],\"animated\":[4],\"present\":[64],\"dismiss\":[64],\"onDidDismiss\":[64],\"onWillDismiss\":[64]}]]],[\"lu-side-menu.cjs\",[[1,\"lu-side-menu\",{\"color\":[1],\"isVisible\":[1028,\"is-visible\"],\"isCollapsible\":[1540,\"is-collapsible\"],\"isCollapsed\":[1540,\"is-collapsed\"],\"hasBoxShadow\":[4,\"has-box-shadow\"],\"externallyManaged\":[4,\"externally-managed\"],\"makeVisible\":[64],\"isHidden\":[64],\"collapsedHandler\":[64]},[[0,\"keydown\",\"handleEscape\"]]]]],[\"lu-toggle.cjs\",[[1,\"lu-toggle\",{\"startSelected\":[1028,\"start-selected\"],\"startText\":[1,\"start-text\"],\"startValue\":[8,\"start-value\"],\"endText\":[1,\"end-text\"],\"endValue\":[8,\"end-value\"],\"value\":[1032]}]]],[\"mylu-academics-course-box.cjs\",[[0,\"mylu-academics-course-box\",{\"courseTitle\":[1,\"course-title\"],\"courseInstructor\":[1,\"course-instructor\"],\"courseLocation\":[1,\"course-location\"],\"courseNumber\":[2,\"course-number\"],\"courseSubject\":[1,\"course-subject\"],\"courseTime\":[1,\"course-time\"],\"courseSection\":[1,\"course-section\"],\"meetDays\":[1,\"meet-days\"],\"position\":[2],\"total\":[2],\"registrationLink\":[1,\"registration-link\"],\"dayTimeString\":[32]}]]],[\"mylu-accordion.cjs\",[[1,\"mylu-accordion\",{\"name\":[1],\"isOpen\":[1028,\"is-open\"],\"orientation\":[1]}]]],[\"mylu-modal.cjs\",[[1,\"mylu-modal\",{\"modalLabel\":[1025,\"modal-label\"],\"useOverlay\":[4,\"use-overlay\"],\"modalId\":[1,\"modal-id\"],\"closingTransitionTime\":[2,\"closing-transition-time\"],\"isVisible\":[32]},[[4,\"openModal\",\"handleOpen\"],[4,\"closeModal\",\"handleClose\"],[0,\"keydown\",\"handleKeyDown\"],[32,\"keydown\",\"handleEscapeKeyDown\"]]]]],[\"mylu-news-feed-card-schedule.cjs\",[[1,\"mylu-news-feed-card-schedule\",{\"schedules\":[16]}]]],[\"mylu-side-menu-toggle.cjs\",[[1,\"mylu-side-menu-toggle\",{\"iconColor\":[1,\"icon-color\"],\"iconName\":[1,\"icon-name\"],\"isOpen\":[1028,\"is-open\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-tooltip.cjs\",[[1,\"mylu-tooltip\",{\"color\":[1],\"iconName\":[1,\"icon-name\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-upcoming-assignments.cjs\",[[1,\"mylu-upcoming-assignments\",{\"assignments\":[16],\"vertical\":[16]}]]],[\"lu-card.cjs\",[[1,\"lu-card\",{\"color\":[1]}]]],[\"lu-card-buttons.cjs\",[[1,\"lu-card-buttons\"]]],[\"lu-card-content.cjs\",[[0,\"lu-card-content\"]]],[\"lu-card-footer.cjs\",[[1,\"lu-card-footer\",{\"color\":[1],\"translucent\":[4]}]]],[\"lu-card-header.cjs\",[[1,\"lu-card-header\",{\"color\":[1],\"translucent\":[4]}]]],[\"lu-card-title.cjs\",[[1,\"lu-card-title\",{\"color\":[1]}]]],[\"lu-fab.cjs\",[[1,\"lu-fab\",{\"horizontal\":[1],\"vertical\":[1],\"edge\":[4],\"activated\":[1028],\"close\":[64]},[[0,\"click\",\"onClick\"]]]]],[\"lu-fab-list.cjs\",[[1,\"lu-fab-list\",{\"activated\":[4],\"side\":[1]}]]],[\"lu-gdpr-consent.cjs\",[[1,\"lu-gdpr-consent\",{\"hidden\":[32],\"grantConsentCookie\":[64],\"revokeConsentCookie\":[64],\"resetConsentCookie\":[64]},[[4,\"gdpr-consent-revoke\",\"handleRevoke\"],[4,\"gdpr-consent-reset\",\"handleReset\"]]]]],[\"lu-header.cjs\",[[1,\"lu-header\",{\"color\":[1],\"preHeader\":[4,\"pre-header\"]}]]],[\"lu-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\"]}]]],[\"mylu-breakpoints.cjs\",[[1,\"mylu-breakpoints\",{\"sm\":[2],\"md\":[2],\"lg\":[2],\"xl\":[2],\"currentBreakpoint\":[32],\"currentWidth\":[32],\"currentHeight\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"mylu-flames-pass-merchant.cjs\",[[1,\"mylu-flames-pass-merchant\",{\"name\":[1],\"site\":[1],\"thumbnail\":[1],\"address\":[1],\"discount\":[1],\"mapLink\":[1,\"map-link\"],\"phone\":[1]}]]],[\"mylu-footer.cjs\",[[1,\"mylu-footer\",{\"borderTop\":[4,\"border-top\"],\"backgroundColor\":[1,\"background-color\"],\"privacyLink\":[1,\"privacy-link\"],\"nonDiscriminationLink\":[1,\"non-discrimination-link\"],\"phoneNumber\":[1,\"phone-number\"]}]]],[\"mylu-news-feed-card.cjs\",[[4,\"mylu-news-feed-card\",{\"ariaLabelledBy\":[1,\"aria-labelled-by\"]}]]],[\"mylu-news-feed-card-flames-pass.cjs\",[[1,\"mylu-news-feed-card-flames-pass\",{\"flamesData\":[16]}]]],[\"mylu-news-feed-card-footer.cjs\",[[4,\"mylu-news-feed-card-footer\",{\"border\":[4],\"backgroundColor\":[1,\"background-color\"]}]]],[\"mylu-carousel.cjs\",[[1,\"mylu-carousel\",{\"slideCount\":[2,\"slide-count\"],\"startIndex\":[2,\"start-index\"],\"activeSlide\":[32]}]]],[\"mylu-context-menu.cjs\",[[1,\"mylu-context-menu\",{\"useOverlay\":[4,\"use-overlay\"],\"backgroundColor\":[1,\"background-color\"],\"iconName\":[1,\"icon-name\"],\"closeOnOuterClick\":[4,\"close-on-outer-click\"],\"isHidden\":[32],\"hasFocus\":[32],\"focusedMenuItem\":[32]},[[0,\"openMenu\",\"handleOpen\"],[0,\"toggle\",\"handleToggle\"],[0,\"closeMenu\",\"handleClose\"],[0,\"shiftFocus\",\"handleshiftFocus\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-nav-list-item.cjs\",[[1,\"mylu-nav-list-item\",{\"itemIcon\":[1,\"item-icon\"],\"itemId\":[2,\"item-id\"],\"itemTitle\":[1,\"item-title\"],\"navStyle\":[1,\"nav-style\"],\"isActive\":[1028,\"is-active\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"lu-backdrop.cjs\",[[1,\"lu-backdrop\",{\"visible\":[4],\"tappable\":[4],\"stopPropagation\":[4,\"stop-propagation\"]},[[2,\"touchstart\",\"onTouchStart\"],[2,\"click\",\"onMouseDown\"],[2,\"mousedown\",\"onMouseDown\"]]]]],[\"mylu-bubble-item.cjs\",[[1,\"mylu-bubble-item\",{\"isLink\":[4,\"is-link\"],\"itemId\":[1,\"item-id\"],\"label\":[1],\"linkRel\":[1,\"link-rel\"],\"linkTarget\":[1,\"link-target\"],\"linkTo\":[1,\"link-to\"],\"parentId\":[2,\"parent-id\"],\"parentPropId\":[1,\"parent-prop-id\"],\"parentRouteId\":[1,\"parent-route-id\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-progress.cjs\",[[1,\"mylu-progress\",{\"ariaValuenow\":[514,\"aria-valuenow\"],\"ariaValuemin\":[514,\"aria-valuemin\"],\"ariaValuemax\":[514,\"aria-valuemax\"],\"ariaValuetext\":[513,\"aria-valuetext\"]}]]],[\"lu-form-validation_2.cjs\",[[0,\"lu-form-validation\",{\"wrappingValidation\":[16],\"value\":[1040],\"useId\":[1,\"use-id\"],\"primaryCompoundId\":[1,\"primary-compound-id\"],\"isValid\":[1540,\"is-valid\"],\"isInvalid\":[1540,\"is-invalid\"],\"formGroups\":[32],\"wrappingValidationIsValid\":[32],\"wrappingValidationIsInvalid\":[32],\"failedWrappingValidatorsData\":[32],\"updateValues\":[64],\"forceValidation\":[64]}],[1,\"lu-text-area\",{\"invalid\":[4],\"valid\":[4],\"useId\":[1025,\"use-id\"],\"color\":[1],\"autocapitalize\":[1],\"autofocus\":[4],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"debounce\":[2],\"disabled\":[4],\"maxlength\":[2],\"minlength\":[2],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"spellcheck\":[4],\"cols\":[2],\"rows\":[2],\"wrap\":[1],\"autoGrow\":[4,\"auto-grow\"],\"value\":[1025],\"hasFocus\":[32],\"isResetting\":[32],\"setFocus\":[64],\"getInputElement\":[64],\"updateValue\":[64]}]]],[\"mylu-set_2.cjs\",[[1,\"mylu-set\",{\"canReorder\":[4,\"can-reorder\"],\"setId\":[2,\"set-id\"],\"isActive\":[4,\"is-active\"],\"isSelected\":[1028,\"is-selected\"],\"showActiveBar\":[4,\"show-active-bar\"],\"setTitle\":[1,\"set-title\"],\"order\":[2],\"isReordering\":[4,\"is-reordering\"],\"isTopBar\":[4,\"is-top-bar\"],\"translationTracker\":[2,\"translation-tracker\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]],[1,\"mylu-set-menu-bar\",{\"color\":[1],\"selectedSet\":[1026,\"selected-set\"],\"isTopBar\":[4,\"is-top-bar\"],\"cloneSets\":[32],\"circleDragging\":[32],\"selectedItemHeight\":[32],\"isTransitioning\":[32],\"transitioningTimeout\":[32],\"lastToIndex\":[32],\"resetSets\":[64]},[[2,\"circleDragStart\",\"onCircleDragStart\"],[0,\"circleDragEnd\",\"onCircleDragEnd\"],[0,\"luSelect\",\"onSetSelection\"],[33,\"dragover\",\"onDragover\"],[34,\"dragover\",\"onDrop\"]]]]],[\"mylu-academics-todo-calendar-box.cjs\",[[1,\"mylu-academics-todo-calendar-box\",{\"dateInput\":[1,\"date-input\"],\"isLate\":[4,\"is-late\"],\"dayNumber\":[32],\"monthString\":[32]}]]],[\"mylu-box-footer.cjs\",[[1,\"mylu-box-footer\",{\"line\":[4],\"hideEndSlotOnSM\":[4,\"hide-end-slot-on-s-m\"]}]]],[\"mylu-carousel-slide.cjs\",[[1,\"mylu-carousel-slide\"]]],[\"lu-icon.cjs\",[[1,\"lu-icon\",{\"color\":[1],\"mode\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"ios\":[1],\"md\":[1],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[1],\"src\":[1],\"icon\":[1],\"size\":[1],\"hexColor\":[1,\"hex-color\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"lu-tab_3.cjs\",[[1,\"mylu-toggle-button\",{\"type\":[1],\"color\":[1],\"isToggled\":[1028,\"is-toggled\"],\"iconFilledName\":[32],\"iconOutlineName\":[32]},[[0,\"click\",\"handleClick\"]]],[1,\"lu-tab\",{\"active\":[1540],\"name\":[8],\"noSlide\":[8,\"no-slide\"],\"isFocused\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[18,\"luTabFocused\",\"handleLuTabFocused\"],[18,\"luTabBlurred\",\"handleLuTabBlurred\"]]],[1,\"lu-tabs\",{\"value\":[1025],\"label\":[1],\"noSlide\":[4,\"no-slide\"],\"tabs\":[32],\"tabIncrement\":[32],\"selectionBar\":[32],\"currentOrderedTabsArray\":[32],\"pos\":[32],\"left\":[32],\"width\":[32],\"focusedNode\":[32],\"elementResized\":[64]},[[0,\"luTabDidLoad\",\"onTabDidLoad\"],[0,\"luTabDidUnload\",\"onTabDidUnload\"],[0,\"luTabSelect\",\"onTabSelect\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"tabFocus\",\"onFocus\"],[0,\"tabBlur\",\"onBlur\"]]]]],[\"mylu-inner-modal-wrapper.cjs\",[[1,\"mylu-inner-modal-wrapper\"]]],[\"lu-img_2.cjs\",[[0,\"mylu-avatar\",{\"showNotification\":[4,\"show-notification\"],\"showAction\":[4,\"show-action\"],\"actionIcon\":[1,\"action-icon\"],\"circleBackgroundColor\":[1,\"circle-background-color\"],\"notificationBackgroundColor\":[1,\"notification-background-color\"],\"actionBackgroundColor\":[1,\"action-background-color\"],\"imgUrl\":[1,\"img-url\"],\"isActionable\":[4,\"is-actionable\"],\"hasOverlay\":[4,\"has-overlay\"],\"overlayTitle\":[1,\"overlay-title\"],\"alt\":[1],\"imgLoaded\":[32]}],[1,\"lu-img\",{\"alt\":[1],\"src\":[1],\"loadSrc\":[32]}]]],[\"mylu-link.cjs\",[[1,\"mylu-link\",{\"color\":[1],\"description\":[1],\"linkRel\":[1,\"link-rel\"],\"linkTarget\":[1,\"link-target\"],\"linkTo\":[1,\"link-to\"],\"showLinkOutIcon\":[4,\"show-link-out-icon\"]}]]],[\"mylu-list_2.cjs\",[[1,\"mylu-list\"],[1,\"mylu-list-item\",{\"partialLineBreak\":[4,\"partial-line-break\"],\"fullLineBreak\":[4,\"full-line-break\"]}]]],[\"mylu-circle_2.cjs\",[[1,\"mylu-dot\",{\"backgroundColor\":[1,\"background-color\"],\"isActionable\":[4,\"is-actionable\"]}],[1,\"mylu-circle\",{\"backgroundColor\":[1,\"background-color\"],\"isActionable\":[4,\"is-actionable\"],\"isOutline\":[4,\"is-outline\"],\"isDraggable\":[4,\"is-draggable\"],\"setId\":[2,\"set-id\"],\"hideDecorators\":[4,\"hide-decorators\"],\"hasOverlay\":[4,\"has-overlay\"],\"overlayTitle\":[1,\"overlay-title\"],\"isDragging\":[32]},[[0,\"dragstart\",\"onDragStart\"],[2,\"dragend\",\"onDragEnd\"]]]]],[\"lu-button.cjs\",[[1,\"lu-button\",{\"color\":[1],\"buttonType\":[1025,\"button-type\"],\"disabled\":[516],\"expand\":[513],\"fill\":[1537],\"href\":[1],\"rel\":[1],\"shape\":[513],\"size\":[513],\"strong\":[4],\"target\":[1],\"type\":[1],\"keyFocus\":[32]}]]],[\"mylu-box_3.cjs\",[[1,\"mylu-box-content\",{\"scrollable\":[4],\"defaultHeight\":[4,\"default-height\"]}],[1,\"mylu-box-header\",{\"line\":[4]}],[1,\"mylu-box\"]]],[\"lu-col_8.cjs\",[[1,\"lu-form-group\",{\"clearErrorStateOnClearInput\":[4,\"clear-error-state-on-clear-input\"],\"clearInput\":[4,\"clear-input\"],\"color\":[1],\"cssClass\":[1,\"css-class\"],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"errorMessage\":[1025,\"error-message\"],\"externallyDeemedValid\":[1028,\"externally-deemed-valid\"],\"externallyDeemedInvalid\":[1028,\"externally-deemed-invalid\"],\"forId\":[1025,\"for-id\"],\"helperText\":[1,\"helper-text\"],\"useId\":[1025,\"use-id\"],\"isExternallyValidated\":[4,\"is-externally-validated\"],\"isValidatedOnSubmission\":[4,\"is-validated-on-submission\"],\"labelText\":[1,\"label-text\"],\"updateTrigger\":[1,\"update-trigger\"],\"useAsteriskAsRequiredIndicator\":[4,\"use-asterisk-as-required-indicator\"],\"value\":[32],\"isCheckboxGroup\":[32],\"isValid\":[32],\"isInvalid\":[32],\"isSelect\":[32],\"isRadioGroup\":[32],\"isRequired\":[32],\"isTextArea\":[32],\"needsEmailValidation\":[32],\"needsPatternValidation\":[32],\"needsPasswordValidation\":[32],\"pattern\":[32],\"isInput\":[32],\"generatedErrorMessage\":[32],\"validate\":[64],\"updateValue\":[64],\"getValidationValues\":[64]}],[1,\"lu-input\",{\"accept\":[1],\"autocomplete\":[1],\"autocapitalize\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"capture\":[1],\"checked\":[4],\"color\":[1],\"debounce\":[2],\"disabled\":[4],\"form\":[1],\"useId\":[1025,\"use-id\"],\"inputmode\":[1],\"invalid\":[4],\"list\":[1],\"max\":[8],\"min\":[8],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"prefixIconClickable\":[4,\"prefix-icon-clickable\"],\"suffixIcon\":[1025,\"suffix-icon\"],\"suffixIconClickable\":[1028,\"suffix-icon-clickable\"],\"readOnly\":[4,\"read-only\"],\"required\":[4],\"size\":[2],\"spellcheck\":[4],\"step\":[8],\"tabIndexWanted\":[2,\"tab-index-wanted\"],\"type\":[1],\"valid\":[4],\"value\":[1025],\"hasFocus\":[32],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-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\"]]],[1,\"lu-grid\",{\"fixed\":[4]}],[1,\"lu-radio\",{\"color\":[1],\"canDeselect\":[4,\"can-deselect\"],\"labeledById\":[1,\"labeled-by-id\"],\"name\":[1],\"disabled\":[4],\"checked\":[1028],\"value\":[1032],\"hasFocus\":[32]},[[0,\"click\",\"onClick\"]]],[0,\"lu-radio-group\",{\"allowEmptySelection\":[4,\"allow-empty-selection\"],\"direction\":[1],\"useId\":[1025,\"use-id\"],\"name\":[1],\"required\":[4],\"value\":[1032],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-row\"],[1,\"lu-label\",{\"color\":[1],\"labelText\":[1,\"label-text\"],\"required\":[4],\"optional\":[4],\"forId\":[513,\"for-id\"],\"useId\":[1025,\"use-id\"],\"invalid\":[4],\"errorMessage\":[1,\"error-message\"],\"helperText\":[1,\"helper-text\"],\"useAsteriskAsRequiredIndicator\":[4,\"use-asterisk-as-required-indicator\"]}]]],[\"lu-checkbox_4.cjs\",[[0,\"mylu-dynamic-form\",{\"form\":[16],\"isInEditState\":[4,\"is-in-edit-state\"],\"showDeleteInEditMode\":[4,\"show-delete-in-edit-mode\"],\"secondaryCompoundIdField\":[1,\"secondary-compound-id-field\"],\"headingLevel\":[1,\"heading-level\"],\"formTitle\":[32],\"formId\":[32],\"formFields\":[32],\"wrappingValidationInvalid\":[32],\"wrappingValidationErrorMessage\":[32]}],[1,\"lu-checkbox\",{\"color\":[1],\"name\":[1],\"labeledById\":[1,\"labeled-by-id\"],\"checked\":[1028],\"disabled\":[4],\"isExternallyManaged\":[4,\"is-externally-managed\"],\"value\":[8],\"keyFocus\":[32],\"hasFocus\":[32]}],[4,\"lu-checkbox-group\",{\"direction\":[1],\"useId\":[1025,\"use-id\"],\"name\":[1],\"required\":[4],\"value\":[1040],\"isResetting\":[32],\"componentLoaded\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-select\",{\"useId\":[1025,\"use-id\"],\"color\":[1],\"invalid\":[4],\"name\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"placeholder\":[1],\"helpText\":[1,\"help-text\"],\"value\":[1032],\"selectedValueName\":[1032,\"selected-value-name\"],\"showPlaceholderOption\":[4,\"show-placeholder-option\"],\"required\":[4],\"options\":[1040],\"valid\":[4],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}]]]]"), options); | ||
return core.bootstrapLazy(JSON.parse("[[\"mylu-multi-form-validation-box.cjs\",[[0,\"mylu-multi-form-validation-box\",{\"formInput\":[16],\"failedUpdates\":[16],\"saveSucceeded\":[4,\"save-succeeded\"],\"secondaryCompoundIdField\":[1,\"secondary-compound-id-field\"],\"formValidationComponents\":[32],\"currentForms\":[32],\"isSaving\":[32],\"originalForms\":[32],\"isEditMode\":[32],\"remainingForms\":[32],\"saveFailedOrIsInvalid\":[32],\"sortedForms\":[32],\"headerButtonIcon\":[32],\"headerButtonText\":[32],\"showFooter\":[32],\"isMD\":[32],\"hasForms\":[32],\"messageText\":[32]},[[0,\"myluDynamicFormDeleteRequest\",\"onMyluDynamicFormDeleteRequest\"],[8,\"luBreakpointDataUpdated\",\"onLuBreakpointDataUpdated\"]]]]],[\"mylu-multi-form-validation-box-modal.cjs\",[[0,\"mylu-multi-form-validation-box-modal\",{\"modal\":[16],\"generatorForm\":[16],\"formTitle\":[1,\"form-title\"],\"generatorNewForm\":[32],\"generatorFormIsValid\":[32]}]]],[\"mylu-outlook-email-modal.cjs\",[[0,\"mylu-outlook-email-modal\",{\"modal\":[16],\"activeModalType\":[2,\"active-modal-type\"],\"from\":[1],\"to\":[16],\"cc\":[16],\"sendButtonDisabled\":[32]}]]],[\"mylu-academics-schedule.cjs\",[[0,\"mylu-academics-schedule\",{\"scheduleInput\":[16],\"headerLinkOut\":[1,\"header-link-out\"],\"today\":[32],\"selectedDay\":[32],\"daySchedule\":[32],\"weekSchedule\":[32]}]]],[\"mylu-profile-picture-modal.cjs\",[[0,\"mylu-profile-picture-modal\",{\"modal\":[16],\"photo\":[1],\"radioSelection\":[1026,\"radio-selection\"]}]]],[\"mylu-academic-classmates.cjs\",[[0,\"mylu-academic-classmates\",{\"name\":[1],\"email\":[1],\"description\":[1],\"imgUrl\":[1,\"img-url\"],\"boldDescription\":[32]}]]],[\"mylu-academics-box.cjs\",[[4,\"mylu-academics-box\",{\"boxName\":[1,\"box-name\"],\"message\":[1],\"isContentScrollable\":[4,\"is-content-scrollable\"],\"linkOut\":[1,\"link-out\"]}]]],[\"mylu-degree-completion.cjs\",[[1,\"mylu-degree-completion\",{\"degree\":[1],\"completed\":[2],\"total\":[2],\"gpa\":[2],\"link\":[1],\"isHidden\":[32]}]]],[\"mylu-set-menu.cjs\",[[0,\"mylu-set-menu\",{\"sets\":[16],\"shouldRerender\":[4,\"should-rerender\"],\"activeSetId\":[2,\"active-set-id\"],\"selectedSetId\":[1026,\"selected-set-id\"],\"canReorder\":[4,\"can-reorder\"],\"isTopBar\":[4,\"is-top-bar\"],\"hasTopDivider\":[4,\"has-top-divider\"],\"orderedSets\":[32]},[[0,\"luSelectedSetUpdated\",\"onLuSetSelected\"],[0,\"luSetClick\",\"onLuSetClicked\"],[0,\"luReorderSet\",\"onLuReorderSet\"]]]]],[\"mylu-outlook-card-content.cjs\",[[0,\"mylu-outlook-card-content\",{\"emails\":[16],\"messageRequests\":[2,\"message-requests\"],\"messageFailures\":[2,\"message-failures\"],\"messageSuccesses\":[2,\"message-successes\"],\"showList\":[32],\"selectedEmail\":[32],\"isInErrorState\":[32],\"isInSuccessState\":[32],\"changesInHeightCount\":[32],\"activeModalType\":[32],\"frozenRequests\":[32],\"frozenSuccesses\":[32],\"frozenFailures\":[32]}]]],[\"mylu-bubble-list.cjs\",[[0,\"mylu-bubble-list\",{\"itemList\":[16],\"navLabel\":[1,\"nav-label\"]},[[0,\"bubbleItemSelect\",\"onSelectedBubbleItem\"]]]]],[\"mylu-flames-pass-ledger.cjs\",[[1,\"mylu-flames-pass-ledger\",{\"balance\":[1],\"fundsLink\":[1,\"funds-link\"],\"ledgerType\":[1,\"ledger-type\"],\"balanceIsLow\":[4,\"balance-is-low\"],\"mealPlan\":[16],\"transactions\":[16],\"perPage\":[2,\"per-page\"],\"currentPage\":[32]}]]],[\"mylu-academics-class-details-header.cjs\",[[0,\"mylu-academics-class-details-header\",{\"textToAppendHeading\":[1,\"text-to-append-heading\"],\"courseTitle\":[1,\"course-title\"],\"courseInstructor\":[1,\"course-instructor\"],\"courseLocation\":[1,\"course-location\"],\"courseNumber\":[1,\"course-number\"],\"courseTime\":[1,\"course-time\"],\"courseSection\":[1,\"course-section\"],\"courseSubject\":[1,\"course-subject\"],\"days\":[1],\"showDetails\":[4,\"show-details\"],\"showSingleHeadingLine\":[4,\"show-single-heading-line\"],\"dayTimeString\":[32]}]]],[\"mylu-nav-menu.cjs\",[[1,\"mylu-nav-menu\",{\"header\":[1],\"navItems\":[16],\"navLabel\":[1,\"nav-label\"],\"navStyle\":[1,\"nav-style\"],\"activeItemId\":[1026,\"active-item-id\"]},[[0,\"navItemSelect\",\"onSelectedNavItem\"]]]]],[\"mylu-news-feed-card-content.cjs\",[[4,\"mylu-news-feed-card-content\",{\"cardType\":[1,\"card-type\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"contentText\":[1,\"content-text\"]}]]],[\"mylu-news-feed-card-header.cjs\",[[4,\"mylu-news-feed-card-header\",{\"backgroundColor\":[1,\"background-color\"],\"border\":[4],\"date\":[2],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"menu\":[4],\"cardTitle\":[1,\"card-title\"]}]]],[\"mylu-set-item-selector.cjs\",[[1,\"mylu-set-item-selector\",{\"item\":[1],\"description\":[1],\"icon\":[1],\"checked\":[516]}]]],[\"lu-card-image.cjs\",[[1,\"lu-card-image\",{\"altText\":[1,\"alt-text\"],\"iconColor\":[1,\"icon-color\"],\"iconName\":[1,\"icon-name\"],\"iconSize\":[1,\"icon-size\"],\"isIcon\":[4,\"is-icon\"],\"src\":[1]}]]],[\"lu-fab-button.cjs\",[[1,\"lu-fab-button\",{\"color\":[1],\"activated\":[4],\"disabled\":[4],\"href\":[1],\"isExternallyManaged\":[4,\"is-externally-managed\"],\"show\":[1028],\"selected\":[1028],\"toggleButton\":[4,\"toggle-button\"],\"translucent\":[4],\"type\":[1],\"size\":[1],\"value\":[8],\"keyFocus\":[32]}]]],[\"lu-icon-finder.cjs\",[[1,\"lu-icon-finder\"]]],[\"lu-modal.cjs\",[[2,\"lu-modal\",{\"overlayIndex\":[2,\"overlay-index\"],\"delegate\":[16],\"keyboardClose\":[4,\"keyboard-close\"],\"enterAnimation\":[16],\"leaveAnimation\":[16],\"component\":[1],\"componentProps\":[16],\"cssClass\":[1,\"css-class\"],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"showBackdrop\":[4,\"show-backdrop\"],\"animated\":[4],\"present\":[64],\"dismiss\":[64],\"onDidDismiss\":[64],\"onWillDismiss\":[64]}]]],[\"lu-side-menu.cjs\",[[1,\"lu-side-menu\",{\"color\":[1],\"isVisible\":[1028,\"is-visible\"],\"isCollapsible\":[1540,\"is-collapsible\"],\"isCollapsed\":[1540,\"is-collapsed\"],\"hasBoxShadow\":[4,\"has-box-shadow\"],\"externallyManaged\":[4,\"externally-managed\"],\"makeVisible\":[64],\"isHidden\":[64],\"collapsedHandler\":[64]},[[0,\"keydown\",\"handleEscape\"]]]]],[\"lu-toggle.cjs\",[[1,\"lu-toggle\",{\"startSelected\":[1028,\"start-selected\"],\"startText\":[1,\"start-text\"],\"startValue\":[8,\"start-value\"],\"endText\":[1,\"end-text\"],\"endValue\":[8,\"end-value\"],\"value\":[1032]}]]],[\"mylu-academics-course-box.cjs\",[[0,\"mylu-academics-course-box\",{\"courseTitle\":[1,\"course-title\"],\"courseInstructor\":[1,\"course-instructor\"],\"courseLocation\":[1,\"course-location\"],\"courseNumber\":[2,\"course-number\"],\"courseSubject\":[1,\"course-subject\"],\"courseTime\":[1,\"course-time\"],\"courseSection\":[1,\"course-section\"],\"meetDays\":[1,\"meet-days\"],\"position\":[2],\"total\":[2],\"registrationLink\":[1,\"registration-link\"],\"dayTimeString\":[32]}]]],[\"mylu-accordion.cjs\",[[1,\"mylu-accordion\",{\"name\":[1],\"isOpen\":[1028,\"is-open\"],\"orientation\":[1]}]]],[\"mylu-modal.cjs\",[[1,\"mylu-modal\",{\"modalLabel\":[1025,\"modal-label\"],\"useOverlay\":[4,\"use-overlay\"],\"modalId\":[1,\"modal-id\"],\"closingTransitionTime\":[2,\"closing-transition-time\"],\"isVisible\":[32]},[[4,\"openModal\",\"handleOpen\"],[4,\"closeModal\",\"handleClose\"],[0,\"keydown\",\"handleKeyDown\"],[32,\"keydown\",\"handleEscapeKeyDown\"]]]]],[\"mylu-news-feed-card-schedule.cjs\",[[1,\"mylu-news-feed-card-schedule\",{\"schedules\":[16]}]]],[\"mylu-side-menu-toggle.cjs\",[[1,\"mylu-side-menu-toggle\",{\"iconColor\":[1,\"icon-color\"],\"iconName\":[1,\"icon-name\"],\"isOpen\":[1028,\"is-open\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-tooltip.cjs\",[[1,\"mylu-tooltip\",{\"color\":[1],\"iconName\":[1,\"icon-name\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-upcoming-assignments.cjs\",[[1,\"mylu-upcoming-assignments\",{\"assignments\":[16],\"vertical\":[16]}]]],[\"lu-card.cjs\",[[1,\"lu-card\",{\"color\":[1]}]]],[\"lu-card-buttons.cjs\",[[1,\"lu-card-buttons\"]]],[\"lu-card-content.cjs\",[[0,\"lu-card-content\"]]],[\"lu-card-footer.cjs\",[[1,\"lu-card-footer\",{\"color\":[1],\"translucent\":[4]}]]],[\"lu-card-header.cjs\",[[1,\"lu-card-header\",{\"color\":[1],\"translucent\":[4]}]]],[\"lu-card-title.cjs\",[[1,\"lu-card-title\",{\"color\":[1]}]]],[\"lu-fab.cjs\",[[1,\"lu-fab\",{\"horizontal\":[1],\"vertical\":[1],\"edge\":[4],\"activated\":[1028],\"close\":[64]},[[0,\"click\",\"onClick\"]]]]],[\"lu-fab-list.cjs\",[[1,\"lu-fab-list\",{\"activated\":[4],\"side\":[1]}]]],[\"lu-gdpr-consent.cjs\",[[1,\"lu-gdpr-consent\",{\"hidden\":[32],\"grantConsentCookie\":[64],\"revokeConsentCookie\":[64],\"resetConsentCookie\":[64]},[[4,\"gdpr-consent-revoke\",\"handleRevoke\"],[4,\"gdpr-consent-reset\",\"handleReset\"]]]]],[\"lu-header.cjs\",[[1,\"lu-header\",{\"color\":[1],\"preHeader\":[4,\"pre-header\"]}]]],[\"lu-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\"]}]]],[\"mylu-breakpoints.cjs\",[[1,\"mylu-breakpoints\",{\"sm\":[2],\"md\":[2],\"lg\":[2],\"xl\":[2],\"currentBreakpoint\":[32],\"currentWidth\":[32],\"currentHeight\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"mylu-flames-pass-merchant.cjs\",[[1,\"mylu-flames-pass-merchant\",{\"name\":[1],\"site\":[1],\"thumbnail\":[1],\"address\":[1],\"discount\":[1],\"mapLink\":[1,\"map-link\"],\"phone\":[1]}]]],[\"mylu-footer.cjs\",[[1,\"mylu-footer\",{\"borderTop\":[4,\"border-top\"],\"backgroundColor\":[1,\"background-color\"],\"privacyLink\":[1,\"privacy-link\"],\"nonDiscriminationLink\":[1,\"non-discrimination-link\"],\"phoneNumber\":[1,\"phone-number\"]}]]],[\"mylu-news-feed-card.cjs\",[[4,\"mylu-news-feed-card\",{\"ariaLabelledBy\":[1,\"aria-labelled-by\"]}]]],[\"mylu-news-feed-card-flames-pass.cjs\",[[1,\"mylu-news-feed-card-flames-pass\",{\"flamesData\":[16]}]]],[\"mylu-news-feed-card-footer.cjs\",[[4,\"mylu-news-feed-card-footer\",{\"border\":[4],\"backgroundColor\":[1,\"background-color\"]}]]],[\"mylu-carousel.cjs\",[[1,\"mylu-carousel\",{\"slideCount\":[2,\"slide-count\"],\"startIndex\":[2,\"start-index\"],\"activeSlide\":[32]}]]],[\"mylu-context-menu.cjs\",[[1,\"mylu-context-menu\",{\"useOverlay\":[4,\"use-overlay\"],\"backgroundColor\":[1,\"background-color\"],\"iconName\":[1,\"icon-name\"],\"closeOnOuterClick\":[4,\"close-on-outer-click\"],\"isHidden\":[32],\"hasFocus\":[32],\"focusedMenuItem\":[32]},[[0,\"openMenu\",\"handleOpen\"],[0,\"toggle\",\"handleToggle\"],[0,\"closeMenu\",\"handleClose\"],[0,\"shiftFocus\",\"handleshiftFocus\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-nav-list-item.cjs\",[[1,\"mylu-nav-list-item\",{\"itemIcon\":[1,\"item-icon\"],\"itemId\":[2,\"item-id\"],\"itemTitle\":[1,\"item-title\"],\"navStyle\":[1,\"nav-style\"],\"isActive\":[1028,\"is-active\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"lu-backdrop.cjs\",[[1,\"lu-backdrop\",{\"visible\":[4],\"tappable\":[4],\"stopPropagation\":[4,\"stop-propagation\"]},[[2,\"touchstart\",\"onTouchStart\"],[2,\"click\",\"onMouseDown\"],[2,\"mousedown\",\"onMouseDown\"]]]]],[\"mylu-bubble-item.cjs\",[[1,\"mylu-bubble-item\",{\"description\":[1],\"isLink\":[4,\"is-link\"],\"itemId\":[1,\"item-id\"],\"label\":[1],\"linkRel\":[1,\"link-rel\"],\"linkTarget\":[1,\"link-target\"],\"linkTo\":[1,\"link-to\"],\"parentId\":[2,\"parent-id\"],\"parentPropId\":[1,\"parent-prop-id\"],\"parentRouteId\":[1,\"parent-route-id\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"mylu-progress.cjs\",[[1,\"mylu-progress\",{\"ariaValuenow\":[514,\"aria-valuenow\"],\"ariaValuemin\":[514,\"aria-valuemin\"],\"ariaValuemax\":[514,\"aria-valuemax\"],\"ariaValuetext\":[513,\"aria-valuetext\"]}]]],[\"lu-form-validation_2.cjs\",[[0,\"lu-form-validation\",{\"wrappingValidation\":[16],\"value\":[1040],\"useId\":[1,\"use-id\"],\"primaryCompoundId\":[1,\"primary-compound-id\"],\"isValid\":[1540,\"is-valid\"],\"isInvalid\":[1540,\"is-invalid\"],\"formGroups\":[32],\"wrappingValidationIsValid\":[32],\"wrappingValidationIsInvalid\":[32],\"failedWrappingValidatorsData\":[32],\"updateValues\":[64],\"forceValidation\":[64]}],[1,\"lu-text-area\",{\"invalid\":[4],\"valid\":[4],\"useId\":[1025,\"use-id\"],\"color\":[1],\"autocapitalize\":[1],\"autofocus\":[4],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"debounce\":[2],\"disabled\":[4],\"maxlength\":[2],\"minlength\":[2],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"spellcheck\":[4],\"cols\":[2],\"rows\":[2],\"wrap\":[1],\"autoGrow\":[4,\"auto-grow\"],\"value\":[1025],\"hasFocus\":[32],\"isResetting\":[32],\"setFocus\":[64],\"getInputElement\":[64],\"updateValue\":[64]}]]],[\"mylu-set_2.cjs\",[[1,\"mylu-set\",{\"canReorder\":[4,\"can-reorder\"],\"setId\":[2,\"set-id\"],\"isActive\":[4,\"is-active\"],\"isSelected\":[1028,\"is-selected\"],\"showActiveBar\":[4,\"show-active-bar\"],\"setTitle\":[1,\"set-title\"],\"order\":[2],\"isReordering\":[4,\"is-reordering\"],\"isTopBar\":[4,\"is-top-bar\"],\"translationTracker\":[2,\"translation-tracker\"]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]],[1,\"mylu-set-menu-bar\",{\"color\":[1],\"selectedSet\":[1026,\"selected-set\"],\"isTopBar\":[4,\"is-top-bar\"],\"cloneSets\":[32],\"circleDragging\":[32],\"selectedItemHeight\":[32],\"isTransitioning\":[32],\"transitioningTimeout\":[32],\"lastToIndex\":[32],\"resetSets\":[64]},[[2,\"circleDragStart\",\"onCircleDragStart\"],[0,\"circleDragEnd\",\"onCircleDragEnd\"],[0,\"luSelect\",\"onSetSelection\"],[33,\"dragover\",\"onDragover\"],[34,\"dragover\",\"onDrop\"]]]]],[\"mylu-box-footer.cjs\",[[1,\"mylu-box-footer\",{\"line\":[4],\"hideEndSlotOnSM\":[4,\"hide-end-slot-on-s-m\"]}]]],[\"mylu-carousel-slide.cjs\",[[1,\"mylu-carousel-slide\"]]],[\"lu-icon_12.cjs\",[[0,\"mylu-academics-todo\",{\"completedInput\":[16],\"incompleteInput\":[16],\"resetCount\":[2,\"reset-count\"],\"successCount\":[2,\"success-count\"],\"headerLinkOut\":[1,\"header-link-out\"],\"incompleteActive\":[32],\"completed\":[32],\"incomplete\":[32]}],[1,\"mylu-toggle-button\",{\"type\":[1],\"color\":[1],\"isToggled\":[1028,\"is-toggled\"],\"iconFilledName\":[32],\"iconOutlineName\":[32]},[[0,\"click\",\"handleClick\"]]],[1,\"lu-tab\",{\"active\":[1540],\"labelledById\":[1025,\"labelled-by-id\"],\"name\":[8],\"noSlide\":[8,\"no-slide\"],\"isFocused\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[18,\"luTabFocused\",\"handleLuTabFocused\"],[18,\"luTabBlurred\",\"handleLuTabBlurred\"]]],[1,\"lu-tabs\",{\"value\":[1025],\"label\":[1],\"noSlide\":[4,\"no-slide\"],\"tabs\":[32],\"tabIncrement\":[32],\"selectionBar\":[32],\"currentOrderedTabsArray\":[32],\"pos\":[32],\"left\":[32],\"width\":[32],\"focusedNode\":[32],\"elementResized\":[64]},[[0,\"luTabDidLoad\",\"onTabDidLoad\"],[0,\"luTabDidUnload\",\"onTabDidUnload\"],[0,\"luTabSelect\",\"onTabSelect\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"tabFocus\",\"onFocus\"],[0,\"tabBlur\",\"onBlur\"]]],[1,\"mylu-academics-todo-calendar-box\",{\"dateInput\":[1,\"date-input\"],\"isLate\":[4,\"is-late\"],\"dayNumber\":[32],\"monthString\":[32]}],[1,\"mylu-list\"],[1,\"mylu-list-item\",{\"partialLineBreak\":[4,\"partial-line-break\"],\"fullLineBreak\":[4,\"full-line-break\"]}],[1,\"mylu-link\",{\"color\":[1],\"description\":[1],\"linkRel\":[1,\"link-rel\"],\"linkTarget\":[1,\"link-target\"],\"linkTo\":[1,\"link-to\"],\"showLinkOutIcon\":[4,\"show-link-out-icon\"]}],[1,\"mylu-box-content\",{\"scrollable\":[4],\"defaultHeight\":[4,\"default-height\"]}],[1,\"mylu-box-header\",{\"line\":[4]}],[1,\"mylu-box\"],[1,\"lu-icon\",{\"color\":[1],\"mode\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"ios\":[1],\"md\":[1],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[1],\"src\":[1],\"icon\":[1],\"size\":[1],\"hexColor\":[1,\"hex-color\"],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"mylu-inner-modal-wrapper.cjs\",[[1,\"mylu-inner-modal-wrapper\"]]],[\"mylu-circle_2.cjs\",[[1,\"mylu-dot\",{\"backgroundColor\":[1,\"background-color\"],\"isActionable\":[4,\"is-actionable\"]}],[1,\"mylu-circle\",{\"backgroundColor\":[1,\"background-color\"],\"isActionable\":[4,\"is-actionable\"],\"isOutline\":[4,\"is-outline\"],\"isDraggable\":[4,\"is-draggable\"],\"setId\":[2,\"set-id\"],\"hideDecorators\":[4,\"hide-decorators\"],\"hasOverlay\":[4,\"has-overlay\"],\"overlayTitle\":[1,\"overlay-title\"],\"isDragging\":[32]},[[0,\"dragstart\",\"onDragStart\"],[2,\"dragend\",\"onDragEnd\"]]]]],[\"lu-img_2.cjs\",[[0,\"mylu-avatar\",{\"showNotification\":[4,\"show-notification\"],\"showAction\":[4,\"show-action\"],\"actionIcon\":[1,\"action-icon\"],\"circleBackgroundColor\":[1,\"circle-background-color\"],\"notificationBackgroundColor\":[1,\"notification-background-color\"],\"actionBackgroundColor\":[1,\"action-background-color\"],\"imgUrl\":[1,\"img-url\"],\"isActionable\":[4,\"is-actionable\"],\"hasOverlay\":[4,\"has-overlay\"],\"overlayTitle\":[1,\"overlay-title\"],\"alt\":[1],\"imgLoaded\":[32]}],[1,\"lu-img\",{\"alt\":[1],\"src\":[1],\"loadSrc\":[32]}]]],[\"lu-button.cjs\",[[1,\"lu-button\",{\"color\":[1],\"buttonType\":[1025,\"button-type\"],\"disabled\":[516],\"expand\":[513],\"fill\":[1537],\"href\":[1],\"rel\":[1],\"shape\":[513],\"size\":[513],\"strong\":[4],\"target\":[1],\"type\":[1],\"keyFocus\":[32]}]]],[\"lu-col_8.cjs\",[[1,\"lu-form-group\",{\"clearErrorStateOnClearInput\":[4,\"clear-error-state-on-clear-input\"],\"clearInput\":[4,\"clear-input\"],\"color\":[1],\"cssClass\":[1,\"css-class\"],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"errorMessage\":[1025,\"error-message\"],\"externallyDeemedValid\":[1028,\"externally-deemed-valid\"],\"externallyDeemedInvalid\":[1028,\"externally-deemed-invalid\"],\"forId\":[1025,\"for-id\"],\"helperText\":[1,\"helper-text\"],\"useId\":[1025,\"use-id\"],\"isExternallyValidated\":[4,\"is-externally-validated\"],\"isValidatedOnSubmission\":[4,\"is-validated-on-submission\"],\"labelText\":[1,\"label-text\"],\"updateTrigger\":[1,\"update-trigger\"],\"useAsteriskAsRequiredIndicator\":[4,\"use-asterisk-as-required-indicator\"],\"value\":[32],\"isCheckboxGroup\":[32],\"isValid\":[32],\"isInvalid\":[32],\"isSelect\":[32],\"isRadioGroup\":[32],\"isRequired\":[32],\"isTextArea\":[32],\"needsEmailValidation\":[32],\"needsPatternValidation\":[32],\"needsPasswordValidation\":[32],\"pattern\":[32],\"isInput\":[32],\"generatedErrorMessage\":[32],\"validate\":[64],\"updateValue\":[64],\"getValidationValues\":[64]}],[1,\"lu-input\",{\"accept\":[1],\"autocomplete\":[1],\"autocapitalize\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"clearInput\":[4,\"clear-input\"],\"clearOnEdit\":[1028,\"clear-on-edit\"],\"capture\":[1],\"checked\":[4],\"color\":[1],\"debounce\":[2],\"disabled\":[4],\"form\":[1],\"useId\":[1025,\"use-id\"],\"inputmode\":[1],\"invalid\":[4],\"list\":[1],\"max\":[8],\"min\":[8],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"prefixIconClickable\":[4,\"prefix-icon-clickable\"],\"suffixIcon\":[1025,\"suffix-icon\"],\"suffixIconClickable\":[1028,\"suffix-icon-clickable\"],\"readOnly\":[4,\"read-only\"],\"required\":[4],\"size\":[2],\"spellcheck\":[4],\"step\":[8],\"tabIndexWanted\":[2,\"tab-index-wanted\"],\"type\":[1],\"valid\":[4],\"value\":[1025],\"hasFocus\":[32],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-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\"]]],[1,\"lu-grid\",{\"fixed\":[4]}],[1,\"lu-radio\",{\"color\":[1],\"canDeselect\":[4,\"can-deselect\"],\"labeledById\":[1,\"labeled-by-id\"],\"name\":[1],\"disabled\":[4],\"checked\":[1028],\"value\":[1032],\"hasFocus\":[32]},[[0,\"click\",\"onClick\"]]],[0,\"lu-radio-group\",{\"allowEmptySelection\":[4,\"allow-empty-selection\"],\"direction\":[1],\"useId\":[1025,\"use-id\"],\"name\":[1],\"required\":[4],\"value\":[1032],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-row\"],[1,\"lu-label\",{\"color\":[1],\"labelText\":[1,\"label-text\"],\"required\":[4],\"optional\":[4],\"forId\":[513,\"for-id\"],\"useId\":[1025,\"use-id\"],\"invalid\":[4],\"errorMessage\":[1,\"error-message\"],\"helperText\":[1,\"helper-text\"],\"useAsteriskAsRequiredIndicator\":[4,\"use-asterisk-as-required-indicator\"]}]]],[\"lu-checkbox_4.cjs\",[[0,\"mylu-dynamic-form\",{\"form\":[16],\"isInEditState\":[4,\"is-in-edit-state\"],\"showDeleteInEditMode\":[4,\"show-delete-in-edit-mode\"],\"secondaryCompoundIdField\":[1,\"secondary-compound-id-field\"],\"formTitle\":[32],\"formId\":[32],\"formFields\":[32],\"wrappingValidationInvalid\":[32],\"wrappingValidationErrorMessage\":[32]}],[1,\"lu-checkbox\",{\"color\":[1],\"name\":[1],\"labeledById\":[1,\"labeled-by-id\"],\"checked\":[1028],\"disabled\":[4],\"isExternallyManaged\":[4,\"is-externally-managed\"],\"value\":[8],\"keyFocus\":[32],\"hasFocus\":[32]}],[4,\"lu-checkbox-group\",{\"direction\":[1],\"useId\":[1025,\"use-id\"],\"name\":[1],\"required\":[4],\"value\":[1040],\"isResetting\":[32],\"componentLoaded\":[32],\"setFocus\":[64],\"updateValue\":[64]}],[1,\"lu-select\",{\"useId\":[1025,\"use-id\"],\"color\":[1],\"invalid\":[4],\"name\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"placeholder\":[1],\"helpText\":[1,\"help-text\"],\"value\":[1032],\"selectedValueName\":[1032,\"selected-value-name\"],\"showPlaceholderOption\":[4,\"show-placeholder-option\"],\"required\":[4],\"options\":[1040],\"valid\":[4],\"isResetting\":[32],\"setFocus\":[64],\"updateValue\":[64]}]]]]"), options); | ||
}); |
@@ -10,4 +10,4 @@ { | ||
"components/academics-todo/academics-todo.js", | ||
"components/avatar/avatar.js", | ||
"components/accordion/accordion.js", | ||
"components/avatar/avatar.js", | ||
"components/box-content/box-content.js", | ||
@@ -39,7 +39,7 @@ "components/box-footer/box-footer.js", | ||
"components/nav-menu/nav-menu.js", | ||
"components/news-feed-card-flames-pass/news-feed-card-flames-pass.js", | ||
"components/news-feed-card-content/news-feed-card-content.js", | ||
"components/news-feed-card-flames-pass/news-feed-card-flames-pass.js", | ||
"components/news-feed-card-footer/news-feed-card-footer.js", | ||
"components/news-feed-card-schedule/news-feed-card-schedule.js", | ||
"components/news-feed-card-header/news-feed-card-header.js", | ||
"components/news-feed-card-schedule/news-feed-card-schedule.js", | ||
"components/news-feed-card/news-feed-card.js", | ||
@@ -56,4 +56,4 @@ "components/outlook-card-content/outlook-card-content.js", | ||
"components/toggle-button/toggle-button.js", | ||
"components/tooltip/tooltip.js", | ||
"components/upcoming-assignments/upcoming-assignments.js" | ||
"components/upcoming-assignments/upcoming-assignments.js", | ||
"components/tooltip/tooltip.js" | ||
], | ||
@@ -60,0 +60,0 @@ "compiler": { |
@@ -65,2 +65,19 @@ import { h, Host } from "@stencil/core"; | ||
static get properties() { return { | ||
"description": { | ||
"type": "string", | ||
"mutable": false, | ||
"complexType": { | ||
"original": "string", | ||
"resolved": "string", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": false, | ||
"docs": { | ||
"tags": [], | ||
"text": "Details where the bubble item will navigate if it is an external link." | ||
}, | ||
"attribute": "description", | ||
"reflect": false | ||
}, | ||
"isLink": { | ||
@@ -67,0 +84,0 @@ "type": "boolean", |
@@ -22,3 +22,5 @@ import { h, Host } from "@stencil/core"; | ||
return (h("li", { key: setItem.id + "-" + index }, | ||
h("mylu-bubble-item", { isLink: setItem.action === "link", itemId: setItem.id, label: setItem.title, linkTo: setItem.actionData, parentId: setItem.parentId, parentPropId: setItem.parentPropId, parentRouteId: setItem.parentRouteId }, | ||
h("mylu-bubble-item", { description: setItem.action === "link" && setItem.itemDescription !== "" | ||
? setItem.itemDescription | ||
: null, isLink: setItem.action === "link", itemId: setItem.id, label: setItem.title, linkTo: setItem.actionData, parentId: setItem.parentId, parentPropId: setItem.parentPropId, parentRouteId: setItem.parentRouteId }, | ||
h("mylu-circle", { backgroundColor: backgroundColor }, setItem.icon !== "" ? (h("lu-icon", { color: setItem.iconColor, hexColor: setItem.iconColor, name: setItem.icon })) : (this.constructIcon(setItem.title, setItem.iconColor)))))); | ||
@@ -25,0 +27,0 @@ }; |
@@ -1,2 +0,2 @@ | ||
import { h, Host } from "@stencil/core"; | ||
import { Host, h } from "@stencil/core"; | ||
export class DynamicForm { | ||
@@ -6,3 +6,3 @@ constructor() { | ||
this.wrappingValidationInvalid = false; | ||
this.wrappingValidationErrorMessage = ""; | ||
this.wrappingValidationErrorMessage = ''; | ||
this.isInEditState = false; | ||
@@ -13,48 +13,41 @@ this.showDeleteInEditMode = false; | ||
if (this.secondaryCompoundIdField) { | ||
secondaryCompoundIdValue = this.formFields.filter((field) => field.name.toLocaleLowerCase() === | ||
this.secondaryCompoundIdField.toLocaleLowerCase())[0].value; | ||
secondaryCompoundIdValue = this.formFields.filter((field) => field.name.toLocaleLowerCase() === this.secondaryCompoundIdField.toLocaleLowerCase())[0].value; | ||
} | ||
this.myluDynamicFormDeleteRequest.emit({ | ||
id: this.formId, | ||
secondaryCompoundIdValue | ||
}); | ||
this.myluDynamicFormDeleteRequest.emit({ id: this.formId, secondaryCompoundIdValue }); | ||
}; | ||
this.onLuFormValidationDidLoad = ev => { | ||
this.onLuFormValidationDidLoad = (ev) => { | ||
this.myluDynamicFormValidationDidLoad.emit(ev.target); | ||
}; | ||
this.getThatInput = (field) => { | ||
if (field.type === "input") { | ||
if (field.type === 'input') { | ||
return (h("lu-input", Object.assign({ color: "neutral_darkest", name: field.name, value: field.value }, field.inputElementAttributes))); | ||
} | ||
if (field.type === "select") { | ||
if (field.type === 'select') { | ||
return (h("lu-select", Object.assign({ color: "neutral_darkest", name: field.name, options: field.options, value: field.value }, field.inputElementAttributes))); | ||
} | ||
if (field.type === "checkbox-group") { | ||
return (h("lu-checkbox-group", { name: field.name }, field.options && | ||
field.options.map(option => { | ||
let checked = false; | ||
if (field.value) { | ||
let match = field.value.filter((check) => { | ||
return check.value === option.value; | ||
})[0]; | ||
if (match) { | ||
checked = match.checked; | ||
} | ||
if (field.type === 'checkbox-group') { | ||
return (h("lu-checkbox-group", { name: field.name }, field.options && field.options.map((option) => { | ||
let checked = false; | ||
if (field.value) { | ||
let match = field.value.filter((check) => { | ||
return check.value === option.value; | ||
})[0]; | ||
if (match) { | ||
checked = match.checked; | ||
} | ||
return (h("lu-checkbox", { color: "neutral_darkest", value: option.value, checked: checked, name: option.name }, option.label)); | ||
}))); | ||
} | ||
return (h("lu-checkbox", { color: "neutral_darkest", value: option.value, checked: checked, name: option.name }, option.label)); | ||
}))); | ||
} | ||
if (field.type === "radio-group") { | ||
return (h("lu-radio-group", { name: field.name }, field.options && | ||
field.options.map(option => { | ||
return (h("lu-radio", { color: "neutral_darkest", value: option.value, checked: JSON.stringify(option.value) === JSON.stringify(field.value) }, option.name)); | ||
}))); | ||
if (field.type === 'radio-group') { | ||
return (h("lu-radio-group", { name: field.name }, field.options && field.options.map((option) => { | ||
return (h("lu-radio", { color: "neutral_darkest", value: option.value, checked: JSON.stringify(option.value) === JSON.stringify(field.value) }, option.name)); | ||
}))); | ||
} | ||
}; | ||
this.getReadOnlyView = (field) => { | ||
if (field.type === "checkbox-group" && field.value) { | ||
if (field.type === 'checkbox-group' && field.value) { | ||
return field.value.map((check) => { | ||
if (check.checked) { | ||
return (h("div", { class: "read-only-div" }, field.options.filter(option => option.value === check.value)[0] | ||
.label)); | ||
return (h("div", { class: 'read-only-div' }, field.options.filter((option) => option.value === check.value)[0].label)); | ||
} | ||
@@ -65,3 +58,3 @@ return null; | ||
if (field.value) { | ||
return h("div", { class: "read-only-div" }, field.value.toString()); | ||
return (h("div", { class: 'read-only-div' }, field.value.toString())); | ||
} | ||
@@ -75,12 +68,10 @@ return null; | ||
}; | ||
this.handleValidation = ev => { | ||
this.handleValidation = (ev) => { | ||
const validation = ev.detail.wrappingValidation; | ||
if (validation.isInvalid && | ||
validation.failedWrappingValidations.length > 0) { | ||
if (validation.isInvalid && validation.failedWrappingValidations.length > 0) { | ||
this.wrappingValidationInvalid = true; | ||
this.wrappingValidationErrorMessage = | ||
validation.failedWrappingValidations[0].message; | ||
this.wrappingValidationErrorMessage = validation.failedWrappingValidations[0].message; | ||
} | ||
else if (validation.isValid) { | ||
this.wrappingValidationErrorMessage = ""; | ||
this.wrappingValidationErrorMessage = ''; | ||
this.wrappingValidationInvalid = false; | ||
@@ -106,13 +97,8 @@ } | ||
render() { | ||
const TagName = this.isInEditState ? "lu-form-validation" : "div"; | ||
const props = Object.assign(Object.assign(Object.assign(Object.assign({ class: "dynamic-form-dynamic-wrapper" }, (this.isInEditState && | ||
!!this.form.wrappingValidations && { | ||
wrappingValidation: this.form.wrappingValidations | ||
})), (this.isInEditState && { useId: this.formId })), (this.isInEditState && { primaryCompoundId: this.form.id })), (this.isInEditState && { | ||
onLuFormValidationValueChange: ev => this.handleValidation(ev) | ||
})); | ||
const TagName = this.isInEditState ? 'lu-form-validation' : 'div'; | ||
const props = Object.assign(Object.assign(Object.assign(Object.assign({ class: 'dynamic-form-dynamic-wrapper' }, this.isInEditState && !!this.form.wrappingValidations && { wrappingValidation: this.form.wrappingValidations }), this.isInEditState && { useId: this.formId }), this.isInEditState && { primaryCompoundId: this.form.id }), this.isInEditState && { onLuFormValidationValueChange: (ev) => this.handleValidation(ev) }); | ||
return (h(Host, { class: { | ||
"is-editing": this.isInEditState, | ||
"should-show-delete": this.showDeleteInEditMode, | ||
"wrapping-validation-invalid": this.wrappingValidationInvalid | ||
'is-editing': this.isInEditState, | ||
'should-show-delete': this.showDeleteInEditMode, | ||
'wrapping-validation-invalid': this.wrappingValidationInvalid | ||
}, onLuFormValidationDidLoad: this.onLuFormValidationDidLoad }, | ||
@@ -123,3 +109,3 @@ h(TagName, Object.assign({}, props), | ||
h("lu-col", { class: "mylu-dynamic-form-header-title-col" }, | ||
h("div", { role: "heading", "aria-level": this.headingLevel }, this.formTitle)), | ||
h("div", { role: "header" }, this.formTitle)), | ||
this.isInEditState && this.showDeleteInEditMode && (h("lu-col", null, | ||
@@ -129,6 +115,6 @@ h("lu-button", { color: "neutral", fill: "clear", onClick: this.onTrash }, | ||
"Delete")))), | ||
this.formFields.map(this.isInEditState ? this.getThemFormGroups : this.getReadOnlyView), | ||
this.wrappingValidationInvalid && (h("lu-row", null, | ||
this.formFields.map(this.isInEditState ? (this.getThemFormGroups) : (this.getReadOnlyView)), | ||
this.wrappingValidationInvalid && h("lu-row", null, | ||
h("lu-col", { class: "mylu-dynamic-form-header-error-div" }, | ||
h("div", null, this.wrappingValidationErrorMessage)))))))); | ||
h("div", null, this.wrappingValidationErrorMessage))))))); | ||
} | ||
@@ -215,19 +201,2 @@ static get is() { return "mylu-dynamic-form"; } | ||
"reflect": false | ||
}, | ||
"headingLevel": { | ||
"type": "string", | ||
"mutable": false, | ||
"complexType": { | ||
"original": "string", | ||
"resolved": "string", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": true, | ||
"docs": { | ||
"tags": [], | ||
"text": "" | ||
}, | ||
"attribute": "heading-level", | ||
"reflect": false | ||
} | ||
@@ -234,0 +203,0 @@ }; } |
@@ -1,5 +0,5 @@ | ||
import { modalController } from "@lu-development/ux-patterns"; | ||
import { h, Host } from "@stencil/core"; | ||
import { matchBreakpoint } from "../../utils/media"; | ||
import { findRelevantOptions } from "../../utils/mutation-oberserver"; | ||
import { Host, h } from "@stencil/core"; | ||
import { matchBreakpoint } from '../../utils/media'; | ||
import { modalController } from '@lu-development/ux-patterns'; | ||
import { findRelevantOptions } from '../../utils/mutation-oberserver'; | ||
export class MultiFormValidationBox { | ||
@@ -18,14 +18,11 @@ constructor() { | ||
this.sortedForms = []; | ||
this.headerButtonIcon = "md-create"; | ||
this.headerButtonText = "Edit"; | ||
this.headerButtonIcon = 'md-create'; | ||
this.headerButtonText = 'Edit'; | ||
this.showFooter = false; | ||
this.hasForms = false; | ||
this.messageText = ""; | ||
this.messageText = ''; | ||
this.failedUpdates = []; | ||
this.saveSucceeded = false; | ||
this.onDynamicFormValidationDidLoad = (formValidationComp) => { | ||
this.formValidationComponents = [ | ||
...this.formValidationComponents, | ||
formValidationComp | ||
]; | ||
this.formValidationComponents = [...this.formValidationComponents, formValidationComp]; | ||
}; | ||
@@ -35,5 +32,3 @@ this.onDynamicFormValidationDidUnload = (formValidationComp) => { | ||
if (removeIndex > -1) { | ||
this.formValidationComponents = [ | ||
...this.formValidationComponents.filter((_comp, index) => index !== removeIndex) | ||
]; | ||
this.formValidationComponents = [...this.formValidationComponents.filter((_comp, index) => index !== removeIndex)]; | ||
} | ||
@@ -43,5 +38,5 @@ }; | ||
mutationList.forEach((record) => { | ||
if (record.type === "childList") { | ||
if (record.type === 'childList') { | ||
for (let i = 0; i < record.addedNodes.length; i++) { | ||
const relevantOptions = findRelevantOptions(record.addedNodes[i], "lu-form-validation"); | ||
const relevantOptions = findRelevantOptions(record.addedNodes[i], 'lu-form-validation'); | ||
if (relevantOptions) | ||
@@ -51,3 +46,3 @@ relevantOptions.forEach(this.onDynamicFormValidationDidLoad); | ||
for (let i = 0; i < record.removedNodes.length; i++) { | ||
const relevantOptions = findRelevantOptions(record.removedNodes[i], "lu-form-validation"); | ||
const relevantOptions = findRelevantOptions(record.removedNodes[i], 'lu-form-validation'); | ||
if (relevantOptions) | ||
@@ -61,3 +56,3 @@ relevantOptions.forEach(this.onDynamicFormValidationDidUnload); | ||
this.isSaving = true; | ||
this.messageText = "Saving..."; | ||
this.messageText = 'Saving...'; | ||
this.saveFailedOrIsInvalid = false; | ||
@@ -75,3 +70,3 @@ let validationPromises = []; | ||
this.isSaving = false; | ||
this.messageText = "Please fix the issues below."; | ||
this.messageText = 'Please fix the issues below.'; | ||
} | ||
@@ -81,5 +76,3 @@ else { | ||
let removeTheseIndexesFromOriginalAfterGettingAdded = []; | ||
const originals = this.originalForms | ||
.filter((form) => !form.canNotEdit) | ||
.map(this.convertFormToSimplifiedFormat); | ||
const originals = this.originalForms.filter((form) => !form.canNotEdit).map(this.convertFormToSimplifiedFormat); | ||
const updates = validations.map(this.convertFormValidationToSimplifiedFormat); | ||
@@ -99,6 +92,3 @@ const deleted = originals.filter((originalForm, index) => { | ||
if (!perfectMatch) { | ||
removeTheseIndexesFromOriginal = [ | ||
...removeTheseIndexesFromOriginal, | ||
index | ||
]; | ||
removeTheseIndexesFromOriginal = [...removeTheseIndexesFromOriginal, index]; | ||
} | ||
@@ -123,6 +113,3 @@ return !perfectMatch; | ||
if (!perfectMatch) { | ||
removeTheseIndexesFromOriginalAfterGettingAdded = [ | ||
...removeTheseIndexesFromOriginalAfterGettingAdded, | ||
index | ||
]; | ||
removeTheseIndexesFromOriginalAfterGettingAdded = [...removeTheseIndexesFromOriginalAfterGettingAdded, index]; | ||
} | ||
@@ -135,25 +122,14 @@ return !perfectMatch; | ||
}); | ||
const everythingRemaining = [ | ||
...added, | ||
...originalsLeftAfterAddedAndDeleted | ||
]; | ||
const everythingRemaining = [...added, ...originalsLeftAfterAddedAndDeleted]; | ||
const thereAreDuplicatesOfSaveType = everythingRemaining.filter((formInq, index) => { | ||
return (everythingRemaining | ||
.filter((_formInqFolded, foldedIndex) => index !== foldedIndex) | ||
.filter((formInqFolded) => { | ||
return everythingRemaining.filter((_formInqFolded, foldedIndex) => index !== foldedIndex).filter((formInqFolded) => { | ||
const match = formInqFolded.id === formInq.id; | ||
let primaryValueMatch = false; | ||
if (match && !!this.secondaryCompoundIdField) { | ||
const formInqFoldedRelevantField = formInqFolded.fields.filter((fieldInqFolded) => fieldInqFolded.name.toLowerCase() === | ||
this.secondaryCompoundIdField.toLowerCase())[0]; | ||
const formInqRelevantField = formInq.fields.filter((fieldInq) => fieldInq.name.toLowerCase() === | ||
this.secondaryCompoundIdField.toLowerCase())[0]; | ||
primaryValueMatch = | ||
formInqFoldedRelevantField.value === | ||
formInqRelevantField.value; | ||
const formInqFoldedRelevantField = formInqFolded.fields.filter((fieldInqFolded) => fieldInqFolded.name.toLowerCase() === this.secondaryCompoundIdField.toLowerCase())[0]; | ||
const formInqRelevantField = formInq.fields.filter((fieldInq) => fieldInq.name.toLowerCase() === this.secondaryCompoundIdField.toLowerCase())[0]; | ||
primaryValueMatch = formInqFoldedRelevantField.value === formInqRelevantField.value; | ||
} | ||
return this.secondaryCompoundIdField | ||
? match && primaryValueMatch | ||
: match; | ||
}).length > 0); | ||
return this.secondaryCompoundIdField ? match && primaryValueMatch : match; | ||
}).length > 0; | ||
}).length > 0; | ||
@@ -163,7 +139,7 @@ if (thereAreDuplicatesOfSaveType) { | ||
this.isSaving = false; | ||
this.messageText = "No duplicates of the same type."; | ||
this.messageText = 'No duplicates of the same type.'; | ||
} | ||
else if (added.length === 0 && deleted.length === 0) { | ||
this.isSaving = false; | ||
this.messageText = "There are no changes to save."; | ||
this.messageText = 'There are no changes to save.'; | ||
} | ||
@@ -185,9 +161,7 @@ else { | ||
this.onOpenModalClick = async () => { | ||
const generatorCopyFields = [ | ||
...this.getGeneratorFormWithCorrectOptions().fields | ||
]; | ||
const generatorCopyFields = [...this.getGeneratorFormWithCorrectOptions().fields]; | ||
const generatorFormCopy = Object.assign({}, this.getGeneratorFormWithCorrectOptions()); | ||
generatorFormCopy.fields = generatorCopyFields; | ||
const modal = await modalController.create({ | ||
component: "mylu-multi-form-validation-box-modal", | ||
component: 'mylu-multi-form-validation-box-modal', | ||
componentProps: { | ||
@@ -197,3 +171,3 @@ generatorForm: generatorFormCopy, | ||
}, | ||
cssClass: "contact-modal" | ||
cssClass: 'contact-modal' | ||
}); | ||
@@ -210,4 +184,4 @@ await modal.present(); | ||
h("lu-col", null, | ||
h("mylu-dynamic-form", { headingLevel: this.headingLevel, secondaryCompoundIdField: this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: this.isEditMode && !formFields[0].canNotEdit, form: formFields[0] })), | ||
h("lu-col", null, !single && (h("mylu-dynamic-form", { headingLevel: this.headingLevel, secondaryCompoundIdField: this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: this.isEditMode && !formFields[1].canNotEdit, form: formFields[1] }))))); | ||
h("mylu-dynamic-form", { secondaryCompoundIdField: this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: this.isEditMode && !formFields[0].canNotEdit, form: formFields[0] })), | ||
h("lu-col", null, !single && (h("mylu-dynamic-form", { secondaryCompoundIdField: this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: this.isEditMode && !formFields[1].canNotEdit, form: formFields[1] }))))); | ||
}; | ||
@@ -220,4 +194,4 @@ } | ||
if (newValue) { | ||
this.headerButtonIcon = "md-close"; | ||
this.headerButtonText = "Cancel"; | ||
this.headerButtonIcon = 'md-close'; | ||
this.headerButtonText = 'Cancel'; | ||
this.showFooter = true; | ||
@@ -227,7 +201,7 @@ this.myluMultiFormValidationEditStarted.emit(); | ||
else { | ||
this.headerButtonIcon = "md-create"; | ||
this.headerButtonText = "Edit"; | ||
this.headerButtonIcon = 'md-create'; | ||
this.headerButtonText = 'Edit'; | ||
this.showFooter = false; | ||
} | ||
this.messageText = ""; | ||
this.messageText = ''; | ||
if (!this.isSaving) { | ||
@@ -249,3 +223,3 @@ this.saveSucceeded = false; | ||
this.saveFailedOrIsInvalid = true; | ||
this.messageText = "One or more of the updates failed"; | ||
this.messageText = 'One or more of the updates failed'; | ||
this.isSaving = false; | ||
@@ -257,3 +231,3 @@ } | ||
this.isEditMode = false; | ||
this.messageText = "Save successful!"; | ||
this.messageText = 'Save successful!'; | ||
this.isSaving = false; | ||
@@ -265,4 +239,3 @@ this.convertBackToForms(); | ||
const trashRequest = ev.detail; | ||
this.currentForms = [ | ||
...this.currentForms.filter(form => { | ||
this.currentForms = [...this.currentForms.filter((form) => { | ||
let match = form.id === trashRequest.id; | ||
@@ -276,12 +249,11 @@ if (this.secondaryCompoundIdField && match) { | ||
return !match; | ||
}) | ||
]; | ||
})]; | ||
} | ||
onLuBreakpointDataUpdated(ev) { | ||
const data = ev.detail; | ||
this.isMD = data.breakpoint !== "xs" && data.breakpoint !== "sm"; | ||
this.isMD = data.breakpoint !== 'xs' && data.breakpoint !== 'sm'; | ||
} | ||
connectedCallback() { | ||
this.formValidationComponents = Array.from(this.el.querySelectorAll("lu-form-validation")); | ||
this.isMD = matchBreakpoint("md"); | ||
this.formValidationComponents = Array.from(this.el.querySelectorAll('lu-form-validation')); | ||
this.isMD = matchBreakpoint('md'); | ||
if (this.formInput && this.formInput.forms) { | ||
@@ -307,3 +279,4 @@ this.dealWithFormInput(); | ||
} | ||
catch (_a) { } | ||
catch (_a) { | ||
} | ||
return rerender; | ||
@@ -331,10 +304,8 @@ } | ||
...this.formInput.generatorForm.fields.map((field) => { | ||
const isId = field.name === "id"; | ||
return Object.assign(Object.assign({}, field), { options: isId && !this.secondaryCompoundIdField | ||
? field.options.filter((option) => { | ||
return !(this.currentForms.filter((form) => { | ||
return form.id === option.value; | ||
}).length > 0); | ||
}) | ||
: field.options }); | ||
const isId = field.name === 'id'; | ||
return Object.assign(Object.assign({}, field), { options: isId && !this.secondaryCompoundIdField ? field.options.filter((option) => { | ||
return !(this.currentForms.filter((form) => { | ||
return form.id === option.value; | ||
}).length > 0); | ||
}) : field.options }); | ||
}) | ||
@@ -349,9 +320,3 @@ ] }); | ||
name: field.name, | ||
value: !!(field.type === "checkbox-group" && | ||
field.value && | ||
field.value.length === 1) | ||
? field.value[0].checked | ||
? field.value[0].value | ||
: null | ||
: field.value | ||
value: !!(field.type === 'checkbox-group' && field.value && field.value.length === 1) ? field.value[0].checked ? field.value[0].value : null : field.value | ||
}; | ||
@@ -363,15 +328,7 @@ }) | ||
return { | ||
id: formValidation.primaryCompoundId | ||
? formValidation.primaryCompoundId | ||
: formValidation.id, | ||
id: formValidation.primaryCompoundId ? formValidation.primaryCompoundId : formValidation.id, | ||
fields: formValidation.value.map((field) => { | ||
return { | ||
name: field.name, | ||
value: !!(field.type === "checkbox-group" && | ||
field.value && | ||
field.value.length === 1) | ||
? field.value[0].checked | ||
? field.value[0].value | ||
: null | ||
: field.value | ||
value: !!(field.type === 'checkbox-group' && field.value && field.value.length === 1) ? field.value[0].checked ? field.value[0].value : null : field.value | ||
}; | ||
@@ -383,9 +340,7 @@ }) | ||
const uneditableForms = this.originalForms.filter((form) => form.canNotEdit); | ||
this.currentForms = [ | ||
...this.remainingForms.map((form) => { | ||
this.currentForms = [...this.remainingForms.map((form) => { | ||
return { | ||
name: this.getFormNameById(form.id), | ||
id: form.id, | ||
wrappingValidations: this.formInput.generatorForm | ||
.wrappingValidations, | ||
wrappingValidations: this.formInput.generatorForm.wrappingValidations, | ||
fields: this.getFormTemplate().map((field) => { | ||
@@ -395,11 +350,4 @@ const updateValue = form.fields.find((fielder) => { | ||
}); | ||
return Object.assign(Object.assign({}, field), { value: updateValue.value && | ||
!!(field.type === "checkbox-group" && | ||
field.value && | ||
field.value.length === 1) | ||
? [ | ||
Object.assign(Object.assign({}, field.value[0]), { checked: true // because updateValue has a value | ||
}) | ||
] | ||
: updateValue.value }); | ||
return Object.assign(Object.assign({}, field), { value: updateValue.value && !!(field.type === 'checkbox-group' && field.value && field.value.length === 1) ? [Object.assign(Object.assign({}, field.value[0]), { checked: true // because updateValue has a value | ||
})] : updateValue.value }); | ||
}) | ||
@@ -412,8 +360,6 @@ }; | ||
getFormTemplate() { | ||
return this.formInput.generatorForm.fields.filter(field => field.name !== "id"); | ||
return this.formInput.generatorForm.fields.filter((field) => field.name !== 'id'); | ||
} | ||
getFormNameById(id) { | ||
return this.formInput.generatorForm.fields | ||
.filter(field => field.name === "id")[0] | ||
.options.filter(option => option.value === id)[0].name; | ||
return this.formInput.generatorForm.fields.filter((field) => field.name === 'id')[0].options.filter((option => option.value === id))[0].name; | ||
} | ||
@@ -439,6 +385,6 @@ checkIfAllPropertiesMatch(original, update) { | ||
return (h(Host, { class: { | ||
"is-edit-mode": this.isEditMode, | ||
"save-succeeded": this.saveSucceeded, | ||
"is-invalid": this.saveFailedOrIsInvalid, | ||
"has-form-validation-components": this.hasForms | ||
'is-edit-mode': this.isEditMode, | ||
'save-succeeded': this.saveSucceeded, | ||
'is-invalid': this.saveFailedOrIsInvalid, | ||
'has-form-validation-components': this.hasForms | ||
}, id: this.formValidationBoxId }, | ||
@@ -454,16 +400,11 @@ h("mylu-box", null, | ||
h("mylu-box-content", null, | ||
h("lu-grid", null, this.sortedForms.map(formFields => this.formValidation(formFields)))), | ||
h("lu-grid", null, this.sortedForms.map((formFields) => this.formValidation(formFields)))), | ||
this.showFooter && (h("mylu-box-footer", { line: false, hideEndSlotOnSM: false }, | ||
h("div", { slot: "end", class: "mylu-box-footer-buttons-div" }, | ||
h("lu-button", { fill: "outline", expand: this.isMD ? "block" : "full", onClick: !this.isSaving ? this.onOpenModalClick : null, disabled: this.isSaving }, | ||
"Add", | ||
h("div", { slot: "end", class: 'mylu-box-footer-buttons-div' }, | ||
h("lu-button", { fill: "outline", expand: this.isMD ? 'block' : 'full', onClick: !this.isSaving ? this.onOpenModalClick : null, disabled: this.isSaving }, | ||
"Add ", | ||
this.formInput && this.formInput.formTitle && this.formInput.formTitle.match('^[aieouAIEOU].*') ? 'an' : 'a', | ||
" ", | ||
this.formInput && | ||
this.formInput.formTitle && | ||
this.formInput.formTitle.match("^[aieouAIEOU].*") | ||
? "an" | ||
: "a", | ||
" ", | ||
this.formInput && this.formInput.formTitle), | ||
h("lu-button", { expand: this.isMD ? "block" : "full", onClick: !this.isSaving ? this.trySave : null, disabled: this.isSaving }, "Save Changes"))))))); | ||
h("lu-button", { expand: this.isMD ? 'block' : 'full', onClick: !this.isSaving ? this.trySave : null, disabled: this.isSaving }, "Save Changes"))))))); | ||
} | ||
@@ -553,19 +494,2 @@ static get is() { return "mylu-multi-form-validation-box"; } | ||
"reflect": false | ||
}, | ||
"headingLevel": { | ||
"type": "string", | ||
"mutable": false, | ||
"complexType": { | ||
"original": "string", | ||
"resolved": "string", | ||
"references": {} | ||
}, | ||
"required": false, | ||
"optional": true, | ||
"docs": { | ||
"tags": [], | ||
"text": "" | ||
}, | ||
"attribute": "heading-level", | ||
"reflect": false | ||
} | ||
@@ -572,0 +496,0 @@ }; } |
import { r as registerInstance, c as createEvent, h, H as Host } from './core-852a4c21.js'; | ||
import { n as now } from './helpers-09d305fe.js'; | ||
import { n as now } from './helpers-654cf1f4.js'; | ||
var GestureController = /** @class */ (function () { | ||
@@ -4,0 +4,0 @@ function GestureController() { |
import { r as registerInstance, c as createEvent, d as getContext, h, g as getElement, H as Host } from './core-852a4c21.js'; | ||
import { c as createColorClasses } from './theme-a8bb96f5.js'; | ||
import { h as hasShadowDom } from './helpers-09d305fe.js'; | ||
import { h as hasShadowDom } from './helpers-654cf1f4.js'; | ||
var Button = /** @class */ (function () { | ||
@@ -5,0 +5,0 @@ function Button(hostRef) { |
@@ -275,3 +275,3 @@ import { __awaiter, __generator, __spreadArrays } from "tslib"; | ||
*/ | ||
this.useId = this.selectId + "-wrapper"; | ||
this.useId = this.selectId + '-wrapper'; | ||
/** | ||
@@ -282,3 +282,3 @@ * Declares input as invalid | ||
this.disabled = false; | ||
this.placeholder = "Select an option"; | ||
this.placeholder = 'Select an option'; | ||
/** | ||
@@ -303,3 +303,3 @@ * Do you need a placeholder option | ||
if (select && _this.selectedValueName !== select.value) { | ||
_this.selectedValueName = select.value || ""; | ||
_this.selectedValueName = select.value || ''; | ||
} | ||
@@ -330,3 +330,3 @@ }; | ||
this.luChange.emit({ | ||
value: this.getValue() === this.placeholder ? "" : this.value, | ||
value: this.getValue() === this.placeholder ? '' : this.value, | ||
isResetting: this.isResetting | ||
@@ -371,3 +371,3 @@ }); | ||
this.luFocus.emit(); | ||
this.selectContainerDiv.classList.add("focused"); | ||
this.selectContainerDiv.classList.add('focused'); | ||
}; | ||
@@ -416,10 +416,10 @@ class_2.prototype.handleSelect = function (value) { | ||
class_2.prototype.removeFocus = function () { | ||
this.selectContainerDiv.classList.remove("focused"); | ||
this.selectContainerDiv.classList.remove('focused'); | ||
}; | ||
class_2.prototype.hostData = function () { | ||
return { | ||
class: Object.assign(Object.assign({}, createColorClasses(this.color)), { "is-select": true, "is-disabled": this.disabled }), | ||
"is-invalid": this.invalid, | ||
"is-valid": this.valid, | ||
id: this.useId | ||
class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'is-select': true, 'is-disabled': this.disabled }), | ||
'is-invalid': this.invalid, | ||
'is-valid': this.valid, | ||
'id': this.useId | ||
}; | ||
@@ -430,5 +430,5 @@ }; | ||
return [ | ||
h("div", { ref: function (input) { return (_this.selectContainerDiv = input); }, class: "select" }, h("select", { ref: function (input) { return (_this.nativeSelect = input); }, id: this.selectId, name: this.name, disabled: this.disabled, "aria-label": this.ariaLabel, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, "aria-labelledby": this.selectId }, this.showPlaceholderOption ? (h("option", { value: this.placeholder }, this.placeholder)) : null, Array.isArray(this.options) | ||
? this.options.map(function (option) { return (h("option", { value: option.name }, option.name)); }) | ||
: ""), h("div", { class: "select__icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 8" }, h("title", null, "keyboard_arrow_down"), h("g", { id: "Icon/Arrow-Black", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, h("polyline", { id: "More-Arrow", stroke: "#222222", "stroke-width": "2", transform: "translate(6.000000, 3.500000) rotate(-90.000000) translate(-6.000000, -3.500000) ", points: "8.48579545 -1.52857143 3.51420455 3.49748571 8.48579545 8.52857143" }))))), | ||
h("div", { ref: function (input) { return _this.selectContainerDiv = input; }, class: "select" }, h("select", { ref: function (input) { return _this.nativeSelect = input; }, id: this.selectId, name: this.name, disabled: this.disabled, "aria-label": this.ariaLabel, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, "aria-labelledby": this.selectId + '-label' }, this.showPlaceholderOption ? h("option", { value: this.placeholder }, this.placeholder) : null, (Array.isArray(this.options)) | ||
? this.options.map(function (option) { return h("option", { value: option.name }, option.name); }) | ||
: ''), h("div", { class: "select__icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 8" }, h("title", null, "keyboard_arrow_down"), h("g", { id: "Icon/Arrow-Black", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round" }, h("polyline", { id: "More-Arrow", stroke: "#222222", "stroke-width": "2", transform: "translate(6.000000, 3.500000) rotate(-90.000000) translate(-6.000000, -3.500000) ", points: "8.48579545 -1.52857143 3.51420455 3.49748571 8.48579545 8.52857143" }))))), | ||
h("div", { class: "select--outline" }), | ||
@@ -467,3 +467,3 @@ h("div", { class: "select--left-border" }) | ||
this.wrappingValidationInvalid = false; | ||
this.wrappingValidationErrorMessage = ""; | ||
this.wrappingValidationErrorMessage = ''; | ||
this.isInEditState = false; | ||
@@ -474,9 +474,5 @@ this.showDeleteInEditMode = false; | ||
if (_this.secondaryCompoundIdField) { | ||
secondaryCompoundIdValue = _this.formFields.filter(function (field) { return field.name.toLocaleLowerCase() === | ||
_this.secondaryCompoundIdField.toLocaleLowerCase(); })[0].value; | ||
secondaryCompoundIdValue = _this.formFields.filter(function (field) { return field.name.toLocaleLowerCase() === _this.secondaryCompoundIdField.toLocaleLowerCase(); })[0].value; | ||
} | ||
_this.myluDynamicFormDeleteRequest.emit({ | ||
id: _this.formId, | ||
secondaryCompoundIdValue: secondaryCompoundIdValue | ||
}); | ||
_this.myluDynamicFormDeleteRequest.emit({ id: _this.formId, secondaryCompoundIdValue: secondaryCompoundIdValue }); | ||
}; | ||
@@ -487,36 +483,33 @@ this.onLuFormValidationDidLoad = function (ev) { | ||
this.getThatInput = function (field) { | ||
if (field.type === "input") { | ||
if (field.type === 'input') { | ||
return (h("lu-input", Object.assign({ color: "neutral_darkest", name: field.name, value: field.value }, field.inputElementAttributes))); | ||
} | ||
if (field.type === "select") { | ||
if (field.type === 'select') { | ||
return (h("lu-select", Object.assign({ color: "neutral_darkest", name: field.name, options: field.options, value: field.value }, field.inputElementAttributes))); | ||
} | ||
if (field.type === "checkbox-group") { | ||
return (h("lu-checkbox-group", { name: field.name }, field.options && | ||
field.options.map(function (option) { | ||
var checked = false; | ||
if (field.value) { | ||
var match = field.value.filter(function (check) { | ||
return check.value === option.value; | ||
})[0]; | ||
if (match) { | ||
checked = match.checked; | ||
} | ||
if (field.type === 'checkbox-group') { | ||
return (h("lu-checkbox-group", { name: field.name }, field.options && field.options.map(function (option) { | ||
var checked = false; | ||
if (field.value) { | ||
var match = field.value.filter(function (check) { | ||
return check.value === option.value; | ||
})[0]; | ||
if (match) { | ||
checked = match.checked; | ||
} | ||
return (h("lu-checkbox", { color: "neutral_darkest", value: option.value, checked: checked, name: option.name }, option.label)); | ||
}))); | ||
} | ||
return (h("lu-checkbox", { color: "neutral_darkest", value: option.value, checked: checked, name: option.name }, option.label)); | ||
}))); | ||
} | ||
if (field.type === "radio-group") { | ||
return (h("lu-radio-group", { name: field.name }, field.options && | ||
field.options.map(function (option) { | ||
return (h("lu-radio", { color: "neutral_darkest", value: option.value, checked: JSON.stringify(option.value) === JSON.stringify(field.value) }, option.name)); | ||
}))); | ||
if (field.type === 'radio-group') { | ||
return (h("lu-radio-group", { name: field.name }, field.options && field.options.map(function (option) { | ||
return (h("lu-radio", { color: "neutral_darkest", value: option.value, checked: JSON.stringify(option.value) === JSON.stringify(field.value) }, option.name)); | ||
}))); | ||
} | ||
}; | ||
this.getReadOnlyView = function (field) { | ||
if (field.type === "checkbox-group" && field.value) { | ||
if (field.type === 'checkbox-group' && field.value) { | ||
return field.value.map(function (check) { | ||
if (check.checked) { | ||
return (h("div", { class: "read-only-div" }, field.options.filter(function (option) { return option.value === check.value; })[0] | ||
.label)); | ||
return (h("div", { class: 'read-only-div' }, field.options.filter(function (option) { return option.value === check.value; })[0].label)); | ||
} | ||
@@ -527,3 +520,3 @@ return null; | ||
if (field.value) { | ||
return h("div", { class: "read-only-div" }, field.value.toString()); | ||
return (h("div", { class: 'read-only-div' }, field.value.toString())); | ||
} | ||
@@ -537,10 +530,8 @@ return null; | ||
var validation = ev.detail.wrappingValidation; | ||
if (validation.isInvalid && | ||
validation.failedWrappingValidations.length > 0) { | ||
if (validation.isInvalid && validation.failedWrappingValidations.length > 0) { | ||
_this.wrappingValidationInvalid = true; | ||
_this.wrappingValidationErrorMessage = | ||
validation.failedWrappingValidations[0].message; | ||
_this.wrappingValidationErrorMessage = validation.failedWrappingValidations[0].message; | ||
} | ||
else if (validation.isValid) { | ||
_this.wrappingValidationErrorMessage = ""; | ||
_this.wrappingValidationErrorMessage = ''; | ||
_this.wrappingValidationInvalid = false; | ||
@@ -569,14 +560,9 @@ } | ||
var _this = this; | ||
var TagName = this.isInEditState ? "lu-form-validation" : "div"; | ||
var props = Object.assign(Object.assign(Object.assign(Object.assign({ class: "dynamic-form-dynamic-wrapper" }, (this.isInEditState && | ||
!!this.form.wrappingValidations && { | ||
wrappingValidation: this.form.wrappingValidations | ||
})), (this.isInEditState && { useId: this.formId })), (this.isInEditState && { primaryCompoundId: this.form.id })), (this.isInEditState && { | ||
onLuFormValidationValueChange: function (ev) { return _this.handleValidation(ev); } | ||
})); | ||
var TagName = this.isInEditState ? 'lu-form-validation' : 'div'; | ||
var props = Object.assign(Object.assign(Object.assign(Object.assign({ class: 'dynamic-form-dynamic-wrapper' }, this.isInEditState && !!this.form.wrappingValidations && { wrappingValidation: this.form.wrappingValidations }), this.isInEditState && { useId: this.formId }), this.isInEditState && { primaryCompoundId: this.form.id }), this.isInEditState && { onLuFormValidationValueChange: function (ev) { return _this.handleValidation(ev); } }); | ||
return (h(Host, { class: { | ||
"is-editing": this.isInEditState, | ||
"should-show-delete": this.showDeleteInEditMode, | ||
"wrapping-validation-invalid": this.wrappingValidationInvalid | ||
}, onLuFormValidationDidLoad: this.onLuFormValidationDidLoad }, h(TagName, Object.assign({}, props), h("lu-grid", null, h("lu-row", { class: "mylu-dynamic-form-header-row" }, h("lu-col", { class: "mylu-dynamic-form-header-title-col" }, h("div", { role: "heading", "aria-level": this.headingLevel }, this.formTitle)), this.isInEditState && this.showDeleteInEditMode && (h("lu-col", null, h("lu-button", { color: "neutral", fill: "clear", onClick: this.onTrash }, h("lu-icon", { name: "md-trash", color: "neutral", slot: "start" }), "Delete")))), this.formFields.map(this.isInEditState ? this.getThemFormGroups : this.getReadOnlyView), this.wrappingValidationInvalid && (h("lu-row", null, h("lu-col", { class: "mylu-dynamic-form-header-error-div" }, h("div", null, this.wrappingValidationErrorMessage)))))))); | ||
'is-editing': this.isInEditState, | ||
'should-show-delete': this.showDeleteInEditMode, | ||
'wrapping-validation-invalid': this.wrappingValidationInvalid | ||
}, onLuFormValidationDidLoad: this.onLuFormValidationDidLoad }, h(TagName, Object.assign({}, props), h("lu-grid", null, h("lu-row", { class: "mylu-dynamic-form-header-row" }, h("lu-col", { class: "mylu-dynamic-form-header-title-col" }, h("div", { role: "header" }, this.formTitle)), this.isInEditState && this.showDeleteInEditMode && (h("lu-col", null, h("lu-button", { color: "neutral", fill: "clear", onClick: this.onTrash }, h("lu-icon", { name: "md-trash", color: "neutral", slot: "start" }), "Delete")))), this.formFields.map(this.isInEditState ? (this.getThemFormGroups) : (this.getReadOnlyView)), this.wrappingValidationInvalid && h("lu-row", null, h("lu-col", { class: "mylu-dynamic-form-header-error-div" }, h("div", null, this.wrappingValidationErrorMessage))))))); | ||
}; | ||
@@ -583,0 +569,0 @@ Object.defineProperty(DynamicForm, "watchers", { |
import { __awaiter, __generator } from "tslib"; | ||
import { r as registerInstance, h, g as getElement, H as Host, c as createEvent } from './core-852a4c21.js'; | ||
import { c as createColorClasses, g as getClassMap, h as hostContext } from './theme-a8bb96f5.js'; | ||
import { d as debounceEvent, a as deferEvent } from './helpers-09d305fe.js'; | ||
import { d as debounceEvent, a as deferEvent } from './helpers-654cf1f4.js'; | ||
import { f as findRelevantOptions } from './mutation-oberserver-ac258d15.js'; | ||
@@ -6,0 +6,0 @@ var SIZE_TO_MEDIA = { |
import { __awaiter, __generator, __spreadArrays } from "tslib"; | ||
import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './core-852a4c21.js'; | ||
import { c as createColorClasses } from './theme-a8bb96f5.js'; | ||
import { d as debounceEvent } from './helpers-09d305fe.js'; | ||
import { d as debounceEvent } from './helpers-654cf1f4.js'; | ||
import { f as findRelevantOptions } from './mutation-oberserver-ac258d15.js'; | ||
@@ -6,0 +6,0 @@ var FormValidation = /** @class */ (function () { |
@@ -31,3 +31,3 @@ import { __awaiter, __generator } from "tslib"; | ||
// Please look at the rollup replace plugin in stencil.config.ts | ||
'https://icons-ux-design-system.apps.rhocp.awsos.liberty.edu/icon-manifest.json') | ||
'__ICON_API__icon-manifest.json') | ||
.then(function (response) { return response.json(); }) | ||
@@ -34,0 +34,0 @@ .then(function (icons) { |
import { __awaiter, __generator, __spreadArrays } from "tslib"; | ||
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-852a4c21.js'; | ||
import { g as getClassMap } from './theme-a8bb96f5.js'; | ||
import { r as raf } from './helpers-09d305fe.js'; | ||
import { r as raf } from './helpers-654cf1f4.js'; | ||
var attachComponent = function (delegate, container, component, cssClasses, componentProps) { return __awaiter(void 0, void 0, void 0, function () { | ||
@@ -6,0 +6,0 @@ var el; |
@@ -21,3 +21,5 @@ import { r as registerInstance, h, c as createEvent, H as Host } from './core-852a4c21.js'; | ||
var backgroundColor = setItem.isTransparent || setItem.iconColor === "white" ? null : "white"; | ||
return (h("li", { key: setItem.id + "-" + index }, h("mylu-bubble-item", { isLink: setItem.action === "link", itemId: setItem.id, label: setItem.title, linkTo: setItem.actionData, parentId: setItem.parentId, parentPropId: setItem.parentPropId, parentRouteId: setItem.parentRouteId }, h("mylu-circle", { backgroundColor: backgroundColor }, setItem.icon !== "" ? (h("lu-icon", { color: setItem.iconColor, hexColor: setItem.iconColor, name: setItem.icon })) : (_this.constructIcon(setItem.title, setItem.iconColor)))))); | ||
return (h("li", { key: setItem.id + "-" + index }, h("mylu-bubble-item", { description: setItem.action === "link" && setItem.itemDescription !== "" | ||
? setItem.itemDescription | ||
: null, isLink: setItem.action === "link", itemId: setItem.id, label: setItem.title, linkTo: setItem.actionData, parentId: setItem.parentId, parentPropId: setItem.parentPropId, parentRouteId: setItem.parentRouteId }, h("mylu-circle", { backgroundColor: backgroundColor }, setItem.icon !== "" ? (h("lu-icon", { color: setItem.iconColor, hexColor: setItem.iconColor, name: setItem.icon })) : (_this.constructIcon(setItem.title, setItem.iconColor)))))); | ||
}; | ||
@@ -24,0 +26,0 @@ this.selectedBubbleItem = createEvent(this, "selectedBubbleItem", 7); |
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-852a4c21.js'; | ||
import { c as createColorClasses } from './theme-551a9eab.js'; | ||
import { s as sleep } from './index-3daab27e.js'; | ||
import { c as createColorClasses } from './theme-551a9eab.js'; | ||
var ContextMenu = /** @class */ (function () { | ||
@@ -5,0 +5,0 @@ function ContextMenu(hostRef) { |
@@ -20,13 +20,11 @@ import { __awaiter, __generator, __spreadArrays } from "tslib"; | ||
this.sortedForms = []; | ||
this.headerButtonIcon = "md-create"; | ||
this.headerButtonText = "Edit"; | ||
this.headerButtonIcon = 'md-create'; | ||
this.headerButtonText = 'Edit'; | ||
this.showFooter = false; | ||
this.hasForms = false; | ||
this.messageText = ""; | ||
this.messageText = ''; | ||
this.failedUpdates = []; | ||
this.saveSucceeded = false; | ||
this.onDynamicFormValidationDidLoad = function (formValidationComp) { | ||
_this.formValidationComponents = __spreadArrays(_this.formValidationComponents, [ | ||
formValidationComp | ||
]); | ||
_this.formValidationComponents = __spreadArrays(_this.formValidationComponents, [formValidationComp]); | ||
}; | ||
@@ -41,5 +39,5 @@ this.onDynamicFormValidationDidUnload = function (formValidationComp) { | ||
mutationList.forEach(function (record) { | ||
if (record.type === "childList") { | ||
if (record.type === 'childList') { | ||
for (var i = 0; i < record.addedNodes.length; i++) { | ||
var relevantOptions = findRelevantOptions(record.addedNodes[i], "lu-form-validation"); | ||
var relevantOptions = findRelevantOptions(record.addedNodes[i], 'lu-form-validation'); | ||
if (relevantOptions) | ||
@@ -49,3 +47,3 @@ relevantOptions.forEach(_this.onDynamicFormValidationDidLoad); | ||
for (var i = 0; i < record.removedNodes.length; i++) { | ||
var relevantOptions = findRelevantOptions(record.removedNodes[i], "lu-form-validation"); | ||
var relevantOptions = findRelevantOptions(record.removedNodes[i], 'lu-form-validation'); | ||
if (relevantOptions) | ||
@@ -64,3 +62,3 @@ relevantOptions.forEach(_this.onDynamicFormValidationDidUnload); | ||
this.isSaving = true; | ||
this.messageText = "Saving..."; | ||
this.messageText = 'Saving...'; | ||
this.saveFailedOrIsInvalid = false; | ||
@@ -80,3 +78,3 @@ validationPromises = []; | ||
this.isSaving = false; | ||
this.messageText = "Please fix the issues below."; | ||
this.messageText = 'Please fix the issues below.'; | ||
} | ||
@@ -86,5 +84,3 @@ else { | ||
removeTheseIndexesFromOriginalAfterGettingAdded_1 = []; | ||
originals = this.originalForms | ||
.filter(function (form) { return !form.canNotEdit; }) | ||
.map(this.convertFormToSimplifiedFormat); | ||
originals = this.originalForms.filter(function (form) { return !form.canNotEdit; }).map(this.convertFormToSimplifiedFormat); | ||
updates_1 = validations.map(this.convertFormValidationToSimplifiedFormat); | ||
@@ -104,5 +100,3 @@ deleted = originals.filter(function (originalForm, index) { | ||
if (!perfectMatch) { | ||
removeTheseIndexesFromOriginal_1 = __spreadArrays(removeTheseIndexesFromOriginal_1, [ | ||
index | ||
]); | ||
removeTheseIndexesFromOriginal_1 = __spreadArrays(removeTheseIndexesFromOriginal_1, [index]); | ||
} | ||
@@ -127,5 +121,3 @@ return !perfectMatch; | ||
if (!perfectMatch) { | ||
removeTheseIndexesFromOriginalAfterGettingAdded_1 = __spreadArrays(removeTheseIndexesFromOriginalAfterGettingAdded_1, [ | ||
index | ||
]); | ||
removeTheseIndexesFromOriginalAfterGettingAdded_1 = __spreadArrays(removeTheseIndexesFromOriginalAfterGettingAdded_1, [index]); | ||
} | ||
@@ -140,20 +132,12 @@ return !perfectMatch; | ||
thereAreDuplicatesOfSaveType = everythingRemaining_1.filter(function (formInq, index) { | ||
return (everythingRemaining_1 | ||
.filter(function (_formInqFolded, foldedIndex) { return index !== foldedIndex; }) | ||
.filter(function (formInqFolded) { | ||
return everythingRemaining_1.filter(function (_formInqFolded, foldedIndex) { return index !== foldedIndex; }).filter(function (formInqFolded) { | ||
var match = formInqFolded.id === formInq.id; | ||
var primaryValueMatch = false; | ||
if (match && !!_this.secondaryCompoundIdField) { | ||
var formInqFoldedRelevantField = formInqFolded.fields.filter(function (fieldInqFolded) { return fieldInqFolded.name.toLowerCase() === | ||
_this.secondaryCompoundIdField.toLowerCase(); })[0]; | ||
var formInqRelevantField = formInq.fields.filter(function (fieldInq) { return fieldInq.name.toLowerCase() === | ||
_this.secondaryCompoundIdField.toLowerCase(); })[0]; | ||
primaryValueMatch = | ||
formInqFoldedRelevantField.value === | ||
formInqRelevantField.value; | ||
var formInqFoldedRelevantField = formInqFolded.fields.filter(function (fieldInqFolded) { return fieldInqFolded.name.toLowerCase() === _this.secondaryCompoundIdField.toLowerCase(); })[0]; | ||
var formInqRelevantField = formInq.fields.filter(function (fieldInq) { return fieldInq.name.toLowerCase() === _this.secondaryCompoundIdField.toLowerCase(); })[0]; | ||
primaryValueMatch = formInqFoldedRelevantField.value === formInqRelevantField.value; | ||
} | ||
return _this.secondaryCompoundIdField | ||
? match && primaryValueMatch | ||
: match; | ||
}).length > 0); | ||
return _this.secondaryCompoundIdField ? match && primaryValueMatch : match; | ||
}).length > 0; | ||
}).length > 0; | ||
@@ -163,7 +147,7 @@ if (thereAreDuplicatesOfSaveType) { | ||
this.isSaving = false; | ||
this.messageText = "No duplicates of the same type."; | ||
this.messageText = 'No duplicates of the same type.'; | ||
} | ||
else if (added.length === 0 && deleted.length === 0) { | ||
this.isSaving = false; | ||
this.messageText = "There are no changes to save."; | ||
this.messageText = 'There are no changes to save.'; | ||
} | ||
@@ -196,3 +180,3 @@ else { | ||
return [4 /*yield*/, modalController.create({ | ||
component: "mylu-multi-form-validation-box-modal", | ||
component: 'mylu-multi-form-validation-box-modal', | ||
componentProps: { | ||
@@ -202,3 +186,3 @@ generatorForm: generatorFormCopy, | ||
}, | ||
cssClass: "contact-modal" | ||
cssClass: 'contact-modal' | ||
})]; | ||
@@ -222,3 +206,3 @@ case 1: | ||
var single = formFields.length === 1; | ||
return (h("lu-row", null, h("lu-col", null, h("mylu-dynamic-form", { headingLevel: _this.headingLevel, secondaryCompoundIdField: _this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: _this.isEditMode && !formFields[0].canNotEdit, form: formFields[0] })), h("lu-col", null, !single && (h("mylu-dynamic-form", { headingLevel: _this.headingLevel, secondaryCompoundIdField: _this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: _this.isEditMode && !formFields[1].canNotEdit, form: formFields[1] }))))); | ||
return (h("lu-row", null, h("lu-col", null, h("mylu-dynamic-form", { secondaryCompoundIdField: _this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: _this.isEditMode && !formFields[0].canNotEdit, form: formFields[0] })), h("lu-col", null, !single && (h("mylu-dynamic-form", { secondaryCompoundIdField: _this.secondaryCompoundIdField, showDeleteInEditMode: true, isInEditState: _this.isEditMode && !formFields[1].canNotEdit, form: formFields[1] }))))); | ||
}; | ||
@@ -235,4 +219,4 @@ this.openModal = createEvent(this, "openModal", 7); | ||
if (newValue) { | ||
this.headerButtonIcon = "md-close"; | ||
this.headerButtonText = "Cancel"; | ||
this.headerButtonIcon = 'md-close'; | ||
this.headerButtonText = 'Cancel'; | ||
this.showFooter = true; | ||
@@ -242,7 +226,7 @@ this.myluMultiFormValidationEditStarted.emit(); | ||
else { | ||
this.headerButtonIcon = "md-create"; | ||
this.headerButtonText = "Edit"; | ||
this.headerButtonIcon = 'md-create'; | ||
this.headerButtonText = 'Edit'; | ||
this.showFooter = false; | ||
} | ||
this.messageText = ""; | ||
this.messageText = ''; | ||
if (!this.isSaving) { | ||
@@ -264,3 +248,3 @@ this.saveSucceeded = false; | ||
this.saveFailedOrIsInvalid = true; | ||
this.messageText = "One or more of the updates failed"; | ||
this.messageText = 'One or more of the updates failed'; | ||
this.isSaving = false; | ||
@@ -272,3 +256,3 @@ } | ||
this.isEditMode = false; | ||
this.messageText = "Save successful!"; | ||
this.messageText = 'Save successful!'; | ||
this.isSaving = false; | ||
@@ -294,7 +278,7 @@ this.convertBackToForms(); | ||
var data = ev.detail; | ||
this.isMD = data.breakpoint !== "xs" && data.breakpoint !== "sm"; | ||
this.isMD = data.breakpoint !== 'xs' && data.breakpoint !== 'sm'; | ||
}; | ||
class_1.prototype.connectedCallback = function () { | ||
this.formValidationComponents = Array.from(this.el.querySelectorAll("lu-form-validation")); | ||
this.isMD = matchBreakpoint("md"); | ||
this.formValidationComponents = Array.from(this.el.querySelectorAll('lu-form-validation')); | ||
this.isMD = matchBreakpoint('md'); | ||
if (this.formInput && this.formInput.forms) { | ||
@@ -320,3 +304,4 @@ this.dealWithFormInput(); | ||
} | ||
catch (_a) { } | ||
catch (_a) { | ||
} | ||
return rerender; | ||
@@ -344,10 +329,8 @@ }; | ||
return Object.assign(Object.assign({}, this.formInput.generatorForm), { fields: __spreadArrays(this.formInput.generatorForm.fields.map(function (field) { | ||
var isId = field.name === "id"; | ||
return Object.assign(Object.assign({}, field), { options: isId && !_this.secondaryCompoundIdField | ||
? field.options.filter(function (option) { | ||
return !(_this.currentForms.filter(function (form) { | ||
return form.id === option.value; | ||
}).length > 0); | ||