@usecapsule/core-components 3.1.2 → 3.2.0-dev.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-2c447f86.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b188f201.js';
 import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
 
 var lottie$1 = {exports: {}};

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host } from './index-2c447f86.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host } from './index-b188f201.js';
 
 const SIZE_TO_MEDIA = {
     xs: '(min-width: 0px)',

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2c447f86.js';
+import { r as registerInstance, h, H as Host } from './index-b188f201.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;

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

@@ -0,0 +1,58 @@
+import { r as registerInstance, h, H as Host } from './index-b188f201.js';
+
+const cpslIdenticonCss = ":host{--identicon-background-red:linear-gradient(136deg, #FF4270 6.86%, #FF7C7C 93.78%);--identicon-background-orange:linear-gradient(136deg, #F45532 6.86%, #FF9B63 93.78%);--identicon-background-yellow:linear-gradient(136deg, #FFA756 6.86%, #FBFF47 93.78%);--identicon-background-green:linear-gradient(136deg, #0CAE60 6.86%, #7BFFD0 93.78%);--identicon-background-blue:linear-gradient(136deg, #476FFF 6.86%, #47C8FF 93.78%);--identicon-background-purple:linear-gradient(136deg, #9747FF 6.86%, #DA47FF 93.78%);display:block;width:62px;height:62px;aspect-ratio:1;border-radius:6px;position:relative;border:1px solid var(--cpsl-color-background-8)}:host>svg{fill:rgba(255, 255, 255, 0.6);position:absolute;width:35%}:host>svg.rotate90{transform:rotate(0.25turn)}:host>svg.rotate180{transform:rotate(0.5turn)}:host>svg.rotate270{transform:rotate(0.75turn)}:host>svg:nth-child(1){right:50%;bottom:50%}:host>svg:nth-child(2){left:50%;bottom:50%}:host>svg:nth-child(3){right:50%;top:50%}:host>svg:nth-child(4){left:50%;top:50%}:host(.red){background:var(--identicon-background-red)}:host(.orange){background:var(--identicon-background-orange)}:host(.green){background:var(--identicon-background-green)}:host(.yellow){background:var(--identicon-background-yellow)}:host(.blue){background:var(--identicon-background-blue)}:host(.purple){background:var(--identicon-background-purple)}";
+const CpslIdenticonStyle0 = cpslIdenticonCss;
+
+const SingleArc = (rotation) => (h("svg", { class: {
+        rotate90: rotation === 1,
+        rotate180: rotation === 2,
+        rotate270: rotation === 3,
+    }, viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_674_66)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" })), h("defs", null, h("clipPath", { id: "clip0_674_66" }, h("rect", { width: "12", height: "12" })))));
+const DoubleArc = (rotation) => (h("svg", { class: {
+        rotate90: rotation === 1,
+        rotate180: rotation === 2,
+        rotate270: rotation === 3,
+    }, viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_674_255)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" })), h("defs", null, h("clipPath", { id: "clip0_674_255" }, h("rect", { width: "12", height: "12" })))));
+const CpslIdenticon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hash = undefined;
+        this.size = 40;
+    }
+    render() {
+        const [code, color] = stringToBinaryAndColor(this.hash);
+        const shapeA = ((code >> 2) & 1) !== 0;
+        const shapeB = ((code >> 3) & 1) !== 0;
+        const shapeC = ((code >> 4) & 1) !== 0;
+        const shapeD = ((code >> 5) & 1) !== 0;
+        const rotationA = (code >> 6) & 3;
+        const rotationB = (code >> 7) & 3;
+        const rotationC = (code >> 8) & 3;
+        const rotationD = (code >> 9) & 3;
+        const [shapes, rotations] = [
+            [shapeA, shapeB, shapeC, shapeD],
+            [rotationA, rotationB, rotationC, rotationD],
+        ];
+        return (h(Host, { key: '96fca00db5c91275e22f22b36b2688eab2c2a3b6', class: {
+                red: color === 'red',
+                orange: color === 'orange',
+                yellow: color === 'yellow',
+                green: color === 'green',
+                blue: color === 'blue',
+                purple: color === 'purple',
+            } }, shapes.map((isDouble, index) => {
+            return isDouble ? DoubleArc(rotations[index]) : SingleArc(rotations[index]);
+        })));
+    }
+};
+const COLORS = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];
+function stringToBinaryAndColor(hash) {
+    const code = (hash.charCodeAt(0) << 24) | (hash.charCodeAt(1) << 16) | (hash.charCodeAt(2) << 8) | hash.charCodeAt(3);
+    const color = COLORS[Math.abs(code % 6)];
+    return [code, color];
+}
+CpslIdenticon.style = CpslIdenticonStyle0;
+
+export { CpslIdenticon as cpsl_identicon };
+
+//# sourceMappingURL=cpsl-identicon.entry.js.map

package/dist/esm/cpsl-identicon.entry.js.map

@@ -0,0 +1 @@
+{"file":"cpsl-identicon.entry.js","mappings":"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","names":[],"sources":["src/components/cpsl-identicon/cpsl-identicon.scss?tag=cpsl-identicon&encapsulation=shadow","src/components/cpsl-identicon/cpsl-identicon.tsx"],"sourcesContent":[":host {\n  --identicon-background-red: linear-gradient(136deg, #FF4270 6.86%, #FF7C7C 93.78%);\n  --identicon-background-orange: linear-gradient(136deg, #F45532 6.86%, #FF9B63 93.78%);\n  --identicon-background-yellow: linear-gradient(136deg, #FFA756 6.86%, #FBFF47 93.78%);\n  --identicon-background-green: linear-gradient(136deg, #0CAE60 6.86%, #7BFFD0 93.78%);\n  --identicon-background-blue: linear-gradient(136deg, #476FFF 6.86%, #47C8FF 93.78%);\n  --identicon-background-purple: linear-gradient(136deg, #9747FF 6.86%, #DA47FF 93.78%);\n\n  display: block;\n  width: 62px;\n  height: 62px;\n  aspect-ratio: 1;\n  border-radius: 6px;\n  position: relative;\n  border: 1px solid var(--cpsl-color-background-8);\n\n  & > svg {\n    fill: rgba(255, 255, 255, 0.6);\n    position: absolute;\n    width: 35%;\n  }\n\n  & > svg.rotate90 {\n    transform: rotate(.25turn);\n  }\n\n  & > svg.rotate180 {\n    transform: rotate(.5turn);\n  }\n\n  & > svg.rotate270 {\n    transform: rotate(.75turn);\n  }\n\n  & > svg:nth-child(1) {\n    right: 50%;\n    bottom: 50%;\n  }\n\n  & > svg:nth-child(2) {\n    left: 50%;\n    bottom: 50%;\n  }\n\n  & > svg:nth-child(3) {\n    right: 50%;\n    top: 50%;\n  }\n\n  & > svg:nth-child(4) {\n    left: 50%;\n    top: 50%;\n  }\n}\n\n:host(.red) {\n  background: var(--identicon-background-red);\n}\n\n:host(.orange) {\n  background: var(--identicon-background-orange);\n}\n\n:host(.green) {\n  background: var(--identicon-background-green);\n}\n\n:host(.yellow) {\n  background: var(--identicon-background-yellow);\n}\n\n:host(.blue) {\n  background: var(--identicon-background-blue);\n}\n\n:host(.purple) {\n  background: var(--identicon-background-purple);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nconst SingleArc = (rotation: number) => (\n  <svg\n    class={{\n      rotate90: rotation === 1,\n      rotate180: rotation === 2,\n      rotate270: rotation === 3,\n    }}\n    viewBox=\"0 0 12 12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clip-path=\"url(#clip0_674_66)\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_674_66\">\n        <rect width=\"12\" height=\"12\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nconst DoubleArc = (rotation: number) => (\n  <svg\n    class={{\n      rotate90: rotation === 1,\n      rotate180: rotation === 2,\n      rotate270: rotation === 3,\n    }}\n    viewBox=\"0 0 12 12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g clip-path=\"url(#clip0_674_255)\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z\"\n      />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_674_255\">\n        <rect width=\"12\" height=\"12\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\n@Component({\n  tag: 'cpsl-identicon',\n  styleUrl: 'cpsl-identicon.scss',\n  shadow: true,\n})\nexport class CpslIdenticon {\n  @Prop() hash: string;\n\n  /**\n   *  The size of the identicon.\n   *  Default is: 40.\n   */\n  @Prop() size: number = 40;\n\n  render() {\n    const [code, color] = stringToBinaryAndColor(this.hash);\n    const shapeA = ((code >> 2) & 1) !== 0;\n    const shapeB = ((code >> 3) & 1) !== 0;\n    const shapeC = ((code >> 4) & 1) !== 0;\n    const shapeD = ((code >> 5) & 1) !== 0;\n    const rotationA = (code >> 6) & 3;\n    const rotationB = (code >> 7) & 3;\n    const rotationC = (code >> 8) & 3;\n    const rotationD = (code >> 9) & 3;\n\n    const [shapes, rotations] = [\n      [shapeA, shapeB, shapeC, shapeD],\n      [rotationA, rotationB, rotationC, rotationD],\n    ];\n\n    return (\n      <Host\n        class={{\n          red: color === 'red',\n          orange: color === 'orange',\n          yellow: color === 'yellow',\n          green: color === 'green',\n          blue: color === 'blue',\n          purple: color === 'purple',\n        }}\n      >\n        {shapes.map((isDouble, index) => {\n          return isDouble ? DoubleArc(rotations[index]) : SingleArc(rotations[index]);\n        })}\n      </Host>\n    );\n  }\n}\n\ntype Color = 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'purple';\n\nconst COLORS: Color[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];\n\nfunction stringToBinaryAndColor(hash: string): [number, Color] {\n  const code = (hash.charCodeAt(0) << 24) | (hash.charCodeAt(1) << 16) | (hash.charCodeAt(2) << 8) | hash.charCodeAt(3);\n\n  const color = COLORS[Math.abs(code % 6)];\n\n  return [code, color];\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2c447f86.js';
+import { r as registerInstance, h, H as Host } from './index-b188f201.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: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: '60852c54e233d29363761d07715aab5b7d86e4b0' }, h("div", { key: '970d11a996e58604455833c5a31a9ae26abadb95', class: "info-box-container" }, h("slot", { key: '4f2f3a5da31d262544f848b06498af7da5b2cbd1' }))));
+        return (h(Host, { key: 'f896d7c1bb72fbb5c2a2515058901db62011db9b' }, h("div", { key: 'e911284ad5ae540a10662cc0a0adf72e83e400b3', class: "info-box-container" }, h("slot", { key: '195fd87bd8ac702417c9659f956b6efe7c78e5b8' }))));
     }
 };
 CpslInfoBox.style = CpslInfoBoxStyle0;

package/dist/esm/cpsl-modal-v2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2c447f86.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b188f201.js';
 
 const cpslModalV2Css = ":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 CpslModalV2Style0 = cpslModalV2Css;
@@ -37,7 +37,7 @@ const CpslModalV2 = class {
         this.toggleHeight();
     }
     render() {
-        return (h(Host, { key: 'ecdfd932091801f470beb579793ba8faaddd1858', class: { 'open': this.open, 'elevated': this.elevated, 'no-overlay': this.noOverlay } }, !this.noOverlay && (h("cpsl-overlay", { zIndexOverride: Boolean(this.zIndexOverride) ? this.zIndexOverride : undefined, id: "overlay", open: this.open, enterTransitionDuration: this.enterTransitionDuration, exitTransitionDuration: this.exitTransitionDuration })), h("cpsl-card", { key: '9c0d1dc565ed8d178f56e02d3e53cc6f979d66b5', class: "card", style: { transitionDuration: this.open ? `${this.exitTransitionDuration}s` : `${this.enterTransitionDuration}s` } }, h("slot", { key: 'be77c75323488daed7b254daeca431835f96f081' }))));
+        return (h(Host, { key: '98fc4419d1e9881662138ca176af3740526dc06f', class: { 'open': this.open, 'elevated': this.elevated, 'no-overlay': this.noOverlay } }, !this.noOverlay && (h("cpsl-overlay", { zIndexOverride: Boolean(this.zIndexOverride) ? this.zIndexOverride : undefined, id: "overlay", open: this.open, enterTransitionDuration: this.enterTransitionDuration, exitTransitionDuration: this.exitTransitionDuration })), h("cpsl-card", { key: '3c0281ed2f7440c06cf943089abec4051e6686db', class: "card", style: { transitionDuration: this.open ? `${this.exitTransitionDuration}s` : `${this.enterTransitionDuration}s` } }, h("slot", { key: '34cfe1bc0d5d70aaedf4fe50f2ba3d3b8dde02c1' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2c447f86.js';
+import { r as registerInstance, h, H as Host } from './index-b188f201.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: '7f72521f5a00092d54fb143c73334dfdc8d5daf7' }, h("slot", { key: 'a23bda8f3a3178b61e409f73e6004586f8b26509' })));
+        return (h(Host, { key: '557a2f245ec7a47aa32d26c27cd2d944d63311a3' }, h("slot", { key: 'e39a195e96e045812dfda0f1509cc6e05c6efab6' })));
     }
 };
 CpslRow.style = CpslRowStyle0;

package/dist/esm/{index-2c447f86.js → index-b188f201.js}

@@ -1948,10 +1948,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'cpsl-alert_33':
+                case 'cpsl-alert_34':
                     return import(
                       /* webpackMode: "lazy" */
-                      './cpsl-alert_33.entry.js').then(processMod, consoleError);
+                      './cpsl-alert_34.entry.js').then(processMod, consoleError);
                 case 'cpsl-animation':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1964,6 +1964,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './cpsl-grid.entry.js').then(processMod, consoleError);
+                case 'cpsl-identicon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './cpsl-identicon.entry.js').then(processMod, consoleError);
                 case 'cpsl-info-box':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2069,4 +2073,4 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Fragment as F, 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-2c447f86.js.map
+//# sourceMappingURL=index-b188f201.js.map