@usecapsule/core-components 3.2.0 → 3.3.0-dev.1

package/dist/capsule/{p-dc4591d5.entry.js → p-69c3c53b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as s,g as o}from"./p-fa6b7678.js";const a=":host{display:none;position:absolute;top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center;z-index:10005}:host .card{z-index:10005;opacity:0;position:relative;transition:all}:host(.no-overlay){position:relative;top:unset;left:unset;width:100%;height:auto}:host(.open) .card{opacity:1}:host(.elevated) .card{--card-border-width:0px}:host(.elevated) .card::part(card-container){box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.12)}";const n=a;const h=class{constructor(i){t(this,i);this.cpslModalEntering=e(this,"cpslModalEntering",7);this.cpslModalEntered=e(this,"cpslModalEntered",7);this.cpslModalExiting=e(this,"cpslModalExiting",7);this.cpslModalExited=e(this,"cpslModalExited",7);this.enterTransitionDuration=.15;this.exitTransitionDuration=.15;this.elevated=undefined;this.noOverlay=undefined;this.open=undefined;this.zIndexOverride=undefined}toggleHeight(){if(!this.open){this.cpslModalExiting.emit();setTimeout((()=>{this.el.style.display="none";this.cpslModalExited.emit()}),this.exitTransitionDuration*1e3)}else{this.cpslModalEntering.emit();this.el.style.display="flex";setTimeout((()=>{this.cpslModalEntered.emit()}),this.enterTransitionDuration*1e3)}}componentDidLoad(){this.toggleHeight()}render(){return i(s,{key:"0682407f6320fe77b42e4ceed6a9b7738a1b5541",class:{open:this.open,elevated:this.elevated,"no-overlay":this.noOverlay}},!this.noOverlay&&i("cpsl-overlay",{key:"2b9a8280643c0b665864c6b3ea863211125d941e",zIndexOverride:Boolean(this.zIndexOverride)?this.zIndexOverride:undefined,id:"overlay",open:this.open,enterTransitionDuration:this.enterTransitionDuration,exitTransitionDuration:this.exitTransitionDuration}),i("cpsl-card",{key:"d4aac4aeba42590762fec771bd9053982d02324b",class:"card",style:{transitionDuration:this.open?`${this.exitTransitionDuration}s`:`${this.enterTransitionDuration}s`}},i("slot",{key:"39043016d1b266aeedd62471e70e91c6cbcbc0f1"})))}get el(){return o(this)}static get watchers(){return{open:["toggleHeight"]}}};h.style=n;export{h as cpsl_modal_v2};
-//# sourceMappingURL=p-dc4591d5.entry.js.map
+import{r as t,c as e,h as i,H as s,g as a}from"./p-fa6b7678.js";const o=":host{display:none;position:absolute;top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center;z-index:10005}:host .card{z-index:10005;opacity:0;position:relative;transition:all}:host(.no-overlay){position:relative;top:unset;left:unset;width:100%;height:auto}:host(.open) .card{opacity:1}:host(.elevated) .card{--card-border-width:0px}:host(.elevated) .card::part(card-container){box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.12)}";const n=o;const h=class{constructor(i){t(this,i);this.cpslModalEntering=e(this,"cpslModalEntering",7);this.cpslModalEntered=e(this,"cpslModalEntered",7);this.cpslModalExiting=e(this,"cpslModalExiting",7);this.cpslModalExited=e(this,"cpslModalExited",7);this.enterTransitionDuration=.15;this.exitTransitionDuration=.15;this.elevated=undefined;this.noOverlay=undefined;this.open=undefined;this.zIndexOverride=undefined}toggleHeight(){if(!this.open){this.cpslModalExiting.emit();setTimeout((()=>{this.el.style.display="none";this.cpslModalExited.emit()}),this.exitTransitionDuration*1e3)}else{this.cpslModalEntering.emit();this.el.style.display="flex";setTimeout((()=>{this.cpslModalEntered.emit()}),this.enterTransitionDuration*1e3)}}componentDidLoad(){this.toggleHeight()}render(){return i(s,{key:"0682407f6320fe77b42e4ceed6a9b7738a1b5541",class:{open:this.open,elevated:this.elevated,"no-overlay":this.noOverlay}},!this.noOverlay&&i("cpsl-overlay",{key:"23a4453e4aef7ab92d281fd8c3cfe751e5a9a814",zIndexOverride:this.zIndexOverride?this.zIndexOverride:undefined,id:"overlay",open:this.open,enterTransitionDuration:this.enterTransitionDuration,exitTransitionDuration:this.exitTransitionDuration}),i("cpsl-card",{key:"a8703d0aa0144970928dab18b153ceb703292433",class:"card",style:{transitionDuration:this.open?`${this.exitTransitionDuration}s`:`${this.enterTransitionDuration}s`}},i("slot",{key:"502bb4e11f0520dfeb027a06d7bbb21843cb579f"})))}get el(){return a(this)}static get watchers(){return{open:["toggleHeight"]}}};h.style=n;export{h as cpsl_modal_v2};
+//# sourceMappingURL=p-69c3c53b.entry.js.map

package/dist/capsule/p-69c3c53b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cpslModalV2Css","CpslModalV2Style0","CpslModalV2","toggleHeight","this","open","cpslModalExiting","emit","setTimeout","el","style","display","cpslModalExited","exitTransitionDuration","cpslModalEntering","cpslModalEntered","enterTransitionDuration","componentDidLoad","render","h","Host","key","class","elevated","noOverlay","zIndexOverride","undefined","id","transitionDuration"],"sources":["src/components/cpsl-modal-v2/cpsl-modal-v2.scss?tag=cpsl-modal-v2&encapsulation=shadow","src/components/cpsl-modal-v2/cpsl-modal-v2.tsx"],"sourcesContent":["@use 'sass:map';\n@import '../../themes/capsule.globals';\n\n:host {\n  display: none;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  justify-content: center;\n  align-items: center;\n\n  z-index: map.get($z-indices, 'modal');\n\n  & .card {\n    z-index: map.get($z-indices, 'modal');\n    opacity: 0;\n\n    position: relative;\n\n    transition: all;\n  }\n}\n\n:host(.no-overlay) {\n  position: relative;\n  top: unset;\n  left: unset;\n  width: 100%;\n  height: auto;\n}\n\n:host(.open) {\n  & .card {\n    opacity: 1;\n  }\n}\n\n:host(.elevated) {\n  & .card {\n    --card-border-width: 0px;\n\n    &::part(card-container) {\n      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);\n    }\n  }\n}\n","import { Component, Host, Prop, Watch, Element, Event, h, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-modal-v2',\n  styleUrl: 'cpsl-modal-v2.scss',\n  shadow: true,\n})\nexport class CpslModalV2 {\n  @Element() el!: HTMLCpslModalV2Element;\n\n  /**\n   * Duration in seconds of the modal entering.\n   * Default is .15.\n   */\n  @Prop() enterTransitionDuration?: number = 0.15;\n\n  /**\n   * Duration in seconds of the modal exiting.\n   * Default is .15.\n   */\n  @Prop() exitTransitionDuration?: number = 0.15;\n\n  /**\n   * Whether or not to show the modal with a box shadow.\n   */\n  @Prop() elevated: boolean;\n\n  /**\n   * Whether or not to show the overlay.\n   */\n  @Prop() noOverlay: boolean;\n\n  /**\n   * Whether or not to show the modal.\n   */\n  @Prop() open: boolean;\n\n  /**\n   * Override z-index.\n   */\n  @Prop() zIndexOverride?: number;\n\n  /**\n   * Emitted when enter animation starts.\n   */\n  @Event() cpslModalEntering!: EventEmitter<null>;\n\n  /**\n   * Emitted when enter animation finishes.\n   */\n  @Event() cpslModalEntered!: EventEmitter<null>;\n\n  /**\n   * Emitted when exit animation starts.\n   */\n  @Event() cpslModalExiting!: EventEmitter<null>;\n\n  /**\n   * Emitted when exit animation finishes.\n   */\n  @Event() cpslModalExited!: EventEmitter<null>;\n\n  @Watch('open')\n  toggleHeight() {\n    if (!this.open) {\n      this.cpslModalExiting.emit();\n      // Animate out before setting display to none\n      setTimeout(() => {\n        this.el.style.display = 'none';\n        this.cpslModalExited.emit();\n      }, this.exitTransitionDuration * 1000);\n    } else {\n      this.cpslModalEntering.emit();\n      this.el.style.display = 'flex';\n      setTimeout(() => {\n        this.cpslModalEntered.emit();\n      }, this.enterTransitionDuration * 1000);\n    }\n  }\n\n  componentDidLoad() {\n    this.toggleHeight();\n  }\n\n  render() {\n    return (\n      <Host class={{ 'open': this.open, 'elevated': this.elevated, 'no-overlay': this.noOverlay }}>\n        {!this.noOverlay && (\n          <cpsl-overlay\n            zIndexOverride={this.zIndexOverride ? this.zIndexOverride : undefined}\n            id=\"overlay\"\n            open={this.open}\n            enterTransitionDuration={this.enterTransitionDuration}\n            exitTransitionDuration={this.exitTransitionDuration}\n          />\n        )}\n        <cpsl-card\n          class=\"card\"\n          style={{ transitionDuration: this.open ? `${this.exitTransitionDuration}s` : `${this.enterTransitionDuration}s` }}\n        >\n          <slot></slot>\n        </cpsl-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAiB,qcACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,kQAOqB,I,4BAMD,I,mGA2C1C,YAAAC,GACE,IAAKC,KAAKC,KAAM,CACdD,KAAKE,iBAAiBC,OAEtBC,YAAW,KACTJ,KAAKK,GAAGC,MAAMC,QAAU,OACxBP,KAAKQ,gBAAgBL,MAAM,GAC1BH,KAAKS,uBAAyB,I,KAC5B,CACLT,KAAKU,kBAAkBP,OACvBH,KAAKK,GAAGC,MAAMC,QAAU,OACxBH,YAAW,KACTJ,KAAKW,iBAAiBR,MAAM,GAC3BH,KAAKY,wBAA0B,I,EAItC,gBAAAC,GACEb,KAAKD,c,CAGP,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAEjB,KAAQD,KAAKC,KAAMkB,SAAYnB,KAAKmB,SAAU,aAAcnB,KAAKoB,aAC5EpB,KAAKoB,WACLL,EAAA,gBAAAE,IAAA,2CACEI,eAAgBrB,KAAKqB,eAAiBrB,KAAKqB,eAAiBC,UAC5DC,GAAG,UACHtB,KAAMD,KAAKC,KACXW,wBAAyBZ,KAAKY,wBAC9BH,uBAAwBT,KAAKS,yBAGjCM,EAAA,aAAAE,IAAA,2CACEC,MAAM,OACNZ,MAAO,CAAEkB,mBAAoBxB,KAAKC,KAAO,GAAGD,KAAKS,0BAA4B,GAAGT,KAAKY,6BAErFG,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/cjs/cpsl-alert_33.cjs.entry.js

@@ -33,7 +33,7 @@ const CpslAlert = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9ea40cedf2f696f578a0bd7ff88a788d4136379e', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success' } }, index.h("div", { key: '49eab47245a0bb04dd2f7aa2c6ecae541f3714f6', class: "alert-container" }, this.iconType && index.h("cpsl-icon", { key: '965814c71b595fb51813fd81ba2e91d1c6ffa541', icon: this.iconType }), index.h("slot", { key: '38e31fab2bf261206b5d4debaff18ae7c09fca90' }))));
+        return (index.h(index.Host, { key: '58e67f0d9500653302c87d15a006876ece17256d', class: { error: this.variant === 'error', warning: this.variant === 'warning', success: this.variant === 'success' } }, index.h("div", { key: '66dfcb275d19631aed49a023733bc6a955950651', class: "alert-container" }, this.iconType && index.h("cpsl-icon", { key: 'e71eff78625fe5cdb869070cc116e7cf04b6c3e9', icon: this.iconType }), index.h("slot", { key: '07301d0f46c6a1b275654c46b8e6c69677f38aed' }))));
     }
 };
 CpslAlert.style = CpslAlertStyle0;
@@ -49,13 +49,13 @@ const CpslAppBar = class {
         this.zIndexOverride = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '4608b0dc424585b7e7f865d55b3d217ebe172f04', style: Object.assign({
+        return (index.h(index.Host, { key: '281c1ebcc7ad61ccbd6878fb31d9b52a5860c273', style: Object.assign({
                 // position: this.position,
                 height: `${this.height}px`
-            }, (Boolean(this.zIndexOverride) ? { zIndex: `${this.zIndexOverride}` } : {})) }, index.h("div", { key: 'c598749bcfb29c806856573b9f61141b7b68022e', class: "container", part: "container", style: {
+            }, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})) }, index.h("div", { key: '90fdd0e77212ac8a1c861e2402b34b15a9d26f7b', class: "container", part: "container", style: {
                 position: this.position,
                 height: `${this.height}px`,
-            } }, index.h("slot", { key: '7e2bd9efbe98ca5ff70dd0bc33333d95799f5fe7' })), this.position === 'fixed' && (index.h("div", { key: 'fc4e1e9f6414ccf74c816f19be79b7d4b0df8bd5', style: {
+            } }, index.h("slot", { key: '6aa42ab3e08a7d0629082a0bbba2831b1c9374f2' })), this.position === 'fixed' && (index.h("div", { key: '99169fc7212b22fcaa2e490ee2f6a7aad750e5a3', style: {
                 height: `${this.height}px`,
             } }))));
     }
@@ -136,7 +136,7 @@ const CpslButtonGroup = class {
             item.setAttribute('full-width', 'true');
             this.selectItem();
         });
-        if (Boolean((_a = this.otherSlots) === null || _a === void 0 ? void 0 : _a.length)) {
+        if ((_a = this.otherSlots) === null || _a === void 0 ? void 0 : _a.length) {
             console.error('cpsl-button is the only valid child of cpsl-button-group');
             this.otherSlots.forEach(item => item.remove());
         }
@@ -148,7 +148,7 @@ const CpslButtonGroup = class {
         return this.el.querySelectorAll('&> *:not(cpsl-button)');
     }
     render() {
-        return (index.h(index.Host, { key: '18830efc419c35995cc7b31a89e2405e230f4978' }, index.h("slot", { key: 'f466f88653fd0fe91b258c03706b13adc78be777' })));
+        return (index.h(index.Host, { key: '91ccfcaf08be6fc45076376b19e63b5b58ab9b15' }, index.h("slot", { key: '9af22dc4fcbd76ebc32e476d1682e2fe41b33f81' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -283,7 +283,7 @@ const CpslCodeInput = class {
         return (index.h(index.Host, { key: 'a75b04b3cf649df494520712a822f450e44f106f' }, index.h("div", { key: 'c38ae9fab904d38cd3a3154e2aa4bcdef1e1562b', class: "code-container" }, new Array(this.length).fill(0).map((_, i) => {
             var _a;
             return (index.h("input", { class: { 'code-input': true, 'error': Boolean(this.errorText) }, id: `code-input-${i}`, maxLength: 1, onKeyDown: ev => this.handleKeyDown(i, ev), onInput: ev => this.handleInput(i, ev), onFocus: () => this.handleFocus(i), onPaste: this.handlePaste, min: 0, max: 9, value: (_a = this.code) === null || _a === void 0 ? void 0 : _a[i], inputMode: this.type === 'number' ? 'numeric' : 'text' }));
-        })), (this.errorText || this.helperText) && (index.h("div", { key: '96041359166b5a633d4e4598d22523553592ed4e', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { key: '32dd48613df030cc809331567df2972eb987701d', icon: Boolean(this.errorText) ? 'alertCircle' : 'infoCircle' }), index.h("span", { key: 'ddba19144be6675259254e698de8668ee4662324' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+        })), (this.errorText || this.helperText) && (index.h("div", { key: '96041359166b5a633d4e4598d22523553592ed4e', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("cpsl-icon", { key: 'ea92b75ad3d82c4a3473b758f98f873fc1b84b4c', icon: this.errorText ? 'alertCircle' : 'infoCircle' }), index.h("span", { key: '09a2ae795033faab8bc187cbe5d3073aeae4b977' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     get el() { return index.getElement(this); }
 };
@@ -339,12 +339,12 @@ const CpslDrawer = class {
         const setHeight = this.anchor === 'top' || this.anchor === 'bottom';
         const startingAnchor = (_a = `${this.anchorPosition}px`) !== null && _a !== void 0 ? _a : '0px';
         const size = this.size === 'auto' ? 'auto' : `${this.size}px`;
-        return (index.h(index.Host, { key: '9568be6ee1897a96bbdb18dabfd32d40ba6a6fa5', style: Object.assign({ width: setHeight ? '100vw' : size, height: setHeight ? size : '100vh', transitionDuration: `${this.showTransition ? this.transitionDuration : 0}s`, transitionTimingFunction: `${this.transitionFunction}`, [this.anchor]: this.open || this.variant === 'permanent' ? startingAnchor : this.closedAnchorPosition, opacity: this.closedAnchorPosition === undefined ? '0' : '1' }, (Boolean(this.zIndexOverride) ? { zIndex: `${this.zIndexOverride}` } : {})), class: {
+        return (index.h(index.Host, { key: '81d454f0a4532e333880f4e37a79545ee5710536', style: Object.assign({ width: setHeight ? '100vw' : size, height: setHeight ? size : '100vh', transitionDuration: `${this.showTransition ? this.transitionDuration : 0}s`, transitionTimingFunction: `${this.transitionFunction}`, [this.anchor]: this.open || this.variant === 'permanent' ? startingAnchor : this.closedAnchorPosition, opacity: this.closedAnchorPosition === undefined ? '0' : '1' }, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})), class: {
                 top: this.anchor === 'top',
                 bottom: this.anchor === 'bottom',
                 left: this.anchor === 'left',
                 right: this.anchor === 'right',
-            } }, this.variant === 'temporary' && !this.noOverlay && (index.h("cpsl-overlay", { key: '6ef14dc2350c5c37d58eb86e9d8fafd8ffd1c56b', open: this.open, zIndexOverride: constants.DEFAULT_Z_INDICES.modal + 1 })), index.h("div", { key: '317ce432fcd3865ac162b5a25a5511a15caeab40', id: "container", class: "container", part: "container" }, index.h("slot", { key: '9c547c861b9146ec5aea40004895e0d5d45138aa' }))));
+            } }, this.variant === 'temporary' && !this.noOverlay && (index.h("cpsl-overlay", { key: '96f094c52ac1dc963494319933e3b59f798a6542', open: this.open, zIndexOverride: constants.DEFAULT_Z_INDICES.modal + 1 })), index.h("div", { key: '1c201b7a8ba0a86e56b8c8aad35b2028574c9671', id: "container", class: "container", part: "container" }, index.h("slot", { key: 'e4e6b5b4f761a05d0e4dbe38fa12657e5c44ceca' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -5228,7 +5228,7 @@ const CpslFileUpload = class {
         this.handleInputChange = (ev) => __awaiter$1(this, void 0, void 0, function* () {
             ev.preventDefault();
             const input = this.inputEl;
-            if (Boolean(input.files.length)) {
+            if (input.files.length) {
                 const file = input.files[0];
                 if (this.isValidFile(file.type)) {
                     yield this.addFile(file);
@@ -5237,7 +5237,7 @@ const CpslFileUpload = class {
         });
         this.isValidFile = (type) => {
             var _a;
-            if (Boolean((_a = this.fileTypes) === null || _a === void 0 ? void 0 : _a.length) ? !this.fileTypes.includes(type) : false) {
+            if (((_a = this.fileTypes) === null || _a === void 0 ? void 0 : _a.length) ? !this.fileTypes.includes(type) : false) {
                 return false;
             }
             return true;
@@ -5247,7 +5247,7 @@ const CpslFileUpload = class {
             this.cpslFileChange.emit(file);
             this.uploadError = false;
             this.isUploading = true;
-            const uploadSuccess = Boolean(this.uploadFile) ? yield this.uploadFile(file) : true;
+            const uploadSuccess = this.uploadFile ? yield this.uploadFile(file) : true;
             if (!uploadSuccess) {
                 this.uploadError = true;
                 const input = this.inputEl;
@@ -5286,17 +5286,17 @@ const CpslFileUpload = class {
         const isUploading = this.isUploading;
         const error = this.uploadError;
         const text = !hasFile ? (index.h(index.Fragment, null, 'Drag file here or ', index.h("cpsl-text", { class: "inline-text", variant: "bodyXS" }, "upload file"))) : isUploading ? (`${this.file.name} is uploading`) : error ? ('Upload Failed') : (((_a = this.file) === null || _a === void 0 ? void 0 : _a.name) || this.externalFilename || '');
-        const TopElement = !hasFile ? (index.h("cpsl-icon", { icon: "image" })) : isUploading ? (index.h("cpsl-spinner", null)) : error ? (index.h("cpsl-icon", { icon: "close" })) : (index.h("img", { class: "sample-img", src: Boolean(this.file) ? URL.createObjectURL(this.file) : this.externalSrc, alt: "Sample Image" }));
+        const TopElement = !hasFile ? (index.h("cpsl-icon", { icon: "image" })) : isUploading ? (index.h("cpsl-spinner", null)) : error ? (index.h("cpsl-icon", { icon: "close" })) : (index.h("img", { class: "sample-img", src: this.file ? URL.createObjectURL(this.file) : this.externalSrc, alt: "Sample Image" }));
         return (index.h(index.Fragment, null, TopElement, index.h("span", { class: "sample-image-name-container" }, index.h("cpsl-text", { class: "sample-image-name", variant: "bodyXS" }, text), hasFile && !error && !isUploading && index.h("cpsl-icon", { icon: "close", onClick: this.removeFile }))));
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'fd110192fe9a14089d8671d9091132d7f3d3b2c2' }, this.label && (index.h("label", { key: '2915f8854e6f53ef3e5c0ebde58ac49ab4dda377', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("slot", { key: '9dcc6ad98cf8ceea075a498fddd9a33eede5b50c', name: "label" }), index.h("div", { key: 'ba0e490eb3d18e9bf2aedbc60151d27b5cef75a9', class: {
+        return (index.h(index.Host, { key: '7d86bbac92b88c5e0b4a7c79cde8b2669f3801c2' }, this.label && (index.h("label", { key: 'eb364a27a57b278c5f6a75b793369e07ced1ea2c', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("slot", { key: 'e40411eb484d37dcc9980aaab3a1f69aaf954cc0', name: "label" }), index.h("div", { key: '89002e60d7f77b252f0c2975ce7a06e60fc2f869', class: {
                 'container': true,
                 'error': Boolean(this.errorText),
                 'drag': this.dragOver,
                 'drag-error': this.dragError,
-            } }, index.h("div", { key: '781df9aefcdd73a2ee39ec9d5afd323c9df607d5', class: { 'label-container': true } }, index.h("slot", { key: '4ead666c56a93bce34c89ee89cf971d10dab9d27', name: "left-content" })), index.h("div", { key: 'feb54192c2a64da5ffab558ec2739cf2e3243822', class: { 'file-container': true } }, this.FileContent), index.h("input", { key: '9a1cd7cd2e001a2a1334f772cf7322308e5558cf', id: this.inputId, type: "file", accept: (_b = (_a = this.fileTypes) === null || _a === void 0 ? void 0 : _a.join(', ')) !== null && _b !== void 0 ? _b : '*', files: Boolean(this.file) ? [this.file] : undefined, onDrop: this.handleDrop, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, onChange: this.handleInputChange })), (this.errorText || this.helperText) && (index.h("div", { key: '427df561a22254aae3fffc71838f8b833a83b1c8', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '65074449f66454fa4f49c2708a486442f4576e46' }, (_c = this.errorText) !== null && _c !== void 0 ? _c : this.helperText)))));
+            } }, index.h("div", { key: '8bafc5c869a0bce30ab2d8b5a0637a3e0107c6fa', class: { 'label-container': true } }, index.h("slot", { key: '45243bf17f5ea2e330146b1b87f5f2d523ac9250', name: "left-content" })), index.h("div", { key: '7e2da2facbb1f602b9da2f2a02f8993f629d14a8', class: { 'file-container': true } }, this.FileContent), index.h("input", { key: '6f16f2eeab60fb48018d98ff97de89707d1fdef2', id: this.inputId, type: "file", accept: (_b = (_a = this.fileTypes) === null || _a === void 0 ? void 0 : _a.join(', ')) !== null && _b !== void 0 ? _b : '*', files: this.file ? [this.file] : undefined, onDrop: this.handleDrop, onDragEnter: this.handleDragEnter, onDragLeave: this.handleDragLeave, onChange: this.handleInputChange })), (this.errorText || this.helperText) && (index.h("div", { key: '26967c087e20d68251d603257fbe0ba491807043', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: 'a1c85bed3f74a2f1808fb5f472bddf4c9ea7dc7b' }, (_c = this.errorText) !== null && _c !== void 0 ? _c : this.helperText)))));
     }
     get el() { return index.getElement(this); }
 };
@@ -5313,7 +5313,7 @@ const CpslIcon = class {
         this.icon = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '6960e6da25cb3cd108021f8a5aa20a92a24f92b3', part: "icon", role: "img" }, !Boolean(this.icon) ? index.h("img", { src: this.src }) : index.h("div", { innerHTML: Icons[this.icon] })));
+        return (index.h(index.Host, { key: '6960e6da25cb3cd108021f8a5aa20a92a24f92b3', part: "icon", role: "img" }, !this.icon ? index.h("img", { src: this.src }) : index.h("div", { innerHTML: Icons[this.icon] })));
     }
 };
 CpslIcon.style = CpslIconStyle0;
@@ -5332,7 +5332,7 @@ const CpslInput = class {
         this.inputId = `cpsl-input-${inputIds$1++}`;
         this.onInput = (ev) => {
             const input = ev.target;
-            if (Boolean(input)) {
+            if (input) {
                 this.value = input.value || '';
                 input.value === '' ? this.disableSlots() : this.enableSlots();
             }
@@ -5427,7 +5427,7 @@ const CpslInput = class {
     // }
     componentDidLoad() {
         this.initButtons();
-        if (Boolean(this.value)) {
+        if (this.value) {
             this.enableSlots();
         }
         else {
@@ -5489,11 +5489,11 @@ const CpslInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'fcdf39d74fbf944bfce7aecfcaaa8dea03f08d1b', class: {
+        return (index.h(index.Host, { key: 'f406b64446832eb4f25c668707ce66194bcf7770', class: {
                 'disabled': this.disabled,
                 'focused': this.hasFocus,
                 'has-value': Boolean(this.focusedValue) || Boolean(this.value),
-            } }, this.label && (index.h("label", { key: '1925b9b4b93e24681d95911e40ba3a04ab56316e', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '3b06f5daeab283875895ef75fb8b72d495603562', class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: '18f58bba907b45c70920f1f0f518df30997f6db6', name: "start" }), index.h("input", { key: '6dcabf1f887a07c9d1e8349831ab081ba42f597a', class: "native-input", ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), index.h("slot", { key: 'c15f8bc41b7a5f59128c415aa513244d2aa4e057', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { key: '7d724d32d322c93e0572000376e0e4110537af4d', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '53254d2773c5ec3384e7cdf7de51ae1955564b57' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
+            } }, this.label && (index.h("label", { key: '5b2c4f219de0d03aebe4ae38a75c9132c9b2b9ea', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '9c050f74275e83c717ab3f8f6af8a5bd0693a4b4', class: { 'input-container': true, 'error-container': Boolean(this.errorText) } }, index.h("slot", { key: '4633e4edbc36defba6bd94ee65b6150c4c5ddf50', name: "start" }), index.h("input", { key: '4a5b287135486260dec2a14077a2a6e933a5cbb7', class: "native-input", ref: input => (this.nativeInput = input), id: this.inputId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, type: this.type, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.focusInput, onPaste: this.onPaste }), index.h("slot", { key: '476c2c16758a1c7227cd6903ff1b2de3befbaab9', name: "end" })), (this.errorText || this.helperText) && (index.h("div", { key: '0490e976cb9fc8f36ba0dee545e72346f574daf6', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '9500ff41ad9119d311dc5bfbf5fd583586728d78' }, (_a = this.errorText) !== null && _a !== void 0 ? _a : this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -14867,9 +14867,9 @@ const CpslModal = class {
     }
     render() {
         if (this.noOverlay) {
-            return (index.h(index.Host, { style: Boolean(this.zIndexOverride) ? { zIndex: `${this.zIndexOverride}` } : {}, class: "no-overlay" }, this.Modal));
+            return (index.h(index.Host, { style: this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {}, class: "no-overlay" }, this.Modal));
         }
-        return (index.h(index.Host, { style: Boolean(this.zIndexOverride) ? { zIndex: `${this.zIndexOverride}` } : {}, class: { 'include-mobile-styling': true } }, index.h("cpsl-overlay", { zIndexOverride: Boolean(this.zIndexOverride) ? this.zIndexOverride : undefined, id: "overlay", open: this.open, enterTransitionDuration: this.enterTransitionDuration, exitTransitionDuration: this.exitTransitionDuration }), index.h("div", { id: "modal-wrapper", class: "modal-wrapper" }, this.Modal)));
+        return (index.h(index.Host, { style: this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {}, class: { 'include-mobile-styling': true } }, index.h("cpsl-overlay", { zIndexOverride: this.zIndexOverride ? this.zIndexOverride : undefined, id: "overlay", open: this.open, enterTransitionDuration: this.enterTransitionDuration, exitTransitionDuration: this.exitTransitionDuration }), index.h("div", { id: "modal-wrapper", class: "modal-wrapper" }, this.Modal)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -14904,7 +14904,7 @@ const CpslNavButtonGroup = class {
             item.setAttribute('full-width', 'true');
             this.selectItem();
         });
-        if (Boolean((_a = this.otherSlots) === null || _a === void 0 ? void 0 : _a.length)) {
+        if ((_a = this.otherSlots) === null || _a === void 0 ? void 0 : _a.length) {
             console.error('cpsl-button is the only valid child of cpsl-nav-button-group');
             this.otherSlots.forEach(item => item.remove());
         }
@@ -14916,7 +14916,7 @@ const CpslNavButtonGroup = class {
         return this.el.querySelectorAll('&> *:not(cpsl-button)');
     }
     render() {
-        return (index.h(index.Host, { key: 'b9d10d5d01a10dc63887d524468096b3741b1df8' }, index.h("slot", { key: 'b27f6cdf9b85fff82445dba96732e9644a3d597b' })));
+        return (index.h(index.Host, { key: '067afdd4450da73433b1f3f2c1de751e79aadd70' }, index.h("slot", { key: '109be26467469f2120b756b10a233efe1cf2f77c' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -14957,7 +14957,7 @@ const CpslOverlay = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c8eac44811db97343f9bfa769800cd2fc6528617', style: Boolean(this.zIndexOverride) ? { zIndex: `${this.zIndexOverride}` } : {} }, index.h("slot", { key: '2224cfed49cb4577b2d1939e53657ec5b8c85856' })));
+        return (index.h(index.Host, { key: 'c82e1811eabb1c2796a77572cc73816187ca57cb', style: this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {} }, index.h("slot", { key: 'a601f5ef8c1042d83b38c74f10359591740fbc72' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -15095,14 +15095,14 @@ const CpslPopover = class {
         this.triggerClicked = false;
         this.configureTriggerInteraction = () => {
             const { trigger, triggerAction, destroyTriggerInteraction } = this;
-            if (Boolean(destroyTriggerInteraction)) {
+            if (destroyTriggerInteraction) {
                 destroyTriggerInteraction();
             }
             if (trigger === undefined) {
                 return;
             }
             this.triggerEl = document.getElementById(trigger);
-            if (!Boolean(this.triggerEl)) {
+            if (!this.triggerEl) {
                 console.error(`A trigger element with the ID "${trigger}" was not found in the DOM.`, this.el);
                 return;
             }
@@ -15163,7 +15163,7 @@ const CpslPopover = class {
         this.setPosition = () => {
             var _a;
             const anchorEl = (_a = this.anchorEl) !== null && _a !== void 0 ? _a : this.triggerEl;
-            if (Boolean(anchorEl)) {
+            if (anchorEl) {
                 const windowWidth = window.innerWidth;
                 const windowHeight = window.innerHeight;
                 const elWidth = this.el.clientWidth;
@@ -15281,7 +15281,7 @@ const CpslPopover = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '6e949ffef54dfbc76c739243e222e58ea93db103', class: {
+        return (index.h(index.Host, { key: 'b902dfc80a1b92d70729feb0d69ffbd6a266a93c', class: {
                 'open': this.open,
                 'transform-h-left': this.transformOriginHorizontal === 'left',
                 'transform-h-center': this.transformOriginHorizontal === 'center',
@@ -15293,7 +15293,7 @@ const CpslPopover = class {
                 top: `${this.positionY}px`,
                 left: `${this.positionX}px`,
                 width: this.autoWidth ? 'auto' : `${(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.clientWidth}px`,
-            } }, index.h("div", { key: '4cb74feb1ddb1157deb138c22b4ebd6fe423f163', id: "container", class: { container: true, open: this.open } }, index.h("slot", { key: '498c0f9f4e7770ec4b8bd3a4d50be843e0b9445c' }))));
+            } }, index.h("div", { key: 'b0aa879a39c083ab238589bc7093680b1061ad56', id: "container", class: { container: true, open: this.open } }, index.h("slot", { key: '69497b143a41e30a534e24a06d5306e69ac0d410' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -15439,7 +15439,7 @@ const CpslSelect = class {
                     item.setAttribute('selected', 'false');
                 }
             });
-            if (!Boolean(this.selectedValue)) {
+            if (!this.selectedValue) {
                 this.hasSelectedItem = false;
             }
         };
@@ -15494,9 +15494,9 @@ const CpslSelect = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: '9c23dd95815c6d29eb5212084fcc311f93e57267', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (index.h("label", { key: '130663a00456e3e5bfa04002563bdd028094ba00', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '05b090f1bb9857913e33cd34b5a6d506834b0cca', id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && index.h("slot", { key: 'cbf9d5764d4f2d1c3052ad88913a6d3b2e818015', name: "selected-item" }), index.h("div", { key: '3319b3aa5316e63430c6d4cc4d3d4ecd70585650', class: "selected-container-content", id: "selected-container-content" }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: '28dff14553ba27719041fc3097b3a48e9ff186e5', class: { 'selected-text': true, 'placeholder': !Boolean(this.selectedValue) } }, !Boolean(this.selectedValue)
+        return (index.h(index.Host, { key: '50f16e4ffbc8ccd431d957e55dc07455eb5e5c9b', id: this.id, class: { 'disabled': this.disabled, 'focused': this.hasFocus, 'has-value': Boolean(this.selectedValue) } }, this.label && (index.h("label", { key: '47170480aec48780e1bb3b7b2a26b37fa8866f7e', class: "label", htmlFor: this.inputId }, this.label, this.required ? '*' : ' ', !this.required && this.showOptionalLabel ? index.h("span", { class: "optional-label" }, "(optional)") : '')), index.h("div", { key: '1636db18d4ec355ed48dee0105f26c543a2938b0', id: "select-container", class: { 'select-container': true, 'error-container': Boolean(this.errorText) }, onMouseDown: this.handleClick }, this.hasSelectedItem && this.showFormattedSelectedItem && index.h("slot", { key: 'a2c97abeb6bb7bba8d98dafb4076cfe0d3069a0a', name: "selected-item" }), index.h("div", { key: 'dc97728bb0f38408a66277a63b1109ab0bcc7dd3', class: "selected-container-content", id: "selected-container-content" }, (!this.hasSelectedItem || !this.showFormattedSelectedItem) && (index.h("cpsl-text", { key: 'd90420a0312ae7e6b2a44a738d3b6503328d5c28', class: { 'selected-text': true, 'placeholder': !this.selectedValue } }, !this.selectedValue
             ? ((_a = this.placeholder) !== null && _a !== void 0 ? _a : 'Select')
-            : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), index.h("cpsl-icon", { key: '632319f9681e4f1c7700c92af8c2739f5d32553e', class: { 'chevron': true, 'open': this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: "chevronUp" }), index.h("input", { key: '72b317986e3b0c331edac92d3ab56d101624984d', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" })), (this.errorText || this.helperText) && (index.h("div", { key: 'ee9231bf262b822f61e168bd6f6f9d07d083fe2e', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '9483445ed8c6e4e18c408e68e6a2aac602f9510f' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText))), index.h("cpsl-popover", { key: 'b6f9b73041dfb1f8795858e7c34551ce126c7b56', autoWidth: false, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: 'ab43501553973078936c80f1af92b34beb4d1d4a', class: "dropdown" }, index.h("div", { key: '76a0edc77e408927b7ccd987e292b0e4b9498582', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: '087e283b2cd807455a4732e8d67799add3362089', name: "items" }))))));
+            : ((_c = (_b = this.formatValue) === null || _b === void 0 ? void 0 : _b.call(this, this.selectedValue)) !== null && _c !== void 0 ? _c : this.selectedValue)))), index.h("cpsl-icon", { key: 'f8e82e83797286597bfef061e78f3768b10501c8', class: { 'chevron': true, 'open': this.popoverOpen, 'has-value': Boolean(this.selectedValue) }, icon: "chevronUp" }), index.h("input", { key: 'e834e3441fe01c9d8a0eecb87a97e3d7451e69fa', id: this.inputId, disabled: this.disabled, class: { disabled: this.disabled }, value: this.selectedValue, onFocus: this.onFocus, onBlur: this.onBlur, onKeyPress: this.handleEnterPress, inputmode: "none" })), (this.errorText || this.helperText) && (index.h("div", { key: 'ec6db31b7f9946c2901b7228bd48cb81c35c6d42', class: { 'helper-text-container': true, 'error-text': Boolean(this.errorText) } }, index.h("span", { key: '45a5695523c4d3b4b96771c766a853c6652910a9' }, (_d = this.errorText) !== null && _d !== void 0 ? _d : this.helperText))), index.h("cpsl-popover", { key: 'fb10a30be9d95efebca36301fb18cf98767a906b', autoWidth: false, trigger: this.id, preventBlur: this.hasFocus, disabled: this.disabled, anchorEl: this.anchorEl }, index.h("div", { key: '13f4a873f7e04d3bf97e8be07b13b6a9c74da366', class: "dropdown" }, index.h("div", { key: 'cc69d0f8ea88c6e8f83ef85a126b011fafdc9159', class: "dropdown-inner", style: { maxHeight: `${this.dropdownMaxHeight}px` } }, index.h("slot", { key: '67a9a69df08e585b81855ac0ca1b8dda17e1888c', name: "items" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -15829,7 +15829,7 @@ const CpslTabs = class {
         }, 50);
     }
     updateTab(newValue, oldValue) {
-        if (Boolean(newValue) && !Boolean(oldValue)) {
+        if (Boolean(newValue) && !oldValue) {
             this.selectedTabRect = getTab(this.tabs, this.selectedTab).getBoundingClientRect();
         }
     }
@@ -15856,7 +15856,7 @@ const CpslTabs = class {
         // Get border width as a number
         const tabsBorderWidth = +getComputedStyle(this.el).getPropertyValue('--tabs-border-width').slice(0, -2);
         const selectedTabRect = this.selectedTabRect;
-        return (index.h(index.Host, { key: 'dec4efb53895d711a0a5d30983f1776d357720d1', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: 'cad62f297e6717cda3910884f58ba2e97ac2bfeb', class: "tabs-container" }, index.h("slot", { key: '9cef9327f6de5c19bcc0d023c673476dc11edc18' }), index.h("div", { key: '1ca0fd524bc1843a3b8bf1115e387d3889859bc8', class: { slider: true, loaded: this.loaded }, style: {
+        return (index.h(index.Host, { key: '9b866a24588194c48561a3c1a1f15c1095499b55', class: { 'full-width': this.fullWidth }, onCpslTabButtonClick: this.onTabClicked }, index.h("div", { key: '4047b6a6773fee92da4f880e50cb7fcbe2171e54', class: "tabs-container" }, index.h("slot", { key: 'b5d92ad7537e81c40202cff115c85a2efb91e847' }), index.h("div", { key: '82eab4791625ec572f616416e500737f4f5d7eeb', class: { slider: true, loaded: this.loaded }, style: {
                 width: `${selectedTabRect.width}px`,
                 left: `${selectedTabRect.x - tabsPosition.x - tabsBorderWidth * 2}px`,
             } }))));