@usecapsule/core-components 2.0.9 → 3.0.1

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-87ba56f9.js');
+const index = require('./index-5733071e.js');
 const _commonjsHelpers = require('./_commonjsHelpers-b3309d7b.js');
 
 var lottie$1 = {exports: {}};
@@ -20118,7 +20118,7 @@ const CpslAnimation = class {
         return this.el.shadowRoot.getElementById('animation-container');
     }
     render() {
-        return (index.h(index.Host, { key: '5fab748126f7b18a9051aa89df1b8a78ef647648' }, index.h("div", { key: 'b9cac260ee00f54a56c7cd249850a8df5e84dc3b', part: "animation-container", id: "animation-container", class: "animation-container" })));
+        return (index.h(index.Host, { key: '7a121c6f09a28dcffdd54d837b75d442b27c48f0' }, index.h("div", { key: '15accd8138d211272bcdce917fbcb347f7ce4697', part: "animation-container", id: "animation-container", class: "animation-container" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-87ba56f9.js');
+const index = require('./index-5733071e.js');
 
 const SIZE_TO_MEDIA = {
     xs: '(min-width: 0px)',
@@ -115,7 +115,7 @@ const CpslCol = class {
     }
     render() {
         const isRTL = document.dir === 'rtl';
-        return (index.h(index.Host, { key: 'fdb8a99b8b9225949b4eea931277e461efac29eb', style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, index.h("slot", { key: '0976c09d835a37413455f787596a75eafc1db14f' })));
+        return (index.h(index.Host, { key: 'e883138d5be5bfcffaa61fc3f440cfaf3c2c567d', style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, index.h("slot", { key: '51c74a5a0895f34074b65441be91f02c3243ba8c' })));
     }
 };
 CpslCol.style = CpslColStyle0;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-87ba56f9.js');
+const index = require('./index-5733071e.js');
 
 const cpslGridCss = ":host{-webkit-padding-start:var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));padding-inline-start:var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));-webkit-padding-end:var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));padding-inline-end:var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));padding-top:var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));padding-bottom:var(--cpsl-grid-padding-xs, var(--cpsl-grid-padding, 0px));-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;display:block;flex:1}@media (min-width: 576px){:host{-webkit-padding-start:var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));padding-inline-start:var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));-webkit-padding-end:var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));padding-inline-end:var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));padding-top:var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px));padding-bottom:var(--cpsl-grid-padding-sm, var(--cpsl-grid-padding, 0px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));padding-inline-start:var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));-webkit-padding-end:var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));padding-inline-end:var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));padding-top:var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px));padding-bottom:var(--cpsl-grid-padding-md, var(--cpsl-grid-padding, 0px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));padding-inline-start:var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));-webkit-padding-end:var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));padding-inline-end:var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));padding-top:var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px));padding-bottom:var(--cpsl-grid-padding-lg, var(--cpsl-grid-padding, 0px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));padding-inline-start:var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));-webkit-padding-end:var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));padding-inline-end:var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));padding-top:var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px));padding-bottom:var(--cpsl-grid-padding-xl, var(--cpsl-grid-padding, 0px))}}:host(.grid-fixed){width:var(--cpsl-grid-width-xs, var(--cpsl-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--cpsl-grid-width-sm, var(--cpsl-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--cpsl-grid-width-md, var(--cpsl-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--cpsl-grid-width-lg, var(--cpsl-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--cpsl-grid-width-xl, var(--cpsl-grid-width, 1140px))}}:host(.cpsl-no-padding){--cpsl-grid-column-padding:0;--cpsl-grid-column-padding-xs:0;--cpsl-grid-column-padding-sm:0;--cpsl-grid-column-padding-md:0;--cpsl-grid-column-padding-lg:0;--cpsl-grid-column-padding-xl:0}";
 const CpslGridStyle0 = cpslGridCss;
@@ -13,9 +13,9 @@ const CpslGrid = class {
         this.fixed = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'ad08de3e168770731291ad1fd2ddffcac4ca6145', class: {
+        return (index.h(index.Host, { key: '7f71c4736413c5fd6a742716da614991ef6a585e', class: {
                 'grid-fixed': this.fixed,
-            } }, index.h("slot", { key: '0c93c6a07b6acfaa4bd50c6edabbae30e37ed09d' })));
+            } }, index.h("slot", { key: '98f624d6d897aca30adcd75b14ef88124781981a' })));
     }
 };
 CpslGrid.style = CpslGridStyle0;

package/dist/cjs/cpsl-info-box.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-87ba56f9.js');
+const index = require('./index-5733071e.js');
 
 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-secondary);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";
 const CpslInfoBoxStyle0 = cpslInfoBoxCss;
@@ -12,7 +12,7 @@ const CpslInfoBox = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'c3adc346763da83e631c71bbc4f1ce7aad99ba04' }, index.h("div", { key: 'c03ce70d8c94d42264216c1376d81f8601a45656', class: "info-box-container" }, index.h("slot", { key: '3ae35495b7371479d0ad8e731011fb8b06a2c0d9' }))));
+        return (index.h(index.Host, { key: '519995e7bf034f2bf6bda24249a0acf5264bc0ab' }, index.h("div", { key: '076b0866fbfa4812c5403511ec7048c99bba1823', class: "info-box-container" }, index.h("slot", { key: 'e00f6c9efa7f3701b58f8f20808b6323f9618877' }))));
     }
 };
 CpslInfoBox.style = CpslInfoBoxStyle0;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-87ba56f9.js');
+const index = require('./index-5733071e.js');
 
 const cpslRowCss = ":host{display:flex;flex-wrap:wrap}";
 const CpslRowStyle0 = cpslRowCss;
@@ -12,7 +12,7 @@ const CpslRow = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5f061d20ff017b612a4bada01c66992795cbabe1' }, index.h("slot", { key: 'ba35af68f6f00e8b12ff3c091935482beb10d27c' })));
+        return (index.h(index.Host, { key: '4a88600c071a5ec733e3480e94037c2936effacd' }, index.h("slot", { key: '6ed654883b1acd711843480702821efba06cec96' })));
     }
 };
 CpslRow.style = CpslRowStyle0;

package/dist/cjs/{index-87ba56f9.js → index-5733071e.js}

@@ -1069,6 +1069,9 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
             maybePromise = safeCall(instance, 'componentWillLoad');
         }
     }
+    {
+        maybePromise = enqueue(maybePromise, () => safeCall(instance, 'componentWillRender'));
+    }
     endSchedule();
     return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -1889,10 +1892,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'cpsl-alert_18.cjs':
+                case 'cpsl-alert_29.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './cpsl-alert_18.cjs.entry.js')); }).then(processMod, consoleError);
+                        './cpsl-alert_29.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'cpsl-animation.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2014,4 +2017,4 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-87ba56f9.js.map
+//# sourceMappingURL=index-5733071e.js.map