@fluid-topics/ft-modal 1.3.51 → 1.3.52

package/build/ft-modal.light.js

@@ -595,7 +595,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                 </${qt(this.element)}>
             `:Yt`
             <slot part="text" class="ftds-typography ftds-typography--${this.variant}"></slot>
-        `}};xe.styles=[...Bi];Mi([(0,Ln.property)()],xe.prototype,"element",void 0);Mi([(0,Ln.property)()],xe.prototype,"variant",void 0);(0,In.customElement)("ft-typography")(be);(0,In.customElement)("ftds-typography")(xe);var $i=S(W()),Qe=S(P()),Jt={distance:Qe.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Qe.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Qe.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Qe.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Qe.FtCssVariableFactory.external(Qe.designSystemVariables.borderRadiusS,"Design system"),maxWidth:Qe.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Fi=$i.css`
+        `}};xe.styles=[...Bi];Mi([(0,Ln.property)()],xe.prototype,"element",void 0);Mi([(0,Ln.property)()],xe.prototype,"variant",void 0);(0,In.customElement)("ft-typography")(be);(0,In.customElement)("ftds-typography")(xe);var $i=S(W()),Qe=S(P()),Jt={distance:Qe.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Qe.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Qe.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Qe.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Qe.FtCssVariableFactory.extend("--ft-tooltip-border-radius","",Qe.designSystemVariables.borderRadiusS),maxWidth:Qe.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Fi=$i.css`
     .ft-tooltip--container {
         display: block;
     }
@@ -1174,7 +1174,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
     `,C.noTextSelect];var $o=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,o,i):c(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},ge=class extends(0,Fo.toFtdsBase)(F){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Zr.brand,this.iconVariant=Ye.fluid_topics}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case pe.large:return Re.body2medium;case pe.medium:return Re.caption1medium;case pe.small:return Re.caption2medium}}};ge.elementDefinitions={...F.elementDefinitions,"ft-or-ftds-typography":xe};ge.styles=[Fo.safariEllipsisFix,bl];$o([(0,Wr.property)({type:Boolean})],ge.prototype,"primary",void 0);$o([(0,Wr.property)({type:Boolean})],ge.prototype,"secondary",void 0);$o([(0,Wr.property)({type:Boolean})],ge.prototype,"tertiary",void 0);$o([(0,Wr.property)({type:Boolean})],ge.prototype,"round",void 0);(0,wa.customElement)("ft-button")(Pe);(0,wa.customElement)("ftds-button")(ge);var zr=mr.build("dsModal"),xl={closeModal:"Close modal"};var jr=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,o,i):c(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},Ra=class extends Event{constructor(){super("close")}},Ee=class extends yr(Ho.FtdsBase){constructor(){super(),this.heading="",this.size=pe.small,this.addI18nContext(zr,xl)}render(){let t={"ftds-modal":!0,...this.getDesignSystemBaseClasses()};return Gr.html`
             <div class="${(0,vl.classMap)(t)}" part="container">
                 <dialog part="dialog"
-                        @close=${()=>this.dispatchEvent(new Ra)}>
+                        @close=${this.onClose}>
                     <div part="overlay" @click=${this.onOverlayClick}></div>
                     <div part="inner-container">
                         <div part="header">
@@ -1204,7 +1204,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                     </div>
                 </dialog>
             </div>
-        `}contentAvailableCallback(t){super.contentAvailableCallback(t),t.has("dialogOpen")&&(this.dialogOpen?this.dialog.showModal():this.dialog.close())}open(){this.dialogOpen=!0}close(){this.dialogOpen=!1}disconnectedCallback(){super.disconnectedCallback(),this.close()}onOverlayClick(t){this.close()}};Ee.elementDefinitions={"ftds-button":ge,"ftds-typography":xe,"ft-icon":le};Ee.styles=Fa;jr([(0,kt.property)()],Ee.prototype,"heading",void 0);jr([(0,kt.property)()],Ee.prototype,"icon",void 0);jr([(0,kt.property)({type:Boolean,reflect:!0})],Ee.prototype,"dialogOpen",void 0);jr([(0,kt.query)("dialog")],Ee.prototype,"dialog",void 0);jr([(0,kt.property)()],Ee.prototype,"size",void 0);var Wo=S(P()),Cl=S(W());var Sl=Re.body2regular;var nt=S(Q());var Dt=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,o,i):c(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},ke=class extends Wo.FtLitElement{constructor(){super(...arguments),this.confirmText="Confirm",this.cancelText="Cancel",this.confirmIcon=We.CHECK,this.cancelIcon=We.CLOSE}render(){return Cl.html`
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),t.has("dialogOpen")&&(this.dialogOpen?this.dialog.showModal():this.dialog.close())}open(){this.dialogOpen=!0}close(){this.dialogOpen=!1}disconnectedCallback(){super.disconnectedCallback(),this.close()}onOverlayClick(){this.close()}onClose(){this.dispatchEvent(new Ra),this.close()}};Ee.elementDefinitions={"ftds-button":ge,"ftds-typography":xe,"ft-icon":le};Ee.styles=Fa;jr([(0,kt.property)()],Ee.prototype,"heading",void 0);jr([(0,kt.property)()],Ee.prototype,"icon",void 0);jr([(0,kt.property)({type:Boolean,reflect:!0})],Ee.prototype,"dialogOpen",void 0);jr([(0,kt.query)("dialog")],Ee.prototype,"dialog",void 0);jr([(0,kt.property)()],Ee.prototype,"size",void 0);var Wo=S(P()),Cl=S(W());var Sl=Re.body2regular;var nt=S(Q());var Dt=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,o,i):c(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},ke=class extends Wo.FtLitElement{constructor(){super(...arguments),this.confirmText="Confirm",this.cancelText="Cancel",this.confirmIcon=We.CHECK,this.cancelIcon=We.CLOSE}render(){return Cl.html`
             <ftds-modal
                 heading="${this.heading}"
                 size="${pe.small}"

package/build/ft-modal.min.js

@@ -675,7 +675,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                 </${_r(this.element)}>
             `:Lr`
             <slot part="text" class="ftds-typography ftds-typography--${this.variant}"></slot>
-        `}};Re.styles=[...nd];ad([O()],Re.prototype,"element",void 0);ad([O()],Re.prototype,"variant",void 0);oe("ft-typography")(Ae);oe("ftds-typography")(Re);var Nr={distance:r.create("--ft-tooltip-distance","","SIZE","4px"),color:r.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:r.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:r.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:r.external(U.borderRadiusS,"Design system"),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},id=D`
+        `}};Re.styles=[...nd];ad([O()],Re.prototype,"element",void 0);ad([O()],Re.prototype,"variant",void 0);oe("ft-typography")(Ae);oe("ftds-typography")(Re);var Nr={distance:r.create("--ft-tooltip-distance","","SIZE","4px"),color:r.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:r.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:r.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:r.extend("--ft-tooltip-border-radius","",U.borderRadiusS),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},id=D`
     .ft-tooltip--container {
         display: block;
     }
@@ -1254,7 +1254,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
     `,Bt];var Wn=function(t,e,o,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(i=(a<3?s(i):a>3?s(e,o,i):s(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i},Se=class extends gn(q){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Ge.brand,this.iconVariant=nt.fluid_topics}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case de.large:return Me.body2medium;case de.medium:return Me.caption1medium;case de.small:return Me.caption2medium}}};Se.elementDefinitions={...q.elementDefinitions,"ft-or-ftds-typography":Re};Se.styles=[ro,xd];Wn([O({type:Boolean})],Se.prototype,"primary",void 0);Wn([O({type:Boolean})],Se.prototype,"secondary",void 0);Wn([O({type:Boolean})],Se.prototype,"tertiary",void 0);Wn([O({type:Boolean})],Se.prototype,"round",void 0);oe("ft-button")(Be);oe("ftds-button")(Se);var xo=Mr.build("dsModal"),vd={closeModal:"Close modal"};var vo=function(t,e,o,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(i=(a<3?s(i):a>3?s(e,o,i):s(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i},as=class extends Event{constructor(){super("close")}},Le=class extends Dr(Dt){constructor(){super(),this.heading="",this.size=de.small,this.addI18nContext(xo,vd)}render(){let e={"ftds-modal":!0,...this.getDesignSystemBaseClasses()};return F`
             <div class="${ze(e)}" part="container">
                 <dialog part="dialog"
-                        @close=${()=>this.dispatchEvent(new as)}>
+                        @close=${this.onClose}>
                     <div part="overlay" @click=${this.onOverlayClick}></div>
                     <div part="inner-container">
                         <div part="header">
@@ -1284,7 +1284,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                     </div>
                 </dialog>
             </div>
-        `}contentAvailableCallback(e){super.contentAvailableCallback(e),e.has("dialogOpen")&&(this.dialogOpen?this.dialog.showModal():this.dialog.close())}open(){this.dialogOpen=!0}close(){this.dialogOpen=!1}disconnectedCallback(){super.disconnectedCallback(),this.close()}onOverlayClick(e){this.close()}};Le.elementDefinitions={"ftds-button":Se,"ftds-typography":Re,"ft-icon":ye};Le.styles=_c;vo([O()],Le.prototype,"heading",void 0);vo([O()],Le.prototype,"icon",void 0);vo([O({type:Boolean,reflect:!0})],Le.prototype,"dialogOpen",void 0);vo([ae("dialog")],Le.prototype,"dialog",void 0);vo([O()],Le.prototype,"size",void 0);var Sd=Me.body2regular;var qt=function(t,e,o,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(i=(a<3?s(i):a>3?s(e,o,i):s(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i},$e=class extends K{constructor(){super(...arguments),this.confirmText="Confirm",this.cancelText="Cancel",this.confirmIcon=qe.CHECK,this.cancelIcon=qe.CLOSE}render(){return F`
+        `}contentAvailableCallback(e){super.contentAvailableCallback(e),e.has("dialogOpen")&&(this.dialogOpen?this.dialog.showModal():this.dialog.close())}open(){this.dialogOpen=!0}close(){this.dialogOpen=!1}disconnectedCallback(){super.disconnectedCallback(),this.close()}onOverlayClick(){this.close()}onClose(){this.dispatchEvent(new as),this.close()}};Le.elementDefinitions={"ftds-button":Se,"ftds-typography":Re,"ft-icon":ye};Le.styles=_c;vo([O()],Le.prototype,"heading",void 0);vo([O()],Le.prototype,"icon",void 0);vo([O({type:Boolean,reflect:!0})],Le.prototype,"dialogOpen",void 0);vo([ae("dialog")],Le.prototype,"dialog",void 0);vo([O()],Le.prototype,"size",void 0);var Sd=Me.body2regular;var qt=function(t,e,o,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(i=(a<3?s(i):a>3?s(e,o,i):s(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i},$e=class extends K{constructor(){super(...arguments),this.confirmText="Confirm",this.cancelText="Cancel",this.confirmIcon=qe.CHECK,this.cancelIcon=qe.CLOSE}render(){return F`
             <ftds-modal
                 heading="${this.heading}"
                 size="${de.small}"

package/build/ftds-modal.d.ts

@@ -18,5 +18,6 @@ export declare class FtdsModal extends FtdsModal_base implements FtdsModalProper
     close(): void;
     disconnectedCallback(): void;
     private onOverlayClick;
+    private onClose;
 }
 export {};

package/build/ftds-modal.js

@@ -35,7 +35,7 @@ class FtdsModal extends withI18n(FtdsBase) {
         return html `
             <div class="${classMap(classes)}" part="container">
                 <dialog part="dialog"
-                        @close=${() => this.dispatchEvent(new FtdsModalCloseEvent())}>
+                        @close=${this.onClose}>
                     <div part="overlay" @click=${this.onOverlayClick}></div>
                     <div part="inner-container">
                         <div part="header">
@@ -88,7 +88,11 @@ class FtdsModal extends withI18n(FtdsBase) {
         super.disconnectedCallback();
         this.close();
     }
-    onOverlayClick(e) {
+    onOverlayClick() {
+        this.close();
+    }
+    onClose() {
+        this.dispatchEvent(new FtdsModalCloseEvent());
         this.close();
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-modal",
-    "version": "1.3.51",
+    "version": "1.3.52",
     "description": "Modal for Design System V2",
     "keywords": [
         "Lit"
@@ -19,11 +19,11 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-wc-utils": "1.3.51",
+        "@fluid-topics/ft-wc-utils": "1.3.52",
         "lit": "3.1.0"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "1.3.51"
+        "@fluid-topics/ft-wc-test-utils": "1.3.52"
     },
-    "gitHead": "02e21de480825149da06349c73a08934a05c3a65"
+    "gitHead": "8cd9d8b95748384e70ead4c45af71bd9781ddf44"
 }