{"version":3,"names":["accordionCss","Accordion","this","updateListener","updateState","getSlottedAccordionHeader","headerElement","slot","querySelector","accordionHeader","assignedElements","find","el","getAttribute","slotToggleIcon","header","existingToggleIcon","hideToggle","iconEl","document","createElement","lazy","classList","add","icon","setAttribute","appendChild","setAria","expanded","root","shadowRoot","button","expandAccordion","initialUpdate","state","contentElement","contentWrapperElement","undefined","currentRaf","cancelAnimationFrame","shouldAnimate","raf","async","contentHeight","offsetHeight","waitForTransition","transitionEndAsync","style","setProperty","removeProperty","collapseAccordion","window","prefersReducedMotion","matchMedia","matches","accordionGroupElement","animated","accordionGroup","accordionValue","value","shouldExpand","Array","isArray","includes","isNext","isPrevious","nextAccordion","getNextSibling","nextAccordionValue","previousAccordion","getPreviousSibling","previousAccordionValue","nextSibling","nextElementSibling","tagName","previousSibling","previousElementSibling","AccordionIds","connectedCallback","closest","addEventListener","disconnectedCallback","removeEventListener","componentDidLoad","toggleExpanded","expand","requestAccordionToggle","render","disabled","headerPart","contentPart","h","Host","class","onClick","id","part","ref","headerEl","name","role","contentEl","contentElWrapper","accordionGroupCss","AccordionGroup","valueChanged","multiple","accordionGroupChange","emit","accordions","getAccordions","accordion","ev","activeElement","accordionEl","closestGroup","startingIndex","findIndex","a","key","findNextAccordion","findPreviousAccordion","length","focus","disabledChanged","accordionExpand","groupValue","processedValue","valueExists","v","filter","prevAccordion","from","querySelectorAll","backdropCss","Backdrop","onMouseDown","emitTap","stopPropagation","preventDefault","tappable","backdropClick","tabindex","visible","buttonStylesCss","Button","event","hasShadowDom","element","form","fakeButton","type","display","click","remove","TagType","href","attributes","download","rel","target","appearance","size","shape","color","Object","assign","checkboxCss","Checkbox","inputId","checkboxIds","setFocus","checked","indeterminate","onFocus","checkboxFocus","onBlur","checkboxBlur","checkedChanged","isChecked","checkboxChange","focusEl","required","renderHiddenInput","path","d","interactive","viewBox","htmlFor","CheckboxGroup","checkboxGroupId","onCheckboxChange","detail","indexOf","valueChange","item","cssClassNames","JSON","stringify","resolveTagName","props","GalleryDisplay","MiniGallery","Gallery","children","GalleryType","Heading","level","textAlign","HeadingType","styleMap","Reference","ReferenceTag","toLowerCase","Table","_","width","BulletList","Paragraph","Video","src","title","caption","video","controls","Audio","audio","PanelComponentBuilder","Link","_a","startsWith","MarkTagResolver","MarkType","Bold","Italic","Strike","Subscript","Superscript","Underline","NodeTagResolver","NodeType","HardBreak","HorizontalRule","ListItem","OrderedList","TableHeader","TableRow","TableCell","PanelInfo","PanelTeaser","Vspace","AccordionHeader","AccordionContent","isNodeTagSelfClosing","node","MarkBuilder","mark","content","MarkTag","attrs","MarkWrap","marks","reduce","acc","curr","ContentNode","data","Text","text","map","NodeTag","contentStylesCss","Content","onDocumentChange","Node","fromJS","parse","componentWillLoad","onLightboxOpen","images","res","startIndex","image","createOverlay","component","componentProps","contentAccordionStylesCss","ContentAccordionComponent","AutocompleteMap","AutocompleteType","None","Name","Firstname","Lastname","Street","City","ZipCode","Email","TelephoneNumber","Birthday","upload","input","files","file","FilesClient","createFile","fileName","FormInputLabel","field","FormFieldType","Checkboxes","Likert","Confirmation","Radiobuttons","Document","PriorityList","_b","_c","FormInputDescription","description","File","Image","FormInputElement","setValue","autocomplete","autocompleteType","pattern","regEx","placeholder","onInput","minLength","maxLength","Number","min","minValue","max","maxValue","isDocumentEmpty","TextArea","resize","rows","minlength","maxlength","Date","Select","options","option","accept","then","acceptMimeTypes","index","likertLabelLeft","likertLabelRight","onValueChange","Hooks","callback","first","arguments","forEach","run","env","call","context","Plugins","constructor","jsep","registered","register","plugins","plugin","init","Error","Jsep","version","static","op_name","max_unop_len","Math","unary_ops","precedence","isRightAssociative","max_binop_len","binary_ops","right_associative","delete","char","additional_identifier_chars","literal_name","literal_value","literals","getMaxKeyLen","expr","charAt","code","charCodeAt","obj","keys","k","ch","op_val","String","fromCharCode","has","isIdentifierStart","isDecimalDigit","throwError","message","error","runHook","hooks","searchHook","gobbleSpaces","SPACE_CODE","TAB_CODE","LF_CODE","CR_CODE","nodes","gobbleExpressions","COMPOUND","body","untilICode","ch_i","SEMCOL_CODE","COMMA_CODE","gobbleExpression","push","gobbleBinaryExpression","gobbleBinaryOp","to_check","substr","tc_len","hasOwnProperty","isIdentifierPart","biop","prec","stack","biop_info","left","right","i","cur_biop","gobbleToken","binaryPrecedence","right_a","comparePrev","prev","pop","BINARY_EXP","operator","PERIOD_CODE","gobbleNumericLiteral","SQUOTE_CODE","DQUOTE_CODE","gobbleStringLiteral","OBRACK_CODE","gobbleArray","argument","UNARY_EXP","prefix","gobbleIdentifier","LITERAL","raw","this_str","THIS_EXP","OPAREN_CODE","gobbleGroup","gobbleTokenProperty","QUMARK_CODE","optional","MEMBER_EXP","computed","object","property","CBRACK_CODE","CALL_EXP","gobbleArguments","CPAREN_CODE","callee","number","chCode","parseFloat","str","quote","closed","substring","start","IDENTIFIER","slice","termination","args","separator_count","arg","SEQUENCE_EXP","expressions","ARRAY_EXP","elements","COLON_CODE","Set","true","false","null","staticMethods","getOwnPropertyNames","m","CONDITIONAL_EXP","ternary","gobbleTernary","test","consequent","alternate","newTest","OperatorType","isBinaryExpression","isLiteral","isIdentifier","isArrayExpression","isCallExpression","toExpression","expression","isNullUndefinedFalseOrEmpty","getValue","exp","evaluateExpression","And","Or","GreaterThan","GreaterOrEqual","LessThan","LessOrEqual","Equal","NotEqual","Empty","NotEmpty","Contains","exp1","exp2","base","shouldBeContained","every","NotContains","formStylesCss","FormComponent","elementId","formId","getFormStepId","slides","scrollIntoView","behavior","slideIndex","isValid","checkValidity","transitionEndHandler","reportValidity","slideTo","slideNext","slidePrev","updateValue","partial","showElement","condition","action","evaluationResult","ConditionAction","Hide","onSubmit","formSubmit","pages","hideStepLabels","privacyConfirmationText","allowTouchMove","autoHeight","preventClicks","preventClicksPropagation","visiblePages","page","pageIndex","goTo","pager","isFirstPage","isLastPage","row","rowIndex","columns","column","columnIndex","bind","PrivacyConfirmationField","html","flex","next","formFieldStylesCss","FormField","onFocusIn","isFocused","onFocusOut","componentOnReady","nestedInput","validity","dirty","valid","interactionFormDefaultCss","InteractionFormDefault","client","InteractionClient","setPage","getQueryParam","QueryParamKey","ITEM","getForm","formData","doc","submitForm","PublicSubmitInteractionFormCommand","pageId","configuration","formConfirmationHtml","onFormSubmit","submit","messageStylesCss","Message","getIconName","iconName","overlayStylesCss","OverlayClasses","overlay","hasBackdrop","cssClass","Overlay","OVERLAY_ID","close","overlayDidDismiss","COUNT","documentElement","containerStyles","height","maxWidth","maxHeight","OverlayContentComponent","zIndex","Z_INDEX","top","scrollTop","onBackdropClick","backdropDismiss","panelStylesCss","Panel","ownKeys","enumerableOnly","getOwnPropertySymbols","symbols","sym","getOwnPropertyDescriptor","enumerable","apply","_objectSpread2","source","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_typeof","Symbol","iterator","prototype","configurable","writable","_extends","_objectWithoutPropertiesLoose","excluded","sourceKeys","_objectWithoutProperties","sourceSymbolKeys","propertyIsEnumerable","userAgent","navigator","match","IE11OrLess","Edge","FireFox","Safari","IOS","ChromeForAndroid","captureMode","capture","passive","on","fn","off","selector","msMatchesSelector","webkitMatchesSelector","getParentOrHost","host","nodeType","parentNode","ctx","includeCTX","R_SPACE","toggleClass","className","replace","css","prop","val","defaultView","getComputedStyle","currentStyle","matrix","selfOnly","appliedTransforms","transform","matrixFn","DOMMatrix","WebKitCSSMatrix","CSSMatrix","MSCSSMatrix","list","getElementsByTagName","n","getWindowScrollingElement","scrollingElement","getRect","relativeToContainingBlock","relativeToNonStaticParent","undoScale","container","getBoundingClientRect","elRect","bottom","innerHeight","innerWidth","containerRect","parseInt","elMatrix","scaleX","scaleY","isScrolledPast","elSide","parentSide","parent","getParentAutoScrollElement","elSideVal","parentSideVal","getChild","childNum","includeDragEl","currentChild","Sortable","ghost","dragged","draggable","lastChild","last","lastElementChild","nodeName","toUpperCase","clone","getRelativeScrollOffset","offsetLeft","offsetTop","winScroller","scrollLeft","indexOfObject","arr","includeSelf","elem","gotSelf","clientWidth","scrollWidth","clientHeight","scrollHeight","elemCSS","overflowX","overflowY","extend","dst","isRectEqual","rect1","rect2","round","_throttleTimeout","throttle","ms","_this","setTimeout","cancelThrottle","clearTimeout","scrollBy","x","y","Polymer","$","jQuery","Zepto","dom","cloneNode","expando","getTime","AnimationStateManager","animationStates","animationCallbackId","captureAnimationState","animation","child","rect","fromRect","thisAnimationDuration","childMatrix","f","e","addAnimationState","removeAnimationState","splice","animateAll","animating","animationTime","time","toRect","prevFromRect","prevToRect","animatingRect","targetMatrix","calculateRealTime","animate","animationResetTimer","currentRect","duration","translateX","translateY","animatingX","animatingY","forRepaintDummy","repaint","easing","offsetWidth","sqrt","pow","defaults","initializeByDefault","PluginManager","mount","p","pluginName","concat","pluginEvent","eventName","sortable","evt","eventCanceled","cancel","eventNameGlobal","initializePlugins","initialized","modified","modifyOption","getEventProperties","eventProperties","modifiedValue","optionListeners","dispatchEvent","_ref","rootEl","targetEl","cloneEl","toEl","fromEl","oldIndex","newIndex","oldDraggableIndex","newDraggableIndex","originalEvent","putSortable","extraEventProperties","onName","CustomEvent","bubbles","cancelable","createEvent","initEvent","to","pullMode","lastPutMode","allEventProperties","_excluded","dragEl","parentEl","ghostEl","nextEl","lastDownEl","cloneHidden","dragStarted","moved","activeSortable","active","hideGhostForTarget","_hideGhostForTarget","unhideGhostForTarget","_unhideGhostForTarget","cloneNowHidden","cloneNowShown","dispatchSortableEvent","_dispatchEvent","info","activeGroup","awaitingDragStarted","ignoreNextClick","sortables","tapEvt","touchEvt","lastDx","lastDy","tapDistanceLeft","tapDistanceTop","lastTarget","lastDirection","pastFirstInvertThresh","isCircumstantialInvert","targetMoveDistance","ghostRelativeParent","ghostRelativeParentInitialScroll","_silent","savedInputChecked","documentExists","PositionGhostAbsolutely","CSSFloatProperty","supportDraggable","supportCssPointerEvents","cssText","pointerEvents","_detectDirection","elCSS","elWidth","paddingLeft","paddingRight","borderLeftWidth","borderRightWidth","child1","child2","firstChildCSS","secondChildCSS","firstChildWidth","marginLeft","marginRight","secondChildWidth","flexDirection","gridTemplateColumns","split","touchingSideChild2","clear","_dragElInRowColumn","dragRect","targetRect","vertical","dragElS1Opp","dragElS2Opp","dragElOppLength","targetS1Opp","targetS2Opp","targetOppLength","_detectNearestEmptySortable","ret","some","threshold","emptyInsertThreshold","insideHorizontally","insideVertically","_prepareGroup","toFn","pull","sameGroup","group","otherGroup","join","originalGroup","checkPull","checkPut","put","revertClone","stopImmediatePropagation","nearestEmptyInsertDetectEvent","touches","nearest","clientX","clientY","_onDragOver","_checkOutsideTargetEl","_isOutsideThisEl","toString","sort","store","handle","swapThreshold","invertSwap","invertedSwapThreshold","removeCloneOnHide","direction","ghostClass","chosenClass","dragClass","ignore","preventOnFilter","setData","dataTransfer","textContent","dropBubble","dragoverBubble","dataIdAttr","delay","delayOnTouchOnly","touchStartThreshold","devicePixelRatio","forceFallback","fallbackClass","fallbackOnBody","fallbackTolerance","fallbackOffset","supportPointer","nativeDraggable","_onTapStart","get","contains","_getDirection","touch","pointerType","originalTarget","composedPath","_saveInputCheckedState","isContentEditable","criteria","trim","_prepareDragStart","ownerDocument","dragStartFn","_lastX","_lastY","_onDrop","_disableDelayedDragEvents","_triggerDragStart","_disableDraggable","_disableDelayedDrag","_delayedDragTouchMoveHandler","_dragStartTimer","abs","floor","_onTouchMove","_onDragStart","selection","_nextTick","empty","getSelection","removeAllRanges","err","_dragStarted","fallback","_appendGhost","_nulling","_emulateDragOver","elementFromPoint","inserted","ghostMatrix","relativeScrollOffset","dx","dy","b","c","cssMatrix","removeAttribute","_hideClone","cloneId","insertBefore","_loopId","setInterval","effectAllowed","_dragStartId","revert","isOwner","canSort","fromSortable","completedFired","dragOverEvent","extra","axis","completed","onMove","after","_onMove","changed","insertion","_showClone","_ignoreWhileAnimating","elLastChild","_ghostIsLast","_ghostIsFirst","firstChild","targetBeforeFirstSwap","differentLevel","differentRowCol","side1","scrolledPastTop","scrollBefore","_getSwapDirection","sibling","dragIndex","moveVector","_unsilent","_offMoveEvents","_offUpEvents","clearInterval","_cancelNextTick","removeChild","save","handleEvent","_globalDragOver","toArray","order","_generateId","useAnimation","items","set","closest$1","destroy","dropEffect","willInsertAfter","onMoveFn","retVal","draggedRect","related","relatedRect","spacer","isLastTarget","mouseOnAxis","targetLength","targetS1","targetS2","invert","_getInsertDirection","sum","inputs","idx","utils","is","nextTick","cancelNextTick","detectDirection","_len","_key","create","autoScrolls","scrollEl","scrollRootEl","scrolling","lastAutoScrollX","lastAutoScrollY","touchEvt$1","pointerElemChangedInterval","AutoScrollPlugin","AutoScroll","scroll","forceAutoScrollFallback","scrollSensitivity","scrollSpeed","bubbleScroll","_handleAutoScroll","_handleFallbackAutoScroll","dragOverCompleted","_ref2","dragOverBubble","drop","clearPointerElemChangedInterval","clearAutoScrolls","nulling","autoScroll","ogElemScroller","newElem","pid","isFallback","sens","speed","scrollThisInstance","scrollCustomFn","scrollFn","layersOut","currentParent","canScrollX","canScrollY","scrollPosX","scrollPosY","vx","vy","layer","scrollOffsetY","scrollOffsetX","toSortable","changedTouches","onSpill","Revert","dragStart","_ref3","Remove","_ref4","parentSortable","priorityListStylesCss","PriorityListComponent","ID","_availableOptionsRef","onEnd","_sortedOptionsRef","dataset","moveUp","parentElement","moveDown","carouselSlideStylesCss","Slide","classesToSelector","classes","Pagination","swiper","extendParams","pfx","pagination","bulletElement","clickable","hideOnClick","renderBullet","renderProgressbar","renderFraction","renderCustom","progressbarOpposite","dynamicBullets","dynamicMainBullets","formatFractionCurrent","formatFractionTotal","bulletClass","bulletActiveClass","modifierClass","currentClass","totalClass","hiddenClass","progressbarFillClass","progressbarOppositeClass","clickableClass","lockClass","horizontalClass","verticalClass","paginationDisabledClass","$el","bullets","bulletSize","dynamicBulletIndex","isPaginationDisabled","params","setSideBullets","$bulletEl","position","addClass","update","rtl","slidesLength","virtual","enabled","current","total","loop","ceil","loopedSlides","slidesPerGroup","snapGrid","activeIndex","paginationType","snapIndex","firstIndex","lastIndex","midIndex","eq","isHorizontal","previousIndex","removeClass","suffix","each","bullet","$bullet","bulletIndex","$firstDisplayedBullet","$lastDisplayedBullet","dynamicBulletsLength","bulletsOffset","offsetProp","progressbarDirection","scale","transition","watchOverflow","isLocked","paginationHTML","numberOfBullets","freeMode","createElementIfNotDefined","originalParams","uniqueNavElements","parents","disable","_s","hasClass","navigation","prevEl","isHidden","enable","Zoom","getWindow","zoom","maxRatio","minRatio","toggle","containerClass","zoomedSlideClass","currentScale","isScaling","gesturesEnabled","fakeGestureTouched","fakeGestureMoved","gesture","$slideEl","slideWidth","slideHeight","$imageEl","$imageWrapEl","isTouched","isMoved","currentX","currentY","minX","minY","maxX","maxY","startX","startY","touchesStart","touchesCurrent","velocity","prevPositionX","prevPositionY","prevTime","imageEl","slideEl","getDistanceBetweenTouches","targetTouches","x1","pageX","y1","pageY","x2","y2","distance","onGestureStart","support","gestures","scaleStart","slideClass","attr","onGestureChange","scaleMove","onGestureEnd","device","android","onTouchStart","onTouchMove","allowClick","getTranslate","scaledWidth","scaledHeight","now","onTouchEnd","momentumDurationX","momentumDurationY","momentumDistanceX","newPositionX","momentumDistanceY","newPositionY","momentumDuration","onTransitionEnd","zoomIn","$wrapperEl","slideActiveClass","cssMode","wrapperEl","overflow","touchAction","touchX","touchY","offsetX","offsetY","diffX","diffY","imageWidth","imageHeight","translateMinX","translateMinY","translateMaxX","translateMaxY","offset","scrollX","scrollY","zoomOut","zoomToggle","getListeners","passiveListener","touchEvents","passiveListeners","activeListenerWithCapture","getSlideSelector","toggleGestures","method","slideSelector","enableGestures","disableGestures","end","move","in","out","Lazy","checkInView","loadPrevNext","loadPrevNextAmount","loadOnTransitionStart","elementClass","loadingClass","loadedClass","preloaderClass","scrollHandlerAttached","initialImageLoaded","loadInSlide","loadInDuplicate","isVirtual","$images","background","srcset","sizes","$pictureEl","loadImage","destroyed","removeAttr","sourceEl","$source","slideOriginalIndex","slideDuplicateClass","originalSlide","duplicatedSlide","updateAutoHeight","load","swiperParams","slidesPerView","slideExist","watchSlidesProgress","slideVisibleClass","amount","spv","maxIndex","minIndex","nextSlide","slideNextClass","prevSlide","slidePrevClass","checkInViewOnLoad","$scrollElement","isWindow","scrollElementWidth","scrollElementHeight","swiperOffset","rtlTranslate","inView","swiperCoord","point","preloadImages","sticky","touchReleaseOnEdges","resistanceRatio","Autoplay","timeout","autoplay","running","paused","disableOnInteraction","stopOnLastSlide","reverseDirection","pauseOnMouseEnter","$activeSlideEl","autoplayResult","loopFix","isBeginning","stop","isEnd","pause","onVisibilityChange","getDocument","visibilityState","onMouseEnter","onMouseLeave","attachMouseEvents","detachMouseEvents","internal","effectInit","effect","setTranslate","setTransition","overwriteParams","perspective","recreateShadows","getEffectParams","classNames","containerModifierClass","overwriteParamsResult","slideShadows","requireUpdateOnVirtual","requestAnimationFrame","effectTarget","effectParams","transformEl","effectVirtualTransitionEnd","allSlides","virtualTranslate","eventTriggered","$transitionEndTarget","transitionEnd","triggerEvents","trigger","EffectFade","fadeEffect","crossFade","swiperSlideOffset","tx","translate","ty","slideOpacity","progress","$targetEl","opacity","$transitionElements","spaceBetween","carouselStylesCss","SwiperCore","use","Navigation","CarouselComponent","swiperReady","Promise","resolve","readySwiper","getSwiper","MutationObserver","mut","mutationO","observe","childList","subtree","initSwiper","disconnect","all","waitForSlides","runCallbacks","lock","allowSlideNext","allowSlidePrev","finalOptions","normalizeOptions","Swiper","swiperOptions","initialSlide","parallax","centeredSlides","slidesOffsetBefore","slidesOffsetAfter","touchEventsTarget","momentum","momentumRatio","momentumBounce","momentumBounceRatio","momentumVelocityRatio","minimumVelocity","setWrapperSize","touchRatio","touchAngle","simulateTouch","touchStartPreventDefault","shortSwipes","longSwipes","longSwipesRatio","longSwipesMs","followFinger","touchMoveStopPropagation","resistance","slideToClickedSlide","loopAdditionalSlides","noSwiping","runCallbacksOnInit","observer","observeParents","coverflowEffect","rotate","stretch","depth","modifier","flipEffect","limitRotation","cubeEffect","shadow","shadowOffset","shadowScale","a11y","prevSlideMessage","nextSlideMessage","firstSlideMessage","lastSlideMessage","paginationEl","customPaginationElement","customPaginationSelector","renderBulletsWithTitle","scrollbar","scrollbarEl","hide","eventOptions","c7SlidesDidLoad","slideChangeTransitionStart","c7SlideWillChange","slideChangeTransitionEnd","c7SlideDidChange","slideNextTransitionStart","c7SlideNextStart","slidePrevTransitionStart","c7SlidePrevStart","slideNextTransitionEnd","c7SlideNextEnd","slidePrevTransitionEnd","c7SlidePrevEnd","transitionStart","c7SlideTransitionStart","c7SlideTransitionEnd","sliderMove","c7SlideDrag","reachBeginning","c7SlideReachStart","reachEnd","c7SlideReachEnd","touchStart","c7SlideTouchStart","touchEnd","c7SlideTouchEnd","tap","c7SlideTap","doubleTap","c7SlideDoubleTap","customEvents","mergedEventOptions","s","CACHED_MAP","getIconMap","Map","win","Ionicons","getUrl","url","getSrc","getName","mode","ios","md","getNamedUrl","getAssetPath","toLower","isSrc","isStr","invalidChars","inheritAttributes","attributeObject","hasAttribute","validateContent","svgContent","div","innerHTML","childNodes","svgElm","firstElementChild","svgClass","elm","ioniconContent","requests","getSvgContent","sanitize","req","fetch","rsp","ok","iconCss","Icon","hostRef","inheritedAttributes","isVisible","getIonMode","hasAriaHidden","waitUntilVisible","loadIcon","io","rootMargin","cb","IntersectionObserver","isIntersecting","label","ariaLabel","flipRtl","createColorClasses","dir","assetsDirs"],"sources":["./src/components/ui/accordion/accordion.scss?tag=c7-accordion&encapsulation=shadow","./src/components/ui/accordion/accordion.tsx","./src/components/ui/accordion/accordion-group.scss?tag=c7-accordion-group&encapsulation=shadow","./src/components/ui/accordion/accordion-group.tsx","./src/components/utility/backdrop/backdrop.scss?tag=c7-backdrop&encapsulation=shadow","./src/components/utility/backdrop/backdrop.tsx","./src/components/utility/button/button.styles.scss?tag=c7-button&encapsulation=shadow","./src/components/utility/button/button.tsx","./src/components/ui/controls/checkbox/checkbox.scss?tag=c7-checkbox&encapsulation=shadow","./src/components/ui/controls/checkbox/checkbox.tsx","./src/components/ui/controls/checkbox/checkbox-group.tsx","./src/components/utility/content/gallery/gallery.tsx","./src/components/utility/content/heading/heading.tsx","./src/components/utility/content/reference/reference.tsx","./src/components/utility/content/table/table.tsx","./src/components/utility/content/bullet-list/bullet-list.tsx","./src/components/utility/content/paragraph/paragraph.tsx","./src/components/utility/content/video/video.tsx","./src/components/utility/content/audio/audio.tsx","./src/components/utility/content/panel/panel-builder.tsx","./src/components/utility/content/accordion/accordion.tsx","./src/components/utility/content/link/link.tsx","./src/components/utility/content/content-node.tsx","./src/components/utility/content/content.styles.scss?tag=c7-content","./src/components/utility/content/content.tsx","./src/components/utility/content/accordion/content-accordion.styles.scss?tag=c7-content-accordion","./src/components/utility/content/accordion/content-accordion.component.tsx","./src/components/utility/forms/form/form-input.tsx","./node_modules/jsep/dist/jsep.js","./src/utils/expression.ts","./src/components/utility/forms/form/form.styles.scss?tag=c7-form","./src/components/utility/forms/form/form.component.tsx","./src/components/utility/forms/form-field/form-field.styles.scss?tag=c7-form-field&encapsulation=shadow","./src/components/utility/forms/form-field/form-field.tsx","./src/components/interaction/form/interaction-form-default.scss?tag=c7-interaction-form-default","./src/components/interaction/form/interaction-form-default.tsx","./src/components/ui/message/message.styles.scss?tag=c7-message&encapsulation=shadow","./src/components/ui/message/message.tsx","./src/components/utility/overlay/overlay.styles.scss?tag=c7-overlay","./src/components/utility/overlay/overlay.tsx","./src/components/utility/content/panel/panel.styles.scss?tag=c7-panel","./src/components/utility/content/panel/panel.tsx","./node_modules/sortablejs/modular/sortable.esm.js","./src/components/ui/controls/priority-list/priority-list.styles.scss?tag=c7-priority-list","./src/components/ui/controls/priority-list/priority-list.component.tsx","./src/components/ui/carousel/carousel-slide.styles.scss?tag=c7-slide","./src/components/ui/carousel/carousel-slide.component.tsx","./node_modules/swiper/shared/classes-to-selector.js","./node_modules/swiper/modules/pagination/pagination.js","./node_modules/swiper/modules/zoom/zoom.js","./node_modules/swiper/modules/lazy/lazy.js","./node_modules/swiper/modules/autoplay/autoplay.js","./node_modules/swiper/shared/effect-init.js","./node_modules/swiper/shared/effect-target.js","./node_modules/swiper/shared/effect-virtual-transition-end.js","./node_modules/swiper/modules/effect-fade/effect-fade.js","./src/components/ui/carousel/carousel.styles.scss?tag=c7-slides","./src/components/ui/carousel/carousel.component.tsx","./node_modules/ionicons/dist/collection/components/icon/utils.js","./node_modules/ionicons/dist/collection/components/icon/validate.js","./node_modules/ionicons/dist/collection/components/icon/request.js","./node_modules/ionicons/dist/collection/components/icon/icon.css?tag=ion-icon&encapsulation=shadow","./node_modules/ionicons/dist/collection/components/icon/icon.js"],"sourcesContent":["$accordion-background-color: var(--background, transparent) !default;\n$accordion-transition-duration: 300ms !default;\n$accordion-transition-easing: cubic-bezier(0.25, 0.8, 0.5, 1) !default;\n\n$accordion-disabled-opacity: 0.4 !default;\n$accordion-inset-margin: 16px !default;\n\n:host {\n display: block;\n position: relative;\n width: 100%;\n background-color: $accordion-background-color;\n overflow: hidden;\n z-index: 0;\n\n --padding: 0;\n\n}\n\n:host(.accordion-expanding) ::slotted(*[slot=\"header\"]),\n:host(.accordion-expanded) ::slotted(*[slot=\"header\"]) {\n --border-width: 0px;\n}\n\n:host(.accordion-animated) {\n transition: all $accordion-transition-duration $accordion-transition-easing;\n}\n\n:host(.accordion-animated) #content {\n transition: max-height $accordion-transition-duration $accordion-transition-easing;\n}\n\n#content {\n overflow: hidden;\n will-change: max-height;\n}\n\n:host(.accordion-collapsing) #content {\n max-height: 0 !important;\n}\n\n:host(.accordion-collapsed) #content {\n display: none;\n}\n\n:host(.accordion-expanding) #content {\n max-height: 0;\n}\n\n:host(.accordion-disabled) #header,\n:host(.accordion-disabled) #content{\n pointer-events: none;\n}\n\n:host(.accordion-disabled) #header,\n:host(.accordion-disabled) #content {\n opacity: $accordion-disabled-opacity;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host,\n #content {\n transition: none !important;\n }\n}\n","import { Component, Element, h, Host, Method, Prop, State } from '@stencil/core';\nimport { raf, transitionEndAsync } from '../../../utils/component.utils';\n\nconst enum AccordionState {\n Collapsed = 1 << 0,\n Collapsing = 1 << 1,\n Expanded = 1 << 2,\n Expanding = 1 << 3\n}\n\n@Component({\n tag: 'c7-accordion',\n styleUrl: 'accordion.scss',\n shadow: {\n delegatesFocus: true\n }\n})\nexport class Accordion {\n\n static AccordionIds: number = 0;\n\n private accordionGroupElement?: HTMLC7AccordionGroupElement;\n private updateListener = () => this.updateState(false);\n private headerElement: HTMLDivElement;\n private contentElement: HTMLDivElement;\n private contentWrapperElement: HTMLDivElement;\n private currentRaf: number;\n\n\n @Element() el?: HTMLC7AccordionElement;\n\n @State() state: AccordionState = AccordionState.Collapsed;\n @State() isNext = false;\n @State() isPrevious = false;\n\n\n @Prop() value = `ion-accordion-${Accordion.AccordionIds++}`;\n\n @Prop() disabled = false;\n\n @Prop() hideToggle: boolean;\n\n connectedCallback() {\n const accordionGroupElement = this.accordionGroupElement = this.el && this.el.closest('c7-accordion-group');\n if (accordionGroupElement) {\n this.updateState(true);\n accordionGroupElement.addEventListener('accordionGroupChange', this.updateListener)\n }\n }\n\n disconnectedCallback() {\n const accordionGroupElement = this.accordionGroupElement;\n if (accordionGroupElement) {\n accordionGroupElement.removeEventListener('accordionGroupChange', this.updateListener)\n }\n }\n\n componentDidLoad() {\n this.slotToggleIcon();\n\n raf(() => {\n const expanded = this.state === AccordionState.Expanded || this.state === AccordionState.Expanding;\n this.setAria(expanded);\n });\n }\n\n private getSlottedAccordionHeader = () => {\n\n const {headerElement} = this;\n if (!headerElement) return;\n\n const slot = headerElement.querySelector('slot');\n if (!slot) return;\n\n const accordionHeader = slot.assignedElements && (slot.assignedElements().find((el) => el.getAttribute('slot') === 'header') as HTMLC7AccordionHeaderElement);\n return accordionHeader;\n }\n\n private slotToggleIcon = () => {\n const header = this.getSlottedAccordionHeader();\n if (!header) { return; }\n\n const existingToggleIcon = header.querySelector('.c7-accordion-toggle-icon');\n if (existingToggleIcon || this.hideToggle) { return; }\n\n const iconEl = document.createElement('ion-icon');\n iconEl.slot = 'end';\n iconEl.lazy = false;\n iconEl.classList.add('c7-accordion-toggle-icon');\n iconEl.icon = 'chevron-down-outline';\n iconEl.setAttribute('aria-hidden', 'true');\n\n header.appendChild(iconEl);\n }\n\n private setAria = (expanded = false) => {\n const header = this.getSlottedAccordionHeader();\n if (!header) return;\n\n const root = header.shadowRoot;\n\n const button = root?.querySelector('button');\n\n if (!button) return;\n\n button.setAttribute('aria-expanded', `${expanded}`);\n }\n\n\n private expandAccordion = (initialUpdate = false) => {\n if (initialUpdate) {\n this.state = AccordionState.Expanded;\n return;\n }\n\n if (this.state === AccordionState.Expanded) { return; }\n\n const { contentElement, contentWrapperElement } = this;\n if (contentElement === undefined || contentWrapperElement === undefined) { return; }\n\n if (this.currentRaf !== undefined) {\n cancelAnimationFrame(this.currentRaf);\n }\n\n if (this.shouldAnimate()) {\n raf(() => {\n this.state = AccordionState.Expanding;\n\n this.currentRaf = raf(async () => {\n const contentHeight = contentWrapperElement.offsetHeight;\n const waitForTransition = transitionEndAsync(contentElement, 500);\n contentElement.style.setProperty('max-height', `${contentHeight}px`);\n\n await waitForTransition;\n\n this.state = AccordionState.Expanded;\n contentElement.style.removeProperty('max-height');\n });\n });\n } else {\n this.state = AccordionState.Expanded;\n }\n }\n\n private collapseAccordion = (initialUpdate = false) => {\n if (initialUpdate) {\n this.state = AccordionState.Collapsed;\n return;\n }\n\n if (this.state === AccordionState.Collapsed) { return; }\n\n const { contentElement } = this;\n if (contentElement === undefined) { return; }\n\n if (this.currentRaf !== undefined) {\n cancelAnimationFrame(this.currentRaf);\n }\n\n if (this.shouldAnimate()) {\n this.currentRaf = raf(async () => {\n const contentHeight = contentElement.offsetHeight;\n contentElement.style.setProperty('max-height', `${contentHeight}px`);\n\n raf(async () => {\n const waitForTransition = transitionEndAsync(contentElement, 500);\n\n this.state = AccordionState.Collapsing;\n\n await waitForTransition;\n\n this.state = AccordionState.Collapsed;\n contentElement.style.removeProperty('max-height');\n });\n });\n } else {\n this.state = AccordionState.Collapsed;\n }\n }\n\n private shouldAnimate = () => {\n if (typeof (window as any) === 'undefined') { return false; }\n\n const prefersReducedMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;\n if (prefersReducedMotion) { return false; }\n if (this.accordionGroupElement && !this.accordionGroupElement.animated) { return false; }\n\n return true;\n }\n\n private updateState = async (initialUpdate = false) => {\n const accordionGroup = this.accordionGroupElement;\n const accordionValue = this.value;\n\n if (!accordionGroup) { return; }\n\n const value = accordionGroup.value;\n\n const shouldExpand = (Array.isArray(value)) ? value.includes(accordionValue) : value === accordionValue;\n\n if (shouldExpand) {\n this.expandAccordion(initialUpdate);\n this.isNext = this.isPrevious = false;\n } else {\n this.collapseAccordion(initialUpdate);\n\n const nextAccordion = this.getNextSibling();\n const nextAccordionValue = nextAccordion && nextAccordion.value;\n\n if (nextAccordionValue !== undefined) {\n this.isPrevious = (Array.isArray(value)) ? value.includes(nextAccordionValue) : value === nextAccordionValue;\n }\n\n const previousAccordion = this.getPreviousSibling();\n const previousAccordionValue = previousAccordion && previousAccordion.value;\n\n if (previousAccordionValue !== undefined) {\n this.isNext = (Array.isArray(value)) ? value.includes(previousAccordionValue) : value === previousAccordionValue;\n }\n }\n }\n\n private getNextSibling = () => {\n if (!this.el) { return; }\n\n const nextSibling = this.el.nextElementSibling;\n\n if (nextSibling?.tagName !== 'C7-ACCORDION') { return; }\n\n return nextSibling as HTMLC7AccordionElement;\n }\n\n private getPreviousSibling = () => {\n if (!this.el) { return; }\n\n const previousSibling = this.el.previousElementSibling;\n\n if (previousSibling?.tagName !== 'C7-ACCORDION') { return; }\n\n return previousSibling as HTMLC7AccordionElement;\n }\n\n @Method()\n toggleExpanded() {\n const { accordionGroupElement, value, state } = this;\n if (accordionGroupElement) {\n const expand = state === AccordionState.Collapsed || state === AccordionState.Collapsing;\n accordionGroupElement.requestAccordionToggle(value, expand);\n }\n }\n\n render() {\n\n const { disabled } = this;\n const expanded = this.state === AccordionState.Expanded || this.state === AccordionState.Expanding;\n const headerPart = expanded ? 'header expanded' : 'header';\n const contentPart = expanded ? 'content expanded' : 'content';\n\n this.setAria(expanded);\n\n return (\n \n this.toggleExpanded()}\n id=\"header\"\n part={headerPart}\n aria-controls=\"content\"\n ref={headerEl => this.headerElement = headerEl}\n >\n \n \n\n this.contentElement = contentEl}\n >\n
this.contentWrapperElement = contentElWrapper}>\n \n
\n \n \n )\n\n }\n\n}\n",":host{\n display: block;\n}\n","import { Component, Host, h, Prop, EventEmitter, Event, Element, Method, Listen, Watch } from '@stencil/core';\n\n@Component({\n tag: 'c7-accordion-group',\n styleUrl: 'accordion-group.scss',\n shadow: true\n})\nexport class AccordionGroup {\n\n @Element() el!: HTMLC7AccordionGroupElement;\n\n @Prop() animated = true;\n\n @Prop() multiple?: boolean;\n\n @Prop({ mutable: true }) value?: string | string[] | null;\n\n @Prop() disabled = false;\n\n @Prop() expand: 'compact' | 'inset' = 'compact';\n\n @Event() accordionGroupChange!: EventEmitter;\n\n @Watch('value')\n valueChanged() {\n const { value, multiple } = this;\n\n if (!multiple && Array.isArray(value)) {\n this.value = value[0];\n } else {\n this.accordionGroupChange.emit({ value: this.value });\n }\n }\n\n @Watch('disabled')\n async disabledChanged() {\n const { disabled } = this;\n const accordions = await this.getAccordions();\n for (const accordion of accordions) {\n accordion.disabled = disabled;\n }\n }\n\n\n @Listen('keydown')\n async onKeydown(ev: KeyboardEvent) {\n const activeElement = document.activeElement;\n if (!activeElement) { return; }\n\n const accordionEl = (activeElement.tagName === 'C7-ACCORDION') ? activeElement : activeElement.closest('c7-accordion');\n if (!accordionEl) { return; }\n\n const closestGroup = accordionEl.closest('c7-accordion-group');\n if (closestGroup !== this.el) { return; }\n\n // If the active accordion is not in the current array of accordions, do not do anything\n const accordions = await this.getAccordions();\n const startingIndex = accordions.findIndex(a => a === accordionEl);\n if (startingIndex === -1) { return; }\n\n let accordion: HTMLC7AccordionElement | undefined;\n if (ev.key === 'ArrowDown') {\n accordion = this.findNextAccordion(accordions, startingIndex);\n } else if (ev.key === 'ArrowUp') {\n accordion = this.findPreviousAccordion(accordions, startingIndex);\n } else if (ev.key === 'Home') {\n accordion = accordions[0];\n } else if (ev.key === 'End') {\n accordion = accordions[accordions.length - 1];\n }\n\n if (accordion !== undefined && accordion !== activeElement) {\n accordion.focus();\n }\n }\n\n async componentDidLoad() {\n if (this.disabled) {\n this.disabledChanged();\n }\n }\n\n\n /**\n * @internal\n */\n @Method()\n async requestAccordionToggle(accordionValue: string | undefined, accordionExpand: boolean) {\n const { multiple, value, disabled } = this;\n if (disabled) { return; }\n\n if (accordionExpand) {\n if (multiple) {\n const groupValue = value || [];\n const processedValue = Array.isArray(groupValue) ? groupValue : [groupValue];\n const valueExists = processedValue.find(v => v === accordionValue);\n if (valueExists === undefined && accordionValue !== undefined) {\n this.value = [...processedValue, accordionValue];\n }\n } else {\n this.value = accordionValue;\n }\n } else {\n if (multiple) {\n const groupValue = value || [];\n const processedValue = Array.isArray(groupValue) ? groupValue : [groupValue];\n this.value = processedValue.filter(v => v !== accordionValue);\n } else {\n this.value = undefined;\n }\n }\n }\n\n private findNextAccordion(accordions: HTMLC7AccordionElement[], startingIndex: number) {\n const nextAccordion = accordions[startingIndex + 1];\n // tslint:disable-next-line:strict-type-predicates\n if (nextAccordion === undefined) {\n return accordions[0];\n }\n\n return nextAccordion;\n }\n\n private findPreviousAccordion(accordions: HTMLC7AccordionElement[], startingIndex: number) {\n const prevAccordion = accordions[startingIndex - 1];\n // tslint:disable-next-line:strict-type-predicates\n if (prevAccordion === undefined) {\n return accordions[accordions.length - 1];\n }\n\n return prevAccordion;\n }\n\n /**\n * @internal\n */\n @Method()\n async getAccordions() {\n return Array.from(this.el.querySelectorAll(':scope > c7-accordion')) as HTMLC7AccordionElement[];\n }\n\n render() {\n\n const { disabled, expand } = this;\n\n return (\n \n \n \n )\n }\n\n}\n",":host{\n display: block;\n position: absolute;\n\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n transform: translateZ(0);\n contain: strict;\n cursor: pointer;\n touch-action: none;\n background: var(--c7-backdrop-color, rgba(23, 23, 23, .63));\n backdrop-filter: blur(5px);\n}\n\n:host(.backdrop-hide) {\n background: transparent;\n}\n\n:host(.backdrop-no-tappable) {\n cursor: auto;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from '@stencil/core';\n\n@Component({\n tag: 'c7-backdrop',\n styleUrl: 'backdrop.scss',\n shadow: true\n})\nexport class Backdrop {\n\n @Prop() visible = true;\n\n @Prop() tappable = true;\n\n @Prop() stopPropagation = true;\n\n @Event() backdropClick!: EventEmitter;\n\n @Listen('click')\n protected onMouseDown(ev: TouchEvent) {\n this.emitTap(ev);\n }\n\n private emitTap(ev: Event) {\n if (this.stopPropagation) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n if (this.tappable) {\n this.backdropClick.emit();\n }\n }\n\n render() {\n return (\n \n \n );\n }\n\n}\n",":host{\n\n --c7-button-width: 100%;\n --c7-button-color: var(--c7-500, rgba(0,0,0, .16));\n --c7-button-color-hover: var(--c7-400, rgba(0,0,0, .1));\n --c7-button-color-secondary: var(--c7-500, dimgrey);\n --c7-button-color-secondary-contrast: var(--c7-500-contrast, white);\n --c7-button-text: var(--c7-500-contrast, black);\n --c7-button-text-hover: var(--c7-400-contrast, black);\n --c7-button-padding: 0 1rem;\n --c7-button-line-height: 44px;\n --c7-button-border-width: 2px;\n --c7-button-border-color: transparent;\n --c7-button-border-color-hover: transparent;\n --c7-button-border-radius: 0px;\n --c7-button-box-shadow: none;\n --c7-button-inner-justify-content: center;\n\n display: inline-block;\n\n text-align: center;\n text-decoration: none;\n text-overflow: ellipsis;\n\n white-space: nowrap;\n\n user-select: none;\n vertical-align: top;\n vertical-align: -webkit-baseline-middle;\n pointer-events: auto;\n\n font-kerning: none;\n\n overflow: hidden;\n\n .button-native {\n display: block;\n white-space: nowrap;\n line-height: var(--c7-button-line-height);\n position: relative;\n text-decoration: none !important;\n font-size: inherit;\n font-family: inherit;\n padding: var(--c7-button-padding);\n border: var(--c7-button-border-width) solid var(--c7-button-border-color);\n border-radius: var(--c7-button-border-radius);\n\n width: var(--c7-button-width);\n height: 100%;\n background-color: var(--c7-button-color);\n color: var(--c7-button-text);\n outline: none;\n contain: layout style;\n cursor: pointer;\n\n\n z-index: 0;\n box-sizing: border-box;\n transition: all .3s ease-in-out;\n box-shadow: var(--c7-button-box-shadow);\n\n &:hover {\n background-color: var(--c7-button-color-hover);\n color: var(--c7-button-text-hover);\n border-color: var(--c7-button-border-color-hover);\n }\n }\n\n .button-native::-moz-focus-inner {\n border: 0;\n }\n\n .button-inner {\n display: flex;\n position: relative;\n\n flex-flow: row nowrap;\n flex-shrink: 0;\n align-items: center;\n justify-content: var(--c7-button-inner-justify-content);\n\n width: 100%;\n height: 100%;\n\n z-index: 1;\n }\n\n ::slotted(c7-icon), ::slotted(ion-icon) {\n font-size: 1.4em;\n pointer-events: none;\n }\n\n ::slotted(c7-icon[slot=\"start\"]), ::slotted(ion-icon[slot=\"start\"]) {\n margin: 0 .3em 0 -.3em;\n }\n\n ::slotted(c7-icon[slot=\"end\"]), ::slotted(ion-icon[slot=\"end\"]) {\n margin: 0 -.2em 0 .3em;\n }\n\n @media (any-hover: hover) {\n &:hover {\n color: var(--c7-button-color-hover);\n }\n\n &:hover .button-native::after {\n background: var(--background-hover);\n\n opacity: var(--background-hover-opacity);\n }\n }\n}\n\n:host(.slot-end-icon-bubble) {\n .button-native {\n padding-right: 10px;\n\n &:hover{\n ::slotted(c7-icon[slot=\"end\"]), ::slotted(ion-icon[slot=\"end\"]) {\n background-color: transparent;\n border-color: var(--c7-button-color-secondary);\n color: var(--c7-button-color-secondary);\n }\n }\n }\n\n ::slotted(c7-icon[slot=\"end\"]), ::slotted(ion-icon[slot=\"end\"]) {\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: var(--c7-button-color-secondary);\n color: var(--c7-button-color-secondary-contrast);\n border: 2px solid transparent;\n border-radius: 50px;\n width: 2.5rem;\n height: 2.5rem;\n font-size: 1.25rem;\n margin-left: 1rem;\n margin-top: 5px;\n margin-bottom: 5px;\n transition: border-color .25s ease-in-out, background-color .25s ease-in-out, color .25s ease-in-out;\n }\n}\n\n/** Variables for 'shape' property **/\n:host(.button-square) {\n --c7-button-border-radius: 0;\n}\n\n:host(.button-round) {\n --c7-button-border-radius: 50px;\n}\n\n:host(.button-bubble) {\n --c7-button-border-radius: 100%;\n}\n\n/** Variables for 'appearance' property **/\n:host(.button-outline) {\n --c7-button-color: transparent;\n --c7-button-border-color: var(--c7-button-text);\n}\n\n:host(.button-clear) {\n --c7-button-color: transparent;\n --c7-button-text: initial;\n --c7-button-color-hover: rgba(0,0,0, .05);\n --c7-button-text-hover: initial;\n}\n\n:host(.button-clear.button-primary) {\n --c7-button-text: var(--c7-500);\n --c7-button-text-hover: var(--c7-500);\n}\n\n:host(.button-solid) {\n\n}\n\n:host(.button-disabled) {\n opacity: .1;\n pointer-events: none;\n}\n\n/** Setting accessibility variables **/\n:host(.accessibility) {\n --c7-button-color: black;\n --c7-button-text: white;\n --c7-button-color-hover: #595959;\n --c7-button-text-hover: white;\n}\n","import { Component, h, Host, Element, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../../utils/helpers';\n\n@Component({\n tag: 'c7-button',\n styleUrl: 'button.styles.scss',\n shadow: true,\n})\nexport class Button {\n\n @Element() element!: HTMLElement;\n\n @Prop({reflect: true}) disabled: boolean;\n\n @Prop({reflect: true, mutable: true}) appearance: 'clear' | 'outline' | 'solid' = 'solid';\n\n @Prop({reflect: true}) color: 'primary';\n\n @Prop() shape: 'round' | 'bubble' | 'square' = 'square';\n\n @Prop() download: string;\n\n @Prop() href: string;\n\n @Prop() target: string;\n\n @Prop() rel: string;\n\n @Prop({reflect: true}) size: 'small' | 'default' | 'large' = 'default';\n\n @Prop() type: 'submit' | 'reset' | 'button' = 'button';\n\n private onClick = (event: Event) => {\n if (hasShadowDom(this.element)) {\n const form = this.element.closest('form');\n\n if (form) {\n event.preventDefault();\n const fakeButton = document.createElement('button');\n fakeButton.type = this.type;\n fakeButton.style.display = 'none';\n form.appendChild(fakeButton);\n fakeButton.click();\n fakeButton.remove();\n }\n }\n }\n\n render() {\n\n const TagType = !this.href ? 'button' : 'a';\n const attributes = (TagType === 'button')\n ? {type: this.type}\n : {\n download: this.download,\n href: this.href,\n rel: this.rel,\n target: this.target\n }\n\n return (\n \n this.onClick(ev)}\n class=\"button-native\"\n part=\"native\"\n disabled={this.disabled}\n >\n \n \n \n \n \n\n \n\n \n )\n }\n\n}\n",":host {\n --border-radius: calc(var(--size) * 0.125);\n --border-width: 2px;\n --border-style: solid;\n --border-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.51);\n --checkmark-width: 3;\n --background: transparent;\n --transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n --size: 18px;\n\n --background-checked: var(--c7-500);\n --border-color-checked: var(--c7-500) ;\n --checkmark-color:var(--c7-500-contrast);\n\n\n display: inline-flex;\n gap: .5rem;\n position: relative;\n\n user-select: none;\n z-index: 2;\n\n\n}\n\n::slotted(*) {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nlabel{\n line-height: 1;\n cursor: pointer;\n flex: 1;\n}\n\n\ninput {\n position: absolute;\n\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n padding: 0;\n\n border: 0;\n outline: 0;\n clip: rect(0 0 0 0);\n\n opacity: 0;\n overflow: hidden;\n\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n.checkbox-icon {\n\n display: block;\n position: relative;\n\n width: var(--size);\n height: var(--size);\n\n flex-shrink: 0;\n\n transition: var(--transition);\n\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n\n border-radius: var(--border-radius);\n\n background: var(--background);\n\n box-sizing: border-box;\n}\n\n.checkbox-icon path {\n fill: none;\n stroke: var(--checkmark-color);\n stroke-width: var(--checkmark-width);\n\n opacity: 0;\n}\n\n\n// Checked / Indeterminate Checkbox\n// ---------------------------------------------\n\n:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon {\n border-color: var(--border-color-checked);\n\n background: var(--background-checked);\n}\n\n:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path {\n opacity: 1;\n}\n\n\n// Disabled Checkbox\n// ---------------------------------------------\n\n:host(.checkbox-disabled) {\n pointer-events: none;\n}\n","import { Component, Element, EventEmitter, Prop, Event, Watch, h, Host, Listen } from '@stencil/core';\nimport { renderHiddenInput } from '../../../../utils/helpers';\n\nexport type CheckboxChangeEventDetail = {\n checked: boolean,\n value: any\n}\n\n@Component({\n tag: 'c7-checkbox',\n styleUrl: 'checkbox.scss',\n shadow: true\n})\nexport class Checkbox {\n static checkboxIds: number = 0;\n\n private inputId = `c7-checkbox-${Checkbox.checkboxIds++}`;\n private focusEl?: HTMLElement;\n\n @Element() el!: HTMLElement;\n\n @Prop() name: string = this.inputId;\n\n @Prop({ mutable: true }) checked = false;\n\n @Prop({ mutable: true }) indeterminate = false;\n\n @Prop() required = false;\n\n @Prop() disabled = false;\n\n @Prop() value: any | null = 'on';\n\n @Event() checkboxChange!: EventEmitter;\n\n @Event() checkboxFocus!: EventEmitter;\n\n @Event() checkboxBlur!: EventEmitter;\n\n\n\n\n\n @Watch('checked')\n checkedChanged(isChecked: boolean) {\n this.checkboxChange.emit({\n checked: isChecked,\n value: this.value\n });\n }\n\n\n\n private setFocus() {\n if (this.focusEl) {\n this.focusEl.focus();\n }\n }\n\n private onClick = (ev: Event) => {\n\n if ((ev.target as HTMLElement).tagName === 'A') {\n return;\n }\n\n ev.preventDefault();\n this.setFocus();\n this.checked = !this.checked;\n this.indeterminate = false;\n }\n\n private onFocus = () => {\n this.checkboxFocus.emit();\n }\n\n private onBlur = () => {\n this.checkboxBlur.emit();\n }\n\n render() {\n const {checked, disabled, el, indeterminate, inputId, name, value, required } = this;\n\n renderHiddenInput(true, el, name, (checked ? value : ''), disabled, required);\n\n //let path = indeterminate ? : ;\n let path = indeterminate ? : ;\n\n\n return (\n \n\n \n {path}\n \n \n this.onFocus()}\n onBlur={() => this.onBlur()}\n ref={focusEl => this.focusEl = focusEl}\n />\n \n );\n }\n\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, Watch } from '@stencil/core';\nimport { CheckboxChangeEventDetail } from './checkbox';\nimport { renderHiddenInput } from '../../../../utils/helpers';\n\n@Component({\n tag: 'c7-checkbox-group'\n})\nexport class CheckboxGroup {\n\n static checkboxGroupId = 0;\n\n private inputId = `checkbox-group-${CheckboxGroup.checkboxGroupId++}`;\n\n @Element() el!: HTMLC7CheckboxGroupElement;\n\n @Prop() required: boolean;\n\n @Prop() disabled: boolean;\n\n @Prop() name: string = this.inputId;\n\n @Prop({mutable: true}) value?: any[] = [];\n\n @Event() valueChange: EventEmitter;\n\n @Listen('checkboxChange')\n onCheckboxChange(event: CustomEvent) {\n const {detail: {checked, value}} = event;\n\n if (checked && this.value.indexOf(value) === -1) {\n this.value = [...this.value, value];\n this.valueChange.emit(this.value);\n }\n\n if (!checked && this.value.indexOf(value) !== -1) {\n this.value = this.value.filter((item) => item !== value);\n this.valueChange.emit(this.value);\n }\n\n }\n\n\n render() {\n\n const cssClassNames = {\n 'c7-checkbox-group': true\n };\n\n const {el, name, value, required, disabled} = this;\n\n renderHiddenInput(true, el, name, value.length > 0 ? JSON.stringify(value) : '' ,disabled, required);\n\n return (\n \n \n \n )\n }\n}\n","import { GalleryDisplay, GalleryPosition } from '../../../../api/APIClient';\nimport { FunctionalComponent, h } from '@stencil/core';\n\nexport interface GalleryProps {\n width: number;\n position: GalleryPosition;\n display: GalleryDisplay;\n [key:string]: any;\n}\n\nconst resolveTagName = (props: GalleryProps) => {\n\n switch (props.display) {\n case GalleryDisplay.MiniGallery:\n return 'c7-gallery-swipe';\n default: {\n return 'c7-gallery-default';\n }\n }\n}\n\nexport const Gallery: FunctionalComponent = (props, children) => {\n\n const GalleryType = resolveTagName(props);\n\n return (\n \n {children}\n \n );\n};\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport interface HeadingProps {\n textAlign?: 'center' | 'right' | 'left';\n level: number;\n}\n\nexport const Heading: FunctionalComponent = ({level, textAlign}, children) => {\n const HeadingType = `h${level}`;\n\n let styleMap = null;\n\n if (textAlign) {\n styleMap = {\n textAlign\n };\n }\n\n return (\n \n {children}\n \n )\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { ReferenceType } from '../../../../api/APIClient';\nimport { kebabize } from '../../../../utils/helpers';\n\nexport type ReferenceProps = {\n type?: ReferenceType,\n fileId?: string,\n referenceId?: number,\n target?: string,\n title?: string,\n href?: string\n}\n\nexport const Reference: FunctionalComponent = (props, children) => {\n const ReferenceTag = `c7-ref-${props.type.toLowerCase()}`;\n\n return \n {children}\n \n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport const Table: FunctionalComponent = (_, children) => {\n\n return (\n
\n \n {children}\n
\n
\n )\n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport const BulletList: FunctionalComponent = (_, children) => {\n\n return (\n
    \n {children}\n
\n )\n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport type ParagraphProps = {\n textAlign: 'left' | 'right' | 'center'\n}\n\nexport const Paragraph: FunctionalComponent = ({textAlign}, children) => {\n\n const styleMap = {\n textAlign\n }\n\n return (\n

\n {children}\n

\n )\n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport interface VideoProps {\n src: string,\n title?: string,\n caption?: string\n}\n\nexport const Video: FunctionalComponent = ({src, title, caption}) => {\n return (\n
\n
\n )\n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport interface AudioProps {\n src: string,\n title?: string,\n caption?: string\n}\n\nexport const Audio: FunctionalComponent = ({src, title, caption}) => {\n return (\n
\n
\n )\n}\n","import { NodeType } from '../../../../api/APIClient';\nimport { FunctionalComponent, h } from '@stencil/core';\n\nexport const PanelComponentBuilder = (type: NodeType.PanelInfo | NodeType.PanelTeaser): FunctionalComponent => {\n return (_, children) => (\n \n {children}\n \n )\n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport const Accordion: FunctionalComponent = (_, children) => {\n return (\n \n \n \n {children}\n \n \n \n )\n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport interface LinkProps {\n target?: string,\n title?: string,\n href?: string\n}\n\nexport const Link: FunctionalComponent = (props, children) => {\n\n if (props.href?.startsWith('www.')) {\n props.href = `//${props.href}`;\n }\n\n return (\n \n {children}\n \n )\n\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { Mark, MarkType, Node, NodeType } from '../../../api/APIClient';\nimport { Gallery } from './gallery/gallery';\nimport { Heading } from './heading/heading';\nimport { Reference } from './reference/reference';\nimport { Table } from './table/table';\nimport { BulletList } from './bullet-list/bullet-list';\nimport { Paragraph } from './paragraph/paragraph';\nimport { Video } from './video/video';\nimport { Audio } from './audio/audio';\nimport { PanelComponentBuilder } from './panel/panel-builder';\nimport { Accordion } from './accordion/accordion';\nimport { Link } from './link/link';\n\n\n\nexport interface ContentNodeProps {\n data: Node\n}\n\nconst MarkTagResolver = {\n [MarkType.Bold]: 'strong',\n [MarkType.Link]: Link,\n [MarkType.Italic]: 'em',\n [MarkType.Strike]: 'del',\n [MarkType.Subscript]: 'sub',\n [MarkType.Superscript]: 'sup',\n [MarkType.Underline]: 'u',\n [MarkType.Reference]: Reference\n};\n\nconst NodeTagResolver = {\n [NodeType.Paragraph]: Paragraph,\n [NodeType.HardBreak]: 'br',\n [NodeType.HorizontalRule]: 'hr',\n [NodeType.Heading]: Heading,\n [NodeType.ListItem]: 'li',\n [NodeType.OrderedList]: 'ol',\n [NodeType.Table]: Table,\n [NodeType.TableHeader]: 'th',\n [NodeType.TableRow]: 'tr',\n [NodeType.TableCell]: 'td',\n [NodeType.BulletList]: BulletList,\n [NodeType.Gallery]: Gallery,\n [NodeType.Video]: Video,\n [NodeType.Audio]: Audio,\n [NodeType.PanelInfo]: PanelComponentBuilder(NodeType.PanelInfo),\n [NodeType.PanelTeaser]: PanelComponentBuilder(NodeType.PanelTeaser),\n [NodeType.Vspace]: 'c7-vspace',\n [NodeType.Accordion]: Accordion,\n [NodeType.AccordionHeader]: 'c7-accordion-header',\n [NodeType.AccordionContent]: 'c7-accordion-content'\n};\n\nconst isNodeTagSelfClosing = (node: Node): boolean => {\n return (\n node.type === NodeType.HorizontalRule ||\n node.type === NodeType.HardBreak\n )\n}\n\nexport const MarkBuilder = (mark: Mark, content: any) => {\n const MarkTag = MarkTagResolver[mark.type];\n return (\n \n {content}\n \n )\n}\n\nexport const MarkWrap = (node: Node, content: any) => {\n if(!node.marks?.length) return content;\n\n return node.marks.reduce((acc, curr) => {\n return MarkBuilder(curr, acc);\n }, content)\n}\n\nexport const ContentNode:FunctionalComponent = ({data}) => {\n\n if (data.type === NodeType.Text) {\n return MarkWrap(data, data.text);\n }\n\n return data.content?.map((node) => {\n\n if(node.type === NodeType.Text) return ();\n\n const NodeTag = NodeTagResolver[node.type];\n return MarkWrap(\n node,\n !isNodeTagSelfClosing(node) ?\n (\n \n \n \n ) :\n ()\n );\n });\n}\n",".c7-content {\n\n display: block;\n\n &::after, &::before {\n content: \"\";\n display: block;\n clear: both;\n }\n\n figure.audio, figure.video {\n clear: both;\n margin-block-start: 1rem;\n margin-block-end: 1rem;\n margin-inline-start: 0;\n margin-inline-end: 0;\n }\n\n video, audio {\n width: 100%;\n }\n\n}\n\nc7-message .c7-content {\n > *:first-child {\n margin-top: 0;\n }\n}\n","import { Component, h, Host, Listen, Prop, Watch } from '@stencil/core';\nimport { GalleryImage, Node, NodeType } from '../../../api/APIClient';\nimport { createOverlay } from '../../../utils/overlay';\nimport { ContentNode } from './content-node';\n\n@Component({\n tag: 'c7-content',\n shadow: false,\n styleUrl: 'content.styles.scss'\n})\nexport class Content {\n\n @Prop() document!:Node | any;\n @Watch('document')\n onDocumentChange(value) {\n if (typeof value === 'string') {\n this.document = Node.fromJS(JSON.parse(value));\n }\n }\n\n componentWillLoad() {\n if (typeof this.document === 'string') {\n this.document = Node.fromJS(JSON.parse(this.document));\n }\n }\n\n @Listen('c7-lightbox-open')\n onLightboxOpen({detail}: CustomEvent) {\n const images = this.document.content\n .filter((item) => item.type == NodeType.Gallery)\n .reduce((res: GalleryImage[], curr: Node) => {\n return [...res, ...curr.attrs.images]\n }, []);\n\n const startIndex = images.findIndex((image) => image.id === detail);\n createOverlay({component: 'c7-lightbox', componentProps: {images, startIndex}});\n }\n\n render(){\n return (\n \n \n \n )\n }\n\n}\n",".c7-content-accordion {\n\n display: block;\n\n c7-accordion {\n --padding: 16px;\n }\n\n c7-accordion-header {\n --border: 0 0 1px 0;\n --border-color: #e6e6e6;\n --background-hover: #f6f6f6;\n --transition: background .3s ease-in-out;\n }\n\n c7-accordion-content {\n --border: 0 0 1px 0;\n --border-color: #e6e6e6;\n }\n\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'c7-content-accordion',\n styleUrl: 'content-accordion.styles.scss',\n})\nexport class ContentAccordionComponent {\n\n\n render() {\n\n const cssClassNames = {\n 'c7-content-accordion': true\n };\n\n return (\n \n \n \n )\n }\n\n}\n","import { AutocompleteType, FilesClient, FormFieldType, InteractionFormField } from '../../../../api/APIClient';\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { isDocumentEmpty } from '../../../../utils/document';\n\nexport type FormInputElementProps = {\n field: InteractionFormField,\n state: {[key: string]: any},\n setValue: (partial: {[key: string]: any}) => void,\n}\n\nconst AutocompleteMap = {\n [AutocompleteType.None]: 'off',\n [AutocompleteType.Name]: 'name',\n [AutocompleteType.Firstname]: 'given-name',\n [AutocompleteType.Lastname]: 'family-name',\n [AutocompleteType.Street]: 'street-address',\n [AutocompleteType.City]: 'address-level2',\n [AutocompleteType.ZipCode]: 'postal-code',\n [AutocompleteType.Email]: 'email',\n [AutocompleteType.TelephoneNumber]: 'tel',\n [AutocompleteType.Birthday]: 'bday'\n}\n\nconst upload = async (input: HTMLInputElement) => {\n\n const files = Array.from(input.files);\n\n if (files.length === 0) return null;\n\n const {0: file} = files;\n\n if(file.size > 20971520) {\n input.value = '';\n return null;\n }\n\n return await new FilesClient().createFile({fileName: file.name, data: file});\n}\n\nconst FormInputLabel: FunctionalComponent<{field: InteractionFormField, htmlFor?: string}> = (props) => {\n\n const cssClassNames = {\n 'required': props.field.required,\n 'c7-form-field-label': true\n }\n\n switch (props.field.type) {\n case FormFieldType.Checkboxes:\n case FormFieldType.Likert:\n case FormFieldType.Confirmation:\n case FormFieldType.Radiobuttons:\n case FormFieldType.Document:\n case FormFieldType.PriorityList:\n case FormFieldType.PriorityList: {\n return {props.field.name ?? ''}\n }\n default: {\n return ;\n }\n }\n}\n\nconst FormInputDescription: FunctionalComponent<{field: InteractionFormField}> = ({field}) => {\n\n let {description, type} = field;\n\n if (!description) {\n if (type === FormFieldType.File || type === FormFieldType.Image) {\n description = 'Maximalgröße 20 MB';\n } else {\n return null;\n }\n }\n\n return (\n

{description}

\n )\n}\n\nexport const FormInputElement: FunctionalComponent = (props) => {\n\n const {field, state, setValue} = props;\n\n const autocomplete = field.autocompleteType !== undefined ? AutocompleteMap[field.autocompleteType] : null;\n\n switch (field.type) {\n case FormFieldType.Email: {\n return [\n ,\n \n setValue({[`${field.id}`]: (ev.target as HTMLInputElement).value})} />\n ,\n ,\n ]\n }\n case FormFieldType.Text: {\n\n return [\n ,\n \n setValue({[`${field.id}`]: (ev.target as HTMLInputElement).value})} />\n ,\n ,\n ]\n }\n case FormFieldType.Number: {\n return [\n ,\n \n setValue({[`${field.id}`]: (ev.target as HTMLInputElement).value})}\n min={field.minValue}\n max={field.maxValue} />\n ,\n ,\n ]\n }\n case FormFieldType.Document: {\n\n return [\n ,\n !isDocumentEmpty(field.document) ? : null,\n ,\n ]\n }\n case FormFieldType.TextArea: {\n return [\n ,\n \n