@fluid-topics/ft-filter 1.1.56 → 1.1.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-filter.light.js +7 -7
- package/build/ft-filter.min.js +7 -7
- package/package.json +10 -10
package/build/ft-filter.light.js
CHANGED
|
@@ -982,13 +982,13 @@ const G=Symbol.for(""),T=t=>{if(t?.r===G)return t?._$litStatic$},M=t=>({_$litSta
|
|
|
982
982
|
.ft-radio--disabled .ft-radio--box:after {
|
|
983
983
|
background-color: ${vr};
|
|
984
984
|
}
|
|
985
|
-
`;var Nr=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(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 Sr extends CustomEvent{constructor(t,o){super("change",{detail:{value:t,checked:o},bubbles:!0,composed:!0})}}class wr extends o.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return e.html`
|
|
985
|
+
`;var Nr=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(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 Sr extends CustomEvent{constructor(t,o){super("change",{detail:{value:t,checked:o},bubbles:!0,composed:!0})}}class wr extends o.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1,this.tabIndex=-1,this.role="radio"}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return e.html`
|
|
986
986
|
<div class="${a.classMap(t)}">
|
|
987
987
|
<div class="ft-radio--box-container">
|
|
988
988
|
<ft-ripple
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
989
|
+
?disabled=${this.disabled}
|
|
990
|
+
?primary=${this.checked}
|
|
991
|
+
unbounded>
|
|
992
992
|
</ft-ripple>
|
|
993
993
|
<div class="ft-radio--box">
|
|
994
994
|
</div>
|
|
@@ -1007,16 +1007,16 @@ const G=Symbol.for(""),T=t=>{if(t?.r===G)return t?._$litStatic$},M=t=>({_$litSta
|
|
|
1007
1007
|
</ft-typography>
|
|
1008
1008
|
</label>
|
|
1009
1009
|
</div>
|
|
1010
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Sr(this.value,this.checked))}contentAvailableCallback(t){var o;super.contentAvailableCallback(t),null===(o=this.ripple)||void 0===o||o.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Sr(this.value,this.checked))
|
|
1010
|
+
`}update(t){super.update(t),t.has("checked")&&!t.has("aria-checked")&&(this.checked?(this.setAttribute("aria-checked","true"),this.tabIndex=0):(this.setAttribute("aria-checked","false"),this.tabIndex=-1))}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Sr(this.value,this.checked))}contentAvailableCallback(t){var o;super.contentAvailableCallback(t),null===(o=this.ripple)||void 0===o||o.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Sr(this.value,this.checked))}}wr.elementDefinitions={"ft-ripple":Fo,"ft-typography":go},wr.styles=Or,Nr([r.property()],wr.prototype,"value",void 0),Nr([r.property()],wr.prototype,"name",void 0),Nr([r.property({type:Boolean,reflect:!0})],wr.prototype,"checked",void 0),Nr([r.property({type:Boolean})],wr.prototype,"disabled",void 0),Nr([r.property({reflect:!0})],wr.prototype,"tabIndex",void 0),Nr([r.property({reflect:!0,attribute:"role"})],wr.prototype,"role",void 0),Nr([r.query(".ft-radio")],wr.prototype,"container",void 0),Nr([r.query("ft-ripple")],wr.prototype,"ripple",void 0),Nr([r.query("input")],wr.prototype,"input",void 0);const $r=e.css`
|
|
1011
1011
|
:host {
|
|
1012
1012
|
display: contents;
|
|
1013
1013
|
}
|
|
1014
|
-
`;var Cr=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(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 kr extends o.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return e.html`
|
|
1014
|
+
`;var Cr=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(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 kr extends o.FtLitElement{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.ariaLabelledBy=""}render(){return e.html`
|
|
1015
1015
|
<slot @slotchange=${this.onSlotChange}
|
|
1016
1016
|
@change=${this.onChange}
|
|
1017
1017
|
@keydown=${this.onKeyDown}
|
|
1018
1018
|
></slot>
|
|
1019
|
-
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((o=>o.checked=t.detail.value===o.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let
|
|
1019
|
+
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}contentAvailableCallback(t){super.contentAvailableCallback(t),this.radioButtons[0].setAttribute("tabindex","0")}onChange(t){t.stopPropagation(),this.radioButtons.forEach((o=>o.checked=t.detail.value===o.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){let o=!1;switch(t.key){case"ArrowUp":case"ArrowLeft":{o=!0;let e=this.findFtRadio(t),r=this.radioButtons.indexOf(e)-1;this.radioButtons[r<0?this.radioButtons.length-1:r].select(),this.radioButtons[r<0?this.radioButtons.length-1:r].focus();break}case"ArrowDown":case"ArrowRight":{o=!0;let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select(),this.radioButtons[e>this.radioButtons.length-1?0:e].focus();break}case"Enter":{let o=this.radioButtons.indexOf(this.findFtRadio(t));this.radioButtons[o].select()}}o&&(t.stopPropagation(),t.preventDefault())}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}kr.elementDefinitions={},kr.styles=$r,Cr([r.property()],kr.prototype,"name",void 0),Cr([r.property({reflect:!0,attribute:"role"})],kr.prototype,"role",void 0),Cr([r.property({reflect:!0,attribute:"aria-labelledby"})],kr.prototype,"ariaLabelledBy",void 0),Cr([r.queryAssignedElements()],kr.prototype,"radioButtons",void 0),o.customElement("ft-radio")(wr),o.customElement("ft-radio-group")(kr);const Ir={borderRadiusM:o.FtCssVariableFactory.external(o.designSystemVariables.borderRadiusM,"Design system"),colorOutline:o.FtCssVariableFactory.external(o.designSystemVariables.colorOutline,"Design system"),colorOnSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:o.FtCssVariableFactory.external(Lt.fontFamily,"Body2 typography"),fontSize:o.FtCssVariableFactory.external(Lt.fontSize,"Body2 typography"),fontWeight:o.FtCssVariableFactory.external(Lt.fontWeight,"Body2 typography"),letterSpacing:o.FtCssVariableFactory.external(Lt.letterSpacing,"Body2 typography"),lineHeight:o.FtCssVariableFactory.external(Lt.lineHeight,"Body2 typography"),textTransform:o.FtCssVariableFactory.external(Lt.textTransform,"Body2 typography")},Er=e.css`
|
|
1020
1020
|
.ft-filter-level--container {
|
|
1021
1021
|
display: flex;
|
|
1022
1022
|
flex-direction: column;
|
package/build/ft-filter.min.js
CHANGED
|
@@ -1151,13 +1151,13 @@ const pl=Symbol.for(""),dl=t=>{if(t?.r===pl)return t?._$litStatic$},hl=t=>({_$li
|
|
|
1151
1151
|
.ft-radio--disabled .ft-radio--box:after {
|
|
1152
1152
|
background-color: ${zc};
|
|
1153
1153
|
}
|
|
1154
|
-
`;var Fc=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class jc extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Ac extends Pi{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return Jt`
|
|
1154
|
+
`;var Fc=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class jc extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Ac extends Pi{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1,this.tabIndex=-1,this.role="radio"}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return Jt`
|
|
1155
1155
|
<div class="${He(t)}">
|
|
1156
1156
|
<div class="ft-radio--box-container">
|
|
1157
1157
|
<ft-ripple
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1158
|
+
?disabled=${this.disabled}
|
|
1159
|
+
?primary=${this.checked}
|
|
1160
|
+
unbounded>
|
|
1161
1161
|
</ft-ripple>
|
|
1162
1162
|
<div class="ft-radio--box">
|
|
1163
1163
|
</div>
|
|
@@ -1176,16 +1176,16 @@ const pl=Symbol.for(""),dl=t=>{if(t?.r===pl)return t?._$litStatic$},hl=t=>({_$li
|
|
|
1176
1176
|
</ft-typography>
|
|
1177
1177
|
</label>
|
|
1178
1178
|
</div>
|
|
1179
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new jc(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new jc(this.value,this.checked))
|
|
1179
|
+
`}update(t){super.update(t),t.has("checked")&&!t.has("aria-checked")&&(this.checked?(this.setAttribute("aria-checked","true"),this.tabIndex=0):(this.setAttribute("aria-checked","false"),this.tabIndex=-1))}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new jc(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new jc(this.value,this.checked))}}Ac.elementDefinitions={"ft-ripple":Qs,"ft-typography":Rs},Ac.styles=Bc,Fc([we()],Ac.prototype,"value",void 0),Fc([we()],Ac.prototype,"name",void 0),Fc([we({type:Boolean,reflect:!0})],Ac.prototype,"checked",void 0),Fc([we({type:Boolean})],Ac.prototype,"disabled",void 0),Fc([we({reflect:!0})],Ac.prototype,"tabIndex",void 0),Fc([we({reflect:!0,attribute:"role"})],Ac.prototype,"role",void 0),Fc([$e(".ft-radio")],Ac.prototype,"container",void 0),Fc([$e("ft-ripple")],Ac.prototype,"ripple",void 0),Fc([$e("input")],Ac.prototype,"input",void 0);const _c=dt`
|
|
1180
1180
|
:host {
|
|
1181
1181
|
display: contents;
|
|
1182
1182
|
}
|
|
1183
|
-
`;var Mc=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Pc extends Pi{constructor(){super(...arguments),this.name=""}render(){return Jt`
|
|
1183
|
+
`;var Mc=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Pc extends Pi{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.ariaLabelledBy=""}render(){return Jt`
|
|
1184
1184
|
<slot @slotchange=${this.onSlotChange}
|
|
1185
1185
|
@change=${this.onChange}
|
|
1186
1186
|
@keydown=${this.onKeyDown}
|
|
1187
1187
|
></slot>
|
|
1188
|
-
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let
|
|
1188
|
+
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}contentAvailableCallback(t){super.contentAvailableCallback(t),this.radioButtons[0].setAttribute("tabindex","0")}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){let e=!1;switch(t.key){case"ArrowUp":case"ArrowLeft":{e=!0;let o=this.findFtRadio(t),r=this.radioButtons.indexOf(o)-1;this.radioButtons[r<0?this.radioButtons.length-1:r].select(),this.radioButtons[r<0?this.radioButtons.length-1:r].focus();break}case"ArrowDown":case"ArrowRight":{e=!0;let o=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[o>this.radioButtons.length-1?0:o].select(),this.radioButtons[o>this.radioButtons.length-1?0:o].focus();break}case"Enter":{let e=this.radioButtons.indexOf(this.findFtRadio(t));this.radioButtons[e].select()}}e&&(t.stopPropagation(),t.preventDefault())}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}Pc.elementDefinitions={},Pc.styles=_c,Mc([we()],Pc.prototype,"name",void 0),Mc([we({reflect:!0,attribute:"role"})],Pc.prototype,"role",void 0),Mc([we({reflect:!0,attribute:"aria-labelledby"})],Pc.prototype,"ariaLabelledBy",void 0),Mc([Re()],Pc.prototype,"radioButtons",void 0),go("ft-radio")(Ac),go("ft-radio-group")(Pc);const Dc={borderRadiusM:Oo.external(Sr.borderRadiusM,"Design system"),colorOutline:Oo.external(Sr.colorOutline,"Design system"),colorOnSurface:Oo.external(Sr.colorOnSurface,"Design system"),colorOnSurfaceMedium:Oo.external(Sr.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:Oo.external(Sr.colorOnSurfaceDisabled,"Design system"),colorPrimary:Oo.external(Sr.colorPrimary,"Design system"),colorOnPrimary:Oo.external(Sr.colorOnPrimary,"Design system"),fontFamily:Oo.external(Yl.fontFamily,"Body2 typography"),fontSize:Oo.external(Yl.fontSize,"Body2 typography"),fontWeight:Oo.external(Yl.fontWeight,"Body2 typography"),letterSpacing:Oo.external(Yl.letterSpacing,"Body2 typography"),lineHeight:Oo.external(Yl.lineHeight,"Body2 typography"),textTransform:Oo.external(Yl.textTransform,"Body2 typography")},Zc=dt`
|
|
1189
1189
|
.ft-filter-level--container {
|
|
1190
1190
|
display: flex;
|
|
1191
1191
|
flex-direction: column;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-filter",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.57",
|
|
4
4
|
"description": "Flat selector for multivalued or monovalued filters",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,15 +19,15 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-button": "1.1.
|
|
23
|
-
"@fluid-topics/ft-checkbox": "1.1.
|
|
24
|
-
"@fluid-topics/ft-icon": "1.1.
|
|
25
|
-
"@fluid-topics/ft-radio": "1.1.
|
|
26
|
-
"@fluid-topics/ft-ripple": "1.1.
|
|
27
|
-
"@fluid-topics/ft-snap-scroll": "1.1.
|
|
28
|
-
"@fluid-topics/ft-typography": "1.1.
|
|
29
|
-
"@fluid-topics/ft-wc-utils": "1.1.
|
|
22
|
+
"@fluid-topics/ft-button": "1.1.57",
|
|
23
|
+
"@fluid-topics/ft-checkbox": "1.1.57",
|
|
24
|
+
"@fluid-topics/ft-icon": "1.1.57",
|
|
25
|
+
"@fluid-topics/ft-radio": "1.1.57",
|
|
26
|
+
"@fluid-topics/ft-ripple": "1.1.57",
|
|
27
|
+
"@fluid-topics/ft-snap-scroll": "1.1.57",
|
|
28
|
+
"@fluid-topics/ft-typography": "1.1.57",
|
|
29
|
+
"@fluid-topics/ft-wc-utils": "1.1.57",
|
|
30
30
|
"lit": "3.1.0"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "fe4e0c17422ecce6e7a0ae3fd8ce5b618357adad"
|
|
33
33
|
}
|