dash-button-web 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,4 @@
+'use strict';
+
+
+//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -0,0 +1 @@
+{"file":"index.cjs.js","mappings":";;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8282b36b.js');
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  return index.bootstrapLazy([["dash-button.cjs",[[1,"dash-button",{"showPostLoginText":[4,"show-post-login-text"],"silentCheckSso":[4,"silent-check-sso"],"redirectUri":[1,"redirect-uri"],"keycloakUri":[1,"keycloak-uri"],"realm":[1],"clientId":[1,"client-id"],"keycloak":[32],"isAuth":[32],"givenName":[32],"silentCheckSsoRedirectUri":[32]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;
+
+//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/loader.cjs.js.map

@@ -0,0 +1 @@
+{"file":"loader.cjs.js","mappings":";;;;;;AAGY,MAAC,oBAAoB,GAAG,CAAC,GAAG,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AAEtD,EAAE,OAAOA,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;;","names":["bootstrapLazy"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}

package/dist/cjs/web-compnont.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8282b36b.js');
+
+/*
+ Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('web-compnont.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["dash-button.cjs",[[1,"dash-button",{"showPostLoginText":[4,"show-post-login-text"],"silentCheckSso":[4,"silent-check-sso"],"redirectUri":[1,"redirect-uri"],"keycloakUri":[1,"keycloak-uri"],"realm":[1],"clientId":[1,"client-id"],"keycloak":[32],"isAuth":[32],"givenName":[32],"silentCheckSsoRedirectUri":[32]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=web-compnont.cjs.js.map

package/dist/cjs/web-compnont.cjs.js.map

@@ -0,0 +1 @@
+{"file":"web-compnont.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAa3B,IAAI,MAAM,UAAU,GAAG,8MAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACpBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/my-component/dash-button.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.12.0",
+    "typescriptVersion": "5.3.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/my-component/dash-button.css

@@ -0,0 +1,169 @@
+.button {
+	display: flex;
+	height: 50px;
+	padding: 0;
+	background: #3e7671;
+	border: none;
+	outline: none;
+	border-radius: 5px;
+	overflow: hidden;
+	font-size: 16px;
+	font-weight: 500;
+	cursor: pointer;
+    min-width: 220px;
+    max-width: 220px;
+}
+
+.button:hover {
+	background: #008168;
+}
+
+.button:active {
+	background: #3e7671;
+}
+
+.button-text{
+	display: block;
+	margin: auto;
+	padding: 0 24px;
+	color: #fff;
+    text-overflow: ellipsis;
+    overflow:hidden;
+    white-space:nowrap;
+    width: 80px;
+}
+
+.button-icon {
+    margin: auto;
+    padding: 10px; 
+}
+
+.button-profile {
+	display: inline-flex;
+	align-items: center;
+	color: #fff;
+}
+
+.button-profile img {
+	height: 50px;
+}
+
+.button-text-full-width {
+    width: auto!important;
+}
+
+.button-link {
+    text-decoration: none!important;
+}
+
+/* Menu icon */
+.gg-menu-grid-r {
+    color: #fff;
+    box-sizing: border-box;
+    position: relative;
+    display: block;
+    transform: scale(var(--ggs,1));
+    width: 16px;
+    height: 16px;
+}
+   
+.gg-menu-grid-r::before {
+    content: "";
+    display: block;
+    box-sizing: border-box;
+    position: absolute;
+    width: 4px;
+    height: 4px;
+    background: currentColor;
+    box-shadow:
+    0 6px 0,
+    6px 6px 0,
+    12px 6px 0,
+    6px 12px 0,
+    12px 12px 0,
+    6px 0 0,
+    12px 0 0,
+    0 12px 0;
+} 
+
+/* Drop down section */
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+  
+.dropdown-content {
+    display: none;
+    position: absolute;
+    right: 0;
+    background-color: #f9f9f9;
+    min-width: 180px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+    border-radius: 5px;
+}
+  
+.dropdown-content a {
+    color: #71797E;
+    padding: 16px 20px;
+    text-decoration: none;
+    display: block;
+    cursor: pointer;
+}
+  
+.dropdown-content a:hover {
+    background-color: #f1f1f1;
+    color: #000;
+    opacity: 0.7;
+}
+
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+
+/* Modal Content */
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    padding-top: 100px;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgb(0,0,0);
+    background-color: rgba(0,0,0,0.4);
+    text-align: center;
+  }
+  
+
+  .modal-content {
+    background-color: #fefefe;
+    margin: auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 40%;
+  }
+  
+  .close {
+    color: #aaaaaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+  }
+  
+  .close:hover,
+  .close:focus {
+    color: #000;
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  .modal-app {
+    background-color: #c3e9bc;
+    padding: 15px;
+    margin: 10px;
+    border-radius: 5px;
+  }

package/dist/collection/components/my-component/dash-button.e2e.js

@@ -0,0 +1,26 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('dash-button', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<dash-button></dash-button>');
+        const element = await page.find('dash-button');
+        expect(element).toHaveClass('hydrated');
+    });
+    it('renders changes to the name data', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<dash-button></dash-button>');
+        const component = await page.find('dash-button');
+        const element = await page.find('dash-button >>> div');
+        expect(element.textContent).toEqual(`Hello, World! I'm `);
+        component.setProperty('first', 'James');
+        await page.waitForChanges();
+        expect(element.textContent).toEqual(`Hello, World! I'm James`);
+        component.setProperty('last', 'Quincy');
+        await page.waitForChanges();
+        expect(element.textContent).toEqual(`Hello, World! I'm James Quincy`);
+        component.setProperty('middle', 'Earl');
+        await page.waitForChanges();
+        expect(element.textContent).toEqual(`Hello, World! I'm James Earl Quincy`);
+    });
+});
+//# sourceMappingURL=dash-button.e2e.js.map

package/dist/collection/components/my-component/dash-button.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dash-button.e2e.js","sourceRoot":"","sources":["../../../src/components/my-component/dash-button.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;QACrD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;QACrD,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACvD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;QAE1D,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;QAE/D,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC;QAEtE,SAAS,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,qCAAqC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('dash-button', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<dash-button></dash-button>');\n    const element = await page.find('dash-button');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('renders changes to the name data', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<dash-button></dash-button>');\n    const component = await page.find('dash-button');\n    const element = await page.find('dash-button >>> div');\n    expect(element.textContent).toEqual(`Hello, World! I'm `);\n\n    component.setProperty('first', 'James');\n    await page.waitForChanges();\n    expect(element.textContent).toEqual(`Hello, World! I'm James`);\n\n    component.setProperty('last', 'Quincy');\n    await page.waitForChanges();\n    expect(element.textContent).toEqual(`Hello, World! I'm James Quincy`);\n\n    component.setProperty('middle', 'Earl');\n    await page.waitForChanges();\n    expect(element.textContent).toEqual(`Hello, World! I'm James Earl Quincy`);\n  });\n});\n"]}

package/dist/collection/components/my-component/dash-button.js

@@ -0,0 +1,195 @@
+import { h } from "@stencil/core";
+import Keycloak from "keycloak-js";
+export class DashButtonComponent {
+    constructor() {
+        this.showPostLoginText = false;
+        this.silentCheckSso = false;
+        this.redirectUri = undefined;
+        this.keycloakUri = "http://localhost:8080";
+        this.realm = "";
+        this.clientId = "";
+        this.keycloak = new Keycloak({
+            url: this.keycloakUri,
+            realm: this.realm,
+            clientId: this.clientId,
+        });
+        this.isAuth = false;
+        this.givenName = "";
+        this.silentCheckSsoRedirectUri = window.location.origin + '/assets/verificar-sso.html';
+    }
+    ;
+    connectedCallback() {
+        this.keycloak.init({
+            onLoad: 'check-sso',
+            checkLoginIframe: false,
+            silentCheckSsoRedirectUri: this.silentCheckSso ? this.silentCheckSsoRedirectUri : '',
+        }).then(res => {
+            if (res) {
+                this.isAuth = true;
+                localStorage.setItem("keycloak", JSON.stringify(this.keycloak));
+                this.givenName = JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.given_name;
+            }
+        });
+    }
+    login() {
+        this.keycloak.login();
+    }
+    logout() {
+        localStorage.removeItem("keycloak");
+        this.keycloak.logout();
+    }
+    showModal() {
+        const appModal = this.el.shadowRoot.querySelector('#appListModal');
+        appModal.style.display = "block";
+    }
+    closeModal() {
+        const appModal = this.el.shadowRoot.querySelector('#appListModal');
+        appModal.style.display = "none";
+    }
+    render() {
+        return h("div", { key: '29a7944051bce29ea8ff3f1db8f2b44b5a157e84' }, h("div", { key: 'a44011e412f06a00bca1a6de134391cc1eb248c2' }, (() => {
+            if (this.isAuth && this.showPostLoginText) {
+                return (h("a", { href: this.redirectUri, id: "login-btn", class: "button button-link" }, h("span", { class: "button-text button-text-full-width" }, "Go to Dashboard")));
+            }
+            else if (this.isAuth) {
+                return (h("div", { id: "profile-btn", class: "dropdown" }, h("button", { type: "button", class: "button" }, h("span", { class: "button-profile" }, h("img", { src: "https://i.pravatar.cc/100?img=32", alt: "" })), h("span", { id: "given-name", class: "button-text" }, this.givenName), h("div", { class: "button-icon" }, h("span", { class: "gg-menu-grid-r" }))), h("div", { class: "dropdown-content" }, h("a", { onClick: this.showModal.bind(this), id: "applications-btn" }, "Applications"), h("a", { onClick: this.logout.bind(this), id: "logout-btn" }, "Logout"))));
+            }
+            else {
+                return (h("button", { onClick: this.login.bind(this), id: "login-btn", type: "button", class: "button" }, h("span", { class: "button-text" }, "Login")));
+            }
+        })()), h("div", { key: '475cbe51090c78848032e9044c9f11e460969121', id: "appListModal", class: "modal" }, h("div", { key: 'e0a2a1ffa3de0d45001f40fb46d258ade64dc933', class: "modal-content" }, h("span", { key: '5fa70d2fcac6816d9a9ee41c329bd9c787014cbb', onClick: this.closeModal.bind(this), class: "close" }, "\u00D7"), h("h3", { key: 'de74b78ba75d815758e0d7c68474d7cdb7673ae7' }, "Applications"), h("div", { key: '1ed88b256cb82aef902f08179e24cbd0be810bd9', class: "modal-app" }, "App 1"), h("div", { key: 'e3e32a260fa06452fb38e64e4593cae1d8530c7b', class: "modal-app" }, "App 2"))));
+    }
+    static get is() { return "dash-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["dash-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["dash-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "showPostLoginText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-post-login-text",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "silentCheckSso": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "silent-check-sso",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "redirectUri": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "redirect-uri",
+                "reflect": false
+            },
+            "keycloakUri": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "keycloak-uri",
+                "reflect": false,
+                "defaultValue": "\"http://localhost:8080\""
+            },
+            "realm": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "realm",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "clientId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-id",
+                "reflect": false,
+                "defaultValue": "\"\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "keycloak": {},
+            "isAuth": {},
+            "givenName": {},
+            "silentCheckSsoRedirectUri": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=dash-button.js.map

package/dist/collection/components/my-component/dash-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dash-button.js","sourceRoot":"","sources":["../../../src/components/my-component/dash-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Element } from '@stencil/core';\nimport Keycloak from \"keycloak-js\";\n\n\n@Component({\n  tag: 'dash-button',\n  styleUrl: 'dash-button.css',\n  shadow: true,\n})\nexport class DashButtonComponent {\n\n  @Element() el;\n  \n  @Prop() showPostLoginText: boolean = false;\n  @Prop() silentCheckSso: boolean = false;\n  @Prop() redirectUri: string;\n\n  @Prop() keycloakUri: string = \"http://localhost:8080\";\n  @Prop() realm: string = \"\";\n  @Prop() clientId: string = \"\";\n\n  @State() keycloak: any = new Keycloak({\n    url: this.keycloakUri,\n    realm: this.realm,\n    clientId: this.clientId,\n  });;\n\n  @State() isAuth = false;\n  @State() givenName: string = \"\";\n  @State() silentCheckSsoRedirectUri: string =  window.location.origin + '/assets/verificar-sso.html';\n\n  connectedCallback() {\n      this.keycloak.init(\n        {\n            onLoad: 'check-sso',\n            checkLoginIframe: false,\n            silentCheckSsoRedirectUri: this.silentCheckSso ? this.silentCheckSsoRedirectUri : '',\n        }).then(res => {\n          if(res) {\n            this.isAuth = true\n            localStorage.setItem(\"keycloak\", JSON.stringify(this.keycloak));\n\n            this.givenName = JSON.parse(localStorage.getItem('keycloak')).idTokenParsed.given_name\n          } \n        \n        });\n\n  }\n\n  login() {  \n    this.keycloak.login()        \n  }\n\n  logout() {\n    localStorage.removeItem(\"keycloak\");\n    this.keycloak.logout() \n  }  \n\n  showModal() {\n    const appModal = this.el.shadowRoot.querySelector('#appListModal');\n    appModal.style.display = \"block\";\n  }\n\n  closeModal() {\n    const appModal = this.el.shadowRoot.querySelector('#appListModal');\n    appModal.style.display = \"none\";\n  }\n\n  render() {\n    return <div>\n    <div>\n        {\n          (() => {\n              if(this.isAuth  && this.showPostLoginText) {\n                  return (\n                    <a href={this.redirectUri} id=\"login-btn\" class=\"button button-link\">\n                      <span class=\"button-text button-text-full-width\">Go to Dashboard</span>\n                    </a>\n                  )\n                } else if (this.isAuth) {\n                    return (\n                      <div id=\"profile-btn\" class=\"dropdown\">\n                      <button type=\"button\" class=\"button\">\n                          <span class=\"button-profile\">\n                              <img src=\"https://i.pravatar.cc/100?img=32\" alt=\"\"/>\n                          </span>\n                          <span id=\"given-name\" class=\"button-text\">{this.givenName}</span>\n                          <div class=\"button-icon\">\n                              <span class=\"gg-menu-grid-r\"></span>\n                          </div>\n                      </button>\n                      <div class=\"dropdown-content\">\n                          <a onClick={this.showModal.bind(this)} id=\"applications-btn\">Applications</a>\n                          <a onClick={this.logout.bind(this)} id=\"logout-btn\">Logout</a>\n                      </div>\n                    </div>\n                    )\n                } else {\n                  return (\n                    <button onClick={this.login.bind(this)} id=\"login-btn\" type=\"button\" class=\"button\">\n                      <span class=\"button-text\">Login</span>\n                    </button>\n                  )\n                }\n          })()  \n        } \n    </div>\n  \n    <div id=\"appListModal\" class=\"modal\">\n    \n      <div class=\"modal-content\">\n        <span onClick={this.closeModal.bind(this)} class=\"close\">&times;</span>\n        <h3>Applications</h3>\n        <div class=\"modal-app\">App 1</div>\n        <div class=\"modal-app\">App 2</div>\n      </div>\n    \n    </div>\n  </div>;\n  }\n}\n"]}

package/dist/collection/components/my-component/dash-button.spec.js

@@ -0,0 +1,35 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { DashButtonComponent } from "./dash-button";
+describe('dash-button', () => {
+    it('renders', async () => {
+        const { root } = await newSpecPage({
+            components: [DashButtonComponent],
+            html: '<dash-button></dash-button>',
+        });
+        expect(root).toEqualHtml(`
+      <dash-button>
+        <mock:shadow-root>
+          <div>
+            Hello, World! I'm
+          </div>
+        </mock:shadow-root>
+      </dash-button>
+    `);
+    });
+    it('renders with values', async () => {
+        const { root } = await newSpecPage({
+            components: [DashButtonComponent],
+            html: `<dash-button first="Stencil" last="'Don't call me a framework' JS"></dash-button>`,
+        });
+        expect(root).toEqualHtml(`
+      <dash-button first="Stencil" last="'Don't call me a framework' JS">
+        <mock:shadow-root>
+          <div>
+            Hello, World! I'm Stencil 'Don't call me a framework' JS
+          </div>
+        </mock:shadow-root>
+      </dash-button>
+    `);
+    });
+});
+//# sourceMappingURL=dash-button.spec.js.map

package/dist/collection/components/my-component/dash-button.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dash-button.spec.js","sourceRoot":"","sources":["../../../src/components/my-component/dash-button.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;YACjC,UAAU,EAAE,CAAC,mBAAmB,CAAC;YACjC,IAAI,EAAE,6BAA6B;SACpC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;YACjC,UAAU,EAAE,CAAC,mBAAmB,CAAC;YACjC,IAAI,EAAE,mFAAmF;SAC1F,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { DashButtonComponent } from './dash-button';\n\ndescribe('dash-button', () => {\n  it('renders', async () => {\n    const { root } = await newSpecPage({\n      components: [DashButtonComponent],\n      html: '<dash-button></dash-button>',\n    });\n    expect(root).toEqualHtml(`\n      <dash-button>\n        <mock:shadow-root>\n          <div>\n            Hello, World! I'm\n          </div>\n        </mock:shadow-root>\n      </dash-button>\n    `);\n  });\n\n  it('renders with values', async () => {\n    const { root } = await newSpecPage({\n      components: [DashButtonComponent],\n      html: `<dash-button first=\"Stencil\" last=\"'Don't call me a framework' JS\"></dash-button>`,\n    });\n    expect(root).toEqualHtml(`\n      <dash-button first=\"Stencil\" last=\"'Don't call me a framework' JS\">\n        <mock:shadow-root>\n          <div>\n            Hello, World! I'm Stencil 'Don't call me a framework' JS\n          </div>\n        </mock:shadow-root>\n      </dash-button>\n    `);\n  });\n});\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}

package/dist/components/dash-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DashButton extends Components.DashButton, HTMLElement {}
+export const DashButton: {
+    prototype: DashButton;
+    new (): DashButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;