@usecapsule/core-components 2.0.9 → 3.0.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-fd970ca2.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-8fe9f35e.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
 
 var lottie$1 = {exports: {}};
@@ -20114,7 +20114,7 @@ const CpslAnimation = class {
         return this.el.shadowRoot.getElementById('animation-container');
     }
     render() {
-        return (h(Host, { key: '5fab748126f7b18a9051aa89df1b8a78ef647648' }, h("div", { key: 'b9cac260ee00f54a56c7cd249850a8df5e84dc3b', part: "animation-container", id: "animation-container", class: "animation-container" })));
+        return (h(Host, { key: '7a121c6f09a28dcffdd54d837b75d442b27c48f0' }, h("div", { key: '15accd8138d211272bcdce917fbcb347f7ce4697', part: "animation-container", id: "animation-container", class: "animation-container" })));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host } from './index-fd970ca2.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host } from './index-8fe9f35e.js';
 
 const SIZE_TO_MEDIA = {
     xs: '(min-width: 0px)',
@@ -111,7 +111,7 @@ const CpslCol = class {
     }
     render() {
         const isRTL = document.dir === 'rtl';
-        return (h(Host, { key: 'fdb8a99b8b9225949b4eea931277e461efac29eb', style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '0976c09d835a37413455f787596a75eafc1db14f' })));
+        return (h(Host, { key: 'e883138d5be5bfcffaa61fc3f440cfaf3c2c567d', style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '51c74a5a0895f34074b65441be91f02c3243ba8c' })));
     }
 };
 CpslCol.style = CpslColStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fd970ca2.js';
+import { r as registerInstance, h, H as Host } from './index-8fe9f35e.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;
@@ -9,9 +9,9 @@ const CpslGrid = class {
         this.fixed = false;
     }
     render() {
-        return (h(Host, { key: 'ad08de3e168770731291ad1fd2ddffcac4ca6145', class: {
+        return (h(Host, { key: '7f71c4736413c5fd6a742716da614991ef6a585e', class: {
                 'grid-fixed': this.fixed,
-            } }, h("slot", { key: '0c93c6a07b6acfaa4bd50c6edabbae30e37ed09d' })));
+            } }, h("slot", { key: '98f624d6d897aca30adcd75b14ef88124781981a' })));
     }
 };
 CpslGrid.style = CpslGridStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fd970ca2.js';
+import { r as registerInstance, h, H as Host } from './index-8fe9f35e.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;
@@ -8,7 +8,7 @@ const CpslInfoBox = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'c3adc346763da83e631c71bbc4f1ce7aad99ba04' }, h("div", { key: 'c03ce70d8c94d42264216c1376d81f8601a45656', class: "info-box-container" }, h("slot", { key: '3ae35495b7371479d0ad8e731011fb8b06a2c0d9' }))));
+        return (h(Host, { key: '519995e7bf034f2bf6bda24249a0acf5264bc0ab' }, h("div", { key: '076b0866fbfa4812c5403511ec7048c99bba1823', class: "info-box-container" }, h("slot", { key: 'e00f6c9efa7f3701b58f8f20808b6323f9618877' }))));
     }
 };
 CpslInfoBox.style = CpslInfoBoxStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-fd970ca2.js';
+import { r as registerInstance, h, H as Host } from './index-8fe9f35e.js';
 
 const cpslRowCss = ":host{display:flex;flex-wrap:wrap}";
 const CpslRowStyle0 = cpslRowCss;
@@ -8,7 +8,7 @@ const CpslRow = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '5f061d20ff017b612a4bada01c66992795cbabe1' }, h("slot", { key: 'ba35af68f6f00e8b12ff3c091935482beb10d27c' })));
+        return (h(Host, { key: '4a88600c071a5ec733e3480e94037c2936effacd' }, h("slot", { key: '6ed654883b1acd711843480702821efba06cec96' })));
     }
 };
 CpslRow.style = CpslRowStyle0;

package/dist/esm/{index-fd970ca2.js → index-8fe9f35e.js}

@@ -1047,6 +1047,9 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
             maybePromise = safeCall(instance, 'componentWillLoad');
         }
     }
+    {
+        maybePromise = enqueue(maybePromise, () => safeCall(instance, 'componentWillRender'));
+    }
     endSchedule();
     return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -1867,10 +1870,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'cpsl-alert_18':
+                case 'cpsl-alert_29':
                     return import(
                       /* webpackMode: "lazy" */
-                      './cpsl-alert_18.entry.js').then(processMod, consoleError);
+                      './cpsl-alert_29.entry.js').then(processMod, consoleError);
                 case 'cpsl-animation':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1984,4 +1987,4 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Host as H, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-fd970ca2.js.map
+//# sourceMappingURL=index-8fe9f35e.js.map