@fluid-topics/ft-file-button 0.3.3 → 0.3.5
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.
|
@@ -233,7 +233,7 @@ const Y=Symbol.for(""),J=t=>{if((null==t?void 0:t.r)===Y)return null==t?void 0:t
|
|
|
233
233
|
</div>
|
|
234
234
|
<slot></slot>
|
|
235
235
|
</div>
|
|
236
|
-
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&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.position){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
|
|
236
|
+
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&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.position){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.position){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=Math.max(i.width,150)+"px"}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())}}zi.elementDefinitions={"ft-typography":xi},zi.styles=e.css`
|
|
237
237
|
.ft-tooltip--container {
|
|
238
238
|
display: block;
|
|
239
239
|
position: relative;
|
|
@@ -393,7 +393,7 @@ const Y=Symbol.for(""),J=t=>{if((null==t?void 0:t.r)===Y)return null==t?void 0:t
|
|
|
393
393
|
box-shadow: 0px 0px 0px transparent;
|
|
394
394
|
border: 0px solid transparent;
|
|
395
395
|
text-shadow: 0px 0px 0px transparent;
|
|
396
|
-
font-size:
|
|
396
|
+
font-size: ${Ii.fontSize};
|
|
397
397
|
}
|
|
398
398
|
|
|
399
399
|
button:hover {
|
|
@@ -422,8 +422,7 @@ const Y=Symbol.for(""),J=t=>{if((null==t?void 0:t.r)===Y)return null==t?void 0:t
|
|
|
422
422
|
border: none;
|
|
423
423
|
pointer-events: auto;
|
|
424
424
|
|
|
425
|
-
--ft-button-internal-
|
|
426
|
-
--ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
|
|
425
|
+
--ft-button-internal-line-height: calc(${Ii.fontSize} + 2px);
|
|
427
426
|
--ft-button-internal-color: ${Ii.color};
|
|
428
427
|
${i.setVariable(Bi.size,Ii.iconSize)};
|
|
429
428
|
--ft-button-internal-vertical-padding: 6px;
|
|
@@ -479,7 +478,7 @@ const Y=Symbol.for(""),J=t=>{if((null==t?void 0:t.r)===Y)return null==t?void 0:t
|
|
|
479
478
|
text-overflow: ellipsis;
|
|
480
479
|
display: block;
|
|
481
480
|
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
482
|
-
${i.setVariable(ri.fontSize,"
|
|
481
|
+
${i.setVariable(ri.fontSize,"1em")};
|
|
483
482
|
${i.setVariable(ri.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
484
483
|
}
|
|
485
484
|
|
|
@@ -56,7 +56,7 @@ const h=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShad
|
|
|
56
56
|
* Copyright 2017 Google LLC
|
|
57
57
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
58
58
|
*/
|
|
59
|
-
var N;k.finalized=!0,k.elementProperties=new Map,k.elementStyles=[],k.shadowRootOptions={mode:"open"},null==w||w({ReactiveElement:k}),(null!==(x=globalThis.reactiveElementVersions)&&void 0!==x?x:globalThis.reactiveElementVersions=[]).push("1.3.4");const C=globalThis.trustedTypes,E=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,R=`lit$${(Math.random()+"").slice(9)}$`,M="?"+R,
|
|
59
|
+
var N;k.finalized=!0,k.elementProperties=new Map,k.elementStyles=[],k.shadowRootOptions={mode:"open"},null==w||w({ReactiveElement:k}),(null!==(x=globalThis.reactiveElementVersions)&&void 0!==x?x:globalThis.reactiveElementVersions=[]).push("1.3.4");const C=globalThis.trustedTypes,E=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,R=`lit$${(Math.random()+"").slice(9)}$`,M="?"+R,F=`<${M}>`,z=document,U=(t="")=>z.createComment(t),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,B=Array.isArray,T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,A=/-->/g,L=/>/g,P=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),_=/'/g,D=/"/g,W=/^(?:script|style|textarea|title)$/i,I=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),H=Symbol.for("lit-noChange"),K=Symbol.for("lit-nothing"),Z=new WeakMap,V=z.createTreeWalker(z,129,null,!1),J=(t,e)=>{const i=t.length-1,o=[];let n,r=2===e?"<svg>":"",s=T;for(let e=0;e<i;e++){const i=t[e];let a,l,p=-1,h=0;for(;h<i.length&&(s.lastIndex=h,l=s.exec(i),null!==l);)h=s.lastIndex,s===T?"!--"===l[1]?s=A:void 0!==l[1]?s=L:void 0!==l[2]?(W.test(l[2])&&(n=RegExp("</"+l[2],"g")),s=P):void 0!==l[3]&&(s=P):s===P?">"===l[0]?(s=null!=n?n:T,p=-1):void 0===l[1]?p=-2:(p=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?P:'"'===l[3]?D:_):s===D||s===_?s=P:s===A||s===L?s=T:(s=P,n=void 0);const c=s===P&&t[e+1].startsWith("/>")?" ":"";r+=s===T?i+F:p>=0?(o.push(a),i.slice(0,p)+"$lit$"+i.slice(p)+R+c):i+R+(-2===p?(o.push(void 0),e):c)}const a=r+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==E?E.createHTML(a):a,o]};class q{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let n=0,r=0;const s=t.length-1,a=this.parts,[l,p]=J(t,e);if(this.el=q.createElement(l,i),V.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=V.nextNode())&&a.length<s;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(R)){const i=p[r++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(R),e=/([.?@])?(.*)/.exec(i);a.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?tt:"?"===e[1]?it:"@"===e[1]?ot:Q})}else a.push({type:6,index:n})}for(const e of t)o.removeAttribute(e)}if(W.test(o.tagName)){const t=o.textContent.split(R),e=t.length-1;if(e>0){o.textContent=C?C.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],U()),V.nextNode(),a.push({type:2,index:++n});o.append(t[e],U())}}}else if(8===o.nodeType)if(o.data===M)a.push({type:2,index:n});else{let t=-1;for(;-1!==(t=o.data.indexOf(R,t+1));)a.push({type:7,index:n}),t+=R.length-1}n++}}static createElement(t,e){const i=z.createElement("template");return i.innerHTML=t,i}}function X(t,e,i=t,o){var n,r,s,a;if(e===H)return e;let l=void 0!==o?null===(n=i._$Cl)||void 0===n?void 0:n[o]:i._$Cu;const p=j(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==p&&(null===(r=null==l?void 0:l._$AO)||void 0===r||r.call(l,!1),void 0===p?l=void 0:(l=new p(t),l._$AT(t,i,o)),void 0!==o?(null!==(s=(a=i)._$Cl)&&void 0!==s?s:a._$Cl=[])[o]=l:i._$Cu=l),void 0!==l&&(e=X(t,l._$AS(t,e.values),l,o)),e}class Y{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,n=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:z).importNode(i,!0);V.currentNode=n;let r=V.nextNode(),s=0,a=0,l=o[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new G(r,r.nextSibling,this,t):1===l.type?e=new l.ctor(r,l.name,l.strings,this,t):6===l.type&&(e=new nt(r,this,t)),this.v.push(e),l=o[++a]}s!==(null==l?void 0:l.index)&&(r=V.nextNode(),s++)}return n}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class G{constructor(t,e,i,o){var n;this.type=2,this._$AH=K,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$C_=null===(n=null==o?void 0:o.isConnected)||void 0===n||n}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$C_}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=X(this,t,e),j(t)?t===K||null==t||""===t?(this._$AH!==K&&this._$AR(),this._$AH=K):t!==this._$AH&&t!==H&&this.T(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.k(t):(t=>B(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.S(t):this.T(t)}j(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.j(t))}T(t){this._$AH!==K&&j(this._$AH)?this._$AA.nextSibling.data=t:this.k(z.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:o}=t,n="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=q.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===n)this._$AH.m(i);else{const t=new Y(n,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=Z.get(t.strings);return void 0===e&&Z.set(t.strings,e=new q(t)),e}S(t){B(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const n of t)o===e.length?e.push(i=new G(this.j(U()),this.j(U()),this,this.options)):i=e[o],i._$AI(n),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$C_=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class Q{constructor(t,e,i,o,n){this.type=1,this._$AH=K,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=K}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const n=this.strings;let r=!1;if(void 0===n)t=X(this,t,e,0),r=!j(t)||t!==this._$AH&&t!==H,r&&(this._$AH=t);else{const o=t;let s,a;for(t=n[0],s=0;s<n.length-1;s++)a=X(this,o[i+s],e,s),a===H&&(a=this._$AH[s]),r||(r=!j(a)||a!==this._$AH[s]),a===K?t=K:t!==K&&(t+=(null!=a?a:"")+n[s+1]),this._$AH[s]=a}r&&!o&&this.P(t)}P(t){t===K?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class tt extends Q{constructor(){super(...arguments),this.type=3}P(t){this.element[this.name]=t===K?void 0:t}}const et=C?C.emptyScript:"";class it extends Q{constructor(){super(...arguments),this.type=4}P(t){t&&t!==K?this.element.setAttribute(this.name,et):this.element.removeAttribute(this.name)}}class ot extends Q{constructor(t,e,i,o,n){super(t,e,i,o,n),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=X(this,t,e,0))&&void 0!==i?i:K)===H)return;const o=this._$AH,n=t===K&&o!==K||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==K&&(o===K||n);n&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class nt{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){X(this,t)}}const rt=window.litHtmlPolyfillSupport;
|
|
60
60
|
/**
|
|
61
61
|
* @license
|
|
62
62
|
* Copyright 2017 Google LLC
|
|
@@ -91,7 +91,7 @@ var st,at;null==rt||rt(q,G),(null!==(N=globalThis.litHtmlVersions)&&void 0!==N?N
|
|
|
91
91
|
* @license
|
|
92
92
|
* Copyright 2018 Google LLC
|
|
93
93
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
94
|
-
*/const St=$t(class extends Ot{constructor(t){var e;if(super(t),t.type!==mt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,o;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.st)||void 0===i?void 0:i.has(t))&&this.nt.add(t);return this.render(e)}const n=t.element.classList;this.nt.forEach((t=>{t in e||(n.remove(t),this.nt.delete(t))}));for(const t in e){const i=!!e[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(n.add(t),this.nt.add(t)):(n.remove(t),this.nt.delete(t)))}return H}});var kt=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};const Nt=ht.extend("--ft-ripple-color",ft.colorContent),Ct={color:Nt,backgroundColor:ht.extend("--ft-ripple-background-color",Nt),opacityContentOnSurfacePressed:ht.external(ft.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:ht.external(ft.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:ht.external(ft.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:ht.external(ft.opacityContentOnSurfaceSelected,"Design system")},Et=ht.extend("--ft-ripple-color",ft.colorPrimary),Rt=Et,Mt=ht.extend("--ft-ripple-background-color",Et),
|
|
94
|
+
*/const St=$t(class extends Ot{constructor(t){var e;if(super(t),t.type!==mt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,o;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.st)||void 0===i?void 0:i.has(t))&&this.nt.add(t);return this.render(e)}const n=t.element.classList;this.nt.forEach((t=>{t in e||(n.remove(t),this.nt.delete(t))}));for(const t in e){const i=!!e[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(n.add(t),this.nt.add(t)):(n.remove(t),this.nt.delete(t)))}return H}});var kt=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};const Nt=ht.extend("--ft-ripple-color",ft.colorContent),Ct={color:Nt,backgroundColor:ht.extend("--ft-ripple-background-color",Nt),opacityContentOnSurfacePressed:ht.external(ft.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:ht.external(ft.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:ht.external(ft.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:ht.external(ft.opacityContentOnSurfaceSelected,"Design system")},Et=ht.extend("--ft-ripple-color",ft.colorPrimary),Rt=Et,Mt=ht.extend("--ft-ripple-background-color",Et),Ft=ht.extend("--ft-ripple-color",ft.colorSecondary),zt=Ft,Ut=ht.extend("--ft-ripple-background-color",Ft);class jt extends ut{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new e(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.moveRipple=t=>{var e,i;let{x:o,y:n}=this.getCoordinates(t),r=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-r.x:r.width/2),this.originY=Math.round(null!=n?n-r.y:r.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return I`
|
|
95
95
|
<style>
|
|
96
96
|
.ft-ripple .ft-ripple--effect,
|
|
97
97
|
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
@@ -142,7 +142,7 @@ var st,at;null==rt||rt(q,G),(null!==(N=globalThis.litHtmlVersions)&&void 0!==N?N
|
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
145
|
-
background-color: ${
|
|
145
|
+
background-color: ${zt};
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
@@ -203,7 +203,7 @@ var st,at;null==rt||rt(q,G),(null!==(N=globalThis.litHtmlVersions)&&void 0!==N?N
|
|
|
203
203
|
* Copyright 2020 Google LLC
|
|
204
204
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
205
205
|
*/
|
|
206
|
-
const Bt=Symbol.for(""),Tt=t=>{if((null==t?void 0:t.r)===Bt)return null==t?void 0:t._$litStatic$},At=t=>({_$litStatic$:t,r:Bt}),Lt=new Map,Pt=(t=>(e,...i)=>{const o=i.length;let n,r;const s=[],a=[];let l,p=0,h=!1;for(;p<o;){for(l=e[p];p<o&&void 0!==(r=i[p],n=Tt(r));)l+=n+e[++p],h=!0;a.push(r),s.push(l),p++}if(p===o&&s.push(e[o]),h){const t=s.join("$$lit$$");void 0===(e=Lt.get(t))&&(s.raw=s,Lt.set(t,e=s)),i=a}return t(e,...i)})(I);var _t,Dt=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};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(_t||(_t={}));const Wt=ht.extend("--ft-typography-font-family",ft.titleFont),It=ht.extend("--ft-typography-font-family",ft.contentFont),Ht={fontFamily:It,fontSize:ht.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ht.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ht.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ht.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ht.create("--ft-typography-text-transform","UNKNOWN","inherit")},Kt=ht.extend("--ft-typography-title-font-family",Wt),Zt=ht.extend("--ft-typography-title-font-size",Ht.fontSize,"20px"),Vt=ht.extend("--ft-typography-title-font-weight",Ht.fontWeight,"normal"),Jt=ht.extend("--ft-typography-title-letter-spacing",Ht.letterSpacing,"0.15px"),qt=ht.extend("--ft-typography-title-line-height",Ht.lineHeight,"1.2"),Xt=ht.extend("--ft-typography-title-text-transform",Ht.textTransform,"inherit"),Yt=ht.extend("--ft-typography-title-dense-font-family",Wt),Gt=ht.extend("--ft-typography-title-dense-font-size",Ht.fontSize,"14px"),Qt=ht.extend("--ft-typography-title-dense-font-weight",Ht.fontWeight,"normal"),te=ht.extend("--ft-typography-title-dense-letter-spacing",Ht.letterSpacing,"0.105px"),ee=ht.extend("--ft-typography-title-dense-line-height",Ht.lineHeight,"1.7"),ie=ht.extend("--ft-typography-title-dense-text-transform",Ht.textTransform,"inherit"),oe=ht.extend("--ft-typography-subtitle1-font-family",It),ne=ht.extend("--ft-typography-subtitle1-font-size",Ht.fontSize,"16px"),re=ht.extend("--ft-typography-subtitle1-font-weight",Ht.fontWeight,"600"),se=ht.extend("--ft-typography-subtitle1-letter-spacing",Ht.letterSpacing,"0.144px"),ae=ht.extend("--ft-typography-subtitle1-line-height",Ht.lineHeight,"1.5"),le=ht.extend("--ft-typography-subtitle1-text-transform",Ht.textTransform,"inherit"),pe=ht.extend("--ft-typography-subtitle2-font-family",It),he=ht.extend("--ft-typography-subtitle2-font-size",Ht.fontSize,"14px"),ce=ht.extend("--ft-typography-subtitle2-font-weight",Ht.fontWeight,"normal"),fe=ht.extend("--ft-typography-subtitle2-letter-spacing",Ht.letterSpacing,"0.098px"),de=ht.extend("--ft-typography-subtitle2-line-height",Ht.lineHeight,"1.7"),ue=ht.extend("--ft-typography-subtitle2-text-transform",Ht.textTransform,"inherit"),ye=ht.extend("--ft-typography-body1-font-family",It),ve=ht.extend("--ft-typography-body1-font-size",Ht.fontSize,"16px"),be=ht.extend("--ft-typography-body1-font-weight",Ht.fontWeight,"normal"),xe=ht.extend("--ft-typography-body1-letter-spacing",Ht.letterSpacing,"0.496px"),ge=ht.extend("--ft-typography-body1-line-height",Ht.lineHeight,"1.5"),me=ht.extend("--ft-typography-body1-text-transform",Ht.textTransform,"inherit"),we=ht.extend("--ft-typography-body2-font-family",It),$e=ht.extend("--ft-typography-body2-font-size",Ht.fontSize,"14px"),Oe=ht.extend("--ft-typography-body2-font-weight",Ht.fontWeight,"normal"),Se=ht.extend("--ft-typography-body2-letter-spacing",Ht.letterSpacing,"0.252px"),ke=ht.extend("--ft-typography-body2-line-height",Ht.lineHeight,"1.4"),Ne=ht.extend("--ft-typography-body2-text-transform",Ht.textTransform,"inherit"),Ce=ht.extend("--ft-typography-caption-font-family",It),Ee=ht.extend("--ft-typography-caption-font-size",Ht.fontSize,"12px"),Re=ht.extend("--ft-typography-caption-font-weight",Ht.fontWeight,"normal"),Me=ht.extend("--ft-typography-caption-letter-spacing",Ht.letterSpacing,"0.396px"),
|
|
206
|
+
const Bt=Symbol.for(""),Tt=t=>{if((null==t?void 0:t.r)===Bt)return null==t?void 0:t._$litStatic$},At=t=>({_$litStatic$:t,r:Bt}),Lt=new Map,Pt=(t=>(e,...i)=>{const o=i.length;let n,r;const s=[],a=[];let l,p=0,h=!1;for(;p<o;){for(l=e[p];p<o&&void 0!==(r=i[p],n=Tt(r));)l+=n+e[++p],h=!0;a.push(r),s.push(l),p++}if(p===o&&s.push(e[o]),h){const t=s.join("$$lit$$");void 0===(e=Lt.get(t))&&(s.raw=s,Lt.set(t,e=s)),i=a}return t(e,...i)})(I);var _t,Dt=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};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(_t||(_t={}));const Wt=ht.extend("--ft-typography-font-family",ft.titleFont),It=ht.extend("--ft-typography-font-family",ft.contentFont),Ht={fontFamily:It,fontSize:ht.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ht.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ht.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ht.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ht.create("--ft-typography-text-transform","UNKNOWN","inherit")},Kt=ht.extend("--ft-typography-title-font-family",Wt),Zt=ht.extend("--ft-typography-title-font-size",Ht.fontSize,"20px"),Vt=ht.extend("--ft-typography-title-font-weight",Ht.fontWeight,"normal"),Jt=ht.extend("--ft-typography-title-letter-spacing",Ht.letterSpacing,"0.15px"),qt=ht.extend("--ft-typography-title-line-height",Ht.lineHeight,"1.2"),Xt=ht.extend("--ft-typography-title-text-transform",Ht.textTransform,"inherit"),Yt=ht.extend("--ft-typography-title-dense-font-family",Wt),Gt=ht.extend("--ft-typography-title-dense-font-size",Ht.fontSize,"14px"),Qt=ht.extend("--ft-typography-title-dense-font-weight",Ht.fontWeight,"normal"),te=ht.extend("--ft-typography-title-dense-letter-spacing",Ht.letterSpacing,"0.105px"),ee=ht.extend("--ft-typography-title-dense-line-height",Ht.lineHeight,"1.7"),ie=ht.extend("--ft-typography-title-dense-text-transform",Ht.textTransform,"inherit"),oe=ht.extend("--ft-typography-subtitle1-font-family",It),ne=ht.extend("--ft-typography-subtitle1-font-size",Ht.fontSize,"16px"),re=ht.extend("--ft-typography-subtitle1-font-weight",Ht.fontWeight,"600"),se=ht.extend("--ft-typography-subtitle1-letter-spacing",Ht.letterSpacing,"0.144px"),ae=ht.extend("--ft-typography-subtitle1-line-height",Ht.lineHeight,"1.5"),le=ht.extend("--ft-typography-subtitle1-text-transform",Ht.textTransform,"inherit"),pe=ht.extend("--ft-typography-subtitle2-font-family",It),he=ht.extend("--ft-typography-subtitle2-font-size",Ht.fontSize,"14px"),ce=ht.extend("--ft-typography-subtitle2-font-weight",Ht.fontWeight,"normal"),fe=ht.extend("--ft-typography-subtitle2-letter-spacing",Ht.letterSpacing,"0.098px"),de=ht.extend("--ft-typography-subtitle2-line-height",Ht.lineHeight,"1.7"),ue=ht.extend("--ft-typography-subtitle2-text-transform",Ht.textTransform,"inherit"),ye=ht.extend("--ft-typography-body1-font-family",It),ve=ht.extend("--ft-typography-body1-font-size",Ht.fontSize,"16px"),be=ht.extend("--ft-typography-body1-font-weight",Ht.fontWeight,"normal"),xe=ht.extend("--ft-typography-body1-letter-spacing",Ht.letterSpacing,"0.496px"),ge=ht.extend("--ft-typography-body1-line-height",Ht.lineHeight,"1.5"),me=ht.extend("--ft-typography-body1-text-transform",Ht.textTransform,"inherit"),we=ht.extend("--ft-typography-body2-font-family",It),$e=ht.extend("--ft-typography-body2-font-size",Ht.fontSize,"14px"),Oe=ht.extend("--ft-typography-body2-font-weight",Ht.fontWeight,"normal"),Se=ht.extend("--ft-typography-body2-letter-spacing",Ht.letterSpacing,"0.252px"),ke=ht.extend("--ft-typography-body2-line-height",Ht.lineHeight,"1.4"),Ne=ht.extend("--ft-typography-body2-text-transform",Ht.textTransform,"inherit"),Ce=ht.extend("--ft-typography-caption-font-family",It),Ee=ht.extend("--ft-typography-caption-font-size",Ht.fontSize,"12px"),Re=ht.extend("--ft-typography-caption-font-weight",Ht.fontWeight,"normal"),Me=ht.extend("--ft-typography-caption-letter-spacing",Ht.letterSpacing,"0.396px"),Fe=ht.extend("--ft-typography-caption-line-height",Ht.lineHeight,"1.33"),ze=ht.extend("--ft-typography-caption-text-transform",Ht.textTransform,"inherit"),Ue=ht.extend("--ft-typography-breadcrumb-font-family",It),je=ht.extend("--ft-typography-breadcrumb-font-size",Ht.fontSize,"10px"),Be=ht.extend("--ft-typography-breadcrumb-font-weight",Ht.fontWeight,"normal"),Te=ht.extend("--ft-typography-breadcrumb-letter-spacing",Ht.letterSpacing,"0.33px"),Ae=ht.extend("--ft-typography-breadcrumb-line-height",Ht.lineHeight,"1.6"),Le=ht.extend("--ft-typography-breadcrumb-text-transform",Ht.textTransform,"inherit"),Pe=ht.extend("--ft-typography-overline-font-family",It),_e=ht.extend("--ft-typography-overline-font-size",Ht.fontSize,"10px"),De=ht.extend("--ft-typography-overline-font-weight",Ht.fontWeight,"normal"),We=ht.extend("--ft-typography-overline-letter-spacing",Ht.letterSpacing,"1.5px"),Ie=ht.extend("--ft-typography-overline-line-height",Ht.lineHeight,"1.6"),He=ht.extend("--ft-typography-overline-text-transform",Ht.textTransform,"uppercase"),Ke={fontFamily:ht.extend("--ft-typography-button-font-family",It),fontSize:ht.extend("--ft-typography-button-font-size",Ht.fontSize,"14px"),fontWeight:ht.extend("--ft-typography-button-font-weight",Ht.fontWeight,"600"),letterSpacing:ht.extend("--ft-typography-button-letter-spacing",Ht.letterSpacing,"1.246px"),lineHeight:ht.extend("--ft-typography-button-line-height",Ht.lineHeight,"1.15"),textTransform:ht.extend("--ft-typography-button-text-transform",Ht.textTransform,"uppercase")},Ze=y`
|
|
207
207
|
.ft-typography--title {
|
|
208
208
|
font-family: ${Kt};
|
|
209
209
|
font-size: ${Zt};
|
|
@@ -264,8 +264,8 @@ const Bt=Symbol.for(""),Tt=t=>{if((null==t?void 0:t.r)===Bt)return null==t?void
|
|
|
264
264
|
font-size: ${Ee};
|
|
265
265
|
font-weight: ${Re};
|
|
266
266
|
letter-spacing: ${Me};
|
|
267
|
-
line-height: ${
|
|
268
|
-
text-transform: ${
|
|
267
|
+
line-height: ${Fe};
|
|
268
|
+
text-transform: ${ze};
|
|
269
269
|
}
|
|
270
270
|
`,Qe=y`
|
|
271
271
|
.ft-typography--breadcrumb {
|
|
@@ -320,7 +320,7 @@ const Bt=Symbol.for(""),Tt=t=>{if((null==t?void 0:t.r)===Bt)return null==t?void
|
|
|
320
320
|
</div>
|
|
321
321
|
<slot></slot>
|
|
322
322
|
</div>
|
|
323
|
-
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&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.position){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
|
|
323
|
+
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&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.position){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,r=0;switch(this.position){case"top":r=-this.tooltip.clientHeight,n=o;break;case"bottom":r=e.height,n=o;break;case"left":r=i,n=-this.tooltip.clientWidth;break;case"right":r=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 s=this.tooltip.style;s.left=n+"px",s.top=r+"px",s.maxWidth=Math.max(e.width,150)+"px"}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())}}pi.elementDefinitions={"ft-typography":ii},pi.styles=y`
|
|
324
324
|
.ft-tooltip--container {
|
|
325
325
|
display: block;
|
|
326
326
|
position: relative;
|
|
@@ -492,7 +492,7 @@ class fi extends Ot{constructor(t){if(super(t),this.it=K,t.type!==wt)throw Error
|
|
|
492
492
|
box-shadow: 0px 0px 0px transparent;
|
|
493
493
|
border: 0px solid transparent;
|
|
494
494
|
text-shadow: 0px 0px 0px transparent;
|
|
495
|
-
font-size:
|
|
495
|
+
font-size: ${$i.fontSize};
|
|
496
496
|
}
|
|
497
497
|
|
|
498
498
|
button:hover {
|
|
@@ -521,8 +521,7 @@ class fi extends Ot{constructor(t){if(super(t),this.it=K,t.type!==wt)throw Error
|
|
|
521
521
|
border: none;
|
|
522
522
|
pointer-events: auto;
|
|
523
523
|
|
|
524
|
-
--ft-button-internal-
|
|
525
|
-
--ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
|
|
524
|
+
--ft-button-internal-line-height: calc(${$i.fontSize} + 2px);
|
|
526
525
|
--ft-button-internal-color: ${$i.color};
|
|
527
526
|
${ct(xi.size,$i.iconSize)};
|
|
528
527
|
--ft-button-internal-vertical-padding: 6px;
|
|
@@ -578,7 +577,7 @@ class fi extends Ot{constructor(t){if(super(t),this.it=K,t.type!==wt)throw Error
|
|
|
578
577
|
text-overflow: ellipsis;
|
|
579
578
|
display: block;
|
|
580
579
|
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
581
|
-
${ct(Ke.fontSize,"
|
|
580
|
+
${ct(Ke.fontSize,"1em")};
|
|
582
581
|
${ct(Ke.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
583
582
|
}
|
|
584
583
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-file-button",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.5",
|
|
4
4
|
"description": "File",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,9 +19,9 @@
|
|
|
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-wc-utils": "0.3.
|
|
22
|
+
"@fluid-topics/ft-button": "0.3.5",
|
|
23
|
+
"@fluid-topics/ft-wc-utils": "0.3.5",
|
|
24
24
|
"lit": "2.2.8"
|
|
25
25
|
},
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "a8d8a3bf89bac6275c44c4aa7f966e557a94454f"
|
|
27
27
|
}
|