@fluid-topics/ft-text-field 0.2.16 → 0.2.19
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.
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
var r;const n=globalThis.trustedTypes,p=n?n.createPolicy("lit-html",{createHTML:t=>t}):void 0,
|
|
7
|
+
var r;const n=globalThis.trustedTypes,p=n?n.createPolicy("lit-html",{createHTML:t=>t}):void 0,a=`lit$${(Math.random()+"").slice(9)}$`,f="?"+a,h=`<${f}>`,d=document,c=(t="")=>d.createComment(t),x=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,g=/-->/g,b=/>/g,v=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,m=/'/g,$=/"/g,w=/^(?:script|style|textarea|title)$/i,k=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),z=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),C=new WeakMap,E=d.createTreeWalker(d,129,null,!1),O=(t,e)=>{const i=t.length-1,o=[];let l,s=2===e?"<svg>":"",r=y;for(let e=0;e<i;e++){const i=t[e];let n,p,f=-1,d=0;for(;d<i.length&&(r.lastIndex=d,p=r.exec(i),null!==p);)d=r.lastIndex,r===y?"!--"===p[1]?r=g:void 0!==p[1]?r=b:void 0!==p[2]?(w.test(p[2])&&(l=RegExp("</"+p[2],"g")),r=v):void 0!==p[3]&&(r=v):r===v?">"===p[0]?(r=null!=l?l:y,f=-1):void 0===p[1]?f=-2:(f=r.lastIndex-p[2].length,n=p[1],r=void 0===p[3]?v:'"'===p[3]?$:m):r===$||r===m?r=v:r===g||r===b?r=y:(r=v,l=void 0);const c=r===v&&t[e+1].startsWith("/>")?" ":"";s+=r===y?i+h:f>=0?(o.push(n),i.slice(0,f)+"$lit$"+i.slice(f)+a+c):i+a+(-2===f?(o.push(void 0),e):c)}const n=s+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==p?p.createHTML(n):n,o]};class j{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let l=0,s=0;const r=t.length-1,p=this.parts,[h,d]=O(t,e);if(this.el=j.createElement(h,i),E.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=E.nextNode())&&p.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(a)){const i=d[s++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(a),e=/([.?@])?(.*)/.exec(i);p.push({type:1,index:l,name:e[2],strings:t,ctor:"."===e[1]?B:"?"===e[1]?Z:"@"===e[1]?D:_})}else p.push({type:6,index:l})}for(const e of t)o.removeAttribute(e)}if(w.test(o.tagName)){const t=o.textContent.split(a),e=t.length-1;if(e>0){o.textContent=n?n.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],c()),E.nextNode(),p.push({type:2,index:++l});o.append(t[e],c())}}}else if(8===o.nodeType)if(o.data===f)p.push({type:2,index:l});else{let t=-1;for(;-1!==(t=o.data.indexOf(a,t+1));)p.push({type:7,index:l}),t+=a.length-1}l++}}static createElement(t,e){const i=d.createElement("template");return i.innerHTML=t,i}}function I(t,e,i=t,o){var l,s,r,n;if(e===z)return e;let p=void 0!==o?null===(l=i._$Cl)||void 0===l?void 0:l[o]:i._$Cu;const a=x(e)?void 0:e._$litDirective$;return(null==p?void 0:p.constructor)!==a&&(null===(s=null==p?void 0:p._$AO)||void 0===s||s.call(p,!1),void 0===a?p=void 0:(p=new a(t),p._$AT(t,i,o)),void 0!==o?(null!==(r=(n=i)._$Cl)&&void 0!==r?r:n._$Cl=[])[o]=p:i._$Cu=p),void 0!==p&&(e=I(t,p._$AS(t,e.values),p,o)),e}class N{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,l=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:d).importNode(i,!0);E.currentNode=l;let s=E.nextNode(),r=0,n=0,p=o[0];for(;void 0!==p;){if(r===p.index){let e;2===p.type?e=new A(s,s.nextSibling,this,t):1===p.type?e=new p.ctor(s,p.name,p.strings,this,t):6===p.type&&(e=new T(s,this,t)),this.v.push(e),p=o[++n]}r!==(null==p?void 0:p.index)&&(s=E.nextNode(),r++)}return l}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 A{constructor(t,e,i,o){var l;this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cg=null===(l=null==o?void 0:o.isConnected)||void 0===l||l}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}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=I(this,t,e),x(t)?t===S||null==t||""===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==z&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):(t=>{var e;return u(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==S&&x(this._$AH)?this._$AA.nextSibling.data=t:this.k(d.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:o}=t,l="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=j.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===l)this._$AH.m(i);else{const t=new N(l,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=C.get(t.strings);return void 0===e&&C.set(t.strings,e=new j(t)),e}S(t){u(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const l of t)o===e.length?e.push(i=new A(this.M(c()),this.M(c()),this,this.options)):i=e[o],i._$AI(l),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._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class _{constructor(t,e,i,o,l){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=l,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=S}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const l=this.strings;let s=!1;if(void 0===l)t=I(this,t,e,0),s=!x(t)||t!==this._$AH&&t!==z,s&&(this._$AH=t);else{const o=t;let r,n;for(t=l[0],r=0;r<l.length-1;r++)n=I(this,o[i+r],e,r),n===z&&(n=this._$AH[r]),s||(s=!x(n)||n!==this._$AH[r]),n===S?t=S:t!==S&&(t+=(null!=n?n:"")+l[r+1]),this._$AH[r]=n}s&&!o&&this.C(t)}C(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class B extends _{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===S?void 0:t}}const M=n?n.emptyScript:"";class Z extends _{constructor(){super(...arguments),this.type=4}C(t){t&&t!==S?this.element.setAttribute(this.name,M):this.element.removeAttribute(this.name)}}class D extends _{constructor(t,e,i,o,l){super(t,e,i,o,l),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=I(this,t,e,0))&&void 0!==i?i:S)===z)return;const o=this._$AH,l=t===S&&o!==S||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==S&&(o===S||l);l&&this.element.removeEventListener(this.name,this,o),s&&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 T{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){I(this,t)}}const U=window.litHtmlPolyfillSupport;null==U||U(j,A),(null!==(r=globalThis.litHtmlVersions)&&void 0!==r?r:globalThis.litHtmlVersions=[]).push("2.2.4");
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2020 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
12
|
*/
|
|
13
|
-
const F=Symbol.for(""),R=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===F)return null===(i=t)||void 0===i?void 0:i._$litStatic$},W=t=>({_$litStatic$:t,r:F}),G=new Map,H=(t=>(e,...i)=>{const o=i.length;let l,s;const r=[],n=[];let p,
|
|
13
|
+
const F=Symbol.for(""),R=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===F)return null===(i=t)||void 0===i?void 0:i._$litStatic$},W=t=>({_$litStatic$:t,r:F}),G=new Map,H=(t=>(e,...i)=>{const o=i.length;let l,s;const r=[],n=[];let p,a=0,f=!1;for(;a<o;){for(p=e[a];a<o&&void 0!==(s=i[a],l=R(s));)p+=l+e[++a],f=!0;n.push(s),r.push(p),a++}if(a===o&&r.push(e[o]),f){const t=r.join("$$lit$$");void 0===(e=G.get(t))&&(r.raw=r,G.set(t,e=r)),i=n}return t(e,...i)})(k);var K,V=function(t,e,i,o){for(var l,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,n=t.length-1;n>=0;n--)(l=t[n])&&(r=(s<3?l(r):s>3?l(e,i,r):l(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};!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"}(K||(K={}));const q=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),P=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),L={fontFamily:P,fontSize:e.FtCssVariable.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariable.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariable.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariable.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:e.FtCssVariable.create("--ft-typography-text-transform","UNKNOWN","inherit")},X=e.FtCssVariable.extend("--ft-typography-title-font-family",q),Y=e.FtCssVariable.extend("--ft-typography-title-font-size",L.fontSize,"20px"),J=e.FtCssVariable.extend("--ft-typography-title-font-weight",L.fontWeight,"normal"),Q=e.FtCssVariable.extend("--ft-typography-title-letter-spacing",L.letterSpacing,"0.15px"),tt=e.FtCssVariable.extend("--ft-typography-title-line-height",L.lineHeight,"1.2"),et=e.FtCssVariable.extend("--ft-typography-title-text-transform",L.textTransform,"inherit"),it=e.FtCssVariable.extend("--ft-typography-title-dense-font-family",q),ot=e.FtCssVariable.extend("--ft-typography-title-dense-font-size",L.fontSize,"14px"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-font-weight",L.fontWeight,"normal"),st=e.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",L.letterSpacing,"0.105px"),rt=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",L.lineHeight,"1.7"),nt=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",L.textTransform,"inherit"),pt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",P),at=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",L.fontSize,"16px"),ft=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",L.fontWeight,"600"),ht=e.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",L.letterSpacing,"0.144px"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-line-height",L.lineHeight,"1.5"),ct=e.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",L.textTransform,"inherit"),xt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-family",P),ut=e.FtCssVariable.extend("--ft-typography-subtitle2-font-size",L.fontSize,"14px"),yt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",L.fontWeight,"normal"),gt=e.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",L.letterSpacing,"0.098px"),bt=e.FtCssVariable.extend("--ft-typography-subtitle2-line-height",L.lineHeight,"1.7"),vt=e.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",L.textTransform,"inherit"),mt={fontFamily:e.FtCssVariable.extend("--ft-typography-body1-font-family",P),fontSize:e.FtCssVariable.extend("--ft-typography-body1-font-size",L.fontSize,"16px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body1-font-weight",L.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body1-letter-spacing",L.letterSpacing,"0.496px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body1-line-height",L.lineHeight,"1.5"),textTransform:e.FtCssVariable.extend("--ft-typography-body1-text-transform",L.textTransform,"inherit")},$t=e.FtCssVariable.extend("--ft-typography-body2-font-family",P),wt=e.FtCssVariable.extend("--ft-typography-body2-font-size",L.fontSize,"14px"),kt=e.FtCssVariable.extend("--ft-typography-body2-font-weight",L.fontWeight,"normal"),zt=e.FtCssVariable.extend("--ft-typography-body2-letter-spacing",L.letterSpacing,"0.252px"),St=e.FtCssVariable.extend("--ft-typography-body2-line-height",L.lineHeight,"1.4"),Ct=e.FtCssVariable.extend("--ft-typography-body2-text-transform",L.textTransform,"inherit"),Et={fontFamily:e.FtCssVariable.extend("--ft-typography-caption-font-family",P),fontSize:e.FtCssVariable.extend("--ft-typography-caption-font-size",L.fontSize,"12px"),fontWeight:e.FtCssVariable.extend("--ft-typography-caption-font-weight",L.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-caption-letter-spacing",L.letterSpacing,"0.396px"),lineHeight:e.FtCssVariable.extend("--ft-typography-caption-line-height",L.lineHeight,"1.33"),textTransform:e.FtCssVariable.extend("--ft-typography-caption-text-transform",L.textTransform,"inherit")},Ot=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",P),jt=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",L.fontSize,"10px"),It=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",L.fontWeight,"normal"),Nt=e.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",L.letterSpacing,"0.33px"),At=e.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",L.lineHeight,"1.6"),_t=e.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",L.textTransform,"inherit"),Bt=e.FtCssVariable.extend("--ft-typography-overline-font-family",P),Mt=e.FtCssVariable.extend("--ft-typography-overline-font-size",L.fontSize,"10px"),Zt=e.FtCssVariable.extend("--ft-typography-overline-font-weight",L.fontWeight,"normal"),Dt=e.FtCssVariable.extend("--ft-typography-overline-letter-spacing",L.letterSpacing,"1.5px"),Tt=e.FtCssVariable.extend("--ft-typography-overline-line-height",L.lineHeight,"1.6"),Ut=e.FtCssVariable.extend("--ft-typography-overline-text-transform",L.textTransform,"uppercase"),Ft=e.FtCssVariable.extend("--ft-typography-button-font-family",P),Rt=e.FtCssVariable.extend("--ft-typography-button-font-size",L.fontSize,"14px"),Wt=e.FtCssVariable.extend("--ft-typography-button-font-weight",L.fontWeight,"600"),Gt=e.FtCssVariable.extend("--ft-typography-button-letter-spacing",L.letterSpacing,"1.246px"),Ht=e.FtCssVariable.extend("--ft-typography-button-line-height",L.lineHeight,"1.15"),Kt=e.FtCssVariable.extend("--ft-typography-button-text-transform",L.textTransform,"uppercase"),Vt=i.css`
|
|
14
14
|
.ft-typography--title {
|
|
15
15
|
font-family: ${X};
|
|
16
16
|
font-size: ${Y};
|
|
@@ -31,8 +31,8 @@ const F=Symbol.for(""),R=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
31
31
|
`,Pt=i.css`
|
|
32
32
|
.ft-typography--subtitle1 {
|
|
33
33
|
font-family: ${pt};
|
|
34
|
-
font-size: ${
|
|
35
|
-
font-weight: ${
|
|
34
|
+
font-size: ${at};
|
|
35
|
+
font-weight: ${ft};
|
|
36
36
|
letter-spacing: ${ht};
|
|
37
37
|
line-height: ${dt};
|
|
38
38
|
text-transform: ${ct};
|
|
@@ -126,6 +126,12 @@ const F=Symbol.for(""),R=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
126
126
|
position: absolute;
|
|
127
127
|
inset: 0;
|
|
128
128
|
display: flex;
|
|
129
|
+
background-color: ${le.colorSurface};
|
|
130
|
+
border-radius: ${le.borderRadiusS} ${le.borderRadiusS} 0 0;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.ft-input-label--outlined {
|
|
134
|
+
border-radius: ${le.borderRadiusS};
|
|
129
135
|
}
|
|
130
136
|
|
|
131
137
|
.ft-input-label {
|
|
@@ -232,7 +238,7 @@ const F=Symbol.for(""),R=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
232
238
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
233
239
|
border-top: none;
|
|
234
240
|
}
|
|
235
|
-
`],oe([o.property({type:String})],se.prototype,"text",void 0),oe([o.property({type:Boolean})],se.prototype,"raised",void 0),oe([o.property({type:Boolean})],se.prototype,"outlined",void 0),oe([o.property({type:Boolean})],se.prototype,"disabled",void 0),oe([o.property({type:Boolean})],se.prototype,"error",void 0),e.customElement("ft-input-label")(se);var re=function(t,e,i,o){for(var l,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,n=t.length-1;n>=0;n--)(l=t[n])&&(r=(s<3?l(r):s>3?l(e,i,r):l(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const ne=e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorContent),pe={color:ne,backgroundColor:e.FtCssVariable.extend("--ft-ripple-background-color",ne),opacityContentOnSurfacePressed:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceSelected,"Design system")},
|
|
241
|
+
`],oe([o.property({type:String})],se.prototype,"text",void 0),oe([o.property({type:Boolean})],se.prototype,"raised",void 0),oe([o.property({type:Boolean})],se.prototype,"outlined",void 0),oe([o.property({type:Boolean})],se.prototype,"disabled",void 0),oe([o.property({type:Boolean})],se.prototype,"error",void 0),e.customElement("ft-input-label")(se);var re=function(t,e,i,o){for(var l,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,n=t.length-1;n>=0;n--)(l=t[n])&&(r=(s<3?l(r):s>3?l(e,i,r):l(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const ne=e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorContent),pe={color:ne,backgroundColor:e.FtCssVariable.extend("--ft-ripple-background-color",ne),opacityContentOnSurfacePressed:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:e.FtCssVariable.external(e.designSystemVariables.opacityContentOnSurfaceSelected,"Design system")},ae=e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorPrimary),fe=ae,he=e.FtCssVariable.extend("--ft-ripple-background-color",ae),de=e.FtCssVariable.extend("--ft-ripple-color",e.designSystemVariables.colorSecondary),ce=de,xe=e.FtCssVariable.extend("--ft-ripple-background-color",de);class ue extends e.FtLitElement{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.Debouncer(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:l}=this.getCoordinates(t),s=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-s.x:s.width/2),this.originY=Math.round(null!=l?l-s.y:s.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.html`
|
|
236
242
|
<style>
|
|
237
243
|
.ft-ripple .ft-ripple--effect,
|
|
238
244
|
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
@@ -291,7 +297,7 @@ const F=Symbol.for(""),R=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
291
297
|
}
|
|
292
298
|
|
|
293
299
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
294
|
-
background-color: ${
|
|
300
|
+
background-color: ${fe};
|
|
295
301
|
}
|
|
296
302
|
|
|
297
303
|
.ft-ripple .ft-ripple--background {
|