@fluid-topics/ft-dialog 0.3.60 → 0.3.62

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.
@@ -519,7 +519,7 @@ const D=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===D)return null==t?void 0:t
519
519
  ${i.setVariable(Mi.size,Di.iconSize)};
520
520
  ${i.setVariable(Mi.color,"var(--ft-button-internal-color)")};
521
521
  }
522
- `];var Gi=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class Pi extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=ui.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(e.html`
522
+ `];var Gi=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class Pi extends i.FtLitElement{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=ui.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(e.html`
523
523
  <button part="button"
524
524
  class="${s.classMap(t)}"
525
525
  aria-label="${this.getLabel()}"
@@ -542,7 +542,7 @@ const D=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===D)return null==t?void 0:t
542
542
  </ft-tooltip>
543
543
  `:t}resolveIcon(){return this.loading?e.html`
544
544
  <ft-loader></ft-loader> `:this.icon?e.html`
545
- <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:e.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Pi.elementDefinitions={"ft-ripple":Ci,"ft-tooltip":Fi,"ft-typography":fi,"ft-icon":xi,"ft-loader":Zi},Pi.styles=[i.safariEllipsisFix,Li],Gi([o.property({type:Boolean})],Pi.prototype,"primary",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"outlined",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"disabled",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"dense",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"round",void 0),Gi([o.property({type:String})],Pi.prototype,"label",void 0),Gi([o.property({type:String})],Pi.prototype,"icon",void 0),Gi([o.property({type:String})],Pi.prototype,"iconVariant",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"trailingIcon",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"loading",void 0),Gi([o.property({type:String})],Pi.prototype,"tooltipPosition",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"hideTooltip",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"forceTooltip",void 0),Gi([o.query(".ft-button")],Pi.prototype,"button",void 0),Gi([o.query(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Pi);const qi={zIndex:i.FtCssVariableFactory.create("--ft-dialog-z-index","NUMBER","2"),overlayBackgroundColor:i.FtCssVariableFactory.create("--ft-dialog-overlay-background-color","COLOR","rgba(0, 0, 0, 0.3)"),height:i.FtCssVariableFactory.create("--ft-dialog-height","SIZE","unset"),width:i.FtCssVariableFactory.create("--ft-dialog-width","SIZE","unset"),minWidth:i.FtCssVariableFactory.create("--ft-dialog-min-width","SIZE","unset"),paddingTop:i.FtCssVariableFactory.create("--ft-dialog-padding-top","SIZE","20px"),paddingSide:i.FtCssVariableFactory.create("--ft-dialog-padding-side","SIZE","16px"),paddingButtons:i.FtCssVariableFactory.create("--ft-dialog-padding-buttons","SIZE","20px"),colorSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorSurface,"Design system"),headingColor:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceMedium,"Design system"),borderRadiusS:i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusS,"Design system"),elevation24:i.FtCssVariableFactory.external(i.designSystemVariables.elevation24,"Design system")},Vi=e.css`
545
+ <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:e.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Pi.elementDefinitions={"ft-ripple":Ci,"ft-tooltip":Fi,"ft-typography":fi,"ft-icon":xi,"ft-loader":Zi},Pi.styles=[i.safariEllipsisFix,Li],Gi([o.property({type:String,reflect:!0})],Pi.prototype,"role",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"primary",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"outlined",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"disabled",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"dense",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"round",void 0),Gi([o.property({type:String})],Pi.prototype,"label",void 0),Gi([o.property({type:String})],Pi.prototype,"icon",void 0),Gi([o.property({type:String})],Pi.prototype,"iconVariant",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"trailingIcon",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"loading",void 0),Gi([o.property({type:String})],Pi.prototype,"tooltipPosition",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"hideTooltip",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"forceTooltip",void 0),Gi([o.query(".ft-button")],Pi.prototype,"button",void 0),Gi([o.query(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Pi);const qi={zIndex:i.FtCssVariableFactory.create("--ft-dialog-z-index","NUMBER","2"),overlayBackgroundColor:i.FtCssVariableFactory.create("--ft-dialog-overlay-background-color","COLOR","rgba(0, 0, 0, 0.3)"),height:i.FtCssVariableFactory.create("--ft-dialog-height","SIZE","unset"),width:i.FtCssVariableFactory.create("--ft-dialog-width","SIZE","unset"),minWidth:i.FtCssVariableFactory.create("--ft-dialog-min-width","SIZE","unset"),paddingTop:i.FtCssVariableFactory.create("--ft-dialog-padding-top","SIZE","20px"),paddingSide:i.FtCssVariableFactory.create("--ft-dialog-padding-side","SIZE","16px"),paddingButtons:i.FtCssVariableFactory.create("--ft-dialog-padding-buttons","SIZE","20px"),colorSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorSurface,"Design system"),headingColor:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceMedium,"Design system"),borderRadiusS:i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusS,"Design system"),elevation24:i.FtCssVariableFactory.external(i.designSystemVariables.elevation24,"Design system")},Vi=e.css`
546
546
  .ft-dialog {
547
547
  position: fixed;
548
548
  top: 0;
@@ -640,7 +640,7 @@ const li=Ye(class extends Ge{constructor(t){var e;if(super(t),t.type!==qe||"clas
640
640
  ${vt(Ri.size,ji.iconSize)};
641
641
  ${vt(Ri.color,"var(--ft-button-internal-color)")};
642
642
  }
643
- `];var Li=function(t,e,i,o){for(var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class Pi extends bt{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=ri.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(J`
643
+ `];var Li=function(t,e,i,o){for(var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class Pi extends bt{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=ri.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(J`
644
644
  <button part="button"
645
645
  class="${li(t)}"
646
646
  aria-label="${this.getLabel()}"
@@ -663,7 +663,7 @@ const li=Ye(class extends Ge{constructor(t){var e;if(super(t),t.type!==qe||"clas
663
663
  </ft-tooltip>
664
664
  `:t}resolveIcon(){return this.loading?J`
665
665
  <ft-loader></ft-loader> `:this.icon?J`
666
- <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:X}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Pi.elementDefinitions={"ft-ripple":bi,"ft-tooltip":Ei,"ft-typography":Je,"ft-icon":ai,"ft-loader":zi},Pi.styles=[wt,Ti],Li([o({type:Boolean})],Pi.prototype,"primary",void 0),Li([o({type:Boolean})],Pi.prototype,"outlined",void 0),Li([o({type:Boolean})],Pi.prototype,"disabled",void 0),Li([o({type:Boolean})],Pi.prototype,"dense",void 0),Li([o({type:Boolean})],Pi.prototype,"round",void 0),Li([o({type:String})],Pi.prototype,"label",void 0),Li([o({type:String})],Pi.prototype,"icon",void 0),Li([o({type:String})],Pi.prototype,"iconVariant",void 0),Li([o({type:Boolean})],Pi.prototype,"trailingIcon",void 0),Li([o({type:Boolean})],Pi.prototype,"loading",void 0),Li([o({type:String})],Pi.prototype,"tooltipPosition",void 0),Li([o({type:Boolean})],Pi.prototype,"hideTooltip",void 0),Li([o({type:Boolean})],Pi.prototype,"forceTooltip",void 0),Li([s(".ft-button")],Pi.prototype,"button",void 0),Li([s(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),c("ft-button")(Pi);const Di={zIndex:yt.create("--ft-dialog-z-index","NUMBER","2"),overlayBackgroundColor:yt.create("--ft-dialog-overlay-background-color","COLOR","rgba(0, 0, 0, 0.3)"),height:yt.create("--ft-dialog-height","SIZE","unset"),width:yt.create("--ft-dialog-width","SIZE","unset"),minWidth:yt.create("--ft-dialog-min-width","SIZE","unset"),paddingTop:yt.create("--ft-dialog-padding-top","SIZE","20px"),paddingSide:yt.create("--ft-dialog-padding-side","SIZE","16px"),paddingButtons:yt.create("--ft-dialog-padding-buttons","SIZE","20px"),colorSurface:yt.external(gt.colorSurface,"Design system"),headingColor:yt.external(gt.colorOnSurfaceMedium,"Design system"),borderRadiusS:yt.external(gt.borderRadiusS,"Design system"),elevation24:yt.external(gt.elevation24,"Design system")},_i=x`
666
+ <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:X}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Pi.elementDefinitions={"ft-ripple":bi,"ft-tooltip":Ei,"ft-typography":Je,"ft-icon":ai,"ft-loader":zi},Pi.styles=[wt,Ti],Li([o({type:String,reflect:!0})],Pi.prototype,"role",void 0),Li([o({type:Boolean})],Pi.prototype,"primary",void 0),Li([o({type:Boolean})],Pi.prototype,"outlined",void 0),Li([o({type:Boolean})],Pi.prototype,"disabled",void 0),Li([o({type:Boolean})],Pi.prototype,"dense",void 0),Li([o({type:Boolean})],Pi.prototype,"round",void 0),Li([o({type:String})],Pi.prototype,"label",void 0),Li([o({type:String})],Pi.prototype,"icon",void 0),Li([o({type:String})],Pi.prototype,"iconVariant",void 0),Li([o({type:Boolean})],Pi.prototype,"trailingIcon",void 0),Li([o({type:Boolean})],Pi.prototype,"loading",void 0),Li([o({type:String})],Pi.prototype,"tooltipPosition",void 0),Li([o({type:Boolean})],Pi.prototype,"hideTooltip",void 0),Li([o({type:Boolean})],Pi.prototype,"forceTooltip",void 0),Li([s(".ft-button")],Pi.prototype,"button",void 0),Li([s(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),c("ft-button")(Pi);const Di={zIndex:yt.create("--ft-dialog-z-index","NUMBER","2"),overlayBackgroundColor:yt.create("--ft-dialog-overlay-background-color","COLOR","rgba(0, 0, 0, 0.3)"),height:yt.create("--ft-dialog-height","SIZE","unset"),width:yt.create("--ft-dialog-width","SIZE","unset"),minWidth:yt.create("--ft-dialog-min-width","SIZE","unset"),paddingTop:yt.create("--ft-dialog-padding-top","SIZE","20px"),paddingSide:yt.create("--ft-dialog-padding-side","SIZE","16px"),paddingButtons:yt.create("--ft-dialog-padding-buttons","SIZE","20px"),colorSurface:yt.external(gt.colorSurface,"Design system"),headingColor:yt.external(gt.colorOnSurfaceMedium,"Design system"),borderRadiusS:yt.external(gt.borderRadiusS,"Design system"),elevation24:yt.external(gt.elevation24,"Design system")},_i=x`
667
667
  .ft-dialog {
668
668
  position: fixed;
669
669
  top: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-dialog",
3
- "version": "0.3.60",
3
+ "version": "0.3.62",
4
4
  "description": "A simple dialog component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -19,11 +19,11 @@
19
19
  "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
20
20
  },
21
21
  "dependencies": {
22
- "@fluid-topics/ft-button": "0.3.60",
23
- "@fluid-topics/ft-icon": "0.3.60",
24
- "@fluid-topics/ft-typography": "0.3.60",
25
- "@fluid-topics/ft-wc-utils": "0.3.60",
22
+ "@fluid-topics/ft-button": "0.3.62",
23
+ "@fluid-topics/ft-icon": "0.3.62",
24
+ "@fluid-topics/ft-typography": "0.3.62",
25
+ "@fluid-topics/ft-wc-utils": "0.3.62",
26
26
  "lit": "2.2.8"
27
27
  },
28
- "gitHead": "43e7dcf7c9d88ea2c23f4425629f013d704c5111"
28
+ "gitHead": "801f5c7705e58471510eca9ccb943d558e42e3fb"
29
29
  }