@usecapsule/core-components 3.8.1 → 3.8.2
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/capsule.esm.js.map +1 -1
- package/dist/capsule/{p-c6f02408.entry.js → p-b4250e4d.entry.js} +5 -5
- package/dist/capsule/p-b4250e4d.entry.js.map +1 -0
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +13 -14
- package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +19 -1
- package/dist/collection/components/cpsl-alert/cpsl-alert.js.map +1 -1
- package/dist/collection/components/cpsl-text/cpsl-text.css +295 -190
- package/dist/collection/components/cpsl-text/cpsl-text.js +10 -12
- package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +13 -14
- package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/cpsl-alert/cpsl-alert.d.ts +4 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +2 -2
- package/dist/capsule/p-c6f02408.entry.js.map +0 -1
|
@@ -2,28 +2,28 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
const TEXT_EL_PART = 'text-element';
|
|
3
3
|
export class CpslText {
|
|
4
4
|
constructor() {
|
|
5
|
-
this.getContent = (
|
|
5
|
+
this.getContent = () => {
|
|
6
6
|
switch (this.variant) {
|
|
7
7
|
case 'headingXS': {
|
|
8
|
-
return (h("h6", {
|
|
8
|
+
return (h("h6", { part: TEXT_EL_PART }, h("slot", null)));
|
|
9
9
|
}
|
|
10
10
|
case 'headingS': {
|
|
11
|
-
return (h("h5", {
|
|
11
|
+
return (h("h5", { part: TEXT_EL_PART }, h("slot", null)));
|
|
12
12
|
}
|
|
13
13
|
case 'headingM': {
|
|
14
|
-
return (h("h4", {
|
|
14
|
+
return (h("h4", { part: TEXT_EL_PART }, h("slot", null)));
|
|
15
15
|
}
|
|
16
16
|
case 'headingL': {
|
|
17
|
-
return (h("h3", {
|
|
17
|
+
return (h("h3", { part: TEXT_EL_PART }, h("slot", null)));
|
|
18
18
|
}
|
|
19
19
|
case 'headingXL': {
|
|
20
|
-
return (h("h2", {
|
|
20
|
+
return (h("h2", { part: TEXT_EL_PART }, h("slot", null)));
|
|
21
21
|
}
|
|
22
22
|
case 'heading2XL': {
|
|
23
|
-
return (h("h1", {
|
|
23
|
+
return (h("h1", { part: TEXT_EL_PART }, h("slot", null)));
|
|
24
24
|
}
|
|
25
25
|
default: {
|
|
26
|
-
return (h("p", {
|
|
26
|
+
return (h("p", { part: TEXT_EL_PART }, h("slot", null)));
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
};
|
|
@@ -32,8 +32,7 @@ export class CpslText {
|
|
|
32
32
|
this.weight = 'regular';
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
36
|
-
classes: {
|
|
35
|
+
return (h(Host, { key: '0fe34c3a91b7ac83a985eccbf47aa423c21123c1', class: {
|
|
37
36
|
// COLORS
|
|
38
37
|
'primary': this.color === 'primary',
|
|
39
38
|
'secondary': this.color === 'secondary',
|
|
@@ -59,8 +58,7 @@ export class CpslText {
|
|
|
59
58
|
'heading-l': this.variant === 'headingL',
|
|
60
59
|
'heading-xl': this.variant === 'headingXL',
|
|
61
60
|
'heading-2xl': this.variant === 'heading2XL',
|
|
62
|
-
},
|
|
63
|
-
})));
|
|
61
|
+
} }, this.getContent()));
|
|
64
62
|
}
|
|
65
63
|
static get is() { return "cpsl-text"; }
|
|
66
64
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cpsl-text.js","sourceRoot":"","sources":["../../../../src/components/cpsl-text/cpsl-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,YAAY,GAAG,cAAc,CAAC;AAOpC,MAAM,OAAO,QAAQ;;QAsBX,eAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"cpsl-text.js","sourceRoot":"","sources":["../../../../src/components/cpsl-text/cpsl-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\nconst TEXT_EL_PART = 'text-element';\n\n@Component({\n tag: 'cpsl-text',\n styleUrl: 'cpsl-text.scss',\n shadow: true,\n})\nexport class CpslText {\n /**\n * The color of text.\n * Options are: `\"primary\"`, `\"secondary\", `\"tertiary\", `\"subtle\", `\"inverted\", `\"error\".\n * Default is: `\"primary\"`.\n */\n @Prop() color?: 'primary' | 'secondary' | 'tertiary' | 'subtle' | 'inverted' | 'error' | 'contrast' = 'primary';\n\n /**\n * The variant of text.\n * Options are: `\"body2XS\"`, `\"bodyXS\", `\"bodyS\", `\"bodyM\", `\"bodyL\", `\"bodyXL\", `\"headingXS\", `\"headingS\", `\"headingM\", `\"headingL\", `\"headingXL\", `\"heading2XL\".\n * Default is: `\"bodyM\"`.\n */\n @Prop() variant?: 'body2XS' | 'bodyXS' | 'bodyS' | 'bodyM' | 'bodyL' | 'bodyXL' | 'headingXS' | 'headingS' | 'headingM' | 'headingL' | 'headingXL' | 'heading2XL' = 'bodyM';\n\n /**\n * The weight of text.\n * Options are: `\"regular\"`, `\"medium\", `\"semiBold\", `\"bold\".\n * Default is: `\"regular\"`.\n */\n @Prop() weight?: 'regular' | 'medium' | 'semiBold' | 'bold' = 'regular';\n\n private getContent = () => {\n switch (this.variant) {\n case 'headingXS': {\n return (\n <h6 part={TEXT_EL_PART}>\n <slot></slot>\n </h6>\n );\n }\n case 'headingS': {\n return (\n <h5 part={TEXT_EL_PART}>\n <slot></slot>\n </h5>\n );\n }\n case 'headingM': {\n return (\n <h4 part={TEXT_EL_PART}>\n <slot></slot>\n </h4>\n );\n }\n case 'headingL': {\n return (\n <h3 part={TEXT_EL_PART}>\n <slot></slot>\n </h3>\n );\n }\n case 'headingXL': {\n return (\n <h2 part={TEXT_EL_PART}>\n <slot></slot>\n </h2>\n );\n }\n case 'heading2XL': {\n return (\n <h1 part={TEXT_EL_PART}>\n <slot></slot>\n </h1>\n );\n }\n default: {\n return (\n <p part={TEXT_EL_PART}>\n <slot></slot>\n </p>\n );\n }\n }\n };\n\n render() {\n return (\n <Host\n class={{\n // COLORS\n 'primary': this.color === 'primary',\n 'secondary': this.color === 'secondary',\n 'tertiary': this.color === 'tertiary',\n 'subtle': this.color === 'subtle',\n 'inverted': this.color === 'inverted',\n 'error': this.color === 'error',\n 'contrast': this.color === 'contrast',\n // WEIGHTS\n 'medium': this.weight === 'medium',\n 'semi-bold': this.weight === 'semiBold',\n 'bold': this.weight === 'bold',\n // SIZES\n 'body-2xs': this.variant === 'body2XS',\n 'body-xs': this.variant === 'bodyXS',\n 'body-s': this.variant === 'bodyS',\n 'body-m': this.variant === 'bodyM',\n 'body-l': this.variant === 'bodyL',\n 'body-xl': this.variant === 'bodyXL',\n 'heading-xs': this.variant === 'headingXS',\n 'heading-s': this.variant === 'headingS',\n 'heading-m': this.variant === 'headingM',\n 'heading-l': this.variant === 'headingL',\n 'heading-xl': this.variant === 'headingXL',\n 'heading-2xl': this.variant === 'heading2XL',\n }}\n >\n {this.getContent()}\n </Host>\n );\n }\n}\n"]}
|
package/dist/esm/capsule.js
CHANGED
|
@@ -16,7 +16,7 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["cpsl-hero",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-nav-button",[[1,"cpsl-nav-button",{"disabled":[516],"exactMainRouteMatch":[4,"exact-main-route-match"],"exactSubRouteMatch":[4,"exact-sub-route-match"],"route":[1],"subRoutes":[16],"path":[1]}]]],["cpsl-col",[[1,"cpsl-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["cpsl-grid",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row"]]],["cpsl-alert_34",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-select",{"anchorElId":[1,"anchor-el-id"],"autoWidth":[4,"auto-width"],"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"icon":[1],"label":[1],"noIconAnimation":[4,"no-icon-animation"],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-file-upload",{"disabled":[516],"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-auth-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32],"isMobile":[32]},null,{"open":["toggleModal"]}],[1,"cpsl-alert",{"icon":[1],"variant":[1],"filled":[4]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-icon-group",{"expandFrom":[1,"expand-from"],"disabled":[4],"icons":[16],"isHovered":[32]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-nav-button-group"],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},[[8,"cpslTabButtonSizeChange","onTabSizeChange"]],{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-input",{"as":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"autoselect":[4],"disabled":[4],"contrastText":[4,"contrast-text"],"enterkeyhint":[1],"errorText":[1,"error-text"],"mask":[1],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"],"mask":["handleSetupMask"],"value":["handleValueChange"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"variant":[513]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["cpsl-hero",[[1,"cpsl-hero",{"height":[2],"hideFadeOut":[4,"hide-fade-out"],"variant":[513],"title":[513],"subtitle":[513],"withDefaultTheme":[4,"with-default-theme"]}]]],["cpsl-modal-v2",[[1,"cpsl-modal-v2",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"elevated":[4],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}]]],["cpsl-nav-button",[[1,"cpsl-nav-button",{"disabled":[516],"exactMainRouteMatch":[4,"exact-main-route-match"],"exactSubRouteMatch":[4,"exact-sub-route-match"],"route":[1],"subRoutes":[16],"path":[1]}]]],["cpsl-col",[[1,"cpsl-col",{"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"pull":[1],"pullXs":[1,"pull-xs"],"pullSm":[1,"pull-sm"],"pullMd":[1,"pull-md"],"pullLg":[1,"pull-lg"],"pullXl":[1,"pull-xl"],"push":[1],"pushXs":[1,"push-xs"],"pushSm":[1,"push-sm"],"pushMd":[1,"push-md"],"pushLg":[1,"push-lg"],"pushXl":[1,"push-xl"],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]},[[9,"resize","onResize"]]]]],["cpsl-grid",[[1,"cpsl-grid",{"fixed":[4]}]]],["cpsl-identicon",[[1,"cpsl-identicon",{"hash":[1],"size":[1],"variant":[1]}]]],["cpsl-info-box",[[1,"cpsl-info-box"]]],["cpsl-row",[[1,"cpsl-row"]]],["cpsl-alert_34",[[1,"cpsl-pagination",{"initialPage":[2,"initial-page"],"totalPages":[2,"total-pages"],"visiblePages":[1026,"visible-pages"],"currentPage":[32]},null,{"currentPage":["watchChange"]}],[1,"cpsl-select",{"anchorElId":[1,"anchor-el-id"],"autoWidth":[4,"auto-width"],"disabled":[4],"dropdownMaxHeight":[2,"dropdown-max-height"],"errorText":[1,"error-text"],"formatValue":[16],"helperText":[1,"helper-text"],"id":[1],"icon":[1],"label":[1],"noIconAnimation":[4,"no-icon-animation"],"placeholder":[1],"required":[4],"selectedValue":[1,"selected-value"],"showFormattedSelectedItem":[4,"show-formatted-selected-item"],"showOptionalLabel":[4,"show-optional-label"],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"anchorEl":[32],"hasFocus":[32],"popoverOpen":[32],"hasSelectedItem":[32]},[[0,"cpslSelectItemClick","selectItemClickHandler"],[0,"cpslOpen","onPopoverOpen"],[0,"cpslClose","onPopoverClose"]],{"selectedValue":["onValueChange","handleValueChange"]}],[1,"cpsl-file-upload",{"disabled":[516],"errorText":[1,"error-text"],"externalFilename":[1,"external-filename"],"externalSrc":[1,"external-src"],"fileTypes":[16],"helperText":[1,"helper-text"],"label":[1],"required":[4],"showOptionalLabel":[4,"show-optional-label"],"uploadFile":[16],"file":[32],"dragOver":[32],"dragError":[32],"isUploading":[32],"uploadError":[32]}],[1,"cpsl-auth-modal",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"noOverlay":[4,"no-overlay"],"open":[4],"zIndexOverride":[2,"z-index-override"],"hasFooter":[32],"isMobile":[32]},null,{"open":["toggleModal"]}],[1,"cpsl-alert",{"icon":[1],"noIcon":[4,"no-icon"],"variant":[1],"filled":[4]}],[1,"cpsl-checkbox",{"checked":[4]}],[1,"cpsl-code-input",{"code":[1025],"errorText":[1,"error-text"],"helperText":[1,"helper-text"],"length":[2],"type":[1]}],[1,"cpsl-drawer",{"anchor":[1],"anchorPosition":[2,"anchor-position"],"noOverlay":[4,"no-overlay"],"open":[4],"size":[8],"transitionDuration":[2,"transition-duration"],"transitionFunction":[1,"transition-function"],"variant":[1],"zIndexOverride":[2,"z-index-override"],"closedAnchorPosition":[32],"showTransition":[32]}],[1,"cpsl-icon-group",{"expandFrom":[1,"expand-from"],"disabled":[4],"icons":[16],"isHovered":[32]}],[1,"cpsl-slide-button",{"disabled":[4],"endIcon":[1,"end-icon"],"endText":[1,"end-text"],"startIcon":[1,"start-icon"],"startText":[1,"start-text"]}],[1,"cpsl-table",{"hasHorizontalScroll":[32],"hasVerticalScroll":[32]}],[1,"cpsl-tile-button",{"src":[1],"icon":[1]}],[1,"cpsl-app-bar",{"height":[2],"position":[1],"zIndexOverride":[2,"z-index-override"]}],[1,"cpsl-avatar",{"alt":[1],"src":[1],"variant":[1]}],[1,"cpsl-divider"],[1,"cpsl-dropdown",{"width":[1],"hasCpslSearch":[4,"has-cpsl-search"],"items":[16],"selectedItem":[1040],"isOpen":[32],"searchQuery":[32],"filteredItems":[32]},[[9,"resize","handleResize"]],{"selectedItem":["handleSelectedItemChange"],"isOpen":["handleOpenChange"]}],[1,"cpsl-nav-button-group"],[1,"cpsl-pill",{"text":[1]}],[1,"cpsl-progress-indicator",{"totalSteps":[2,"total-steps"],"step":[2]}],[1,"cpsl-qr-code",{"url":[1],"imageSrc":[1,"image-src"],"size":[2]}],[1,"cpsl-radio",{"checked":[4]}],[1,"cpsl-select-item",{"selected":[4],"value":[1]}],[1,"cpsl-switch",{"checked":[4]}],[1,"cpsl-tab",{"selected":[4],"tab":[1]},[[8,"cpslTabsChanged","onTabsChanged"],[8,"cpslTabsInit","onTabsInit"]]],[1,"cpsl-tabs",{"fullWidth":[4,"full-width"],"selectedTab":[1,"selected-tab"],"selectedTabRect":[32],"loaded":[32]},[[8,"cpslTabButtonSizeChange","onTabSizeChange"]],{"fullWidth":["updateSlider"],"selectedTab":["updateTab"]}],[1,"cpsl-button-group",{"selectedId":[1,"selected-id"]},null,{"selectedId":["selectItem"]}],[1,"cpsl-input",{"as":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"noAutoDisable":[4,"no-auto-disable"],"autofocus":[4],"autoselect":[4],"disabled":[4],"contrastText":[4,"contrast-text"],"enterkeyhint":[1],"errorText":[1,"error-text"],"mask":[1],"helperText":[1,"helper-text"],"inputmode":[1],"label":[1],"max":[8],"maxlength":[2],"min":[8],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"showOptionalLabel":[4,"show-optional-label"],"spellcheck":[4],"startIconSrc":[1,"start-icon-src"],"startIcon":[1,"start-icon"],"step":[1],"type":[1],"value":[1025],"hasFocus":[32]},null,{"disabled":["handleDisable"],"mask":["handleSetupMask"],"value":["handleValueChange"]}],[1,"cpsl-popover",{"anchorEl":[16],"anchorOriginHorizontal":[1,"anchor-origin-horizontal"],"anchorOriginVertical":[1,"anchor-origin-vertical"],"autoWidth":[4,"auto-width"],"disabled":[4],"preventBlur":[4,"prevent-blur"],"transformOriginHorizontal":[1,"transform-origin-horizontal"],"transformOriginVertical":[1,"transform-origin-vertical"],"triggerAction":[1,"trigger-action"],"trigger":[1],"windowPadding":[2,"window-padding"],"open":[32],"positionX":[32],"positionY":[32],"closePopover":[64]},null,{"trigger":["onTriggerChange"],"triggerAction":["onTriggerChange"],"preventBlur":["onTriggerChange"],"anchorOriginHorizontal":["onAnchorChange"],"anchorOriginVertical":["onAnchorChange"],"open":["onOpenChange"]}],[1,"cpsl-spinner",{"size":[2],"speed":[2]}],[1,"cpsl-button",{"as":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"size":[1],"target":[1],"variant":[513]}],[1,"cpsl-card"],[1,"cpsl-overlay",{"enterTransitionDuration":[2,"enter-transition-duration"],"exitTransitionDuration":[2,"exit-transition-duration"],"open":[4],"zIndexOverride":[2,"z-index-override"]},null,{"open":["toggleHeight"]}],[1,"cpsl-text",{"color":[1],"variant":[1],"weight":[1]}],[1,"cpsl-icon",{"src":[1],"icon":[1]}]]]], options);
|
|
20
20
|
});
|
|
21
21
|
|
|
22
22
|
//# sourceMappingURL=capsule.js.map
|
|
@@ -8,6 +8,7 @@ const CpslAlert = class {
|
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
registerInstance(this, hostRef);
|
|
10
10
|
this.icon = undefined;
|
|
11
|
+
this.noIcon = undefined;
|
|
11
12
|
this.variant = 'error';
|
|
12
13
|
this.filled = undefined;
|
|
13
14
|
}
|
|
@@ -32,7 +33,7 @@ const CpslAlert = class {
|
|
|
32
33
|
}
|
|
33
34
|
}
|
|
34
35
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
36
|
+
return (h(Host, { key: '2561ee222d31a9b4a646c9c6a1dc2d31aa1f73a6', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success', filled: this.filled } }, h("div", { key: '957521833f1a3e18ba6fdea250fbd8c4f3b0bd1a', class: "alert-container" }, h("div", { key: '2acbd6d3c831cd9f48abf6d8f28ffc2128481b5f', class: "title-container" }, !this.noIcon && this.iconType && h("cpsl-icon", { key: '8d09ab4dbc6490e4168d0b4313f8a82f0ed6fa1b', icon: this.iconType }), h("slot", { key: '9d081a5373c75d4e8795365137719890b0718732' })), h("slot", { key: '209565a0b76f197dbdc38666894e45ed1f854ed6', name: "subtitle" }))));
|
|
36
37
|
}
|
|
37
38
|
};
|
|
38
39
|
CpslAlert.style = CpslAlertStyle0;
|
|
@@ -21494,35 +21495,35 @@ const getTab = (tabs, tab) => {
|
|
|
21494
21495
|
};
|
|
21495
21496
|
CpslTabs.style = CpslTabsStyle0;
|
|
21496
21497
|
|
|
21497
|
-
const cpslTextCss = ":host{display:block
|
|
21498
|
+
const cpslTextCss = ":host{display:block;font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}:host(.primary){color:var(--color-override, var(--cpsl-color-text-primary))}:host(.primary)>p,:host(.primary) h1,:host(.primary) h2,:host(.primary) h3,:host(.primary) h4,:host(.primary) h5,:host(.primary) h6{color:var(--color-override, var(--cpsl-color-text-primary))}:host(.secondary){color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.secondary)>p,:host(.secondary) h1,:host(.secondary) h2,:host(.secondary) h3,:host(.secondary) h4,:host(.secondary) h5,:host(.secondary) h6{color:var(--color-override, var(--cpsl-color-text-secondary))}:host(.tertiary){color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.tertiary)>p,:host(.tertiary) h1,:host(.tertiary) h2,:host(.tertiary) h3,:host(.tertiary) h4,:host(.tertiary) h5,:host(.tertiary) h6{color:var(--color-override, var(--cpsl-color-text-tertiary))}:host(.subtle){color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.subtle)>p,:host(.subtle) h1,:host(.subtle) h2,:host(.subtle) h3,:host(.subtle) h4,:host(.subtle) h5,:host(.subtle) h6{color:var(--color-override, var(--cpsl-color-text-subtle))}:host(.inverted){color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.inverted)>p,:host(.inverted) h1,:host(.inverted) h2,:host(.inverted) h3,:host(.inverted) h4,:host(.inverted) h5,:host(.inverted) h6{color:var(--color-override, var(--cpsl-color-text-inverted))}:host(.error){color:var(--color-override, var(--cpsl-color-text-error))}:host(.error)>p,:host(.error) h1,:host(.error) h2,:host(.error) h3,:host(.error) h4,:host(.error) h5,:host(.error) h6{color:var(--color-override, var(--cpsl-color-text-error))}:host(.contrast){color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.contrast)>p,:host(.contrast) h1,:host(.contrast) h2,:host(.contrast) h3,:host(.contrast) h4,:host(.contrast) h5,:host(.contrast) h6{color:var(--color-override, var(--cpsl-color-text-contrast))}:host(.regular){font-weight:400}:host(.regular)>p,:host(.regular) h1,:host(.regular) h2,:host(.regular) h3,:host(.regular) h4,:host(.regular) h5,:host(.regular) h6{font-weight:400}:host(.medium){font-weight:500}:host(.medium)>p,:host(.medium) h1,:host(.medium) h2,:host(.medium) h3,:host(.medium) h4,:host(.medium) h5,:host(.medium) h6{font-weight:500}:host(.semi-bold){font-weight:600}:host(.semi-bold)>p,:host(.semi-bold) h1,:host(.semi-bold) h2,:host(.semi-bold) h3,:host(.semi-bold) h4,:host(.semi-bold) h5,:host(.semi-bold) h6{font-weight:600}:host(.bold){font-weight:700}:host(.bold)>p,:host(.bold) h1,:host(.bold) h2,:host(.bold) h3,:host(.bold) h4,:host(.bold) h5,:host(.bold) h6{font-weight:700}:host(.body-2xs){font-size:var(--cpsl-font-size-body-2xs)}:host(.body-2xs)>p,:host(.body-2xs) h1,:host(.body-2xs) h2,:host(.body-2xs) h3,:host(.body-2xs) h4,:host(.body-2xs) h5,:host(.body-2xs) h6{font-size:var(--cpsl-font-size-body-2xs)}:host(.body-xs){font-size:var(--cpsl-font-size-body-xs)}:host(.body-xs)>p,:host(.body-xs) h1,:host(.body-xs) h2,:host(.body-xs) h3,:host(.body-xs) h4,:host(.body-xs) h5,:host(.body-xs) h6{font-size:var(--cpsl-font-size-body-xs)}:host(.body-s){font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-s)>p,:host(.body-s) h1,:host(.body-s) h2,:host(.body-s) h3,:host(.body-s) h4,:host(.body-s) h5,:host(.body-s) h6{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host(.body-m){font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-m)>p,:host(.body-m) h1,:host(.body-m) h2,:host(.body-m) h3,:host(.body-m) h4,:host(.body-m) h5,:host(.body-m) h6{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host(.body-l){font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-l)>p,:host(.body-l) h1,:host(.body-l) h2,:host(.body-l) h3,:host(.body-l) h4,:host(.body-l) h5,:host(.body-l) h6{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host(.body-xl){font-size:var(--cpsl-font-size-body-xl)}:host(.body-xl)>p,:host(.body-xl) h1,:host(.body-xl) h2,:host(.body-xl) h3,:host(.body-xl) h4,:host(.body-xl) h5,:host(.body-xl) h6{font-size:var(--cpsl-font-size-body-xl)}:host(.heading-xs){font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-xs)>p,:host(.heading-xs) h1,:host(.heading-xs) h2,:host(.heading-xs) h3,:host(.heading-xs) h4,:host(.heading-xs) h5,:host(.heading-xs) h6{font-size:var(--cpsl-font-size-heading-xs)}:host(.heading-s){font-size:var(--cpsl-font-size-heading-s)}:host(.heading-s)>p,:host(.heading-s) h1,:host(.heading-s) h2,:host(.heading-s) h3,:host(.heading-s) h4,:host(.heading-s) h5,:host(.heading-s) h6{font-size:var(--cpsl-font-size-heading-s)}:host(.heading-m){font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-m)>p,:host(.heading-m) h1,:host(.heading-m) h2,:host(.heading-m) h3,:host(.heading-m) h4,:host(.heading-m) h5,:host(.heading-m) h6{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host(.heading-l){font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-l)>p,:host(.heading-l) h1,:host(.heading-l) h2,:host(.heading-l) h3,:host(.heading-l) h4,:host(.heading-l) h5,:host(.heading-l) h6{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host(.heading-xl){font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-xl)>p,:host(.heading-xl) h1,:host(.heading-xl) h2,:host(.heading-xl) h3,:host(.heading-xl) h4,:host(.heading-xl) h5,:host(.heading-xl) h6{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host(.heading-2xl){font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host(.heading-2xl)>p,:host(.heading-2xl) h1,:host(.heading-2xl) h2,:host(.heading-2xl) h3,:host(.heading-2xl) h4,:host(.heading-2xl) h5,:host(.heading-2xl) h6{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}:host p,h1,h2,h3,h4,h5,h6{font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}:host p::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}";
|
|
21498
21499
|
const CpslTextStyle0 = cpslTextCss;
|
|
21499
21500
|
|
|
21500
21501
|
const TEXT_EL_PART = 'text-element';
|
|
21501
21502
|
const CpslText = class {
|
|
21502
21503
|
constructor(hostRef) {
|
|
21503
21504
|
registerInstance(this, hostRef);
|
|
21504
|
-
this.getContent = (
|
|
21505
|
+
this.getContent = () => {
|
|
21505
21506
|
switch (this.variant) {
|
|
21506
21507
|
case 'headingXS': {
|
|
21507
|
-
return (h("h6", {
|
|
21508
|
+
return (h("h6", { part: TEXT_EL_PART }, h("slot", null)));
|
|
21508
21509
|
}
|
|
21509
21510
|
case 'headingS': {
|
|
21510
|
-
return (h("h5", {
|
|
21511
|
+
return (h("h5", { part: TEXT_EL_PART }, h("slot", null)));
|
|
21511
21512
|
}
|
|
21512
21513
|
case 'headingM': {
|
|
21513
|
-
return (h("h4", {
|
|
21514
|
+
return (h("h4", { part: TEXT_EL_PART }, h("slot", null)));
|
|
21514
21515
|
}
|
|
21515
21516
|
case 'headingL': {
|
|
21516
|
-
return (h("h3", {
|
|
21517
|
+
return (h("h3", { part: TEXT_EL_PART }, h("slot", null)));
|
|
21517
21518
|
}
|
|
21518
21519
|
case 'headingXL': {
|
|
21519
|
-
return (h("h2", {
|
|
21520
|
+
return (h("h2", { part: TEXT_EL_PART }, h("slot", null)));
|
|
21520
21521
|
}
|
|
21521
21522
|
case 'heading2XL': {
|
|
21522
|
-
return (h("h1", {
|
|
21523
|
+
return (h("h1", { part: TEXT_EL_PART }, h("slot", null)));
|
|
21523
21524
|
}
|
|
21524
21525
|
default: {
|
|
21525
|
-
return (h("p", {
|
|
21526
|
+
return (h("p", { part: TEXT_EL_PART }, h("slot", null)));
|
|
21526
21527
|
}
|
|
21527
21528
|
}
|
|
21528
21529
|
};
|
|
@@ -21531,8 +21532,7 @@ const CpslText = class {
|
|
|
21531
21532
|
this.weight = 'regular';
|
|
21532
21533
|
}
|
|
21533
21534
|
render() {
|
|
21534
|
-
return (h(Host, { key: '
|
|
21535
|
-
classes: {
|
|
21535
|
+
return (h(Host, { key: '0fe34c3a91b7ac83a985eccbf47aa423c21123c1', class: {
|
|
21536
21536
|
// COLORS
|
|
21537
21537
|
'primary': this.color === 'primary',
|
|
21538
21538
|
'secondary': this.color === 'secondary',
|
|
@@ -21558,8 +21558,7 @@ const CpslText = class {
|
|
|
21558
21558
|
'heading-l': this.variant === 'headingL',
|
|
21559
21559
|
'heading-xl': this.variant === 'headingXL',
|
|
21560
21560
|
'heading-2xl': this.variant === 'heading2XL',
|
|
21561
|
-
},
|
|
21562
|
-
})));
|
|
21561
|
+
} }, this.getContent()));
|
|
21563
21562
|
}
|
|
21564
21563
|
};
|
|
21565
21564
|
CpslText.style = CpslTextStyle0;
|