@jumpgroup/jump-design-system 1.0.0 → 1.0.1
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/jump-notice.cjs.entry.js +1 -1
- package/dist/cjs/jump-notice.cjs.entry.js.map +1 -1
- package/dist/collection/components/jump-notice/jump-notice.js +1 -1
- package/dist/collection/components/jump-notice/jump-notice.js.map +1 -1
- package/dist/components/jump-notice.js +1 -1
- package/dist/components/jump-notice.js.map +1 -1
- package/dist/esm/jump-notice.entry.js +1 -1
- package/dist/esm/jump-notice.entry.js.map +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js +1 -1
- package/dist/jump-design-system/{p-14aceb16.entry.js → p-9eba7c7c.entry.js} +2 -2
- package/dist/jump-design-system/{p-14aceb16.entry.js.map → p-9eba7c7c.entry.js.map} +1 -1
- package/package.json +1 -1
|
@@ -32,7 +32,7 @@ const JumpNotice = class {
|
|
|
32
32
|
console.log('closable', this.closable, this.visible);
|
|
33
33
|
if (!this.visible)
|
|
34
34
|
return null;
|
|
35
|
-
return (index.h(index.Host, { ref: (host) => this.host = host }, index.h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, index.h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && index.h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), index.h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (index.h("span", { class: "JumpNotice__Inline" }, this.description && index.h("span", { class: "JumpNotice__Description--inline" }, " ", this.title && index.h("span", { class: "JumpNotice__Title--inline" }, this.title), " ", this.description)
|
|
35
|
+
return (index.h(index.Host, { ref: (host) => this.host = host }, index.h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, index.h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && index.h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), index.h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (index.h("span", { class: "JumpNotice__Inline" }, this.description && index.h("span", { class: "JumpNotice__Description--inline" }, " ", this.title && index.h("span", { class: "JumpNotice__Title--inline" }, this.title), " ", this.description))) : (index.h("div", { class: "JumpNotice__Large" }, this.title && index.h("p", { class: "JumpNotice__Title" }, this.title), this.description && index.h("p", { class: "JumpNotice__Description" }, this.description))), this.link && index.h("jump-button", { size: "small", text: true, href: this.link, target: "_blank" }, " ", index.h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
JumpNotice.style = JumpNoticeStyle0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"jump-notice.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,8kFAA8kF,CAAC;AACrmF,yBAAe,aAAa;;MCMf,UAAU;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACEA,QAACC,UAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChDD,iBAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnGA,iBAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACNA,iBAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpBA,kBAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,WAAW,IAAIA,kBAAM,KAAK,EAAC,iCAAiC,SAAG,IAAI,CAAC,KAAK,IAAIA,kBAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,OAAG,IAAI,CAAC,WAAW,CAAQ,
|
|
1
|
+
{"file":"jump-notice.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,8kFAA8kF,CAAC;AACrmF,yBAAe,aAAa;;MCMf,UAAU;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACEA,QAACC,UAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChDD,iBAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnGA,iBAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACNA,iBAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpBA,kBAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,WAAW,IAAIA,kBAAM,KAAK,EAAC,iCAAiC,SAAG,IAAI,CAAC,KAAK,IAAIA,kBAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,OAAG,IAAI,CAAC,WAAW,CAAQ,CACpK,KAEPA,iBAAK,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,KAAK,IAAIA,eAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAIA,eAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,CAC1E,CACP,EACA,IAAI,CAAC,IAAI,IAAIA,yBAAa,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAEA,uBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CAClK,CAMF,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.description && <span class=\"JumpNotice__Description--inline\"> {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>} {this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -22,7 +22,7 @@ export class JumpNotice {
|
|
|
22
22
|
console.log('closable', this.closable, this.visible);
|
|
23
23
|
if (!this.visible)
|
|
24
24
|
return null;
|
|
25
|
-
return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.description && h("span", { class: "JumpNotice__Description--inline" }, " ", this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), " ", this.description)
|
|
25
|
+
return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.description && h("span", { class: "JumpNotice__Description--inline" }, " ", this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), " ", this.description))) : (h("div", { class: "JumpNotice__Large" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description))), this.link && h("jump-button", { size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "jump-notice"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"jump-notice.js","sourceRoot":"","sources":["../../../src/components/jump-notice/jump-notice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOrF,MAAM,OAAO,UAAU;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,OAAO,CACL,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;YAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE;gBACnG,WAAK,KAAK,EAAC,kBAAkB;oBAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa;oBAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa;oBACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa;oBACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G;gBACN,WAAK,KAAK,EAAC,qBAAqB;oBAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,YAAM,KAAK,EAAC,oBAAoB
|
|
1
|
+
{"version":3,"file":"jump-notice.js","sourceRoot":"","sources":["../../../src/components/jump-notice/jump-notice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOrF,MAAM,OAAO,UAAU;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,OAAO,CACL,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;YAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE;gBACnG,WAAK,KAAK,EAAC,kBAAkB;oBAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa;oBAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa;oBACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa;oBACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G;gBACN,WAAK,KAAK,EAAC,qBAAqB;oBAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,YAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,WAAW,IAAI,YAAM,KAAK,EAAC,iCAAiC;;wBAAG,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ;;wBAAG,IAAI,CAAC,WAAW,CAAQ,CACpK,CACR,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,mBAAmB;wBAC3B,IAAI,CAAC,KAAK,IAAI,SAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK;wBAC3D,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,CAC1E,CACP;oBACA,IAAI,CAAC,IAAI,IAAI,mBAAa,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ;;wBAAE,iBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa;;wBAAE,IAAI,CAAC,QAAQ;4BAAgB,CAClK,CAMF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.description && <span class=\"JumpNotice__Description--inline\"> {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>} {this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"]}
|
|
@@ -32,7 +32,7 @@ const JumpNotice$1 = /*@__PURE__*/ proxyCustomElement(class JumpNotice extends H
|
|
|
32
32
|
console.log('closable', this.closable, this.visible);
|
|
33
33
|
if (!this.visible)
|
|
34
34
|
return null;
|
|
35
|
-
return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.description && h("span", { class: "JumpNotice__Description--inline" }, " ", this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), " ", this.description)
|
|
35
|
+
return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.description && h("span", { class: "JumpNotice__Description--inline" }, " ", this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), " ", this.description))) : (h("div", { class: "JumpNotice__Large" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description))), this.link && h("jump-button", { size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
|
|
36
36
|
}
|
|
37
37
|
static get style() { return JumpNoticeStyle0; }
|
|
38
38
|
}, [1, "jump-notice", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"jump-notice.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,8kFAA8kF,CAAC;AACrmF,yBAAe,aAAa;;MCMfA,YAAU;;;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACE,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnG,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpB,YAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,WAAW,IAAI,YAAM,KAAK,EAAC,iCAAiC,SAAG,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,OAAG,IAAI,CAAC,WAAW,CAAQ,
|
|
1
|
+
{"file":"jump-notice.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,8kFAA8kF,CAAC;AACrmF,yBAAe,aAAa;;MCMfA,YAAU;;;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACE,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnG,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpB,YAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,WAAW,IAAI,YAAM,KAAK,EAAC,iCAAiC,SAAG,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,OAAG,IAAI,CAAC,WAAW,CAAQ,CACpK,KAEP,WAAK,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,KAAK,IAAI,SAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,CAC1E,CACP,EACA,IAAI,CAAC,IAAI,IAAI,mBAAa,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAE,iBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CAClK,CAMF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JumpNotice"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.description && <span class=\"JumpNotice__Description--inline\"> {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>} {this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -28,7 +28,7 @@ const JumpNotice = class {
|
|
|
28
28
|
console.log('closable', this.closable, this.visible);
|
|
29
29
|
if (!this.visible)
|
|
30
30
|
return null;
|
|
31
|
-
return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.description && h("span", { class: "JumpNotice__Description--inline" }, " ", this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), " ", this.description)
|
|
31
|
+
return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.description && h("span", { class: "JumpNotice__Description--inline" }, " ", this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), " ", this.description))) : (h("div", { class: "JumpNotice__Large" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description))), this.link && h("jump-button", { size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
JumpNotice.style = JumpNoticeStyle0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"jump-notice.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,8kFAA8kF,CAAC;AACrmF,yBAAe,aAAa;;MCMf,UAAU;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACE,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnG,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpB,YAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,WAAW,IAAI,YAAM,KAAK,EAAC,iCAAiC,SAAG,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,OAAG,IAAI,CAAC,WAAW,CAAQ,
|
|
1
|
+
{"file":"jump-notice.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,8kFAA8kF,CAAC;AACrmF,yBAAe,aAAa;;MCMf,UAAU;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACE,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnG,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpB,YAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,WAAW,IAAI,YAAM,KAAK,EAAC,iCAAiC,SAAG,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,OAAG,IAAI,CAAC,WAAW,CAAQ,CACpK,KAEP,WAAK,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,KAAK,IAAI,SAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,CAC1E,CACP,EACA,IAAI,CAAC,IAAI,IAAI,mBAAa,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAE,iBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CAClK,CAMF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.description && <span class=\"JumpNotice__Description--inline\"> {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>} {this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-98d5dd1f.js";export{s as setNonce}from"./p-98d5dd1f.js";import{g as a}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};i().then((async e=>{await a();return t([["p-889e2dcd",[[1,"jump-card-ecommerce",{onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],hasSlotAddToCart:[4,"has-slot-add-to-cart"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],addToCartColor:[1,"add-to-cart-color"],badgeColor:[1,"badge-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListButtonShow:[1540,"waiting-list-button-show"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],disallowAddToCart:[4,"disallow-add-to-cart"],disallowAddToCartLabel:[1,"disallow-add-to-cart-label"],enableZoom:[4,"enable-zoom"],imageObjectFit:[1,"image-object-fit"],autoSelectFirstVariation:[4,"auto-select-first-variation"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],optionsOrdered:[32],setPrice:[64],forceVariationsOrder:[64],selectVariation:[64],selectFirstVariation:[64],getSelectedVariation:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-5def5339",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],showCount:[4,"show-count"],offCanvasOverlay:[4,"off-canvas-overlay"],activeFilters:[32],showMobileFilters:[32],isMobile:[32],offCanvasClasses:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-0140b32c",[[1,"jump-filtergroup",{name:[1],heading:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],label:[32],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]},null,{showMore:["watchShowMore"]}]]],["p-bb18f919",[[1,"jump-navbar",{logo:[16],navItems:[16],secondaryNavItems:[16],mobileThreshold:[2,"mobile-threshold"],type:[1],navPosition:[1,"nav-position"],megaMenuAlignment:[1,"mega-menu-alignment"],sticky:[4],stickyThreshold:[2,"sticky-threshold"],mobileLogo:[16],user:[16],isMobile:[32]},[[9,"resize","handleResize"]]]]],["p-
|
|
1
|
+
import{p as e,b as t}from"./p-98d5dd1f.js";export{s as setNonce}from"./p-98d5dd1f.js";import{g as a}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};i().then((async e=>{await a();return t([["p-889e2dcd",[[1,"jump-card-ecommerce",{onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],hasSlotAddToCart:[4,"has-slot-add-to-cart"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],addToCartColor:[1,"add-to-cart-color"],badgeColor:[1,"badge-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListButtonShow:[1540,"waiting-list-button-show"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],disallowAddToCart:[4,"disallow-add-to-cart"],disallowAddToCartLabel:[1,"disallow-add-to-cart-label"],enableZoom:[4,"enable-zoom"],imageObjectFit:[1,"image-object-fit"],autoSelectFirstVariation:[4,"auto-select-first-variation"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],optionsOrdered:[32],setPrice:[64],forceVariationsOrder:[64],selectVariation:[64],selectFirstVariation:[64],getSelectedVariation:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-5def5339",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],showCount:[4,"show-count"],offCanvasOverlay:[4,"off-canvas-overlay"],activeFilters:[32],showMobileFilters:[32],isMobile:[32],offCanvasClasses:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-0140b32c",[[1,"jump-filtergroup",{name:[1],heading:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],label:[32],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]},null,{showMore:["watchShowMore"]}]]],["p-bb18f919",[[1,"jump-navbar",{logo:[16],navItems:[16],secondaryNavItems:[16],mobileThreshold:[2,"mobile-threshold"],type:[1],navPosition:[1,"nav-position"],megaMenuAlignment:[1,"mega-menu-alignment"],sticky:[4],stickyThreshold:[2,"sticky-threshold"],mobileLogo:[16],user:[16],isMobile:[32]},[[9,"resize","handleResize"]]]]],["p-9eba7c7c",[[1,"jump-notice",{id:[1],title:[1],description:[1],link:[1],linkText:[1,"link-text"],closable:[4],type:[1],size:[1],visible:[32]}]]],["p-f36de1a8",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-629835ac",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],elPerPage:[2,"el-per-page"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-b6c7ffcd",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],internalValue:[32],getValue:[64],setMax:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-038a2a14",[[1,"jump-search-bar",{searchValue:[1025,"search-value"],placeholder:[1],noResultText:[1,"no-result-text"],loadingText:[1,"loading-text"],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],identifier:[1],debounceTime:[2,"debounce-time"],variant:[1],withBtn:[4,"with-btn"],recentsTitle:[1,"recents-title"],recents:[16],results:[16],dropdown:[4],linearIconOnly:[4,"linear-icon-only"],dropdownPosition:[1,"dropdown-position"],dropdownVisible:[32],resType:[32],innerResults:[32],totalResults:[32],isExpanded:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-6b8fccdb",[[1,"jump-search-bar-mobile",{identifier:[1],placeholder:[1],recents:[16],recentsTitle:[1,"recents-title"],debounceTime:[2,"debounce-time"],loadingText:[1,"loading-text"],noResultText:[1,"no-result-text"],results:[16],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],isOpen:[32],innerResults:[32],totalResults:[32],resType:[32],searchValue:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-b3765945",[[1,"jump-accordion",{variant:[1],summary:[1],disabled:[4],open:[516],icon:[1],identifier:[1]},[[0,"sl-show","handleShow"]]]]],["p-421ebb5a",[[1,"jump-side-cart",{isOpen:[4,"is-open"],position:[1],items:[16],discountThreshold:[16],freeShippingThreshold:[2,"free-shipping-threshold"],progressPercentage:[2,"progress-percentage"],checkoutLabel:[1,"checkout-label"],viewCartLabel:[1,"view-cart-label"],shippingInfo:[1,"shipping-info"],cartItems:[32]}]]],["p-ff62e250",[[1,"jump-side-cart-example",{isCartOpen:[32],position:[32],cartItems:[32]}]]],["p-264fa972",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-bd692b1f",[[1,"jump-accordion-group",{variant:[1],groupIdentifier:[1,"group-identifier"]}]]],["p-6905cee4",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-f7310fd5",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1],order:[2]}]]],["p-0d86819c",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-e30da431",[[1,"jump-filter-range",{name:[1],labelMinBefore:[1,"label-min-before"],labelMinAfter:[1,"label-min-after"],labelMaxBefore:[1,"label-max-before"],labelMaxAfter:[1,"label-max-after"],min:[2],max:[2],step:[2],minVal:[2,"min-val"],maxVal:[2,"max-val"],disabled:[516],internalMinVal:[32],internalMaxVal:[32],getValues:[64]},null,{minVal:["watchMinVal"],maxVal:["watchMaxVal"]}]]],["p-55fcebb1",[[1,"jump-filter-select",{value:[1537],placeholder:[1],label:[1],name:[1],options:[1],disabled:[516],multiple:[4],required:[4],loading:[4],open:[32],values:[32],getSelectedValue:[64],getSelectedOption:[64],getValues:[64],getName:[64],setValue:[64]}]]],["p-7e35d9f1",[[1,"jump-filter-switch",{value:[1],label:[1],name:[1],checked:[1540],disabled:[516],values:[32],setValue:[64],isChecked:[64],getValues:[64],getName:[64]},null,{checked:["checkedChanged"]}]]],["p-02ab8fb7",[[1,"jump-search-bar-dropdown-item",{value:[1],img:[1],href:[1],details:[32]}]]],["p-d1fc1ddf",[[1,"jump-tab",{disabled:[4],alignment:[1],fullBorder:[4,"full-border"],tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-d0ea0f54",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-6d82feb3",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]],["p-18c359e3",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}],[1,"jump-icon",{class:[1],library:[1],name:[1],category:[1],size:[1],label:[1],src:[1]}]]]],e)}));
|
|
2
2
|
//# sourceMappingURL=jump-design-system.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,H as i}from"./p-98d5dd1f.js";const r=':host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, "Arial"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color);--jump-button-background:var(--jump-notice-info-text-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color);--jump-button-background:var(--jump-notice-warning-text-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color);--jump-button-background:var(--jump-notice-error-text-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color);--jump-button-background:var(--jump-notice-success-text-color)}.JumpNotice__Content{display:flex;flex-direction:column;justify-content:center;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}.JumpNotice__Content .JumpNotice__Inline{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:var(--jump-notice-text-font-size);font-weight:400}.JumpNotice__Content .JumpNotice__Large{display:flex;flex-direction:column;gap:0.25rem}.JumpNotice__Content .JumpNotice__Title--inline{font-size:var(--jump-notice-text-font-size);font-weight:700}.JumpNotice__Content .JumpNotice__Description--inline{font-size:var(--jump-notice-text-font-size);font-weight:400;margin:0}';const n=r;const c=class{constructor(e){t(this,e);this.closeNoticeEv=o(this,"jump-notice-close",7);this.visible=true;this.id=undefined;this.title=undefined;this.description=undefined;this.link=undefined;this.linkText=undefined;this.closable=false;this.type="info";this.size="large"}closeNotice(){let t={id:this.id};this.closeNoticeEv.emit(t);this.visible=false}render(){console.log("closable",this.closable,this.visible);if(!this.visible)return null;return e(i,{ref:t=>this.host=t},e("div",{class:`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`},e("div",{class:"JumpNotice__Icon"},this.type==="info"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-info",size:"medium"}),this.type==="warning"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-exclamation",size:"medium"}),this.type==="error"&&e("jump-icon",{library:"fa",category:"solid",name:"triangle-exclamation",size:"medium"}),this.type==="success"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-check",size:"medium"})),e("div",{class:"JumpNotice__Content"},this.size==="small"?e("span",{class:"JumpNotice__Inline"},this.description&&e("span",{class:"JumpNotice__Description--inline"}," ",this.title&&e("span",{class:"JumpNotice__Title--inline"},this.title)," ",this.description)
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as o,h as e,H as i}from"./p-98d5dd1f.js";const r=':host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, "Arial"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color);--jump-button-background:var(--jump-notice-info-text-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color);--jump-button-background:var(--jump-notice-warning-text-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color);--jump-button-background:var(--jump-notice-error-text-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color);--jump-button-background:var(--jump-notice-success-text-color)}.JumpNotice__Content{display:flex;flex-direction:column;justify-content:center;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}.JumpNotice__Content .JumpNotice__Inline{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:var(--jump-notice-text-font-size);font-weight:400}.JumpNotice__Content .JumpNotice__Large{display:flex;flex-direction:column;gap:0.25rem}.JumpNotice__Content .JumpNotice__Title--inline{font-size:var(--jump-notice-text-font-size);font-weight:700}.JumpNotice__Content .JumpNotice__Description--inline{font-size:var(--jump-notice-text-font-size);font-weight:400;margin:0}';const n=r;const c=class{constructor(e){t(this,e);this.closeNoticeEv=o(this,"jump-notice-close",7);this.visible=true;this.id=undefined;this.title=undefined;this.description=undefined;this.link=undefined;this.linkText=undefined;this.closable=false;this.type="info";this.size="large"}closeNotice(){let t={id:this.id};this.closeNoticeEv.emit(t);this.visible=false}render(){console.log("closable",this.closable,this.visible);if(!this.visible)return null;return e(i,{ref:t=>this.host=t},e("div",{class:`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`},e("div",{class:"JumpNotice__Icon"},this.type==="info"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-info",size:"medium"}),this.type==="warning"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-exclamation",size:"medium"}),this.type==="error"&&e("jump-icon",{library:"fa",category:"solid",name:"triangle-exclamation",size:"medium"}),this.type==="success"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-check",size:"medium"})),e("div",{class:"JumpNotice__Content"},this.size==="small"?e("span",{class:"JumpNotice__Inline"},this.description&&e("span",{class:"JumpNotice__Description--inline"}," ",this.title&&e("span",{class:"JumpNotice__Title--inline"},this.title)," ",this.description)):e("div",{class:"JumpNotice__Large"},this.title&&e("p",{class:"JumpNotice__Title"},this.title),this.description&&e("p",{class:"JumpNotice__Description"},this.description)),this.link&&e("jump-button",{size:"small",text:true,href:this.link,target:"_blank"}," ",e("jump-icon",{slot:"suffix",name:"arrow-right"})," ",this.linkText," "))))}};c.style=n;export{c as jump_notice};
|
|
2
|
+
//# sourceMappingURL=p-9eba7c7c.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jumpNoticeCss","JumpNoticeStyle0","JumpNotice","closeNotice","data","id","this","closeNoticeEv","emit","visible","render","console","log","closable","h","Host","ref","host","class","type","size","library","category","name","description","title","link","text","href","target","slot","linkText"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.description && <span class=\"JumpNotice__Description--inline\"> {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>} {this.description}</span>}\n
|
|
1
|
+
{"version":3,"names":["jumpNoticeCss","JumpNoticeStyle0","JumpNotice","closeNotice","data","id","this","closeNoticeEv","emit","visible","render","console","log","closable","h","Host","ref","host","class","type","size","library","category","name","description","title","link","text","href","target","slot","linkText"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.description && <span class=\"JumpNotice__Description--inline\"> {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>} {this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,6kFACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,uFAUO,K,4HAWA,M,UACL,O,UACA,O,CAIvB,WAAAC,GACE,IAAIC,EAAO,CACTC,GAAIC,KAAKD,IAEXC,KAAKC,cAAcC,KAAKJ,GACxBE,KAAKG,QAAU,K,CAGjB,MAAAC,GACEC,QAAQC,IAAI,WAAYN,KAAKO,SAAUP,KAAKG,SAC5C,IAAKH,KAAKG,QAAS,OAAO,KAC1B,OACEK,EAACC,EAAI,CAACC,IAAMC,GAAsBX,KAAKW,KAAOA,GAC5CH,EAAA,OAAKI,MAAO,4CAA4CZ,KAAKa,6BAA6Bb,KAAKc,QAC7FN,EAAA,OAAKI,MAAM,oBACRZ,KAAKa,OAAS,QAAUL,EAAA,aAAWO,QAAQ,KAAKC,SAAS,QAAQC,KAAK,cAAcH,KAAK,WACzFd,KAAKa,OAAS,WAAaL,EAAA,aAAWO,QAAQ,KAAKC,SAAS,QAAQC,KAAK,qBAAqBH,KAAK,WACnGd,KAAKa,OAAS,SAAWL,EAAA,aAAWO,QAAQ,KAAKC,SAAS,QAAQC,KAAK,uBAAuBH,KAAK,WACnGd,KAAKa,OAAS,WAAaL,EAAA,aAAWO,QAAQ,KAAKC,SAAS,QAAQC,KAAK,eAAeH,KAAK,YAEhGN,EAAA,OAAKI,MAAM,uBACRZ,KAAKc,OAAS,QACbN,EAAA,QAAMI,MAAM,sBACTZ,KAAKkB,aAAeV,EAAA,QAAMI,MAAM,mCAAiC,IAAGZ,KAAKmB,OAASX,EAAA,QAAMI,MAAM,6BAA6BZ,KAAKmB,OAAa,IAAGnB,KAAKkB,cAGxJV,EAAA,OAAKI,MAAM,qBACRZ,KAAKmB,OAASX,EAAA,KAAGI,MAAM,qBAAqBZ,KAAKmB,OACjDnB,KAAKkB,aAAeV,EAAA,KAAGI,MAAM,2BAA2BZ,KAAKkB,cAGjElB,KAAKoB,MAAQZ,EAAA,eAAaM,KAAK,QAAQO,KAAI,KAACC,KAAMtB,KAAKoB,KAAMG,OAAO,UAAQ,IAAEf,EAAA,aAAWgB,KAAK,SAASP,KAAK,gBAA0B,IAAEjB,KAAKyB,SAAQ,O"}
|