@fluid-topics/ft-top-bar 1.1.1 → 1.1.2

package/build/ft-top-bar.min.js

@@ -62,7 +62,11 @@ class fo extends Et{constructor(){super(...arguments),this.renderOptions={host:t
    * @license
    * Copyright 2019 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */class No extends fo{createRenderRoot(){const t=this.constructor;t.elementDefinitions&&!t.registry&&(t.registry=new CustomElementRegistry,Object.entries(t.elementDefinitions).forEach((([o,e])=>t.registry.define(o,e))));const o={...t.shadowRootOptions,customElements:t.registry},e=this.renderOptions.creationScope=this.attachShadow(o);return((t,o)=>{Oo?t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):o.forEach((o=>{const e=document.createElement("style"),r=mo.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=o.cssText,t.appendChild(e)}))})(e,t.elementStyles),e}}var So,Co=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,c=t.length-1;c>=0;c--)(i=t[c])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};const wo=Symbol("constructorPrototype"),vo=Symbol("constructorName"),xo=Symbol("exportpartsDebouncer");class Ro extends No{constructor(){super(),this[So]=new o(5),this[vo]=this.constructor.name,this[wo]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[vo]&&Object.setPrototypeOf(this,this[wo])}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var o,e;if((null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==e?e:[]).forEach((t=>t.remove())),this.customStylesheet){const t=document.createElement("style");t.classList.add("ft-lit-element--custom-stylesheet"),t.innerHTML=this.customStylesheet,this.shadowRoot.append(t)}}scheduleExportpartsUpdate(){this[xo].run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var o,e,r,i,a,n;const c=t=>null!=t&&t.trim().length>0,s=t.filter(c).map((t=>t.trim()));if(0===s.length)return void this.removeAttribute("exportparts");const l=new Set;for(let t of null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("[part],[exportparts]"))&&void 0!==e?e:[]){const o=null!==(i=null===(r=t.getAttribute("part"))||void 0===r?void 0:r.split(" "))&&void 0!==i?i:[],e=null!==(n=null===(a=t.getAttribute("exportparts"))||void 0===a?void 0:a.split(",").map((t=>t.split(":")[1])))&&void 0!==n?n:[];new Array(...o,...e).filter(c).map((t=>t.trim())).forEach((t=>l.add(t)))}if(0===l.size)return void this.removeAttribute("exportparts");const f=[...l.values()].flatMap((t=>s.map((o=>`${t}:${o}--${t}`))));this.setAttribute("exportparts",[...this.part,...f].join(", "))}}var Uo,Eo;So=xo,Co([x()],Ro.prototype,"exportpartsPrefix",void 0),Co([function(t,o){const e=()=>JSON.parse(JSON.stringify(t));return x({type:Object,converter:{fromAttribute:t=>{if(null==t)return e();try{return JSON.parse(t)}catch{return e()}},toAttribute:t=>JSON.stringify(t)},hasChanged:(t,o)=>!R(t,o),...null!=o?o:{}})}([])],Ro.prototype,"exportpartsPrefixes",void 0),Co([x()],Ro.prototype,"customStylesheet",void 0),ht`
+   */class No extends fo{createRenderRoot(){const t=this.constructor;t.elementDefinitions&&!t.registry&&(t.registry=new CustomElementRegistry,Object.entries(t.elementDefinitions).forEach((([o,e])=>t.registry.define(o,e))));const o={...t.shadowRootOptions,customElements:t.registry},e=this.renderOptions.creationScope=this.attachShadow(o);return((t,o)=>{Oo?t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):o.forEach((o=>{const e=document.createElement("style"),r=mo.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=o.cssText,t.appendChild(e)}))})(e,t.elementStyles),e}}var So,Co=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,c=t.length-1;c>=0;c--)(i=t[c])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};const wo=Symbol("constructorPrototype"),vo=Symbol("constructorName"),xo=Symbol("exportpartsDebouncer");class Ro extends No{constructor(){super(),this[So]=new o(5),this[vo]=this.constructor.name,this[wo]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[vo]&&Object.setPrototypeOf(this,this[wo])}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var o,e;if((null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==e?e:[]).forEach((t=>t.remove())),this.customStylesheet){const t=document.createElement("style");t.classList.add("ft-lit-element--custom-stylesheet"),t.innerHTML=this.customStylesheet,this.shadowRoot.append(t)}}scheduleExportpartsUpdate(){this[xo].run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var o,e,r,i,a,n;const c=t=>null!=t&&t.trim().length>0,s=t.filter(c).map((t=>t.trim()));if(0===s.length)return void this.removeAttribute("exportparts");const l=new Set;for(let t of null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("[part],[exportparts]"))&&void 0!==e?e:[]){const o=null!==(i=null===(r=t.getAttribute("part"))||void 0===r?void 0:r.split(" "))&&void 0!==i?i:[],e=null!==(n=null===(a=t.getAttribute("exportparts"))||void 0===a?void 0:a.split(",").map((t=>t.split(":")[1])))&&void 0!==n?n:[];new Array(...o,...e).filter(c).map((t=>t.trim())).forEach((t=>l.add(t)))}if(0===l.size)return void this.removeAttribute("exportparts");const f=[...l.values()].flatMap((t=>s.map((o=>`${t}:${o}--${t}`))));this.setAttribute("exportparts",[...this.part,...f].join(", "))}}So=xo,Co([x()],Ro.prototype,"exportpartsPrefix",void 0),Co([function(t,o){const e=()=>JSON.parse(JSON.stringify(t));return x({type:Object,converter:{fromAttribute:t=>{if(null==t)return e();try{return JSON.parse(t)}catch{return e()}},toAttribute:t=>JSON.stringify(t)},hasChanged:(t,o)=>!R(t,o),...null!=o?o:{}})}([])],Ro.prototype,"exportpartsPrefixes",void 0),Co([x()],Ro.prototype,"customStylesheet",void 0);const Uo=yo.create("--ft-utils-highlight-html-background-color","","COLOR","#FFF26E");var Eo,Lo;ht`
+    .highlight-html-match {
+        background: ${Uo};
+    }
+`,ht`
   .ft-no-text-select {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -94,7 +98,7 @@ class fo extends Et{constructor(){super(...arguments),this.renderOptions={host:t
     display: inline-block;
     width: 0;
   }
-`,window.ftReduxStores||(window.ftReduxStores={}),navigator.vendor&&navigator.vendor.match(/apple/i)||(null===(Eo=null===(Uo=window.safari)||void 0===Uo?void 0:Uo.pushNotification)||void 0===Eo||Eo.toString());const Lo={colorSurface:yo.external(bo.colorSurface,"Design system"),elevation02:yo.external(bo.elevation02,"Design system"),titleFont:yo.external(bo.titleFont,"Design system"),colorOnSurfaceHigh:yo.external(bo.colorOnSurfaceHigh,"Design system")},Io=ht`
+`,window.ftReduxStores||(window.ftReduxStores={}),navigator.vendor&&navigator.vendor.match(/apple/i)||(null===(Lo=null===(Eo=window.safari)||void 0===Eo?void 0:Eo.pushNotification)||void 0===Lo||Lo.toString());const Io={colorSurface:yo.external(bo.colorSurface,"Design system"),elevation02:yo.external(bo.elevation02,"Design system"),titleFont:yo.external(bo.titleFont,"Design system"),colorOnSurfaceHigh:yo.external(bo.colorOnSurfaceHigh,"Design system")},Wo=ht`
     :host {
         display: block;
         position: absolute;
@@ -106,13 +110,13 @@ class fo extends Et{constructor(){super(...arguments),this.renderOptions={host:t
     }
 
     #container {
-        background: ${Lo.colorSurface};
+        background: ${Io.colorSurface};
         display: flex;
         align-items: center;
-        box-shadow: ${Lo.elevation02};
+        box-shadow: ${Io.elevation02};
         padding: 0 16px;
         height: 100%;
-        font-family: ${Lo.titleFont}, system-ui, sans-serif;
+        font-family: ${Io.titleFont}, system-ui, sans-serif;
     }
 
     #left {
@@ -130,7 +134,7 @@ class fo extends Et{constructor(){super(...arguments),this.renderOptions={host:t
     }
 
     .title {
-        color: ${Lo.colorOnSurfaceHigh};
+        color: ${Io.colorOnSurfaceHigh};
         -webkit-font-smoothing: antialiased;
         font-size: 0.875rem;
         line-height: 2.25rem;
@@ -145,7 +149,7 @@ class fo extends Et{constructor(){super(...arguments),this.renderOptions={host:t
         align-items: center;
         min-width: 0;
     }
-`;var Wo,ko=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,c=t.length-1;c>=0;c--)(i=t[c])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class Ko extends Ro{constructor(){super(...arguments),this.title="",this.heading=""}render(){return Yt`
+`;var ko,Ko=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,c=t.length-1;c>=0;c--)(i=t[c])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class Zo extends Ro{constructor(){super(...arguments),this.title="",this.heading=""}render(){return Yt`
             <div id="container">
                 <div id="left">
                     <span class="title" ?hidden=${!this.title&&!this.heading}>${this.heading||this.title}</span>
@@ -155,4 +159,4 @@ class fo extends Et{constructor(){super(...arguments),this.renderOptions={host:t
                     <slot name="rightSlot"></slot>
                 </div>
             </div>
-        `}}Ko.elementDefinitions={},Ko.styles=Io,ko([x({type:String})],Ko.prototype,"title",void 0),ko([x({type:String})],Ko.prototype,"heading",void 0),(Wo="ft-top-bar",t=>{window.customElements.get(Wo)||window.customElements.define(Wo,t)})(Ko),t.FtTopBar=Ko,t.FtTopBarCssVariables=Lo,t.styles=Io}({});
+        `}}Zo.elementDefinitions={},Zo.styles=Wo,Ko([x({type:String})],Zo.prototype,"title",void 0),Ko([x({type:String})],Zo.prototype,"heading",void 0),(ko="ft-top-bar",t=>{window.customElements.get(ko)||window.customElements.define(ko,t)})(Zo),t.FtTopBar=Zo,t.FtTopBarCssVariables=Io,t.styles=Wo}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-top-bar",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A top bar for FT admin screens",
   "keywords": [
     "Lit"
@@ -19,8 +19,8 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-wc-utils": "1.1.1",
+    "@fluid-topics/ft-wc-utils": "1.1.2",
     "lit": "3.1.0"
   },
-  "gitHead": "ceae4aed142c27cbf6034f45bb6e3f562163cc15"
+  "gitHead": "53ce99f657872582bca43cbb7ad691b239b22823"
 }