@usecapsule/core-components 1.0.8 → 1.0.10
Sign up to get free protection for your applications and to get access to all the features.
- package/css/capsule-core.css +1 -1
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/capsule.esm.js.map +1 -1
- package/dist/capsule/p-bbbfec72.entry.js +20 -0
- package/dist/capsule/p-bbbfec72.entry.js.map +1 -0
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/cpsl-alert_17.cjs.entry.js +45 -50
- package/dist/cjs/cpsl-alert_17.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/icons/hero-passkey.svg +8 -21
- package/dist/collection/assets/icons/more-login-options-dark.svg +12 -10
- package/dist/collection/assets/icons/more-login-options.svg +12 -10
- package/dist/collection/components/cpsl-overlay/cpsl-overlay.css +1 -1
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.js +14 -7
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.js.map +1 -1
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/cpsl-alert_17.entry.js +45 -50
- package/dist/esm/cpsl-alert_17.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/cpsl-tabs/cpsl-tabs.d.ts +1 -0
- package/package.json +2 -2
- package/dist/capsule/p-1fd4cb56.entry.js +0 -20
- package/dist/capsule/p-1fd4cb56.entry.js.map +0 -1
package/dist/cjs/capsule.cjs.js
CHANGED
@@ -19,7 +19,7 @@ const patchBrowser = () => {
|
|
19
19
|
|
20
20
|
patchBrowser().then(async (options) => {
|
21
21
|
await appGlobals.globalScripts();
|
22
|
-
return index.bootstrapLazy([["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-info-box.cjs",[[1,"cpsl-info-box"]]],["cpsl-row.cjs",[[1,"cpsl-row"]]],["cpsl-alert_17.cjs",[[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-input",{"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"errorText":[1,"error-text"],"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],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"]}],[1,"cpsl-slide-button",{"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-alert",{"type":[1],"icon":[1]}],[1,"cpsl-button",{"disabled":[516],"variant":[513]}],[1,"cpsl-divider"],[1,"cpsl-modal",{"footerExpanded":[4,"footer-expanded"],"transitionDuration":[2,"transition-duration"],"noFooter":[32]},null,{"footerExpanded":["toggleHeight"]}],[1,"cpsl-overlay",{"open":[4],"transitionDuration":[2,"transition-duration"]},null,{"open":["toggleHeight"]}],[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]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[
|
22
|
+
return index.bootstrapLazy([["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-info-box.cjs",[[1,"cpsl-info-box"]]],["cpsl-row.cjs",[[1,"cpsl-row"]]],["cpsl-alert_17.cjs",[[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-input",{"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"errorText":[1,"error-text"],"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],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"]}],[1,"cpsl-slide-button",{"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-alert",{"type":[1],"icon":[1]}],[1,"cpsl-button",{"disabled":[516],"variant":[513]}],[1,"cpsl-divider"],[1,"cpsl-modal",{"footerExpanded":[4,"footer-expanded"],"transitionDuration":[2,"transition-duration"],"noFooter":[32]},null,{"footerExpanded":["toggleHeight"]}],[1,"cpsl-overlay",{"open":[4],"transitionDuration":[2,"transition-duration"]},null,{"open":["toggleHeight"]}],[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]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[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]},null,{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-text"],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
|
23
23
|
});
|
24
24
|
|
25
25
|
exports.setNonce = index.setNonce;
|
@@ -353,40 +353,26 @@ const HeroLock = `<svg width="103" height="87" viewBox="0 0 103 87" fill="none"
|
|
353
353
|
</svg>
|
354
354
|
`;
|
355
355
|
|
356
|
-
const HeroPasskey = `<svg width="
|
357
|
-
<path d="M50.4966 52.2249C29.7827 56.3094 10.1481 53.9904 2.50316 52.2387C2.71332 39.0897 13.3791 28.5 26.5 28.5C39.6163 28.5 50.2792 39.0822 50.4966 52.2249Z" fill="url(#
|
358
|
-
<circle cx="27" cy="13" r="12.5" fill="url(#
|
359
|
-
<
|
360
|
-
<path d="M35.65 34.35C35.2165 33.2865 34.9957 32.1484 35 31C35 29.22 35.5278 27.4799 36.5168 25.9999C37.5057 24.5198 38.9113 23.3663 40.5558 22.6851C42.2004 22.0039 44.01 21.8257 45.7558 22.1729C47.5016 22.5202 49.1053 23.3774 50.364 24.636C51.6226 25.8947 52.4798 27.4984 52.8271 29.2442C53.1743 30.99 52.9961 32.7996 52.3149 34.4442C51.6337 36.0887 50.4802 37.4943 49.0001 38.4832C47.5201 39.4722 45.78 40 44 40C42.8516 40.0043 41.7135 39.7835 40.65 39.35L39 41H36V44H33V47H28V42L35.65 34.35Z" fill="url(#paint2_linear_493_28151)"/>
|
361
|
-
<path d="M35.65 34.35C35.2165 33.2865 34.9957 32.1484 35 31C35 29.22 35.5278 27.4799 36.5168 25.9999C37.5057 24.5198 38.9113 23.3663 40.5558 22.6851C42.2004 22.0039 44.01 21.8257 45.7558 22.1729C47.5016 22.5202 49.1053 23.3774 50.364 24.636C51.6226 25.8947 52.4798 27.4984 52.8271 29.2442C53.1743 30.99 52.9961 32.7996 52.3149 34.4442C51.6337 36.0887 50.4802 37.4943 49.0001 38.4832C47.5201 39.4722 45.78 40 44 40C42.8516 40.0043 41.7135 39.7835 40.65 39.35L39 41H36V44H33V47H28V42L35.65 34.35Z" stroke="#272727" stroke-linecap="round" stroke-linejoin="round"/>
|
362
|
-
</g>
|
356
|
+
const HeroPasskey = `<svg width="54" height="55" viewBox="0 0 54 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
357
|
+
<path d="M50.4966 52.2249C29.7827 56.3094 10.1481 53.9904 2.50316 52.2387C2.71332 39.0897 13.3791 28.5 26.5 28.5C39.6163 28.5 50.2792 39.0822 50.4966 52.2249Z" fill="url(#paint0_linear_844_10645)" stroke="#DADADA"/>
|
358
|
+
<circle cx="27" cy="13" r="12.5" fill="url(#paint1_linear_844_10645)" stroke="#DADADA"/>
|
359
|
+
<path opacity="0.8" d="M35.65 34.35C35.2165 33.2865 34.9957 32.1484 35 31C35 29.22 35.5278 27.4799 36.5168 25.9999C37.5057 24.5198 38.9113 23.3663 40.5558 22.6851C42.2004 22.0039 44.01 21.8257 45.7558 22.1729C47.5016 22.5202 49.1053 23.3774 50.364 24.636C51.6226 25.8947 52.4798 27.4984 52.8271 29.2442C53.1743 30.99 52.9961 32.7996 52.3149 34.4442C51.6337 36.0887 50.4802 37.4943 49.0001 38.4832C47.5201 39.4722 45.78 40 44 40C42.8516 40.0043 41.7135 39.7835 40.65 39.35L39 41H36V44H33V47H28V42L35.65 34.35Z" fill="url(#paint2_linear_844_10645)" stroke="#272727" stroke-linecap="round" stroke-linejoin="round"/>
|
363
360
|
<path opacity="0.8" d="M46 35C47.1046 35 48 34.1046 48 33C48 31.8954 47.1046 31 46 31C44.8954 31 44 31.8954 44 33C44 34.1046 44.8954 35 46 35Z" fill="#272727"/>
|
364
361
|
<defs>
|
365
|
-
<
|
366
|
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
367
|
-
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
368
|
-
<feOffset dy="4"/>
|
369
|
-
<feGaussianBlur stdDeviation="2"/>
|
370
|
-
<feComposite in2="hardAlpha" operator="out"/>
|
371
|
-
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
372
|
-
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_493_28151"/>
|
373
|
-
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_493_28151" result="shape"/>
|
374
|
-
</filter>
|
375
|
-
<linearGradient id="paint0_linear_493_28151" x1="26.5" y1="28" x2="26.5" y2="55" gradientUnits="userSpaceOnUse">
|
362
|
+
<linearGradient id="paint0_linear_844_10645" x1="26.5" y1="28" x2="26.5" y2="55" gradientUnits="userSpaceOnUse">
|
376
363
|
<stop stop-color="#F0F0F0"/>
|
377
364
|
<stop offset="1" stop-color="#D6D6D6"/>
|
378
365
|
</linearGradient>
|
379
|
-
<linearGradient id="
|
366
|
+
<linearGradient id="paint1_linear_844_10645" x1="27" y1="0" x2="27" y2="12.4348" gradientUnits="userSpaceOnUse">
|
380
367
|
<stop stop-color="#F6F6F6"/>
|
381
368
|
<stop offset="1" stop-color="#E1E0E0"/>
|
382
369
|
</linearGradient>
|
383
|
-
<linearGradient id="
|
370
|
+
<linearGradient id="paint2_linear_844_10645" x1="48" y1="26.5" x2="30" y2="45" gradientUnits="userSpaceOnUse">
|
384
371
|
<stop stop-color="#666666"/>
|
385
372
|
<stop offset="1" stop-color="#2C2C2C"/>
|
386
373
|
</linearGradient>
|
387
374
|
</defs>
|
388
|
-
</svg
|
389
|
-
`;
|
375
|
+
</svg>`;
|
390
376
|
|
391
377
|
const HeroPhone = `<svg width="53" height="55" viewBox="0 0 53 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
392
378
|
<rect x="5.5" y="0.5" width="29" height="54" rx="3.5" fill="url(#paint0_linear_493_27223)" stroke="#E9E9E9"/>
|
@@ -518,29 +504,33 @@ const Mail = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke
|
|
518
504
|
</svg>
|
519
505
|
`;
|
520
506
|
|
521
|
-
const MoreLoginOptionsDark = `<svg width="
|
522
|
-
<
|
523
|
-
<path d="
|
524
|
-
<path d="
|
525
|
-
<path d="
|
526
|
-
<path d="
|
527
|
-
<path d="
|
528
|
-
<path d="
|
529
|
-
<path d="
|
530
|
-
<path d="
|
507
|
+
const MoreLoginOptionsDark = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
508
|
+
<g id="Group 4">
|
509
|
+
<path id="Vector" d="M2.1 16C2.98366 16 3.7 15.2836 3.7 14.4C3.7 13.5163 2.98366 12.8 2.1 12.8C1.21634 12.8 0.5 13.5163 0.5 14.4C0.5 15.2836 1.21634 16 2.1 16Z" fill="#808080"/>
|
510
|
+
<path id="Vector_2" d="M2.1 9.60002C2.98366 9.60002 3.7 8.88368 3.7 8.00002C3.7 7.11637 2.98366 6.40002 2.1 6.40002C1.21634 6.40002 0.5 7.11637 0.5 8.00002C0.5 8.88368 1.21634 9.60002 2.1 9.60002Z" fill="#808080"/>
|
511
|
+
<path id="Vector_3" d="M2.1 3.2C2.98366 3.2 3.7 2.48366 3.7 1.6C3.7 0.716344 2.98366 0 2.1 0C1.21634 0 0.5 0.716344 0.5 1.6C0.5 2.48366 1.21634 3.2 2.1 3.2Z" fill="#808080"/>
|
512
|
+
<path id="Vector_4" d="M8.4999 16C9.38356 16 10.0999 15.2836 10.0999 14.4C10.0999 13.5163 9.38356 12.8 8.4999 12.8C7.61625 12.8 6.8999 13.5163 6.8999 14.4C6.8999 15.2836 7.61625 16 8.4999 16Z" fill="#808080"/>
|
513
|
+
<path id="Vector_5" d="M8.4999 9.60002C9.38356 9.60002 10.0999 8.88368 10.0999 8.00002C10.0999 7.11637 9.38356 6.40002 8.4999 6.40002C7.61625 6.40002 6.8999 7.11637 6.8999 8.00002C6.8999 8.88368 7.61625 9.60002 8.4999 9.60002Z" fill="#808080"/>
|
514
|
+
<path id="Vector_6" d="M8.4999 3.2C9.38356 3.2 10.0999 2.48366 10.0999 1.6C10.0999 0.716344 9.38356 0 8.4999 0C7.61625 0 6.8999 0.716344 6.8999 1.6C6.8999 2.48366 7.61625 3.2 8.4999 3.2Z" fill="#808080"/>
|
515
|
+
<path id="Vector_7" d="M14.9 16C15.7837 16 16.5 15.2836 16.5 14.4C16.5 13.5163 15.7837 12.8 14.9 12.8C14.0164 12.8 13.3 13.5163 13.3 14.4C13.3 15.2836 14.0164 16 14.9 16Z" fill="#808080"/>
|
516
|
+
<path id="Vector_8" d="M14.9 9.60002C15.7837 9.60002 16.5 8.88368 16.5 8.00002C16.5 7.11637 15.7837 6.40002 14.9 6.40002C14.0164 6.40002 13.3 7.11637 13.3 8.00002C13.3 8.88368 14.0164 9.60002 14.9 9.60002Z" fill="#808080"/>
|
517
|
+
<path id="Vector_9" d="M14.9 3.2C15.7837 3.2 16.5 2.48366 16.5 1.6C16.5 0.716344 15.7837 0 14.9 0C14.0164 0 13.3 0.716344 13.3 1.6C13.3 2.48366 14.0164 3.2 14.9 3.2Z" fill="#808080"/>
|
518
|
+
</g>
|
531
519
|
</svg>
|
532
520
|
`;
|
533
521
|
|
534
|
-
const MoreLoginOptions = `<svg width="
|
535
|
-
<
|
536
|
-
<path d="
|
537
|
-
<path d="
|
538
|
-
<path d="
|
539
|
-
<path d="
|
540
|
-
<path d="
|
541
|
-
<path d="
|
542
|
-
<path d="
|
543
|
-
<path d="
|
522
|
+
const MoreLoginOptions = `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
523
|
+
<g id="Group 4">
|
524
|
+
<path id="Vector" d="M2.1 16C2.98366 16 3.7 15.2836 3.7 14.4C3.7 13.5163 2.98366 12.8 2.1 12.8C1.21634 12.8 0.5 13.5163 0.5 14.4C0.5 15.2836 1.21634 16 2.1 16Z" fill="#808080"/>
|
525
|
+
<path id="Vector_2" d="M2.1 9.60002C2.98366 9.60002 3.7 8.88368 3.7 8.00002C3.7 7.11637 2.98366 6.40002 2.1 6.40002C1.21634 6.40002 0.5 7.11637 0.5 8.00002C0.5 8.88368 1.21634 9.60002 2.1 9.60002Z" fill="#808080"/>
|
526
|
+
<path id="Vector_3" d="M2.1 3.2C2.98366 3.2 3.7 2.48366 3.7 1.6C3.7 0.716344 2.98366 0 2.1 0C1.21634 0 0.5 0.716344 0.5 1.6C0.5 2.48366 1.21634 3.2 2.1 3.2Z" fill="#808080"/>
|
527
|
+
<path id="Vector_4" d="M8.4999 16C9.38356 16 10.0999 15.2836 10.0999 14.4C10.0999 13.5163 9.38356 12.8 8.4999 12.8C7.61625 12.8 6.8999 13.5163 6.8999 14.4C6.8999 15.2836 7.61625 16 8.4999 16Z" fill="#808080"/>
|
528
|
+
<path id="Vector_5" d="M8.4999 9.60002C9.38356 9.60002 10.0999 8.88368 10.0999 8.00002C10.0999 7.11637 9.38356 6.40002 8.4999 6.40002C7.61625 6.40002 6.8999 7.11637 6.8999 8.00002C6.8999 8.88368 7.61625 9.60002 8.4999 9.60002Z" fill="#808080"/>
|
529
|
+
<path id="Vector_6" d="M8.4999 3.2C9.38356 3.2 10.0999 2.48366 10.0999 1.6C10.0999 0.716344 9.38356 0 8.4999 0C7.61625 0 6.8999 0.716344 6.8999 1.6C6.8999 2.48366 7.61625 3.2 8.4999 3.2Z" fill="#808080"/>
|
530
|
+
<path id="Vector_7" d="M14.9 16C15.7837 16 16.5 15.2836 16.5 14.4C16.5 13.5163 15.7837 12.8 14.9 12.8C14.0164 12.8 13.3 13.5163 13.3 14.4C13.3 15.2836 14.0164 16 14.9 16Z" fill="#808080"/>
|
531
|
+
<path id="Vector_8" d="M14.9 9.60002C15.7837 9.60002 16.5 8.88368 16.5 8.00002C16.5 7.11637 15.7837 6.40002 14.9 6.40002C14.0164 6.40002 13.3 7.11637 13.3 8.00002C13.3 8.88368 14.0164 9.60002 14.9 9.60002Z" fill="#808080"/>
|
532
|
+
<path id="Vector_9" d="M14.9 3.2C15.7837 3.2 16.5 2.48366 16.5 1.6C16.5 0.716344 15.7837 0 14.9 0C14.0164 0 13.3 0.716344 13.3 1.6C13.3 2.48366 14.0164 3.2 14.9 3.2Z" fill="#808080"/>
|
533
|
+
</g>
|
544
534
|
</svg>
|
545
535
|
`;
|
546
536
|
|
@@ -7090,7 +7080,7 @@ const CpslModal = class {
|
|
7090
7080
|
};
|
7091
7081
|
CpslModal.style = CpslModalStyle0;
|
7092
7082
|
|
7093
|
-
const cpslOverlayCss = ":host{position:fixed;width:100%;height:100%;top:0;left:0;z-index:
|
7083
|
+
const cpslOverlayCss = ":host{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999999999;opacity:0%;display:none;background-color:var(--cpsl-color-alpha-black-50)}";
|
7094
7084
|
const CpslOverlayStyle0 = cpslOverlayCss;
|
7095
7085
|
|
7096
7086
|
const CpslOverlay = class {
|
@@ -7401,14 +7391,21 @@ const CpslTabs = class {
|
|
7401
7391
|
this.selectedTabRect = getTab(this.tabs, this.selectedTab).getBoundingClientRect();
|
7402
7392
|
}, 50);
|
7403
7393
|
}
|
7394
|
+
updateTab(newValue, oldValue) {
|
7395
|
+
if (Boolean(newValue) && !Boolean(oldValue)) {
|
7396
|
+
this.selectedTabRect = getTab(this.tabs, this.selectedTab).getBoundingClientRect();
|
7397
|
+
}
|
7398
|
+
}
|
7404
7399
|
componentWillLoad() {
|
7405
|
-
|
7400
|
+
var _a, _b;
|
7401
|
+
this.selectedTabRect = (_b = (_a = getTab(this.tabs, this.selectedTab)) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) !== null && _b !== void 0 ? _b : { width: 0, x: 0 };
|
7406
7402
|
this.cpslTabsInit.emit({
|
7407
7403
|
tab: this.selectedTab,
|
7408
7404
|
});
|
7409
7405
|
}
|
7410
7406
|
componentDidLoad() {
|
7411
|
-
|
7407
|
+
var _a, _b;
|
7408
|
+
this.selectedTabRect = (_b = (_a = getTab(this.tabs, this.selectedTab)) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) !== null && _b !== void 0 ? _b : { width: 0, x: 0 };
|
7412
7409
|
setTimeout(() => {
|
7413
7410
|
this.loaded = true;
|
7414
7411
|
}, 50);
|
@@ -7420,18 +7417,16 @@ const CpslTabs = class {
|
|
7420
7417
|
const tabsPosition = this.el.getBoundingClientRect();
|
7421
7418
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
|
7422
7419
|
const selectedTabRect = this.selectedTabRect;
|
7423
|
-
return (index.h(index.Host, { key: '
|
7420
|
+
return (index.h(index.Host, { key: '0ed728859b1d8e218bda3fdc4022cdd061552d8d', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: 'b2cc2886ff4523c227b713385577375df9c1b4e7', class: "tabs-container" }, index.h("slot", { key: '591895925b58373da582610cf775d1828179b395' }), index.h("div", { key: '57bd7718e0525fdd20eaa5b005fc8d33408f45f8', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
|
7424
7421
|
}
|
7425
7422
|
get el() { return index.getElement(this); }
|
7426
7423
|
static get watchers() { return {
|
7427
|
-
"fullWidth": ["updateSlider"]
|
7424
|
+
"fullWidth": ["updateSlider"],
|
7425
|
+
"selectedTab": ["updateTab"]
|
7428
7426
|
}; }
|
7429
7427
|
};
|
7430
7428
|
const getTab = (tabs, tab) => {
|
7431
7429
|
const tabEl = typeof tab === 'string' ? tabs.find(t => t.tab === tab) : tab;
|
7432
|
-
if (!tabEl) {
|
7433
|
-
console.error(`tab with id: "${tabEl}" does not exist`);
|
7434
|
-
}
|
7435
7430
|
return tabEl;
|
7436
7431
|
};
|
7437
7432
|
CpslTabs.style = CpslTabsStyle0;
|