@fluid-topics/ft-search-bar 1.1.116 → 1.1.117

package/build/ft-search-bar.light.js

@@ -1854,7 +1854,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
                 </div>
                 <div class="ft-accordion-item--separator" part="separator"></div>
             </div>
-        `}update(e){super.update(e),e.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.active=!this.active)}};ct.elementDefinitions={"ft-ripple":T,"ft-typography":q,"ft-icon":ae};ct.styles=Js;ri([(0,vr.property)()],ct.prototype,"icon",void 0);ri([(0,vr.property)()],ct.prototype,"iconVariant",void 0);ri([(0,vr.property)()],ct.prototype,"label",void 0);ri([(0,vr.property)({type:Boolean,reflect:!0})],ct.prototype,"active",void 0);(0,sn.customElement)("ft-accordion")($t);(0,sn.customElement)("ft-accordion-item")(ct);var fn=h(w());var ni=h(N()),De=h(Y()),ic=h(lt()),li=h(w());var ii=h(N()),W=h(w());var ec=W.FtCssVariableFactory.extend("--ft-chip-color","",W.designSystemVariables.colorOnSurface),Be={backgroundColor:W.FtCssVariableFactory.extend("--ft-chip-background-color","",W.designSystemVariables.colorSurface),color:ec,fontSize:W.FtCssVariableFactory.extend("--ft-chip-font-size","",Ce.fontSize),iconSize:W.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:W.FtCssVariableFactory.create("--ft-chip-border-radius","","SIZE",""),rippleColor:W.FtCssVariableFactory.extend("--ft-chip-ripple-color","",ec),horizontalPadding:W.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:W.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:W.FtCssVariableFactory.external(W.designSystemVariables.colorOutline,"Design system"),opacityDisabled:W.FtCssVariableFactory.external(W.designSystemVariables.colorOpacityDisabled,"Design system")},tc=W.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",W.FtCssVariableFactory.extend("--ft-chip-color","",W.designSystemVariables.colorOnPrimary)),cn={backgroundColor:W.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",W.FtCssVariableFactory.extend("--ft-chip-background-color","",W.designSystemVariables.colorPrimary)),color:tc,rippleColor:W.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",tc)},oc={horizontalPadding:W.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:W.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},rc=[W.noTextSelect,ii.css`
+        `}update(e){super.update(e),e.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.active=!this.active)}};ct.elementDefinitions={"ft-ripple":T,"ft-typography":q,"ft-icon":ae};ct.styles=Js;ri([(0,vr.property)()],ct.prototype,"icon",void 0);ri([(0,vr.property)()],ct.prototype,"iconVariant",void 0);ri([(0,vr.property)()],ct.prototype,"label",void 0);ri([(0,vr.property)({type:Boolean,reflect:!0})],ct.prototype,"active",void 0);(0,sn.customElement)("ft-accordion")($t);(0,sn.customElement)("ft-accordion-item")(ct);var fn=h(w());var ni=h(N()),De=h(Y()),ic=h(lt()),li=h(w());var ii=h(N()),W=h(w());var ec=W.FtCssVariableFactory.extend("--ft-chip-color","",W.designSystemVariables.colorOnSurface),Be={backgroundColor:W.FtCssVariableFactory.extend("--ft-chip-background-color","",W.designSystemVariables.colorSurface),color:ec,fontSize:W.FtCssVariableFactory.extend("--ft-chip-font-size","",Ce.fontSize),iconSize:W.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:W.FtCssVariableFactory.create("--ft-chip-border-radius","","SIZE",""),rippleColor:W.FtCssVariableFactory.extend("--ft-chip-ripple-color","",ec),horizontalPadding:W.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:W.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),borderColor:W.FtCssVariableFactory.extend("--ft-chip-border-color","",W.designSystemVariables.colorOutline),opacityDisabled:W.FtCssVariableFactory.external(W.designSystemVariables.colorOpacityDisabled,"Design system")},tc=W.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",W.FtCssVariableFactory.extend("--ft-chip-color","",W.designSystemVariables.colorOnPrimary)),cn={backgroundColor:W.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",W.FtCssVariableFactory.extend("--ft-chip-background-color","",W.designSystemVariables.colorPrimary)),color:tc,rippleColor:W.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",tc)},oc={horizontalPadding:W.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:W.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},rc=[W.noTextSelect,ii.css`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -1878,7 +1878,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
             --ft-chip-internal-icon-padding: 3px;
             --ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Be.iconSize});
 
-            border: 1px solid ${Be.colorOutline};
+            border: 1px solid ${Be.borderColor};
             color: ${Be.color};
             ${(0,W.setVariable)(O.color,Be.rippleColor)};
             border-radius: var(${(0,ii.unsafeCSS)(Be.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
@@ -1919,11 +1919,12 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
 
         .ft-chip--clickable {
             cursor: pointer;
-            -webkit-mask-image: radial-gradient(white, black);
+            overflow: hidden
         }
 
         .ft-chip:focus {
-            outline: none;
+            outline: 2px solid var(--ft-color-primary, #2196F3);
+            outline-offset: 2px;
         }
 
         .ft-chip--icon-container {
@@ -2017,7 +2018,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
                     <div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
                         <ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
                     </div>
-            `}onKeyUp(e){this.interactionsOnChip&&["Enter"," "].includes(e.key)&&e.target.click()}onIconKeyUp(e){this.interactionsOnIcon&&["Enter"," "].includes(e.key)&&(e.stopPropagation(),this.dispatchEvent(new ai))}onIconClick(e){this.interactionsOnIcon&&(e.stopPropagation(),this.dispatchEvent(new ai))}getLabel(){return this.label||this.textContent}get textContent(){var e,r;return(r=(e=this.slottedContent)===null||e===void 0?void 0:e.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&r!==void 0?r:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};he.elementDefinitions={"ft-ripple":T,"ft-typography":q,"ft-icon":ae,"ft-button":ve};he.styles=rc;Qe([(0,De.property)({type:Boolean})],he.prototype,"highlighted",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"removable",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"disabled",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"clickable",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"iconClickable",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"dense",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"multiLine",void 0);Qe([(0,De.property)()],he.prototype,"label",void 0);Qe([(0,De.property)()],he.prototype,"iconLabel",void 0);Qe([(0,De.property)()],he.prototype,"icon",void 0);Qe([(0,De.property)()],he.prototype,"iconVariant",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"trailingIcon",void 0);Qe([(0,De.query)("ft-typography slot")],he.prototype,"slottedContent",void 0);var Ro=h(N()),Lo=h(Y()),lc=h(lt()),si=h(w());var nc=h(N());var dn=h(w());var ac=[nc.css`
+            `}onKeyUp(e){this.interactionsOnChip&&["Enter"," "].includes(e.key)&&e.target.click()}onIconKeyUp(e){this.interactionsOnIcon&&["Enter"," "].includes(e.key)&&(e.stopPropagation(),this.dispatchEvent(new ai))}onIconClick(e){this.interactionsOnIcon&&(e.stopPropagation(),this.dispatchEvent(new ai))}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(e){return e instanceof HTMLSlotElement?e.assignedNodes().map(r=>this.unslotText(r)).join(""):e?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};he.elementDefinitions={"ft-ripple":T,"ft-typography":q,"ft-icon":ae,"ft-button":ve};he.styles=rc;Qe([(0,De.property)({type:Boolean})],he.prototype,"highlighted",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"removable",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"disabled",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"clickable",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"iconClickable",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"dense",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"multiLine",void 0);Qe([(0,De.property)()],he.prototype,"label",void 0);Qe([(0,De.property)()],he.prototype,"iconLabel",void 0);Qe([(0,De.property)()],he.prototype,"icon",void 0);Qe([(0,De.property)()],he.prototype,"iconVariant",void 0);Qe([(0,De.property)({type:Boolean})],he.prototype,"trailingIcon",void 0);Qe([(0,De.query)("ft-typography slot")],he.prototype,"slottedContent",void 0);var Ro=h(N()),Lo=h(Y()),lc=h(lt()),si=h(w());var nc=h(N());var dn=h(w());var ac=[nc.css`
         :host {
             display: inline-block;
             max-width: 100%;

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

@@ -1900,7 +1900,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
                 </div>
                 <div class="ft-accordion-item--separator" part="separator"></div>
             </div>
-        `}update(e){super.update(e),e.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.active=!this.active)}};nt.elementDefinitions={"ft-ripple":X,"ft-typography":ae,"ft-icon":ye};nt.styles=jd;Hi([m()],nt.prototype,"icon",void 0);Hi([m()],nt.prototype,"iconVariant",void 0);Hi([m()],nt.prototype,"label",void 0);Hi([m({type:Boolean,reflect:!0})],nt.prototype,"active",void 0);H("ft-accordion")(Et);H("ft-accordion-item")(nt);var Kd=o.extend("--ft-chip-color","",$.colorOnSurface),Ue={backgroundColor:o.extend("--ft-chip-background-color","",$.colorSurface),color:Kd,fontSize:o.extend("--ft-chip-font-size","",ke.fontSize),iconSize:o.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:o.create("--ft-chip-border-radius","","SIZE",""),rippleColor:o.extend("--ft-chip-ripple-color","",Kd),horizontalPadding:o.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:o.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:o.external($.colorOutline,"Design system"),opacityDisabled:o.external($.colorOpacityDisabled,"Design system")},Gd=o.extend("--ft-chip-highlighted-color","",o.extend("--ft-chip-color","",$.colorOnPrimary)),Cs={backgroundColor:o.extend("--ft-chip-highlighted-background-color","",o.extend("--ft-chip-background-color","",$.colorPrimary)),color:Gd,rippleColor:o.extend("--ft-chip-highlighted-ripple-color","",Gd)},Zd={horizontalPadding:o.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:o.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},qd=[xr,N`
+        `}update(e){super.update(e),e.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.active=!this.active)}};nt.elementDefinitions={"ft-ripple":X,"ft-typography":ae,"ft-icon":ye};nt.styles=jd;Hi([m()],nt.prototype,"icon",void 0);Hi([m()],nt.prototype,"iconVariant",void 0);Hi([m()],nt.prototype,"label",void 0);Hi([m({type:Boolean,reflect:!0})],nt.prototype,"active",void 0);H("ft-accordion")(Et);H("ft-accordion-item")(nt);var Kd=o.extend("--ft-chip-color","",$.colorOnSurface),Ue={backgroundColor:o.extend("--ft-chip-background-color","",$.colorSurface),color:Kd,fontSize:o.extend("--ft-chip-font-size","",ke.fontSize),iconSize:o.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:o.create("--ft-chip-border-radius","","SIZE",""),rippleColor:o.extend("--ft-chip-ripple-color","",Kd),horizontalPadding:o.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:o.create("--ft-chip-vertical-padding","","SIZE","6px"),borderColor:o.extend("--ft-chip-border-color","",$.colorOutline),opacityDisabled:o.external($.colorOpacityDisabled,"Design system")},Gd=o.extend("--ft-chip-highlighted-color","",o.extend("--ft-chip-color","",$.colorOnPrimary)),Cs={backgroundColor:o.extend("--ft-chip-highlighted-background-color","",o.extend("--ft-chip-background-color","",$.colorPrimary)),color:Gd,rippleColor:o.extend("--ft-chip-highlighted-ripple-color","",Gd)},Zd={horizontalPadding:o.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:o.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},qd=[xr,N`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -1924,7 +1924,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
             --ft-chip-internal-icon-padding: 3px;
             --ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Ue.iconSize});
 
-            border: 1px solid ${Ue.colorOutline};
+            border: 1px solid ${Ue.borderColor};
             color: ${Ue.color};
             ${v(L.color,Ue.rippleColor)};
             border-radius: var(${Nt(Ue.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
@@ -1965,11 +1965,12 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
 
         .ft-chip--clickable {
             cursor: pointer;
-            -webkit-mask-image: radial-gradient(white, black);
+            overflow: hidden
         }
 
         .ft-chip:focus {
-            outline: none;
+            outline: 2px solid var(--ft-color-primary, #2196F3);
+            outline-offset: 2px;
         }
 
         .ft-chip--icon-container {
@@ -2063,7 +2064,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
                     <div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
                         <ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
                     </div>
-            `}onKeyUp(e){this.interactionsOnChip&&["Enter"," "].includes(e.key)&&e.target.click()}onIconKeyUp(e){this.interactionsOnIcon&&["Enter"," "].includes(e.key)&&(e.stopPropagation(),this.dispatchEvent(new Vi))}onIconClick(e){this.interactionsOnIcon&&(e.stopPropagation(),this.dispatchEvent(new Vi))}getLabel(){return this.label||this.textContent}get textContent(){var e,t;return(t=(e=this.slottedContent)===null||e===void 0?void 0:e.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&t!==void 0?t:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};Oe.elementDefinitions={"ft-ripple":X,"ft-typography":ae,"ft-icon":ye,"ft-button":we};Oe.styles=qd;et([m({type:Boolean})],Oe.prototype,"highlighted",void 0);et([m({type:Boolean})],Oe.prototype,"removable",void 0);et([m({type:Boolean})],Oe.prototype,"disabled",void 0);et([m({type:Boolean})],Oe.prototype,"clickable",void 0);et([m({type:Boolean})],Oe.prototype,"iconClickable",void 0);et([m({type:Boolean})],Oe.prototype,"dense",void 0);et([m({type:Boolean})],Oe.prototype,"multiLine",void 0);et([m()],Oe.prototype,"label",void 0);et([m()],Oe.prototype,"iconLabel",void 0);et([m()],Oe.prototype,"icon",void 0);et([m()],Oe.prototype,"iconVariant",void 0);et([m({type:Boolean})],Oe.prototype,"trailingIcon",void 0);et([B("ft-typography slot")],Oe.prototype,"slottedContent",void 0);var Yd=[N`
+            `}onKeyUp(e){this.interactionsOnChip&&["Enter"," "].includes(e.key)&&e.target.click()}onIconKeyUp(e){this.interactionsOnIcon&&["Enter"," "].includes(e.key)&&(e.stopPropagation(),this.dispatchEvent(new Vi))}onIconClick(e){this.interactionsOnIcon&&(e.stopPropagation(),this.dispatchEvent(new Vi))}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(e){return e instanceof HTMLSlotElement?e.assignedNodes().map(t=>this.unslotText(t)).join(""):e?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};Oe.elementDefinitions={"ft-ripple":X,"ft-typography":ae,"ft-icon":ye,"ft-button":we};Oe.styles=qd;et([m({type:Boolean})],Oe.prototype,"highlighted",void 0);et([m({type:Boolean})],Oe.prototype,"removable",void 0);et([m({type:Boolean})],Oe.prototype,"disabled",void 0);et([m({type:Boolean})],Oe.prototype,"clickable",void 0);et([m({type:Boolean})],Oe.prototype,"iconClickable",void 0);et([m({type:Boolean})],Oe.prototype,"dense",void 0);et([m({type:Boolean})],Oe.prototype,"multiLine",void 0);et([m()],Oe.prototype,"label",void 0);et([m()],Oe.prototype,"iconLabel",void 0);et([m()],Oe.prototype,"icon",void 0);et([m()],Oe.prototype,"iconVariant",void 0);et([m({type:Boolean})],Oe.prototype,"trailingIcon",void 0);et([B("ft-typography slot")],Oe.prototype,"slottedContent",void 0);var Yd=[N`
         :host {
             display: inline-block;
             max-width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-search-bar",
-  "version": "1.1.116",
+  "version": "1.1.117",
   "description": "Search bar component using Fluid Topics public API",
   "keywords": [
     "Lit"
@@ -19,23 +19,23 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-accordion": "1.1.116",
-    "@fluid-topics/ft-app-context": "1.1.116",
-    "@fluid-topics/ft-button": "1.1.116",
-    "@fluid-topics/ft-chip": "1.1.116",
-    "@fluid-topics/ft-filter": "1.1.116",
-    "@fluid-topics/ft-icon": "1.1.116",
-    "@fluid-topics/ft-select": "1.1.116",
-    "@fluid-topics/ft-size-watcher": "1.1.116",
-    "@fluid-topics/ft-skeleton": "1.1.116",
-    "@fluid-topics/ft-snap-scroll": "1.1.116",
-    "@fluid-topics/ft-tooltip": "1.1.116",
-    "@fluid-topics/ft-typography": "1.1.116",
-    "@fluid-topics/ft-wc-utils": "1.1.116",
+    "@fluid-topics/ft-accordion": "1.1.117",
+    "@fluid-topics/ft-app-context": "1.1.117",
+    "@fluid-topics/ft-button": "1.1.117",
+    "@fluid-topics/ft-chip": "1.1.117",
+    "@fluid-topics/ft-filter": "1.1.117",
+    "@fluid-topics/ft-icon": "1.1.117",
+    "@fluid-topics/ft-select": "1.1.117",
+    "@fluid-topics/ft-size-watcher": "1.1.117",
+    "@fluid-topics/ft-skeleton": "1.1.117",
+    "@fluid-topics/ft-snap-scroll": "1.1.117",
+    "@fluid-topics/ft-tooltip": "1.1.117",
+    "@fluid-topics/ft-typography": "1.1.117",
+    "@fluid-topics/ft-wc-utils": "1.1.117",
     "lit": "3.1.0"
   },
   "devDependencies": {
     "@fluid-topics/public-api": "1.0.77"
   },
-  "gitHead": "261937d678cb0ad3ae752ef48cde5e906123c3e2"
+  "gitHead": "061a8cebc72403790111ca8292208f4213b84312"
 }