@fluid-topics/ft-confirm-button 1.3.35 → 1.3.36
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";(()=>{var yl=Object.create;var ea=Object.defineProperty;var ml=Object.getOwnPropertyDescriptor;var gl=Object.getOwnPropertyNames;var bl=Object.getPrototypeOf,xl=Object.prototype.hasOwnProperty;var kt=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var vl=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of gl(t))!xl.call(e,a)&&a!==o&&ea(e,a,{get:()=>t[a],enumerable:!(n=ml(t,a))||n.enumerable});return e};var S=(e,t,o)=>(o=e!=null?yl(bl(e)):{},vl(t||!e||!e.__esModule?ea(o,"default",{value:e,enumerable:!0}):o,e));var re=kt((Kd,ta)=>{ta.exports=ftGlobals.litDecorators});var P=kt((Vd,ra)=>{ra.exports=ftGlobals.wcUtils});var H=kt((Zd,oa)=>{oa.exports=ftGlobals.lit});var fr=kt((Ey,ai)=>{ai.exports=ftGlobals.litClassMap});var os=kt((Tm,rs)=>{rs.exports=ftGlobals.litUnsafeHTML});var Os=kt((pt,Ss)=>{var co=typeof globalThis<"u"&&globalThis||typeof self<"u"&&self||typeof global<"u"&&global,lo=function(){function e(){this.fetch=!1,this.DOMException=co.DOMException}return e.prototype=co,new e}();(function(e){var t=function(o){var n=typeof e<"u"&&e||typeof self<"u"&&self||typeof global<"u"&&global||{},a={searchParams:"URLSearchParams"in n,iterable:"Symbol"in n&&"iterator"in Symbol,blob:"FileReader"in n&&"Blob"in n&&function(){try{return new Blob,!0}catch{return!1}}(),formData:"FormData"in n,arrayBuffer:"ArrayBuffer"in n};function i(y){return y&&DataView.prototype.isPrototypeOf(y)}if(a.arrayBuffer)var c=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],l=ArrayBuffer.isView||function(y){return y&&c.indexOf(Object.prototype.toString.call(y))>-1};function u(y){if(typeof y!="string"&&(y=String(y)),/[^a-z0-9\-#$%&'*+.^_`|~!]/i.test(y)||y==="")throw new TypeError('Invalid character in header field name: "'+y+'"');return y.toLowerCase()}function p(y){return typeof y!="string"&&(y=String(y)),y}function m(y){var b={next:function(){var _=y.shift();return{done:_===void 0,value:_}}};return a.iterable&&(b[Symbol.iterator]=function(){return b}),b}function h(y){this.map={},y instanceof h?y.forEach(function(b,_){this.append(_,b)},this):Array.isArray(y)?y.forEach(function(b){if(b.length!=2)throw new TypeError("Headers constructor: expected name/value pair to be length 2, found"+b.length);this.append(b[0],b[1])},this):y&&Object.getOwnPropertyNames(y).forEach(function(b){this.append(b,y[b])},this)}h.prototype.append=function(y,b){y=u(y),b=p(b);var _=this.map[y];this.map[y]=_?_+", "+b:b},h.prototype.delete=function(y){delete this.map[u(y)]},h.prototype.get=function(y){return y=u(y),this.has(y)?this.map[y]:null},h.prototype.has=function(y){return this.map.hasOwnProperty(u(y))},h.prototype.set=function(y,b){this.map[u(y)]=p(b)},h.prototype.forEach=function(y,b){for(var _ in this.map)this.map.hasOwnProperty(_)&&y.call(b,this.map[_],_,this)},h.prototype.keys=function(){var y=[];return this.forEach(function(b,_){y.push(_)}),m(y)},h.prototype.values=function(){var y=[];return this.forEach(function(b){y.push(b)}),m(y)},h.prototype.entries=function(){var y=[];return this.forEach(function(b,_){y.push([_,b])}),m(y)},a.iterable&&(h.prototype[Symbol.iterator]=h.prototype.entries);function g(y){if(!y._noBody){if(y.bodyUsed)return Promise.reject(new TypeError("Already read"));y.bodyUsed=!0}}function v(y){return new Promise(function(b,_){y.onload=function(){b(y.result)},y.onerror=function(){_(y.error)}})}function x(y){var b=new FileReader,_=v(b);return b.readAsArrayBuffer(y),_}function C(y){var b=new FileReader,_=v(b),F=/charset=([A-Za-z0-9_-]+)/.exec(y.type),V=F?F[1]:"utf-8";return b.readAsText(y,V),_}function L(y){for(var b=new Uint8Array(y),_=new Array(b.length),F=0;F<b.length;F++)_[F]=String.fromCharCode(b[F]);return _.join("")}function R(y){if(y.slice)return y.slice(0);var b=new Uint8Array(y.byteLength);return b.set(new Uint8Array(y)),b.buffer}function T(){return this.bodyUsed=!1,this._initBody=function(y){this.bodyUsed=this.bodyUsed,this._bodyInit=y,y?typeof y=="string"?this._bodyText=y:a.blob&&Blob.prototype.isPrototypeOf(y)?this._bodyBlob=y:a.formData&&FormData.prototype.isPrototypeOf(y)?this._bodyFormData=y:a.searchParams&&URLSearchParams.prototype.isPrototypeOf(y)?this._bodyText=y.toString():a.arrayBuffer&&a.blob&&i(y)?(this._bodyArrayBuffer=R(y.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):a.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(y)||l(y))?this._bodyArrayBuffer=R(y):this._bodyText=y=Object.prototype.toString.call(y):(this._noBody=!0,this._bodyText=""),this.headers.get("content-type")||(typeof y=="string"?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):a.searchParams&&URLSearchParams.prototype.isPrototypeOf(y)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},a.blob&&(this.blob=function(){var y=g(this);if(y)return y;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))}),this.arrayBuffer=function(){if(this._bodyArrayBuffer){var y=g(this);return y||(ArrayBuffer.isView(this._bodyArrayBuffer)?Promise.resolve(this._bodyArrayBuffer.buffer.slice(this._bodyArrayBuffer.byteOffset,this._bodyArrayBuffer.byteOffset+this._bodyArrayBuffer.byteLength)):Promise.resolve(this._bodyArrayBuffer))}else{if(a.blob)return this.blob().then(x);throw new Error("could not read as ArrayBuffer")}},this.text=function(){var y=g(this);if(y)return y;if(this._bodyBlob)return C(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(L(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},a.formData&&(this.formData=function(){return this.text().then(Se)}),this.json=function(){return this.text().then(JSON.parse)},this}var k=["CONNECT","DELETE","GET","HEAD","OPTIONS","PATCH","POST","PUT","TRACE"];function B(y){var b=y.toUpperCase();return k.indexOf(b)>-1?b:y}function M(y,b){if(!(this instanceof M))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');b=b||{};var _=b.body;if(y instanceof M){if(y.bodyUsed)throw new TypeError("Already read");this.url=y.url,this.credentials=y.credentials,b.headers||(this.headers=new h(y.headers)),this.method=y.method,this.mode=y.mode,this.signal=y.signal,!_&&y._bodyInit!=null&&(_=y._bodyInit,y.bodyUsed=!0)}else this.url=String(y);if(this.credentials=b.credentials||this.credentials||"same-origin",(b.headers||!this.headers)&&(this.headers=new h(b.headers)),this.method=B(b.method||this.method||"GET"),this.mode=b.mode||this.mode||null,this.signal=b.signal||this.signal||function(){if("AbortController"in n){var U=new AbortController;return U.signal}}(),this.referrer=null,(this.method==="GET"||this.method==="HEAD")&&_)throw new TypeError("Body not allowed for GET or HEAD requests");if(this._initBody(_),(this.method==="GET"||this.method==="HEAD")&&(b.cache==="no-store"||b.cache==="no-cache")){var F=/([?&])_=[^&]*/;if(F.test(this.url))this.url=this.url.replace(F,"$1_="+new Date().getTime());else{var V=/\?/;this.url+=(V.test(this.url)?"&":"?")+"_="+new Date().getTime()}}}M.prototype.clone=function(){return new M(this,{body:this._bodyInit})};function Se(y){var b=new FormData;return y.trim().split("&").forEach(function(_){if(_){var F=_.split("="),V=F.shift().replace(/\+/g," "),U=F.join("=").replace(/\+/g," ");b.append(decodeURIComponent(V),decodeURIComponent(U))}}),b}function Ge(y){var b=new h,_=y.replace(/\r?\n[\t ]+/g," ");return _.split("\r").map(function(F){return F.indexOf(`
|
|
2
|
-
`)===0?F.substr(1,F.length):F}).forEach(function(F){var V=F.split(":"),U=V.shift().trim();if(U){var Wr=V.join(":").trim();try{b.append(U,Wr)}catch($o){console.warn("Response "+$o.message)}}}),b}T.call(M.prototype);function ge(y,b){if(!(this instanceof ge))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');if(b||(b={}),this.type="default",this.status=b.status===void 0?200:b.status,this.status<200||this.status>599)throw new RangeError("Failed to construct 'Response': The status provided (0) is outside the range [200, 599].");this.ok=this.status>=200&&this.status<300,this.statusText=b.statusText===void 0?"":""+b.statusText,this.headers=new h(b.headers),this.url=b.url||"",this._initBody(y)}T.call(ge.prototype),ge.prototype.clone=function(){return new ge(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new h(this.headers),url:this.url})},ge.error=function(){var y=new ge(null,{status:200,statusText:""});return y.ok=!1,y.status=0,y.type="error",y};var je=[301,302,303,307,308];ge.redirect=function(y,b){if(je.indexOf(b)===-1)throw new RangeError("Invalid status code");return new ge(null,{status:b,headers:{location:y}})},o.DOMException=n.DOMException;try{new o.DOMException}catch{o.DOMException=function(b,_){this.message=b,this.name=_;var F=Error(b);this.stack=F.stack},o.DOMException.prototype=Object.create(Error.prototype),o.DOMException.prototype.constructor=o.DOMException}function ce(y,b){return new Promise(function(_,F){var V=new M(y,b);if(V.signal&&V.signal.aborted)return F(new o.DOMException("Aborted","AbortError"));var U=new XMLHttpRequest;function Wr(){U.abort()}U.onload=function(){var le={statusText:U.statusText,headers:Ge(U.getAllResponseHeaders()||"")};V.url.indexOf("file://")===0&&(U.status<200||U.status>599)?le.status=200:le.status=U.status,le.url="responseURL"in U?U.responseURL:le.headers.get("X-Request-URL");var xt="response"in U?U.response:U.responseText;setTimeout(function(){_(new ge(xt,le))},0)},U.onerror=function(){setTimeout(function(){F(new TypeError("Network request failed"))},0)},U.ontimeout=function(){setTimeout(function(){F(new TypeError("Network request timed out"))},0)},U.onabort=function(){setTimeout(function(){F(new o.DOMException("Aborted","AbortError"))},0)};function $o(le){try{return le===""&&n.location.href?n.location.href:le}catch{return le}}if(U.open(V.method,$o(V.url),!0),V.credentials==="include"?U.withCredentials=!0:V.credentials==="omit"&&(U.withCredentials=!1),"responseType"in U&&(a.blob?U.responseType="blob":a.arrayBuffer&&(U.responseType="arraybuffer")),b&&typeof b.headers=="object"&&!(b.headers instanceof h||n.Headers&&b.headers instanceof n.Headers)){var Qn=[];Object.getOwnPropertyNames(b.headers).forEach(function(le){Qn.push(u(le)),U.setRequestHeader(le,p(b.headers[le]))}),V.headers.forEach(function(le,xt){Qn.indexOf(xt)===-1&&U.setRequestHeader(xt,le)})}else V.headers.forEach(function(le,xt){U.setRequestHeader(xt,le)});V.signal&&(V.signal.addEventListener("abort",Wr),U.onreadystatechange=function(){U.readyState===4&&V.signal.removeEventListener("abort",Wr)}),U.send(typeof V._bodyInit>"u"?null:V._bodyInit)})}return ce.polyfill=!0,n.fetch||(n.fetch=ce,n.Headers=h,n.Request=M,n.Response=ge),o.Headers=h,o.Request=M,o.Response=ge,o.fetch=ce,o}({})})(lo);lo.fetch.ponyfill=!0;delete lo.fetch.polyfill;var tr=co.fetch?co:lo;pt=tr.fetch;pt.default=tr.fetch;pt.fetch=tr.fetch;pt.Headers=tr.Headers;pt.Request=tr.Request;pt.Response=tr.Response;Ss.exports=pt});var q=S(re()),fl=S(P()),ur=S(H());var fn=S(P());var Ar=S(re()),ds=S(P());var oi=S(H()),D=S(P());var la=S(H()),
|
|
2
|
+
`)===0?F.substr(1,F.length):F}).forEach(function(F){var V=F.split(":"),U=V.shift().trim();if(U){var Wr=V.join(":").trim();try{b.append(U,Wr)}catch($o){console.warn("Response "+$o.message)}}}),b}T.call(M.prototype);function ge(y,b){if(!(this instanceof ge))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');if(b||(b={}),this.type="default",this.status=b.status===void 0?200:b.status,this.status<200||this.status>599)throw new RangeError("Failed to construct 'Response': The status provided (0) is outside the range [200, 599].");this.ok=this.status>=200&&this.status<300,this.statusText=b.statusText===void 0?"":""+b.statusText,this.headers=new h(b.headers),this.url=b.url||"",this._initBody(y)}T.call(ge.prototype),ge.prototype.clone=function(){return new ge(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new h(this.headers),url:this.url})},ge.error=function(){var y=new ge(null,{status:200,statusText:""});return y.ok=!1,y.status=0,y.type="error",y};var je=[301,302,303,307,308];ge.redirect=function(y,b){if(je.indexOf(b)===-1)throw new RangeError("Invalid status code");return new ge(null,{status:b,headers:{location:y}})},o.DOMException=n.DOMException;try{new o.DOMException}catch{o.DOMException=function(b,_){this.message=b,this.name=_;var F=Error(b);this.stack=F.stack},o.DOMException.prototype=Object.create(Error.prototype),o.DOMException.prototype.constructor=o.DOMException}function ce(y,b){return new Promise(function(_,F){var V=new M(y,b);if(V.signal&&V.signal.aborted)return F(new o.DOMException("Aborted","AbortError"));var U=new XMLHttpRequest;function Wr(){U.abort()}U.onload=function(){var le={statusText:U.statusText,headers:Ge(U.getAllResponseHeaders()||"")};V.url.indexOf("file://")===0&&(U.status<200||U.status>599)?le.status=200:le.status=U.status,le.url="responseURL"in U?U.responseURL:le.headers.get("X-Request-URL");var xt="response"in U?U.response:U.responseText;setTimeout(function(){_(new ge(xt,le))},0)},U.onerror=function(){setTimeout(function(){F(new TypeError("Network request failed"))},0)},U.ontimeout=function(){setTimeout(function(){F(new TypeError("Network request timed out"))},0)},U.onabort=function(){setTimeout(function(){F(new o.DOMException("Aborted","AbortError"))},0)};function $o(le){try{return le===""&&n.location.href?n.location.href:le}catch{return le}}if(U.open(V.method,$o(V.url),!0),V.credentials==="include"?U.withCredentials=!0:V.credentials==="omit"&&(U.withCredentials=!1),"responseType"in U&&(a.blob?U.responseType="blob":a.arrayBuffer&&(U.responseType="arraybuffer")),b&&typeof b.headers=="object"&&!(b.headers instanceof h||n.Headers&&b.headers instanceof n.Headers)){var Qn=[];Object.getOwnPropertyNames(b.headers).forEach(function(le){Qn.push(u(le)),U.setRequestHeader(le,p(b.headers[le]))}),V.headers.forEach(function(le,xt){Qn.indexOf(xt)===-1&&U.setRequestHeader(xt,le)})}else V.headers.forEach(function(le,xt){U.setRequestHeader(xt,le)});V.signal&&(V.signal.addEventListener("abort",Wr),U.onreadystatechange=function(){U.readyState===4&&V.signal.removeEventListener("abort",Wr)}),U.send(typeof V._bodyInit>"u"?null:V._bodyInit)})}return ce.polyfill=!0,n.fetch||(n.fetch=ce,n.Headers=h,n.Request=M,n.Response=ge),o.Headers=h,o.Request=M,o.Response=ge,o.fetch=ce,o}({})})(lo);lo.fetch.ponyfill=!0;delete lo.fetch.polyfill;var tr=co.fetch?co:lo;pt=tr.fetch;pt.default=tr.fetch;pt.fetch=tr.fetch;pt.Headers=tr.Headers;pt.Request=tr.Request;pt.Response=tr.Response;Ss.exports=pt});var q=S(re()),fl=S(P()),ur=S(H());var fn=S(P());var Ar=S(re()),ds=S(P());var oi=S(H()),D=S(P());var la=S(H()),J=S(P()),na=J.FtCssVariableFactory.extend("--ft-ripple-color","",J.designSystemVariables.colorContent),E={color:na,backgroundColor:J.FtCssVariableFactory.extend("--ft-ripple-background-color","",na),opacityContentOnSurfacePressed:J.FtCssVariableFactory.external(J.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:J.FtCssVariableFactory.external(J.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:J.FtCssVariableFactory.external(J.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:J.FtCssVariableFactory.external(J.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:J.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},aa=J.FtCssVariableFactory.extend("--ft-ripple-color","",J.designSystemVariables.colorPrimary),ia={color:aa,backgroundColor:J.FtCssVariableFactory.extend("--ft-ripple-background-color","",aa)},sa=J.FtCssVariableFactory.extend("--ft-ripple-color","",J.designSystemVariables.colorSecondary),ca={color:sa,backgroundColor:J.FtCssVariableFactory.extend("--ft-ripple-background-color","",sa)},da=la.css`
|
|
3
3
|
:host {
|
|
4
4
|
display: contents;
|
|
5
5
|
}
|
|
@@ -484,7 +484,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
484
484
|
</div>
|
|
485
485
|
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,n;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(o=this.target)===null||o===void 0||o.removeAttribute("data-is-ft-ripple-target")):(n=this.target)===null||n===void 0||n.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var t,o;let n=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");let o=(...l)=>u=>{l.forEach(p=>window.addEventListener(p,this.endPress,{once:!0})),this.startPress(u)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},c={passive:!0};t.addEventListener("mouseover",this.startHover,c),t.addEventListener("mousemove",this.moveRipple,c),t.addEventListener("mouseleave",this.endHover,c),t.addEventListener("mousedown",n,c),t.addEventListener("touchstart",a,c),t.addEventListener("touchmove",this.moveRipple,c),t.addEventListener("keydown",i,c),t.addEventListener("focus",this.startFocus,c),t.addEventListener("blur",this.endFocus,c),t.addEventListener("focusin",this.startFocus,c),t.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,c),t.removeEventListener("mousemove",this.moveRipple,c),t.removeEventListener("mouseleave",this.endHover,c),t.removeEventListener("mousedown",n,c),t.removeEventListener("touchstart",a,c),t.removeEventListener("touchmove",this.moveRipple,c),t.removeEventListener("keydown",i,c),t.removeEventListener("focus",this.startFocus,c),t.removeEventListener("blur",this.endFocus,c),t.removeEventListener("focusin",this.startFocus,c),t.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let o=t,n=t,a,i;return o.x!=null?{x:a,y:i}=o:n.touches!=null&&(a=n.touches[0].clientX,i=n.touches[0].clientY),{x:a,y:i}}isFocusVisible(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let o of t.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};Y.elementDefinitions={};Y.styles=da;Oe([(0,ue.property)({type:Boolean})],Y.prototype,"primary",void 0);Oe([(0,ue.property)({type:Boolean})],Y.prototype,"secondary",void 0);Oe([(0,ue.property)({type:Boolean})],Y.prototype,"unbounded",void 0);Oe([(0,ue.property)({type:Boolean})],Y.prototype,"activated",void 0);Oe([(0,ue.property)({type:Boolean})],Y.prototype,"selected",void 0);Oe([(0,ue.property)({type:Boolean})],Y.prototype,"disabled",void 0);Oe([(0,ue.state)()],Y.prototype,"hovered",void 0);Oe([(0,ue.state)()],Y.prototype,"focused",void 0);Oe([(0,ue.state)()],Y.prototype,"pressed",void 0);Oe([(0,ue.state)()],Y.prototype,"rippling",void 0);Oe([(0,ue.state)()],Y.prototype,"originX",void 0);Oe([(0,ue.state)()],Y.prototype,"originY",void 0);Oe([(0,ue.query)(".ft-ripple")],Y.prototype,"ripple",void 0);Oe([(0,ue.query)(".ft-ripple--effect")],Y.prototype,"rippleEffect",void 0);(0,ci.customElement)("ft-ripple")(Y);var ts=S(P());var es=S(H()),Re=S(re()),Ee=S(P());var wi=S(P());var Vo=globalThis,Gr=Vo.trustedTypes,li=Gr?Gr.createPolicy("lit-html",{createHTML:e=>e}):void 0,yi="$lit$",st=`lit$${Math.random().toFixed(9).slice(2)}$`,mi="?"+st,Ol=`<${mi}>`,Ot=document,jr=()=>Ot.createComment(""),mr=e=>e===null||typeof e!="object"&&typeof e!="function",Zo=Array.isArray,Cl=e=>Zo(e)||typeof e?.[Symbol.iterator]=="function",Ho=`[
|
|
486
486
|
\f\r]`,yr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,di=/-->/g,ui=/>/g,vt=RegExp(`>|${Ho}(?:([^\\s"'>=/]+)(${Ho}*=${Ho}*(?:[^
|
|
487
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),pi=/'/g,fi=/"/g,gi=/^(?:script|style|textarea|title)$/i,qo=e=>(t,...o)=>({_$litType$:e,strings:t,values:o}),bi=qo(1),xi=qo(2),vi=qo(3),gr=Symbol.for("lit-noChange"),
|
|
487
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),pi=/'/g,fi=/"/g,gi=/^(?:script|style|textarea|title)$/i,qo=e=>(t,...o)=>({_$litType$:e,strings:t,values:o}),bi=qo(1),xi=qo(2),vi=qo(3),gr=Symbol.for("lit-noChange"),Q=Symbol.for("lit-nothing"),hi=new WeakMap,St=Ot.createTreeWalker(Ot,129);function Si(e,t){if(!Zo(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return li!==void 0?li.createHTML(t):t}var El=(e,t)=>{let o=e.length-1,n=[],a,i=t===2?"<svg>":t===3?"<math>":"",c=yr;for(let l=0;l<o;l++){let u=e[l],p,m,h=-1,g=0;for(;g<u.length&&(c.lastIndex=g,m=c.exec(u),m!==null);)g=c.lastIndex,c===yr?m[1]==="!--"?c=di:m[1]!==void 0?c=ui:m[2]!==void 0?(gi.test(m[2])&&(a=RegExp("</"+m[2],"g")),c=vt):m[3]!==void 0&&(c=vt):c===vt?m[0]===">"?(c=a??yr,h=-1):m[1]===void 0?h=-2:(h=c.lastIndex-m[2].length,p=m[1],c=m[3]===void 0?vt:m[3]==='"'?fi:pi):c===fi||c===pi?c=vt:c===di||c===ui?c=yr:(c=vt,a=void 0);let v=c===vt&&e[l+1].startsWith("/>")?" ":"";i+=c===yr?u+Ol:h>=0?(n.push(p),u.slice(0,h)+yi+u.slice(h)+st+v):u+st+(h===-2?l:v)}return[Si(e,i+(e[o]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]},br=class e{constructor({strings:t,_$litType$:o},n){let a;this.parts=[];let i=0,c=0,l=t.length-1,u=this.parts,[p,m]=El(t,o);if(this.el=e.createElement(p,n),St.currentNode=this.el.content,o===2||o===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(a=St.nextNode())!==null&&u.length<l;){if(a.nodeType===1){if(a.hasAttributes())for(let h of a.getAttributeNames())if(h.endsWith(yi)){let g=m[c++],v=a.getAttribute(h).split(st),x=/([.?@])?(.*)/.exec(g);u.push({type:1,index:i,name:x[2],strings:v,ctor:x[1]==="."?zo:x[1]==="?"?Go:x[1]==="@"?jo:Vt}),a.removeAttribute(h)}else h.startsWith(st)&&(u.push({type:6,index:i}),a.removeAttribute(h));if(gi.test(a.tagName)){let h=a.textContent.split(st),g=h.length-1;if(g>0){a.textContent=Gr?Gr.emptyScript:"";for(let v=0;v<g;v++)a.append(h[v],jr()),St.nextNode(),u.push({type:2,index:++i});a.append(h[g],jr())}}}else if(a.nodeType===8)if(a.data===mi)u.push({type:2,index:i});else{let h=-1;for(;(h=a.data.indexOf(st,h+1))!==-1;)u.push({type:7,index:i}),h+=st.length-1}i++}}static createElement(t,o){let n=Ot.createElement("template");return n.innerHTML=t,n}};function Kt(e,t,o=e,n){if(t===gr)return t;let a=n!==void 0?o._$Co?.[n]:o._$Cl,i=mr(t)?void 0:t._$litDirective$;return a?.constructor!==i&&(a?._$AO?.(!1),i===void 0?a=void 0:(a=new i(e),a._$AT(e,o,n)),n!==void 0?(o._$Co??=[])[n]=a:o._$Cl=a),a!==void 0&&(t=Kt(e,a._$AS(e,t.values),a,n)),t}var Wo=class{constructor(t,o){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=o}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:o},parts:n}=this._$AD,a=(t?.creationScope??Ot).importNode(o,!0);St.currentNode=a;let i=St.nextNode(),c=0,l=0,u=n[0];for(;u!==void 0;){if(c===u.index){let p;u.type===2?p=new Kr(i,i.nextSibling,this,t):u.type===1?p=new u.ctor(i,u.name,u.strings,this,t):u.type===6&&(p=new Ko(i,this,t)),this._$AV.push(p),u=n[++l]}c!==u?.index&&(i=St.nextNode(),c++)}return St.currentNode=Ot,a}p(t){let o=0;for(let n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,o),o+=n.strings.length-2):n._$AI(t[o])),o++}},Kr=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,o,n,a){this.type=2,this._$AH=Q,this._$AN=void 0,this._$AA=t,this._$AB=o,this._$AM=n,this.options=a,this._$Cv=a?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,o=this._$AM;return o!==void 0&&t?.nodeType===11&&(t=o.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,o=this){t=Kt(this,t,o),mr(t)?t===Q||t==null||t===""?(this._$AH!==Q&&this._$AR(),this._$AH=Q):t!==this._$AH&&t!==gr&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Cl(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==Q&&mr(this._$AH)?this._$AA.nextSibling.data=t:this.T(Ot.createTextNode(t)),this._$AH=t}$(t){let{values:o,_$litType$:n}=t,a=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=br.createElement(Si(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===a)this._$AH.p(o);else{let i=new Wo(a,this),c=i.u(this.options);i.p(o),this.T(c),this._$AH=i}}_$AC(t){let o=hi.get(t.strings);return o===void 0&&hi.set(t.strings,o=new br(t)),o}k(t){Zo(this._$AH)||(this._$AH=[],this._$AR());let o=this._$AH,n,a=0;for(let i of t)a===o.length?o.push(n=new e(this.O(jr()),this.O(jr()),this,this.options)):n=o[a],n._$AI(i),a++;a<o.length&&(this._$AR(n&&n._$AB.nextSibling,a),o.length=a)}_$AR(t=this._$AA.nextSibling,o){for(this._$AP?.(!1,!0,o);t&&t!==this._$AB;){let n=t.nextSibling;t.remove(),t=n}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},Vt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,o,n,a,i){this.type=1,this._$AH=Q,this._$AN=void 0,this.element=t,this.name=o,this._$AM=a,this.options=i,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=Q}_$AI(t,o=this,n,a){let i=this.strings,c=!1;if(i===void 0)t=Kt(this,t,o,0),c=!mr(t)||t!==this._$AH&&t!==gr,c&&(this._$AH=t);else{let l=t,u,p;for(t=i[0],u=0;u<i.length-1;u++)p=Kt(this,l[n+u],o,u),p===gr&&(p=this._$AH[u]),c||=!mr(p)||p!==this._$AH[u],p===Q?t=Q:t!==Q&&(t+=(p??"")+i[u+1]),this._$AH[u]=p}c&&!a&&this.j(t)}j(t){t===Q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},zo=class extends Vt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Q?void 0:t}},Go=class extends Vt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Q)}},jo=class extends Vt{constructor(t,o,n,a,i){super(t,o,n,a,i),this.type=5}_$AI(t,o=this){if((t=Kt(this,t,o,0)??Q)===gr)return;let n=this._$AH,a=t===Q&&n!==Q||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,i=t!==Q&&(n===Q||a);a&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},Ko=class{constructor(t,o,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=o,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){Kt(this,t)}};var Al=Vo.litHtmlPolyfillSupport;Al?.(br,Kr),(Vo.litHtmlVersions??=[]).push("3.3.0");var Ci=Symbol.for(""),wl=e=>{if(e?.r===Ci)return e?._$litStatic$},Yo=e=>({_$litStatic$:e,r:Ci});var Oi=new Map,Xo=e=>(t,...o)=>{let n=o.length,a,i,c=[],l=[],u,p=0,m=!1;for(;p<n;){for(u=t[p];p<n&&(i=o[p],(a=wl(i))!==void 0);)u+=a+t[++p],m=!0;p!==n&&l.push(i),c.push(u),p++}if(p===n&&c.push(t[n]),m){let h=c.join("$$lit$$");(t=Oi.get(h))===void 0&&(c.raw=c,Oi.set(h,t=c)),o=l}return e(t,...o)},Jo=Xo(bi),ky=Xo(xi),Dy=Xo(vi);var Qo=S(re()),Ai=S(P());var ye;(function(e){e.title="title",e.title_dense="title-dense",e.subtitle1="subtitle1",e.subtitle2="subtitle2",e.body1="body1",e.body2="body2",e.caption="caption",e.breadcrumb="breadcrumb",e.overline="overline",e.button="button",e.display="display",e.title1="title-1",e.title2="title-2",e.title3="title-3",e.body1regular="body-1-regular",e.body1medium="body-1-medium",e.body1semibold="body-1-semibold",e.body2regular="body-2-regular",e.body2medium="body-2-medium",e.body2semibold="body-2-semibold",e.label1medium="label-1-medium",e.label1semibold="label-1-semibold",e.label1bold="label-1-bold",e.label2medium="label-2-medium",e.label2semibold="label-2-semibold",e.label2bold="label-2-bold",e.caption1medium="caption-1-medium",e.caption1semibold="caption-1-semibold",e.caption1bold="caption-1-bold",e.caption2medium="caption-2-medium",e.caption2semibold="caption-2-semibold",e.caption2bold="caption-2-bold"})(ye||(ye={}));var Ei=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,o,i):c(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},pe=class extends Ai.FtLitElement{constructor(){super(...arguments),this.variant=ye.body1}render(){return this.element?Jo`
|
|
488
488
|
<${Yo(this.element)}
|
|
489
489
|
part="text"
|
|
490
490
|
class="ft-typography ft-typography--${this.variant}">
|
|
@@ -546,7 +546,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
546
546
|
<div></div>
|
|
547
547
|
<div></div>
|
|
548
548
|
</div>
|
|
549
|
-
`}};At.styles=Ja;(0,ls.customElement)("ft-loader")(At);var dt=S(H()),pn=S(fr()),
|
|
549
|
+
`}};At.styles=Ja;(0,ls.customElement)("ft-loader")(At);var dt=S(H()),pn=S(fr()),ee=S(re());var Qr=e=>e??Q;var se=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,o,i):c(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},W=class extends(0,ut.toFtFormComponent)(ut.FtLitElement){get buttonClasses(){return{}}get typographyVariant(){return""}constructor(){super(),this.href=void 0,this.target=void 0,this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.ariaLabel=null,this.ariaHasPopup=null,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.activated=!1,this.addEventListener("click",t=>{var o;this.isDisabled()?(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()):this.type=="submit"&&((o=this.form)===null||o===void 0||o.requestSubmit())})}render(){var t,o,n;let a=dt.html`
|
|
550
550
|
<ft-ripple part="ripple"
|
|
551
551
|
?disabled=${this.isDisabled()}
|
|
552
552
|
?activated=${this.activated}
|
|
@@ -587,7 +587,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
587
587
|
<ft-icon part="icon" .variant=${this.iconVariant} .value=${this.icon}></ft-icon>
|
|
588
588
|
`:dt.html`
|
|
589
589
|
<slot part="icon" name="icon"></slot>
|
|
590
|
-
`}focus(){var t;(t=this.button)===null||t===void 0||t.focus()}showTooltip(){var t;(t=this.tooltip)===null||t===void 0||t.show()}showTemporaryTooltip(t,o){var n;return(n=this.tooltip)===null||n===void 0?void 0:n.showTemporaryText(t,o)}setTooltipManual(t){this.tooltip&&(this.tooltip.manual=t)}click(){var t;(t=this.button)===null||t===void 0||t.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,ut.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};W.elementDefinitions={"ft-ripple":Y,"ft-tooltip":oe,"ft-typography":pe,"ft-icon":fe,"ft-loader":At};se([(0,
|
|
590
|
+
`}focus(){var t;(t=this.button)===null||t===void 0||t.focus()}showTooltip(){var t;(t=this.tooltip)===null||t===void 0||t.show()}showTemporaryTooltip(t,o){var n;return(n=this.tooltip)===null||n===void 0?void 0:n.showTemporaryText(t,o)}setTooltipManual(t){this.tooltip&&(this.tooltip.manual=t)}click(){var t;(t=this.button)===null||t===void 0||t.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,ut.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};W.elementDefinitions={"ft-ripple":Y,"ft-tooltip":oe,"ft-typography":pe,"ft-icon":fe,"ft-loader":At};se([(0,ee.property)()],W.prototype,"href",void 0);se([(0,ee.property)()],W.prototype,"target",void 0);se([(0,ee.property)()],W.prototype,"type",void 0);se([(0,ee.property)({type:Boolean})],W.prototype,"disabled",void 0);se([(0,ee.property)()],W.prototype,"label",void 0);se([(0,ee.property)()],W.prototype,"icon",void 0);se([(0,ee.property)()],W.prototype,"iconVariant",void 0);se([(0,ee.property)({type:Boolean})],W.prototype,"trailingIcon",void 0);se([(0,ee.property)({type:Boolean})],W.prototype,"loading",void 0);se([(0,ee.property)({attribute:"aria-label"})],W.prototype,"ariaLabel",void 0);se([(0,ee.property)()],W.prototype,"ariaHasPopup",void 0);se([(0,ee.property)()],W.prototype,"tooltipPosition",void 0);se([(0,ee.property)({type:Boolean})],W.prototype,"hideTooltip",void 0);se([(0,ee.property)({type:Boolean})],W.prototype,"forceTooltip",void 0);se([(0,ee.property)({type:Boolean})],W.prototype,"activated",void 0);se([(0,ee.query)(".ft-button")],W.prototype,"button",void 0);se([(0,ee.query)(".ft-button--label slot")],W.prototype,"slottedContent",void 0);se([(0,ee.query)("[part=tooltip]")],W.prototype,"tooltip",void 0);var eo=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,o,i):c(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},Ue=class extends W{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"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}}get typographyVariant(){return"button"}};Ue.styles=[ds.safariEllipsisFix,ni];eo([(0,Ar.property)({type:Boolean})],Ue.prototype,"primary",void 0);eo([(0,Ar.property)({type:Boolean})],Ue.prototype,"outlined",void 0);eo([(0,Ar.property)({type:Boolean})],Ue.prototype,"dense",void 0);eo([(0,Ar.property)({type:Boolean})],Ue.prototype,"round",void 0);var wr=S(re());var ro=S(P());var us=S(H()),O=S(P());var Vl={...f,iconOnlyScale:O.FtCssVariableFactory.create("--ft-button-icon-only-scale","","NUMBER","1")},ps=[us.css`
|
|
591
591
|
:host {
|
|
592
592
|
display: inline-block;
|
|
593
593
|
max-width: 100%;
|
|
@@ -1209,7 +1209,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
1209
1209
|
${this.confirmText}
|
|
1210
1210
|
</ftds-button>
|
|
1211
1211
|
</ftds-modal>
|
|
1212
|
-
`}async askConfirmation(){this.modal.open();let t=await new Promise(o=>{this.promiseResolve=o});return this.modal.close(),t}onConfirm(){var t;(t=this.promiseResolve)===null||t===void 0||t.call(this,!0),this.promiseResolve=void 0}onCancel(){var t;(t=this.promiseResolve)===null||t===void 0||t.call(this,!1),this.promiseResolve=void 0}};Ae.elementDefinitions={"ftds-modal":We,"ft-typography":pe,"ftds-button":ve};_t([(0,at.property)({type:String})],Ae.prototype,"heading",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"text",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"confirmText",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"cancelText",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"confirmIcon",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"cancelIcon",void 0);_t([(0,at.query)("ftds-modal")],Ae.prototype,"modal",void 0);var $r=S(H()),Pt=S(re()),ul=S(P()),pl=S(fr());var sl=S(H()),$=S(P()),
|
|
1212
|
+
`}async askConfirmation(){this.modal.open();let t=await new Promise(o=>{this.promiseResolve=o});return this.modal.close(),t}onConfirm(){var t;(t=this.promiseResolve)===null||t===void 0||t.call(this,!0),this.promiseResolve=void 0}onCancel(){var t;(t=this.promiseResolve)===null||t===void 0||t.call(this,!1),this.promiseResolve=void 0}};Ae.elementDefinitions={"ftds-modal":We,"ft-typography":pe,"ftds-button":ve};_t([(0,at.property)({type:String})],Ae.prototype,"heading",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"text",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"confirmText",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"cancelText",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"confirmIcon",void 0);_t([(0,at.property)({type:String})],Ae.prototype,"cancelIcon",void 0);_t([(0,at.query)("ftds-modal")],Ae.prototype,"modal",void 0);var $r=S(H()),Pt=S(re()),ul=S(P()),pl=S(fr());var sl=S(H()),$=S(P()),X={shadow:$.FtCssVariableFactory.extend("--ft-modal-shadow","",$.designSystemVariables.elevation03),borderRadius:$.FtCssVariableFactory.extend("--ft-modal-border-radius","",$.designSystemVariables.borderRadiusM),height:$.FtCssVariableFactory.create("--ft-modal-height","","SIZE","fit-content"),width:$.FtCssVariableFactory.create("--ft-modal-width","","SIZE","800px"),headerPadding:$.FtCssVariableFactory.create("--ft-modal-header-padding","","SIZE","8px 16px"),headerGap:$.FtCssVariableFactory.create("--ft-modal-header-gap","","SIZE","8px"),headerBorderColor:$.FtCssVariableFactory.extend("--ft-modal-header-border-color","",$.designSystemVariables.colorOutline),headerBorderWidth:$.FtCssVariableFactory.create("--ft-modal-header-border-width","","SIZE","1px"),headerBackgroundColor:$.FtCssVariableFactory.extend("--ft-modal-header-background-color","",$.designSystemVariables.colorSurface),headerColor:$.FtCssVariableFactory.extend("--ft-modal-header-color","",$.designSystemVariables.colorOnSurfaceHigh),headerIconColor:$.FtCssVariableFactory.extend("--ft-modal-header-icon-color","",$.designSystemVariables.colorOnSurfaceHigh),contentPadding:$.FtCssVariableFactory.create("--ft-modal-content-padding","","SIZE","16px"),contentGap:$.FtCssVariableFactory.create("--ft-modal-content-gap","","SIZE","16px"),contentBackgroundColor:$.FtCssVariableFactory.extend("--ft-modal-content-background-color","",$.designSystemVariables.colorSurface),contentColor:$.FtCssVariableFactory.extend("--ft-modal-content-color","",$.designSystemVariables.colorOnSurfaceMedium),actionsGap:$.FtCssVariableFactory.create("--ft-modal-action-gap","","SIZE","8px"),overlayBackgroundColor:$.FtCssVariableFactory.create("--ft-modal-overlay-background-color","","COLOR","rgb(10, 10, 13)"),overlayOpacity:$.FtCssVariableFactory.create("--ft-modal-overlay-opacity","","NUMBER","0.4"),closingButtonColor:$.FtCssVariableFactory.extend("--ft-modal-closing-button-color","",$.designSystemVariables.colorOnSurfaceMedium)},cl=sl.css`
|
|
1213
1213
|
[part=container] {
|
|
1214
1214
|
display: contents;
|
|
1215
1215
|
}
|
|
@@ -1226,17 +1226,15 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
1226
1226
|
[part=overlay] {
|
|
1227
1227
|
position: absolute;
|
|
1228
1228
|
inset: 0;
|
|
1229
|
-
background-color: ${
|
|
1230
|
-
opacity: ${
|
|
1229
|
+
background-color: ${X.overlayBackgroundColor};
|
|
1230
|
+
opacity: ${X.overlayOpacity};
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
1233
|
[part=inner-container] {
|
|
1234
1234
|
position: fixed;
|
|
1235
1235
|
inset: 0;
|
|
1236
|
-
background-color: ${ee.contentBackgroundColor};
|
|
1237
1236
|
display: flex;
|
|
1238
1237
|
flex-direction: column;
|
|
1239
|
-
overflow: hidden;
|
|
1240
1238
|
max-height: 100%;
|
|
1241
1239
|
max-width: 100%;
|
|
1242
1240
|
|
|
@@ -1244,11 +1242,9 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
1244
1242
|
top: 50%;
|
|
1245
1243
|
bottom: unset;
|
|
1246
1244
|
transform: translate(0, -50%);
|
|
1247
|
-
box-shadow: ${
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
height: ${ee.height};
|
|
1251
|
-
width: ${ee.width};
|
|
1245
|
+
box-shadow: ${X.shadow};
|
|
1246
|
+
height: ${X.height};
|
|
1247
|
+
width: ${X.width};
|
|
1252
1248
|
margin: auto;
|
|
1253
1249
|
max-height: calc(100% - 24px);
|
|
1254
1250
|
max-width: calc(100% - 24px);
|
|
@@ -1257,15 +1253,16 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
1257
1253
|
|
|
1258
1254
|
|
|
1259
1255
|
[part=header] {
|
|
1260
|
-
padding: ${
|
|
1256
|
+
padding: ${X.headerPadding};
|
|
1261
1257
|
display: flex;
|
|
1262
1258
|
align-items: center;
|
|
1263
|
-
gap: ${
|
|
1264
|
-
border-color: ${
|
|
1265
|
-
border-bottom-width: ${
|
|
1259
|
+
gap: ${X.headerGap};
|
|
1260
|
+
border-color: ${X.headerBorderColor};
|
|
1261
|
+
border-bottom-width: ${X.headerBorderWidth};
|
|
1266
1262
|
border-bottom-style: solid;
|
|
1267
|
-
color: ${
|
|
1268
|
-
background-color: ${
|
|
1263
|
+
color: ${X.headerColor};
|
|
1264
|
+
background-color: ${X.headerBackgroundColor};
|
|
1265
|
+
border-radius: ${X.borderRadius} ${X.borderRadius} 0px 0px;
|
|
1269
1266
|
}
|
|
1270
1267
|
|
|
1271
1268
|
[part=heading] {
|
|
@@ -1273,7 +1270,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
1273
1270
|
}
|
|
1274
1271
|
|
|
1275
1272
|
[part=icon] {
|
|
1276
|
-
color: ${
|
|
1273
|
+
color: ${X.headerIconColor};
|
|
1277
1274
|
}
|
|
1278
1275
|
|
|
1279
1276
|
[part=closing-button] {
|
|
@@ -1283,13 +1280,13 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
1283
1280
|
[part=body] {
|
|
1284
1281
|
flex-shrink: 1;
|
|
1285
1282
|
flex-grow: 1;
|
|
1286
|
-
|
|
1287
|
-
padding: ${ee.contentPadding};
|
|
1283
|
+
padding: ${X.contentPadding};
|
|
1288
1284
|
display: flex;
|
|
1289
1285
|
flex-direction: column;
|
|
1290
|
-
gap: ${
|
|
1291
|
-
color: ${
|
|
1292
|
-
background-color: ${
|
|
1286
|
+
gap: ${X.contentGap};
|
|
1287
|
+
color: ${X.contentColor};
|
|
1288
|
+
background-color: ${X.contentBackgroundColor};
|
|
1289
|
+
border-radius: 0px 0px ${X.borderRadius} ${X.borderRadius};
|
|
1293
1290
|
}
|
|
1294
1291
|
|
|
1295
1292
|
[part=content] {
|
|
@@ -1299,11 +1296,11 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
1299
1296
|
[part=actions] {
|
|
1300
1297
|
align-self: flex-end;
|
|
1301
1298
|
display: flex;
|
|
1302
|
-
gap: ${
|
|
1299
|
+
gap: ${X.actionsGap};
|
|
1303
1300
|
}
|
|
1304
1301
|
|
|
1305
1302
|
[part=closing-button] {
|
|
1306
|
-
color: ${
|
|
1303
|
+
color: ${X.closingButtonColor};
|
|
1307
1304
|
}
|
|
1308
1305
|
`;function Yn(e,t,o){return e?t(e):o?.(e)}var ll=dr.build("ftModal"),dl={closeModal:"Close modal"};var Fr=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,o,i):c(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},Xn=class extends Event{constructor(){super("close")}},Jn=class extends Event{constructor(){super("open")}},ze=class extends lr(ul.FtdsBase){constructor(){super(),this.buttonLabel="",this.heading="",this.size=de.small,this.intersectionObserver=new IntersectionObserver(()=>{this.dialog&&!this.dialog.checkVisibility()&&this.close()}),this.addI18nContext(ll,dl)}render(){return $r.html`
|
|
1309
1306
|
<div class="${(0,pl.classMap)({"ft-modal":!0})}" part="container">
|