@fluid-topics/ft-search-selected-facets 1.1.21 → 1.1.22

package/build/ft-search-selected-facets.light.js

@@ -1476,7 +1476,7 @@ const jt=Symbol.for(""),Mt=t=>{if(t?.r===jt)return t?._$litStatic$},_t=t=>({_$li
                     @click=${this.next}
                 ></ft-button>
             </div>
-        `}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new Xr(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,o;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(o=this.contentSlot)||void 0===o||o.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}Jr.elementDefinitions={"ft-button":Vi},Jr.styles=Yr,Qr([r.property({type:Boolean})],Jr.prototype,"horizontal",void 0),Qr([r.property({type:Boolean})],Jr.prototype,"hideScrollbar",void 0),Qr([r.property({type:Boolean})],Jr.prototype,"controls",void 0),Qr([r.property({type:Boolean})],Jr.prototype,"limitSize",void 0),Qr([r.state()],Jr.prototype,"elements",void 0),Qr([r.state()],Jr.prototype,"currentElement",void 0),Qr([r.state()],Jr.prototype,"withScroll",void 0),Qr([r.state()],Jr.prototype,"startReached",void 0),Qr([r.state()],Jr.prototype,"endReached",void 0),Qr([r.query(".ft-snap-scroll--content")],Jr.prototype,"contentSlot",void 0),e.customElement("ft-snap-scroll")(Jr);const tn=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),en=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),on=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),rn=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),nn=e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),an=e.FtCssVariableFactory.external(e.designSystemVariables.transitionDuration,"Design system"),sn=e.FtCssVariableFactory.external(e.designSystemVariables.transitionTimingFunction,"Design system"),ln=e.FtCssVariableFactory.extend("--ft-filter-label-color","",e.designSystemVariables.colorOnSurface),cn=e.FtCssVariableFactory.extend("--ft-filter-label-font-size","",re.fontSize,"14px"),hn=[so,o.css`
+        `}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new Xr(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,o;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(o=this.contentSlot)||void 0===o||o.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}Jr.elementDefinitions={"ft-button":Vi},Jr.styles=Yr,Qr([r.property({type:Boolean})],Jr.prototype,"horizontal",void 0),Qr([r.property({type:Boolean})],Jr.prototype,"hideScrollbar",void 0),Qr([r.property({type:Boolean})],Jr.prototype,"controls",void 0),Qr([r.property({type:Boolean})],Jr.prototype,"limitSize",void 0),Qr([r.state()],Jr.prototype,"elements",void 0),Qr([r.state()],Jr.prototype,"currentElement",void 0),Qr([r.state()],Jr.prototype,"withScroll",void 0),Qr([r.state()],Jr.prototype,"startReached",void 0),Qr([r.state()],Jr.prototype,"endReached",void 0),Qr([r.query(".ft-snap-scroll--content")],Jr.prototype,"contentSlot",void 0),e.customElement("ft-snap-scroll")(Jr);const tn=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),en=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),on=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),rn=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),nn=e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),an=e.FtCssVariableFactory.external(e.designSystemVariables.transitionDuration,"Design system"),sn=e.FtCssVariableFactory.external(e.designSystemVariables.transitionTimingFunction,"Design system"),ln=e.FtCssVariableFactory.extend("--ft-filter-label-color","",e.designSystemVariables.colorOnSurface),cn=e.FtCssVariableFactory.extend("--ft-filter-label-font-size","",re.fontSize,"16px"),hn=[so,o.css`
         :host {
             display: flex;
             max-height: 100%;

package/build/ft-search-selected-facets.min.js

@@ -1632,7 +1632,7 @@ function(t){return(e,o)=>{const{slot:i,selector:r}=t??{},n="slot"+(i?`[name=${i}
                     @click=${this.next}
                 ></ft-button>
             </div>
-        `}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new mc(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,o;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(o=this.contentSlot)||void 0===o||o.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}xc.elementDefinitions={"ft-button":yl},xc.styles=bc,vc([R({type:Boolean})],xc.prototype,"horizontal",void 0),vc([R({type:Boolean})],xc.prototype,"hideScrollbar",void 0),vc([R({type:Boolean})],xc.prototype,"controls",void 0),vc([R({type:Boolean})],xc.prototype,"limitSize",void 0),vc([I()],xc.prototype,"elements",void 0),vc([I()],xc.prototype,"currentElement",void 0),vc([I()],xc.prototype,"withScroll",void 0),vc([I()],xc.prototype,"startReached",void 0),vc([I()],xc.prototype,"endReached",void 0),vc([A(".ft-snap-scroll--content")],xc.prototype,"contentSlot",void 0),B("ft-snap-scroll")(xc);const Oc=Ue.external(Fe.colorOutline,"Design system"),wc=Ue.external(Fe.colorOnSurface,"Design system"),Sc=Ue.external(Fe.colorOnSurfaceMedium,"Design system"),Nc=Ue.external(Fe.colorPrimary,"Design system"),$c=Ue.external(Fe.colorSurface,"Design system"),Cc=Ue.external(Fe.transitionDuration,"Design system"),Ec=Ue.external(Fe.transitionTimingFunction,"Design system"),kc=Ue.extend("--ft-filter-label-color","",Fe.colorOnSurface),Rc=Ue.extend("--ft-filter-label-font-size","",Nn.fontSize,"14px"),Ic=[Ea,Ut`
+        `}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new mc(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,o;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(o=this.contentSlot)||void 0===o||o.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}xc.elementDefinitions={"ft-button":yl},xc.styles=bc,vc([R({type:Boolean})],xc.prototype,"horizontal",void 0),vc([R({type:Boolean})],xc.prototype,"hideScrollbar",void 0),vc([R({type:Boolean})],xc.prototype,"controls",void 0),vc([R({type:Boolean})],xc.prototype,"limitSize",void 0),vc([I()],xc.prototype,"elements",void 0),vc([I()],xc.prototype,"currentElement",void 0),vc([I()],xc.prototype,"withScroll",void 0),vc([I()],xc.prototype,"startReached",void 0),vc([I()],xc.prototype,"endReached",void 0),vc([A(".ft-snap-scroll--content")],xc.prototype,"contentSlot",void 0),B("ft-snap-scroll")(xc);const Oc=Ue.external(Fe.colorOutline,"Design system"),wc=Ue.external(Fe.colorOnSurface,"Design system"),Sc=Ue.external(Fe.colorOnSurfaceMedium,"Design system"),Nc=Ue.external(Fe.colorPrimary,"Design system"),$c=Ue.external(Fe.colorSurface,"Design system"),Cc=Ue.external(Fe.transitionDuration,"Design system"),Ec=Ue.external(Fe.transitionTimingFunction,"Design system"),kc=Ue.extend("--ft-filter-label-color","",Fe.colorOnSurface),Rc=Ue.extend("--ft-filter-label-font-size","",Nn.fontSize,"16px"),Ic=[Ea,Ut`
         :host {
             display: flex;
             max-height: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-search-selected-facets",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "description": "List of selected facets in a designed search page context",
   "keywords": [
     "Lit"
@@ -19,12 +19,12 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-chip": "1.1.21",
-    "@fluid-topics/ft-search-context": "1.1.21",
-    "@fluid-topics/ft-search-type": "1.1.21",
-    "@fluid-topics/ft-tooltip": "1.1.21",
-    "@fluid-topics/ft-wc-utils": "1.1.21",
+    "@fluid-topics/ft-chip": "1.1.22",
+    "@fluid-topics/ft-search-context": "1.1.22",
+    "@fluid-topics/ft-search-type": "1.1.22",
+    "@fluid-topics/ft-tooltip": "1.1.22",
+    "@fluid-topics/ft-wc-utils": "1.1.22",
     "lit": "3.1.0"
   },
-  "gitHead": "1455b4444f7be1901b9584e75f7f1884212a94e8"
+  "gitHead": "89c8b3562faee77c5ae79180f255aa9021f4d229"
 }