@fluid-topics/ft-confirm-button 1.3.51 → 1.3.52

package/build/ft-confirm-button.light.js

@@ -510,7 +510,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                 </${Qt(this.element)}>
             `:er`
             <slot part="text" class="ftds-typography ftds-typography--${this.variant}"></slot>
-        `}};Ee.styles=[...$i];Fi([(0,kn.property)()],Ee.prototype,"element",void 0);Fi([(0,kn.property)()],Ee.prototype,"variant",void 0);(0,Dn.customElement)("ft-typography")(Oe);(0,Dn.customElement)("ftds-typography")(Ee);var Wi=S(W()),rt=S(P()),rr={distance:rt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:rt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:rt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:rt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:rt.FtCssVariableFactory.external(rt.designSystemVariables.borderRadiusS,"Design system"),maxWidth:rt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},zi=Wi.css`
+        `}};Ee.styles=[...$i];Fi([(0,kn.property)()],Ee.prototype,"element",void 0);Fi([(0,kn.property)()],Ee.prototype,"variant",void 0);(0,Dn.customElement)("ft-typography")(Oe);(0,Dn.customElement)("ftds-typography")(Ee);var Wi=S(W()),rt=S(P()),rr={distance:rt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:rt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:rt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:rt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:rt.FtCssVariableFactory.extend("--ft-tooltip-border-radius","",rt.designSystemVariables.borderRadiusS),maxWidth:rt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},zi=Wi.css`
     .ft-tooltip--container {
         display: block;
     }
@@ -1174,7 +1174,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
     `];var Zr=vr.build("dsModal"),El={closeModal:"Close modal"};var Yr=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},_a=class extends Event{constructor(){super("close")}},Ne=class extends xr(Ko.FtdsBase){constructor(){super(),this.heading="",this.size=de.small,this.addI18nContext(Zr,El)}render(){let t={"ftds-modal":!0,...this.getDesignSystemBaseClasses()};return qr.html`
             <div class="${(0,Al.classMap)(t)}" part="container">
                 <dialog part="dialog"
-                        @close=${()=>this.dispatchEvent(new _a)}>
+                        @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()}};Ne.elementDefinitions={"ftds-button":ye,"ftds-typography":Ee,"ft-icon":fe};Ne.styles=Ol;Yr([(0,Mt.property)()],Ne.prototype,"heading",void 0);Yr([(0,Mt.property)()],Ne.prototype,"icon",void 0);Yr([(0,Mt.property)({type:Boolean,reflect:!0})],Ne.prototype,"dialogOpen",void 0);Yr([(0,Mt.query)("dialog")],Ne.prototype,"dialog",void 0);Yr([(0,Mt.property)()],Ne.prototype,"size",void 0);var Vo=S(P()),Rl=S(W());var wl=_e.body2regular;var st=S(Q());var Ut=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},Ce=class extends Vo.FtLitElement{constructor(){super(...arguments),this.confirmText="Confirm",this.cancelText="Cancel",this.confirmIcon=be.CHECK,this.cancelIcon=be.CLOSE}render(){return Rl.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 _a),this.close()}};Ne.elementDefinitions={"ftds-button":ye,"ftds-typography":Ee,"ft-icon":fe};Ne.styles=Ol;Yr([(0,Mt.property)()],Ne.prototype,"heading",void 0);Yr([(0,Mt.property)()],Ne.prototype,"icon",void 0);Yr([(0,Mt.property)({type:Boolean,reflect:!0})],Ne.prototype,"dialogOpen",void 0);Yr([(0,Mt.query)("dialog")],Ne.prototype,"dialog",void 0);Yr([(0,Mt.property)()],Ne.prototype,"size",void 0);var Vo=S(P()),Rl=S(W());var wl=_e.body2regular;var st=S(Q());var Ut=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},Ce=class extends Vo.FtLitElement{constructor(){super(...arguments),this.confirmText="Confirm",this.cancelText="Cancel",this.confirmIcon=be.CHECK,this.cancelIcon=be.CLOSE}render(){return Rl.html`
             <ftds-modal
                 heading="${this.heading}"
                 size="${de.small}"

package/build/ft-confirm-button.min.js

@@ -590,7 +590,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                 </${Nr(this.element)}>
             `:Ir`
             <slot part="text" class="ftds-typography ftds-typography--${this.variant}"></slot>
-        `}};Ie.styles=[...sd];ld([v()],Ie.prototype,"element",void 0);ld([v()],Ie.prototype,"variant",void 0);ne("ft-typography")(Ne);ne("ftds-typography")(Ie);var Pr={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(F.borderRadiusS,"Design system"),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},cd=P`
+        `}};Ie.styles=[...sd];ld([v()],Ie.prototype,"element",void 0);ld([v()],Ie.prototype,"variant",void 0);ne("ft-typography")(Ne);ne("ftds-typography")(Ie);var Pr={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","",F.borderRadiusS),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},cd=P`
     .ft-tooltip--container {
         display: block;
     }
@@ -1254,7 +1254,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
     `];var So=Br.build("dsModal"),Ed={closeModal:"Close modal"};var Oo=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},cs=class extends Event{constructor(){super("close")}},De=class extends $r($t){constructor(){super(),this.heading="",this.size=se.small,this.addI18nContext(So,Ed)}render(){let e={"ftds-modal":!0,...this.getDesignSystemBaseClasses()};return U`
             <div class="${Ke(e)}" part="container">
                 <dialog part="dialog"
-                        @close=${()=>this.dispatchEvent(new cs)}>
+                        @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()}};De.elementDefinitions={"ftds-button":ve,"ftds-typography":Ie,"ft-icon":ge};De.styles=Cd;Oo([v()],De.prototype,"heading",void 0);Oo([v()],De.prototype,"icon",void 0);Oo([v({type:Boolean,reflect:!0})],De.prototype,"dialogOpen",void 0);Oo([oe("dialog")],De.prototype,"dialog",void 0);Oo([v()],De.prototype,"size",void 0);var wd=He.body2regular;var Xt=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},we=class extends G{constructor(){super(...arguments),this.confirmText="Confirm",this.cancelText="Cancel",this.confirmIcon=Oe.CHECK,this.cancelIcon=Oe.CLOSE}render(){return U`
+        `}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 cs),this.close()}};De.elementDefinitions={"ftds-button":ve,"ftds-typography":Ie,"ft-icon":ge};De.styles=Cd;Oo([v()],De.prototype,"heading",void 0);Oo([v()],De.prototype,"icon",void 0);Oo([v({type:Boolean,reflect:!0})],De.prototype,"dialogOpen",void 0);Oo([oe("dialog")],De.prototype,"dialog",void 0);Oo([v()],De.prototype,"size",void 0);var wd=He.body2regular;var Xt=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},we=class extends G{constructor(){super(...arguments),this.confirmText="Confirm",this.cancelText="Cancel",this.confirmIcon=Oe.CHECK,this.cancelIcon=Oe.CLOSE}render(){return U`
             <ftds-modal
                 heading="${this.heading}"
                 size="${se.small}"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-confirm-button",
-  "version": "1.3.51",
+  "version": "1.3.52",
   "description": "A two step confirmation button",
   "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"
 }