@everymatrix/helper-accordion 1.52.6 → 1.53.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/helper-accordion.cjs.entry.js +3 -2
- package/dist/collection/components/helper-accordion/helper-accordion.css +19 -19
- package/dist/collection/utils/locale.utils.js +2 -1
- package/dist/esm/helper-accordion.entry.js +3 -2
- package/dist/helper-accordion/helper-accordion.esm.js +1 -1
- package/dist/helper-accordion/p-483dd2ea.entry.js +1 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-accordion/.stencil/packages/stencil/helper-accordion/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-accordion/.stencil/packages/stencil/helper-accordion/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/helper-accordion/p-6b5d7a65.entry.js +0 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-accordion/.stencil/packages/stencil/helper-accordion/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-accordion/.stencil/packages/stencil/helper-accordion/stencil.config.dev.d.ts +0 -2
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a1d56791.js');
|
|
6
6
|
|
|
7
7
|
const DEFAULT_LANGUAGE = 'en';
|
|
8
|
+
const SUPPORTED_LANGUAGES = ['ro', 'en', 'hr'];
|
|
8
9
|
const TRANSLATIONS = {
|
|
9
10
|
en: {
|
|
10
11
|
deleteTicket: 'Delete ticket'
|
|
@@ -24,10 +25,10 @@ const TRANSLATIONS = {
|
|
|
24
25
|
};
|
|
25
26
|
const translate = (key, customLang) => {
|
|
26
27
|
const lang = customLang;
|
|
27
|
-
return TRANSLATIONS[
|
|
28
|
+
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
28
29
|
};
|
|
29
30
|
|
|
30
|
-
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
|
|
31
|
+
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:var(--emw--color-background, #009993);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #009993);padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:var(--emw--color-background-secondary, #00ABA4)}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));text-transform:capitalize}.Header .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.HeaderTicketHistory{border-radius:4px;background:var(--emw--color-gray-50, #F1F1F1);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #009993);padding:8px 10px;user-select:none;margin-bottom:5px;cursor:pointer}.HeaderTicketHistory:hover{background:var(--emw--color-secondary, #00ABA4)}.HeaderTicketHistory .Title,.HeaderTicketHistory .Subtitle,.HeaderTicketHistory .Description{margin:0;font-size:14px;color:var(--emw--button-text-color, #000)}.HeaderTicketHistory .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));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:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));border:1px solid var(--emw--button-border-color, #009993);padding:10px 15px;user-select:none;color:var(--emw--button-text-color, #000);margin-bottom:10px}.ActionButton{cursor:pointer;display:inline-block;border-radius:var(--emw--button-border-radius, 4px);margin:20px 0 10px;text-transform:uppercase;font-size:12px;text-align:center;padding:8px 20px;min-width:80px;background:var(--emw--color-error, #FF3D00);border:1px solid var(--emw--color-error, #FF3D00);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255))}.ActionButton:hover{background:var(--emw--color-secondary, #FF6536);border:1px solid var(--emw--color-error, #FF3D00)}";
|
|
31
32
|
const HelperAccordionStyle0 = helperAccordionCss;
|
|
32
33
|
|
|
33
34
|
const HelperAccordion = class {
|
|
@@ -6,29 +6,29 @@
|
|
|
6
6
|
|
|
7
7
|
.Header {
|
|
8
8
|
border-radius: 5px;
|
|
9
|
-
background: #009993;
|
|
9
|
+
background: var(--emw--color-background, #009993);
|
|
10
10
|
display: flex;
|
|
11
11
|
gap: 30px;
|
|
12
|
-
border: 1px solid #009993;
|
|
12
|
+
border: 1px solid var(--emw--color-typography, #009993);
|
|
13
13
|
padding: 8px 10px;
|
|
14
14
|
user-select: none;
|
|
15
15
|
margin-bottom: 1px;
|
|
16
16
|
cursor: pointer;
|
|
17
17
|
}
|
|
18
18
|
.Header:hover {
|
|
19
|
-
background: #00ABA4;
|
|
19
|
+
background: var(--emw--color-background-secondary, #00ABA4);
|
|
20
20
|
}
|
|
21
21
|
.Header .Title,
|
|
22
22
|
.Header .Subtitle,
|
|
23
23
|
.Header .Description {
|
|
24
24
|
margin: 0;
|
|
25
25
|
font-size: 14px;
|
|
26
|
-
color:
|
|
26
|
+
color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
|
|
27
27
|
text-transform: capitalize;
|
|
28
28
|
}
|
|
29
29
|
.Header .Expand {
|
|
30
30
|
margin-left: auto;
|
|
31
|
-
color:
|
|
31
|
+
color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
|
|
32
32
|
width: 17px;
|
|
33
33
|
height: 17px;
|
|
34
34
|
cursor: pointer;
|
|
@@ -40,28 +40,28 @@
|
|
|
40
40
|
|
|
41
41
|
.HeaderTicketHistory {
|
|
42
42
|
border-radius: 4px;
|
|
43
|
-
background: #F1F1F1;
|
|
43
|
+
background: var(--emw--color-gray-50, #F1F1F1);
|
|
44
44
|
display: flex;
|
|
45
45
|
gap: 30px;
|
|
46
|
-
border: 1px solid #009993;
|
|
46
|
+
border: 1px solid var(--emw--color-typography, #009993);
|
|
47
47
|
padding: 8px 10px;
|
|
48
48
|
user-select: none;
|
|
49
49
|
margin-bottom: 5px;
|
|
50
50
|
cursor: pointer;
|
|
51
51
|
}
|
|
52
52
|
.HeaderTicketHistory:hover {
|
|
53
|
-
background: #00ABA4;
|
|
53
|
+
background: var(--emw--color-secondary, #00ABA4);
|
|
54
54
|
}
|
|
55
55
|
.HeaderTicketHistory .Title,
|
|
56
56
|
.HeaderTicketHistory .Subtitle,
|
|
57
57
|
.HeaderTicketHistory .Description {
|
|
58
58
|
margin: 0;
|
|
59
59
|
font-size: 14px;
|
|
60
|
-
color: #000;
|
|
60
|
+
color: var(--emw--button-text-color, #000);
|
|
61
61
|
}
|
|
62
62
|
.HeaderTicketHistory .Expand {
|
|
63
63
|
margin-left: auto;
|
|
64
|
-
color:
|
|
64
|
+
color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
|
|
65
65
|
width: 17px;
|
|
66
66
|
height: 17px;
|
|
67
67
|
cursor: pointer;
|
|
@@ -73,29 +73,29 @@
|
|
|
73
73
|
|
|
74
74
|
.Content {
|
|
75
75
|
border-radius: 0 0 4px 4px;
|
|
76
|
-
background:
|
|
77
|
-
border: 1px solid #009993;
|
|
76
|
+
background: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
|
|
77
|
+
border: 1px solid var(--emw--button-border-color, #009993);
|
|
78
78
|
padding: 10px 15px;
|
|
79
79
|
user-select: none;
|
|
80
|
-
color: #000;
|
|
80
|
+
color: var(--emw--button-text-color, #000);
|
|
81
81
|
margin-bottom: 10px;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
.ActionButton {
|
|
85
85
|
cursor: pointer;
|
|
86
86
|
display: inline-block;
|
|
87
|
-
border-radius: 4px;
|
|
87
|
+
border-radius: var(--emw--button-border-radius, 4px);
|
|
88
88
|
margin: 20px 0 10px;
|
|
89
89
|
text-transform: uppercase;
|
|
90
90
|
font-size: 12px;
|
|
91
91
|
text-align: center;
|
|
92
92
|
padding: 8px 20px;
|
|
93
93
|
min-width: 80px;
|
|
94
|
-
background: #FF3D00;
|
|
95
|
-
border: 1px solid #FF3D00;
|
|
96
|
-
color:
|
|
94
|
+
background: var(--emw--color-error, #FF3D00);
|
|
95
|
+
border: 1px solid var(--emw--color-error, #FF3D00);
|
|
96
|
+
color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
|
|
97
97
|
}
|
|
98
98
|
.ActionButton:hover {
|
|
99
|
-
background: #FF6536;
|
|
100
|
-
border: 1px solid #FF3D00;
|
|
99
|
+
background: var(--emw--color-secondary, #FF6536);
|
|
100
|
+
border: 1px solid var(--emw--color-error, #FF3D00);
|
|
101
101
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
const DEFAULT_LANGUAGE = 'en';
|
|
2
|
+
const SUPPORTED_LANGUAGES = ['ro', 'en', 'hr'];
|
|
2
3
|
const TRANSLATIONS = {
|
|
3
4
|
en: {
|
|
4
5
|
deleteTicket: 'Delete ticket'
|
|
@@ -18,5 +19,5 @@ const TRANSLATIONS = {
|
|
|
18
19
|
};
|
|
19
20
|
export const translate = (key, customLang) => {
|
|
20
21
|
const lang = customLang;
|
|
21
|
-
return TRANSLATIONS[
|
|
22
|
+
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
22
23
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-fc19def9.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE = 'en';
|
|
4
|
+
const SUPPORTED_LANGUAGES = ['ro', 'en', 'hr'];
|
|
4
5
|
const TRANSLATIONS = {
|
|
5
6
|
en: {
|
|
6
7
|
deleteTicket: 'Delete ticket'
|
|
@@ -20,10 +21,10 @@ const TRANSLATIONS = {
|
|
|
20
21
|
};
|
|
21
22
|
const translate = (key, customLang) => {
|
|
22
23
|
const lang = customLang;
|
|
23
|
-
return TRANSLATIONS[
|
|
24
|
+
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
24
25
|
};
|
|
25
26
|
|
|
26
|
-
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
|
|
27
|
+
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:var(--emw--color-background, #009993);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #009993);padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:var(--emw--color-background-secondary, #00ABA4)}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));text-transform:capitalize}.Header .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.HeaderTicketHistory{border-radius:4px;background:var(--emw--color-gray-50, #F1F1F1);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #009993);padding:8px 10px;user-select:none;margin-bottom:5px;cursor:pointer}.HeaderTicketHistory:hover{background:var(--emw--color-secondary, #00ABA4)}.HeaderTicketHistory .Title,.HeaderTicketHistory .Subtitle,.HeaderTicketHistory .Description{margin:0;font-size:14px;color:var(--emw--button-text-color, #000)}.HeaderTicketHistory .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));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:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));border:1px solid var(--emw--button-border-color, #009993);padding:10px 15px;user-select:none;color:var(--emw--button-text-color, #000);margin-bottom:10px}.ActionButton{cursor:pointer;display:inline-block;border-radius:var(--emw--button-border-radius, 4px);margin:20px 0 10px;text-transform:uppercase;font-size:12px;text-align:center;padding:8px 20px;min-width:80px;background:var(--emw--color-error, #FF3D00);border:1px solid var(--emw--color-error, #FF3D00);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255))}.ActionButton:hover{background:var(--emw--color-secondary, #FF6536);border:1px solid var(--emw--color-error, #FF3D00)}";
|
|
27
28
|
const HelperAccordionStyle0 = helperAccordionCss;
|
|
28
29
|
|
|
29
30
|
const HelperAccordion = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-2977db32.js";export{s as setNonce}from"./p-2977db32.js";import{g as n}from"./p-e1255160.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["p-
|
|
1
|
+
import{p as e,b as t}from"./p-2977db32.js";export{s as setNonce}from"./p-2977db32.js";import{g as n}from"./p-e1255160.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((async e=>(await n(),t([["p-483dd2ea",[[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]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as t}from"./p-2977db32.js";const o=["ro","en","hr"],a={en:{deleteTicket:"Delete ticket"},ro:{deleteTicket:"Sterge biletul"},fr:{deleteTicket:"Supprimer le billet"},ar:{deleteTicket:"حذف التذكرة"},hr:{deleteTicket:"Izbriši listić"}},i=class{constructor(t){e(this,t),this.accordionEvent=r(this,"helperAccordionAction",7),this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.prepend(e)},this.setClientStylingURL=()=>{let e=document.createElement("style");setTimeout((()=>{e.innerHTML=this.clientStylingUrlContent,this.stylingContainer.prepend(e)}),1)},this.ticketHistoryFlag=!1,this.headerTitle="",this.headerSubtitle="",this.description="",this.footer=!1,this.deleteTab=!1,this.postMessage=!1,this.eventName="helperAccordionAction",this.collapsed=!0,this.language="en",this.clientStyling="",this.clientStylingUrlContent="",this.showContent=void 0,this.limitStylingAppends=!1}connectedCallback(){this.showContent=!this.collapsed}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrlContent&&this.setClientStylingURL(),this.limitStylingAppends=!0)}toggleContent(){this.showContent=!this.showContent}deleteAction(){this.postMessage&&window.postMessage({type:this.eventName},window.location.href),this.accordionEvent.emit()}render(){return t("div",{key:"ad26faefd6e3dd089171c7e2bff13faa5a26d972",class:"Wrapper",ref:e=>this.stylingContainer=e},t("div",{key:"bb7045653ec12a2526029589744f7ef014ec6a6a",class:!0===this.ticketHistoryFlag?"HeaderTicketHistory":"Header",onClick:()=>this.toggleContent()},t("p",{key:"ae30943582063e368e942124d8d5acadc1732629",class:"Title"},this.headerTitle),t("p",{key:"7c35076cb768de784177988900c61fe40a71594c",class:"Subtitle"},this.headerSubtitle),t("p",{key:"daff2b456a427f45b00efc32ba33a68cdc2228f0",class:"Subtitle Description"},this.description),t("span",{key:"0c4f942642da6e8b1ac3d2aeac46034963965d8f",class:"Expand"},this.showContent?"<":">")),this.showContent&&t("div",{key:"c688ab7cc629a3974b905a2fdc43063e996a3b90"},t("div",{key:"aaa3ad7d9f1503b8e1baaa2c756376a580ffe261",class:"Content"},t("slot",{key:"8c5c8ff70857da9414c7284b052a3fbc5f503f4a",name:"accordionContent"}),this.footer&&this.showContent&&t("div",{key:"917191f55a45647d708a5e3ff5e188c7e565a0c0"},this.deleteTab&&t("span",{key:"e7fdd5b4f18cacaceda206b36ce9576cc3fc1472",class:"ActionButton",onClick:()=>this.deleteAction()},(()=>{const e=this.language;return a[void 0!==e&&o.includes(e)?e:"en"].deleteTicket})())))))}};i.style='@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:var(--emw--color-background, #009993);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #009993);padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:var(--emw--color-background-secondary, #00ABA4)}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));text-transform:capitalize}.Header .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.HeaderTicketHistory{border-radius:4px;background:var(--emw--color-gray-50, #F1F1F1);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #009993);padding:8px 10px;user-select:none;margin-bottom:5px;cursor:pointer}.HeaderTicketHistory:hover{background:var(--emw--color-secondary, #00ABA4)}.HeaderTicketHistory .Title,.HeaderTicketHistory .Subtitle,.HeaderTicketHistory .Description{margin:0;font-size:14px;color:var(--emw--button-text-color, #000)}.HeaderTicketHistory .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));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:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));border:1px solid var(--emw--button-border-color, #009993);padding:10px 15px;user-select:none;color:var(--emw--button-text-color, #000);margin-bottom:10px}.ActionButton{cursor:pointer;display:inline-block;border-radius:var(--emw--button-border-radius, 4px);margin:20px 0 10px;text-transform:uppercase;font-size:12px;text-align:center;padding:8px 20px;min-width:80px;background:var(--emw--color-error, #FF3D00);border:1px solid var(--emw--color-error, #FF3D00);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255))}.ActionButton:hover{background:var(--emw--color-secondary, #FF6536);border:1px solid var(--emw--color-error, #FF3D00)}';export{i as helper_accordion}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as i}from"./p-2977db32.js";const s={en:{deleteTicket:"Delete ticket"},ro:{deleteTicket:"Sterge biletul"},fr:{deleteTicket:"Supprimer le billet"},ar:{deleteTicket:"حذف التذكرة"},hr:{deleteTicket:"Izbriši listić"}},o=class{constructor(i){e(this,i),this.accordionEvent=t(this,"helperAccordionAction",7),this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.prepend(e)},this.setClientStylingURL=()=>{let e=document.createElement("style");setTimeout((()=>{e.innerHTML=this.clientStylingUrlContent,this.stylingContainer.prepend(e)}),1)},this.ticketHistoryFlag=!1,this.headerTitle="",this.headerSubtitle="",this.description="",this.footer=!1,this.deleteTab=!1,this.postMessage=!1,this.eventName="helperAccordionAction",this.collapsed=!0,this.language="en",this.clientStyling="",this.clientStylingUrlContent="",this.showContent=void 0,this.limitStylingAppends=!1}connectedCallback(){this.showContent=!this.collapsed}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrlContent&&this.setClientStylingURL(),this.limitStylingAppends=!0)}toggleContent(){this.showContent=!this.showContent}deleteAction(){this.postMessage&&window.postMessage({type:this.eventName},window.location.href),this.accordionEvent.emit()}render(){return i("div",{key:"ad26faefd6e3dd089171c7e2bff13faa5a26d972",class:"Wrapper",ref:e=>this.stylingContainer=e},i("div",{key:"bb7045653ec12a2526029589744f7ef014ec6a6a",class:!0===this.ticketHistoryFlag?"HeaderTicketHistory":"Header",onClick:()=>this.toggleContent()},i("p",{key:"ae30943582063e368e942124d8d5acadc1732629",class:"Title"},this.headerTitle),i("p",{key:"7c35076cb768de784177988900c61fe40a71594c",class:"Subtitle"},this.headerSubtitle),i("p",{key:"daff2b456a427f45b00efc32ba33a68cdc2228f0",class:"Subtitle Description"},this.description),i("span",{key:"0c4f942642da6e8b1ac3d2aeac46034963965d8f",class:"Expand"},this.showContent?"<":">")),this.showContent&&i("div",{key:"c688ab7cc629a3974b905a2fdc43063e996a3b90"},i("div",{key:"aaa3ad7d9f1503b8e1baaa2c756376a580ffe261",class:"Content"},i("slot",{key:"8c5c8ff70857da9414c7284b052a3fbc5f503f4a",name:"accordionContent"}),this.footer&&this.showContent&&i("div",{key:"917191f55a45647d708a5e3ff5e188c7e565a0c0"},this.deleteTab&&i("span",{key:"e7fdd5b4f18cacaceda206b36ce9576cc3fc1472",class:"ActionButton",onClick:()=>this.deleteAction()},s[void 0!==(e=this.language)&&e in s?e:"en"].deleteTicket)))));var e}};o.style='@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}';export{o as helper_accordion}
|