@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.
package/build/ft-dialog.light.js
CHANGED
|
@@ -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;
|
package/build/ft-dialog.min.js
CHANGED
|
@@ -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.
|
|
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.
|
|
23
|
-
"@fluid-topics/ft-icon": "0.3.
|
|
24
|
-
"@fluid-topics/ft-typography": "0.3.
|
|
25
|
-
"@fluid-topics/ft-wc-utils": "0.3.
|
|
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": "
|
|
28
|
+
"gitHead": "801f5c7705e58471510eca9ccb943d558e42e3fb"
|
|
29
29
|
}
|