@everymatrix/lottery-hakuna-collapse 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const lotteryHakunaCollapse = require('./lottery-hakuna-collapse-e91d7dc9.js');
+require('./index-5647524d.js');
+
+
+
+exports.LotteryHakunaCollapse = lotteryHakunaCollapse.LotteryHakunaCollapse;

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5647524d.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["lottery-hakuna-collapse.cjs",[[1,"lottery-hakuna-collapse",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"headerTitle":[513,"header-title"],"collapsed":[516],"isOpen":[32],"hasSummary":[32],"toggle":[64]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/lottery-hakuna-collapse-e91d7dc9.js

@@ -0,0 +1,128 @@
+'use strict';
+
+const index = require('./index-5647524d.js');
+
+/**
+ * @name setClientStyling
+ * @description Method used to create and append to the passed element of the widget a style element with the content received
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  if (!stylingContainer || !clientStylingUrl) return;
+
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @param {HTMLElement} stylingContainer The highest element of the widget
+ * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
+ * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ */
+function setStreamStyling(stylingContainer, domain, subscription) {
+  if (window.emMessageBus) {
+    const sheet = document.createElement('style');
+
+    window.emMessageBus.subscribe(domain, (data) => {
+      sheet.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(sheet);
+      }
+    });
+  }
+}
+
+const lotteryHakunaCollapseCss = ":host{display:block;width:100%;box-sizing:border-box}.lottery-hakuna-collapse{border:var(--lottery-hakuna-collapse-border-width, 1px) solid transparent;border-radius:var(--lottery-hakuna-collapse-border-radius, 12px);background-origin:border-box;background-clip:padding-box, border-box;background-image:linear-gradient(var(--lottery-hakuna-collapse-bg, #120505), var(--lottery-hakuna-collapse-bg, #120505)), linear-gradient(to top left, var(--lottery-hakuna-collapse-border-gradient-start, #c52217) var(--lottery-hakuna-collapse-border-gradient-start-stop, 32%), var(--lottery-hakuna-collapse-border-gradient-end, #2c2525) var(--lottery-hakuna-collapse-border-gradient-end-stop, 68%));overflow:hidden;margin-bottom:var(--lottery-hakuna-collapse-margin-bottom, 10px)}.lottery-hakuna-collapse .header{display:flex;justify-content:space-between;align-items:center;padding:var(--lottery-hakuna-collapse-header-padding, 20px);cursor:pointer;user-select:none}.lottery-hakuna-collapse .header .header-content{display:flex;align-items:center;flex:1;gap:var(--lottery-hakuna-collapse-header-gap, 8px)}.lottery-hakuna-collapse .header .title{font-size:var(--lottery-hakuna-collapse-title-size, 16px);font-weight:var(--lottery-hakuna-collapse-title-weight, 600);color:var(--lottery-hakuna-collapse-title-color, #fff)}.lottery-hakuna-collapse .header .icon{color:var(--lottery-hakuna-collapse-icon-color, #fff);font-size:var(--lottery-hakuna-collapse-icon-size, 12px);transition:transform 0.3s ease}.lottery-hakuna-collapse .header .icon.is-open{transform:rotate(180deg)}.lottery-hakuna-collapse .content{padding:var(--lottery-hakuna-collapse-content-padding, 0 20px 20px 20px);color:var(--lottery-hakuna-collapse-content-color, #fff);font-size:var(--lottery-hakuna-collapse-content-size, 14px);line-height:var(--lottery-hakuna-collapse-content-line-height, 1.5)}";
+const LotteryHakunaCollapseStyle0 = lotteryHakunaCollapseCss;
+
+const LotteryHakunaCollapse = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.headerTitle = '';
+        this.collapsed = true;
+        this.isOpen = false;
+        this.hasSummary = false;
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+        }
+    }
+    componentWillLoad() {
+        this.isOpen = !this.collapsed;
+    }
+    componentWillRender() {
+        this.hasSummary = !!this.el.querySelector('[slot="summary"]');
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    async toggle() {
+        this.isOpen = !this.isOpen;
+    }
+    render() {
+        const showContent = this.isOpen || this.hasSummary;
+        return (index.h("div", { key: '5e28ba28bf46f6a22f749bbd878aef8972bb7eeb', ref: (el) => (this.stylingContainer = el), class: "lottery-hakuna-collapse" }, index.h("div", { key: 'ec42a23932c7e0652476743c1cafcfe7e411c2aa', class: "header", onClick: () => this.toggle() }, index.h("div", { key: '152e98bb7fc69274d61ffff0d6de9f76a1df90f8', class: "header-content" }, this.headerTitle && index.h("span", { key: '0acc51d711ca12fa1a666dbe1678071a37fa0aff', class: "title" }, this.headerTitle)), index.h("span", { key: 'ad31e6e3a249a9dca394e725e805422297811f85', class: { icon: true, 'is-open': this.isOpen } }, index.h("svg", { key: '14bc41acc77204fcb1966f8966dc6feb49730518', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, index.h("path", { key: 'bac152fc477b275a1792264a35dba2765cf2687f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z", fill: "currentColor" })))), showContent && index.h("div", { key: '0358ec8ccc21286a31f6ffcb770efa6c1bcc36ea', class: "content" }, this.isOpen ? index.h("slot", null) : index.h("slot", { name: "summary" }))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
+        "mbSource": ["handleMbSourceChange"]
+    }; }
+};
+LotteryHakunaCollapse.style = LotteryHakunaCollapseStyle0;
+
+exports.LotteryHakunaCollapse = LotteryHakunaCollapse;

package/dist/cjs/lottery-hakuna-collapse.cjs.entry.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const lotteryHakunaCollapse = require('./lottery-hakuna-collapse-e91d7dc9.js');
+require('./index-5647524d.js');
+
+
+
+exports.lottery_hakuna_collapse = lotteryHakunaCollapse.LotteryHakunaCollapse;

package/dist/cjs/lottery-hakuna-collapse.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5647524d.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('lottery-hakuna-collapse.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["lottery-hakuna-collapse.cjs",[[1,"lottery-hakuna-collapse",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"headerTitle":[513,"header-title"],"collapsed":[516],"isOpen":[32],"hasSummary":[32],"toggle":[64]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/lottery-hakuna-collapse/lottery-hakuna-collapse.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/lottery-hakuna-collapse/index.js

@@ -0,0 +1 @@
+export { LotteryHakunaCollapse } from './lottery-hakuna-collapse';

package/dist/collection/components/lottery-hakuna-collapse/lottery-hakuna-collapse.css

@@ -0,0 +1,48 @@
+:host {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.lottery-hakuna-collapse {
+  border: var(--lottery-hakuna-collapse-border-width, 1px) solid transparent;
+  border-radius: var(--lottery-hakuna-collapse-border-radius, 12px);
+  background-origin: border-box;
+  background-clip: padding-box, border-box;
+  background-image: linear-gradient(var(--lottery-hakuna-collapse-bg, #120505), var(--lottery-hakuna-collapse-bg, #120505)), linear-gradient(to top left, var(--lottery-hakuna-collapse-border-gradient-start, #c52217) var(--lottery-hakuna-collapse-border-gradient-start-stop, 32%), var(--lottery-hakuna-collapse-border-gradient-end, #2c2525) var(--lottery-hakuna-collapse-border-gradient-end-stop, 68%));
+  overflow: hidden;
+  margin-bottom: var(--lottery-hakuna-collapse-margin-bottom, 10px);
+}
+.lottery-hakuna-collapse .header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--lottery-hakuna-collapse-header-padding, 20px);
+  cursor: pointer;
+  user-select: none;
+}
+.lottery-hakuna-collapse .header .header-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  gap: var(--lottery-hakuna-collapse-header-gap, 8px);
+}
+.lottery-hakuna-collapse .header .title {
+  font-size: var(--lottery-hakuna-collapse-title-size, 16px);
+  font-weight: var(--lottery-hakuna-collapse-title-weight, 600);
+  color: var(--lottery-hakuna-collapse-title-color, #fff);
+}
+.lottery-hakuna-collapse .header .icon {
+  color: var(--lottery-hakuna-collapse-icon-color, #fff);
+  font-size: var(--lottery-hakuna-collapse-icon-size, 12px);
+  transition: transform 0.3s ease;
+}
+.lottery-hakuna-collapse .header .icon.is-open {
+  transform: rotate(180deg);
+}
+.lottery-hakuna-collapse .content {
+  padding: var(--lottery-hakuna-collapse-content-padding, 0 20px 20px 20px);
+  color: var(--lottery-hakuna-collapse-content-color, #fff);
+  font-size: var(--lottery-hakuna-collapse-content-size, 14px);
+  line-height: var(--lottery-hakuna-collapse-content-line-height, 1.5);
+}

package/dist/collection/components/lottery-hakuna-collapse/lottery-hakuna-collapse.js

@@ -0,0 +1,197 @@
+import { h } from "@stencil/core";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+export class LotteryHakunaCollapse {
+    constructor() {
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.headerTitle = '';
+        this.collapsed = true;
+        this.isOpen = false;
+        this.hasSummary = false;
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    componentWillLoad() {
+        this.isOpen = !this.collapsed;
+    }
+    componentWillRender() {
+        this.hasSummary = !!this.el.querySelector('[slot="summary"]');
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    async toggle() {
+        this.isOpen = !this.isOpen;
+    }
+    render() {
+        const showContent = this.isOpen || this.hasSummary;
+        return (h("div", { key: '5e28ba28bf46f6a22f749bbd878aef8972bb7eeb', ref: (el) => (this.stylingContainer = el), class: "lottery-hakuna-collapse" }, h("div", { key: 'ec42a23932c7e0652476743c1cafcfe7e411c2aa', class: "header", onClick: () => this.toggle() }, h("div", { key: '152e98bb7fc69274d61ffff0d6de9f76a1df90f8', class: "header-content" }, this.headerTitle && h("span", { key: '0acc51d711ca12fa1a666dbe1678071a37fa0aff', class: "title" }, this.headerTitle)), h("span", { key: 'ad31e6e3a249a9dca394e725e805422297811f85', class: { icon: true, 'is-open': this.isOpen } }, h("svg", { key: '14bc41acc77204fcb1966f8966dc6feb49730518', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("path", { key: 'bac152fc477b275a1792264a35dba2765cf2687f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z", fill: "currentColor" })))), showContent && h("div", { key: '0358ec8ccc21286a31f6ffcb770efa6c1bcc36ea', class: "content" }, this.isOpen ? h("slot", null) : h("slot", { name: "summary" }))));
+    }
+    static get is() { return "lottery-hakuna-collapse"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["lottery-hakuna-collapse.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["lottery-hakuna-collapse.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling",
+                "reflect": true
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling-url",
+                "reflect": true
+            },
+            "headerTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "header-title",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "collapsed": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "collapsed",
+                "reflect": true,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isOpen": {},
+            "hasSummary": {}
+        };
+    }
+    static get methods() {
+        return {
+            "toggle": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
+            }, {
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }];
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components/lottery-hakuna-collapse';

package/dist/collection/utils/utils.js

@@ -0,0 +1,3 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };