@fluid-topics/ft-reader-content 0.3.11 → 0.3.13

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,58 +1,52 @@
1
- !function(t,e,i,o,s,n,r){var l,a,h=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class f extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}}class p extends e.FtLitElementRedux{setReaderStateManager(t){this.stateManager=t,this.store=t.store}get service(){var t;return null===(t=this.stateManager)||void 0===t?void 0:t.service}connectedCallback(){super.connectedCallback(),setTimeout((()=>this.dispatchEvent(new f)),10)}disconnectedCallback(){super.disconnectedCallback(),this.store=void 0,this.stateManager=void 0}}h([o.state()],p.prototype,"stateManager",void 0),function(t){t.THIN_ARROW_LEFT="&#xe956;",t.THIN_ARROW_RIGHT="&#xe957;",t.MY_COLLECTIONS="&#xe955;",t.OFFLINE_SETTINGS="&#xe954;",t.MY_LIBRARY="&#xe959;",t.RATE_PLAIN="&#xe952;",t.RATE="&#xe953;",t.FEEDBACK_PLAIN="&#xe951;",t.STAR_PLAIN="&#xe94b;",t.STAR="&#xe94c;",t.THUMBS_DOWN_PLAIN="&#xe94d;",t.THUMBS_DOWN="&#xe94e;",t.THUMBS_UP_PLAIN="&#xe94f;",t.THUMBS_UP="&#xe950;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe900;",t.EYE="\f06e",t.DISC="&#xe901;",t.CIRCLE="&#xe903;",t.SHARED="&#xe904;",t.SORT_UNSORTED="&#xe905;",t.SORT_UP="&#xe906;",t.SORT_DOWN="&#xe907;",t.WORKING="&#xe908;",t.CLOSE="&#xe909;",t.ZOOM_OUT="&#xe90a;",t.ZOOM_IN="&#xe90b;",t.ZOOM_REALSIZE="&#xe90c;",t.ZOOM_FULLSCREEN="&#xe90d;",t.ADMIN_RESTRICTED="&#xe90e;",t.ADMIN_THEME="&#xe911;",t.WARNING="&#xe913;",t.CONTEXT="&#xe914;",t.SEARCH_HOME="&#xe915;",t.STEPS="&#xe916;",t.HOME="&#xe80b;",t.TRANSLATE="&#xe924;",t.USER="&#xe813;",t.ADMIN="&#xe902;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe90f;",t.ADMIN_USERS="&#xe910;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe912;"}(l||(l={})),function(t){t.UNKNOWN="&#xe90a;",t.ABW="&#xe900;",t.AUDIO="&#xe901;",t.AVI="&#xe902;",t.CHM="&#xe904;",t.CODE="&#xe905;",t.CSV="&#xe903;",t.DITA="&#xe906;",t.EPUB="&#xe907;",t.EXCEL="&#xe908;",t.FLAC="&#xe909;",t.GIF="&#xe90b;",t.GZIP="&#xe90c;",t.HTML="&#xe90d;",t.IMAGE="&#xe90e;",t.JPEG="&#xe90f;",t.JSON="&#xe910;",t.M4A="&#xe911;",t.MOV="&#xe912;",t.MP3="&#xe913;",t.MP4="&#xe914;",t.OGG="&#xe915;",t.PDF="&#xe916;",t.PNG="&#xe917;",t.POWERPOINT="&#xe918;",t.RAR="&#xe91a;",t.STP="&#xe91b;",t.TEXT="&#xe91c;",t.VIDEO="&#xe91e;",t.WAV="&#xe91f;",t.WMA="&#xe920;",t.WORD="&#xe921;",t.XML="&#xe922;",t.YAML="&#xe919;",t.ZIP="&#xe923;"}(a||(a={})),new Map([...["abw"].map((t=>[t,a.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((t=>[t,a.AUDIO])),...["avi"].map((t=>[t,a.AVI])),...["chm","xhs"].map((t=>[t,a.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((t=>[t,a.CODE])),...["csv"].map((t=>[t,a.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,a.DITA])),...["epub"].map((t=>[t,a.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,a.EXCEL])),...["flac"].map((t=>[t,a.FLAC])),...["gif"].map((t=>[t,a.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,a.GZIP])),...["html","htm","xhtml"].map((t=>[t,a.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,a.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,a.JPEG])),...["json"].map((t=>[t,a.JSON])),...["m4a","m4p"].map((t=>[t,a.M4A])),...["mov","qt"].map((t=>[t,a.MOV])),...["mp3"].map((t=>[t,a.MP3])),...["mp4","m4v"].map((t=>[t,a.MP4])),...["ogg","oga"].map((t=>[t,a.OGG])),...["pdf","ps"].map((t=>[t,a.PDF])),...["png"].map((t=>[t,a.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,a.POWERPOINT])),...["rar"].map((t=>[t,a.RAR])),...["stp"].map((t=>[t,a.STP])),...["txt","rtf","md","mdown"].map((t=>[t,a.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((t=>[t,a.VIDEO])),...["wav"].map((t=>[t,a.WAV])),...["wma"].map((t=>[t,a.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,a.WORD])),...["xml","xsl","rdf"].map((t=>[t,a.XML])),...["yaml","yml","x-yaml"].map((t=>[t,a.YAML])),...["zip"].map((t=>[t,a.ZIP]))]);var c,d=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(c||(c={}));const x={size:e.FtCssVariableFactory.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:e.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family",e.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:e.FtCssVariableFactory.extend("--ft-icon-file-format-font-family",e.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:e.FtCssVariableFactory.extend("--ft-icon-material-font-family",e.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","Material Icons")),verticalAlign:e.FtCssVariableFactory.create("--ft-icon-vertical-align","UNKNOWN","unset")};class g extends e.FtLitElement{constructor(){super(...arguments),this.variant=c.fluid_topics,this.resolvedIcon=i.nothing}render(){return i.html`
2
- <i class="ft-icon ${"ft-icon--"+this.variant}">
3
- ${s.unsafeHTML(this.resolvedIcon)}
4
- <slot ?hidden=${"material"!==this.variant}></slot>
5
- </i>
6
- `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case c.file_format:this.resolvedIcon=null!==(t=a[o.toUpperCase()])&&void 0!==t?t:o;break;case c.fluid_topics:this.resolvedIcon=null!==(e=l[o.toUpperCase()])&&void 0!==e?e:o;break;default:this.resolvedIcon=i.nothing}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>{this.resolveIcon()}))}}
7
- /**
8
- * @license
9
- * Copyright 2017 Google LLC
10
- * SPDX-License-Identifier: BSD-3-Clause
11
- */
12
- var v;g.elementDefinitions={},g.styles=i.css`
13
- :host {
14
- display: inline-block;
15
- }
1
+ !function(t,e,i,o,s,n,r){var l,a,h=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class f extends Event{constructor(){super("register-ft-reader-component",{bubbles:!0,composed:!0})}}class p extends e.FtLitElementRedux{setReaderStateManager(t){this.stateManager=t,this.store=t.store}get service(){var t;return null===(t=this.stateManager)||void 0===t?void 0:t.service}connectedCallback(){super.connectedCallback(),setTimeout((()=>this.dispatchEvent(new f)),10)}disconnectedCallback(){super.disconnectedCallback(),this.store=void 0,this.stateManager=void 0}}h([o.state()],p.prototype,"stateManager",void 0),function(t){t.THIN_ARROW_LEFT="&#xe956;",t.THIN_ARROW_RIGHT="&#xe957;",t.MY_COLLECTIONS="&#xe955;",t.OFFLINE_SETTINGS="&#xe954;",t.MY_LIBRARY="&#xe959;",t.RATE_PLAIN="&#xe952;",t.RATE="&#xe953;",t.FEEDBACK_PLAIN="&#xe951;",t.STAR_PLAIN="&#xe94b;",t.STAR="&#xe94c;",t.THUMBS_DOWN_PLAIN="&#xe94d;",t.THUMBS_DOWN="&#xe94e;",t.THUMBS_UP_PLAIN="&#xe94f;",t.THUMBS_UP="&#xe950;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe900;",t.EYE="\f06e",t.DISC="&#xe901;",t.CIRCLE="&#xe903;",t.SHARED="&#xe904;",t.SORT_UNSORTED="&#xe905;",t.SORT_UP="&#xe906;",t.SORT_DOWN="&#xe907;",t.WORKING="&#xe908;",t.CLOSE="&#xe909;",t.ZOOM_OUT="&#xe90a;",t.ZOOM_IN="&#xe90b;",t.ZOOM_REALSIZE="&#xe90c;",t.ZOOM_FULLSCREEN="&#xe90d;",t.ADMIN_RESTRICTED="&#xe90e;",t.ADMIN_THEME="&#xe911;",t.WARNING="&#xe913;",t.CONTEXT="&#xe914;",t.SEARCH_HOME="&#xe915;",t.STEPS="&#xe916;",t.HOME="&#xe80b;",t.TRANSLATE="&#xe924;",t.USER="&#xe813;",t.ADMIN="&#xe902;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe90f;",t.ADMIN_USERS="&#xe910;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe912;"}(l||(l={})),function(t){t.UNKNOWN="&#xe90a;",t.ABW="&#xe900;",t.AUDIO="&#xe901;",t.AVI="&#xe902;",t.CHM="&#xe904;",t.CODE="&#xe905;",t.CSV="&#xe903;",t.DITA="&#xe906;",t.EPUB="&#xe907;",t.EXCEL="&#xe908;",t.FLAC="&#xe909;",t.GIF="&#xe90b;",t.GZIP="&#xe90c;",t.HTML="&#xe90d;",t.IMAGE="&#xe90e;",t.JPEG="&#xe90f;",t.JSON="&#xe910;",t.M4A="&#xe911;",t.MOV="&#xe912;",t.MP3="&#xe913;",t.MP4="&#xe914;",t.OGG="&#xe915;",t.PDF="&#xe916;",t.PNG="&#xe917;",t.POWERPOINT="&#xe918;",t.RAR="&#xe91a;",t.STP="&#xe91b;",t.TEXT="&#xe91c;",t.VIDEO="&#xe91e;",t.WAV="&#xe91f;",t.WMA="&#xe920;",t.WORD="&#xe921;",t.XML="&#xe922;",t.YAML="&#xe919;",t.ZIP="&#xe923;"}(a||(a={})),new Map([...["abw"].map((t=>[t,a.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((t=>[t,a.AUDIO])),...["avi"].map((t=>[t,a.AVI])),...["chm","xhs"].map((t=>[t,a.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((t=>[t,a.CODE])),...["csv"].map((t=>[t,a.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,a.DITA])),...["epub"].map((t=>[t,a.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,a.EXCEL])),...["flac"].map((t=>[t,a.FLAC])),...["gif"].map((t=>[t,a.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,a.GZIP])),...["html","htm","xhtml"].map((t=>[t,a.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,a.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,a.JPEG])),...["json"].map((t=>[t,a.JSON])),...["m4a","m4p"].map((t=>[t,a.M4A])),...["mov","qt"].map((t=>[t,a.MOV])),...["mp3"].map((t=>[t,a.MP3])),...["mp4","m4v"].map((t=>[t,a.MP4])),...["ogg","oga"].map((t=>[t,a.OGG])),...["pdf","ps"].map((t=>[t,a.PDF])),...["png"].map((t=>[t,a.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,a.POWERPOINT])),...["rar"].map((t=>[t,a.RAR])),...["stp"].map((t=>[t,a.STP])),...["txt","rtf","md","mdown"].map((t=>[t,a.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((t=>[t,a.VIDEO])),...["wav"].map((t=>[t,a.WAV])),...["wma"].map((t=>[t,a.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,a.WORD])),...["xml","xsl","rdf"].map((t=>[t,a.XML])),...["yaml","yml","x-yaml"].map((t=>[t,a.YAML])),...["zip"].map((t=>[t,a.ZIP]))]);const c={size:e.FtCssVariableFactory.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:e.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family",e.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:e.FtCssVariableFactory.extend("--ft-icon-file-format-font-family",e.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:e.FtCssVariableFactory.extend("--ft-icon-material-font-family",e.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","Material Icons")),verticalAlign:e.FtCssVariableFactory.create("--ft-icon-vertical-align","UNKNOWN","unset")},d=i.css`
2
+ :host {
3
+ display: inline-block;
4
+ }
16
5
 
17
- :host, i.ft-icon {
18
- width: ${x.size};
19
- height: ${x.size};
20
- text-align: center;
21
- }
6
+ :host, i.ft-icon {
7
+ width: ${c.size};
8
+ height: ${c.size};
9
+ text-align: center;
10
+ }
22
11
 
23
- i.ft-icon {
24
- font-size: ${x.size};
25
- line-height: 1;
26
- font-weight: normal;
27
- text-transform: none;
28
- font-style: normal;
29
- font-variant: normal;
30
- speak: none;
31
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
32
- text-rendering: auto;
33
- -webkit-font-smoothing: antialiased;
34
- -moz-osx-font-smoothing: grayscale;
35
- vertical-align: ${x.verticalAlign};
36
- }
12
+ i.ft-icon {
13
+ font-size: ${c.size};
14
+ line-height: 1;
15
+ font-weight: normal;
16
+ text-transform: none;
17
+ font-style: normal;
18
+ font-variant: normal;
19
+ speak: none;
20
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
21
+ text-rendering: auto;
22
+ -webkit-font-smoothing: antialiased;
23
+ -moz-osx-font-smoothing: grayscale;
24
+ vertical-align: ${c.verticalAlign};
25
+ }
37
26
 
38
- .ft-icon--fluid-topics {
39
- font-family: ${x.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
40
- }
27
+ .ft-icon--fluid-topics {
28
+ font-family: ${c.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
29
+ }
41
30
 
42
- .ft-icon--file-format {
43
- font-family: ${x.fileFormatFontFamily}, ft-mime, sans-serif;
44
- }
31
+ .ft-icon--file-format {
32
+ font-family: ${c.fileFormatFontFamily}, ft-mime, sans-serif;
33
+ }
45
34
 
46
- .ft-icon--material {
47
- font-family: ${x.materialFontFamily}, "Material Icons", sans-serif;
48
- }
49
- `,d([o.property()],g.prototype,"variant",void 0),d([o.property()],g.prototype,"value",void 0),d([o.state()],g.prototype,"resolvedIcon",void 0),d([o.query("slot")],g.prototype,"slottedContent",void 0),e.customElement("ft-icon")(g);const y=globalThis.trustedTypes,u=y?y.createPolicy("lit-html",{createHTML:t=>t}):void 0,m=`lit$${(Math.random()+"").slice(9)}$`,b="?"+m,$=`<${b}>`,w=document,k=(t="")=>w.createComment(t),z=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,O=/-->/g,T=/>/g,S=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),j=/'/g,A=/"/g,C=/^(?:script|style|textarea|title)$/i,E=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),_=Symbol.for("lit-noChange"),M=Symbol.for("lit-nothing"),U=new WeakMap,F=w.createTreeWalker(w,129,null,!1),W=(t,e)=>{const i=t.length-1,o=[];let s,n=2===e?"<svg>":"",r=N;for(let e=0;e<i;e++){const i=t[e];let l,a,h=-1,f=0;for(;f<i.length&&(r.lastIndex=f,a=r.exec(i),null!==a);)f=r.lastIndex,r===N?"!--"===a[1]?r=O:void 0!==a[1]?r=T:void 0!==a[2]?(C.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=S):void 0!==a[3]&&(r=S):r===S?">"===a[0]?(r=null!=s?s:N,h=-1):void 0===a[1]?h=-2:(h=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?S:'"'===a[3]?A:j):r===A||r===j?r=S:r===O||r===T?r=N:(r=S,s=void 0);const p=r===S&&t[e+1].startsWith("/>")?" ":"";n+=r===N?i+$:h>=0?(o.push(l),i.slice(0,h)+"$lit$"+i.slice(h)+m+p):i+m+(-2===h?(o.push(void 0),e):p)}const l=n+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==u?u.createHTML(l):l,o]};class L{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,n=0;const r=t.length-1,l=this.parts,[a,h]=W(t,e);if(this.el=L.createElement(a,i),F.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=F.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(m)){const i=h[n++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(m),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?K:"?"===e[1]?D:"@"===e[1]?q:B})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(C.test(o.tagName)){const t=o.textContent.split(m),e=t.length-1;if(e>0){o.textContent=y?y.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],k()),F.nextNode(),l.push({type:2,index:++s});o.append(t[e],k())}}}else if(8===o.nodeType)if(o.data===b)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(m,t+1));)l.push({type:7,index:s}),t+=m.length-1}s++}}static createElement(t,e){const i=w.createElement("template");return i.innerHTML=t,i}}function P(t,e,i=t,o){var s,n,r,l;if(e===_)return e;let a=void 0!==o?null===(s=i._$Cl)||void 0===s?void 0:s[o]:i._$Cu;const h=z(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,i,o)),void 0!==o?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=P(t,a._$AS(t,e.values),a,o)),e}class Z{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:w).importNode(i,!0);F.currentNode=s;let n=F.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new R(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new H(n,this,t)),this.v.push(e),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=F.nextNode(),r++)}return s}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class R{constructor(t,e,i,o){var s;this.type=2,this._$AH=M,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$C_=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$C_}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=P(this,t,e),z(t)?t===M||null==t||""===t?(this._$AH!==M&&this._$AR(),this._$AH=M):t!==this._$AH&&t!==_&&this.T(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.k(t):(t=>I(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.S(t):this.T(t)}j(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.j(t))}T(t){this._$AH!==M&&z(this._$AH)?this._$AA.nextSibling.data=t:this.k(w.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=L.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.m(i);else{const t=new Z(s,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=U.get(t.strings);return void 0===e&&U.set(t.strings,e=new L(t)),e}S(t){I(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new R(this.j(k()),this.j(k()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$C_=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class B{constructor(t,e,i,o,s){this.type=1,this._$AH=M,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=M}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const s=this.strings;let n=!1;if(void 0===s)t=P(this,t,e,0),n=!z(t)||t!==this._$AH&&t!==_,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=P(this,o[i+r],e,r),l===_&&(l=this._$AH[r]),n||(n=!z(l)||l!==this._$AH[r]),l===M?t=M:t!==M&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.P(t)}P(t){t===M?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class K extends B{constructor(){super(...arguments),this.type=3}P(t){this.element[this.name]=t===M?void 0:t}}const G=y?y.emptyScript:"";class D extends B{constructor(){super(...arguments),this.type=4}P(t){t&&t!==M?this.element.setAttribute(this.name,G):this.element.removeAttribute(this.name)}}class q extends B{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=P(this,t,e,0))&&void 0!==i?i:M)===_)return;const o=this._$AH,s=t===M&&o!==M||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==M&&(o===M||s);s&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class H{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}}const Y=window.litHtmlPolyfillSupport;null==Y||Y(L,R),(null!==(v=globalThis.litHtmlVersions)&&void 0!==v?v:globalThis.litHtmlVersions=[]).push("2.2.7");
35
+ .ft-icon--material {
36
+ font-family: ${c.materialFontFamily}, "Material Icons", sans-serif;
37
+ }
38
+ `;var x;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(x||(x={}));var g,v=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class y extends e.FtLitElement{constructor(){super(...arguments),this.variant=x.fluid_topics,this.resolvedIcon=i.nothing}render(){const t="material"!==this.variant||this.value;return i.html`
39
+ <i class="ft-icon ${"ft-icon--"+this.variant}">
40
+ ${s.unsafeHTML(this.resolvedIcon)}
41
+ <slot ?hidden=${t}></slot>
42
+ </i>
43
+ `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case x.file_format:this.resolvedIcon=null!==(t=a[o.toUpperCase()])&&void 0!==t?t:o;break;case x.fluid_topics:this.resolvedIcon=null!==(e=l[o.toUpperCase()])&&void 0!==e?e:o;break;default:this.resolvedIcon=this.value||i.nothing}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>{this.resolveIcon()}))}}y.elementDefinitions={},y.styles=d,v([o.property()],y.prototype,"variant",void 0),v([o.property()],y.prototype,"value",void 0),v([o.state()],y.prototype,"resolvedIcon",void 0),v([o.query("slot")],y.prototype,"slottedContent",void 0),e.customElement("ft-icon")(y);const u=globalThis.trustedTypes,m=u?u.createPolicy("lit-html",{createHTML:t=>t}):void 0,b=`lit$${(Math.random()+"").slice(9)}$`,$="?"+b,w=`<${$}>`,k=document,z=(t="")=>k.createComment(t),I=t=>null===t||"object"!=typeof t&&"function"!=typeof t,N=Array.isArray,O=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,T=/-->/g,S=/>/g,j=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),A=/'/g,C=/"/g,E=/^(?:script|style|textarea|title)$/i,_=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),M=Symbol.for("lit-noChange"),U=Symbol.for("lit-nothing"),F=new WeakMap,W=k.createTreeWalker(k,129,null,!1),L=(t,e)=>{const i=t.length-1,o=[];let s,n=2===e?"<svg>":"",r=O;for(let e=0;e<i;e++){const i=t[e];let l,a,h=-1,f=0;for(;f<i.length&&(r.lastIndex=f,a=r.exec(i),null!==a);)f=r.lastIndex,r===O?"!--"===a[1]?r=T:void 0!==a[1]?r=S:void 0!==a[2]?(E.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=j):void 0!==a[3]&&(r=j):r===j?">"===a[0]?(r=null!=s?s:O,h=-1):void 0===a[1]?h=-2:(h=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?j:'"'===a[3]?C:A):r===C||r===A?r=j:r===T||r===S?r=O:(r=j,s=void 0);const p=r===j&&t[e+1].startsWith("/>")?" ":"";n+=r===O?i+w:h>=0?(o.push(l),i.slice(0,h)+"$lit$"+i.slice(h)+b+p):i+b+(-2===h?(o.push(void 0),e):p)}const l=n+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==m?m.createHTML(l):l,o]};class P{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,n=0;const r=t.length-1,l=this.parts,[a,h]=L(t,e);if(this.el=P.createElement(a,i),W.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=W.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(b)){const i=h[n++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(b),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?G:"?"===e[1]?q:"@"===e[1]?H:K})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(E.test(o.tagName)){const t=o.textContent.split(b),e=t.length-1;if(e>0){o.textContent=u?u.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],z()),W.nextNode(),l.push({type:2,index:++s});o.append(t[e],z())}}}else if(8===o.nodeType)if(o.data===$)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(b,t+1));)l.push({type:7,index:s}),t+=b.length-1}s++}}static createElement(t,e){const i=k.createElement("template");return i.innerHTML=t,i}}function Z(t,e,i=t,o){var s,n,r,l;if(e===M)return e;let a=void 0!==o?null===(s=i._$Cl)||void 0===s?void 0:s[o]:i._$Cu;const h=I(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,i,o)),void 0!==o?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=Z(t,a._$AS(t,e.values),a,o)),e}class R{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:k).importNode(i,!0);W.currentNode=s;let n=W.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new B(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new Y(n,this,t)),this.v.push(e),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=W.nextNode(),r++)}return s}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class B{constructor(t,e,i,o){var s;this.type=2,this._$AH=U,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$C_=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$C_}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Z(this,t,e),I(t)?t===U||null==t||""===t?(this._$AH!==U&&this._$AR(),this._$AH=U):t!==this._$AH&&t!==M&&this.T(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.k(t):(t=>N(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.S(t):this.T(t)}j(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.j(t))}T(t){this._$AH!==U&&I(this._$AH)?this._$AA.nextSibling.data=t:this.k(k.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=P.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.m(i);else{const t=new R(s,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=F.get(t.strings);return void 0===e&&F.set(t.strings,e=new P(t)),e}S(t){N(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new B(this.j(z()),this.j(z()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$C_=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class K{constructor(t,e,i,o,s){this.type=1,this._$AH=U,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=U}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const s=this.strings;let n=!1;if(void 0===s)t=Z(this,t,e,0),n=!I(t)||t!==this._$AH&&t!==M,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=Z(this,o[i+r],e,r),l===M&&(l=this._$AH[r]),n||(n=!I(l)||l!==this._$AH[r]),l===U?t=U:t!==U&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.P(t)}P(t){t===U?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class G extends K{constructor(){super(...arguments),this.type=3}P(t){this.element[this.name]=t===U?void 0:t}}const D=u?u.emptyScript:"";class q extends K{constructor(){super(...arguments),this.type=4}P(t){t&&t!==U?this.element.setAttribute(this.name,D):this.element.removeAttribute(this.name)}}class H extends K{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=Z(this,t,e,0))&&void 0!==i?i:U)===M)return;const o=this._$AH,s=t===U&&o!==U||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==U&&(o===U||s);s&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class Y{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const J=window.litHtmlPolyfillSupport;null==J||J(P,B),(null!==(g=globalThis.litHtmlVersions)&&void 0!==g?g:globalThis.litHtmlVersions=[]).push("2.2.7");
50
44
  /**
51
45
  * @license
52
46
  * Copyright 2020 Google LLC
53
47
  * SPDX-License-Identifier: BSD-3-Clause
54
48
  */
55
- const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t._$litStatic$},V=t=>({_$litStatic$:t,r:J}),X=new Map,tt=(t=>(e,...i)=>{const o=i.length;let s,n;const r=[],l=[];let a,h=0,f=!1;for(;h<o;){for(a=e[h];h<o&&void 0!==(n=i[h],s=Q(n));)a+=s+e[++h],f=!0;l.push(n),r.push(a),h++}if(h===o&&r.push(e[o]),f){const t=r.join("$$lit$$");void 0===(e=X.get(t))&&(r.raw=r,X.set(t,e=r)),i=l}return t(e,...i)})(E);var et,it=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(et||(et={}));const ot=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),st=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),nt={fontFamily:st,fontSize:e.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:e.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},rt=e.FtCssVariableFactory.extend("--ft-typography-title-font-family",ot),lt=e.FtCssVariableFactory.extend("--ft-typography-title-font-size",nt.fontSize,"20px"),at=e.FtCssVariableFactory.extend("--ft-typography-title-font-weight",nt.fontWeight,"normal"),ht=e.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",nt.letterSpacing,"0.15px"),ft=e.FtCssVariableFactory.extend("--ft-typography-title-line-height",nt.lineHeight,"1.2"),pt=e.FtCssVariableFactory.extend("--ft-typography-title-text-transform",nt.textTransform,"inherit"),ct=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",ot),dt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",nt.fontSize,"14px"),xt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",nt.fontWeight,"normal"),gt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",nt.letterSpacing,"0.105px"),vt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",nt.lineHeight,"1.7"),yt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",nt.textTransform,"inherit"),ut=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",st),mt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",nt.fontSize,"16px"),bt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",nt.fontWeight,"600"),$t=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",nt.letterSpacing,"0.144px"),wt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",nt.lineHeight,"1.5"),kt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",nt.textTransform,"inherit"),zt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",st),It=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",nt.fontSize,"14px"),Nt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",nt.fontWeight,"normal"),Ot=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",nt.letterSpacing,"0.098px"),Tt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",nt.lineHeight,"1.7"),St=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",nt.textTransform,"inherit"),jt=e.FtCssVariableFactory.extend("--ft-typography-body1-font-family",st),At=e.FtCssVariableFactory.extend("--ft-typography-body1-font-size",nt.fontSize,"16px"),Ct=e.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",nt.fontWeight,"normal"),Et=e.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",nt.letterSpacing,"0.496px"),_t=e.FtCssVariableFactory.extend("--ft-typography-body1-line-height",nt.lineHeight,"1.5"),Mt=e.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",nt.textTransform,"inherit"),Ut=e.FtCssVariableFactory.extend("--ft-typography-body2-font-family",st),Ft=e.FtCssVariableFactory.extend("--ft-typography-body2-font-size",nt.fontSize,"14px"),Wt=e.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",nt.fontWeight,"normal"),Lt=e.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",nt.letterSpacing,"0.252px"),Pt=e.FtCssVariableFactory.extend("--ft-typography-body2-line-height",nt.lineHeight,"1.4"),Zt=e.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",nt.textTransform,"inherit"),Rt=e.FtCssVariableFactory.extend("--ft-typography-caption-font-family",st),Bt=e.FtCssVariableFactory.extend("--ft-typography-caption-font-size",nt.fontSize,"12px"),Kt=e.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",nt.fontWeight,"normal"),Gt=e.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",nt.letterSpacing,"0.396px"),Dt=e.FtCssVariableFactory.extend("--ft-typography-caption-line-height",nt.lineHeight,"1.33"),qt=e.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",nt.textTransform,"inherit"),Ht=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",st),Yt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",nt.fontSize,"10px"),Jt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",nt.fontWeight,"normal"),Qt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",nt.letterSpacing,"0.33px"),Vt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",nt.lineHeight,"1.6"),Xt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",nt.textTransform,"inherit"),te=e.FtCssVariableFactory.extend("--ft-typography-overline-font-family",st),ee=e.FtCssVariableFactory.extend("--ft-typography-overline-font-size",nt.fontSize,"10px"),ie=e.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",nt.fontWeight,"normal"),oe=e.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",nt.letterSpacing,"1.5px"),se=e.FtCssVariableFactory.extend("--ft-typography-overline-line-height",nt.lineHeight,"1.6"),ne=e.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",nt.textTransform,"uppercase"),re=e.FtCssVariableFactory.extend("--ft-typography-button-font-family",st),le=e.FtCssVariableFactory.extend("--ft-typography-button-font-size",nt.fontSize,"14px"),ae=e.FtCssVariableFactory.extend("--ft-typography-button-font-weight",nt.fontWeight,"600"),he=e.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",nt.letterSpacing,"1.246px"),fe=e.FtCssVariableFactory.extend("--ft-typography-button-line-height",nt.lineHeight,"1.15"),pe=e.FtCssVariableFactory.extend("--ft-typography-button-text-transform",nt.textTransform,"uppercase"),ce=i.css`
49
+ const Q=Symbol.for(""),V=t=>{if((null==t?void 0:t.r)===Q)return null==t?void 0:t._$litStatic$},X=t=>({_$litStatic$:t,r:Q}),tt=new Map,et=(t=>(e,...i)=>{const o=i.length;let s,n;const r=[],l=[];let a,h=0,f=!1;for(;h<o;){for(a=e[h];h<o&&void 0!==(n=i[h],s=V(n));)a+=s+e[++h],f=!0;l.push(n),r.push(a),h++}if(h===o&&r.push(e[o]),f){const t=r.join("$$lit$$");void 0===(e=tt.get(t))&&(r.raw=r,tt.set(t,e=r)),i=l}return t(e,...i)})(_);var it;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(it||(it={}));const ot=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),st=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),nt={fontFamily:st,fontSize:e.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:e.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},rt=e.FtCssVariableFactory.extend("--ft-typography-title-font-family",ot),lt=e.FtCssVariableFactory.extend("--ft-typography-title-font-size",nt.fontSize,"20px"),at=e.FtCssVariableFactory.extend("--ft-typography-title-font-weight",nt.fontWeight,"normal"),ht=e.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",nt.letterSpacing,"0.15px"),ft=e.FtCssVariableFactory.extend("--ft-typography-title-line-height",nt.lineHeight,"1.2"),pt=e.FtCssVariableFactory.extend("--ft-typography-title-text-transform",nt.textTransform,"inherit"),ct=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",ot),dt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",nt.fontSize,"14px"),xt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",nt.fontWeight,"normal"),gt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",nt.letterSpacing,"0.105px"),vt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",nt.lineHeight,"1.7"),yt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",nt.textTransform,"inherit"),ut=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",st),mt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",nt.fontSize,"16px"),bt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",nt.fontWeight,"600"),$t=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",nt.letterSpacing,"0.144px"),wt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",nt.lineHeight,"1.5"),kt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",nt.textTransform,"inherit"),zt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",st),It=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",nt.fontSize,"14px"),Nt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",nt.fontWeight,"normal"),Ot=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",nt.letterSpacing,"0.098px"),Tt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",nt.lineHeight,"1.7"),St=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",nt.textTransform,"inherit"),jt=e.FtCssVariableFactory.extend("--ft-typography-body1-font-family",st),At=e.FtCssVariableFactory.extend("--ft-typography-body1-font-size",nt.fontSize,"16px"),Ct=e.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",nt.fontWeight,"normal"),Et=e.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",nt.letterSpacing,"0.496px"),_t=e.FtCssVariableFactory.extend("--ft-typography-body1-line-height",nt.lineHeight,"1.5"),Mt=e.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",nt.textTransform,"inherit"),Ut=e.FtCssVariableFactory.extend("--ft-typography-body2-font-family",st),Ft=e.FtCssVariableFactory.extend("--ft-typography-body2-font-size",nt.fontSize,"14px"),Wt=e.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",nt.fontWeight,"normal"),Lt=e.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",nt.letterSpacing,"0.252px"),Pt=e.FtCssVariableFactory.extend("--ft-typography-body2-line-height",nt.lineHeight,"1.4"),Zt=e.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",nt.textTransform,"inherit"),Rt=e.FtCssVariableFactory.extend("--ft-typography-caption-font-family",st),Bt=e.FtCssVariableFactory.extend("--ft-typography-caption-font-size",nt.fontSize,"12px"),Kt=e.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",nt.fontWeight,"normal"),Gt=e.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",nt.letterSpacing,"0.396px"),Dt=e.FtCssVariableFactory.extend("--ft-typography-caption-line-height",nt.lineHeight,"1.33"),qt=e.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",nt.textTransform,"inherit"),Ht=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",st),Yt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",nt.fontSize,"10px"),Jt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",nt.fontWeight,"normal"),Qt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",nt.letterSpacing,"0.33px"),Vt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",nt.lineHeight,"1.6"),Xt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",nt.textTransform,"inherit"),te=e.FtCssVariableFactory.extend("--ft-typography-overline-font-family",st),ee=e.FtCssVariableFactory.extend("--ft-typography-overline-font-size",nt.fontSize,"10px"),ie=e.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",nt.fontWeight,"normal"),oe=e.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",nt.letterSpacing,"1.5px"),se=e.FtCssVariableFactory.extend("--ft-typography-overline-line-height",nt.lineHeight,"1.6"),ne=e.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",nt.textTransform,"uppercase"),re=e.FtCssVariableFactory.extend("--ft-typography-button-font-family",st),le=e.FtCssVariableFactory.extend("--ft-typography-button-font-size",nt.fontSize,"14px"),ae=e.FtCssVariableFactory.extend("--ft-typography-button-font-weight",nt.fontWeight,"600"),he=e.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",nt.letterSpacing,"1.246px"),fe=e.FtCssVariableFactory.extend("--ft-typography-button-line-height",nt.lineHeight,"1.15"),pe=e.FtCssVariableFactory.extend("--ft-typography-button-text-transform",nt.textTransform,"uppercase"),ce=i.css`
56
50
  .ft-typography--title {
57
51
  font-family: ${rt};
58
52
  font-size: ${lt};
@@ -143,47 +137,47 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
143
137
  line-height: ${fe};
144
138
  text-transform: ${pe};
145
139
  }
146
- `;class we extends e.FtLitElement{constructor(){super(...arguments),this.variant=et.body1}render(){return this.element?tt`
147
- <${V(this.element)}
140
+ `,we=i.css`
141
+ .ft-typography {
142
+ vertical-align: inherit;
143
+ }
144
+ `;var ke=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class ze extends e.FtLitElement{constructor(){super(...arguments),this.variant=it.body1}render(){return this.element?et`
145
+ <${X(this.element)}
148
146
  class="ft-typography ft-typography--${this.variant}">
149
147
  <slot></slot>
150
- </${V(this.element)}>
151
- `:tt`
148
+ </${X(this.element)}>
149
+ `:et`
152
150
  <slot class="ft-typography ft-typography--${this.variant}"></slot>
153
- `}}we.styles=[ce,de,xe,ge,ve,ye,ue,me,be,$e,i.css`
154
- .ft-typography {
155
- vertical-align: inherit;
156
- }
157
- `],it([o.property()],we.prototype,"element",void 0),it([o.property()],we.prototype,"variant",void 0),e.customElement("ft-typography")(we);var ke=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const ze=e.FtCssVariableFactory.extend("--ft-notice-color",e.designSystemVariables.colorPrimary),Ie=e.FtCssVariableFactory.extend("--ft-notice-icon-color",e.designSystemVariables.colorOnPrimary),Ne=e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design System");class Oe extends e.FtLitElement{constructor(){super(...arguments),this.icon="info"}static get styles(){return i.css`
158
- .ft-notice {
159
- display: inline-flex;
160
- align-items: stretch;
161
- box-sizing: border-box;
162
- }
151
+ `}}ze.styles=[ce,de,xe,ge,ve,ye,ue,me,be,$e,we],ke([o.property()],ze.prototype,"element",void 0),ke([o.property()],ze.prototype,"variant",void 0),e.customElement("ft-typography")(ze);const Ie=e.FtCssVariableFactory.extend("--ft-notice-color",e.designSystemVariables.colorPrimary),Ne=e.FtCssVariableFactory.extend("--ft-notice-icon-color",e.designSystemVariables.colorOnPrimary),Oe=e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design System"),Te=i.css`
152
+ .ft-notice {
153
+ display: inline-flex;
154
+ align-items: stretch;
155
+ box-sizing: border-box;
156
+ }
163
157
 
164
- ft-icon {
165
- ${e.setVariable(x.size,"20px")};
166
- padding: 0 8px;
167
- display: flex;
168
- align-self: center;
169
- }
158
+ ft-icon {
159
+ ${e.setVariable(c.size,"20px")};
160
+ padding: 0 8px;
161
+ display: flex;
162
+ align-self: center;
163
+ }
170
164
 
171
- .ft-icon {
172
- color: ${Ie};
173
- background-color: ${ze};
174
- display: flex;
175
- align-items: center;
176
- border-top-left-radius: ${Ne};
177
- border-bottom-left-radius: ${Ne};
178
- }
165
+ .ft-icon {
166
+ color: ${Ne};
167
+ background-color: ${Ie};
168
+ display: flex;
169
+ align-items: center;
170
+ border-top-left-radius: ${Oe};
171
+ border-bottom-left-radius: ${Oe};
172
+ }
179
173
 
180
- .ft-notice-label {
181
- padding: 8px;
182
- border-top-right-radius: ${Ne};
183
- border-bottom-right-radius: ${Ne};
184
- border: 1px solid ${ze};
185
- }
186
- `}render(){return i.html`
174
+ .ft-notice-label {
175
+ padding: 8px;
176
+ border-top-right-radius: ${Oe};
177
+ border-bottom-right-radius: ${Oe};
178
+ border: 1px solid ${Ie};
179
+ }
180
+ `;var Se=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class je extends e.FtLitElement{constructor(){super(...arguments),this.icon="info"}render(){return i.html`
187
181
  <div class="ft-notice">
188
182
  <div class="ft-icon">
189
183
  <ft-icon>${this.icon}</ft-icon>
@@ -192,50 +186,84 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
192
186
  <slot></slot>
193
187
  </ft-typography>
194
188
  </div>
195
- `}}Oe.elementDefinitions={"ft-icon":g,"ft-typography":we},ke([o.property({type:String})],Oe.prototype,"icon",void 0),e.customElement("ft-notice")(Oe);const Te=e.FtCssVariableFactory.create("--ft-skeleton--display","DISPLAY","block"),Se=e.FtCssVariableFactory.create("--ft-skeleton--width","SIZE","100%"),je=e.FtCssVariableFactory.create("--ft-skeleton--height","SIZE","20px"),Ae=e.FtCssVariableFactory.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),Ce=e.FtCssVariableFactory.create("--ft-skeleton--glare-width","SIZE","200px"),Ee=e.FtCssVariableFactory.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),_e=e.FtCssVariableFactory.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),Me=e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusM,"Design system");class Ue extends e.FtLitElement{render(){return i.html`
196
- `}}Ue.elementDefinitions={},Ue.styles=i.css`
197
- :host {
198
- width: ${Se};
199
- height: ${je};
200
- display: ${Te};
201
- overflow: hidden;
202
- border-radius: ${Me};
203
- background: linear-gradient(
204
- 90deg,
205
- transparent,
206
- ${Ee} calc(0.45 * ${Ce}),
207
- ${Ee} calc(0.55 * ${Ce}),
208
- transparent ${Ce}
209
- ), ${Ae};
210
- background-repeat: repeat-y;
211
- background-size: 100vw 100vh;
212
- background-attachment: fixed;
213
- background-position: calc(${Ce} * -1) 0;
214
- animation: shine ${_e} infinite;
215
- animation-timing-function: linear;
216
- }
189
+ `}}je.elementDefinitions={"ft-icon":y,"ft-typography":ze},je.styles=Te,Se([o.property({type:String})],je.prototype,"icon",void 0),e.customElement("ft-notice")(je);const Ae=e.FtCssVariableFactory.create("--ft-skeleton--display","DISPLAY","block"),Ce=e.FtCssVariableFactory.create("--ft-skeleton--width","SIZE","100%"),Ee=e.FtCssVariableFactory.create("--ft-skeleton--height","SIZE","20px"),_e=e.FtCssVariableFactory.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),Me=e.FtCssVariableFactory.create("--ft-skeleton--glare-width","SIZE","200px"),Ue=e.FtCssVariableFactory.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),Fe=e.FtCssVariableFactory.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),We=e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusM,"Design system"),Le=i.css`
190
+ :host {
191
+ width: ${Ce};
192
+ height: ${Ee};
193
+ display: ${Ae};
194
+ overflow: hidden;
195
+ border-radius: ${We};
196
+ background: linear-gradient(
197
+ 90deg,
198
+ transparent,
199
+ ${Ue} calc(0.45 * ${Me}),
200
+ ${Ue} calc(0.55 * ${Me}),
201
+ transparent ${Me}
202
+ ), ${_e};
203
+ background-repeat: repeat-y;
204
+ background-size: 100vw 100vh;
205
+ background-attachment: fixed;
206
+ background-position: calc(${Me} * -1) 0;
207
+ animation: shine ${Fe} infinite;
208
+ animation-timing-function: linear;
209
+ }
217
210
 
218
- @keyframes shine {
219
- to {
220
- background-position: calc(100vw + ${Ce}) 0, calc(${Ce} * -1) 0;
221
- }
211
+ @keyframes shine {
212
+ to {
213
+ background-position: calc(100vw + ${Me}) 0, calc(${Me} * -1) 0;
222
214
  }
223
- `,e.customElement("ft-skeleton")(Ue);var Fe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const We=e.FtCssVariableFactory.extend("--ft-reader-internal-link-outline-color",e.designSystemVariables.colorPrimary);class Le extends p{constructor(){super(...arguments),this.removeStyle=!1}render(){var t;let e=n.classMap({"ft-reader-link":!0,"ft-reader-link--remove-style":this.removeStyle});return i.html`
215
+ }
216
+ `;class Pe extends e.FtLitElement{render(){return i.html`
217
+ `}}Pe.elementDefinitions={},Pe.styles=Le,e.customElement("ft-skeleton")(Pe);const Ze=e.FtCssVariableFactory.extend("--ft-reader-internal-link-outline-color",e.designSystemVariables.colorPrimary),Re=i.css`
218
+ a:focus {
219
+ outline-color: ${Ze};
220
+ }
221
+
222
+ .ft-reader-link--remove-style {
223
+ text-decoration: none;
224
+ color: inherit;
225
+ }
226
+ `;var Be=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Ke extends p{constructor(){super(...arguments),this.removeStyle=!1}render(){var t;let e=n.classMap({"ft-reader-link":!0,"ft-reader-link--remove-style":this.removeStyle});return i.html`
224
227
  <a class=${e}
225
228
  href="${null===(t=this.service)||void 0===t?void 0:t.getLink(this.tocId,this.pageNumber,this.section)}"
226
229
  @click=${t=>this.onClick(t)}>
227
230
  <slot></slot>
228
231
  </a>
229
- `}onClick(t){var e;t.ctrlKey||t.metaKey||(t.stopPropagation(),t.preventDefault(),this.tocId&&(null===(e=this.stateManager)||void 0===e||e.navigateToTopic(this.tocId,this.section,this.pageNumber)))}}Le.styles=i.css`
230
- a:focus {
231
- outline-color: ${We};
232
- }
232
+ `}onClick(t){var e;t.ctrlKey||t.metaKey||(t.stopPropagation(),t.preventDefault(),this.tocId&&(null===(e=this.stateManager)||void 0===e||e.navigateToTopic(this.tocId,this.section,this.pageNumber)))}}Ke.styles=Re,Be([o.property()],Ke.prototype,"tocId",void 0),Be([o.property()],Ke.prototype,"section",void 0),Be([o.property({type:Number})],Ke.prototype,"pageNumber",void 0),Be([o.property({type:Boolean})],Ke.prototype,"removeStyle",void 0),e.customElement("ft-reader-internal-link")(Ke);const Ge=i.css`
233
+ .ft-reader-topic {
234
+ box-sizing: border-box;
235
+ }
233
236
 
234
- .ft-reader-link--remove-style {
235
- text-decoration: none;
236
- color: inherit;
237
- }
238
- `,Fe([o.property()],Le.prototype,"tocId",void 0),Fe([o.property()],Le.prototype,"section",void 0),Fe([o.property({type:Number})],Le.prototype,"pageNumber",void 0),Fe([o.property({type:Boolean})],Le.prototype,"removeStyle",void 0),e.customElement("ft-reader-internal-link")(Le);var Pe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Ze extends p{constructor(){super(...arguments),this.tocId="",this.error=!1,this.displayLoading=!1,this.loadingDebouncer=new e.Debouncer(300)}render(){var t,e;if(this.error)return i.html`
237
+ .loading-topic {
238
+ height: 100vh;
239
+ }
240
+
241
+ ft-skeleton {
242
+ margin: 8px 0;
243
+ }
244
+
245
+ .ft-reader-topic--content {
246
+ max-width: 100%;
247
+ overflow-x: auto;
248
+ }
249
+
250
+ img {
251
+ max-width: 100%;
252
+ }
253
+
254
+ .ft-expanding-block-content,
255
+ .ft-expanding-block-inline-content {
256
+ display: none;
257
+ }
258
+
259
+ .ft-expanding-block-content.ft-expanding-block-expanded {
260
+ display: block;
261
+ }
262
+
263
+ .ft-expanding-block-inline-content.ft-expanding-block-expanded {
264
+ display: inline;
265
+ }
266
+ `;var De=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class qe extends p{constructor(){super(...arguments),this.tocId="",this.error=!1,this.displayLoading=!1,this.loadingDebouncer=new e.Debouncer(300)}render(){var t,e;if(this.error)return i.html`
239
267
  <div class="loading-topic" part="error">
240
268
  ${this.renderTitle()}
241
269
  <ft-notice part="error-notice" icon="warning" part="error-notice">
@@ -268,42 +296,40 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
268
296
  `:!this.displayLoading||this.error?i.nothing:i.html`
269
297
  <ft-skeleton style="--ft-skeleton--width: 50%;--ft-skeleton--height: 24px; margin-bottom: 24px">
270
298
  </ft-skeleton>
271
- `}updated(t){var e;super.updated(t),t.has("tocId")&&this.tocId&&this.getTocNode(),t.has("tocNode")&&this.tocNode&&(null===(e=this.service)||void 0===e||e.getTopicContent(this.tocNode.contentId).then((t=>this.content=t)))}contentAvailableCallback(t){var e,i,o,s;if(super.contentAvailableCallback(t),(null===(e=this.scrollTarget)||void 0===e?void 0:e.section)&&this.tocId&&this.tocId===this.scrollTarget.tocId&&this.content){(null!==(o=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`[id="${this.scrollTarget.section}"], [name="${this.scrollTarget.section}"]`))&&void 0!==o?o:this).scrollIntoView({block:"start"}),null===(s=this.stateManager)||void 0===s||s.scrollDone()}}onStoreAvailable(){super.onStoreAvailable(),this.getTocNode()}async getTocNode(){var t;this.content=void 0,this.tocNode=void 0,this.error=!1,this.displayLoading=!1,this.loadingDebouncer.run((()=>this.displayLoading=!0)),null===(t=this.service)||void 0===t||t.getTocNode(this.tocId).then((t=>this.tocNode=t)).catch((t=>this.error=!0))}}Ze.styles=i.css`
272
- .ft-reader-topic {
273
- box-sizing: border-box;
274
- }
275
-
276
- .loading-topic {
277
- height: 100vh;
278
- }
279
-
280
- ft-skeleton {
281
- margin: 8px 0;
282
- }
299
+ `}updated(t){var e;super.updated(t),t.has("tocId")&&this.tocId&&this.getTocNode(),t.has("tocNode")&&this.tocNode&&(null===(e=this.service)||void 0===e||e.getTopicContent(this.tocNode.contentId).then((t=>this.content=t)))}contentAvailableCallback(t){var e,i,o,s;if(super.contentAvailableCallback(t),(null===(e=this.scrollTarget)||void 0===e?void 0:e.section)&&this.tocId&&this.tocId===this.scrollTarget.tocId&&this.content){(null!==(o=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`[id="${this.scrollTarget.section}"], [name="${this.scrollTarget.section}"]`))&&void 0!==o?o:this).scrollIntoView({block:"start"}),null===(s=this.stateManager)||void 0===s||s.scrollDone()}}onStoreAvailable(){super.onStoreAvailable(),this.getTocNode()}async getTocNode(){var t;this.content=void 0,this.tocNode=void 0,this.error=!1,this.displayLoading=!1,this.loadingDebouncer.run((()=>this.displayLoading=!0)),null===(t=this.service)||void 0===t||t.getTocNode(this.tocId).then((t=>this.tocNode=t)).catch((t=>this.error=!0))}}qe.styles=Ge,De([o.property()],qe.prototype,"tocId",void 0),De([o.state()],qe.prototype,"tocNode",void 0),De([o.state()],qe.prototype,"content",void 0),De([o.query(".ft-reader-topic")],qe.prototype,"container",void 0),De([e.redux()],qe.prototype,"scrollTarget",void 0),De([o.state()],qe.prototype,"error",void 0),De([o.state()],qe.prototype,"displayLoading",void 0),e.customElement("ft-reader-topic")(qe);const He=e.FtCssVariableFactory.create("--ft-infinite-scroll-padding","SIZE","0"),Ye=i.css`
300
+ .items-container {
301
+ position: relative;
302
+ padding: ${He};
303
+ outline: none;
304
+ }
283
305
 
284
- .ft-reader-topic--content {
285
- max-width: 100%;
286
- overflow-x: auto;
287
- }
306
+ .scrollable {
307
+ height: 100%;
308
+ overflow-y: auto;
309
+ }
288
310
 
289
- img {
290
- max-width: 100%;
291
- }
292
-
293
- .ft-expanding-block-content,
294
- .ft-expanding-block-inline-content {
295
- display: none;
296
- }
311
+ .item-container {
312
+ height: 100vh;
313
+ }
297
314
 
298
- .ft-expanding-block-content.ft-expanding-block-expanded {
299
- display: block;
300
- }
315
+ .item-container + .item-container {
316
+ /*
317
+ We add a gap between items to be sure to hide the content above the targeted item
318
+ When a div is visible (even by a fraction of a pixel) if its height changes
319
+ the browser will try to keep the scroll stable in relation to the first visible element
320
+ By adding this gap we ensure that the previous item will be fully hidden and event if its size changes, it will not impact the scroll offset
321
+ */
322
+ margin-top: 4px;
323
+ }
301
324
 
302
- .ft-expanding-block-inline-content.ft-expanding-block-expanded {
303
- display: inline;
304
- }
325
+ .scrollable .item-container {
326
+ height: 100%;
327
+ }
305
328
 
306
- `,Pe([o.property()],Ze.prototype,"tocId",void 0),Pe([o.state()],Ze.prototype,"tocNode",void 0),Pe([o.state()],Ze.prototype,"content",void 0),Pe([o.query(".ft-reader-topic")],Ze.prototype,"container",void 0),Pe([e.redux()],Ze.prototype,"scrollTarget",void 0),Pe([o.state()],Ze.prototype,"error",void 0),Pe([o.state()],Ze.prototype,"displayLoading",void 0),e.customElement("ft-reader-topic")(Ze);var Re=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Be=e.FtCssVariableFactory.create("--ft-infinite-scroll-padding","SIZE","0");class Ke extends CustomEvent{constructor(t,e){super("visible-items-change",{detail:{visibleIndexes:t,visibleItems:e}})}}class Ge extends Event{constructor(){super("scrolled-to-target")}}class De extends e.FtLitElement{constructor(){super(...arguments),this.items=[],this.renderItem=()=>i.html``,this.internalScroll=!1,this.renderBeforeFirst=1,this.renderAfterLast=1,this.visibleItems=[],this.scrolledToTarget=!1,this.alreadyRenderedIndexes=new Set,this.scrollDebouncer=new e.Debouncer(5),this.onVisibilityChange=t=>{const e=t.filter((t=>t.intersectionRect.height>1)).map((t=>+t.target.attributes.getNamedItem("data-item-index").value)).filter((t=>!this.visibleItems.includes(t))),i=t.filter((t=>t.intersectionRect.height<=1)).map((t=>+t.target.attributes.getNamedItem("data-item-index").value)).filter((t=>this.visibleItems.includes(t))),o=[...this.visibleItems].filter((t=>!i.includes(t)));this.visibleItems=[...e,...o].sort(((t,e)=>t-e))},this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange),this.onResize=t=>{this.triggerFindScrollableParent();let i=0;t=t.sort(((t,e)=>t.contentRect.top-e.contentRect.top));for(const e of t){const t=+e.target.parentElement.getAttribute("data-item-index"),o=e.target.parentElement.clientHeight,s=e.contentRect.height;this.alreadyRenderedIndexes.has(t)&&(e.target.parentElement.style.height=s+"px",i+=this.scrollable&&this.getOffset(e.target.parentElement)<this.scrollable.scrollTop+i?s-o:0)}this.scrollable&&e.isSafari&&(this.scrollable.scrollTop+=i)},this.resizeObserver=new ResizeObserver(this.onResize),this.onMutation=()=>{[...this.itemsContainer.children].forEach((t=>{this.intersectionObserver.observe(t),this.resizeObserver.observe(t.children.item(0))}))},this.mutationObserver=new MutationObserver(this.onMutation)}get scrollable(){return this.internalScroll?this.internalScrollable:this.firstScrollableParent}render(){return i.html`
329
+ .resizable:not(.rendered) {
330
+ width: 0;
331
+ }
332
+ `;var Je=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Qe extends CustomEvent{constructor(t,e){super("visible-items-change",{detail:{visibleIndexes:t,visibleItems:e}})}}class Ve extends Event{constructor(){super("scrolled-to-target")}}class Xe extends e.FtLitElement{constructor(){super(...arguments),this.items=[],this.renderItem=()=>i.html``,this.internalScroll=!1,this.renderBeforeFirst=1,this.renderAfterLast=1,this.visibleItems=[],this.scrolledToTarget=!1,this.alreadyRenderedIndexes=new Set,this.scrollDebouncer=new e.Debouncer(5),this.onVisibilityChange=t=>{const e=t.filter((t=>t.intersectionRect.height>1)).map((t=>+t.target.attributes.getNamedItem("data-item-index").value)).filter((t=>!this.visibleItems.includes(t))),i=t.filter((t=>t.intersectionRect.height<=1)).map((t=>+t.target.attributes.getNamedItem("data-item-index").value)).filter((t=>this.visibleItems.includes(t))),o=[...this.visibleItems].filter((t=>!i.includes(t)));this.visibleItems=[...e,...o].sort(((t,e)=>t-e))},this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange),this.onResize=t=>{this.triggerFindScrollableParent();let i=0;t=t.sort(((t,e)=>t.contentRect.top-e.contentRect.top));for(const e of t){const t=+e.target.parentElement.getAttribute("data-item-index"),o=e.target.parentElement.clientHeight,s=e.contentRect.height;this.alreadyRenderedIndexes.has(t)&&(e.target.parentElement.style.height=s+"px",i+=this.scrollable&&this.getOffset(e.target.parentElement)<this.scrollable.scrollTop+i?s-o:0)}this.scrollable&&e.isSafari&&(this.scrollable.scrollTop+=i)},this.resizeObserver=new ResizeObserver(this.onResize),this.onMutation=()=>{[...this.itemsContainer.children].forEach((t=>{this.intersectionObserver.observe(t),this.resizeObserver.observe(t.children.item(0))}))},this.mutationObserver=new MutationObserver(this.onMutation)}get scrollable(){return this.internalScroll?this.internalScrollable:this.firstScrollableParent}render(){return i.html`
307
333
  <div class="items-container ${this.internalScroll?"scrollable":""}"
308
334
  tabindex="-1"
309
335
  @find-scrollable-parent=${this.findScrollableParent}>
@@ -317,40 +343,8 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
317
343
  ${n?(()=>{const o=this.renderItem(t,e);return"string"==typeof o?i.html`${s.unsafeHTML(o)}`:o})():null}
318
344
  </div>
319
345
  </div>
320
- `}resetScroll(){this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.visibleItems=[],this.scrolledToTarget=!1,this.scrollDebouncer.run((()=>{var t,e;let i=null!==(t=this.scrollToIndex)&&void 0!==t?t:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;i>=this.items.length&&(i=-1);let o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`#item-${i}`);this.scrollToTarget(o),this.onMutation(),setTimeout((()=>{this.scrolledToTarget=!0}),10)}))}scrollToTarget(t){var e;if(t){let i=+(null!==(e=t.getAttribute("data-item-index"))&&void 0!==e?e:"0");this.scrollable?this.scrollable.scrollTop=i>0?this.getOffset(t)+1:0:t.scrollIntoView({block:"start"})}}getOffset(t){var e;let i=0,o=t;for(;o&&o.offsetParent!==this.scrollable.offsetParent;)i+=o.offsetTop,o=o.offsetParent;return i+(null!==(e=null==o?void 0:o.offsetTop)&&void 0!==e?e:0)-this.scrollable.offsetTop}appendItems(...t){this.items=[...this.items,...t]}prependItems(...t){this.items=[...t,...this.items]}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.triggerFindScrollableParent(),this.intersectionObserver.disconnect(),this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange,{rootMargin:"-2px",threshold:[0,.01,.1]}),this.mutationObserver.disconnect(),this.mutationObserver.observe(this.itemsContainer,{childList:!0})}),0)}triggerFindScrollableParent(){this.itemsContainer.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}))}findScrollableParent(t){t.stopPropagation();for(let e of t.composedPath()){const t=e;if(t.clientHeight&&t.clientHeight<t.scrollHeight&&["auto","scroll"].includes(getComputedStyle(t).overflowY)){this.firstScrollableParent=t;break}}}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.resetScroll()}update(t){super.update(t),t.has("items")&&(this.alreadyRenderedIndexes=new Set),(t.has("scrollToItem")||t.has("scrollToIndex"))&&this.resetScroll()}updated(t){super.updated(t),(t.has("visibleItems")||t.has("items"))&&this.dispatchEvent(new Ke(this.visibleItems,this.visibleItems.map((t=>this.items[t])))),t.has("scrolledToTarget")&&this.scrolledToTarget&&this.dispatchEvent(new Ge)}}De.styles=i.css`
321
- .items-container {
322
- position: relative;
323
- padding: ${Be};
324
- outline: none;
325
- }
326
-
327
- .scrollable {
328
- height: 100%;
329
- overflow-y: auto;
330
- }
331
-
332
- .item-container {
333
- height: 100vh;
334
- }
335
-
336
- .item-container + .item-container {
337
- /*
338
- We add a gap between items to be sure to hide the content above the targeted item
339
- When a div is visible (even by a fraction of a pixel) if its height changes
340
- the browser will try to keep the scroll stable in relation to the first visible element
341
- By adding this gap we ensure that the previous item will be fully hidden and event if its size changes, it will not impact the scroll offset
342
- */
343
- margin-top: 4px;
344
- }
345
-
346
- .scrollable .item-container {
347
- height: 100%;
348
- }
349
-
350
- .resizable:not(.rendered) {
351
- width: 0;
352
- }
353
- `,Re([o.property({type:Array})],De.prototype,"items",void 0),Re([o.property({attribute:!1})],De.prototype,"renderItem",void 0),Re([o.property({type:Object})],De.prototype,"scrollToItem",void 0),Re([o.property({type:Number})],De.prototype,"scrollToIndex",void 0),Re([o.property({type:Boolean})],De.prototype,"internalScroll",void 0),Re([o.property({type:Number})],De.prototype,"renderBeforeFirst",void 0),Re([o.property({type:Number})],De.prototype,"renderAfterLast",void 0),Re([o.state({hasChanged:(t,e)=>null!=t&&null==e||t.length!==e.length||t[0]!==e[0]})],De.prototype,"visibleItems",void 0),Re([o.query(".scrollable")],De.prototype,"internalScrollable",void 0),Re([o.query(".items-container")],De.prototype,"itemsContainer",void 0),Re([o.state()],De.prototype,"scrolledToTarget",void 0),e.customElement("ft-infinite-scroll")(De);var qe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class He extends p{constructor(){super(...arguments),this.renderTopic=t=>i.html`
346
+ `}resetScroll(){this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.visibleItems=[],this.scrolledToTarget=!1,this.scrollDebouncer.run((()=>{var t,e;let i=null!==(t=this.scrollToIndex)&&void 0!==t?t:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;i>=this.items.length&&(i=-1);let o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`#item-${i}`);this.scrollToTarget(o),this.onMutation(),setTimeout((()=>{this.scrolledToTarget=!0}),10)}))}scrollToTarget(t){var e;if(t){let i=+(null!==(e=t.getAttribute("data-item-index"))&&void 0!==e?e:"0");this.scrollable?this.scrollable.scrollTop=i>0?this.getOffset(t)+1:0:t.scrollIntoView({block:"start"})}}getOffset(t){var e;let i=0,o=t;for(;o&&o.offsetParent!==this.scrollable.offsetParent;)i+=o.offsetTop,o=o.offsetParent;return i+(null!==(e=null==o?void 0:o.offsetTop)&&void 0!==e?e:0)-this.scrollable.offsetTop}appendItems(...t){this.items=[...this.items,...t]}prependItems(...t){this.items=[...t,...this.items]}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.triggerFindScrollableParent(),this.intersectionObserver.disconnect(),this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange,{rootMargin:"-2px",threshold:[0,.01,.1]}),this.mutationObserver.disconnect(),this.mutationObserver.observe(this.itemsContainer,{childList:!0})}),0)}triggerFindScrollableParent(){this.itemsContainer.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}))}findScrollableParent(t){t.stopPropagation();for(let e of t.composedPath()){const t=e;if(t.clientHeight&&t.clientHeight<t.scrollHeight&&["auto","scroll"].includes(getComputedStyle(t).overflowY)){this.firstScrollableParent=t;break}}}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.resetScroll()}update(t){super.update(t),t.has("items")&&(this.alreadyRenderedIndexes=new Set),(t.has("scrollToItem")||t.has("scrollToIndex"))&&this.resetScroll()}updated(t){super.updated(t),(t.has("visibleItems")||t.has("items"))&&this.dispatchEvent(new Qe(this.visibleItems,this.visibleItems.map((t=>this.items[t])))),t.has("scrolledToTarget")&&this.scrolledToTarget&&this.dispatchEvent(new Ve)}}Xe.styles=Ye,Je([o.property({type:Array})],Xe.prototype,"items",void 0),Je([o.property({attribute:!1})],Xe.prototype,"renderItem",void 0),Je([o.property({type:Object})],Xe.prototype,"scrollToItem",void 0),Je([o.property({type:Number})],Xe.prototype,"scrollToIndex",void 0),Je([o.property({type:Boolean})],Xe.prototype,"internalScroll",void 0),Je([o.property({type:Number})],Xe.prototype,"renderBeforeFirst",void 0),Je([o.property({type:Number})],Xe.prototype,"renderAfterLast",void 0),Je([o.state({hasChanged:(t,e)=>null!=t&&null==e||t.length!==e.length||t[0]!==e[0]})],Xe.prototype,"visibleItems",void 0),Je([o.query(".scrollable")],Xe.prototype,"internalScrollable",void 0),Je([o.query(".items-container")],Xe.prototype,"itemsContainer",void 0),Je([o.state()],Xe.prototype,"scrolledToTarget",void 0),e.customElement("ft-infinite-scroll")(Xe);const ti=i.css`
347
+ `;var ei=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class ii extends p{constructor(){super(...arguments),this.renderTopic=t=>i.html`
354
348
  <ft-reader-topic tocId="${t}" .exportpartsPrefix=${"topic"}></ft-reader-topic>
355
349
  `,this.renderBeforeFirst=5,this.renderAfterLast=10,this.visibleTopicsDebouncer=new e.Debouncer(100)}render(){var t;return i.html`
356
350
  <ft-infinite-scroll class="ft-reader-content"
@@ -365,5 +359,4 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
365
359
  >
366
360
 
367
361
  </ft-infinite-scroll>
368
- `}getScrollTarget(){var t,e,i,o,s;const n=null!==(o=null===(t=this.visibleTopics)||void 0===t?void 0:t.includes(null!==(i=null===(e=this.scrollTarget)||void 0===e?void 0:e.tocId)&&void 0!==i?i:""))&&void 0!==o&&o;return!(null===(s=this.scrollTarget)||void 0===s?void 0:s.tocId)||n&&null!=this.scrollTarget.section?null:this.scrollTarget.tocId}visibleTopicChange(t){this.visibleTopicsDebouncer.run((()=>{var e;return null===(e=this.stateManager)||void 0===e?void 0:e.setVisibleTopics(t.detail.visibleItems)}))}onScrollDone(){var t,e;null==(null===(t=this.scrollTarget)||void 0===t?void 0:t.section)&&(null===(e=this.stateManager)||void 0===e||e.scrollDone())}}He.elementDefinitions={"ft-infinite-scroll":De},He.styles=i.css`
369
- `,qe([o.property()],He.prototype,"renderTopic",void 0),qe([e.redux()],He.prototype,"currentPage",void 0),qe([e.redux()],He.prototype,"scrollTarget",void 0),qe([e.redux()],He.prototype,"visibleTopics",void 0),qe([e.redux()],He.prototype,"renderBeforeFirst",void 0),qe([e.redux()],He.prototype,"renderAfterLast",void 0),qe([o.query(".ft-reader-content")],He.prototype,"container",void 0),e.customElement("ft-reader-content")(He),t.FtReaderContent=He,t.FtReaderContentCssVariables={},Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litUnsafeHTML,ftGlobals.litClassMap,ftGlobals.litRepeat);
362
+ `}getScrollTarget(){var t,e,i,o,s;const n=null!==(o=null===(t=this.visibleTopics)||void 0===t?void 0:t.includes(null!==(i=null===(e=this.scrollTarget)||void 0===e?void 0:e.tocId)&&void 0!==i?i:""))&&void 0!==o&&o;return!(null===(s=this.scrollTarget)||void 0===s?void 0:s.tocId)||n&&null!=this.scrollTarget.section?null:this.scrollTarget.tocId}visibleTopicChange(t){this.visibleTopicsDebouncer.run((()=>{var e;return null===(e=this.stateManager)||void 0===e?void 0:e.setVisibleTopics(t.detail.visibleItems)}))}onScrollDone(){var t,e;null==(null===(t=this.scrollTarget)||void 0===t?void 0:t.section)&&(null===(e=this.stateManager)||void 0===e||e.scrollDone())}}ii.elementDefinitions={"ft-infinite-scroll":Xe},ii.styles=ti,ei([o.property()],ii.prototype,"renderTopic",void 0),ei([e.redux()],ii.prototype,"currentPage",void 0),ei([e.redux()],ii.prototype,"scrollTarget",void 0),ei([e.redux()],ii.prototype,"visibleTopics",void 0),ei([e.redux()],ii.prototype,"renderBeforeFirst",void 0),ei([e.redux()],ii.prototype,"renderAfterLast",void 0),ei([o.query(".ft-reader-content")],ii.prototype,"container",void 0),e.customElement("ft-reader-content")(ii),t.FtReaderContent=ii,t.FtReaderContentCssVariables={},t.styles=ti,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litUnsafeHTML,ftGlobals.litClassMap,ftGlobals.litRepeat);