@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
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
5
5
|
const index = require('./index-2a026742.js');
|
6
6
|
|
7
|
-
const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px
|
7
|
+
const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px}.info-box-container{border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";
|
8
8
|
const CpslInfoBoxStyle0 = cpslInfoBoxCss;
|
9
9
|
|
10
10
|
const CpslInfoBox = class {
|
@@ -12,7 +12,7 @@ const CpslInfoBox = class {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
13
13
|
}
|
14
14
|
render() {
|
15
|
-
return (index.h(index.Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, index.h("slot", { key: '
|
15
|
+
return (index.h(index.Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, index.h("div", { key: '51c7731b3e11119e3fcb96f5ef2f47ffd71ba097', class: "info-box-container" }, index.h("slot", { key: '82bfc871c4fb3856e553637514806435473f4728' }))));
|
16
16
|
}
|
17
17
|
};
|
18
18
|
CpslInfoBox.style = CpslInfoBoxStyle0;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"cpsl-info-box.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,
|
1
|
+
{"file":"cpsl-info-box.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,2qBAA2qB,CAAC;AACnsB,0BAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,oBAAoB,IAC7BA,oEAAa,CACT,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n --box-border-radius: var(--cpsl-border-radius-info-box);\n --box-padding-top: 16px;\n --box-padding-bottom: 16px;\n --box-padding-start: 16px;\n --box-padding-end: 16px;\n --box-border-width: 1px;\n}\n\n.info-box-container {\n @include border-radius(var(--input-border-radius));\n @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n display: flex;\n background-color: var(--cpsl-color-background-subtle);\n border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'cpsl-info-box',\n styleUrl: 'cpsl-info-box.scss',\n shadow: true,\n})\nexport class CpslInfoBox {\n render() {\n return (\n <Host>\n <div class=\"info-box-container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
@@ -12,7 +12,7 @@ const CpslRow = class {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
13
13
|
}
|
14
14
|
render() {
|
15
|
-
return (index.h(index.Host, { key: '
|
15
|
+
return (index.h(index.Host, { key: '6b0ced877619502c78baeccaceaf68f1feed6ea7' }, index.h("slot", { key: 'd132ce91967ad16904886baa14149ac8990d314f' })));
|
16
16
|
}
|
17
17
|
};
|
18
18
|
CpslRow.style = CpslRowStyle0;
|
@@ -62,9 +62,7 @@ import TumblrBrand from "./tumblr-brand.svg";
|
|
62
62
|
import Tumblr from "./tumblr.svg";
|
63
63
|
import TwitterBrand from "./twitter-brand.svg";
|
64
64
|
import Twitter from "./twitter.svg";
|
65
|
-
import XBrand from "./x-brand.svg";
|
66
|
-
import X from "./x.svg";
|
67
65
|
import YoutubeBrand from "./youtube-brand.svg";
|
68
66
|
import Youtube from "./youtube.svg";
|
69
|
-
export 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,
|
67
|
+
export 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, };
|
70
68
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/icons/index.ts"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/assets/icons/index.ts"],"names":[],"mappings":"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","sourcesContent":["import AlertCircle from './alert-circle.svg';import AngelListBrand from './angel-list-brand.svg';import AngelList from './angel-list.svg';import AppleBrand from './apple-brand.svg';import Apple from './apple.svg';import ArrowNarrow from './arrow-narrow.svg';import Arrow from './arrow.svg';import BackupKit from './backup-kit.svg';import CapsuleLogo from './capsule-logo.svg';import CapsuleRings from './capsule-rings.svg';import Capsule from './capsule.svg';import Check from './check.svg';import Clock from './clock.svg';import Close from './close.svg';import ClubhouseBrand from './clubhouse-brand.svg';import Clubhouse from './clubhouse.svg';import Copy from './copy.svg';import DiscordBrand from './discord-brand.svg';import Discord from './discord.svg';import DownloadCloud from './download-cloud.svg';import DribbbleBrand from './dribbble-brand.svg';import Dribbble from './dribbble.svg';import EyeOff from './eye-off.svg';import Eye from './eye.svg';import FacebookBrand from './facebook-brand.svg';import Facebook from './facebook.svg';import FigmaBrand from './figma-brand.svg';import Figma from './figma.svg';import GithubBrand from './github-brand.svg';import Github from './github.svg';import GoogleBrand from './google-brand.svg';import Google from './google.svg';import HelpCircle from './help-circle.svg';import HeroEmail from './hero-email.svg';import HeroLock from './hero-lock.svg';import HeroPasskey from './hero-passkey.svg';import HeroPhone from './hero-phone.svg';import HeroWallet from './hero-wallet.svg';import InfoCircle from './info-circle.svg';import InstagramBrand from './instagram-brand.svg';import Instagram from './instagram.svg';import Key from './key.svg';import LinkedinBrand from './linkedin-brand.svg';import Linkedin from './linkedin.svg';import Mail from './mail.svg';import MoreLoginOptionsDark from './more-login-options-dark.svg';import MoreLoginOptions from './more-login-options.svg';import Phone from './phone.svg';import PintrestBrand from './pintrest-brand.svg';import Pintrest from './pintrest.svg';import RedditBrand from './reddit-brand.svg';import Reddit from './reddit.svg';import SignalBrand from './signal-brand.svg';import Signal from './signal.svg';import SnapchatBrand from './snapchat-brand.svg';import Snapchat from './snapchat.svg';import TelegramBrand from './telegram-brand.svg';import Telegram from './telegram.svg';import TikTokBrand from './tik-tok-brand.svg';import TikTok from './tik-tok.svg';import TumblrBrand from './tumblr-brand.svg';import Tumblr from './tumblr.svg';import TwitterBrand from './twitter-brand.svg';import Twitter from './twitter.svg';import YoutubeBrand from './youtube-brand.svg';import Youtube from './youtube.svg';\nexport 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,}"]}
|
@@ -1,3 +1,3 @@
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path
|
2
|
+
<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"/>
|
3
3
|
</svg>
|
@@ -1,3 +1,3 @@
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path
|
2
|
+
<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" />
|
3
3
|
</svg>
|
@@ -56,7 +56,7 @@ export class CpslAlert {
|
|
56
56
|
"mutable": false,
|
57
57
|
"complexType": {
|
58
58
|
"original": "IconType",
|
59
|
-
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"
|
59
|
+
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"youtubeBrand\" | \"youtube\"",
|
60
60
|
"references": {
|
61
61
|
"IconType": {
|
62
62
|
"location": "import",
|
@@ -45,7 +45,7 @@ export class CpslIcon {
|
|
45
45
|
"mutable": false,
|
46
46
|
"complexType": {
|
47
47
|
"original": "IconType",
|
48
|
-
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"
|
48
|
+
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"youtubeBrand\" | \"youtube\"",
|
49
49
|
"references": {
|
50
50
|
"IconType": {
|
51
51
|
"location": "import",
|
@@ -60,6 +60,9 @@
|
|
60
60
|
--box-padding-start: 16px;
|
61
61
|
--box-padding-end: 16px;
|
62
62
|
--box-border-width: 1px;
|
63
|
+
}
|
64
|
+
|
65
|
+
.info-box-container {
|
63
66
|
border-radius: var(--input-border-radius);
|
64
67
|
-webkit-padding-start: var(--box-padding-start);
|
65
68
|
padding-inline-start: var(--box-padding-start);
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
2
2
|
export class CpslInfoBox {
|
3
3
|
render() {
|
4
|
-
return (h(Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, h("slot", { key: '
|
4
|
+
return (h(Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, h("div", { key: '51c7731b3e11119e3fcb96f5ef2f47ffd71ba097', class: "info-box-container" }, h("slot", { key: '82bfc871c4fb3856e553637514806435473f4728' }))));
|
5
5
|
}
|
6
6
|
static get is() { return "cpsl-info-box"; }
|
7
7
|
static get encapsulation() { return "shadow"; }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"cpsl-info-box.js","sourceRoot":"","sources":["../../../../src/components/cpsl-info-box/cpsl-info-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,
|
1
|
+
{"version":3,"file":"cpsl-info-box.js","sourceRoot":"","sources":["../../../../src/components/cpsl-info-box/cpsl-info-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,oBAAoB;gBAC7B,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'cpsl-info-box',\n styleUrl: 'cpsl-info-box.scss',\n shadow: true,\n})\nexport class CpslInfoBox {\n render() {\n return (\n <Host>\n <div class=\"info-box-container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}
|
@@ -99,7 +99,7 @@ export class CpslInput {
|
|
99
99
|
}
|
100
100
|
render() {
|
101
101
|
var _a;
|
102
|
-
return (h(Host, { key: '
|
102
|
+
return (h(Host, { key: '2627de83fa1973eac8002f4807c4f2319a7541cf', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (h("label", { class: "label", htmlFor: this.inputId }, this.label)), h("div", { key: '9f2eaa8fe2a2fa67dcd61e69cd43698c33829d48', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, h("slot", { key: 'cc4d99747dcc55aa2dc27a58244bd0dbdc872332', name: "start" }), 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 }), h("slot", { key: 'b15d92b44f321351e3a8465b7c7c3409305e0196', name: "end" })), (this.errorText || this.helperText) && (h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
|
103
103
|
}
|
104
104
|
static get is() { return "cpsl-input"; }
|
105
105
|
static get encapsulation() { return "shadow"; }
|
@@ -526,7 +526,7 @@ export class CpslInput {
|
|
526
526
|
"mutable": false,
|
527
527
|
"complexType": {
|
528
528
|
"original": "IconType",
|
529
|
-
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"
|
529
|
+
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"youtubeBrand\" | \"youtube\"",
|
530
530
|
"references": {
|
531
531
|
"IconType": {
|
532
532
|
"location": "import",
|
@@ -37,7 +37,7 @@ export class CpslModal {
|
|
37
37
|
return this.el.shadowRoot.getElementById('modal-header-expanded');
|
38
38
|
}
|
39
39
|
render() {
|
40
|
-
return (h(Host, { key: '
|
40
|
+
return (h(Host, { key: 'aa5c26013878e80fe58a2826d4cae04db88dace3' }, h("div", { key: '5deda08b40a3e034e1c1b412eb7ab0c7780b4f53', class: { 'modal-container': true, 'no-footer': this.noFooter } }, h("div", { key: '6f5340b60ded651410a3eec83ecca3ee0e24f643', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, h("div", { key: '632ecd039ac402971cd3f15efb30fc527402f0cd', id: "modal-header", class: "no-overflow" }, h("slot", { key: 'af0d35f477ff94d7f65b3bd81b845819ba8c8439', name: "header" })), h("div", { key: '6116bba4b65cebb91fd283106a58915216e5d828', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'd7cd88d70a15e2a02bc590422913c481f0b61a2e', name: "footerExpandedHeader" })), h("div", { key: '72e1ede4c4754526c83f2723d322717d8888bf6d', id: "modal-body", class: "no-overflow" }, h("slot", { key: '66c63bb06b6b4ccce422855ecb483ab42ca6e27e', name: "body" }))), h("div", { key: 'fec82340b95072a6d3167fda064082005f760661', id: "modal-footer", class: "no-overflow" }, h("slot", { key: 'bcd91a6cf6ef753e4b0fbb163e93984a9afa15ca', name: "footer" })), h("div", { key: 'a39a058058adedb6494c307729823467d6c45df7', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'd5f0d390de50e0706358bd033655047c742298e2', name: "footerExpandedFooter" })))));
|
41
41
|
}
|
42
42
|
static get is() { return "cpsl-modal"; }
|
43
43
|
static get encapsulation() { return "shadow"; }
|
@@ -27,7 +27,7 @@ export class CpslOverlay {
|
|
27
27
|
}
|
28
28
|
}
|
29
29
|
render() {
|
30
|
-
return (h(Host, { key: '
|
30
|
+
return (h(Host, { key: '55a5b7f277d010d63f1e991d210b038c393fb387' }, h("slot", { key: '59957e5f35e8b007ba32177672870d7240ca501c' })));
|
31
31
|
}
|
32
32
|
static get is() { return "cpsl-overlay"; }
|
33
33
|
static get encapsulation() { return "shadow"; }
|
@@ -4,7 +4,7 @@ export class CpslPill {
|
|
4
4
|
this.text = undefined;
|
5
5
|
}
|
6
6
|
render() {
|
7
|
-
return (h(Host, { key: '
|
7
|
+
return (h(Host, { key: 'd82e8cf09017e22aab2c4e4d42295310116aad3c' }, h("div", { key: 'f7ec5045fdcf0d69873f5ddbfc46976a8c3bbacb', class: "pill-container" }, h("span", { key: 'd715965cf771800ad57f63509865d47a7344da95' }, this.text))));
|
8
8
|
}
|
9
9
|
static get is() { return "cpsl-pill"; }
|
10
10
|
static get encapsulation() { return "shadow"; }
|
@@ -32,7 +32,7 @@ export class CpslQrCode {
|
|
32
32
|
qrCode.append(container);
|
33
33
|
}
|
34
34
|
render() {
|
35
|
-
return (h(Host, { key: '
|
35
|
+
return (h(Host, { key: 'c26c87e8a22d8134a60f9efebd1e27169d59cb0c' }, h("div", { key: 'd9a8ede7f1ffbcd80d58b916d38f38fea7fc4f74', id: "qr-container", class: "qr-container" })));
|
36
36
|
}
|
37
37
|
static get is() { return "cpsl-qr-code"; }
|
38
38
|
static get encapsulation() { return "shadow"; }
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
2
2
|
export class CpslRow {
|
3
3
|
render() {
|
4
|
-
return (h(Host, { key: '
|
4
|
+
return (h(Host, { key: '6b0ced877619502c78baeccaceaf68f1feed6ea7' }, h("slot", { key: 'd132ce91967ad16904886baa14149ac8990d314f' })));
|
5
5
|
}
|
6
6
|
static get is() { return "cpsl-row"; }
|
7
7
|
static get encapsulation() { return "shadow"; }
|
@@ -84,7 +84,7 @@ export class CpslSlideButton {
|
|
84
84
|
return this.el.shadowRoot.getElementById('end-icon');
|
85
85
|
}
|
86
86
|
render() {
|
87
|
-
return (h(Host, { key: '
|
87
|
+
return (h(Host, { key: '3025e2306923953edd5857009828af027cd0d561' }, h("div", { key: '5557072bcccfc099af005fed9af45adf335a98dd', id: "slider-container", class: "slider-container" }, h("div", { key: '39e1b5d2123eda0a004c0f250c8afa66b53768f4', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: '80486f55315077693d481e193eba1bf37acd5afd', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'c13596a1a117aa3e5674d5a91c0ec38ff9ac7a49', id: "slider", class: "slider" }, h("cpsl-icon", { key: 'd2d78f42e65efd180c9dd106738341cf0aee6f27', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), h("cpsl-icon", { key: '63f9ce569084f2541c69028aedc949b3ecccac0c', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), h("span", { key: '9bead9870b949f91734c4199d9c96f7b50a10128', id: "start-text", class: "start-text" }, this.startText), h("span", { key: '8dfa1e9e0866a74f72d27b2541a4ac9d56038d34', id: "end-text", class: "end-text" }, this.endText))));
|
88
88
|
}
|
89
89
|
static get is() { return "cpsl-slide-button"; }
|
90
90
|
static get encapsulation() { return "shadow"; }
|
@@ -105,7 +105,7 @@ export class CpslSlideButton {
|
|
105
105
|
"mutable": false,
|
106
106
|
"complexType": {
|
107
107
|
"original": "IconType",
|
108
|
-
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"
|
108
|
+
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"youtubeBrand\" | \"youtube\"",
|
109
109
|
"references": {
|
110
110
|
"IconType": {
|
111
111
|
"location": "import",
|
@@ -145,7 +145,7 @@ export class CpslSlideButton {
|
|
145
145
|
"mutable": false,
|
146
146
|
"complexType": {
|
147
147
|
"original": "IconType",
|
148
|
-
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"
|
148
|
+
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"youtubeBrand\" | \"youtube\"",
|
149
149
|
"references": {
|
150
150
|
"IconType": {
|
151
151
|
"location": "import",
|
@@ -5,13 +5,13 @@ export class CpslSpinner {
|
|
5
5
|
this.speed = 1;
|
6
6
|
}
|
7
7
|
render() {
|
8
|
-
return (h(Host, { key: '
|
8
|
+
return (h(Host, { key: 'c67c084c1bae79ba255ca736de4721d1f6ea928d', style: {
|
9
9
|
'height': `${this.size}px`,
|
10
10
|
'width': `${this.size}px`,
|
11
11
|
'animation': `spin ${this.speed}s linear infinite`,
|
12
12
|
'-webkit-animation': `spin ${this.speed}s linear infinite`,
|
13
13
|
'-moz-animation': `spin ${this.speed}s linear infinite`,
|
14
|
-
} }, h("svg", { key: '
|
14
|
+
} }, h("svg", { key: 'a14c9a8d895fb713fd1a8533bca04fa6e60017d7', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, 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" }), h("circle", { key: 'a1a60d4f565a1cffb99177d4159a793621e7b288', cx: "45", cy: "27", r: "5" }))));
|
15
15
|
}
|
16
16
|
static get is() { return "cpsl-spinner"; }
|
17
17
|
static get encapsulation() { return "shadow"; }
|
@@ -21,7 +21,7 @@ export class CpslTab {
|
|
21
21
|
}
|
22
22
|
}
|
23
23
|
render() {
|
24
|
-
return (h(Host, { key: '
|
24
|
+
return (h(Host, { key: 'd55a11bba84bea2f0d24c6190a84467aea4ac2d3', onClick: this.onTabClicked }, h("div", { key: '31e58097fd53e0286c6652eed32cb39b50e9ebf2', class: { 'tab-container': true } }, h("slot", { key: '01cdeb08c1f468de22ce7d01c6e5b8396231860e' }))));
|
25
25
|
}
|
26
26
|
static get is() { return "cpsl-tab"; }
|
27
27
|
static get encapsulation() { return "shadow"; }
|
@@ -39,7 +39,7 @@ export class CpslTabs {
|
|
39
39
|
const tabsPosition = this.el.getBoundingClientRect();
|
40
40
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
|
41
41
|
const selectedTabRect = this.selectedTabRect;
|
42
|
-
return (h(Host, { key: '
|
42
|
+
return (h(Host, { key: 'b64847167837c21748fce136be621c5cd3056383', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, h("div", { key: '97f898ee1c1a29c673a901d37e0c2aa20f73e06e', class: "tabs-container" }, h("slot", { key: '6a731c26802bc1b08c6b5fe92b2a6f1da438ee89' }), h("div", { key: 'c69d074579a90b804f038f5ace589a1c98ed45e1', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
|
43
43
|
}
|
44
44
|
static get is() { return "cpsl-tabs"; }
|
45
45
|
static get encapsulation() { return "shadow"; }
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
2
2
|
export class CpslText {
|
3
3
|
render() {
|
4
|
-
return (h(Host, { key: '
|
4
|
+
return (h(Host, { key: '72726bc3a58e3089f02b70d494ead181eb34f2d3' }, h("slot", { key: '8f8b009bc13ea9bb7824b51c622b115c6b103a9c' })));
|
5
5
|
}
|
6
6
|
static get is() { return "cpsl-text"; }
|
7
7
|
static get encapsulation() { return "shadow"; }
|
@@ -5,7 +5,7 @@ export class CpslTileButton {
|
|
5
5
|
this.icon = undefined;
|
6
6
|
}
|
7
7
|
render() {
|
8
|
-
return (h(Host, { key: '
|
8
|
+
return (h(Host, { key: 'db1693ec8a607410ba6bb5fbe15b4acaec26ff84' }, h("button", { key: '6da2c97b58e7ee13c86a386461831ed93fa3fee9', class: "button-native" }, h("cpsl-icon", { key: '0dbe6348fedb418151384747bac7f902b31d6c9a', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '8d15a91f86b060edefcf3ae359df2ceb2e1b4a76' }))));
|
9
9
|
}
|
10
10
|
static get is() { return "cpsl-tile-button"; }
|
11
11
|
static get encapsulation() { return "shadow"; }
|
@@ -43,7 +43,7 @@ export class CpslTileButton {
|
|
43
43
|
"mutable": false,
|
44
44
|
"complexType": {
|
45
45
|
"original": "IconType",
|
46
|
-
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"
|
46
|
+
"resolved": "\"alertCircle\" | \"angelListBrand\" | \"angelList\" | \"appleBrand\" | \"apple\" | \"arrowNarrow\" | \"arrow\" | \"backupKit\" | \"capsuleLogo\" | \"capsuleRings\" | \"capsule\" | \"check\" | \"clock\" | \"close\" | \"clubhouseBrand\" | \"clubhouse\" | \"copy\" | \"discordBrand\" | \"discord\" | \"downloadCloud\" | \"dribbbleBrand\" | \"dribbble\" | \"eyeOff\" | \"eye\" | \"facebookBrand\" | \"facebook\" | \"figmaBrand\" | \"figma\" | \"githubBrand\" | \"github\" | \"googleBrand\" | \"google\" | \"helpCircle\" | \"heroEmail\" | \"heroLock\" | \"heroPasskey\" | \"heroPhone\" | \"heroWallet\" | \"infoCircle\" | \"instagramBrand\" | \"instagram\" | \"key\" | \"linkedinBrand\" | \"linkedin\" | \"mail\" | \"moreLoginOptionsDark\" | \"moreLoginOptions\" | \"phone\" | \"pintrestBrand\" | \"pintrest\" | \"redditBrand\" | \"reddit\" | \"signalBrand\" | \"signal\" | \"snapchatBrand\" | \"snapchat\" | \"telegramBrand\" | \"telegram\" | \"tikTokBrand\" | \"tikTok\" | \"tumblrBrand\" | \"tumblr\" | \"twitterBrand\" | \"twitter\" | \"youtubeBrand\" | \"youtube\"",
|
47
47
|
"references": {
|
48
48
|
"IconType": {
|
49
49
|
"location": "import",
|
@@ -675,21 +675,11 @@ const Tumblr = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentCol
|
|
675
675
|
`;
|
676
676
|
|
677
677
|
const TwitterBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
678
|
-
<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"/>
|
679
|
-
</svg>
|
680
|
-
`;
|
681
|
-
|
682
|
-
const Twitter = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
683
|
-
<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" />
|
684
|
-
</svg>
|
685
|
-
`;
|
686
|
-
|
687
|
-
const XBrand = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
688
678
|
<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"/>
|
689
679
|
</svg>
|
690
680
|
`;
|
691
681
|
|
692
|
-
const
|
682
|
+
const Twitter = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
693
683
|
<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" />
|
694
684
|
</svg>
|
695
685
|
`;
|
@@ -712,7 +702,7 @@ const Youtube = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentCo
|
|
712
702
|
</svg>
|
713
703
|
`;
|
714
704
|
|
715
|
-
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,
|
705
|
+
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, };
|
716
706
|
|
717
707
|
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}";
|
718
708
|
const CpslAlertStyle0 = cpslAlertCss;
|
@@ -996,7 +986,7 @@ const CpslInput = class {
|
|
996
986
|
}
|
997
987
|
render() {
|
998
988
|
var _a;
|
999
|
-
return (h(Host, { key: '
|
989
|
+
return (h(Host, { key: '2627de83fa1973eac8002f4807c4f2319a7541cf', class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.focusedValue) || Boolean(this.value) } }, this.label && (h("label", { class: "label", htmlFor: this.inputId }, this.label)), h("div", { key: '9f2eaa8fe2a2fa67dcd61e69cd43698c33829d48', onClick: this.focusInput, class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, h("slot", { key: 'cc4d99747dcc55aa2dc27a58244bd0dbdc872332', name: "start" }), 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 }), h("slot", { key: 'b15d92b44f321351e3a8465b7c7c3409305e0196', name: "end" })), (this.errorText || this.helperText) && (h("div", { class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, h("cpsl-icon", { icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), h("span", null, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
|
1000
990
|
}
|
1001
991
|
get el() { return getElement(this); }
|
1002
992
|
static get watchers() { return {
|
@@ -7087,7 +7077,7 @@ const CpslModal = class {
|
|
7087
7077
|
return this.el.shadowRoot.getElementById('modal-header-expanded');
|
7088
7078
|
}
|
7089
7079
|
render() {
|
7090
|
-
return (h(Host, { key: '
|
7080
|
+
return (h(Host, { key: 'aa5c26013878e80fe58a2826d4cae04db88dace3' }, h("div", { key: '5deda08b40a3e034e1c1b412eb7ab0c7780b4f53', class: { 'modal-container': true, 'no-footer': this.noFooter } }, h("div", { key: '6f5340b60ded651410a3eec83ecca3ee0e24f643', class: { 'modal-inner-container': true, 'no-footer': this.noFooter } }, h("div", { key: '632ecd039ac402971cd3f15efb30fc527402f0cd', id: "modal-header", class: "no-overflow" }, h("slot", { key: 'af0d35f477ff94d7f65b3bd81b845819ba8c8439', name: "header" })), h("div", { key: '6116bba4b65cebb91fd283106a58915216e5d828', id: "modal-header-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'd7cd88d70a15e2a02bc590422913c481f0b61a2e', name: "footerExpandedHeader" })), h("div", { key: '72e1ede4c4754526c83f2723d322717d8888bf6d', id: "modal-body", class: "no-overflow" }, h("slot", { key: '66c63bb06b6b4ccce422855ecb483ab42ca6e27e', name: "body" }))), h("div", { key: 'fec82340b95072a6d3167fda064082005f760661', id: "modal-footer", class: "no-overflow" }, h("slot", { key: 'bcd91a6cf6ef753e4b0fbb163e93984a9afa15ca', name: "footer" })), h("div", { key: 'a39a058058adedb6494c307729823467d6c45df7', id: "modal-footer-expanded", class: { 'expanded': true, 'no-overflow': true } }, h("slot", { key: 'd5f0d390de50e0706358bd033655047c742298e2', name: "footerExpandedFooter" })))));
|
7091
7081
|
}
|
7092
7082
|
get el() { return getElement(this); }
|
7093
7083
|
static get watchers() { return {
|
@@ -7127,7 +7117,7 @@ const CpslOverlay = class {
|
|
7127
7117
|
}
|
7128
7118
|
}
|
7129
7119
|
render() {
|
7130
|
-
return (h(Host, { key: '
|
7120
|
+
return (h(Host, { key: '55a5b7f277d010d63f1e991d210b038c393fb387' }, h("slot", { key: '59957e5f35e8b007ba32177672870d7240ca501c' })));
|
7131
7121
|
}
|
7132
7122
|
get el() { return getElement(this); }
|
7133
7123
|
static get watchers() { return {
|
@@ -7145,7 +7135,7 @@ const CpslPill = class {
|
|
7145
7135
|
this.text = undefined;
|
7146
7136
|
}
|
7147
7137
|
render() {
|
7148
|
-
return (h(Host, { key: '
|
7138
|
+
return (h(Host, { key: 'd82e8cf09017e22aab2c4e4d42295310116aad3c' }, h("div", { key: 'f7ec5045fdcf0d69873f5ddbfc46976a8c3bbacb', class: "pill-container" }, h("span", { key: 'd715965cf771800ad57f63509865d47a7344da95' }, this.text))));
|
7149
7139
|
}
|
7150
7140
|
};
|
7151
7141
|
CpslPill.style = CpslPillStyle0;
|
@@ -7224,7 +7214,7 @@ const CpslQrCode = class {
|
|
7224
7214
|
qrCode.append(container);
|
7225
7215
|
}
|
7226
7216
|
render() {
|
7227
|
-
return (h(Host, { key: '
|
7217
|
+
return (h(Host, { key: 'c26c87e8a22d8134a60f9efebd1e27169d59cb0c' }, h("div", { key: 'd9a8ede7f1ffbcd80d58b916d38f38fea7fc4f74', id: "qr-container", class: "qr-container" })));
|
7228
7218
|
}
|
7229
7219
|
get el() { return getElement(this); }
|
7230
7220
|
};
|
@@ -7320,7 +7310,7 @@ const CpslSlideButton = class {
|
|
7320
7310
|
return this.el.shadowRoot.getElementById('end-icon');
|
7321
7311
|
}
|
7322
7312
|
render() {
|
7323
|
-
return (h(Host, { key: '
|
7313
|
+
return (h(Host, { key: '3025e2306923953edd5857009828af027cd0d561' }, h("div", { key: '5557072bcccfc099af005fed9af45adf335a98dd', id: "slider-container", class: "slider-container" }, h("div", { key: '39e1b5d2123eda0a004c0f250c8afa66b53768f4', id: "start-slider-container-background", class: { 'start-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: '80486f55315077693d481e193eba1bf37acd5afd', id: "end-slider-container-background", class: { 'end-slider-container-background': true, 'slider-container-background': true } }), h("div", { key: 'c13596a1a117aa3e5674d5a91c0ec38ff9ac7a49', id: "slider", class: "slider" }, h("cpsl-icon", { key: 'd2d78f42e65efd180c9dd106738341cf0aee6f27', id: "start-icon", class: { 'start-icon': true, 'icon': true }, icon: this.startIcon }), h("cpsl-icon", { key: '63f9ce569084f2541c69028aedc949b3ecccac0c', id: "end-icon", class: { 'end-icon': true, 'icon': true }, icon: this.endIcon })), h("span", { key: '9bead9870b949f91734c4199d9c96f7b50a10128', id: "start-text", class: "start-text" }, this.startText), h("span", { key: '8dfa1e9e0866a74f72d27b2541a4ac9d56038d34', id: "end-text", class: "end-text" }, this.endText))));
|
7324
7314
|
}
|
7325
7315
|
get el() { return getElement(this); }
|
7326
7316
|
};
|
@@ -7336,13 +7326,13 @@ const CpslSpinner = class {
|
|
7336
7326
|
this.speed = 1;
|
7337
7327
|
}
|
7338
7328
|
render() {
|
7339
|
-
return (h(Host, { key: '
|
7329
|
+
return (h(Host, { key: 'c67c084c1bae79ba255ca736de4721d1f6ea928d', style: {
|
7340
7330
|
'height': `${this.size}px`,
|
7341
7331
|
'width': `${this.size}px`,
|
7342
7332
|
'animation': `spin ${this.speed}s linear infinite`,
|
7343
7333
|
'-webkit-animation': `spin ${this.speed}s linear infinite`,
|
7344
7334
|
'-moz-animation': `spin ${this.speed}s linear infinite`,
|
7345
|
-
} }, h("svg", { key: '
|
7335
|
+
} }, h("svg", { key: 'a14c9a8d895fb713fd1a8533bca04fa6e60017d7', height: this.size, width: this.size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 54 54", fill: "none" }, 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" }), h("circle", { key: 'a1a60d4f565a1cffb99177d4159a793621e7b288', cx: "45", cy: "27", r: "5" }))));
|
7346
7336
|
}
|
7347
7337
|
};
|
7348
7338
|
CpslSpinner.style = CpslSpinnerStyle0;
|
@@ -7374,7 +7364,7 @@ const CpslTab = class {
|
|
7374
7364
|
}
|
7375
7365
|
}
|
7376
7366
|
render() {
|
7377
|
-
return (h(Host, { key: '
|
7367
|
+
return (h(Host, { key: 'd55a11bba84bea2f0d24c6190a84467aea4ac2d3', onClick: this.onTabClicked }, h("div", { key: '31e58097fd53e0286c6652eed32cb39b50e9ebf2', class: { 'tab-container': true } }, h("slot", { key: '01cdeb08c1f468de22ce7d01c6e5b8396231860e' }))));
|
7378
7368
|
}
|
7379
7369
|
get el() { return getElement(this); }
|
7380
7370
|
};
|
@@ -7426,7 +7416,7 @@ const CpslTabs = class {
|
|
7426
7416
|
const tabsPosition = this.el.getBoundingClientRect();
|
7427
7417
|
const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--border-width').slice(0, -2);
|
7428
7418
|
const selectedTabRect = this.selectedTabRect;
|
7429
|
-
return (h(Host, { key: '
|
7419
|
+
return (h(Host, { key: 'b64847167837c21748fce136be621c5cd3056383', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, h("div", { key: '97f898ee1c1a29c673a901d37e0c2aa20f73e06e', class: "tabs-container" }, h("slot", { key: '6a731c26802bc1b08c6b5fe92b2a6f1da438ee89' }), h("div", { key: 'c69d074579a90b804f038f5ace589a1c98ed45e1', class: { slider: true, loaded: this.loaded }, style: { width: `${selectedTabRect.width}px`, left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px` } }))));
|
7430
7420
|
}
|
7431
7421
|
get el() { return getElement(this); }
|
7432
7422
|
static get watchers() { return {
|
@@ -7450,7 +7440,7 @@ const CpslText = class {
|
|
7450
7440
|
registerInstance(this, hostRef);
|
7451
7441
|
}
|
7452
7442
|
render() {
|
7453
|
-
return (h(Host, { key: '
|
7443
|
+
return (h(Host, { key: '72726bc3a58e3089f02b70d494ead181eb34f2d3' }, h("slot", { key: '8f8b009bc13ea9bb7824b51c622b115c6b103a9c' })));
|
7454
7444
|
}
|
7455
7445
|
};
|
7456
7446
|
CpslText.style = CpslTextStyle0;
|
@@ -7465,7 +7455,7 @@ const CpslTileButton = class {
|
|
7465
7455
|
this.icon = undefined;
|
7466
7456
|
}
|
7467
7457
|
render() {
|
7468
|
-
return (h(Host, { key: '
|
7458
|
+
return (h(Host, { key: 'db1693ec8a607410ba6bb5fbe15b4acaec26ff84' }, h("button", { key: '6da2c97b58e7ee13c86a386461831ed93fa3fee9', class: "button-native" }, h("cpsl-icon", { key: '0dbe6348fedb418151384747bac7f902b31d6c9a', exportparts: "icon", src: this.src, icon: this.icon }), h("slot", { key: '8d15a91f86b060edefcf3ae359df2ceb2e1b4a76' }))));
|
7469
7459
|
}
|
7470
7460
|
};
|
7471
7461
|
CpslTileButton.style = CpslTileButtonStyle0;
|