@fluid-topics/ft-dialog 1.0.0 → 1.0.3

package/build/ft-dialog.js

@@ -60,6 +60,7 @@ class FtDialog extends FtLitElement {
         `;
     }
     updated(properties) {
+        super.updated(properties);
         if (properties.has("opened")) {
             this.dispatchEvent(new CustomEvent("opened-changed", { detail: { opened: this.opened } }));
             if (this.opened) {

package/build/ft-dialog.light.js

@@ -322,7 +322,7 @@ const H=Symbol.for(""),K=t=>{if((null==t?void 0:t.r)===H)return null==t?void 0:t
                     </div>
                 </div>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.validPosition){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=i.height,n=o;break;case"left":s=e,n=-this.tooltip.clientWidth;break;case"right":s=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${i.width}px, ${Ai})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Ri.elementDefinitions={"ft-typography":ci},Ri.styles=Fi,_i([o.property()],Ri.prototype,"text",void 0),_i([o.property({type:Boolean})],Ri.prototype,"manual",void 0),_i([o.property({type:Boolean})],Ri.prototype,"inline",void 0),_i([o.property({type:Number})],Ri.prototype,"delay",void 0),_i([o.property()],Ri.prototype,"position",void 0),_i([o.queryAssignedNodes("",!0)],Ri.prototype,"slotNodes",void 0),_i([o.query(".ft-tooltip--container")],Ri.prototype,"container",void 0),_i([o.query("slot")],Ri.prototype,"target",void 0),_i([o.query(".ft-tooltip")],Ri.prototype,"tooltip",void 0),_i([o.query(".ft-tooltip--content")],Ri.prototype,"tooltipContent",void 0),_i([o.state()],Ri.prototype,"visible",void 0),i.customElement("ft-tooltip")(Ri);const Ui={color:i.FtCssVariableFactory.extend("--ft-loader-color",i.designSystemVariables.colorPrimary),size:i.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")},Mi=e.css`
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.validPosition){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=i.height,n=o;break;case"left":s=e,n=-this.tooltip.clientWidth;break;case"right":s=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${i.width}px, ${Ai})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Ri.elementDefinitions={"ft-typography":ci},Ri.styles=Fi,_i([o.property()],Ri.prototype,"text",void 0),_i([o.property({type:Boolean})],Ri.prototype,"manual",void 0),_i([o.property({type:Boolean})],Ri.prototype,"inline",void 0),_i([o.property({type:Number})],Ri.prototype,"delay",void 0),_i([o.property()],Ri.prototype,"position",void 0),_i([o.queryAssignedNodes("",!0)],Ri.prototype,"slotNodes",void 0),_i([o.query(".ft-tooltip--container")],Ri.prototype,"container",void 0),_i([o.query("slot")],Ri.prototype,"target",void 0),_i([o.query(".ft-tooltip")],Ri.prototype,"tooltip",void 0),_i([o.query(".ft-tooltip--content")],Ri.prototype,"tooltipContent",void 0),_i([o.state()],Ri.prototype,"visible",void 0),i.customElement("ft-tooltip")(Ri);const Ui={color:i.FtCssVariableFactory.extend("--ft-loader-color",i.designSystemVariables.colorPrimary),size:i.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")},Mi=e.css`
     :host {
         line-height: 0;
     }
@@ -683,4 +683,4 @@ const H=Symbol.for(""),K=t=>{if((null==t?void 0:t.r)===H)return null==t?void 0:t
                     ></slot>
                 </div>
             </div>
-        `:null}updated(t){t.has("opened")&&(this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:this.opened}})),this.opened?setTimeout((()=>{document.addEventListener("keydown",this.watchEscapeKey)}),0):document.removeEventListener("keydown",this.watchEscapeKey))}close(){this.beforeClose()&&(this.opened=!1)}open(){this.opened=!0}onClickOutside(){this.closeOnClickOutside&&this.close()}}ee.elementDefinitions={"ft-typography":ci,"ft-icon":bi,"ft-button":Ji},ee.styles=te,ie([o.property({type:Boolean,hasChanged:(t,i)=>!1===i&&!0===t||!0===i&&!1===t})],ee.prototype,"opened",void 0),ie([o.property({type:Boolean})],ee.prototype,"closeOnEsc",void 0),ie([o.property({type:Boolean})],ee.prototype,"closeOnClickOutside",void 0),ie([o.property({type:Boolean})],ee.prototype,"closable",void 0),ie([o.property({type:()=>Boolean})],ee.prototype,"beforeClose",void 0),ie([o.property()],ee.prototype,"heading",void 0),ie([o.property()],ee.prototype,"icon",void 0),ie([o.property()],ee.prototype,"iconVariant",void 0),ie([o.queryAssignedElements({slot:"buttons"})],ee.prototype,"buttons",void 0),i.customElement("ft-dialog")(ee),t.FtDialog=ee,t.FtDialogCssVariables=Qi,t.styles=te}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litUnsafeHTML,ftGlobals.litClassMap);
+        `:null}updated(t){super.updated(t),t.has("opened")&&(this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:this.opened}})),this.opened?setTimeout((()=>{document.addEventListener("keydown",this.watchEscapeKey)}),0):document.removeEventListener("keydown",this.watchEscapeKey))}close(){this.beforeClose()&&(this.opened=!1)}open(){this.opened=!0}onClickOutside(){this.closeOnClickOutside&&this.close()}}ee.elementDefinitions={"ft-typography":ci,"ft-icon":bi,"ft-button":Ji},ee.styles=te,ie([o.property({type:Boolean,hasChanged:(t,i)=>!1===i&&!0===t||!0===i&&!1===t})],ee.prototype,"opened",void 0),ie([o.property({type:Boolean})],ee.prototype,"closeOnEsc",void 0),ie([o.property({type:Boolean})],ee.prototype,"closeOnClickOutside",void 0),ie([o.property({type:Boolean})],ee.prototype,"closable",void 0),ie([o.property({type:()=>Boolean})],ee.prototype,"beforeClose",void 0),ie([o.property()],ee.prototype,"heading",void 0),ie([o.property()],ee.prototype,"icon",void 0),ie([o.property()],ee.prototype,"iconVariant",void 0),ie([o.queryAssignedElements({slot:"buttons"})],ee.prototype,"buttons",void 0),i.customElement("ft-dialog")(ee),t.FtDialog=ee,t.FtDialogCssVariables=Qi,t.styles=te}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litUnsafeHTML,ftGlobals.litClassMap);

package/build/ft-dialog.min.js

@@ -433,7 +433,7 @@ const yi=ni(class extends si{constructor(t){var e;if(super(t),t.type!==ii||"clas
                     </div>
                 </div>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){["visible","text"].some((e=>t.has(e)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.validPosition){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=e.height,n=o;break;case"left":s=i,n=-this.tooltip.clientWidth;break;case"right":s=i,n=e.width}e.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-e.left),e.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${e.width}px, ${ji})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Bi.elementDefinitions={"ft-typography":ei},Bi.styles=zi,Fi([o()],Bi.prototype,"text",void 0),Fi([o({type:Boolean})],Bi.prototype,"manual",void 0),Fi([o({type:Boolean})],Bi.prototype,"inline",void 0),Fi([o({type:Number})],Bi.prototype,"delay",void 0),Fi([o()],Bi.prototype,"position",void 0),Fi([function(t,e,i){let o,n=t;return"object"==typeof t?(n=t.slot,o=t):o={flatten:e},i?h({slot:n,flatten:e,selector:i}):s({descriptor:t=>({get(){var t,e;const i="slot"+(n?`[name=${n}]`:":not([name])"),s=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==s?void 0:s.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],Bi.prototype,"slotNodes",void 0),Fi([r(".ft-tooltip--container")],Bi.prototype,"container",void 0),Fi([r("slot")],Bi.prototype,"target",void 0),Fi([r(".ft-tooltip")],Bi.prototype,"tooltip",void 0),Fi([r(".ft-tooltip--content")],Bi.prototype,"tooltipContent",void 0),Fi([n()],Bi.prototype,"visible",void 0),c("ft-tooltip")(Bi);const Ai={color:gt.extend("--ft-loader-color",xt.colorPrimary),size:gt.create("--ft-loader-size","SIZE","80px")},Ti=b`
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((e=>t.has(e)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.validPosition){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=e.height,n=o;break;case"left":s=i,n=-this.tooltip.clientWidth;break;case"right":s=i,n=e.width}e.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-e.left),e.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${e.width}px, ${ji})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Bi.elementDefinitions={"ft-typography":ei},Bi.styles=zi,Fi([o()],Bi.prototype,"text",void 0),Fi([o({type:Boolean})],Bi.prototype,"manual",void 0),Fi([o({type:Boolean})],Bi.prototype,"inline",void 0),Fi([o({type:Number})],Bi.prototype,"delay",void 0),Fi([o()],Bi.prototype,"position",void 0),Fi([function(t,e,i){let o,n=t;return"object"==typeof t?(n=t.slot,o=t):o={flatten:e},i?h({slot:n,flatten:e,selector:i}):s({descriptor:t=>({get(){var t,e;const i="slot"+(n?`[name=${n}]`:":not([name])"),s=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==s?void 0:s.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],Bi.prototype,"slotNodes",void 0),Fi([r(".ft-tooltip--container")],Bi.prototype,"container",void 0),Fi([r("slot")],Bi.prototype,"target",void 0),Fi([r(".ft-tooltip")],Bi.prototype,"tooltip",void 0),Fi([r(".ft-tooltip--content")],Bi.prototype,"tooltipContent",void 0),Fi([n()],Bi.prototype,"visible",void 0),c("ft-tooltip")(Bi);const Ai={color:gt.extend("--ft-loader-color",xt.colorPrimary),size:gt.create("--ft-loader-size","SIZE","80px")},Ti=b`
     :host {
         line-height: 0;
     }
@@ -794,4 +794,4 @@ const yi=ni(class extends si{constructor(t){var e;if(super(t),t.type!==ii||"clas
                     ></slot>
                 </div>
             </div>
-        `:null}updated(t){t.has("opened")&&(this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:this.opened}})),this.opened?setTimeout((()=>{document.addEventListener("keydown",this.watchEscapeKey)}),0):document.removeEventListener("keydown",this.watchEscapeKey))}close(){this.beforeClose()&&(this.opened=!1)}open(){this.opened=!0}onClickOutside(){this.closeOnClickOutside&&this.close()}}Qi.elementDefinitions={"ft-typography":ei,"ft-icon":ui,"ft-button":qi},Qi.styles=Yi,Gi([o({type:Boolean,hasChanged:(t,e)=>!1===e&&!0===t||!0===e&&!1===t})],Qi.prototype,"opened",void 0),Gi([o({type:Boolean})],Qi.prototype,"closeOnEsc",void 0),Gi([o({type:Boolean})],Qi.prototype,"closeOnClickOutside",void 0),Gi([o({type:Boolean})],Qi.prototype,"closable",void 0),Gi([o({type:()=>Boolean})],Qi.prototype,"beforeClose",void 0),Gi([o()],Qi.prototype,"heading",void 0),Gi([o()],Qi.prototype,"icon",void 0),Gi([o()],Qi.prototype,"iconVariant",void 0),Gi([h({slot:"buttons"})],Qi.prototype,"buttons",void 0),c("ft-dialog")(Qi),t.FtDialog=Qi,t.FtDialogCssVariables=Xi,t.styles=Yi}({});
+        `:null}updated(t){super.updated(t),t.has("opened")&&(this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:this.opened}})),this.opened?setTimeout((()=>{document.addEventListener("keydown",this.watchEscapeKey)}),0):document.removeEventListener("keydown",this.watchEscapeKey))}close(){this.beforeClose()&&(this.opened=!1)}open(){this.opened=!0}onClickOutside(){this.closeOnClickOutside&&this.close()}}Qi.elementDefinitions={"ft-typography":ei,"ft-icon":ui,"ft-button":qi},Qi.styles=Yi,Gi([o({type:Boolean,hasChanged:(t,e)=>!1===e&&!0===t||!0===e&&!1===t})],Qi.prototype,"opened",void 0),Gi([o({type:Boolean})],Qi.prototype,"closeOnEsc",void 0),Gi([o({type:Boolean})],Qi.prototype,"closeOnClickOutside",void 0),Gi([o({type:Boolean})],Qi.prototype,"closable",void 0),Gi([o({type:()=>Boolean})],Qi.prototype,"beforeClose",void 0),Gi([o()],Qi.prototype,"heading",void 0),Gi([o()],Qi.prototype,"icon",void 0),Gi([o()],Qi.prototype,"iconVariant",void 0),Gi([h({slot:"buttons"})],Qi.prototype,"buttons",void 0),c("ft-dialog")(Qi),t.FtDialog=Qi,t.FtDialogCssVariables=Xi,t.styles=Yi}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-dialog",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "A simple dialog component",
   "keywords": [
     "Lit"
@@ -19,11 +19,11 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.0.0",
-    "@fluid-topics/ft-icon": "1.0.0",
-    "@fluid-topics/ft-typography": "1.0.0",
-    "@fluid-topics/ft-wc-utils": "1.0.0",
+    "@fluid-topics/ft-button": "1.0.3",
+    "@fluid-topics/ft-icon": "1.0.3",
+    "@fluid-topics/ft-typography": "1.0.3",
+    "@fluid-topics/ft-wc-utils": "1.0.3",
     "lit": "2.7.2"
   },
-  "gitHead": "90895771e0ea740f1a0d972b9fd3796051757255"
+  "gitHead": "8c7b95fa60f5ac8dd10301abb40dd62ff4f9b335"
 }