@everymatrix/helper-accordion 1.44.0 → 1.45.0

package/dist/cjs/app-globals-3a1e7e63.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;

package/dist/cjs/helper-accordion.cjs.entry.js

@@ -2,131 +2,97 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ed89de9c.js');
+const index = require('./index-a21d4625.js');
 
 const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
-  en: {
-    deleteTicket: 'Delete ticket'
-  },
-  ro: {
-    deleteTicket: 'Sterge biletul'
-  },
-  fr: {
-    deleteTicket: 'Supprimer le billet'
-  },
-  ar: {
-    deleteTicket: 'حذف التذكرة'
-  },
-  hr: {
-    deleteTicket: 'Izbriši listić'
-  }
+    en: {
+        deleteTicket: 'Delete ticket'
+    },
+    ro: {
+        deleteTicket: 'Sterge biletul'
+    },
+    fr: {
+        deleteTicket: 'Supprimer le billet'
+    },
+    ar: {
+        deleteTicket: 'حذف التذكرة'
+    },
+    hr: {
+        deleteTicket: 'Izbriši listić'
+    }
 };
 const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
+    const lang = customLang;
+    return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
 };
 
 const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:5px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff;text-transform:capitalize}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.HeaderTicketHistory{border-radius:4px;background:#F1F1F1;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none;margin-bottom:5px;cursor:pointer}.HeaderTicketHistory:hover{background:#00ABA4}.HeaderTicketHistory .Title,.HeaderTicketHistory .Subtitle,.HeaderTicketHistory .Description{margin:0;font-size:14px;color:#000}.HeaderTicketHistory .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:0 0 4px 4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{cursor:pointer;display:inline-block;border-radius:4px;margin:20px 0 10px;text-transform:uppercase;font-size:12px;text-align:center;padding:8px 20px;min-width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}";
+const HelperAccordionStyle0 = helperAccordionCss;
 
-const Accordion = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
-    /**
-   * Flag for ticket history
-   */
-    this.ticketHistoryFlag = false;
-    /**
-     * Title (top header)
-     */
-    this.headerTitle = '';
-    /**
-     * SubTitle (top header)
-     */
-    this.headerSubtitle = '';
-    /**
-     * Description
-     */
-    this.description = '';
-    /**
-     * Enables footer content
-     */
-    this.footer = false;
-    /**
-     * Enables footer button for tab deletion
-     */
-    this.deleteTab = false;
-    /**
-     * Activates postMessages as events for actions from the widget
-     */
-    this.postMessage = false;
-    /**
-     * Name of the event emitter by the action button
-     */
-    this.eventName = 'helperAccordionAction';
-    /**
-     * Collapsed
-     */
-    this.collapsed = true;
-    /**
-     * Language
-     */
-    this.language = 'en';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.limitStylingAppends = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  // @TODO fix the `any` type :)
-  connectedCallback() {
-    this.showContent = !this.collapsed;
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+const HelperAccordion = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
+        this.ticketHistoryFlag = false;
+        this.headerTitle = '';
+        this.headerSubtitle = '';
+        this.description = '';
+        this.footer = false;
+        this.deleteTab = false;
+        this.postMessage = false;
+        this.eventName = 'helperAccordionAction';
+        this.collapsed = true;
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.showContent = undefined;
+        this.limitStylingAppends = false;
+    }
+    // @TODO fix the `any` type :)
+    connectedCallback() {
+        this.showContent = !this.collapsed;
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrlContent)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
+    }
+    toggleContent() {
+        this.showContent = !this.showContent;
+    }
+    deleteAction() {
+        if (this.postMessage) {
+            // @TODO maybe change the name type, this one sucks
+            window.postMessage({ type: this.eventName }, window.location.href);
+        }
+        this.accordionEvent.emit();
     }
-    // end custom styling area
-  }
-  toggleContent() {
-    this.showContent = !this.showContent;
-  }
-  deleteAction() {
-    if (this.postMessage) {
-      // @TODO maybe change the name type, this one sucks
-      window.postMessage({ type: this.eventName }, window.location.href);
+    render() {
+        return (index.h("div", { key: 'ad26faefd6e3dd089171c7e2bff13faa5a26d972', class: "Wrapper", ref: el => this.stylingContainer = el }, index.h("div", { key: 'bb7045653ec12a2526029589744f7ef014ec6a6a', class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, index.h("p", { key: 'ae30943582063e368e942124d8d5acadc1732629', class: "Title" }, this.headerTitle), index.h("p", { key: '7c35076cb768de784177988900c61fe40a71594c', class: "Subtitle" }, this.headerSubtitle), index.h("p", { key: 'daff2b456a427f45b00efc32ba33a68cdc2228f0', class: "Subtitle Description" }, this.description), index.h("span", { key: '0c4f942642da6e8b1ac3d2aeac46034963965d8f', class: "Expand" }, this.showContent ? '<' : '>')), this.showContent &&
+            index.h("div", { key: 'c688ab7cc629a3974b905a2fdc43063e996a3b90' }, index.h("div", { key: 'aaa3ad7d9f1503b8e1baaa2c756376a580ffe261', class: "Content" }, index.h("slot", { key: '8c5c8ff70857da9414c7284b052a3fbc5f503f4a', name: 'accordionContent' }), this.footer && this.showContent &&
+                index.h("div", { key: '917191f55a45647d708a5e3ff5e188c7e565a0c0' }, this.deleteTab &&
+                    index.h("span", { key: 'e7fdd5b4f18cacaceda206b36ce9576cc3fc1472', class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
     }
-    this.accordionEvent.emit();
-  }
-  render() {
-    return (index.h("div", { class: "Wrapper", ref: el => this.stylingContainer = el }, index.h("div", { class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, index.h("p", { class: "Title" }, this.headerTitle), index.h("p", { class: "Subtitle" }, this.headerSubtitle), index.h("p", { class: "Subtitle Description" }, this.description), index.h("span", { class: "Expand" }, this.showContent ? '<' : '>')), this.showContent &&
-      index.h("div", null, index.h("div", { class: "Content" }, index.h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
-        index.h("div", null, this.deleteTab &&
-          index.h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
-  }
 };
-Accordion.style = helperAccordionCss;
+HelperAccordion.style = HelperAccordionStyle0;
 
-exports.helper_accordion = Accordion;
+exports.helper_accordion = HelperAccordion;

package/dist/cjs/helper-accordion.cjs.js

@@ -1,19 +1,25 @@
 'use strict';
 
-const index = require('./index-ed89de9c.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a21d4625.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.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('helper-accordion.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('helper-accordion.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["helper-accordion.cjs",[[1,"helper-accordion",{"ticketHistoryFlag":[516,"ticket-history-flag"],"headerTitle":[513,"header-title"],"headerSubtitle":[513,"header-subtitle"],"description":[513],"footer":[516],"deleteTab":[516,"delete-tab"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"showContent":[32],"limitStylingAppends":[32]}]]]], options);
 });
+
+exports.setNonce = index.setNonce;