@usecapsule/core-components 3.15.0 → 3.16.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["cpsl-hero.cjs",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2.cjs",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-nav-button.cjs",[[1,"cpsl-nav-button",{"disabled":[516],"exactMainRouteMatch":[4,"exact-main-route-match"],"exactSubRouteMatch":[4,"exact-sub-route-match"],"route":[1],"subRoutes":[16],"path":[1]}]]],["cpsl-col.cjs",[[1,"cpsl-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"]]]]],["cpsl-grid.cjs",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon.cjs",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1]}]]],["cpsl-info-box.cjs",[[1,"cpsl-info-box"]]],["cpsl-row.cjs",[[1,"cpsl-row"]]],["cpsl-alert_34.cjs",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-select",{"anchorElId":[1,"anchor-el-id"],"autoWidth":[4,"auto-width"],"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"icon":[1],"label":[1],"noIconAnimation":[4,"no-icon-animation"],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"selectedItemColor":[1,"selected-item-color"],"selectedItemVariant":[1,"selected-item-variant"],"selectedItemWeight":[1,"selected-item-weight"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-file-upload",{"disabled":[516],"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-auth-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32],"isMobile":[32]},null,{"open":["toggleModal"]}],[1,"cpsl-alert",{"icon":[1],"noIcon":[4,"no-icon"],"variant":[1],"filled":[4]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-icon-group",{"expandFrom":[1,"expand-from"],"disabled":[4],"icons":[16],"isHovered":[32]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-nav-button-group"],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2],"icon":[1]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},[[8,"cpslTabButtonSizeChange","onTabSizeChange"]],{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-input",{"as":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"autoselect":[4],"disabled":[4],"contrastText":[4,"contrast-text"],"enterkeyhint":[1],"errorText":[1,"error-text"],"mask":[1],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"],"mask":["handleSetupMask"],"value":["handleValueChange"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"variant":[513]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
11
+ return index.bootstrapLazy([["cpsl-hero.cjs",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2.cjs",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-nav-button.cjs",[[1,"cpsl-nav-button",{"disabled":[516],"exactMainRouteMatch":[4,"exact-main-route-match"],"exactSubRouteMatch":[4,"exact-sub-route-match"],"route":[1],"subRoutes":[16],"path":[1]}]]],["cpsl-col.cjs",[[1,"cpsl-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"]]]]],["cpsl-grid.cjs",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon.cjs",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1]}]]],["cpsl-info-box.cjs",[[1,"cpsl-info-box"]]],["cpsl-row.cjs",[[1,"cpsl-row"]]],["cpsl-alert_34.cjs",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-select",{"anchorElId":[1,"anchor-el-id"],"autoWidth":[4,"auto-width"],"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"icon":[1],"label":[1],"noIconAnimation":[4,"no-icon-animation"],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"selectedItemColor":[1,"selected-item-color"],"selectedItemVariant":[1,"selected-item-variant"],"selectedItemWeight":[1,"selected-item-weight"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-file-upload",{"disabled":[516],"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-auth-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32],"isMobile":[32]},null,{"open":["toggleModal"]}],[1,"cpsl-alert",{"icon":[1],"noIcon":[4,"no-icon"],"variant":[1],"filled":[4]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-icon-group",{"expandFrom":[1,"expand-from"],"disabled":[4],"icons":[16],"isHovered":[32]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-nav-button-group"],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2],"icon":[1]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},[[8,"cpslTabButtonSizeChange","onTabSizeChange"]],{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-input",{"as":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"autoselect":[4],"disabled":[4],"contrastText":[4,"contrast-text"],"enterkeyhint":[1],"errorText":[1,"error-text"],"mask":[1],"isPhone":[4,"is-phone"],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"],"mask":["handleSetupMask"],"value":["handleValueChange"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"variant":[513]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
@@ -1,8 +1,8 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none">
2
- <mask id="path-1-outside-1_1233_12577" maskUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" fill="black">
3
- <rect fill="white" width="70" height="70"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none" stroke="none">
2
+ <mask id="path-1-outside-1_1233_12577" maskUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" fill="black" stroke="none">
3
+ <rect fill="white" stroke="none" width="70" height="70"/>
4
4
  <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z"/>
5
5
  </mask>
6
- <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z" fill="black"/>
7
- <path d="M41.4512 32.3839L43.7905 26.8587L43.79 26.8585L41.4512 32.3839ZM43.3492 31.4798L37.575 29.8491L37.575 29.8493L43.3492 31.4798ZM40.5734 30.5424L46.4234 31.8758L46.4234 31.8755L40.5734 30.5424ZM40.8092 29.1752L34.8483 28.4913L34.847 28.5018L34.8459 28.5124L40.8092 29.1752ZM40.8061 26.9757L34.873 27.8695L34.8731 27.8699L40.8061 26.9757ZM40.2318 25.3813L35.1903 28.6345L35.2285 28.6936L35.268 28.7519L40.2318 25.3813ZM39.1452 24.4528L41.4845 18.9276L41.4842 18.9275L39.1452 24.4528ZM36.5095 24.8505L39.6593 29.9572L39.674 29.9482L39.6886 29.9391L36.5095 24.8505ZM33.5472 27.9929L38.5142 31.3589L38.5183 31.3527L33.5472 27.9929ZM30.5893 33.7858L36.1499 36.0395L36.1499 36.0394L30.5893 33.7858ZM28.6418 40.0965L22.7357 39.0393L22.7335 39.0513L22.7314 39.0632L28.6418 40.0965ZM28.5747 44.4285L22.7459 45.8513L22.7526 45.8788L22.7596 45.9063L28.5747 44.4285ZM30.1748 46.5653L32.5138 41.04L32.5137 41.0399L30.1748 46.5653ZM31.5517 46.7157L32.5973 52.6239L32.636 52.617L32.6746 52.6097L31.5517 46.7157ZM33.0413 46.031L29.567 41.1393L29.5497 41.1516L29.5325 41.164L33.0413 46.031ZM34.5546 44.5455L29.8815 40.7823L29.8698 40.7968L29.8581 40.8115L34.5546 44.5455ZM35.3205 43.4637L40.4017 46.6545L40.4019 46.6542L35.3205 43.4637ZM37.2329 42.8133L34.8307 48.3114L34.8309 48.3115L37.2329 42.8133ZM37.9267 44.8236L43.1677 47.7445L43.1678 47.7443L37.9267 44.8236ZM36.2933 47.3716L31.4664 43.8078L31.4602 43.8161L31.4541 43.8245L36.2933 47.3716ZM33.5931 50.3006L37.4023 54.9363L37.4123 54.9281L37.4222 54.9199L33.5931 50.3006ZM30.7762 51.8469L32.3306 57.642L32.3568 57.635L32.383 57.6277L30.7762 51.8469ZM28.0635 51.6715L25.7245 57.1968L25.7246 57.1968L28.0635 51.6715ZM25.2703 41.7323L19.3369 40.8411L25.2703 41.7323ZM27.9277 32.659L22.3671 30.4053L22.3671 30.4054L27.9277 32.659ZM32.3333 24.3259L37.197 27.8394L37.2005 27.8346L32.3333 24.3259ZM36.9738 19.7858L34.0447 14.5494L34.0446 14.5495L36.9738 19.7858ZM41.178 19.3133L38.839 24.8386L38.839 24.8386L41.178 19.3133ZM43.1479 21.0121L48.215 17.7989L48.2148 17.7987L43.1479 21.0121ZM44.1385 23.972L38.1928 24.7777L38.1947 24.7914L38.1966 24.8052L44.1385 23.972ZM44.0784 28.0186L38.1319 27.2189L38.1299 27.234L38.1279 27.2492L44.0784 28.0186ZM40.4781 35.7138L38.1389 41.2391L38.1393 41.2392L40.4781 35.7138ZM38.3702 36.6062L32.8096 34.3523L32.8095 34.3524L38.3702 36.6062ZM40.557 35.7473L42.8959 30.2219L42.8959 30.2219L40.557 35.7473ZM41.4302 37.9016L35.8695 35.6479L35.8695 35.6479L41.4302 37.9016ZM39.3223 38.7939L41.6614 33.2686L41.6611 33.2685L39.3223 38.7939ZM39.2433 38.7605L36.9041 44.2857L36.9045 44.2858L39.2433 38.7605ZM12 22C12 16.4772 16.4772 12 22 12V0C9.84973 0 0 9.84974 0 22H12ZM12 48V22H0V48H12ZM22 58C16.4772 58 12 53.5228 12 48H0C0 60.1503 9.84974 70 22 70V58ZM48 58H22V70H48V58ZM58 48C58 53.5228 53.5228 58 48 58V70C60.1503 70 70 60.1503 70 48H58ZM58 22V48H70V22H58ZM48 12C53.5228 12 58 16.4772 58 22H70C70 9.84974 60.1503 0 48 0V12ZM22 12H48V0H22V12ZM39.1119 37.9091C43.1283 39.6096 47.8845 37.4976 49.1234 33.1103L37.575 29.8493C38.3484 27.1104 41.325 25.8149 43.7905 26.8587L39.1119 37.9091ZM34.7234 29.2091C33.993 32.4141 35.3893 36.3333 39.1123 37.9093L43.79 26.8585C46.1149 27.8427 46.8106 30.1771 46.4234 31.8758L34.7234 29.2091ZM34.8459 28.5124C34.8257 28.6941 34.7882 28.9249 34.7234 29.2093L46.4234 31.8755C46.5767 31.2029 46.6964 30.5224 46.7724 29.838L34.8459 28.5124ZM34.8731 27.8699C34.8726 27.867 34.8986 28.0529 34.8483 28.4913L46.77 29.8591C46.909 28.6479 46.9329 27.3675 46.7391 26.0815L34.8731 27.8699ZM35.268 28.7519C34.9316 28.2564 34.8747 27.8809 34.873 27.8695L46.7391 26.082C46.5441 24.7875 46.1044 23.349 45.1956 22.0107L35.268 28.7519ZM36.8059 29.978C36.0843 29.6724 35.529 29.1593 35.1903 28.6345L45.2733 22.1281C44.3801 20.7439 43.1004 19.6117 41.4845 18.9276L36.8059 29.978ZM39.6886 29.9391C39.66 29.9569 39.349 30.1478 38.7858 30.2328C38.1645 30.3266 37.4605 30.2551 36.8061 29.9781L41.4842 18.9275C38.3417 17.5971 35.3736 18.4855 33.3305 19.7619L39.6886 29.9391ZM38.5183 31.3527C38.8899 30.803 39.1925 30.4323 39.416 30.1952C39.644 29.9533 39.7309 29.9131 39.6593 29.9572L33.3597 19.7438C31.3676 20.9725 29.8113 22.8056 28.5762 24.6331L38.5183 31.3527ZM36.1499 36.0394C37.0113 33.9142 37.8136 32.3927 38.5142 31.3589L28.5803 24.6269C27.2567 26.5801 26.087 28.9205 25.0286 31.5321L36.1499 36.0394ZM34.5479 41.1536C34.7728 39.8974 35.2698 38.2109 36.1499 36.0395L25.0286 31.5321C23.9556 34.1794 23.1544 36.7001 22.7357 39.0393L34.5479 41.1536ZM34.4036 43.0057C34.4186 43.0671 34.3843 42.9595 34.3897 42.6145C34.3949 42.276 34.4369 41.7892 34.5522 41.1298L22.7314 39.0632C22.3524 41.2312 22.1981 43.6072 22.7459 45.8513L34.4036 43.0057ZM32.5137 41.0399C33.1342 41.3026 33.6409 41.7241 33.9853 42.184C34.2995 42.6036 34.3833 42.9246 34.3899 42.9507L22.7596 45.9063C23.3419 48.1976 24.8058 50.808 27.8359 52.0906L32.5137 41.0399ZM30.5061 40.8075C31.1358 40.6961 31.8549 40.761 32.5138 41.04L27.8358 52.0906C29.37 52.74 31.007 52.9053 32.5973 52.6239L30.5061 40.8075ZM29.5325 41.164C29.5686 41.138 29.8719 40.9278 30.4287 40.8217L32.6746 52.6097C34.2098 52.3172 35.5063 51.6506 36.5501 50.8981L29.5325 41.164ZM29.8581 40.8115C29.7408 40.959 29.6529 41.0531 29.598 41.107C29.543 41.1609 29.5313 41.1647 29.567 41.1393L36.5156 50.9228C37.5941 50.1568 38.4952 49.2303 39.251 48.2796L29.8581 40.8115ZM30.2392 40.2729C30.1009 40.4932 29.9803 40.6596 29.8815 40.7823L39.2277 48.3088C39.653 47.7806 40.0429 47.2258 40.4017 46.6545L30.2392 40.2729ZM39.6351 37.3151C35.8524 35.6624 32.0098 37.4531 30.2391 40.2732L40.4019 46.6542C39.4525 48.1663 37.2151 49.3531 34.8307 48.3114L39.6351 37.3151ZM43.1678 47.7443C45.377 43.78 43.5159 39.0105 39.6349 37.315L34.8309 48.3115C32.489 47.2883 31.3048 44.3806 32.6856 41.9029L43.1678 47.7443ZM41.1202 50.9355C41.862 49.9308 42.5432 48.865 43.1677 47.7445L32.6857 41.9026C32.2924 42.6082 31.8847 43.2411 31.4664 43.8078L41.1202 50.9355ZM37.4222 54.9199C38.8059 53.7729 40.0348 52.4163 41.1325 50.9188L31.4541 43.8245C30.8315 44.6739 30.2603 45.2699 29.764 45.6813L37.4222 54.9199ZM32.383 57.6277C34.299 57.0952 35.9701 56.1132 37.4023 54.9363L29.7838 45.665C29.3444 46.0261 29.1375 46.0749 29.1694 46.066L32.383 57.6277ZM25.7246 57.1968C27.8623 58.1018 30.1391 58.2299 32.3306 57.642L29.2217 46.0518C29.3397 46.0201 29.5351 45.9883 29.7817 46.0042C30.0303 46.0203 30.2447 46.0794 30.4024 46.1462L25.7246 57.1968ZM19.635 49.9442C20.4742 52.8761 22.3289 55.7594 25.7245 57.1968L30.4025 46.1462C30.5433 46.2058 30.6916 46.29 30.8327 46.3985C30.9732 46.5066 31.0778 46.6166 31.1492 46.7073C31.2882 46.8838 31.2516 46.9213 31.1717 46.642L19.635 49.9442ZM19.3369 40.8411C18.8687 43.9582 18.8195 47.0952 19.635 49.9442L31.1717 46.642C31.0091 46.074 30.8713 44.8371 31.2037 42.6235L19.3369 40.8411ZM22.3671 30.4054C20.8764 34.0835 19.8271 37.577 19.3369 40.8411L31.2037 42.6235C31.5141 40.5568 32.2365 38.0016 33.4884 34.9127L22.3671 30.4054ZM27.4697 20.8124C25.5433 23.4789 23.8614 26.7183 22.3671 30.4053L33.4884 34.9127C34.745 31.8123 36 29.4963 37.197 27.8394L27.4697 20.8124ZM34.0446 14.5495C31.4558 15.9977 29.2989 18.2749 27.4662 20.8172L37.2005 27.8346C38.4993 26.0329 39.4362 25.2834 39.9031 25.0222L34.0446 14.5495ZM43.517 13.788C40.0946 12.3392 36.72 13.0529 34.0447 14.5494L39.903 25.0222C40.1329 24.8937 40.1008 24.9599 39.8409 24.9891C39.7081 25.0041 39.5398 25.0061 39.3499 24.979C39.1593 24.9518 38.9856 24.9007 38.839 24.8386L43.517 13.788ZM48.2148 17.7987C47.1009 16.0423 45.5191 14.6356 43.517 13.788L38.839 24.8386C38.6823 24.7723 38.5149 24.6718 38.3621 24.54C38.2115 24.4102 38.1224 24.2909 38.0809 24.2255L48.2148 17.7987ZM50.0841 23.1663C49.839 21.3571 49.2885 19.4919 48.215 17.7989L38.0808 24.2253C38.0068 24.1087 38.1168 24.2167 38.1928 24.7777L50.0841 23.1663ZM50.0248 28.8184C50.2823 26.9039 50.3395 24.9874 50.0803 23.1389L38.1966 24.8052C38.2669 25.3064 38.2841 26.0876 38.1319 27.2189L50.0248 28.8184ZM49.1233 33.1105C49.5364 31.6478 49.8457 30.2041 50.0288 28.7881L38.1279 27.2492C38.0314 27.9955 37.8545 28.8593 37.575 29.8491L49.1233 33.1105ZM42.8172 30.1886C38.8273 28.4994 34.3752 30.4897 32.8096 34.3523L43.9307 38.86C43.0471 41.04 40.4825 42.2313 38.1389 41.2391L42.8172 30.1886ZM42.8959 30.2219L42.8169 30.1884L38.1393 41.2392L38.2182 41.2727L42.8959 30.2219ZM46.9909 40.1552C48.5308 36.3556 46.8159 31.8812 42.8959 30.2219L38.2182 41.2726C35.9446 40.3102 35.0115 37.7649 35.8695 35.6479L46.9909 40.1552ZM36.9832 44.3192C40.973 46.0082 45.4253 44.0182 46.9909 40.1552L35.8695 35.6479C36.7532 33.4675 39.318 32.2766 41.6614 33.2686L36.9832 44.3192ZM36.9045 44.2858L36.9834 44.3193L41.6611 33.2685L41.5821 33.2351L36.9045 44.2858ZM32.8095 34.3524C31.2694 38.1525 32.9849 42.6264 36.9041 44.2857L41.5825 33.2352C43.8554 34.1975 44.789 36.7424 43.9308 38.8599L32.8095 34.3524Z" fill="white" mask="url(#path-1-outside-1_1233_12577)"/>
6
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z" fill="black" stroke="none"/>
7
+ <path d="M41.4512 32.3839L43.7905 26.8587L43.79 26.8585L41.4512 32.3839ZM43.3492 31.4798L37.575 29.8491L37.575 29.8493L43.3492 31.4798ZM40.5734 30.5424L46.4234 31.8758L46.4234 31.8755L40.5734 30.5424ZM40.8092 29.1752L34.8483 28.4913L34.847 28.5018L34.8459 28.5124L40.8092 29.1752ZM40.8061 26.9757L34.873 27.8695L34.8731 27.8699L40.8061 26.9757ZM40.2318 25.3813L35.1903 28.6345L35.2285 28.6936L35.268 28.7519L40.2318 25.3813ZM39.1452 24.4528L41.4845 18.9276L41.4842 18.9275L39.1452 24.4528ZM36.5095 24.8505L39.6593 29.9572L39.674 29.9482L39.6886 29.9391L36.5095 24.8505ZM33.5472 27.9929L38.5142 31.3589L38.5183 31.3527L33.5472 27.9929ZM30.5893 33.7858L36.1499 36.0395L36.1499 36.0394L30.5893 33.7858ZM28.6418 40.0965L22.7357 39.0393L22.7335 39.0513L22.7314 39.0632L28.6418 40.0965ZM28.5747 44.4285L22.7459 45.8513L22.7526 45.8788L22.7596 45.9063L28.5747 44.4285ZM30.1748 46.5653L32.5138 41.04L32.5137 41.0399L30.1748 46.5653ZM31.5517 46.7157L32.5973 52.6239L32.636 52.617L32.6746 52.6097L31.5517 46.7157ZM33.0413 46.031L29.567 41.1393L29.5497 41.1516L29.5325 41.164L33.0413 46.031ZM34.5546 44.5455L29.8815 40.7823L29.8698 40.7968L29.8581 40.8115L34.5546 44.5455ZM35.3205 43.4637L40.4017 46.6545L40.4019 46.6542L35.3205 43.4637ZM37.2329 42.8133L34.8307 48.3114L34.8309 48.3115L37.2329 42.8133ZM37.9267 44.8236L43.1677 47.7445L43.1678 47.7443L37.9267 44.8236ZM36.2933 47.3716L31.4664 43.8078L31.4602 43.8161L31.4541 43.8245L36.2933 47.3716ZM33.5931 50.3006L37.4023 54.9363L37.4123 54.9281L37.4222 54.9199L33.5931 50.3006ZM30.7762 51.8469L32.3306 57.642L32.3568 57.635L32.383 57.6277L30.7762 51.8469ZM28.0635 51.6715L25.7245 57.1968L25.7246 57.1968L28.0635 51.6715ZM25.2703 41.7323L19.3369 40.8411L25.2703 41.7323ZM27.9277 32.659L22.3671 30.4053L22.3671 30.4054L27.9277 32.659ZM32.3333 24.3259L37.197 27.8394L37.2005 27.8346L32.3333 24.3259ZM36.9738 19.7858L34.0447 14.5494L34.0446 14.5495L36.9738 19.7858ZM41.178 19.3133L38.839 24.8386L38.839 24.8386L41.178 19.3133ZM43.1479 21.0121L48.215 17.7989L48.2148 17.7987L43.1479 21.0121ZM44.1385 23.972L38.1928 24.7777L38.1947 24.7914L38.1966 24.8052L44.1385 23.972ZM44.0784 28.0186L38.1319 27.2189L38.1299 27.234L38.1279 27.2492L44.0784 28.0186ZM40.4781 35.7138L38.1389 41.2391L38.1393 41.2392L40.4781 35.7138ZM38.3702 36.6062L32.8096 34.3523L32.8095 34.3524L38.3702 36.6062ZM40.557 35.7473L42.8959 30.2219L42.8959 30.2219L40.557 35.7473ZM41.4302 37.9016L35.8695 35.6479L35.8695 35.6479L41.4302 37.9016ZM39.3223 38.7939L41.6614 33.2686L41.6611 33.2685L39.3223 38.7939ZM39.2433 38.7605L36.9041 44.2857L36.9045 44.2858L39.2433 38.7605ZM12 22C12 16.4772 16.4772 12 22 12V0C9.84973 0 0 9.84974 0 22H12ZM12 48V22H0V48H12ZM22 58C16.4772 58 12 53.5228 12 48H0C0 60.1503 9.84974 70 22 70V58ZM48 58H22V70H48V58ZM58 48C58 53.5228 53.5228 58 48 58V70C60.1503 70 70 60.1503 70 48H58ZM58 22V48H70V22H58ZM48 12C53.5228 12 58 16.4772 58 22H70C70 9.84974 60.1503 0 48 0V12ZM22 12H48V0H22V12ZM39.1119 37.9091C43.1283 39.6096 47.8845 37.4976 49.1234 33.1103L37.575 29.8493C38.3484 27.1104 41.325 25.8149 43.7905 26.8587L39.1119 37.9091ZM34.7234 29.2091C33.993 32.4141 35.3893 36.3333 39.1123 37.9093L43.79 26.8585C46.1149 27.8427 46.8106 30.1771 46.4234 31.8758L34.7234 29.2091ZM34.8459 28.5124C34.8257 28.6941 34.7882 28.9249 34.7234 29.2093L46.4234 31.8755C46.5767 31.2029 46.6964 30.5224 46.7724 29.838L34.8459 28.5124ZM34.8731 27.8699C34.8726 27.867 34.8986 28.0529 34.8483 28.4913L46.77 29.8591C46.909 28.6479 46.9329 27.3675 46.7391 26.0815L34.8731 27.8699ZM35.268 28.7519C34.9316 28.2564 34.8747 27.8809 34.873 27.8695L46.7391 26.082C46.5441 24.7875 46.1044 23.349 45.1956 22.0107L35.268 28.7519ZM36.8059 29.978C36.0843 29.6724 35.529 29.1593 35.1903 28.6345L45.2733 22.1281C44.3801 20.7439 43.1004 19.6117 41.4845 18.9276L36.8059 29.978ZM39.6886 29.9391C39.66 29.9569 39.349 30.1478 38.7858 30.2328C38.1645 30.3266 37.4605 30.2551 36.8061 29.9781L41.4842 18.9275C38.3417 17.5971 35.3736 18.4855 33.3305 19.7619L39.6886 29.9391ZM38.5183 31.3527C38.8899 30.803 39.1925 30.4323 39.416 30.1952C39.644 29.9533 39.7309 29.9131 39.6593 29.9572L33.3597 19.7438C31.3676 20.9725 29.8113 22.8056 28.5762 24.6331L38.5183 31.3527ZM36.1499 36.0394C37.0113 33.9142 37.8136 32.3927 38.5142 31.3589L28.5803 24.6269C27.2567 26.5801 26.087 28.9205 25.0286 31.5321L36.1499 36.0394ZM34.5479 41.1536C34.7728 39.8974 35.2698 38.2109 36.1499 36.0395L25.0286 31.5321C23.9556 34.1794 23.1544 36.7001 22.7357 39.0393L34.5479 41.1536ZM34.4036 43.0057C34.4186 43.0671 34.3843 42.9595 34.3897 42.6145C34.3949 42.276 34.4369 41.7892 34.5522 41.1298L22.7314 39.0632C22.3524 41.2312 22.1981 43.6072 22.7459 45.8513L34.4036 43.0057ZM32.5137 41.0399C33.1342 41.3026 33.6409 41.7241 33.9853 42.184C34.2995 42.6036 34.3833 42.9246 34.3899 42.9507L22.7596 45.9063C23.3419 48.1976 24.8058 50.808 27.8359 52.0906L32.5137 41.0399ZM30.5061 40.8075C31.1358 40.6961 31.8549 40.761 32.5138 41.04L27.8358 52.0906C29.37 52.74 31.007 52.9053 32.5973 52.6239L30.5061 40.8075ZM29.5325 41.164C29.5686 41.138 29.8719 40.9278 30.4287 40.8217L32.6746 52.6097C34.2098 52.3172 35.5063 51.6506 36.5501 50.8981L29.5325 41.164ZM29.8581 40.8115C29.7408 40.959 29.6529 41.0531 29.598 41.107C29.543 41.1609 29.5313 41.1647 29.567 41.1393L36.5156 50.9228C37.5941 50.1568 38.4952 49.2303 39.251 48.2796L29.8581 40.8115ZM30.2392 40.2729C30.1009 40.4932 29.9803 40.6596 29.8815 40.7823L39.2277 48.3088C39.653 47.7806 40.0429 47.2258 40.4017 46.6545L30.2392 40.2729ZM39.6351 37.3151C35.8524 35.6624 32.0098 37.4531 30.2391 40.2732L40.4019 46.6542C39.4525 48.1663 37.2151 49.3531 34.8307 48.3114L39.6351 37.3151ZM43.1678 47.7443C45.377 43.78 43.5159 39.0105 39.6349 37.315L34.8309 48.3115C32.489 47.2883 31.3048 44.3806 32.6856 41.9029L43.1678 47.7443ZM41.1202 50.9355C41.862 49.9308 42.5432 48.865 43.1677 47.7445L32.6857 41.9026C32.2924 42.6082 31.8847 43.2411 31.4664 43.8078L41.1202 50.9355ZM37.4222 54.9199C38.8059 53.7729 40.0348 52.4163 41.1325 50.9188L31.4541 43.8245C30.8315 44.6739 30.2603 45.2699 29.764 45.6813L37.4222 54.9199ZM32.383 57.6277C34.299 57.0952 35.9701 56.1132 37.4023 54.9363L29.7838 45.665C29.3444 46.0261 29.1375 46.0749 29.1694 46.066L32.383 57.6277ZM25.7246 57.1968C27.8623 58.1018 30.1391 58.2299 32.3306 57.642L29.2217 46.0518C29.3397 46.0201 29.5351 45.9883 29.7817 46.0042C30.0303 46.0203 30.2447 46.0794 30.4024 46.1462L25.7246 57.1968ZM19.635 49.9442C20.4742 52.8761 22.3289 55.7594 25.7245 57.1968L30.4025 46.1462C30.5433 46.2058 30.6916 46.29 30.8327 46.3985C30.9732 46.5066 31.0778 46.6166 31.1492 46.7073C31.2882 46.8838 31.2516 46.9213 31.1717 46.642L19.635 49.9442ZM19.3369 40.8411C18.8687 43.9582 18.8195 47.0952 19.635 49.9442L31.1717 46.642C31.0091 46.074 30.8713 44.8371 31.2037 42.6235L19.3369 40.8411ZM22.3671 30.4054C20.8764 34.0835 19.8271 37.577 19.3369 40.8411L31.2037 42.6235C31.5141 40.5568 32.2365 38.0016 33.4884 34.9127L22.3671 30.4054ZM27.4697 20.8124C25.5433 23.4789 23.8614 26.7183 22.3671 30.4053L33.4884 34.9127C34.745 31.8123 36 29.4963 37.197 27.8394L27.4697 20.8124ZM34.0446 14.5495C31.4558 15.9977 29.2989 18.2749 27.4662 20.8172L37.2005 27.8346C38.4993 26.0329 39.4362 25.2834 39.9031 25.0222L34.0446 14.5495ZM43.517 13.788C40.0946 12.3392 36.72 13.0529 34.0447 14.5494L39.903 25.0222C40.1329 24.8937 40.1008 24.9599 39.8409 24.9891C39.7081 25.0041 39.5398 25.0061 39.3499 24.979C39.1593 24.9518 38.9856 24.9007 38.839 24.8386L43.517 13.788ZM48.2148 17.7987C47.1009 16.0423 45.5191 14.6356 43.517 13.788L38.839 24.8386C38.6823 24.7723 38.5149 24.6718 38.3621 24.54C38.2115 24.4102 38.1224 24.2909 38.0809 24.2255L48.2148 17.7987ZM50.0841 23.1663C49.839 21.3571 49.2885 19.4919 48.215 17.7989L38.0808 24.2253C38.0068 24.1087 38.1168 24.2167 38.1928 24.7777L50.0841 23.1663ZM50.0248 28.8184C50.2823 26.9039 50.3395 24.9874 50.0803 23.1389L38.1966 24.8052C38.2669 25.3064 38.2841 26.0876 38.1319 27.2189L50.0248 28.8184ZM49.1233 33.1105C49.5364 31.6478 49.8457 30.2041 50.0288 28.7881L38.1279 27.2492C38.0314 27.9955 37.8545 28.8593 37.575 29.8491L49.1233 33.1105ZM42.8172 30.1886C38.8273 28.4994 34.3752 30.4897 32.8096 34.3523L43.9307 38.86C43.0471 41.04 40.4825 42.2313 38.1389 41.2391L42.8172 30.1886ZM42.8959 30.2219L42.8169 30.1884L38.1393 41.2392L38.2182 41.2727L42.8959 30.2219ZM46.9909 40.1552C48.5308 36.3556 46.8159 31.8812 42.8959 30.2219L38.2182 41.2726C35.9446 40.3102 35.0115 37.7649 35.8695 35.6479L46.9909 40.1552ZM36.9832 44.3192C40.973 46.0082 45.4253 44.0182 46.9909 40.1552L35.8695 35.6479C36.7532 33.4675 39.318 32.2766 41.6614 33.2686L36.9832 44.3192ZM36.9045 44.2858L36.9834 44.3193L41.6611 33.2685L41.5821 33.2351L36.9045 44.2858ZM32.8095 34.3524C31.2694 38.1525 32.9849 42.6264 36.9041 44.2857L41.5825 33.2352C43.8554 34.1975 44.789 36.7424 43.9308 38.8599L32.8095 34.3524Z" fill="white" stroke="none" mask="url(#path-1-outside-1_1233_12577)"/>
8
8
  </svg>
@@ -72,6 +72,7 @@ export class CpslInput {
72
72
  this.enterkeyhint = undefined;
73
73
  this.errorText = undefined;
74
74
  this.mask = undefined;
75
+ this.isPhone = undefined;
75
76
  this.helperText = undefined;
76
77
  this.inputmode = undefined;
77
78
  this.label = undefined;
@@ -106,8 +107,13 @@ export class CpslInput {
106
107
  var _a;
107
108
  if (this.nativeInput) {
108
109
  if (this.mask) {
110
+ const [oldValue, oldCursorPosition] = [this.value, this.nativeInput.selectionEnd];
109
111
  Inputmask({ mask: this.mask, showMaskOnHover: false }).mask(this.nativeInput);
110
112
  this.nativeInput.inputmask.shadowRoot = this.el.shadowRoot;
113
+ if (oldCursorPosition === oldValue.length && this.isPhone) {
114
+ const firstUnderscore = this.nativeInput.value.indexOf('_');
115
+ this.nativeInput.setSelectionRange(firstUnderscore, firstUnderscore);
116
+ }
111
117
  }
112
118
  else {
113
119
  if (this.nativeInput.inputmask) {
@@ -188,7 +194,7 @@ export class CpslInput {
188
194
  }
189
195
  render() {
190
196
  var _a, _b;
191
- return (h(Host, { key: 'b31a6921eaf919f2bf33db3d03c5d1b09bbbd1f8', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (h("label", { key: 'eddafadb3605ae15c958c9c510683b290d5e2956', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '0c6491c38f5eafa6b5bf41bf4fe6c330d3888ca6', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, h("slot", { key: 'efe9461e9e0b0d34238080b34738140bcdf03cac', name: "start" }), h(this.as, { key: 'a617952b57a98163cbc353f5c25054457f61aced', part: "native-input", class: { 'native-input': true }, ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : '', rows: this.rows, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), h("slot", { key: 'be860eb95b869ba544bbd7ee07ca4ff9dc2b419b', name: "end" })), (this.errorText || this.helperText) && (h("div", { key: '719122115300ae56939556d642cc7b987ebd6b9f', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: '92202a20845bd32d17beb48f7175415b3520fd1f' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
197
+ return (h(Host, { key: 'fba918642761d2d430ce71d0ffb18c103b7cbd46', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (h("label", { key: '91ce78dd87eeccbea2769d2fe43a3724fcaa6d3f', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '49abe74e0003f2ad3def70d11bc3e812edf4488b', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, h("slot", { key: '5191799e84eb5a7a62cf966060dae77a9d37d270', name: "start" }), h(this.as, { key: '09a4a3be9bcc9608127634587b4ff86da3304a55', part: "native-input", class: { 'native-input': true }, ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : '', rows: this.rows, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), h("slot", { key: 'b53e9fc972d166a5a3c7795f10cb5ebc9104a3be', name: "end" })), (this.errorText || this.helperText) && (h("div", { key: 'f04d756ef4bd27c4ca9154df5b02806e42b33046', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'f68e00473cd424ea0654fea61262295b55761d31' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
192
198
  }
193
199
  static get is() { return "cpsl-input"; }
194
200
  static get encapsulation() { return "shadow"; }
@@ -422,6 +428,23 @@ export class CpslInput {
422
428
  "attribute": "mask",
423
429
  "reflect": false
424
430
  },
431
+ "isPhone": {
432
+ "type": "boolean",
433
+ "mutable": false,
434
+ "complexType": {
435
+ "original": "boolean",
436
+ "resolved": "boolean",
437
+ "references": {}
438
+ },
439
+ "required": false,
440
+ "optional": true,
441
+ "docs": {
442
+ "tags": [],
443
+ "text": "Whether the input is for a phone number."
444
+ },
445
+ "attribute": "is-phone",
446
+ "reflect": false
447
+ },
425
448
  "helperText": {
426
449
  "type": "string",
427
450
  "mutable": false,
@@ -1 +1 @@
1
- {"version":3,"file":"cpsl-input.js","sourceRoot":"","sources":["../../../../src/components/cpsl-input/cpsl-input.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAED,IAAI,QAAQ,GAAG,CAAC,CAAC","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { AutocompleteTypes, IconType, TextFieldTypes } from '../../interface.js';\nimport { InputChangeEventDetail, InputInputEventDetail } from './input-interface.js';\nimport Inputmask from 'inputmask';\n\n@Component({\n tag: 'cpsl-input',\n styleUrl: 'cpsl-input.scss',\n shadow: true,\n})\nexport class CpslInput {\n private nativeInput?: HTMLInputElement;\n @Element() el!: HTMLCpslInputElement;\n\n private inputId = `cpsl-input-${inputIds++}`;\n /**\n * The value of the input when the input is focused.\n */\n private focusedValue?: string | number | null;\n\n @State() hasFocus = false;\n\n /**\n * The tag for the input.\n * Options are: `\"input\"`, `\"textarea\".\n * Default is: `\"input\"`.\n */\n @Prop() as?: 'input' | 'textarea' = 'input';\n\n /**\n * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n * Available options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.\n */\n\n @Prop() autocapitalize = 'off';\n\n /**\n * Indicates whether the value of the control can be automatically completed by the browser.\n */\n @Prop() autocomplete: AutocompleteTypes = 'off';\n\n /**\n * Whether auto correction should be enabled when the user is entering/editing the text value.\n */\n @Prop() autocorrect: 'on' | 'off' = 'off';\n\n /**\n * Whether to disable auto disabling of the slotted components.\n */\n @Prop() noAutoDisable: boolean;\n\n /**\n * Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element.\n *\n * This may not be sufficient for the element to be focused on page load.\n */\n\n @Prop() autofocus = false;\n\n /**\n * If `true`, the input's entire contents will be selected on focus.\n */\n @Prop() autoselect = false;\n\n /**\n * If `true`, the user cannot interact with the input.\n */\n @Prop() disabled = false;\n\n /**\n * If `true`, the input primary color will use the contrast value, not the primary text value.\n */\n @Prop() contrastText = false;\n\n /**\n * A hint to the browser for which enter key to display.\n * Possible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n * `\"previous\"`, `\"search\"`, and `\"send\"`.\n */\n\n @Prop() enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n /**\n * Error text to show below the input. If this is provided the input will enter an error state.\n */\n @Prop() errorText?: string;\n\n /**\n * Mask string to apply to the input.\n */\n @Prop() mask?: string;\n\n /**\n * Helper text to show below the input. If `\"errorText\"` is provided that will take precedence.\n */\n @Prop() helperText?: string;\n\n /**\n * A hint to the browser for which keyboard to display.\n * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n */\n\n @Prop() inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';\n\n /**\n * The label for the input.\n */\n @Prop() label?: string;\n\n /**\n * The maximum value, which must not be less than its minimum (min attribute) value.\n */\n @Prop() max?: string | number;\n\n /**\n * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.\n */\n @Prop() maxlength?: number;\n\n /**\n * The minimum value, which must not be greater than its maximum (max attribute) value.\n */\n @Prop() min?: string | number;\n\n /**\n * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.\n */\n @Prop() minlength?: number;\n\n /**\n * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"`, otherwise it is ignored.\n */\n @Prop() multiple?: boolean;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name: string = this.inputId;\n\n /**\n * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information.\n */\n @Prop() pattern?: string;\n\n /**\n * Instructional text that shows before the input has a value.\n * This property applies only when the `type` property is set to `\"email\"`,\n * `\"number\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"text\"`, or `\"url\"`, otherwise it is ignored.\n */\n @Prop() placeholder?: string;\n\n /**\n * If `true`, the user cannot modify the value.\n */\n @Prop() readonly = false;\n\n /**\n * If `true`, the user must fill in a value before submitting a form.\n */\n @Prop() required = false;\n\n /**\n * Number of rows for the textarea\n */\n @Prop() rows: number = 5;\n\n /**\n * If `true`, the label will display an \"optional\" tag.\n */\n @Prop() showOptionalLabel = false;\n\n /**\n * If `true`, the element will have its spelling and grammar checked.\n */\n\n @Prop() spellcheck = false;\n\n /**\n * The external source of the icon at the start of the input. If both `startIcon` and `startIconSrc` are provided, `startIcon` will be used.\n */\n @Prop() startIconSrc?: string;\n\n /**\n * The name of the icon at the start of the input. If both `startIcon` and `startIconSrc` are provided, `startIcon` will be used.\n */\n @Prop() startIcon?: IconType;\n\n /**\n * Works with the min and max attributes to limit the increments at which a value can be set.\n * Possible values are: `\"any\"` or a positive floating point number.\n */\n @Prop() step?: string;\n\n /**\n * The type of control to display. The default type is `text`.\n */\n @Prop() type: TextFieldTypes = 'text';\n\n /**\n * The value of the controlled input.\n */\n @Prop({ mutable: true }) value?: string;\n\n /**\n * The `cpslInput` event is fired each time the user modifies the input's value.\n * Unlike the `cpslChange` event, the `cpslInput` event is fired for each alteration\n * to the input's value. This typically happens for each keystroke as the user types.\n *\n * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface\n * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\n * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\n * the input is cleared on edit, the type is `null`.\n */\n @Event() cpslInput!: EventEmitter<InputInputEventDetail>;\n\n /**\n * The `cpslChange` event is fired when the user modifies the input's value.\n * Unlike the `cpslInput` event, the `cpslChange` event is only fired when changes\n * are committed, not as the user types.\n *\n * Depending on the way the users interacts with the element, the `cpslChange`\n * event fires at a different moment:\n * - When the element loses focus after its value has changed: for elements\n * where the user's interaction is typing.\n */\n @Event() cpslChange!: EventEmitter<InputChangeEventDetail>;\n\n /**\n * Emitted when the input loses focus.\n */\n @Event() cpslBlur!: EventEmitter<FocusEvent>;\n\n /**\n * Emitted when the input has focus.\n */\n @Event() cpslFocus!: EventEmitter<FocusEvent>;\n\n /**\n * Emitted when something has been paste into the input.\n */\n @Event() cpslPaste!: EventEmitter<ClipboardEvent>;\n\n @Watch('disabled')\n handleDisable() {\n if (this.disabled) {\n this.disableSlots();\n } else {\n this.enableSlots();\n }\n }\n\n @Watch('mask')\n handleSetupMask() {\n if (this.nativeInput) {\n if (this.mask) {\n Inputmask({ mask: this.mask, showMaskOnHover: false }).mask(this.nativeInput);\n (this.nativeInput as any).inputmask.shadowRoot = this.el.shadowRoot;\n } else {\n if ((this.nativeInput as any).inputmask) {\n (this.nativeInput as any).inputmask.remove();\n }\n this.nativeInput.value = this.value ?? '';\n }\n }\n }\n\n @Watch('value')\n handleValueChange() {\n if (!this.value) {\n this.nativeInput.value = this.value ?? '';\n }\n }\n\n componentDidLoad() {\n this.initButtons();\n if (this.value) {\n this.enableSlots();\n } else {\n this.disableSlots();\n }\n\n this.handleSetupMask();\n }\n\n private disableSlots() {\n if (!this.noAutoDisable) {\n this.endEl?.setAttribute('disabled', 'true');\n this.startEl?.setAttribute('disabled', 'true');\n }\n }\n\n private enableSlots() {\n this.endEl?.setAttribute('disabled', 'false');\n this.startEl?.setAttribute('disabled', 'false');\n }\n\n private initButtons() {\n if (this.endEl?.tagName === 'CPSL-BUTTON') {\n this.endEl.setAttribute('full-width', 'true');\n this.endEl.addEventListener('mousedown', e => {\n e.preventDefault();\n });\n }\n if (this.startEl?.tagName === 'CPSL-BUTTON') {\n this.startEl.setAttribute('full-width', 'true');\n this.startEl.addEventListener('mousedown', e => {\n e.preventDefault();\n });\n }\n }\n\n /**\n * Emits a `cpslInput` event.\n */\n private emitInputChange(event?: Event) {\n this.cpslInput.emit({ value: this.value || '', event });\n }\n\n /**\n * Emits a `cpslChange` event.\n *\n * This API should be called for user committed changes.\n * This API should not be used for external value changes.\n */\n private emitValueChange(event?: Event) {\n const { value } = this;\n // Checks for both null and undefined values\n const newValue = value == null ? value : value.toString();\n // Emitting a value change should update the internal state for tracking the focused value\n this.focusedValue = newValue;\n this.cpslChange.emit({ value: newValue, event });\n }\n\n private onInput = (ev: InputEvent) => {\n const input = ev.target as HTMLInputElement | null;\n\n let _value = input.value || '';\n if ((input as any).inputmask) _value = (input as any).inputmask.unmaskedvalue();\n\n if (Boolean(input)) {\n this.value = _value;\n input.value === '' ? this.disableSlots() : this.enableSlots();\n }\n\n this.emitInputChange(ev);\n };\n\n private onChange = (ev: Event) => {\n this.emitValueChange(ev);\n };\n\n private onBlur = (ev: FocusEvent) => {\n this.hasFocus = false;\n\n if (this.focusedValue !== this.value) {\n /**\n * Emits the `cpslChange` event when the input value\n * is different than the value when the input was focused.\n */\n this.emitValueChange(ev);\n }\n\n this.cpslBlur.emit(ev);\n };\n\n private onFocus = (ev: FocusEvent) => {\n this.hasFocus = true;\n this.focusedValue = this.value;\n\n this.autoselect && (ev.target as HTMLInputElement).select();\n\n this.cpslFocus.emit(ev);\n };\n\n private onPaste = (ev: ClipboardEvent) => {\n ev.stopPropagation();\n ev.preventDefault();\n\n const input = ev.target as HTMLInputElement;\n const pasteData = ev.clipboardData?.getData('text') || '';\n\n // Manually set the value & cursor position\n const initialSelectionStart = input.selectionStart;\n const newVal = `${input.value.slice(0, input.selectionStart)}${pasteData}${input.value.slice(input.selectionEnd, input.value.length)}`;\n input.value = newVal;\n\n // this.value = newVal;\n input.selectionEnd = initialSelectionStart + pasteData.length;\n\n let _value = input.value || '';\n if ((input as any).inputmask) _value = (input as any).inputmask.unmaskedvalue();\n\n this.value = _value;\n\n this.value === '' ? this.disableSlots() : this.enableSlots();\n\n // Emit the cpslPaste event\n this.cpslPaste.emit(ev);\n\n // Emit the cpslChange event since the value was modified by paste\n this.emitInputChange(ev);\n };\n\n private focusInput = () => {\n this.nativeInput.focus();\n };\n\n private get startEl() {\n return this.el.querySelector('[slot=\"start\"]');\n }\n\n private get endEl() {\n return this.el.querySelector('[slot=\"end\"]');\n }\n\n render() {\n return (\n <Host class={{ 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText }}>\n {this.label && (\n <label class=\"label\" htmlFor={this.inputId}>\n {this.label}\n {this.required ? '*' : ' '}\n {!this.required && this.showOptionalLabel ? <span class=\"optional-label\">(optional)</span> : ''}\n </label>\n )}\n <div class={{ 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' }}>\n <slot name=\"start\"></slot>\n <this.as\n part=\"native-input\"\n class={{ 'native-input': true }}\n ref={input => (this.nativeInput = input)}\n id={this.inputId}\n disabled={this.disabled}\n autoCapitalize={this.autocapitalize}\n autoComplete={this.autocomplete}\n autoCorrect={this.autocorrect}\n autoFocus={this.autofocus}\n enterKeyHint={this.enterkeyhint}\n inputMode={this.inputmode}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n multiple={this.multiple}\n name={this.name}\n pattern={this.pattern}\n placeholder={this.placeholder || ''}\n readOnly={this.readonly}\n required={this.required}\n spellcheck={this.spellcheck}\n type={this.type}\n value={this.value ?? ''}\n rows={this.rows}\n onInput={this.onInput}\n onChange={this.onChange}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onClick={this.focusInput}\n onPaste={this.onPaste}\n />\n <slot name=\"end\"></slot>\n </div>\n {(this.errorText || this.helperText) && (\n <div class={{ 'helper-text-container': true, 'error-text': Boolean(this.errorText) }}>\n <span>{this.errorText ?? this.helperText}</span>\n </div>\n )}\n </Host>\n );\n }\n}\n\nlet inputIds = 0;\n"]}
1
+ {"version":3,"file":"cpsl-input.js","sourceRoot":"","sources":["../../../../src/components/cpsl-input/cpsl-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { AutocompleteTypes, IconType, TextFieldTypes } from '../../interface.js';\nimport { InputChangeEventDetail, InputInputEventDetail } from './input-interface.js';\nimport Inputmask from 'inputmask';\n\n@Component({\n tag: 'cpsl-input',\n styleUrl: 'cpsl-input.scss',\n shadow: true,\n})\nexport class CpslInput {\n private nativeInput?: HTMLInputElement;\n @Element() el!: HTMLCpslInputElement;\n\n private inputId = `cpsl-input-${inputIds++}`;\n /**\n * The value of the input when the input is focused.\n */\n private focusedValue?: string | number | null;\n\n @State() hasFocus = false;\n\n /**\n * The tag for the input.\n * Options are: `\"input\"`, `\"textarea\".\n * Default is: `\"input\"`.\n */\n @Prop() as?: 'input' | 'textarea' = 'input';\n\n /**\n * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n * Available options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.\n */\n\n @Prop() autocapitalize = 'off';\n\n /**\n * Indicates whether the value of the control can be automatically completed by the browser.\n */\n @Prop() autocomplete: AutocompleteTypes = 'off';\n\n /**\n * Whether auto correction should be enabled when the user is entering/editing the text value.\n */\n @Prop() autocorrect: 'on' | 'off' = 'off';\n\n /**\n * Whether to disable auto disabling of the slotted components.\n */\n @Prop() noAutoDisable: boolean;\n\n /**\n * Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element.\n *\n * This may not be sufficient for the element to be focused on page load.\n */\n\n @Prop() autofocus = false;\n\n /**\n * If `true`, the input's entire contents will be selected on focus.\n */\n @Prop() autoselect = false;\n\n /**\n * If `true`, the user cannot interact with the input.\n */\n @Prop() disabled = false;\n\n /**\n * If `true`, the input primary color will use the contrast value, not the primary text value.\n */\n @Prop() contrastText = false;\n\n /**\n * A hint to the browser for which enter key to display.\n * Possible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n * `\"previous\"`, `\"search\"`, and `\"send\"`.\n */\n\n @Prop() enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n /**\n * Error text to show below the input. If this is provided the input will enter an error state.\n */\n @Prop() errorText?: string;\n\n /**\n * Mask string to apply to the input.\n */\n @Prop() mask?: string;\n\n /**\n * Whether the input is for a phone number.\n */\n @Prop() isPhone?: boolean;\n\n /**\n * Helper text to show below the input. If `\"errorText\"` is provided that will take precedence.\n */\n @Prop() helperText?: string;\n\n /**\n * A hint to the browser for which keyboard to display.\n * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n */\n\n @Prop() inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';\n\n /**\n * The label for the input.\n */\n @Prop() label?: string;\n\n /**\n * The maximum value, which must not be less than its minimum (min attribute) value.\n */\n @Prop() max?: string | number;\n\n /**\n * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.\n */\n @Prop() maxlength?: number;\n\n /**\n * The minimum value, which must not be greater than its maximum (max attribute) value.\n */\n @Prop() min?: string | number;\n\n /**\n * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.\n */\n @Prop() minlength?: number;\n\n /**\n * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"`, otherwise it is ignored.\n */\n @Prop() multiple?: boolean;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name: string = this.inputId;\n\n /**\n * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information.\n */\n @Prop() pattern?: string;\n\n /**\n * Instructional text that shows before the input has a value.\n * This property applies only when the `type` property is set to `\"email\"`,\n * `\"number\"`, `\"password\"`, `\"search\"`, `\"tel\"`, `\"text\"`, or `\"url\"`, otherwise it is ignored.\n */\n @Prop() placeholder?: string;\n\n /**\n * If `true`, the user cannot modify the value.\n */\n @Prop() readonly = false;\n\n /**\n * If `true`, the user must fill in a value before submitting a form.\n */\n @Prop() required = false;\n\n /**\n * Number of rows for the textarea\n */\n @Prop() rows: number = 5;\n\n /**\n * If `true`, the label will display an \"optional\" tag.\n */\n @Prop() showOptionalLabel = false;\n\n /**\n * If `true`, the element will have its spelling and grammar checked.\n */\n\n @Prop() spellcheck = false;\n\n /**\n * The external source of the icon at the start of the input. If both `startIcon` and `startIconSrc` are provided, `startIcon` will be used.\n */\n @Prop() startIconSrc?: string;\n\n /**\n * The name of the icon at the start of the input. If both `startIcon` and `startIconSrc` are provided, `startIcon` will be used.\n */\n @Prop() startIcon?: IconType;\n\n /**\n * Works with the min and max attributes to limit the increments at which a value can be set.\n * Possible values are: `\"any\"` or a positive floating point number.\n */\n @Prop() step?: string;\n\n /**\n * The type of control to display. The default type is `text`.\n */\n @Prop() type: TextFieldTypes = 'text';\n\n /**\n * The value of the controlled input.\n */\n @Prop({ mutable: true }) value?: string;\n\n /**\n * The `cpslInput` event is fired each time the user modifies the input's value.\n * Unlike the `cpslChange` event, the `cpslInput` event is fired for each alteration\n * to the input's value. This typically happens for each keystroke as the user types.\n *\n * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface\n * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\n * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\n * the input is cleared on edit, the type is `null`.\n */\n @Event() cpslInput!: EventEmitter<InputInputEventDetail>;\n\n /**\n * The `cpslChange` event is fired when the user modifies the input's value.\n * Unlike the `cpslInput` event, the `cpslChange` event is only fired when changes\n * are committed, not as the user types.\n *\n * Depending on the way the users interacts with the element, the `cpslChange`\n * event fires at a different moment:\n * - When the element loses focus after its value has changed: for elements\n * where the user's interaction is typing.\n */\n @Event() cpslChange!: EventEmitter<InputChangeEventDetail>;\n\n /**\n * Emitted when the input loses focus.\n */\n @Event() cpslBlur!: EventEmitter<FocusEvent>;\n\n /**\n * Emitted when the input has focus.\n */\n @Event() cpslFocus!: EventEmitter<FocusEvent>;\n\n /**\n * Emitted when something has been paste into the input.\n */\n @Event() cpslPaste!: EventEmitter<ClipboardEvent>;\n\n @Watch('disabled')\n handleDisable() {\n if (this.disabled) {\n this.disableSlots();\n } else {\n this.enableSlots();\n }\n }\n\n @Watch('mask')\n handleSetupMask() {\n if (this.nativeInput) {\n if (this.mask) {\n const [oldValue, oldCursorPosition] = [this.value, this.nativeInput.selectionEnd];\n Inputmask({ mask: this.mask, showMaskOnHover: false }).mask(this.nativeInput);\n (this.nativeInput as any).inputmask.shadowRoot = this.el.shadowRoot;\n if (oldCursorPosition === oldValue.length && this.isPhone) {\n const firstUnderscore = this.nativeInput.value.indexOf('_');\n this.nativeInput.setSelectionRange(firstUnderscore, firstUnderscore);\n }\n } else {\n if ((this.nativeInput as any).inputmask) {\n (this.nativeInput as any).inputmask.remove();\n }\n this.nativeInput.value = this.value ?? '';\n }\n }\n }\n\n @Watch('value')\n handleValueChange() {\n if (!this.value) {\n this.nativeInput.value = this.value ?? '';\n }\n }\n\n componentDidLoad() {\n this.initButtons();\n if (this.value) {\n this.enableSlots();\n } else {\n this.disableSlots();\n }\n\n this.handleSetupMask();\n }\n\n private disableSlots() {\n if (!this.noAutoDisable) {\n this.endEl?.setAttribute('disabled', 'true');\n this.startEl?.setAttribute('disabled', 'true');\n }\n }\n\n private enableSlots() {\n this.endEl?.setAttribute('disabled', 'false');\n this.startEl?.setAttribute('disabled', 'false');\n }\n\n private initButtons() {\n if (this.endEl?.tagName === 'CPSL-BUTTON') {\n this.endEl.setAttribute('full-width', 'true');\n this.endEl.addEventListener('mousedown', e => {\n e.preventDefault();\n });\n }\n if (this.startEl?.tagName === 'CPSL-BUTTON') {\n this.startEl.setAttribute('full-width', 'true');\n this.startEl.addEventListener('mousedown', e => {\n e.preventDefault();\n });\n }\n }\n\n /**\n * Emits a `cpslInput` event.\n */\n private emitInputChange(event?: Event) {\n this.cpslInput.emit({ value: this.value || '', event });\n }\n\n /**\n * Emits a `cpslChange` event.\n *\n * This API should be called for user committed changes.\n * This API should not be used for external value changes.\n */\n private emitValueChange(event?: Event) {\n const { value } = this;\n // Checks for both null and undefined values\n const newValue = value == null ? value : value.toString();\n // Emitting a value change should update the internal state for tracking the focused value\n this.focusedValue = newValue;\n this.cpslChange.emit({ value: newValue, event });\n }\n\n private onInput = (ev: InputEvent) => {\n const input = ev.target as HTMLInputElement | null;\n\n let _value = input.value || '';\n if ((input as any).inputmask) _value = (input as any).inputmask.unmaskedvalue();\n\n if (Boolean(input)) {\n this.value = _value;\n input.value === '' ? this.disableSlots() : this.enableSlots();\n }\n\n this.emitInputChange(ev);\n };\n\n private onChange = (ev: Event) => {\n this.emitValueChange(ev);\n };\n\n private onBlur = (ev: FocusEvent) => {\n this.hasFocus = false;\n\n if (this.focusedValue !== this.value) {\n /**\n * Emits the `cpslChange` event when the input value\n * is different than the value when the input was focused.\n */\n this.emitValueChange(ev);\n }\n\n this.cpslBlur.emit(ev);\n };\n\n private onFocus = (ev: FocusEvent) => {\n this.hasFocus = true;\n this.focusedValue = this.value;\n\n this.autoselect && (ev.target as HTMLInputElement).select();\n\n this.cpslFocus.emit(ev);\n };\n\n private onPaste = (ev: ClipboardEvent) => {\n ev.stopPropagation();\n ev.preventDefault();\n\n const input = ev.target as HTMLInputElement;\n const pasteData = ev.clipboardData?.getData('text') || '';\n\n // Manually set the value & cursor position\n const initialSelectionStart = input.selectionStart;\n const newVal = `${input.value.slice(0, input.selectionStart)}${pasteData}${input.value.slice(input.selectionEnd, input.value.length)}`;\n input.value = newVal;\n\n // this.value = newVal;\n input.selectionEnd = initialSelectionStart + pasteData.length;\n\n let _value = input.value || '';\n if ((input as any).inputmask) _value = (input as any).inputmask.unmaskedvalue();\n\n this.value = _value;\n\n this.value === '' ? this.disableSlots() : this.enableSlots();\n\n // Emit the cpslPaste event\n this.cpslPaste.emit(ev);\n\n // Emit the cpslChange event since the value was modified by paste\n this.emitInputChange(ev);\n };\n\n private focusInput = () => {\n this.nativeInput.focus();\n };\n\n private get startEl() {\n return this.el.querySelector('[slot=\"start\"]');\n }\n\n private get endEl() {\n return this.el.querySelector('[slot=\"end\"]');\n }\n\n render() {\n return (\n <Host class={{ 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText }}>\n {this.label && (\n <label class=\"label\" htmlFor={this.inputId}>\n {this.label}\n {this.required ? '*' : ' '}\n {!this.required && this.showOptionalLabel ? <span class=\"optional-label\">(optional)</span> : ''}\n </label>\n )}\n <div class={{ 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' }}>\n <slot name=\"start\"></slot>\n <this.as\n part=\"native-input\"\n class={{ 'native-input': true }}\n ref={input => (this.nativeInput = input)}\n id={this.inputId}\n disabled={this.disabled}\n autoCapitalize={this.autocapitalize}\n autoComplete={this.autocomplete}\n autoCorrect={this.autocorrect}\n autoFocus={this.autofocus}\n enterKeyHint={this.enterkeyhint}\n inputMode={this.inputmode}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n multiple={this.multiple}\n name={this.name}\n pattern={this.pattern}\n placeholder={this.placeholder || ''}\n readOnly={this.readonly}\n required={this.required}\n spellcheck={this.spellcheck}\n type={this.type}\n value={this.value ?? ''}\n rows={this.rows}\n onInput={this.onInput}\n onChange={this.onChange}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onClick={this.focusInput}\n onPaste={this.onPaste}\n />\n <slot name=\"end\"></slot>\n </div>\n {(this.errorText || this.helperText) && (\n <div class={{ 'helper-text-container': true, 'error-text': Boolean(this.errorText) }}>\n <span>{this.errorText ?? this.helperText}</span>\n </div>\n )}\n </Host>\n );\n }\n}\n\nlet inputIds = 0;\n"]}
@@ -16,7 +16,7 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["cpsl-hero",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-nav-button",[[1,"cpsl-nav-button",{"disabled":[516],"exactMainRouteMatch":[4,"exact-main-route-match"],"exactSubRouteMatch":[4,"exact-sub-route-match"],"route":[1],"subRoutes":[16],"path":[1]}]]],["cpsl-col",[[1,"cpsl-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"]]]]],["cpsl-grid",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row"]]],["cpsl-alert_34",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-select",{"anchorElId":[1,"anchor-el-id"],"autoWidth":[4,"auto-width"],"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"icon":[1],"label":[1],"noIconAnimation":[4,"no-icon-animation"],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"selectedItemColor":[1,"selected-item-color"],"selectedItemVariant":[1,"selected-item-variant"],"selectedItemWeight":[1,"selected-item-weight"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-file-upload",{"disabled":[516],"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-auth-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32],"isMobile":[32]},null,{"open":["toggleModal"]}],[1,"cpsl-alert",{"icon":[1],"noIcon":[4,"no-icon"],"variant":[1],"filled":[4]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-icon-group",{"expandFrom":[1,"expand-from"],"disabled":[4],"icons":[16],"isHovered":[32]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-nav-button-group"],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2],"icon":[1]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},[[8,"cpslTabButtonSizeChange","onTabSizeChange"]],{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-input",{"as":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"autoselect":[4],"disabled":[4],"contrastText":[4,"contrast-text"],"enterkeyhint":[1],"errorText":[1,"error-text"],"mask":[1],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"],"mask":["handleSetupMask"],"value":["handleValueChange"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"variant":[513]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
19
+ return bootstrapLazy([["cpsl-hero",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-nav-button",[[1,"cpsl-nav-button",{"disabled":[516],"exactMainRouteMatch":[4,"exact-main-route-match"],"exactSubRouteMatch":[4,"exact-sub-route-match"],"route":[1],"subRoutes":[16],"path":[1]}]]],["cpsl-col",[[1,"cpsl-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"]]]]],["cpsl-grid",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row"]]],["cpsl-alert_34",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-select",{"anchorElId":[1,"anchor-el-id"],"autoWidth":[4,"auto-width"],"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"icon":[1],"label":[1],"noIconAnimation":[4,"no-icon-animation"],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"selectedItemColor":[1,"selected-item-color"],"selectedItemVariant":[1,"selected-item-variant"],"selectedItemWeight":[1,"selected-item-weight"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-file-upload",{"disabled":[516],"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-auth-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32],"isMobile":[32]},null,{"open":["toggleModal"]}],[1,"cpsl-alert",{"icon":[1],"noIcon":[4,"no-icon"],"variant":[1],"filled":[4]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-icon-group",{"expandFrom":[1,"expand-from"],"disabled":[4],"icons":[16],"isHovered":[32]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-nav-button-group"],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2],"icon":[1]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},[[8,"cpslTabButtonSizeChange","onTabSizeChange"]],{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-input",{"as":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"autoselect":[4],"disabled":[4],"contrastText":[4,"contrast-text"],"enterkeyhint":[1],"errorText":[1,"error-text"],"mask":[1],"isPhone":[4,"is-phone"],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"],"mask":["handleSetupMask"],"value":["handleValueChange"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"variant":[513]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
20
20
  });
21
21
 
22
22
  //# sourceMappingURL=capsule.js.map
@@ -6667,13 +6667,13 @@ const Brush = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" strok
6667
6667
  </svg>
6668
6668
  `;
6669
6669
 
6670
- const CapsuleBlackBg = `<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none">
6671
- <mask id="path-1-outside-1_1233_12577" maskUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" fill="black">
6672
- <rect fill="white" width="70" height="70"/>
6670
+ const CapsuleBlackBg = `<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none" stroke="none">
6671
+ <mask id="path-1-outside-1_1233_12577" maskUnits="userSpaceOnUse" x="0" y="0" width="70" height="70" fill="black" stroke="none">
6672
+ <rect fill="white" stroke="none" width="70" height="70"/>
6673
6673
  <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z"/>
6674
6674
  </mask>
6675
- <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z" fill="black"/>
6676
- <path d="M41.4512 32.3839L43.7905 26.8587L43.79 26.8585L41.4512 32.3839ZM43.3492 31.4798L37.575 29.8491L37.575 29.8493L43.3492 31.4798ZM40.5734 30.5424L46.4234 31.8758L46.4234 31.8755L40.5734 30.5424ZM40.8092 29.1752L34.8483 28.4913L34.847 28.5018L34.8459 28.5124L40.8092 29.1752ZM40.8061 26.9757L34.873 27.8695L34.8731 27.8699L40.8061 26.9757ZM40.2318 25.3813L35.1903 28.6345L35.2285 28.6936L35.268 28.7519L40.2318 25.3813ZM39.1452 24.4528L41.4845 18.9276L41.4842 18.9275L39.1452 24.4528ZM36.5095 24.8505L39.6593 29.9572L39.674 29.9482L39.6886 29.9391L36.5095 24.8505ZM33.5472 27.9929L38.5142 31.3589L38.5183 31.3527L33.5472 27.9929ZM30.5893 33.7858L36.1499 36.0395L36.1499 36.0394L30.5893 33.7858ZM28.6418 40.0965L22.7357 39.0393L22.7335 39.0513L22.7314 39.0632L28.6418 40.0965ZM28.5747 44.4285L22.7459 45.8513L22.7526 45.8788L22.7596 45.9063L28.5747 44.4285ZM30.1748 46.5653L32.5138 41.04L32.5137 41.0399L30.1748 46.5653ZM31.5517 46.7157L32.5973 52.6239L32.636 52.617L32.6746 52.6097L31.5517 46.7157ZM33.0413 46.031L29.567 41.1393L29.5497 41.1516L29.5325 41.164L33.0413 46.031ZM34.5546 44.5455L29.8815 40.7823L29.8698 40.7968L29.8581 40.8115L34.5546 44.5455ZM35.3205 43.4637L40.4017 46.6545L40.4019 46.6542L35.3205 43.4637ZM37.2329 42.8133L34.8307 48.3114L34.8309 48.3115L37.2329 42.8133ZM37.9267 44.8236L43.1677 47.7445L43.1678 47.7443L37.9267 44.8236ZM36.2933 47.3716L31.4664 43.8078L31.4602 43.8161L31.4541 43.8245L36.2933 47.3716ZM33.5931 50.3006L37.4023 54.9363L37.4123 54.9281L37.4222 54.9199L33.5931 50.3006ZM30.7762 51.8469L32.3306 57.642L32.3568 57.635L32.383 57.6277L30.7762 51.8469ZM28.0635 51.6715L25.7245 57.1968L25.7246 57.1968L28.0635 51.6715ZM25.2703 41.7323L19.3369 40.8411L25.2703 41.7323ZM27.9277 32.659L22.3671 30.4053L22.3671 30.4054L27.9277 32.659ZM32.3333 24.3259L37.197 27.8394L37.2005 27.8346L32.3333 24.3259ZM36.9738 19.7858L34.0447 14.5494L34.0446 14.5495L36.9738 19.7858ZM41.178 19.3133L38.839 24.8386L38.839 24.8386L41.178 19.3133ZM43.1479 21.0121L48.215 17.7989L48.2148 17.7987L43.1479 21.0121ZM44.1385 23.972L38.1928 24.7777L38.1947 24.7914L38.1966 24.8052L44.1385 23.972ZM44.0784 28.0186L38.1319 27.2189L38.1299 27.234L38.1279 27.2492L44.0784 28.0186ZM40.4781 35.7138L38.1389 41.2391L38.1393 41.2392L40.4781 35.7138ZM38.3702 36.6062L32.8096 34.3523L32.8095 34.3524L38.3702 36.6062ZM40.557 35.7473L42.8959 30.2219L42.8959 30.2219L40.557 35.7473ZM41.4302 37.9016L35.8695 35.6479L35.8695 35.6479L41.4302 37.9016ZM39.3223 38.7939L41.6614 33.2686L41.6611 33.2685L39.3223 38.7939ZM39.2433 38.7605L36.9041 44.2857L36.9045 44.2858L39.2433 38.7605ZM12 22C12 16.4772 16.4772 12 22 12V0C9.84973 0 0 9.84974 0 22H12ZM12 48V22H0V48H12ZM22 58C16.4772 58 12 53.5228 12 48H0C0 60.1503 9.84974 70 22 70V58ZM48 58H22V70H48V58ZM58 48C58 53.5228 53.5228 58 48 58V70C60.1503 70 70 60.1503 70 48H58ZM58 22V48H70V22H58ZM48 12C53.5228 12 58 16.4772 58 22H70C70 9.84974 60.1503 0 48 0V12ZM22 12H48V0H22V12ZM39.1119 37.9091C43.1283 39.6096 47.8845 37.4976 49.1234 33.1103L37.575 29.8493C38.3484 27.1104 41.325 25.8149 43.7905 26.8587L39.1119 37.9091ZM34.7234 29.2091C33.993 32.4141 35.3893 36.3333 39.1123 37.9093L43.79 26.8585C46.1149 27.8427 46.8106 30.1771 46.4234 31.8758L34.7234 29.2091ZM34.8459 28.5124C34.8257 28.6941 34.7882 28.9249 34.7234 29.2093L46.4234 31.8755C46.5767 31.2029 46.6964 30.5224 46.7724 29.838L34.8459 28.5124ZM34.8731 27.8699C34.8726 27.867 34.8986 28.0529 34.8483 28.4913L46.77 29.8591C46.909 28.6479 46.9329 27.3675 46.7391 26.0815L34.8731 27.8699ZM35.268 28.7519C34.9316 28.2564 34.8747 27.8809 34.873 27.8695L46.7391 26.082C46.5441 24.7875 46.1044 23.349 45.1956 22.0107L35.268 28.7519ZM36.8059 29.978C36.0843 29.6724 35.529 29.1593 35.1903 28.6345L45.2733 22.1281C44.3801 20.7439 43.1004 19.6117 41.4845 18.9276L36.8059 29.978ZM39.6886 29.9391C39.66 29.9569 39.349 30.1478 38.7858 30.2328C38.1645 30.3266 37.4605 30.2551 36.8061 29.9781L41.4842 18.9275C38.3417 17.5971 35.3736 18.4855 33.3305 19.7619L39.6886 29.9391ZM38.5183 31.3527C38.8899 30.803 39.1925 30.4323 39.416 30.1952C39.644 29.9533 39.7309 29.9131 39.6593 29.9572L33.3597 19.7438C31.3676 20.9725 29.8113 22.8056 28.5762 24.6331L38.5183 31.3527ZM36.1499 36.0394C37.0113 33.9142 37.8136 32.3927 38.5142 31.3589L28.5803 24.6269C27.2567 26.5801 26.087 28.9205 25.0286 31.5321L36.1499 36.0394ZM34.5479 41.1536C34.7728 39.8974 35.2698 38.2109 36.1499 36.0395L25.0286 31.5321C23.9556 34.1794 23.1544 36.7001 22.7357 39.0393L34.5479 41.1536ZM34.4036 43.0057C34.4186 43.0671 34.3843 42.9595 34.3897 42.6145C34.3949 42.276 34.4369 41.7892 34.5522 41.1298L22.7314 39.0632C22.3524 41.2312 22.1981 43.6072 22.7459 45.8513L34.4036 43.0057ZM32.5137 41.0399C33.1342 41.3026 33.6409 41.7241 33.9853 42.184C34.2995 42.6036 34.3833 42.9246 34.3899 42.9507L22.7596 45.9063C23.3419 48.1976 24.8058 50.808 27.8359 52.0906L32.5137 41.0399ZM30.5061 40.8075C31.1358 40.6961 31.8549 40.761 32.5138 41.04L27.8358 52.0906C29.37 52.74 31.007 52.9053 32.5973 52.6239L30.5061 40.8075ZM29.5325 41.164C29.5686 41.138 29.8719 40.9278 30.4287 40.8217L32.6746 52.6097C34.2098 52.3172 35.5063 51.6506 36.5501 50.8981L29.5325 41.164ZM29.8581 40.8115C29.7408 40.959 29.6529 41.0531 29.598 41.107C29.543 41.1609 29.5313 41.1647 29.567 41.1393L36.5156 50.9228C37.5941 50.1568 38.4952 49.2303 39.251 48.2796L29.8581 40.8115ZM30.2392 40.2729C30.1009 40.4932 29.9803 40.6596 29.8815 40.7823L39.2277 48.3088C39.653 47.7806 40.0429 47.2258 40.4017 46.6545L30.2392 40.2729ZM39.6351 37.3151C35.8524 35.6624 32.0098 37.4531 30.2391 40.2732L40.4019 46.6542C39.4525 48.1663 37.2151 49.3531 34.8307 48.3114L39.6351 37.3151ZM43.1678 47.7443C45.377 43.78 43.5159 39.0105 39.6349 37.315L34.8309 48.3115C32.489 47.2883 31.3048 44.3806 32.6856 41.9029L43.1678 47.7443ZM41.1202 50.9355C41.862 49.9308 42.5432 48.865 43.1677 47.7445L32.6857 41.9026C32.2924 42.6082 31.8847 43.2411 31.4664 43.8078L41.1202 50.9355ZM37.4222 54.9199C38.8059 53.7729 40.0348 52.4163 41.1325 50.9188L31.4541 43.8245C30.8315 44.6739 30.2603 45.2699 29.764 45.6813L37.4222 54.9199ZM32.383 57.6277C34.299 57.0952 35.9701 56.1132 37.4023 54.9363L29.7838 45.665C29.3444 46.0261 29.1375 46.0749 29.1694 46.066L32.383 57.6277ZM25.7246 57.1968C27.8623 58.1018 30.1391 58.2299 32.3306 57.642L29.2217 46.0518C29.3397 46.0201 29.5351 45.9883 29.7817 46.0042C30.0303 46.0203 30.2447 46.0794 30.4024 46.1462L25.7246 57.1968ZM19.635 49.9442C20.4742 52.8761 22.3289 55.7594 25.7245 57.1968L30.4025 46.1462C30.5433 46.2058 30.6916 46.29 30.8327 46.3985C30.9732 46.5066 31.0778 46.6166 31.1492 46.7073C31.2882 46.8838 31.2516 46.9213 31.1717 46.642L19.635 49.9442ZM19.3369 40.8411C18.8687 43.9582 18.8195 47.0952 19.635 49.9442L31.1717 46.642C31.0091 46.074 30.8713 44.8371 31.2037 42.6235L19.3369 40.8411ZM22.3671 30.4054C20.8764 34.0835 19.8271 37.577 19.3369 40.8411L31.2037 42.6235C31.5141 40.5568 32.2365 38.0016 33.4884 34.9127L22.3671 30.4054ZM27.4697 20.8124C25.5433 23.4789 23.8614 26.7183 22.3671 30.4053L33.4884 34.9127C34.745 31.8123 36 29.4963 37.197 27.8394L27.4697 20.8124ZM34.0446 14.5495C31.4558 15.9977 29.2989 18.2749 27.4662 20.8172L37.2005 27.8346C38.4993 26.0329 39.4362 25.2834 39.9031 25.0222L34.0446 14.5495ZM43.517 13.788C40.0946 12.3392 36.72 13.0529 34.0447 14.5494L39.903 25.0222C40.1329 24.8937 40.1008 24.9599 39.8409 24.9891C39.7081 25.0041 39.5398 25.0061 39.3499 24.979C39.1593 24.9518 38.9856 24.9007 38.839 24.8386L43.517 13.788ZM48.2148 17.7987C47.1009 16.0423 45.5191 14.6356 43.517 13.788L38.839 24.8386C38.6823 24.7723 38.5149 24.6718 38.3621 24.54C38.2115 24.4102 38.1224 24.2909 38.0809 24.2255L48.2148 17.7987ZM50.0841 23.1663C49.839 21.3571 49.2885 19.4919 48.215 17.7989L38.0808 24.2253C38.0068 24.1087 38.1168 24.2167 38.1928 24.7777L50.0841 23.1663ZM50.0248 28.8184C50.2823 26.9039 50.3395 24.9874 50.0803 23.1389L38.1966 24.8052C38.2669 25.3064 38.2841 26.0876 38.1319 27.2189L50.0248 28.8184ZM49.1233 33.1105C49.5364 31.6478 49.8457 30.2041 50.0288 28.7881L38.1279 27.2492C38.0314 27.9955 37.8545 28.8593 37.575 29.8491L49.1233 33.1105ZM42.8172 30.1886C38.8273 28.4994 34.3752 30.4897 32.8096 34.3523L43.9307 38.86C43.0471 41.04 40.4825 42.2313 38.1389 41.2391L42.8172 30.1886ZM42.8959 30.2219L42.8169 30.1884L38.1393 41.2392L38.2182 41.2727L42.8959 30.2219ZM46.9909 40.1552C48.5308 36.3556 46.8159 31.8812 42.8959 30.2219L38.2182 41.2726C35.9446 40.3102 35.0115 37.7649 35.8695 35.6479L46.9909 40.1552ZM36.9832 44.3192C40.973 46.0082 45.4253 44.0182 46.9909 40.1552L35.8695 35.6479C36.7532 33.4675 39.318 32.2766 41.6614 33.2686L36.9832 44.3192ZM36.9045 44.2858L36.9834 44.3193L41.6611 33.2685L41.5821 33.2351L36.9045 44.2858ZM32.8095 34.3524C31.2694 38.1525 32.9849 42.6264 36.9041 44.2857L41.5825 33.2352C43.8554 34.1975 44.789 36.7424 43.9308 38.8599L32.8095 34.3524Z" fill="white" mask="url(#path-1-outside-1_1233_12577)"/>
6675
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22 6C13.1634 6 6 13.1634 6 22V48C6 56.8366 13.1634 64 22 64H48C56.8366 64 64 56.8366 64 48V22C64 13.1634 56.8366 6 48 6H22ZM43.3492 31.4798C43.1164 32.304 42.2266 32.7122 41.4512 32.3839C40.7521 32.088 40.4018 31.2956 40.5734 30.5424C40.6825 30.0639 40.761 29.6082 40.8092 29.1752C40.9038 28.3504 40.9028 27.6172 40.8061 26.9757C40.7094 26.3342 40.518 25.8027 40.2318 25.3813C39.9545 24.9516 39.5923 24.6421 39.1452 24.4528C38.3507 24.1165 37.4722 24.2491 36.5095 24.8505C35.5509 25.4418 34.5636 26.4892 33.5472 27.9929C32.5352 29.4864 31.5492 31.4173 30.5893 33.7858C29.6127 36.1952 28.9636 38.2987 28.6418 40.0965C28.3289 41.886 28.3066 43.33 28.5747 44.4285C28.8518 45.5187 29.3852 46.231 30.1748 46.5653C30.6124 46.7505 31.0714 46.8007 31.5517 46.7157C32.0409 46.6225 32.5374 46.3943 33.0413 46.031C33.55 45.6698 34.0544 45.1746 34.5546 44.5455C34.8167 44.2201 35.0719 43.8595 35.3205 43.4637C35.7311 42.8097 36.5338 42.5078 37.2329 42.8133C38.0024 43.1494 38.3409 44.0803 37.9267 44.8236C37.4178 45.7366 36.8734 46.586 36.2933 47.3716C35.4331 48.5451 34.5331 49.5214 33.5931 50.3006C32.6572 51.0696 31.7182 51.585 30.7762 51.8469C29.8382 52.0985 28.934 52.04 28.0635 51.6715C26.7791 51.1278 25.8924 50.0016 25.4034 48.2931C24.9143 46.5846 24.87 44.3976 25.2703 41.7323C25.6706 39.0669 26.5564 36.0425 27.9277 32.659C29.3032 29.2653 30.7717 26.4876 32.3333 24.3259C33.8991 22.1539 35.446 20.6405 36.9738 19.7858C38.5018 18.9311 39.9031 18.7736 41.178 19.3133C41.9914 19.6577 42.648 20.2239 43.1479 21.0121C43.6477 21.8003 43.9779 22.7869 44.1385 23.972C44.3032 25.1469 44.2832 26.4957 44.0784 28.0186C43.9385 29.0998 43.6955 30.2535 43.3492 31.4798ZM38.3702 36.6062C38.7112 35.7648 39.6549 35.3653 40.4781 35.7138L40.557 35.7473C41.3803 36.0957 41.7711 37.0602 41.4302 37.9016C41.0892 38.7429 40.1455 39.1424 39.3223 38.7939L39.2433 38.7605C38.4201 38.412 38.0292 37.4474 38.3702 36.6062Z" fill="black" stroke="none"/>
6676
+ <path d="M41.4512 32.3839L43.7905 26.8587L43.79 26.8585L41.4512 32.3839ZM43.3492 31.4798L37.575 29.8491L37.575 29.8493L43.3492 31.4798ZM40.5734 30.5424L46.4234 31.8758L46.4234 31.8755L40.5734 30.5424ZM40.8092 29.1752L34.8483 28.4913L34.847 28.5018L34.8459 28.5124L40.8092 29.1752ZM40.8061 26.9757L34.873 27.8695L34.8731 27.8699L40.8061 26.9757ZM40.2318 25.3813L35.1903 28.6345L35.2285 28.6936L35.268 28.7519L40.2318 25.3813ZM39.1452 24.4528L41.4845 18.9276L41.4842 18.9275L39.1452 24.4528ZM36.5095 24.8505L39.6593 29.9572L39.674 29.9482L39.6886 29.9391L36.5095 24.8505ZM33.5472 27.9929L38.5142 31.3589L38.5183 31.3527L33.5472 27.9929ZM30.5893 33.7858L36.1499 36.0395L36.1499 36.0394L30.5893 33.7858ZM28.6418 40.0965L22.7357 39.0393L22.7335 39.0513L22.7314 39.0632L28.6418 40.0965ZM28.5747 44.4285L22.7459 45.8513L22.7526 45.8788L22.7596 45.9063L28.5747 44.4285ZM30.1748 46.5653L32.5138 41.04L32.5137 41.0399L30.1748 46.5653ZM31.5517 46.7157L32.5973 52.6239L32.636 52.617L32.6746 52.6097L31.5517 46.7157ZM33.0413 46.031L29.567 41.1393L29.5497 41.1516L29.5325 41.164L33.0413 46.031ZM34.5546 44.5455L29.8815 40.7823L29.8698 40.7968L29.8581 40.8115L34.5546 44.5455ZM35.3205 43.4637L40.4017 46.6545L40.4019 46.6542L35.3205 43.4637ZM37.2329 42.8133L34.8307 48.3114L34.8309 48.3115L37.2329 42.8133ZM37.9267 44.8236L43.1677 47.7445L43.1678 47.7443L37.9267 44.8236ZM36.2933 47.3716L31.4664 43.8078L31.4602 43.8161L31.4541 43.8245L36.2933 47.3716ZM33.5931 50.3006L37.4023 54.9363L37.4123 54.9281L37.4222 54.9199L33.5931 50.3006ZM30.7762 51.8469L32.3306 57.642L32.3568 57.635L32.383 57.6277L30.7762 51.8469ZM28.0635 51.6715L25.7245 57.1968L25.7246 57.1968L28.0635 51.6715ZM25.2703 41.7323L19.3369 40.8411L25.2703 41.7323ZM27.9277 32.659L22.3671 30.4053L22.3671 30.4054L27.9277 32.659ZM32.3333 24.3259L37.197 27.8394L37.2005 27.8346L32.3333 24.3259ZM36.9738 19.7858L34.0447 14.5494L34.0446 14.5495L36.9738 19.7858ZM41.178 19.3133L38.839 24.8386L38.839 24.8386L41.178 19.3133ZM43.1479 21.0121L48.215 17.7989L48.2148 17.7987L43.1479 21.0121ZM44.1385 23.972L38.1928 24.7777L38.1947 24.7914L38.1966 24.8052L44.1385 23.972ZM44.0784 28.0186L38.1319 27.2189L38.1299 27.234L38.1279 27.2492L44.0784 28.0186ZM40.4781 35.7138L38.1389 41.2391L38.1393 41.2392L40.4781 35.7138ZM38.3702 36.6062L32.8096 34.3523L32.8095 34.3524L38.3702 36.6062ZM40.557 35.7473L42.8959 30.2219L42.8959 30.2219L40.557 35.7473ZM41.4302 37.9016L35.8695 35.6479L35.8695 35.6479L41.4302 37.9016ZM39.3223 38.7939L41.6614 33.2686L41.6611 33.2685L39.3223 38.7939ZM39.2433 38.7605L36.9041 44.2857L36.9045 44.2858L39.2433 38.7605ZM12 22C12 16.4772 16.4772 12 22 12V0C9.84973 0 0 9.84974 0 22H12ZM12 48V22H0V48H12ZM22 58C16.4772 58 12 53.5228 12 48H0C0 60.1503 9.84974 70 22 70V58ZM48 58H22V70H48V58ZM58 48C58 53.5228 53.5228 58 48 58V70C60.1503 70 70 60.1503 70 48H58ZM58 22V48H70V22H58ZM48 12C53.5228 12 58 16.4772 58 22H70C70 9.84974 60.1503 0 48 0V12ZM22 12H48V0H22V12ZM39.1119 37.9091C43.1283 39.6096 47.8845 37.4976 49.1234 33.1103L37.575 29.8493C38.3484 27.1104 41.325 25.8149 43.7905 26.8587L39.1119 37.9091ZM34.7234 29.2091C33.993 32.4141 35.3893 36.3333 39.1123 37.9093L43.79 26.8585C46.1149 27.8427 46.8106 30.1771 46.4234 31.8758L34.7234 29.2091ZM34.8459 28.5124C34.8257 28.6941 34.7882 28.9249 34.7234 29.2093L46.4234 31.8755C46.5767 31.2029 46.6964 30.5224 46.7724 29.838L34.8459 28.5124ZM34.8731 27.8699C34.8726 27.867 34.8986 28.0529 34.8483 28.4913L46.77 29.8591C46.909 28.6479 46.9329 27.3675 46.7391 26.0815L34.8731 27.8699ZM35.268 28.7519C34.9316 28.2564 34.8747 27.8809 34.873 27.8695L46.7391 26.082C46.5441 24.7875 46.1044 23.349 45.1956 22.0107L35.268 28.7519ZM36.8059 29.978C36.0843 29.6724 35.529 29.1593 35.1903 28.6345L45.2733 22.1281C44.3801 20.7439 43.1004 19.6117 41.4845 18.9276L36.8059 29.978ZM39.6886 29.9391C39.66 29.9569 39.349 30.1478 38.7858 30.2328C38.1645 30.3266 37.4605 30.2551 36.8061 29.9781L41.4842 18.9275C38.3417 17.5971 35.3736 18.4855 33.3305 19.7619L39.6886 29.9391ZM38.5183 31.3527C38.8899 30.803 39.1925 30.4323 39.416 30.1952C39.644 29.9533 39.7309 29.9131 39.6593 29.9572L33.3597 19.7438C31.3676 20.9725 29.8113 22.8056 28.5762 24.6331L38.5183 31.3527ZM36.1499 36.0394C37.0113 33.9142 37.8136 32.3927 38.5142 31.3589L28.5803 24.6269C27.2567 26.5801 26.087 28.9205 25.0286 31.5321L36.1499 36.0394ZM34.5479 41.1536C34.7728 39.8974 35.2698 38.2109 36.1499 36.0395L25.0286 31.5321C23.9556 34.1794 23.1544 36.7001 22.7357 39.0393L34.5479 41.1536ZM34.4036 43.0057C34.4186 43.0671 34.3843 42.9595 34.3897 42.6145C34.3949 42.276 34.4369 41.7892 34.5522 41.1298L22.7314 39.0632C22.3524 41.2312 22.1981 43.6072 22.7459 45.8513L34.4036 43.0057ZM32.5137 41.0399C33.1342 41.3026 33.6409 41.7241 33.9853 42.184C34.2995 42.6036 34.3833 42.9246 34.3899 42.9507L22.7596 45.9063C23.3419 48.1976 24.8058 50.808 27.8359 52.0906L32.5137 41.0399ZM30.5061 40.8075C31.1358 40.6961 31.8549 40.761 32.5138 41.04L27.8358 52.0906C29.37 52.74 31.007 52.9053 32.5973 52.6239L30.5061 40.8075ZM29.5325 41.164C29.5686 41.138 29.8719 40.9278 30.4287 40.8217L32.6746 52.6097C34.2098 52.3172 35.5063 51.6506 36.5501 50.8981L29.5325 41.164ZM29.8581 40.8115C29.7408 40.959 29.6529 41.0531 29.598 41.107C29.543 41.1609 29.5313 41.1647 29.567 41.1393L36.5156 50.9228C37.5941 50.1568 38.4952 49.2303 39.251 48.2796L29.8581 40.8115ZM30.2392 40.2729C30.1009 40.4932 29.9803 40.6596 29.8815 40.7823L39.2277 48.3088C39.653 47.7806 40.0429 47.2258 40.4017 46.6545L30.2392 40.2729ZM39.6351 37.3151C35.8524 35.6624 32.0098 37.4531 30.2391 40.2732L40.4019 46.6542C39.4525 48.1663 37.2151 49.3531 34.8307 48.3114L39.6351 37.3151ZM43.1678 47.7443C45.377 43.78 43.5159 39.0105 39.6349 37.315L34.8309 48.3115C32.489 47.2883 31.3048 44.3806 32.6856 41.9029L43.1678 47.7443ZM41.1202 50.9355C41.862 49.9308 42.5432 48.865 43.1677 47.7445L32.6857 41.9026C32.2924 42.6082 31.8847 43.2411 31.4664 43.8078L41.1202 50.9355ZM37.4222 54.9199C38.8059 53.7729 40.0348 52.4163 41.1325 50.9188L31.4541 43.8245C30.8315 44.6739 30.2603 45.2699 29.764 45.6813L37.4222 54.9199ZM32.383 57.6277C34.299 57.0952 35.9701 56.1132 37.4023 54.9363L29.7838 45.665C29.3444 46.0261 29.1375 46.0749 29.1694 46.066L32.383 57.6277ZM25.7246 57.1968C27.8623 58.1018 30.1391 58.2299 32.3306 57.642L29.2217 46.0518C29.3397 46.0201 29.5351 45.9883 29.7817 46.0042C30.0303 46.0203 30.2447 46.0794 30.4024 46.1462L25.7246 57.1968ZM19.635 49.9442C20.4742 52.8761 22.3289 55.7594 25.7245 57.1968L30.4025 46.1462C30.5433 46.2058 30.6916 46.29 30.8327 46.3985C30.9732 46.5066 31.0778 46.6166 31.1492 46.7073C31.2882 46.8838 31.2516 46.9213 31.1717 46.642L19.635 49.9442ZM19.3369 40.8411C18.8687 43.9582 18.8195 47.0952 19.635 49.9442L31.1717 46.642C31.0091 46.074 30.8713 44.8371 31.2037 42.6235L19.3369 40.8411ZM22.3671 30.4054C20.8764 34.0835 19.8271 37.577 19.3369 40.8411L31.2037 42.6235C31.5141 40.5568 32.2365 38.0016 33.4884 34.9127L22.3671 30.4054ZM27.4697 20.8124C25.5433 23.4789 23.8614 26.7183 22.3671 30.4053L33.4884 34.9127C34.745 31.8123 36 29.4963 37.197 27.8394L27.4697 20.8124ZM34.0446 14.5495C31.4558 15.9977 29.2989 18.2749 27.4662 20.8172L37.2005 27.8346C38.4993 26.0329 39.4362 25.2834 39.9031 25.0222L34.0446 14.5495ZM43.517 13.788C40.0946 12.3392 36.72 13.0529 34.0447 14.5494L39.903 25.0222C40.1329 24.8937 40.1008 24.9599 39.8409 24.9891C39.7081 25.0041 39.5398 25.0061 39.3499 24.979C39.1593 24.9518 38.9856 24.9007 38.839 24.8386L43.517 13.788ZM48.2148 17.7987C47.1009 16.0423 45.5191 14.6356 43.517 13.788L38.839 24.8386C38.6823 24.7723 38.5149 24.6718 38.3621 24.54C38.2115 24.4102 38.1224 24.2909 38.0809 24.2255L48.2148 17.7987ZM50.0841 23.1663C49.839 21.3571 49.2885 19.4919 48.215 17.7989L38.0808 24.2253C38.0068 24.1087 38.1168 24.2167 38.1928 24.7777L50.0841 23.1663ZM50.0248 28.8184C50.2823 26.9039 50.3395 24.9874 50.0803 23.1389L38.1966 24.8052C38.2669 25.3064 38.2841 26.0876 38.1319 27.2189L50.0248 28.8184ZM49.1233 33.1105C49.5364 31.6478 49.8457 30.2041 50.0288 28.7881L38.1279 27.2492C38.0314 27.9955 37.8545 28.8593 37.575 29.8491L49.1233 33.1105ZM42.8172 30.1886C38.8273 28.4994 34.3752 30.4897 32.8096 34.3523L43.9307 38.86C43.0471 41.04 40.4825 42.2313 38.1389 41.2391L42.8172 30.1886ZM42.8959 30.2219L42.8169 30.1884L38.1393 41.2392L38.2182 41.2727L42.8959 30.2219ZM46.9909 40.1552C48.5308 36.3556 46.8159 31.8812 42.8959 30.2219L38.2182 41.2726C35.9446 40.3102 35.0115 37.7649 35.8695 35.6479L46.9909 40.1552ZM36.9832 44.3192C40.973 46.0082 45.4253 44.0182 46.9909 40.1552L35.8695 35.6479C36.7532 33.4675 39.318 32.2766 41.6614 33.2686L36.9832 44.3192ZM36.9045 44.2858L36.9834 44.3193L41.6611 33.2685L41.5821 33.2351L36.9045 44.2858ZM32.8095 34.3524C31.2694 38.1525 32.9849 42.6264 36.9041 44.2857L41.5825 33.2352C43.8554 34.1975 44.789 36.7424 43.9308 38.8599L32.8095 34.3524Z" fill="white" stroke="none" mask="url(#path-1-outside-1_1233_12577)"/>
6677
6677
  </svg>`;
6678
6678
 
6679
6679
  const CapsuleLogo = `<svg width="66" height="18" viewBox="0 0 66 18" fill="currentColor" stroke="none" xmlns="http://www.w3.org/2000/svg">
@@ -16476,6 +16476,7 @@ const CpslInput = class {
16476
16476
  this.enterkeyhint = undefined;
16477
16477
  this.errorText = undefined;
16478
16478
  this.mask = undefined;
16479
+ this.isPhone = undefined;
16479
16480
  this.helperText = undefined;
16480
16481
  this.inputmode = undefined;
16481
16482
  this.label = undefined;
@@ -16510,8 +16511,13 @@ const CpslInput = class {
16510
16511
  var _a;
16511
16512
  if (this.nativeInput) {
16512
16513
  if (this.mask) {
16514
+ const [oldValue, oldCursorPosition] = [this.value, this.nativeInput.selectionEnd];
16513
16515
  Inputmask({ mask: this.mask, showMaskOnHover: false }).mask(this.nativeInput);
16514
16516
  this.nativeInput.inputmask.shadowRoot = this.el.shadowRoot;
16517
+ if (oldCursorPosition === oldValue.length && this.isPhone) {
16518
+ const firstUnderscore = this.nativeInput.value.indexOf('_');
16519
+ this.nativeInput.setSelectionRange(firstUnderscore, firstUnderscore);
16520
+ }
16515
16521
  }
16516
16522
  else {
16517
16523
  if (this.nativeInput.inputmask) {
@@ -16592,7 +16598,7 @@ const CpslInput = class {
16592
16598
  }
16593
16599
  render() {
16594
16600
  var _a, _b;
16595
- return (h(Host, { key: 'b31a6921eaf919f2bf33db3d03c5d1b09bbbd1f8', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (h("label", { key: 'eddafadb3605ae15c958c9c510683b290d5e2956', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '0c6491c38f5eafa6b5bf41bf4fe6c330d3888ca6', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, h("slot", { key: 'efe9461e9e0b0d34238080b34738140bcdf03cac', name: "start" }), h(this.as, { key: 'a617952b57a98163cbc353f5c25054457f61aced', part: "native-input", class: { 'native-input': true }, ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : '', rows: this.rows, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), h("slot", { key: 'be860eb95b869ba544bbd7ee07ca4ff9dc2b419b', name: "end" })), (this.errorText || this.helperText) && (h("div", { key: '719122115300ae56939556d642cc7b987ebd6b9f', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: '92202a20845bd32d17beb48f7175415b3520fd1f' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
16601
+ return (h(Host, { key: 'fba918642761d2d430ce71d0ffb18c103b7cbd46', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value), 'contrast-text': this.contrastText } }, this.label && (h("label", { key: '91ce78dd87eeccbea2769d2fe43a3724fcaa6d3f', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? h("span", { class: "optional-label" }, "(optional)") : '')), h("div", { key: '49abe74e0003f2ad3def70d11bc3e812edf4488b', class: { 'input-container': true, 'error-container': Boolean(this.errorText), 'textarea': this.as === 'textarea' } }, h("slot", { key: '5191799e84eb5a7a62cf966060dae77a9d37d270', name: "start" }), h(this.as, { key: '09a4a3be9bcc9608127634587b4ff86da3304a55', part: "native-input", class: { 'native-input': true }, ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : '', rows: this.rows, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), h("slot", { key: 'b53e9fc972d166a5a3c7795f10cb5ebc9104a3be', name: "end" })), (this.errorText || this.helperText) && (h("div", { key: 'f04d756ef4bd27c4ca9154df5b02806e42b33046', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("span", { key: 'f68e00473cd424ea0654fea61262295b55761d31' }, (_b = this.errorText) !== null && _b !== void 0 ? _b : this.helperText)))));
16596
16602
  }
16597
16603
  get el() { return getElement(this); }
16598
16604
  static get watchers() { return {