@logosphere-ui/core 0.0.0-alpha.16 → 0.0.0-alpha.19
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/{chatbot-CIk-82Bz.cjs → chatbot-B_3w7h4T.cjs} +22 -22
- package/dist/{chatbot-Dl-WLXP3.js → chatbot-uGYcx6Nn.js} +137 -116
- package/dist/chatbot.cjs +1 -1
- package/dist/chatbot.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/index.umd.js +77 -77
- package/dist/{modal-CnwRIdd8.js → modal-B8aQyCBg.js} +3 -4
- package/dist/{modal-DQ8VFL-P.cjs → modal-DU1sszVn.cjs} +7 -7
- package/dist/modal.cjs +1 -1
- package/dist/modal.js +1 -1
- package/dist/organisms/Chatbot/chatbot.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { unsafeCSS as p, css as h, LitElement as m, html as r } from "lit";
|
|
2
2
|
import { property as n, customElement as f } from "lit/decorators.js";
|
|
3
3
|
const u = ".modal__backdrop{position:fixed;inset:0;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4);font-family:var(--font-family-base)}.modal__dialog{width:100%;max-width:720px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xl);background-color:var(--color-body-bg);display:grid;grid-template-rows:auto 1fr auto}.modal__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-2)}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-body-text);margin:0}.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:flex-end;border-top:1px solid var(--color-border)}";
|
|
4
|
-
var v = Object.defineProperty,
|
|
5
|
-
for (var a = l > 1 ? void 0 : l ?
|
|
4
|
+
var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, t = (e, s, i, l) => {
|
|
5
|
+
for (var a = l > 1 ? void 0 : l ? _(s, i) : s, d = e.length - 1, c; d >= 0; d--)
|
|
6
6
|
(c = e[d]) && (a = (l ? c(s, i, a) : c(a)) || a);
|
|
7
7
|
return l && a && v(s, i, a), a;
|
|
8
8
|
};
|
|
@@ -32,8 +32,7 @@ let o = class extends m {
|
|
|
32
32
|
this.open !== e && (this.open = e, this.dispatchEvent(new CustomEvent(e ? "modal-open" : "modal-close", { bubbles: !0 })));
|
|
33
33
|
}
|
|
34
34
|
checkFooterContent() {
|
|
35
|
-
|
|
36
|
-
e && (this.hasFooterContent = e.assignedNodes().length > 0);
|
|
35
|
+
this.hasFooterContent = this.querySelector('[slot="footer"]') !== null;
|
|
37
36
|
}
|
|
38
37
|
updated(e) {
|
|
39
38
|
super.updated(e), this.checkFooterContent();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const o=require("lit"),t=require("lit/decorators.js"),p=".modal__backdrop{position:fixed;inset:0;z-index:var(--z-index-modal-backdrop);display:flex;align-items:center;justify-content:center;background-color:#00000080;padding:var(--spacing-4);font-family:var(--font-family-base)}.modal__dialog{width:100%;max-width:720px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xl);background-color:var(--color-body-bg);display:grid;grid-template-rows:auto 1fr auto}.modal__header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-2)}.modal__header-content{flex:1;min-width:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-body-text);margin:0}.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:flex-end;border-top:1px solid var(--color-border)}";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(n,e,r,l)=>{for(var a=l>1?void 0:l?h(e,r):e,i=n.length-1,d;i>=0;i--)(d=n[i])&&(a=(l?d(e,r,a):d(a))||a);return l&&a&&c(e,r,a),a};exports.Modal=class extends o.LitElement{constructor(){super(...arguments),this.open=!1,this.title="",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.showBack=!1,this.showClose=!1,this.hasFooterContent=!1,this.onKeyDown=e=>{this.open&&this.closeOnEsc&&e.key==="Escape"&&this.setOpen(!1)},this.onBackdropClick=e=>{if(!this.closeOnBackdrop)return;const r=this.shadowRoot?.querySelector(".__modal-content");r&&!r.contains(e.target)&&this.setOpen(!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.onKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.onKeyDown)}openModal(){this.setOpen(!0)}closeModal(){this.setOpen(!1)}setOpen(e){this.open!==e&&(this.open=e,this.dispatchEvent(new CustomEvent(e?"modal-open":"modal-close",{bubbles:!0})))}checkFooterContent(){this.hasFooterContent=this.querySelector('[slot="footer"]')!==null}updated(e){super.updated(e),this.checkFooterContent()}render(){return this.open?o.html`
|
|
2
2
|
<div
|
|
3
3
|
class="modal__backdrop"
|
|
4
4
|
role="presentation"
|
|
@@ -10,16 +10,16 @@
|
|
|
10
10
|
role="dialog"
|
|
11
11
|
aria-modal="true"
|
|
12
12
|
>
|
|
13
|
-
${this.showBack||this.showClose?
|
|
13
|
+
${this.showBack||this.showClose?o.html`
|
|
14
14
|
<div class="modal__header">
|
|
15
|
-
${this.showBack?
|
|
15
|
+
${this.showBack?o.html`
|
|
16
16
|
<logosphere-button variant="text" size="sm" @click=${()=>this.setOpen(!1)}>←</logosphere-button>
|
|
17
17
|
`:""}
|
|
18
18
|
<div class="modal__header-content">
|
|
19
|
-
${this.title?
|
|
19
|
+
${this.title?o.html`<h2 class="modal__title">${this.title}</h2>`:""}
|
|
20
20
|
<slot name="header"></slot>
|
|
21
21
|
</div>
|
|
22
|
-
${this.showClose?
|
|
22
|
+
${this.showClose?o.html`
|
|
23
23
|
<logosphere-button variant="text" size="sm" @click=${()=>this.setOpen(!1)}>×</logosphere-button>
|
|
24
24
|
`:""}
|
|
25
25
|
</div>
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
<slot></slot>
|
|
30
30
|
</div>
|
|
31
31
|
|
|
32
|
-
${this.hasFooterContent?
|
|
32
|
+
${this.hasFooterContent?o.html`
|
|
33
33
|
<div class="modal__footer">
|
|
34
34
|
<slot name="footer"></slot>
|
|
35
35
|
</div>
|
|
36
36
|
`:""}
|
|
37
37
|
</div>
|
|
38
38
|
</div>
|
|
39
|
-
`:
|
|
39
|
+
`:o.html``}};exports.Modal.styles=[o.css`${o.unsafeCSS(p)}`];s([t.property({type:Boolean,reflect:!0})],exports.Modal.prototype,"open",2);s([t.property({type:String})],exports.Modal.prototype,"title",2);s([t.property({type:Boolean})],exports.Modal.prototype,"closeOnEsc",2);s([t.property({type:Boolean})],exports.Modal.prototype,"closeOnBackdrop",2);s([t.property({type:Boolean})],exports.Modal.prototype,"showBack",2);s([t.property({type:Boolean})],exports.Modal.prototype,"showClose",2);s([t.property({type:Boolean,state:!0})],exports.Modal.prototype,"hasFooterContent",2);exports.Modal=s([t.customElement("logosphere-modal")],exports.Modal);
|
package/dist/modal.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal-DU1sszVn.cjs");Object.defineProperty(exports,"Modal",{enumerable:!0,get:()=>e.Modal});
|
package/dist/modal.js
CHANGED
|
@@ -5,6 +5,7 @@ import "../../shared/icons/ui-icon";
|
|
|
5
5
|
type Product = {
|
|
6
6
|
id: string;
|
|
7
7
|
name: string;
|
|
8
|
+
selected?: boolean;
|
|
8
9
|
};
|
|
9
10
|
export declare class LogosphereChatBot extends LitElement {
|
|
10
11
|
static styles: import("lit").CSSResult[];
|
|
@@ -43,6 +44,7 @@ export declare class LogosphereChatBot extends LitElement {
|
|
|
43
44
|
disconnectedCallback(): void;
|
|
44
45
|
firstUpdated(): Promise<void>;
|
|
45
46
|
updated(changed: PropertyValues): void;
|
|
47
|
+
private _resolveInitialProduct;
|
|
46
48
|
private handleProductUpdate;
|
|
47
49
|
private updateComboboxItems;
|
|
48
50
|
private onProductChange;
|
package/package.json
CHANGED