@usecapsule/core-components 1.0.5 → 1.0.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/p-1dc07cd7.entry.js +2 -0
- package/dist/capsule/p-1dc07cd7.entry.js.map +1 -0
- package/dist/capsule/{p-6cefcb35.entry.js → p-3fe3160e.entry.js} +4 -4
- package/dist/capsule/p-3fe3160e.entry.js.map +1 -0
- package/dist/capsule/p-5c020abe.entry.js +2 -0
- package/dist/cjs/cpsl-alert_17.cjs.entry.js +14 -24
- package/dist/cjs/cpsl-alert_17.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-info-box.cjs.entry.js +2 -2
- package/dist/cjs/cpsl-info-box.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-row.cjs.entry.js +1 -1
- package/dist/collection/assets/icons/index.js +1 -3
- package/dist/collection/assets/icons/index.js.map +1 -1
- package/dist/collection/assets/icons/twitter-brand.svg +1 -1
- package/dist/collection/assets/icons/twitter.svg +1 -1
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
- package/dist/collection/components/cpsl-icon/cpsl-icon.js +1 -1
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.css +3 -0
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js +1 -1
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js.map +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +2 -2
- package/dist/collection/components/cpsl-modal/cpsl-modal.js +1 -1
- package/dist/collection/components/cpsl-overlay/cpsl-overlay.js +1 -1
- package/dist/collection/components/cpsl-pill/cpsl-pill.js +1 -1
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
- package/dist/collection/components/cpsl-row/cpsl-row.js +1 -1
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +3 -3
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +2 -2
- package/dist/collection/components/cpsl-tab/cpsl-tab.js +1 -1
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.js +1 -1
- package/dist/collection/components/cpsl-text/cpsl-text.js +1 -1
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +2 -2
- package/dist/esm/cpsl-alert_17.entry.js +14 -24
- package/dist/esm/cpsl-alert_17.entry.js.map +1 -1
- package/dist/esm/cpsl-info-box.entry.js +2 -2
- package/dist/esm/cpsl-info-box.entry.js.map +1 -1
- package/dist/esm/cpsl-row.entry.js +1 -1
- package/dist/types/assets/icons/index.d.ts +0 -2
- package/package.json +2 -2
- package/dist/capsule/p-6cefcb35.entry.js.map +0 -1
- package/dist/capsule/p-b7cb3ddd.entry.js +0 -2
- package/dist/capsule/p-d871d963.entry.js +0 -2
- package/dist/capsule/p-d871d963.entry.js.map +0 -1
- package/dist/collection/assets/icons/x-brand.svg +0 -3
- package/dist/collection/assets/icons/x.svg +0 -3
- /package/dist/capsule/{p-b7cb3ddd.entry.js.map → p-5c020abe.entry.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,h as e,H as s}from"./p-9647dd63.js";const c=":host{display:flex;flex-wrap:wrap}";const r=c;const o=class{constructor(e){a(this,e)}render(){return e(s,{key:"6b0ced877619502c78baeccaceaf68f1feed6ea7"},e("slot",{key:"d132ce91967ad16904886baa14149ac8990d314f"}))}};o.style=r;export{o as cpsl_row};
|
|
2
|
+
//# sourceMappingURL=p-5c020abe.entry.js.map
|
|
@@ -679,21 +679,11 @@ const Tumblr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentCol
|
|
|
679
679
|
`;
|
|
680
680
|
|
|
681
681
|
const TwitterBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
682
|
-
<path d="M7.54752 21.7507C16.6042 21.7507 21.5578 14.2473 21.5578 7.74046C21.5578 7.52734 21.5578 7.31518 21.5434 7.10398C22.507 6.40693 23.3389 5.54386 24 4.55518C23.1014 4.95358 22.148 5.21473 21.1718 5.3299C22.1998 4.71459 22.9692 3.74668 23.3366 2.60638C22.3701 3.17999 21.3126 3.58421 20.2099 3.80158C19.4675 3.01216 18.4856 2.48942 17.4162 2.31426C16.3468 2.13911 15.2494 2.32129 14.294 2.83263C13.3385 3.34397 12.5782 4.15595 12.1307 5.14293C11.6833 6.1299 11.5735 7.23684 11.8186 8.29246C9.8609 8.19426 7.94576 7.68549 6.19745 6.79918C4.44915 5.91288 2.90676 4.66884 1.6704 3.14782C1.04073 4.23181 0.847872 5.51505 1.1311 6.73624C1.41433 7.95744 2.15234 9.02477 3.19488 9.72094C2.41123 9.69798 1.64465 9.48657 0.96 9.10462V9.16702C0.960311 10.3039 1.35385 11.4056 2.07387 12.2854C2.79389 13.1652 3.79606 13.7688 4.9104 13.9939C4.18548 14.1916 3.42487 14.2205 2.68704 14.0784C3.00181 15.0567 3.61443 15.9122 4.43924 16.5253C5.26405 17.1384 6.25983 17.4785 7.28736 17.4979C6.26644 18.3004 5.09731 18.8937 3.84687 19.2439C2.59643 19.5941 1.28921 19.6943 0 19.5389C2.25183 20.9839 4.87192 21.7504 7.54752 21.7469" fill="#1DA1F2"/>
|
|
683
|
-
</svg>
|
|
684
|
-
`;
|
|
685
|
-
|
|
686
|
-
const Twitter = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
687
|
-
<path d="M7.55016 21.75C16.6045 21.75 21.5583 14.2468 21.5583 7.74192C21.5583 7.53098 21.5536 7.31536 21.5442 7.10442C22.5079 6.40752 23.3395 5.54432 24 4.55536C23.1025 4.95466 22.1496 5.21544 21.1739 5.3288C22.2013 4.71297 22.9705 3.74553 23.3391 2.60583C22.3726 3.17862 21.3156 3.58267 20.2134 3.80067C19.4708 3.01162 18.489 2.48918 17.4197 2.31411C16.3504 2.13905 15.2532 2.32111 14.2977 2.83216C13.3423 3.3432 12.5818 4.15477 12.1338 5.14137C11.6859 6.12798 11.5754 7.23468 11.8195 8.29036C9.86249 8.19215 7.94794 7.68377 6.19998 6.79816C4.45203 5.91255 2.90969 4.6695 1.67297 3.14958C1.0444 4.2333 0.852057 5.51571 1.13503 6.73615C1.418 7.9566 2.15506 9.02351 3.19641 9.72005C2.41463 9.69523 1.64998 9.48474 0.965625 9.10598V9.16692C0.964925 10.3042 1.3581 11.4066 2.07831 12.2868C2.79852 13.167 3.80132 13.7706 4.91625 13.995C4.19206 14.1932 3.43198 14.2221 2.69484 14.0794C3.00945 15.0575 3.62157 15.913 4.44577 16.5264C5.26997 17.1398 6.26512 17.4807 7.29234 17.5013C5.54842 18.8712 3.39417 19.6142 1.17656 19.6107C0.783287 19.6101 0.390399 19.586 0 19.5385C2.25286 20.9838 4.87353 21.7514 7.55016 21.75Z" />
|
|
688
|
-
</svg>
|
|
689
|
-
`;
|
|
690
|
-
|
|
691
|
-
const XBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
692
682
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9455 23L10.396 15.0901L3.44886 23H0.509766L9.09209 13.2311L0.509766 1H8.05571L13.286 8.45502L19.8393 1H22.7784L14.5943 10.3165L23.4914 23H15.9455ZM19.2185 20.77H17.2398L4.71811 3.23H6.6971L11.7121 10.2532L12.5793 11.4719L19.2185 20.77Z" fill="#242E36"/>
|
|
693
683
|
</svg>
|
|
694
684
|
`;
|
|
695
685
|
|
|
696
|
-
const
|
|
686
|
+
const Twitter = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
697
687
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9455 23L10.396 15.0901L3.44886 23H0.509766L9.09209 13.2311L0.509766 1H8.05571L13.286 8.45502L19.8393 1H22.7784L14.5943 10.3165L23.4914 23H15.9455ZM19.2185 20.77H17.2398L4.71811 3.23H6.6971L11.7121 10.2532L12.5793 11.4719L19.2185 20.77Z" />
|
|
698
688
|
</svg>
|
|
699
689
|
`;
|
|
@@ -716,7 +706,7 @@ const Youtube = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentCo
|
|
|
716
706
|
</svg>
|
|
717
707
|
`;
|
|
718
708
|
|
|
719
|
-
const Icons = { alertCircle: AlertCircle, angelListBrand: AngelListBrand, angelList: AngelList, appleBrand: AppleBrand, apple: Apple, arrowNarrow: ArrowNarrow, arrow: Arrow, backupKit: BackupKit, capsuleLogo: CapsuleLogo, capsuleRings: CapsuleRings, capsule: Capsule, check: Check, clock: Clock, close: Close, clubhouseBrand: ClubhouseBrand, clubhouse: Clubhouse, copy: Copy, discordBrand: DiscordBrand, discord: Discord, downloadCloud: DownloadCloud, dribbbleBrand: DribbbleBrand, dribbble: Dribbble, eyeOff: EyeOff, eye: Eye, facebookBrand: FacebookBrand, facebook: Facebook, figmaBrand: FigmaBrand, figma: Figma, githubBrand: GithubBrand, github: Github, googleBrand: GoogleBrand, google: Google, helpCircle: HelpCircle, heroEmail: HeroEmail, heroLock: HeroLock, heroPasskey: HeroPasskey, heroPhone: HeroPhone, heroWallet: HeroWallet, infoCircle: InfoCircle, instagramBrand: InstagramBrand, instagram: Instagram, key: Key, linkedinBrand: LinkedinBrand, linkedin: Linkedin, mail: Mail, moreLoginOptionsDark: MoreLoginOptionsDark, moreLoginOptions: MoreLoginOptions, phone: Phone, pintrestBrand: PintrestBrand, pintrest: Pintrest, redditBrand: RedditBrand, reddit: Reddit, signalBrand: SignalBrand, signal: Signal, snapchatBrand: SnapchatBrand, snapchat: Snapchat, telegramBrand: TelegramBrand, telegram: Telegram, tikTokBrand: TikTokBrand, tikTok: TikTok, tumblrBrand: TumblrBrand, tumblr: Tumblr, twitterBrand: TwitterBrand, twitter: Twitter,
|
|
709
|
+
const Icons = { alertCircle: AlertCircle, angelListBrand: AngelListBrand, angelList: AngelList, appleBrand: AppleBrand, apple: Apple, arrowNarrow: ArrowNarrow, arrow: Arrow, backupKit: BackupKit, capsuleLogo: CapsuleLogo, capsuleRings: CapsuleRings, capsule: Capsule, check: Check, clock: Clock, close: Close, clubhouseBrand: ClubhouseBrand, clubhouse: Clubhouse, copy: Copy, discordBrand: DiscordBrand, discord: Discord, downloadCloud: DownloadCloud, dribbbleBrand: DribbbleBrand, dribbble: Dribbble, eyeOff: EyeOff, eye: Eye, facebookBrand: FacebookBrand, facebook: Facebook, figmaBrand: FigmaBrand, figma: Figma, githubBrand: GithubBrand, github: Github, googleBrand: GoogleBrand, google: Google, helpCircle: HelpCircle, heroEmail: HeroEmail, heroLock: HeroLock, heroPasskey: HeroPasskey, heroPhone: HeroPhone, heroWallet: HeroWallet, infoCircle: InfoCircle, instagramBrand: InstagramBrand, instagram: Instagram, key: Key, linkedinBrand: LinkedinBrand, linkedin: Linkedin, mail: Mail, moreLoginOptionsDark: MoreLoginOptionsDark, moreLoginOptions: MoreLoginOptions, phone: Phone, pintrestBrand: PintrestBrand, pintrest: Pintrest, redditBrand: RedditBrand, reddit: Reddit, signalBrand: SignalBrand, signal: Signal, snapchatBrand: SnapchatBrand, snapchat: Snapchat, telegramBrand: TelegramBrand, telegram: Telegram, tikTokBrand: TikTokBrand, tikTok: TikTok, tumblrBrand: TumblrBrand, tumblr: Tumblr, twitterBrand: TwitterBrand, twitter: Twitter, youtubeBrand: YoutubeBrand, youtube: Youtube, };
|
|
720
710
|
|
|
721
711
|
const cpslAlertCss = ":host{--container-gap:8px;--container-padding-top:4px;--container-padding-bottom:4px;--container-padding-start:16px;--container-padding-end:16px;--container-font-size:clamp(12px, 0.75rem, 18px);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-alert);display:inline-block;font-family:var(--cpsl-font-family, inherit)}:host(.error){--container-background-color:var(--cpsl-color-alert-surface-error);--container-border-color:var(--cpsl-color-alert-border-error);--container-color:var(--cpsl-color-text-error)}.alert-container{border-radius:var(--container-border-radius);-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);font-size:var(--container-font-size);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--container-gap);border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);background-color:var(--container-background-color);color:var(--container-color)}.icon{display:flex}";
|
|
722
712
|
const CpslAlertStyle0 = cpslAlertCss;
|
|
@@ -1000,7 +990,7 @@ const CpslInput = class {
|
|
|
1000
990
|
}
|
|
1001
991
|
render() {
|
|
1002
992
|
var _a;
|
|
1003
|
-
return (index.h(index.Host, { key: '
|
|
993
|
+
return (index.h(index.Host, { key: '2627de83fa1973eac8002f4807c4f2319a7541cf', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (index.h("label", { class: "label", htmlFor: this.inputId }, this.label)), index.h("div", { key: '9f2eaa8fe2a2fa67dcd61e69cd43698c33829d48', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: 'cc4d99747dcc55aa2dc27a58244bd0dbdc872332', name: "start" }), index.h("input", { key: '52ba9b2248af07ee072628fd0207d1b965d44829', class: "native-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: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("slot", { key: 'b15d92b44f321351e3a8465b7c7c3409305e0196', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), index.h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
|
|
1004
994
|
}
|
|
1005
995
|
get el() { return index.getElement(this); }
|
|
1006
996
|
static get watchers() { return {
|
|
@@ -7091,7 +7081,7 @@ const CpslModal = class {
|
|
|
7091
7081
|
return this.el.shadowRoot.getElementById('modal-header-expanded');
|
|
7092
7082
|
}
|
|
7093
7083
|
render() {
|
|
7094
|
-
return (index.h(index.Host, { key: '
|
|
7084
|
+
return (index.h(index.Host, { key: 'aa5c26013878e80fe58a2826d4cae04db88dace3' }, index.h("div", { key: '5deda08b40a3e034e1c1b412eb7ab0c7780b4f53', class: { 'modal-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '6f5340b60ded651410a3eec83ecca3ee0e24f643', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, index.h("div", { key: '632ecd039ac402971cd3f15efb30fc527402f0cd', id: "modal-header", class: "no-overflow" }, index.h("slot", { key: 'af0d35f477ff94d7f65b3bd81b845819ba8c8439', name: "header" })), index.h("div", { key: '6116bba4b65cebb91fd283106a58915216e5d828', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'd7cd88d70a15e2a02bc590422913c481f0b61a2e', name: "footerExpandedHeader" })), index.h("div", { key: '72e1ede4c4754526c83f2723d322717d8888bf6d', id: "modal-body", class: "no-overflow" }, index.h("slot", { key: '66c63bb06b6b4ccce422855ecb483ab42ca6e27e', name: "body" }))), index.h("div", { key: 'fec82340b95072a6d3167fda064082005f760661', id: "modal-footer", class: "no-overflow" }, index.h("slot", { key: 'bcd91a6cf6ef753e4b0fbb163e93984a9afa15ca', name: "footer" })), index.h("div", { key: 'a39a058058adedb6494c307729823467d6c45df7', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, index.h("slot", { key: 'd5f0d390de50e0706358bd033655047c742298e2', name: "footerExpandedFooter" })))));
|
|
7095
7085
|
}
|
|
7096
7086
|
get el() { return index.getElement(this); }
|
|
7097
7087
|
static get watchers() { return {
|
|
@@ -7131,7 +7121,7 @@ const CpslOverlay = class {
|
|
|
7131
7121
|
}
|
|
7132
7122
|
}
|
|
7133
7123
|
render() {
|
|
7134
|
-
return (index.h(index.Host, { key: '
|
|
7124
|
+
return (index.h(index.Host, { key: '55a5b7f277d010d63f1e991d210b038c393fb387' }, index.h("slot", { key: '59957e5f35e8b007ba32177672870d7240ca501c' })));
|
|
7135
7125
|
}
|
|
7136
7126
|
get el() { return index.getElement(this); }
|
|
7137
7127
|
static get watchers() { return {
|
|
@@ -7149,7 +7139,7 @@ const CpslPill = class {
|
|
|
7149
7139
|
this.text = undefined;
|
|
7150
7140
|
}
|
|
7151
7141
|
render() {
|
|
7152
|
-
return (index.h(index.Host, { key: '
|
|
7142
|
+
return (index.h(index.Host, { key: 'd82e8cf09017e22aab2c4e4d42295310116aad3c' }, index.h("div", { key: 'f7ec5045fdcf0d69873f5ddbfc46976a8c3bbacb', class: "pill-container" }, index.h("span", { key: 'd715965cf771800ad57f63509865d47a7344da95' }, this.text))));
|
|
7153
7143
|
}
|
|
7154
7144
|
};
|
|
7155
7145
|
CpslPill.style = CpslPillStyle0;
|
|
@@ -7228,7 +7218,7 @@ const CpslQrCode = class {
|
|
|
7228
7218
|
qrCode.append(container);
|
|
7229
7219
|
}
|
|
7230
7220
|
render() {
|
|
7231
|
-
return (index.h(index.Host, { key: '
|
|
7221
|
+
return (index.h(index.Host, { key: 'c26c87e8a22d8134a60f9efebd1e27169d59cb0c' }, index.h("div", { key: 'd9a8ede7f1ffbcd80d58b916d38f38fea7fc4f74', id: "qr-container", class: "qr-container" })));
|
|
7232
7222
|
}
|
|
7233
7223
|
get el() { return index.getElement(this); }
|
|
7234
7224
|
};
|
|
@@ -7324,7 +7314,7 @@ const CpslSlideButton = class {
|
|
|
7324
7314
|
return this.el.shadowRoot.getElementById('end-icon');
|
|
7325
7315
|
}
|
|
7326
7316
|
render() {
|
|
7327
|
-
return (index.h(index.Host, { key: '
|
|
7317
|
+
return (index.h(index.Host, { key: '3025e2306923953edd5857009828af027cd0d561' }, index.h("div", { key: '5557072bcccfc099af005fed9af45adf335a98dd', id: "slider-container", class: "slider-container" }, index.h("div", { key: '39e1b5d2123eda0a004c0f250c8afa66b53768f4', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: '80486f55315077693d481e193eba1bf37acd5afd', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), index.h("div", { key: 'c13596a1a117aa3e5674d5a91c0ec38ff9ac7a49', id: "slider", class: "slider" }, index.h("cpsl-icon", { key: 'd2d78f42e65efd180c9dd106738341cf0aee6f27', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), index.h("cpsl-icon", { key: '63f9ce569084f2541c69028aedc949b3ecccac0c', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), index.h("span", { key: '9bead9870b949f91734c4199d9c96f7b50a10128', id: "start-text", class: "start-text" }, this.startText), index.h("span", { key: '8dfa1e9e0866a74f72d27b2541a4ac9d56038d34', id: "end-text", class: "end-text" }, this.endText))));
|
|
7328
7318
|
}
|
|
7329
7319
|
get el() { return index.getElement(this); }
|
|
7330
7320
|
};
|
|
@@ -7340,13 +7330,13 @@ const CpslSpinner = class {
|
|
|
7340
7330
|
this.speed = 1;
|
|
7341
7331
|
}
|
|
7342
7332
|
render() {
|
|
7343
|
-
return (index.h(index.Host, { key: '
|
|
7333
|
+
return (index.h(index.Host, { key: 'c67c084c1bae79ba255ca736de4721d1f6ea928d', style: {
|
|
7344
7334
|
'height': `${this.size}px`,
|
|
7345
7335
|
'width': `${this.size}px`,
|
|
7346
7336
|
'animation': `spin ${this.speed}s linear infinite`,
|
|
7347
7337
|
'-webkit-animation': `spin ${this.speed}s linear infinite`,
|
|
7348
7338
|
'-moz-animation': `spin ${this.speed}s linear infinite`,
|
|
7349
|
-
} }, index.h("svg", { key: '
|
|
7339
|
+
} }, index.h("svg", { key: 'a14c9a8d895fb713fd1a8533bca04fa6e60017d7', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, index.h("path", { key: '5aaaf7cf5c649b717329266517e5ea1f39fccce8', d: "M43.1586 17C39.8082 11.5978 33.8243 8 27 8C16.5066 8 8 16.5066 8 27C8 37.4934 16.5066 46 27 46C33.8242 46 39.8082 42.4022 43.1586 37", "stroke-width": "6", "stroke-linecap": "round" }), index.h("circle", { key: 'a1a60d4f565a1cffb99177d4159a793621e7b288', cx: "45", cy: "27", r: "5" }))));
|
|
7350
7340
|
}
|
|
7351
7341
|
};
|
|
7352
7342
|
CpslSpinner.style = CpslSpinnerStyle0;
|
|
@@ -7378,7 +7368,7 @@ const CpslTab = class {
|
|
|
7378
7368
|
}
|
|
7379
7369
|
}
|
|
7380
7370
|
render() {
|
|
7381
|
-
return (index.h(index.Host, { key: '
|
|
7371
|
+
return (index.h(index.Host, { key: 'd55a11bba84bea2f0d24c6190a84467aea4ac2d3', onClick: this.onTabClicked }, index.h("div", { key: '31e58097fd53e0286c6652eed32cb39b50e9ebf2', class: { 'tab-container': true } }, index.h("slot", { key: '01cdeb08c1f468de22ce7d01c6e5b8396231860e' }))));
|
|
7382
7372
|
}
|
|
7383
7373
|
get el() { return index.getElement(this); }
|
|
7384
7374
|
};
|
|
@@ -7430,7 +7420,7 @@ const CpslTabs = class {
|
|
|
7430
7420
|
const tabsPosition = this.el.getBoundingClientRect();
|
|
7431
7421
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
|
|
7432
7422
|
const selectedTabRect = this.selectedTabRect;
|
|
7433
|
-
return (index.h(index.Host, { key: '
|
|
7423
|
+
return (index.h(index.Host, { key: 'b64847167837c21748fce136be621c5cd3056383', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '97f898ee1c1a29c673a901d37e0c2aa20f73e06e', class: "tabs-container" }, index.h("slot", { key: '6a731c26802bc1b08c6b5fe92b2a6f1da438ee89' }), index.h("div", { key: 'c69d074579a90b804f038f5ace589a1c98ed45e1', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
|
|
7434
7424
|
}
|
|
7435
7425
|
get el() { return index.getElement(this); }
|
|
7436
7426
|
static get watchers() { return {
|
|
@@ -7454,7 +7444,7 @@ const CpslText = class {
|
|
|
7454
7444
|
index.registerInstance(this, hostRef);
|
|
7455
7445
|
}
|
|
7456
7446
|
render() {
|
|
7457
|
-
return (index.h(index.Host, { key: '
|
|
7447
|
+
return (index.h(index.Host, { key: '72726bc3a58e3089f02b70d494ead181eb34f2d3' }, index.h("slot", { key: '8f8b009bc13ea9bb7824b51c622b115c6b103a9c' })));
|
|
7458
7448
|
}
|
|
7459
7449
|
};
|
|
7460
7450
|
CpslText.style = CpslTextStyle0;
|
|
@@ -7469,7 +7459,7 @@ const CpslTileButton = class {
|
|
|
7469
7459
|
this.icon = undefined;
|
|
7470
7460
|
}
|
|
7471
7461
|
render() {
|
|
7472
|
-
return (index.h(index.Host, { key: '
|
|
7462
|
+
return (index.h(index.Host, { key: 'db1693ec8a607410ba6bb5fbe15b4acaec26ff84' }, index.h("button", { key: '6da2c97b58e7ee13c86a386461831ed93fa3fee9', class: "button-native" }, index.h("cpsl-icon", { key: '0dbe6348fedb418151384747bac7f902b31d6c9a', exportparts: "icon", src: this.src, icon: this.icon }), index.h("slot", { key: '8d15a91f86b060edefcf3ae359df2ceb2e1b4a76' }))));
|
|
7473
7463
|
}
|
|
7474
7464
|
};
|
|
7475
7465
|
CpslTileButton.style = CpslTileButtonStyle0;
|