@fluid-topics/ft-dialog 1.1.102 → 1.1.104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-dialog.light.js +64 -64
- package/build/ft-dialog.min.js +43 -43
- package/package.json +6 -6
package/build/ft-dialog.light.js
CHANGED
|
@@ -105,7 +105,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
105
105
|
.ft-typography {
|
|
106
106
|
vertical-align: inherit;
|
|
107
107
|
}
|
|
108
|
-
`,pr=[Object.keys(be).map(e=>qo(e))];var dr=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},
|
|
108
|
+
`,pr=[Object.keys(be).map(e=>qo(e))];var dr=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},Q=class extends fr.FtLitElement{constructor(){super(...arguments),this.variant=Ct.body1}render(){return this.element?Ue`
|
|
109
109
|
<${ke(this.element)}
|
|
110
110
|
part="text"
|
|
111
111
|
class="ft-typography ft-typography--${this.variant}">
|
|
@@ -113,7 +113,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
113
113
|
</${ke(this.element)}>
|
|
114
114
|
`:Ue`
|
|
115
115
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
116
|
-
`}};
|
|
116
|
+
`}};Q.styles=[Qo,tr,er,or,rr,nr,ar,ir,lr,cr,sr,...pr];dr([(0,De.property)()],Q.prototype,"element",void 0);dr([(0,De.property)()],Q.prototype,"variant",void 0);(0,gr.customElement)("ft-typography")(Q);var Or=h(w());var re=h(k()),Lt=h(pt()),br=h(w()),xr=h(mr());var Se;(function(e){e.ADD_TO_PBK="",e.ALERT="",e.ADD_ALERT="",e.BACK_TO_SEARCH="",e.ADD_BOOKMARK="",e.BOOKMARK="",e.BOOKS="",e.MENU="",e.DOWNLOAD="",e.EDIT="",e.FEEDBACK="",e.HOME="",e.MODIFY_PBK="",e.SCHEDULED="",e.SEARCH="",e.EXPORT="",e.TOC="",e.WRITE_UGC="",e.TRASH="",e.USER="",e.EXTLINK="",e.CALENDAR="",e.OFFLINE="",e.BOOK="",e.DOWNLOAD_PLAIN="",e.CHECK="",e.STAR_PLAIN="",e.TOPICS="",e.DISC="",e.CIRCLE="",e.SHARED="",e.SORT_UNSORTED="",e.SORT_UP="",e.SORT_DOWN="",e.WORKING="",e.CLOSE="",e.ZOOM_OUT="",e.ZOOM_IN="",e.ZOOM_REALSIZE="",e.ZOOM_FULLSCREEN="",e.ADMIN_RESTRICTED="",e.ADMIN="",e.ADMIN_KHUB="",e.ADMIN_THEME="",e.ADMIN_USERS="",e.WARNING="",e.CONTEXT="",e.SEARCH_HOME="",e.STEPS="",e.ICON_EXPAND="",e.ICON_COLLAPSE="",e.INFO="",e.MINUS_PLAIN="",e.PLUS_PLAIN="",e.FACET_HAS_DESCENDANT="",e.TRIANGLE_BOTTOM="",e.TRIANGLE_LEFT="",e.TRIANGLE_RIGHT="",e.TRIANGLE_TOP="",e.THIN_ARROW="",e.SIGN_IN="",e.LOGOUT="",e.TRANSLATE="",e.CLOSE_PLAIN="",e.CHECK_PLAIN="",e.ARTICLE="",e.COLUMNS="",e.ANALYTICS="",e.COLLECTIONS="",e.ARROW_DOWN="",e.ARROW_LEFT="",e.ARROW_RIGHT="",e.ARROW_UP="",e.SEARCH_IN_PUBLICATION="",e.COPY_TO_CLIPBOARD="",e.SHARED_PBK="",e.ATTACHMENTS="",e.STRIPE_ARROW_LEFT="",e.STRIPE_ARROW_RIGHT="",e.FILTERS="",e.DOT="",e.MINUS="",e.PLUS="",e.MAILS_AND_NOTIFICATIONS="",e.SAVE="",e.LOCKER="",e.ADMIN_INTEGRATION="",e.SYNC="",e.TAG="",e.BOOK_PLAIN="",e.UPLOAD="",e.ONLINE="",e.TAG_PLAIN="",e.ACCOUNT_SETTINGS="",e.PRINT="",e.DEFAULT_ROLES="",e.SHORTCUT_MENU="",e.RELATIVES_PLAIN="",e.RELATIVES="",e.PAUSE="",e.PLAY="",e.ADMIN_PORTAL="",e.STAR="",e.THUMBS_DOWN="",e.THUMBS_DOWN_PLAIN="",e.THUMBS_UP="",e.THUMBS_UP_PLAIN="",e.FEEDBACK_PLAIN="",e.RATE_PLAIN="",e.RATE="",e.OFFLINE_SETTINGS="",e.MY_COLLECTIONS="",e.THIN_ARROW_LEFT="",e.THIN_ARROW_RIGHT="",e.RESET="",e.MY_LIBRARY="",e.UNSTRUCTURED_DOC="",e.CONTEXTUAL="",e.THIN_ARROW_UP="",e.ARROW_RIGHT_TO_LINE="",e.DESKTOP="",e.TABLET_LANDSCAPE="",e.TABLET_PORTRAIT="",e.MOBILE_LANDSCAPE="",e.MOBILE_PORTRAIT="",e.DIAGRAM_SUNBURST="",e.DIAGRAM_SANKEY="",e.COMMENT_QUESTION="",e.COMMENT_QUESTION_PLAIN="",e.MESSAGE_BOT="",e.CHART_SIMPLE="",e.BARS_PROGRESS="",e.BOOK_OPEN_GEAR="",e.BOOK_OPEN_GEAR_SLASH="",e.LINE_CHART="",e.STACKED_CHART="",e.CHART_BAR_STACKED="",e.CHART_BAR_GROUPED="",e.EYE_SLASH="",e.X_MARK="",e.EXPAND_WIDE="",e.PIP="",e.PIP_WIDE="",e.LIFE_RING="",e.GLOBE="",e.PIGGY_BANK="",e.EXTLINK_LIGHT="",e.CLONE="",e.CLONE_LINK_SIMPLE="",e.CHART_BAR_NORMALIZED="",e.CONSUMER="",e.OCTAGON_XMARK="",e.HOURGLASS_HALF="",e.CLOCK="",e.CLOCK_THREE="",e.CALENDAR_DAY="",e.COMPUTER_MOUSE_MAGNIFYING_GLASS="",e.WAND_MAGIC_SPARKLES="",e.PAPER_PLANE="",e.CIRCLE_STOP="",e.ARROW_ROTATE_RIGHT="",e.ARROWS_ROTATE="",e.ALIGN_RIGHT="",e.FORMAT_CLEAR="",e.ALIGN_CENTER="",e.ALIGN_LEFT="",e.PALETTE="",e.BOLD="",e.ITALIC="",e.UNDERLINE="",e.STRIKETHROUGH="",e.LINK_SIMPLE_SLASH="",e.LINK_SIMPLE="",e.ROUTE="",e.CIRCLE_USER_SLASH="",e.CIRCLE_USER_CHECK="",e.LIST_MAGNIFYING_GLASS="",e.MEDAL="",e.THUMBS_UP_THUMBS_DOWN_SOLID="",e.ARROW_TURN_DOWN_RIGHT="",e.FLASK="",e.EYE="",e.SHARE="󨃱"})(Se||(Se={}));var g;(function(e){e.UNKNOWN="",e.ABW="",e.AUDIO="",e.AVI="",e.CHM="",e.CODE="",e.CSV="",e.DITA="",e.EPUB="",e.EXCEL="",e.FLAC="",e.GIF="",e.GZIP="",e.HTML="",e.IMAGE="",e.JPEG="",e.JSON="",e.M4A="",e.MOV="",e.MP3="",e.MP4="",e.OGG="",e.PDF="",e.PNG="",e.POWERPOINT="",e.RAR="",e.STP="",e.TEXT="",e.VIDEO="",e.WAV="",e.WMA="",e.WORD="",e.XML="",e.YAML="",e.ZIP=""})(g||(g={}));var Qc=new Map([...["abw"].map(e=>[e,g.ABW]),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map(e=>[e,g.AUDIO]),...["avi"].map(e=>[e,g.AVI]),...["chm","xhs"].map(e=>[e,g.CHM]),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map(e=>[e,g.CODE]),...["csv"].map(e=>[e,g.CSV]),...["dita","ditamap","ditaval"].map(e=>[e,g.DITA]),...["epub"].map(e=>[e,g.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(e=>[e,g.EXCEL]),...["flac"].map(e=>[e,g.FLAC]),...["gif"].map(e=>[e,g.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(e=>[e,g.GZIP]),...["html","htm","xhtml"].map(e=>[e,g.HTML]),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map(e=>[e,g.IMAGE]),...["jpeg","jpg","jpe"].map(e=>[e,g.JPEG]),...["json"].map(e=>[e,g.JSON]),...["m4a","m4p"].map(e=>[e,g.M4A]),...["mov","qt"].map(e=>[e,g.MOV]),...["mp3"].map(e=>[e,g.MP3]),...["mp4","m4v"].map(e=>[e,g.MP4]),...["ogg","oga"].map(e=>[e,g.OGG]),...["pdf","ps"].map(e=>[e,g.PDF]),...["png"].map(e=>[e,g.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(e=>[e,g.POWERPOINT]),...["rar"].map(e=>[e,g.RAR]),...["stp"].map(e=>[e,g.STP]),...["txt","rtf","md","mdown"].map(e=>[e,g.TEXT]),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map(e=>[e,g.VIDEO]),...["wav"].map(e=>[e,g.WAV]),...["wma"].map(e=>[e,g.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(e=>[e,g.WORD]),...["xml","xsl","rdf"].map(e=>[e,g.XML]),...["yaml","yml","x-yaml"].map(e=>[e,g.YAML]),...["zip"].map(e=>[e,g.ZIP])]);var ts={[g.ABW]:"#91ABC6",[g.AUDIO]:"#1795E3",[g.AVI]:"#E63324",[g.CHM]:"#71C3EB",[g.CODE]:"#71C3EB",[g.CSV]:"#1F7345",[g.DITA]:"#71C3EB",[g.EPUB]:"#85B926",[g.EXCEL]:"#1F7345",[g.FLAC]:"#1795E3",[g.GIF]:"#59B031",[g.GZIP]:"#F8AB36",[g.HTML]:"#71C3EB",[g.IMAGE]:"#59B031",[g.JPEG]:"#59B031",[g.JSON]:"#71C3EB",[g.M4A]:"#1795E3",[g.MOV]:"#E63324",[g.MP3]:"#1795E3",[g.MP4]:"#E63324",[g.OGG]:"#1795E3",[g.PDF]:"#E44948",[g.PNG]:"#59B031",[g.POWERPOINT]:"#B54A2B",[g.RAR]:"#F8AB36",[g.STP]:"#3764B1",[g.TEXT]:"#3162AB",[g.UNKNOWN]:"#999999",[g.VIDEO]:"#E63324",[g.WAV]:"#1795E3",[g.WMA]:"#1795E3",[g.WORD]:"#3162AB",[g.XML]:"#71C3EB",[g.YAML]:"#71C3EB",[g.ZIP]:"#F8AB36"};var yr=h(k()),gt=h(w()),M={size:gt.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:gt.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",gt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:gt.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",gt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:gt.FtCssVariableFactory.extend("--ft-icon-material-font-family","",gt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:gt.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},hr=yr.css`
|
|
117
117
|
:host, i.ft-icon {
|
|
118
118
|
display: inline-flex;
|
|
119
119
|
align-items: center;
|
|
@@ -122,14 +122,14 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
:host {
|
|
125
|
-
width: ${
|
|
126
|
-
height: ${
|
|
125
|
+
width: ${M.size};
|
|
126
|
+
height: ${M.size};
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
i.ft-icon {
|
|
130
130
|
width: 100%;
|
|
131
131
|
height: 100%;
|
|
132
|
-
font-size: ${
|
|
132
|
+
font-size: ${M.size};
|
|
133
133
|
line-height: 1;
|
|
134
134
|
font-weight: normal;
|
|
135
135
|
text-transform: none;
|
|
@@ -140,33 +140,33 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
140
140
|
text-rendering: auto;
|
|
141
141
|
-webkit-font-smoothing: antialiased;
|
|
142
142
|
-moz-osx-font-smoothing: grayscale;
|
|
143
|
-
vertical-align: ${
|
|
143
|
+
vertical-align: ${M.verticalAlign};
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
i.ft-icon.ft-icon--fluid-topics {
|
|
147
|
-
font-family: ${
|
|
147
|
+
font-family: ${M.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
148
148
|
|
|
149
149
|
/* Ugly fix because font is broken */
|
|
150
|
-
font-size: calc(0.75 * ${
|
|
151
|
-
line-height: ${
|
|
150
|
+
font-size: calc(0.75 * ${M.size});
|
|
151
|
+
line-height: ${M.size};
|
|
152
152
|
position: relative;
|
|
153
153
|
top: -4%;
|
|
154
154
|
justify-content: center;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
.ft-icon--file-format {
|
|
158
|
-
font-family: ${
|
|
158
|
+
font-family: ${M.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
.ft-icon--material {
|
|
162
|
-
font-family: ${
|
|
162
|
+
font-family: ${M.materialFontFamily}, "Material Icons", sans-serif;
|
|
163
163
|
}
|
|
164
164
|
`;var lt;(function(e){e.fluid_topics="fluid-topics",e.file_format="file-format",e.material="material"})(lt||(lt={}));var Ce=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},j=class extends br.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=re.nothing}render(){let o=this.variant&&Object.values(lt).includes(this.variant)?this.variant:lt.fluid_topics,n=o!==lt.material||!!this.value;return re.html`
|
|
165
165
|
<i class="ft-icon ft-icon--${o}" part="icon icon-${o}">
|
|
166
166
|
${(0,xr.unsafeHTML)(this.resolvedIcon)}
|
|
167
167
|
<slot ?hidden=${n}></slot>
|
|
168
168
|
</i>
|
|
169
|
-
`}get textContent(){var o,n;return(n=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(a=>a.textContent).join("").trim())!==null&&n!==void 0?n:""}update(o){super.update(o),["value","variant"].some(n=>o.has(n))&&this.resolveIcon()}resolveIcon(){var o,n;let a=this.value||this.textContent;switch(this.variant){case lt.file_format:this.resolvedIcon=(o=g[a.replace("-","_").toUpperCase()])!==null&&o!==void 0?o:a;break;case lt.material:this.resolvedIcon=this.value||re.nothing;break;default:this.resolvedIcon=(n=Se[a.replace("-","_").toUpperCase()])!==null&&n!==void 0?n:a;break}}firstUpdated(o){super.firstUpdated(o),setTimeout(()=>this.resolveIcon())}};j.elementDefinitions={};j.styles=hr;Ce([(0,Lt.property)()],j.prototype,"variant",void 0);Ce([(0,Lt.property)()],j.prototype,"value",void 0);Ce([(0,Lt.state)()],j.prototype,"resolvedIcon",void 0);Ce([(0,Lt.query)("slot")],j.prototype,"slottedContent",void 0);(0,Or.customElement)("ft-icon")(j);var to=h(w());var fe=h(pt()),yn=h(w());var Ir=h(k()),O=h(w());var wr=h(k()),
|
|
169
|
+
`}get textContent(){var o,n;return(n=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(a=>a.textContent).join("").trim())!==null&&n!==void 0?n:""}update(o){super.update(o),["value","variant"].some(n=>o.has(n))&&this.resolveIcon()}resolveIcon(){var o,n;let a=this.value||this.textContent;switch(this.variant){case lt.file_format:this.resolvedIcon=(o=g[a.replace("-","_").toUpperCase()])!==null&&o!==void 0?o:a;break;case lt.material:this.resolvedIcon=this.value||re.nothing;break;default:this.resolvedIcon=(n=Se[a.replace("-","_").toUpperCase()])!==null&&n!==void 0?n:a;break}}firstUpdated(o){super.firstUpdated(o),setTimeout(()=>this.resolveIcon())}};j.elementDefinitions={};j.styles=hr;Ce([(0,Lt.property)()],j.prototype,"variant",void 0);Ce([(0,Lt.property)()],j.prototype,"value",void 0);Ce([(0,Lt.state)()],j.prototype,"resolvedIcon",void 0);Ce([(0,Lt.query)("slot")],j.prototype,"slottedContent",void 0);(0,Or.customElement)("ft-icon")(j);var to=h(w());var fe=h(pt()),yn=h(w());var Ir=h(k()),O=h(w());var wr=h(k()),P=h(w()),Sr=P.FtCssVariableFactory.extend("--ft-ripple-color","",P.designSystemVariables.colorContent),N={color:Sr,backgroundColor:P.FtCssVariableFactory.extend("--ft-ripple-background-color","",Sr),opacityContentOnSurfacePressed:P.FtCssVariableFactory.external(P.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:P.FtCssVariableFactory.external(P.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:P.FtCssVariableFactory.external(P.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:P.FtCssVariableFactory.external(P.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:P.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},Cr=P.FtCssVariableFactory.extend("--ft-ripple-color","",P.designSystemVariables.colorPrimary),vr={color:Cr,backgroundColor:P.FtCssVariableFactory.extend("--ft-ripple-background-color","",Cr)},Nr=P.FtCssVariableFactory.extend("--ft-ripple-color","",P.designSystemVariables.colorSecondary),Er={color:Nr,backgroundColor:P.FtCssVariableFactory.extend("--ft-ripple-background-color","",Nr)},Rr=wr.css`
|
|
170
170
|
:host {
|
|
171
171
|
display: contents;
|
|
172
172
|
}
|
|
@@ -278,7 +278,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
278
278
|
opacity: ${N.opacityContentOnSurfacePressed};
|
|
279
279
|
transform: translate(-50%, -50%) scale(1);
|
|
280
280
|
}
|
|
281
|
-
`;var Ar=h(k()),ne=h(w()),
|
|
281
|
+
`;var Ar=h(k()),ne=h(w()),F={color:ne.FtCssVariableFactory.extend("--ft-loader-color","",ne.designSystemVariables.colorPrimary),size:ne.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},Lr=Ar.css`
|
|
282
282
|
:host {
|
|
283
283
|
line-height: 0;
|
|
284
284
|
}
|
|
@@ -287,8 +287,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
287
287
|
display: inline-block;
|
|
288
288
|
position: relative;
|
|
289
289
|
|
|
290
|
-
width: ${
|
|
291
|
-
height: ${
|
|
290
|
+
width: ${F.size};
|
|
291
|
+
height: ${F.size};
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
.ft-loader div {
|
|
@@ -297,7 +297,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
297
297
|
width: 25%;
|
|
298
298
|
height: 25%;
|
|
299
299
|
border-radius: 50%;
|
|
300
|
-
background: ${
|
|
300
|
+
background: ${F.color};
|
|
301
301
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
302
302
|
}
|
|
303
303
|
|
|
@@ -344,10 +344,10 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
344
344
|
transform: translate(0, 0);
|
|
345
345
|
}
|
|
346
346
|
100% {
|
|
347
|
-
transform: translate(calc(0.35 * ${
|
|
347
|
+
transform: translate(calc(0.35 * ${F.size}), 0);
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
|
-
`;var $r=O.FtCssVariableFactory.extend("--ft-button-color","",O.designSystemVariables.colorPrimary),
|
|
350
|
+
`;var $r=O.FtCssVariableFactory.extend("--ft-button-color","",O.designSystemVariables.colorPrimary),B={backgroundColor:O.FtCssVariableFactory.extend("--ft-button-background-color","",O.designSystemVariables.colorSurface),borderRadius:O.FtCssVariableFactory.extend("--ft-button-border-radius","",O.designSystemVariables.borderRadiusL),color:$r,fontSize:O.FtCssVariableFactory.extend("--ft-button-font-size","",it.fontSize),iconSize:O.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:O.FtCssVariableFactory.extend("--ft-button-ripple-color","",$r),verticalPadding:O.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:O.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:O.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:O.FtCssVariableFactory.external(O.designSystemVariables.colorOpacityDisabled,"Design system")},Wr=O.FtCssVariableFactory.extend("--ft-button-primary-color","",O.FtCssVariableFactory.extend("--ft-button-color","",O.designSystemVariables.colorOnPrimary)),Ge={backgroundColor:O.FtCssVariableFactory.extend("--ft-button-primary-background-color","",O.FtCssVariableFactory.extend("--ft-button-background-color","",O.designSystemVariables.colorPrimary)),color:Wr,rippleColor:O.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",Wr)},ct={borderRadius:O.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",O.FtCssVariableFactory.extend("--ft-button-border-radius","",O.designSystemVariables.borderRadiusM)),verticalPadding:O.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:O.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:O.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},Pr=[Ir.css`
|
|
351
351
|
:host {
|
|
352
352
|
display: inline-block;
|
|
353
353
|
max-width: 100%;
|
|
@@ -358,7 +358,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
358
358
|
box-shadow: 0px 0px 0px transparent;
|
|
359
359
|
border: 0px solid transparent;
|
|
360
360
|
text-shadow: 0px 0px 0px transparent;
|
|
361
|
-
font-size: ${
|
|
361
|
+
font-size: ${B.fontSize};
|
|
362
362
|
}
|
|
363
363
|
|
|
364
364
|
button:hover {
|
|
@@ -387,21 +387,21 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
387
387
|
border: none;
|
|
388
388
|
pointer-events: auto;
|
|
389
389
|
|
|
390
|
-
--ft-button-internal-line-height: max(calc(${
|
|
391
|
-
--ft-button-internal-color: ${
|
|
392
|
-
${(0,O.setVariable)(
|
|
393
|
-
${(0,O.setVariable)(N.color,
|
|
390
|
+
--ft-button-internal-line-height: max(calc(${B.fontSize} + 2px), ${B.iconSize});
|
|
391
|
+
--ft-button-internal-color: ${B.color};
|
|
392
|
+
${(0,O.setVariable)(M.size,B.iconSize)};
|
|
393
|
+
${(0,O.setVariable)(N.color,B.rippleColor)};
|
|
394
394
|
|
|
395
|
-
border-radius: ${
|
|
396
|
-
padding: ${
|
|
397
|
-
background-color: ${
|
|
395
|
+
border-radius: ${B.borderRadius};
|
|
396
|
+
padding: ${B.verticalPadding} ${B.horizontalPadding};
|
|
397
|
+
background-color: ${B.backgroundColor};
|
|
398
398
|
color: var(--ft-button-internal-color);
|
|
399
399
|
-webkit-mask-image: radial-gradient(white, black);
|
|
400
400
|
}
|
|
401
401
|
|
|
402
402
|
.ft-button.ft-button--outlined {
|
|
403
403
|
border: 1px solid var(--ft-button-internal-color);
|
|
404
|
-
padding: calc(${
|
|
404
|
+
padding: calc(${B.verticalPadding} - 1px) calc(${B.horizontalPadding} - 1px);
|
|
405
405
|
}
|
|
406
406
|
|
|
407
407
|
.ft-button.ft-button--dense {
|
|
@@ -419,7 +419,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
419
419
|
}
|
|
420
420
|
|
|
421
421
|
.ft-button--round {
|
|
422
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
422
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${B.verticalPadding});
|
|
423
423
|
}
|
|
424
424
|
|
|
425
425
|
.ft-button--round.ft-button--dense {
|
|
@@ -428,7 +428,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
428
428
|
|
|
429
429
|
.ft-button[disabled] {
|
|
430
430
|
filter: grayscale(1);
|
|
431
|
-
opacity: ${
|
|
431
|
+
opacity: ${B.opacityDisabled};
|
|
432
432
|
}
|
|
433
433
|
|
|
434
434
|
.ft-button.ft-button--primary {
|
|
@@ -447,7 +447,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
447
447
|
white-space: nowrap;
|
|
448
448
|
text-overflow: ellipsis;
|
|
449
449
|
display: block;
|
|
450
|
-
margin: 0 ${
|
|
450
|
+
margin: 0 ${B.iconPadding};
|
|
451
451
|
${(0,O.setVariable)(it.fontSize,"1em")};
|
|
452
452
|
${(0,O.setVariable)(it.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
453
453
|
}
|
|
@@ -466,8 +466,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
466
466
|
}
|
|
467
467
|
|
|
468
468
|
.ft-button--label[hidden] + [part="icon"] {
|
|
469
|
-
margin: 0 calc(${
|
|
470
|
-
padding: 0 ${
|
|
469
|
+
margin: 0 calc(${B.horizontalPadding} * -1);
|
|
470
|
+
padding: 0 ${B.verticalPadding};
|
|
471
471
|
}
|
|
472
472
|
|
|
473
473
|
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
@@ -480,8 +480,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
480
480
|
}
|
|
481
481
|
|
|
482
482
|
ft-loader {
|
|
483
|
-
${(0,O.setVariable)(
|
|
484
|
-
${(0,O.setVariable)(
|
|
483
|
+
${(0,O.setVariable)(F.size,B.iconSize)};
|
|
484
|
+
${(0,O.setVariable)(F.color,"var(--ft-button-internal-color)")};
|
|
485
485
|
}
|
|
486
486
|
`,O.noTextSelect];var Xt=h(w());var _r=h(w());var Tr=h(k()),U=h(pt()),zr=h(Ze()),ae=h(w());var Y=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},R=class extends ae.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.originX=0,this.originY=0,this.debouncer=new ae.Debouncer(1e3),this.onTransitionStart=o=>{o.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=o=>{o.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new ae.Debouncer(10),this.moveRipple=o=>{var n,a;let{x:i,y:s}=this.getCoordinates(o),c=(a=(n=this.ripple)===null||n===void 0?void 0:n.getBoundingClientRect())!==null&&a!==void 0?a:{x:0,y:0,width:0,height:0};this.originX=Math.round(i!=null?i-c.x:c.width/2),this.originY=Math.round(s!=null?s-c.y:c.height/2)},this.startPress=o=>{this.moveRipple(o),this.pressed=!this.isIgnored(o)},this.endPress=()=>{this.pressed=!1},this.startHover=o=>{this.hovered=!this.isIgnored(o)},this.endHover=()=>{this.hovered=!1},this.startFocus=o=>{this.focused=this.isFocusVisible(o?.target)&&!this.isIgnored(o)},this.endFocus=()=>{this.focused=!1}}render(){let o={"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 Tr.html`
|
|
487
487
|
<style>
|
|
@@ -523,7 +523,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
523
523
|
position: relative;
|
|
524
524
|
word-break: break-word;
|
|
525
525
|
}
|
|
526
|
-
`;var Dr=["top","right","bottom","left"],Ur=["start","end"],Me=Dr.reduce((e,o)=>e.concat(o,o+"-"+Ur[0],o+"-"+Ur[1]),[]),ie=Math.min,Nt=Math.max,le=Math.round;var mt=e=>({x:e,y:e}),_n={left:"right",right:"left",bottom:"top",top:"bottom"},Hn={start:"end",end:"start"};function Fe(e,o,n){return Nt(e,ie(o,n))}function ve(e,o){return typeof e=="function"?e(o):e}function Ft(e){return e.split("-")[0]}function Et(e){return e.split("-")[1]}function Ve(e){return e==="x"?"y":"x"}function je(e){return e==="y"?"height":"width"}function Ne(e){return["top","bottom"].includes(Ft(e))?"y":"x"}function Ye(e){return Ve(Ne(e))}function Gr(e,o,n){n===void 0&&(n=!1);let a=Et(e),i=Ye(e),s=je(i),c=i==="x"?a===(n?"end":"start")?"right":"left":a==="start"?"bottom":"top";return o.reference[s]>o.floating[s]&&(c=Ke(c)),[c,Ke(c)]}function Zr(e){return e.replace(/start|end/g,o=>Hn[o])}function Ke(e){return e.replace(/left|right|bottom|top/g,o=>_n[o])}function kn(e){return{top:0,right:0,bottom:0,left:0,...e}}function Kr(e){return typeof e!="number"?kn(e):{top:e,right:e,bottom:e,left:e}}function $t(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function Mr(e,o,n){let{reference:a,floating:i}=e,s=Ne(o),c=Ye(o),p=je(c),d=Ft(o),m=s==="y",x=a.x+a.width/2-i.width/2,y=a.y+a.height/2-i.height/2,v=a[p]/2-i[p]/2,S;switch(d){case"top":S={x,y:a.y-i.height};break;case"bottom":S={x,y:a.y+a.height};break;case"right":S={x:a.x+a.width,y};break;case"left":S={x:a.x-i.width,y};break;default:S={x:a.x,y:a.y}}switch(Et(o)){case"start":S[c]-=v*(n&&m?-1:1);break;case"end":S[c]+=v*(n&&m?-1:1);break}return S}var Fr=async(e,o,n)=>{let{placement:a="bottom",strategy:i="absolute",middleware:s=[],platform:c}=n,p=s.filter(Boolean),d=await(c.isRTL==null?void 0:c.isRTL(o)),m=await c.getElementRects({reference:e,floating:o,strategy:i}),{x,y}=Mr(m,a,d),v=a,S={},E=0;for(let $=0;$<p.length;$++){let{name:T,fn:W}=p[$],{x:z,y:Z,data:Ot,reset:D}=await W({x,y,initialPlacement:a,placement:v,strategy:i,middlewareData:S,rects:m,platform:c,elements:{reference:e,floating:o}});if(x=z??x,y=Z??y,S={...S,[T]:{...S[T],...Ot}},D&&E<=50){E++,typeof D=="object"&&(D.placement&&(v=D.placement),D.rects&&(m=D.rects===!0?await c.getElementRects({reference:e,floating:o,strategy:i}):D.rects),{x,y}=Mr(m,v,d)),$=-1;continue}}return{x,y,placement:v,strategy:i,middlewareData:S}};async function Xe(e,o){var n;o===void 0&&(o={});let{x:a,y:i,platform:s,rects:c,elements:p,strategy:d}=e,{boundary:m="clippingAncestors",rootBoundary:x="viewport",elementContext:y="floating",altBoundary:v=!1,padding:S=0}=ve(o,e),E=Kr(S),T=p[v?y==="floating"?"reference":"floating":y],W=$t(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(T)))==null||n?T:T.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(p.floating)),boundary:m,rootBoundary:x,strategy:d})),z=y==="floating"?{...c.floating,x:a,y:i}:c.reference,Z=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p.floating)),Ot=await(s.isElement==null?void 0:s.isElement(Z))?await(s.getScale==null?void 0:s.getScale(Z))||{x:1,y:1}:{x:1,y:1},D=$t(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:z,offsetParent:Z,strategy:d}):z);return{top:(W.top-D.top+E.top)/Ot.y,bottom:(D.bottom-W.bottom+E.bottom)/Ot.y,left:(W.left-D.left+E.left)/Ot.x,right:(D.right-W.right+E.right)/Ot.x}}function Un(e,o,n){return(e?[...n.filter(i=>Et(i)===e),...n.filter(i=>Et(i)!==e)]:n.filter(i=>Ft(i)===i)).filter(i=>e?Et(i)===e||(o?Zr(i)!==i:!1):!0)}var qe=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var n,a,i;let{rects:s,middlewareData:c,placement:p,platform:d,elements:m}=o,{crossAxis:x=!1,alignment:y,allowedPlacements:v=Me,autoAlignment:S=!0,...E}=ve(e,o),$=y!==void 0||v===Me?Un(y||null,S,v):v,T=await Xe(o,E),W=((n=c.autoPlacement)==null?void 0:n.index)||0,z=$[W];if(z==null)return{};let Z=Gr(z,s,await(d.isRTL==null?void 0:d.isRTL(m.floating)));if(p!==z)return{reset:{placement:$[0]}};let Ot=[T[Ft(z)],T[Z[0]],T[Z[1]]],D=[...((a=c.autoPlacement)==null?void 0:a.overflows)||[],{placement:z,overflows:Ot}],eo=$[W+1];if(eo)return{data:{index:W+1,overflows:D},reset:{placement:eo}};let oo=D.map(at=>{let qt=Et(at.placement);return[at.placement,qt&&x?at.overflows.slice(0,2).reduce((vn,Nn)=>vn+Nn,0):at.overflows[0],at.overflows]}).sort((at,qt)=>at[1]-qt[1]),ro=((i=oo.filter(at=>at[2].slice(0,Et(at[0])?2:3).every(qt=>qt<=0))[0])==null?void 0:i[0])||oo[0][0];return ro!==p?{data:{index:W+1,overflows:D},reset:{placement:ro}}:{}}}};var Je=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:n,y:a,placement:i}=o,{mainAxis:s=!0,crossAxis:c=!1,limiter:p={fn:T=>{let{x:W,y:z}=T;return{x:W,y:z}}},...d}=ve(e,o),m={x:n,y:a},x=await Xe(o,d),y=Ne(Ft(i)),v=Ve(y),S=m[v],E=m[y];if(s){let T=v==="y"?"top":"left",W=v==="y"?"bottom":"right",z=S+x[T],Z=S-x[W];S=Fe(z,S,Z)}if(c){let T=y==="y"?"top":"left",W=y==="y"?"bottom":"right",z=E+x[T],Z=E-x[W];E=Fe(z,E,Z)}let $=p.fn({...o,[v]:S,[y]:E});return{...$,data:{x:$.x-n,y:$.y-a}}}}};function yt(e){return jr(e)?(e.nodeName||"").toLowerCase():"#document"}function X(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function ht(e){var o;return(o=(jr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function jr(e){return e instanceof Node||e instanceof X(e).Node}function st(e){return e instanceof Element||e instanceof X(e).Element}function ot(e){return e instanceof HTMLElement||e instanceof X(e).HTMLElement}function Vr(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof X(e).ShadowRoot}function Vt(e){let{overflow:o,overflowX:n,overflowY:a,display:i}=Q(e);return/auto|scroll|overlay|hidden|clip/.test(o+a+n)&&!["inline","contents"].includes(i)}function Yr(e){return["table","td","th"].includes(yt(e))}function we(e){let o=Re(),n=Q(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!o&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!o&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(a=>(n.willChange||"").includes(a))||["paint","layout","strict","content"].some(a=>(n.contain||"").includes(a))}function Xr(e){let o=Wt(e);for(;ot(o)&&!ce(o);){if(we(o))return o;o=Wt(o)}return null}function Re(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ce(e){return["html","body","#document"].includes(yt(e))}function Q(e){return X(e).getComputedStyle(e)}function se(e){return st(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Wt(e){if(yt(e)==="html")return e;let o=e.assignedSlot||e.parentNode||Vr(e)&&e.host||ht(e);return Vr(o)?o.host:o}function qr(e){let o=Wt(e);return ce(o)?e.ownerDocument?e.ownerDocument.body:e.body:ot(o)&&Vt(o)?o:qr(o)}function Ee(e,o,n){var a;o===void 0&&(o=[]),n===void 0&&(n=!0);let i=qr(e),s=i===((a=e.ownerDocument)==null?void 0:a.body),c=X(i);return s?o.concat(c,c.visualViewport||[],Vt(i)?i:[],c.frameElement&&n?Ee(c.frameElement):[]):o.concat(i,Ee(i,[],n))}function tn(e){let o=Q(e),n=parseFloat(o.width)||0,a=parseFloat(o.height)||0,i=ot(e),s=i?e.offsetWidth:n,c=i?e.offsetHeight:a,p=le(n)!==s||le(a)!==c;return p&&(n=s,a=c),{width:n,height:a,$:p}}function en(e){return st(e)?e:e.contextElement}function jt(e){let o=en(e);if(!ot(o))return mt(1);let n=o.getBoundingClientRect(),{width:a,height:i,$:s}=tn(o),c=(s?le(n.width):n.width)/a,p=(s?le(n.height):n.height)/i;return(!c||!Number.isFinite(c))&&(c=1),(!p||!Number.isFinite(p))&&(p=1),{x:c,y:p}}var Dn=mt(0);function on(e){let o=X(e);return!Re()||!o.visualViewport?Dn:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Gn(e,o,n){return o===void 0&&(o=!1),!n||o&&n!==X(e)?!1:o}function pe(e,o,n,a){o===void 0&&(o=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),s=en(e),c=mt(1);o&&(a?st(a)&&(c=jt(a)):c=jt(e));let p=Gn(s,n,a)?on(s):mt(0),d=(i.left+p.x)/c.x,m=(i.top+p.y)/c.y,x=i.width/c.x,y=i.height/c.y;if(s){let v=X(s),S=a&&st(a)?X(a):a,E=v.frameElement;for(;E&&a&&S!==v;){let $=jt(E),T=E.getBoundingClientRect(),W=Q(E),z=T.left+(E.clientLeft+parseFloat(W.paddingLeft))*$.x,Z=T.top+(E.clientTop+parseFloat(W.paddingTop))*$.y;d*=$.x,m*=$.y,x*=$.x,y*=$.y,d+=z,m+=Z,E=X(E).frameElement}}return $t({width:x,height:y,x:d,y:m})}function Zn(e){let{rect:o,offsetParent:n,strategy:a}=e,i=ot(n),s=ht(n);if(n===s)return o;let c={scrollLeft:0,scrollTop:0},p=mt(1),d=mt(0);if((i||!i&&a!=="fixed")&&((yt(n)!=="body"||Vt(s))&&(c=se(n)),ot(n))){let m=pe(n);p=jt(n),d.x=m.x+n.clientLeft,d.y=m.y+n.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-c.scrollLeft*p.x+d.x,y:o.y*p.y-c.scrollTop*p.y+d.y}}function Kn(e){return Array.from(e.getClientRects())}function rn(e){return pe(ht(e)).left+se(e).scrollLeft}function Mn(e){let o=ht(e),n=se(e),a=e.ownerDocument.body,i=Nt(o.scrollWidth,o.clientWidth,a.scrollWidth,a.clientWidth),s=Nt(o.scrollHeight,o.clientHeight,a.scrollHeight,a.clientHeight),c=-n.scrollLeft+rn(e),p=-n.scrollTop;return Q(a).direction==="rtl"&&(c+=Nt(o.clientWidth,a.clientWidth)-i),{width:i,height:s,x:c,y:p}}function Fn(e,o){let n=X(e),a=ht(e),i=n.visualViewport,s=a.clientWidth,c=a.clientHeight,p=0,d=0;if(i){s=i.width,c=i.height;let m=Re();(!m||m&&o==="fixed")&&(p=i.offsetLeft,d=i.offsetTop)}return{width:s,height:c,x:p,y:d}}function Vn(e,o){let n=pe(e,!0,o==="fixed"),a=n.top+e.clientTop,i=n.left+e.clientLeft,s=ot(e)?jt(e):mt(1),c=e.clientWidth*s.x,p=e.clientHeight*s.y,d=i*s.x,m=a*s.y;return{width:c,height:p,x:d,y:m}}function Jr(e,o,n){let a;if(o==="viewport")a=Fn(e,n);else if(o==="document")a=Mn(ht(e));else if(st(o))a=Vn(o,n);else{let i=on(e);a={...o,x:o.x-i.x,y:o.y-i.y}}return $t(a)}function nn(e,o){let n=Wt(e);return n===o||!st(n)||ce(n)?!1:Q(n).position==="fixed"||nn(n,o)}function jn(e,o){let n=o.get(e);if(n)return n;let a=Ee(e,[],!1).filter(p=>st(p)&&yt(p)!=="body"),i=null,s=Q(e).position==="fixed",c=s?Wt(e):e;for(;st(c)&&!ce(c);){let p=Q(c),d=we(c);!d&&p.position==="fixed"&&(i=null),(s?!d&&!i:!d&&p.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Vt(c)&&!d&&nn(e,c))?a=a.filter(x=>x!==c):i=p,c=Wt(c)}return o.set(e,a),a}function Yn(e){let{element:o,boundary:n,rootBoundary:a,strategy:i}=e,c=[...n==="clippingAncestors"?jn(o,this._c):[].concat(n),a],p=c[0],d=c.reduce((m,x)=>{let y=Jr(o,x,i);return m.top=Nt(y.top,m.top),m.right=ie(y.right,m.right),m.bottom=ie(y.bottom,m.bottom),m.left=Nt(y.left,m.left),m},Jr(o,p,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function Xn(e){return tn(e)}function qn(e,o,n){let a=ot(o),i=ht(o),s=n==="fixed",c=pe(e,!0,s,o),p={scrollLeft:0,scrollTop:0},d=mt(0);if(a||!a&&!s)if((yt(o)!=="body"||Vt(i))&&(p=se(o)),a){let m=pe(o,!0,s,o);d.x=m.x+o.clientLeft,d.y=m.y+o.clientTop}else i&&(d.x=rn(i));return{x:c.left+p.scrollLeft-d.x,y:c.top+p.scrollTop-d.y,width:c.width,height:c.height}}function Qr(e,o){return!ot(e)||Q(e).position==="fixed"?null:o?o(e):e.offsetParent}function an(e,o){let n=X(e);if(!ot(e))return n;let a=Qr(e,o);for(;a&&Yr(a)&&Q(a).position==="static";)a=Qr(a,o);return a&&(yt(a)==="html"||yt(a)==="body"&&Q(a).position==="static"&&!we(a))?n:a||Xr(e)||n}var Jn=async function(e){let{reference:o,floating:n,strategy:a}=e,i=this.getOffsetParent||an,s=this.getDimensions;return{reference:qn(o,await i(n),a),floating:{x:0,y:0,...await s(n)}}};function Qn(e){return Q(e).direction==="rtl"}var Ae={convertOffsetParentRelativeRectToViewportRelativeRect:Zn,getDocumentElement:ht,getClippingRect:Yn,getOffsetParent:an,getElementRects:Jn,getClientRects:Kn,getDimensions:Xn,getScale:jt,isElement:st,isRTL:Qn};var ln=(e,o,n)=>{let a=new Map,i={platform:Ae,...n},s={...i.platform,_c:a};return Fr(e,o,{...i,platform:s})};function cn(e){return ta(e)}function Qe(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function ta(e){for(let o=e;o;o=Qe(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=Qe(e);o;o=Qe(o)){if(!(o instanceof Element))continue;let n=getComputedStyle(o);if(n.display!=="contents"&&(n.position!=="static"||n.filter!=="none"||o.tagName==="BODY"))return o}return null}async function sn(e,o,n){return ln(e,o,{platform:{...Ae,getOffsetParent:a=>Ae.getOffsetParent(a,cn)},middleware:[Je({crossAxis:!0}),qe({allowedPlacements:[n]})]})}var q=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},A=class extends de.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new de.Debouncer,this.revealDebouncer=new de.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return pn.html`
|
|
526
|
+
`;var Dr=["top","right","bottom","left"],Ur=["start","end"],Me=Dr.reduce((e,o)=>e.concat(o,o+"-"+Ur[0],o+"-"+Ur[1]),[]),ie=Math.min,Nt=Math.max,le=Math.round;var mt=e=>({x:e,y:e}),_n={left:"right",right:"left",bottom:"top",top:"bottom"},Hn={start:"end",end:"start"};function Fe(e,o,n){return Nt(e,ie(o,n))}function ve(e,o){return typeof e=="function"?e(o):e}function Ft(e){return e.split("-")[0]}function Et(e){return e.split("-")[1]}function Ve(e){return e==="x"?"y":"x"}function je(e){return e==="y"?"height":"width"}function Ne(e){return["top","bottom"].includes(Ft(e))?"y":"x"}function Ye(e){return Ve(Ne(e))}function Gr(e,o,n){n===void 0&&(n=!1);let a=Et(e),i=Ye(e),s=je(i),c=i==="x"?a===(n?"end":"start")?"right":"left":a==="start"?"bottom":"top";return o.reference[s]>o.floating[s]&&(c=Ke(c)),[c,Ke(c)]}function Zr(e){return e.replace(/start|end/g,o=>Hn[o])}function Ke(e){return e.replace(/left|right|bottom|top/g,o=>_n[o])}function kn(e){return{top:0,right:0,bottom:0,left:0,...e}}function Kr(e){return typeof e!="number"?kn(e):{top:e,right:e,bottom:e,left:e}}function $t(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function Mr(e,o,n){let{reference:a,floating:i}=e,s=Ne(o),c=Ye(o),p=je(c),d=Ft(o),m=s==="y",x=a.x+a.width/2-i.width/2,y=a.y+a.height/2-i.height/2,v=a[p]/2-i[p]/2,S;switch(d){case"top":S={x,y:a.y-i.height};break;case"bottom":S={x,y:a.y+a.height};break;case"right":S={x:a.x+a.width,y};break;case"left":S={x:a.x-i.width,y};break;default:S={x:a.x,y:a.y}}switch(Et(o)){case"start":S[c]-=v*(n&&m?-1:1);break;case"end":S[c]+=v*(n&&m?-1:1);break}return S}var Fr=async(e,o,n)=>{let{placement:a="bottom",strategy:i="absolute",middleware:s=[],platform:c}=n,p=s.filter(Boolean),d=await(c.isRTL==null?void 0:c.isRTL(o)),m=await c.getElementRects({reference:e,floating:o,strategy:i}),{x,y}=Mr(m,a,d),v=a,S={},E=0;for(let W=0;W<p.length;W++){let{name:T,fn:I}=p[W],{x:z,y:K,data:Ot,reset:D}=await I({x,y,initialPlacement:a,placement:v,strategy:i,middlewareData:S,rects:m,platform:c,elements:{reference:e,floating:o}});if(x=z??x,y=K??y,S={...S,[T]:{...S[T],...Ot}},D&&E<=50){E++,typeof D=="object"&&(D.placement&&(v=D.placement),D.rects&&(m=D.rects===!0?await c.getElementRects({reference:e,floating:o,strategy:i}):D.rects),{x,y}=Mr(m,v,d)),W=-1;continue}}return{x,y,placement:v,strategy:i,middlewareData:S}};async function Xe(e,o){var n;o===void 0&&(o={});let{x:a,y:i,platform:s,rects:c,elements:p,strategy:d}=e,{boundary:m="clippingAncestors",rootBoundary:x="viewport",elementContext:y="floating",altBoundary:v=!1,padding:S=0}=ve(o,e),E=Kr(S),T=p[v?y==="floating"?"reference":"floating":y],I=$t(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(T)))==null||n?T:T.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(p.floating)),boundary:m,rootBoundary:x,strategy:d})),z=y==="floating"?{...c.floating,x:a,y:i}:c.reference,K=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p.floating)),Ot=await(s.isElement==null?void 0:s.isElement(K))?await(s.getScale==null?void 0:s.getScale(K))||{x:1,y:1}:{x:1,y:1},D=$t(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:z,offsetParent:K,strategy:d}):z);return{top:(I.top-D.top+E.top)/Ot.y,bottom:(D.bottom-I.bottom+E.bottom)/Ot.y,left:(I.left-D.left+E.left)/Ot.x,right:(D.right-I.right+E.right)/Ot.x}}function Un(e,o,n){return(e?[...n.filter(i=>Et(i)===e),...n.filter(i=>Et(i)!==e)]:n.filter(i=>Ft(i)===i)).filter(i=>e?Et(i)===e||(o?Zr(i)!==i:!1):!0)}var qe=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var n,a,i;let{rects:s,middlewareData:c,placement:p,platform:d,elements:m}=o,{crossAxis:x=!1,alignment:y,allowedPlacements:v=Me,autoAlignment:S=!0,...E}=ve(e,o),W=y!==void 0||v===Me?Un(y||null,S,v):v,T=await Xe(o,E),I=((n=c.autoPlacement)==null?void 0:n.index)||0,z=W[I];if(z==null)return{};let K=Gr(z,s,await(d.isRTL==null?void 0:d.isRTL(m.floating)));if(p!==z)return{reset:{placement:W[0]}};let Ot=[T[Ft(z)],T[K[0]],T[K[1]]],D=[...((a=c.autoPlacement)==null?void 0:a.overflows)||[],{placement:z,overflows:Ot}],eo=W[I+1];if(eo)return{data:{index:I+1,overflows:D},reset:{placement:eo}};let oo=D.map(at=>{let qt=Et(at.placement);return[at.placement,qt&&x?at.overflows.slice(0,2).reduce((vn,Nn)=>vn+Nn,0):at.overflows[0],at.overflows]}).sort((at,qt)=>at[1]-qt[1]),ro=((i=oo.filter(at=>at[2].slice(0,Et(at[0])?2:3).every(qt=>qt<=0))[0])==null?void 0:i[0])||oo[0][0];return ro!==p?{data:{index:I+1,overflows:D},reset:{placement:ro}}:{}}}};var Je=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:n,y:a,placement:i}=o,{mainAxis:s=!0,crossAxis:c=!1,limiter:p={fn:T=>{let{x:I,y:z}=T;return{x:I,y:z}}},...d}=ve(e,o),m={x:n,y:a},x=await Xe(o,d),y=Ne(Ft(i)),v=Ve(y),S=m[v],E=m[y];if(s){let T=v==="y"?"top":"left",I=v==="y"?"bottom":"right",z=S+x[T],K=S-x[I];S=Fe(z,S,K)}if(c){let T=y==="y"?"top":"left",I=y==="y"?"bottom":"right",z=E+x[T],K=E-x[I];E=Fe(z,E,K)}let W=p.fn({...o,[v]:S,[y]:E});return{...W,data:{x:W.x-n,y:W.y-a}}}}};function yt(e){return jr(e)?(e.nodeName||"").toLowerCase():"#document"}function X(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function ht(e){var o;return(o=(jr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function jr(e){return e instanceof Node||e instanceof X(e).Node}function st(e){return e instanceof Element||e instanceof X(e).Element}function ot(e){return e instanceof HTMLElement||e instanceof X(e).HTMLElement}function Vr(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof X(e).ShadowRoot}function Vt(e){let{overflow:o,overflowX:n,overflowY:a,display:i}=tt(e);return/auto|scroll|overlay|hidden|clip/.test(o+a+n)&&!["inline","contents"].includes(i)}function Yr(e){return["table","td","th"].includes(yt(e))}function we(e){let o=Re(),n=tt(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!o&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!o&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(a=>(n.willChange||"").includes(a))||["paint","layout","strict","content"].some(a=>(n.contain||"").includes(a))}function Xr(e){let o=Wt(e);for(;ot(o)&&!ce(o);){if(we(o))return o;o=Wt(o)}return null}function Re(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ce(e){return["html","body","#document"].includes(yt(e))}function tt(e){return X(e).getComputedStyle(e)}function se(e){return st(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Wt(e){if(yt(e)==="html")return e;let o=e.assignedSlot||e.parentNode||Vr(e)&&e.host||ht(e);return Vr(o)?o.host:o}function qr(e){let o=Wt(e);return ce(o)?e.ownerDocument?e.ownerDocument.body:e.body:ot(o)&&Vt(o)?o:qr(o)}function Ee(e,o,n){var a;o===void 0&&(o=[]),n===void 0&&(n=!0);let i=qr(e),s=i===((a=e.ownerDocument)==null?void 0:a.body),c=X(i);return s?o.concat(c,c.visualViewport||[],Vt(i)?i:[],c.frameElement&&n?Ee(c.frameElement):[]):o.concat(i,Ee(i,[],n))}function tn(e){let o=tt(e),n=parseFloat(o.width)||0,a=parseFloat(o.height)||0,i=ot(e),s=i?e.offsetWidth:n,c=i?e.offsetHeight:a,p=le(n)!==s||le(a)!==c;return p&&(n=s,a=c),{width:n,height:a,$:p}}function en(e){return st(e)?e:e.contextElement}function jt(e){let o=en(e);if(!ot(o))return mt(1);let n=o.getBoundingClientRect(),{width:a,height:i,$:s}=tn(o),c=(s?le(n.width):n.width)/a,p=(s?le(n.height):n.height)/i;return(!c||!Number.isFinite(c))&&(c=1),(!p||!Number.isFinite(p))&&(p=1),{x:c,y:p}}var Dn=mt(0);function on(e){let o=X(e);return!Re()||!o.visualViewport?Dn:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Gn(e,o,n){return o===void 0&&(o=!1),!n||o&&n!==X(e)?!1:o}function pe(e,o,n,a){o===void 0&&(o=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),s=en(e),c=mt(1);o&&(a?st(a)&&(c=jt(a)):c=jt(e));let p=Gn(s,n,a)?on(s):mt(0),d=(i.left+p.x)/c.x,m=(i.top+p.y)/c.y,x=i.width/c.x,y=i.height/c.y;if(s){let v=X(s),S=a&&st(a)?X(a):a,E=v.frameElement;for(;E&&a&&S!==v;){let W=jt(E),T=E.getBoundingClientRect(),I=tt(E),z=T.left+(E.clientLeft+parseFloat(I.paddingLeft))*W.x,K=T.top+(E.clientTop+parseFloat(I.paddingTop))*W.y;d*=W.x,m*=W.y,x*=W.x,y*=W.y,d+=z,m+=K,E=X(E).frameElement}}return $t({width:x,height:y,x:d,y:m})}function Zn(e){let{rect:o,offsetParent:n,strategy:a}=e,i=ot(n),s=ht(n);if(n===s)return o;let c={scrollLeft:0,scrollTop:0},p=mt(1),d=mt(0);if((i||!i&&a!=="fixed")&&((yt(n)!=="body"||Vt(s))&&(c=se(n)),ot(n))){let m=pe(n);p=jt(n),d.x=m.x+n.clientLeft,d.y=m.y+n.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-c.scrollLeft*p.x+d.x,y:o.y*p.y-c.scrollTop*p.y+d.y}}function Kn(e){return Array.from(e.getClientRects())}function rn(e){return pe(ht(e)).left+se(e).scrollLeft}function Mn(e){let o=ht(e),n=se(e),a=e.ownerDocument.body,i=Nt(o.scrollWidth,o.clientWidth,a.scrollWidth,a.clientWidth),s=Nt(o.scrollHeight,o.clientHeight,a.scrollHeight,a.clientHeight),c=-n.scrollLeft+rn(e),p=-n.scrollTop;return tt(a).direction==="rtl"&&(c+=Nt(o.clientWidth,a.clientWidth)-i),{width:i,height:s,x:c,y:p}}function Fn(e,o){let n=X(e),a=ht(e),i=n.visualViewport,s=a.clientWidth,c=a.clientHeight,p=0,d=0;if(i){s=i.width,c=i.height;let m=Re();(!m||m&&o==="fixed")&&(p=i.offsetLeft,d=i.offsetTop)}return{width:s,height:c,x:p,y:d}}function Vn(e,o){let n=pe(e,!0,o==="fixed"),a=n.top+e.clientTop,i=n.left+e.clientLeft,s=ot(e)?jt(e):mt(1),c=e.clientWidth*s.x,p=e.clientHeight*s.y,d=i*s.x,m=a*s.y;return{width:c,height:p,x:d,y:m}}function Jr(e,o,n){let a;if(o==="viewport")a=Fn(e,n);else if(o==="document")a=Mn(ht(e));else if(st(o))a=Vn(o,n);else{let i=on(e);a={...o,x:o.x-i.x,y:o.y-i.y}}return $t(a)}function nn(e,o){let n=Wt(e);return n===o||!st(n)||ce(n)?!1:tt(n).position==="fixed"||nn(n,o)}function jn(e,o){let n=o.get(e);if(n)return n;let a=Ee(e,[],!1).filter(p=>st(p)&&yt(p)!=="body"),i=null,s=tt(e).position==="fixed",c=s?Wt(e):e;for(;st(c)&&!ce(c);){let p=tt(c),d=we(c);!d&&p.position==="fixed"&&(i=null),(s?!d&&!i:!d&&p.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Vt(c)&&!d&&nn(e,c))?a=a.filter(x=>x!==c):i=p,c=Wt(c)}return o.set(e,a),a}function Yn(e){let{element:o,boundary:n,rootBoundary:a,strategy:i}=e,c=[...n==="clippingAncestors"?jn(o,this._c):[].concat(n),a],p=c[0],d=c.reduce((m,x)=>{let y=Jr(o,x,i);return m.top=Nt(y.top,m.top),m.right=ie(y.right,m.right),m.bottom=ie(y.bottom,m.bottom),m.left=Nt(y.left,m.left),m},Jr(o,p,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function Xn(e){return tn(e)}function qn(e,o,n){let a=ot(o),i=ht(o),s=n==="fixed",c=pe(e,!0,s,o),p={scrollLeft:0,scrollTop:0},d=mt(0);if(a||!a&&!s)if((yt(o)!=="body"||Vt(i))&&(p=se(o)),a){let m=pe(o,!0,s,o);d.x=m.x+o.clientLeft,d.y=m.y+o.clientTop}else i&&(d.x=rn(i));return{x:c.left+p.scrollLeft-d.x,y:c.top+p.scrollTop-d.y,width:c.width,height:c.height}}function Qr(e,o){return!ot(e)||tt(e).position==="fixed"?null:o?o(e):e.offsetParent}function an(e,o){let n=X(e);if(!ot(e))return n;let a=Qr(e,o);for(;a&&Yr(a)&&tt(a).position==="static";)a=Qr(a,o);return a&&(yt(a)==="html"||yt(a)==="body"&&tt(a).position==="static"&&!we(a))?n:a||Xr(e)||n}var Jn=async function(e){let{reference:o,floating:n,strategy:a}=e,i=this.getOffsetParent||an,s=this.getDimensions;return{reference:qn(o,await i(n),a),floating:{x:0,y:0,...await s(n)}}};function Qn(e){return tt(e).direction==="rtl"}var Ae={convertOffsetParentRelativeRectToViewportRelativeRect:Zn,getDocumentElement:ht,getClippingRect:Yn,getOffsetParent:an,getElementRects:Jn,getClientRects:Kn,getDimensions:Xn,getScale:jt,isElement:st,isRTL:Qn};var ln=(e,o,n)=>{let a=new Map,i={platform:Ae,...n},s={...i.platform,_c:a};return Fr(e,o,{...i,platform:s})};function cn(e){return ta(e)}function Qe(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function ta(e){for(let o=e;o;o=Qe(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=Qe(e);o;o=Qe(o)){if(!(o instanceof Element))continue;let n=getComputedStyle(o);if(n.display!=="contents"&&(n.position!=="static"||n.filter!=="none"||o.tagName==="BODY"))return o}return null}async function sn(e,o,n){return ln(e,o,{platform:{...Ae,getOffsetParent:a=>Ae.getOffsetParent(a,cn)},middleware:[Je({crossAxis:!0}),qe({allowedPlacements:[n]})]})}var q=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},A=class extends de.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new de.Debouncer,this.revealDebouncer=new de.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return pn.html`
|
|
527
527
|
<div part="container"
|
|
528
528
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
529
529
|
@mouseenter=${this.onHover}
|
|
@@ -541,17 +541,17 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
541
541
|
</div>
|
|
542
542
|
</div>
|
|
543
543
|
</div>
|
|
544
|
-
`}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(n=>o.has(n))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(n=>n.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let o=this.tooltipContent.style;switch(o.transition="none",this.validPosition){case"top":o.top=this.tooltip.clientHeight+"px",o.left="0";break;case"bottom":o.top=-this.tooltip.clientHeight+"px",o.left="0";break;case"left":o.top="0",o.left=this.tooltip.clientWidth+"px";break;case"right":o.top="0",o.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",sn(this.slottedElement,this.tooltip,this.position).then(({x:o,y:n})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${n}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",o=>{o.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(o,n){return Math.max(o,Math.min(0,-n))}};A.elementDefinitions={"ft-typography":
|
|
544
|
+
`}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(n=>o.has(n))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(n=>n.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let o=this.tooltipContent.style;switch(o.transition="none",this.validPosition){case"top":o.top=this.tooltip.clientHeight+"px",o.left="0";break;case"bottom":o.top=-this.tooltip.clientHeight+"px",o.left="0";break;case"left":o.top="0",o.left=this.tooltip.clientWidth+"px";break;case"right":o.top="0",o.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",sn(this.slottedElement,this.tooltip,this.position).then(({x:o,y:n})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${n}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",o=>{o.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(o,n){return Math.max(o,Math.min(0,-n))}};A.elementDefinitions={"ft-typography":Q};A.styles=kr;q([(0,_.property)()],A.prototype,"text",void 0);q([(0,_.property)({type:Boolean})],A.prototype,"manual",void 0);q([(0,_.property)({type:Boolean})],A.prototype,"inline",void 0);q([(0,_.property)({type:Number})],A.prototype,"delay",void 0);q([(0,_.property)()],A.prototype,"position",void 0);q([(0,_.queryAssignedNodes)()],A.prototype,"slotNodes",void 0);q([(0,_.query)(".ft-tooltip--container")],A.prototype,"container",void 0);q([(0,_.query)(".ft-tooltip")],A.prototype,"tooltip",void 0);q([(0,_.query)(".ft-tooltip--content")],A.prototype,"tooltipContent",void 0);q([(0,_.state)()],A.prototype,"visible",void 0);q([(0,_.eventOptions)({passive:!0})],A.prototype,"onTouch",null);q([(0,_.eventOptions)({passive:!0})],A.prototype,"onHover",null);q([(0,_.eventOptions)({passive:!0})],A.prototype,"onOut",null);q([(0,_.eventOptions)({passive:!0})],A.prototype,"onClick",null);(0,dn.customElement)("ft-tooltip")(A);var un=h(w());var fn=h(k()),gn=h(w());var It=class extends gn.FtLitElement{render(){return fn.html`
|
|
545
545
|
<div class="ft-loader">
|
|
546
546
|
<div></div>
|
|
547
547
|
<div></div>
|
|
548
548
|
<div></div>
|
|
549
549
|
<div></div>
|
|
550
550
|
</div>
|
|
551
|
-
`}};It.styles=Lr;(0,un.customElement)("ft-loader")(It);var Yt=h(k()),mn=h(Ze()),
|
|
551
|
+
`}};It.styles=Lr;(0,un.customElement)("ft-loader")(It);var Yt=h(k()),mn=h(Ze()),G=h(pt()),J=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},L=class extends(0,Xt.toFtFormComponent)(Xt.FtLitElement,"button"){get buttonClasses(){return{}}get typographyVariant(){return""}constructor(){super(),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.ariaLabel=null,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.addEventListener("click",o=>{var n;this.isDisabled()?(o.preventDefault(),o.stopPropagation(),o.stopImmediatePropagation()):this.type=="submit"&&((n=this.form)===null||n===void 0||n.requestSubmit())})}render(){var o;return this.addTooltipIfNeeded(Yt.html`
|
|
552
552
|
<button part="button"
|
|
553
553
|
class="${(0,mn.classMap)(this.buttonClasses)}"
|
|
554
|
-
aria-label="${this.getLabel()}"
|
|
554
|
+
aria-label="${(o=this.ariaLabel)!==null&&o!==void 0?o:this.getLabel()}"
|
|
555
555
|
?disabled=${this.isDisabled()}>
|
|
556
556
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
557
557
|
<ft-typography part="label"
|
|
@@ -574,7 +574,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
574
574
|
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
575
575
|
`:Yt.html`
|
|
576
576
|
<slot part="icon" name="icon"></slot>
|
|
577
|
-
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(o){return o instanceof HTMLSlotElement?o.assignedNodes().map(n=>this.unslotText(n)).join(""):o?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};
|
|
577
|
+
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(o){return o instanceof HTMLSlotElement?o.assignedNodes().map(n=>this.unslotText(n)).join(""):o?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};L.elementDefinitions={"ft-ripple":R,"ft-tooltip":A,"ft-typography":Q,"ft-icon":j,"ft-loader":It};J([(0,G.property)({type:String,reflect:!0})],L.prototype,"role",void 0);J([(0,G.property)()],L.prototype,"type",void 0);J([(0,G.property)({type:Boolean})],L.prototype,"disabled",void 0);J([(0,G.property)()],L.prototype,"label",void 0);J([(0,G.property)()],L.prototype,"icon",void 0);J([(0,G.property)()],L.prototype,"iconVariant",void 0);J([(0,G.property)({type:Boolean})],L.prototype,"trailingIcon",void 0);J([(0,G.property)({type:Boolean})],L.prototype,"loading",void 0);J([(0,G.property)({attribute:"aria-label"})],L.prototype,"ariaLabel",void 0);J([(0,G.property)()],L.prototype,"tooltipPosition",void 0);J([(0,G.property)({type:Boolean})],L.prototype,"hideTooltip",void 0);J([(0,G.property)({type:Boolean})],L.prototype,"forceTooltip",void 0);J([(0,G.query)(".ft-button")],L.prototype,"button",void 0);J([(0,G.query)(".ft-button--label slot")],L.prototype,"slottedContent",void 0);var Le=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},rt=class extends L{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"}};rt.styles=[yn.safariEllipsisFix,Pr];Le([(0,fe.property)({type:Boolean})],rt.prototype,"primary",void 0);Le([(0,fe.property)({type:Boolean})],rt.prototype,"outlined",void 0);Le([(0,fe.property)({type:Boolean})],rt.prototype,"dense",void 0);Le([(0,fe.property)({type:Boolean})],rt.prototype,"round",void 0);var ge=h(pt());var We=h(w());var hn=h(k()),C=h(w());var bn=[hn.css`
|
|
578
578
|
:host {
|
|
579
579
|
display: inline-block;
|
|
580
580
|
max-width: 100%;
|
|
@@ -658,7 +658,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
658
658
|
/** Primary styles **/
|
|
659
659
|
|
|
660
660
|
.ft-button--primary {
|
|
661
|
-
${(0,C.setVariable)(
|
|
661
|
+
${(0,C.setVariable)(F.color,f.primaryIconColor)};
|
|
662
662
|
|
|
663
663
|
${(0,C.setVariable)(N.color,f.primaryStateLayerColor)};
|
|
664
664
|
${(0,C.setVariable)(N.opacityContentOnSurfaceHover,f.primaryHoverStateLayerOpacity)};
|
|
@@ -682,7 +682,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
682
682
|
/** Secondary styles **/
|
|
683
683
|
|
|
684
684
|
.ft-button--secondary {
|
|
685
|
-
${(0,C.setVariable)(
|
|
685
|
+
${(0,C.setVariable)(F.color,f.secondaryIconColor)};
|
|
686
686
|
|
|
687
687
|
${(0,C.setVariable)(N.color,f.secondaryStateLayerColor)};
|
|
688
688
|
${(0,C.setVariable)(N.opacityContentOnSurfaceHover,f.secondaryHoverStateLayerOpacity)};
|
|
@@ -707,7 +707,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
707
707
|
/** Tertiary styles **/
|
|
708
708
|
|
|
709
709
|
.ft-button--tertiary {
|
|
710
|
-
${(0,C.setVariable)(
|
|
710
|
+
${(0,C.setVariable)(F.color,f.tertiaryIconColor)};
|
|
711
711
|
|
|
712
712
|
${(0,C.setVariable)(N.color,f.tertiaryStateLayerColor)};
|
|
713
713
|
${(0,C.setVariable)(N.opacityContentOnSurfaceHover,f.tertiaryHoverStateLayerOpacity)};
|
|
@@ -731,7 +731,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
731
731
|
/** Neutral styles **/
|
|
732
732
|
|
|
733
733
|
.ftds--family-neutral {
|
|
734
|
-
${(0,C.setVariable)(
|
|
734
|
+
${(0,C.setVariable)(F.color,f.neutralIconColor)};
|
|
735
735
|
|
|
736
736
|
${(0,C.setVariable)(N.backgroundColor,f.neutralStateLayerColor)};
|
|
737
737
|
${(0,C.setVariable)(N.opacityContentOnSurfaceHover,f.neutralHoverStateLayerOpacity)};
|
|
@@ -755,8 +755,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
755
755
|
/** Large styles **/
|
|
756
756
|
|
|
757
757
|
.ftds--size-large {
|
|
758
|
-
${(0,C.setVariable)(K.size,f.largeIconSize)};
|
|
759
758
|
${(0,C.setVariable)(M.size,f.largeIconSize)};
|
|
759
|
+
${(0,C.setVariable)(F.size,f.largeIconSize)};
|
|
760
760
|
|
|
761
761
|
height: ${f.largeHeight};
|
|
762
762
|
padding: 0 ${f.largeHorizontalPadding};
|
|
@@ -777,8 +777,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
777
777
|
/** Small styles **/
|
|
778
778
|
|
|
779
779
|
.ftds--size-medium {
|
|
780
|
-
${(0,C.setVariable)(K.size,f.mediumIconSize)};
|
|
781
780
|
${(0,C.setVariable)(M.size,f.mediumIconSize)};
|
|
781
|
+
${(0,C.setVariable)(F.size,f.mediumIconSize)};
|
|
782
782
|
|
|
783
783
|
height: ${f.mediumHeight};
|
|
784
784
|
padding: 0 ${f.mediumHorizontalPadding};
|
|
@@ -800,8 +800,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
800
800
|
/** Small styles **/
|
|
801
801
|
|
|
802
802
|
.ftds--size-small {
|
|
803
|
-
${(0,C.setVariable)(K.size,f.smallIconSize)};
|
|
804
803
|
${(0,C.setVariable)(M.size,f.smallIconSize)};
|
|
804
|
+
${(0,C.setVariable)(F.size,f.smallIconSize)};
|
|
805
805
|
|
|
806
806
|
height: ${f.smallHeight};
|
|
807
807
|
padding: 0 ${f.smallHorizontalPadding};
|
|
@@ -818,14 +818,14 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
818
818
|
.ftds--size-small.ft-button--icon-only {
|
|
819
819
|
width: ${f.smallIconOnlyWidth};
|
|
820
820
|
}
|
|
821
|
-
`,C.noTextSelect];var $e=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},bt=class extends(0,We.toFtdsBase)(
|
|
821
|
+
`,C.noTextSelect];var $e=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},bt=class extends(0,We.toFtdsBase)(L){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=xe.brand,this.iconVariant=lt.fluid_topics}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case Tt.large:return Ct.body2medium;case Tt.medium:return Ct.caption1medium;case Tt.small:return Ct.caption2medium}}};bt.styles=[We.safariEllipsisFix,bn];$e([(0,ge.property)({type:Boolean})],bt.prototype,"primary",void 0);$e([(0,ge.property)({type:Boolean})],bt.prototype,"secondary",void 0);$e([(0,ge.property)({type:Boolean})],bt.prototype,"tertiary",void 0);$e([(0,ge.property)({type:Boolean})],bt.prototype,"round",void 0);(0,to.customElement)("ft-button")(rt);(0,to.customElement)("ftds-button")(bt);var xn=h(k()),$=h(w());var Z={zIndex:$.FtCssVariableFactory.create("--ft-dialog-z-index","","NUMBER","2"),overlayBackgroundColor:$.FtCssVariableFactory.create("--ft-dialog-overlay-background-color","","COLOR","rgba(0, 0, 0, 0.3)"),height:$.FtCssVariableFactory.create("--ft-dialog-height","","SIZE","unset"),width:$.FtCssVariableFactory.create("--ft-dialog-width","","SIZE","unset"),minWidth:$.FtCssVariableFactory.create("--ft-dialog-min-width","","SIZE","unset"),maxWidth:$.FtCssVariableFactory.create("--ft-dialog-max-width","","SIZE","95vw"),paddingTop:$.FtCssVariableFactory.create("--ft-dialog-padding-top","","SIZE","20px"),paddingSide:$.FtCssVariableFactory.create("--ft-dialog-padding-side","","SIZE","16px"),paddingButtons:$.FtCssVariableFactory.create("--ft-dialog-padding-buttons","","SIZE","20px"),colorSurface:$.FtCssVariableFactory.external($.designSystemVariables.colorSurface,"Design system"),headingColor:$.FtCssVariableFactory.external($.designSystemVariables.colorOnSurfaceMedium,"Design system"),borderRadiusS:$.FtCssVariableFactory.external($.designSystemVariables.borderRadiusS,"Design system"),elevation24:$.FtCssVariableFactory.external($.designSystemVariables.elevation24,"Design system")},On=xn.css`
|
|
822
822
|
.ft-dialog {
|
|
823
823
|
position: fixed;
|
|
824
824
|
top: 0;
|
|
825
825
|
right: 0;
|
|
826
826
|
bottom: 0;
|
|
827
827
|
left: 0;
|
|
828
|
-
z-index: ${
|
|
828
|
+
z-index: ${Z.zIndex};
|
|
829
829
|
|
|
830
830
|
display: flex;
|
|
831
831
|
flex-direction: column;
|
|
@@ -845,7 +845,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
845
845
|
height: 100%;
|
|
846
846
|
width: 100%;
|
|
847
847
|
|
|
848
|
-
background-color: ${
|
|
848
|
+
background-color: ${Z.overlayBackgroundColor};
|
|
849
849
|
|
|
850
850
|
}
|
|
851
851
|
|
|
@@ -853,26 +853,26 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
853
853
|
position: fixed;
|
|
854
854
|
display: flex;
|
|
855
855
|
flex-direction: column;
|
|
856
|
-
gap: ${
|
|
856
|
+
gap: ${Z.paddingButtons};
|
|
857
857
|
|
|
858
|
-
width: ${
|
|
859
|
-
height: ${
|
|
860
|
-
max-width: ${
|
|
858
|
+
width: ${Z.width};
|
|
859
|
+
height: ${Z.height};
|
|
860
|
+
max-width: ${Z.maxWidth};
|
|
861
861
|
max-height: 95vh;
|
|
862
|
-
min-width: ${
|
|
862
|
+
min-width: ${Z.minWidth};
|
|
863
863
|
|
|
864
|
-
padding-top: ${
|
|
865
|
-
padding-bottom: ${
|
|
864
|
+
padding-top: ${Z.paddingTop};
|
|
865
|
+
padding-bottom: ${Z.paddingTop};
|
|
866
866
|
|
|
867
|
-
background-color: ${
|
|
867
|
+
background-color: ${Z.colorSurface};
|
|
868
868
|
|
|
869
|
-
border-radius: ${
|
|
870
|
-
box-shadow: ${
|
|
869
|
+
border-radius: ${Z.borderRadiusS};
|
|
870
|
+
box-shadow: ${Z.elevation24};
|
|
871
871
|
}
|
|
872
872
|
|
|
873
873
|
.ft-dialog-wrapper > * {
|
|
874
|
-
padding-right: ${
|
|
875
|
-
padding-left: ${
|
|
874
|
+
padding-right: ${Z.paddingSide};
|
|
875
|
+
padding-left: ${Z.paddingSide};
|
|
876
876
|
}
|
|
877
877
|
|
|
878
878
|
.ft-dialog-content {
|
|
@@ -887,7 +887,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
887
887
|
align-items: center;
|
|
888
888
|
gap: 8px;
|
|
889
889
|
|
|
890
|
-
color: ${
|
|
890
|
+
color: ${Z.headingColor};
|
|
891
891
|
}
|
|
892
892
|
|
|
893
893
|
.ft-dialog-heading * {
|
|
@@ -903,7 +903,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
903
903
|
}
|
|
904
904
|
|
|
905
905
|
.ft-dialog-heading ft-button {
|
|
906
|
-
${(0
|
|
906
|
+
${(0,$.setVariable)(B.color,Z.headingColor)};
|
|
907
907
|
}
|
|
908
908
|
|
|
909
909
|
.ft-dialog-buttons.ft-dialog-no-buttons {
|
|
@@ -944,7 +944,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
944
944
|
></slot>
|
|
945
945
|
</div>
|
|
946
946
|
</div>
|
|
947
|
-
`:null}updated(o){super.updated(o),o.has("opened")&&(this.opened?setTimeout(()=>{document.addEventListener("keydown",this.watchEscapeKey)},0):document.removeEventListener("keydown",this.watchEscapeKey))}close(){this.beforeClose()&&(this.opened=!1,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!1}})))}open(){this.opened=!0,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!0}}))}onClickOutside(){this.closeOnClickOutside&&this.close()}};V.elementDefinitions={"ft-typography":
|
|
947
|
+
`:null}updated(o){super.updated(o),o.has("opened")&&(this.opened?setTimeout(()=>{document.addEventListener("keydown",this.watchEscapeKey)},0):document.removeEventListener("keydown",this.watchEscapeKey))}close(){this.beforeClose()&&(this.opened=!1,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!1}})))}open(){this.opened=!0,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!0}}))}onClickOutside(){this.closeOnClickOutside&&this.close()}};V.elementDefinitions={"ft-typography":Q,"ft-icon":j,"ft-button":rt};V.styles=On;xt([(0,nt.property)({type:Boolean,hasChanged(e,o){return o===!1&&e===!0||o===!0&&e===!1}})],V.prototype,"opened",void 0);xt([(0,nt.property)({type:Boolean})],V.prototype,"closeOnEsc",void 0);xt([(0,nt.property)({type:Boolean})],V.prototype,"closeOnClickOutside",void 0);xt([(0,nt.property)({type:Boolean})],V.prototype,"closable",void 0);xt([(0,nt.property)({type:()=>Boolean})],V.prototype,"beforeClose",void 0);xt([(0,nt.property)()],V.prototype,"heading",void 0);xt([(0,nt.property)()],V.prototype,"icon",void 0);xt([(0,nt.property)()],V.prototype,"iconVariant",void 0);xt([(0,nt.queryAssignedElements)({slot:"buttons"})],V.prototype,"buttons",void 0);(0,Cn.customElement)("ft-dialog")(V);})();
|
|
948
948
|
/*! Bundled license information:
|
|
949
949
|
|
|
950
950
|
lit-html/lit-html.js:
|