@fluid-topics/ft-filter 0.2.19 → 0.2.20

package/build/ft-filter-level.js

@@ -130,6 +130,7 @@ export class FtFilterLevel extends FtLitElement {
         return html `
             <ft-checkbox name="${this.id}"
                          part="multivalued-option"
+                         data-value="${option.value}"
                          .checked=${option.selected}
                          .disabled=${this.disabled}
                          .indeterminate=${flatDeep((_a = option.subOptions) !== null && _a !== void 0 ? _a : [], o => { var _a; return (_a = o.subOptions) !== null && _a !== void 0 ? _a : []; }).some(o => o.selected)}
@@ -142,12 +143,12 @@ export class FtFilterLevel extends FtLitElement {
         return html `
             <ft-radio name="${this.id + Math.round(Math.random() * 1000000)}"
                       part="monovalued-option"
+                      data-value="${option.value}"
                       .checked=${option.selected}
-                      ?disabled=${this.disabled}
+                      .disabled=${this.disabled}
                       @click=${(e) => this.optionsChanged(e, option)}
                       @keyup=${(e) => this.onRadioKeyUp(e, option)}
                       @change=${(e) => e.stopPropagation()}>
-
                 ${option.label}
             </ft-radio>
         `;
@@ -236,8 +237,8 @@ FtFilterLevel.styles = [
                 margin-left: -10px;
                 word-break: break-word;
             }
-            
-            .ft-filter-level--no-values {    
+
+            .ft-filter-level--no-values {
                 margin: 10px 0;
                 color: ${FtFilterLevelCssVariables.colorOnSurfaceMedium};
             }

package/build/ft-filter.light.js

@@ -639,7 +639,7 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
         .ft-checkbox--indeterminate .ft-checkbox--checkmark {
             opacity: 1;
         }
-    `,Ai([o.property()],Vi.prototype,"name",void 0),Ai([o.property({type:Boolean})],Vi.prototype,"checked",void 0),Ai([o.property({type:Boolean})],Vi.prototype,"indeterminate",void 0),Ai([o.property({type:Boolean})],Vi.prototype,"disabled",void 0),Ai([o.query(".ft-checkbox")],Vi.prototype,"container",void 0),Ai([o.query("ft-ripple")],Vi.prototype,"ripple",void 0),i.customElement("ft-checkbox")(Vi);var Wi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};const Pi=i.FtCssVariable.extend("--ft-radio-text-color",i.designSystemVariables.colorOnSurfaceHigh),Zi=i.FtCssVariable.external(i.designSystemVariables.colorPrimary,"Design system"),Ki=(i.FtCssVariable.external(i.designSystemVariables.colorOnPrimary,"Design system"),i.FtCssVariable.extend("--ft-radio-border-color",i.designSystemVariables.colorOnSurfaceMedium)),Gi=i.FtCssVariable.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system");class qi extends CustomEvent{constructor(t,i){super("change",{detail:{value:t,checked:i},bubbles:!0,composed:!0})}}class Xi extends i.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`
+    `,Ai([o.property()],Vi.prototype,"name",void 0),Ai([o.property({type:Boolean,reflect:!0})],Vi.prototype,"checked",void 0),Ai([o.property({type:Boolean})],Vi.prototype,"indeterminate",void 0),Ai([o.property({type:Boolean})],Vi.prototype,"disabled",void 0),Ai([o.query(".ft-checkbox")],Vi.prototype,"container",void 0),Ai([o.query("ft-ripple")],Vi.prototype,"ripple",void 0),i.customElement("ft-checkbox")(Vi);var Wi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};const Pi=i.FtCssVariable.extend("--ft-radio-text-color",i.designSystemVariables.colorOnSurfaceHigh),Zi=i.FtCssVariable.external(i.designSystemVariables.colorPrimary,"Design system"),Ki=(i.FtCssVariable.external(i.designSystemVariables.colorOnPrimary,"Design system"),i.FtCssVariable.extend("--ft-radio-border-color",i.designSystemVariables.colorOnSurfaceMedium)),Gi=i.FtCssVariable.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system");class qi extends CustomEvent{constructor(t,i){super("change",{detail:{value:t,checked:i},bubbles:!0,composed:!0})}}class Xi extends i.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`
             <div class="${r.classMap(t)}">
                 <div class="ft-radio--box-container">
                     <input id="radio-button"
@@ -743,7 +743,7 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
         .ft-radio--disabled .ft-radio--box:after {
             background-color: ${Gi};
         }
-    `,Wi([o.property()],Xi.prototype,"value",void 0),Wi([o.property()],Xi.prototype,"name",void 0),Wi([o.property({type:Boolean})],Xi.prototype,"checked",void 0),Wi([o.property({type:Boolean})],Xi.prototype,"disabled",void 0),Wi([o.query(".ft-radio")],Xi.prototype,"container",void 0),Wi([o.query("ft-ripple")],Xi.prototype,"ripple",void 0),Wi([o.query("input")],Xi.prototype,"input",void 0);var Yi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ji extends i.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return e.html`
+    `,Wi([o.property()],Xi.prototype,"value",void 0),Wi([o.property()],Xi.prototype,"name",void 0),Wi([o.property({type:Boolean,reflect:!0})],Xi.prototype,"checked",void 0),Wi([o.property({type:Boolean})],Xi.prototype,"disabled",void 0),Wi([o.query(".ft-radio")],Xi.prototype,"container",void 0),Wi([o.query("ft-ripple")],Xi.prototype,"ripple",void 0),Wi([o.query("input")],Xi.prototype,"input",void 0);var Yi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ji extends i.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return e.html`
             <slot @slotchange=${this.onSlotChange}
                   @change=${this.onChange}
                   @keydown=${this.onKeyDown}
@@ -799,6 +799,7 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
         `}goBackOnKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(t){var i;return e.html`
             <ft-checkbox name="${this.id}"
                          part="multivalued-option"
+                         data-value="${t.value}"
                          .checked=${t.selected}
                          .disabled=${this.disabled}
                          .indeterminate=${si(null!==(i=t.subOptions)&&void 0!==i?i:[],(t=>{var i;return null!==(i=t.subOptions)&&void 0!==i?i:[]})).some((t=>t.selected))}
@@ -808,12 +809,12 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
         `}buildMonoValuedOption(t){return e.html`
             <ft-radio name="${this.id+Math.round(1e6*Math.random())}"
                       part="monovalued-option"
+                      data-value="${t.value}"
                       .checked=${t.selected}
-                      ?disabled=${this.disabled}
+                      .disabled=${this.disabled}
                       @click=${i=>this.optionsChanged(i,t)}
                       @keyup=${i=>this.onRadioKeyUp(i,t)}
                       @change=${t=>t.stopPropagation()}>
-
                 ${t.label}
             </ft-radio>
         `}onRadioKeyUp(t,i){i.selected&&" "===t.key&&this.optionsChanged(t,i)}optionsChanged(t,i){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:i}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}ie.elementDefinitions={"ft-button":Ii,"ft-ripple":ui,"ft-typography":oi,"ft-checkbox":Vi,"ft-icon":ji,"ft-radio":Xi},ie.styles=[e.css`
@@ -877,8 +878,8 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
                 margin-left: -10px;
                 word-break: break-word;
             }
-            
-            .ft-filter-level--no-values {    
+
+            .ft-filter-level--no-values {
                 margin: 10px 0;
                 color: ${te.colorOnSurfaceMedium};
             }

package/build/ft-filter.min.js

@@ -746,7 +746,7 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
         .ft-checkbox--indeterminate .ft-checkbox--checkmark {
             opacity: 1;
         }
-    `,Ui([o()],Pi.prototype,"name",void 0),Ui([o({type:Boolean})],Pi.prototype,"checked",void 0),Ui([o({type:Boolean})],Pi.prototype,"indeterminate",void 0),Ui([o({type:Boolean})],Pi.prototype,"disabled",void 0),Ui([r(".ft-checkbox")],Pi.prototype,"container",void 0),Ui([r("ft-ripple")],Pi.prototype,"ripple",void 0),c("ft-checkbox")(Pi);var Ii=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 Hi=ut.extend("--ft-radio-text-color",bt.colorOnSurfaceHigh),Wi=ut.external(bt.colorPrimary,"Design system"),Ki=(ut.external(bt.colorOnPrimary,"Design system"),ut.extend("--ft-radio-border-color",bt.colorOnSurfaceMedium)),Vi=ut.external(bt.colorOnSurfaceDisabled,"Design system");class Zi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Ji extends yt{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 V`
+    `,Ui([o()],Pi.prototype,"name",void 0),Ui([o({type:Boolean,reflect:!0})],Pi.prototype,"checked",void 0),Ui([o({type:Boolean})],Pi.prototype,"indeterminate",void 0),Ui([o({type:Boolean})],Pi.prototype,"disabled",void 0),Ui([r(".ft-checkbox")],Pi.prototype,"container",void 0),Ui([r("ft-ripple")],Pi.prototype,"ripple",void 0),c("ft-checkbox")(Pi);var Ii=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 Hi=ut.extend("--ft-radio-text-color",bt.colorOnSurfaceHigh),Wi=ut.external(bt.colorPrimary,"Design system"),Ki=(ut.external(bt.colorOnPrimary,"Design system"),ut.extend("--ft-radio-border-color",bt.colorOnSurfaceMedium)),Vi=ut.external(bt.colorOnSurfaceDisabled,"Design system");class Zi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Ji extends yt{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 V`
             <div class="${ti(t)}">
                 <div class="ft-radio--box-container">
                     <input id="radio-button"
@@ -850,7 +850,7 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
         .ft-radio--disabled .ft-radio--box:after {
             background-color: ${Vi};
         }
-    `,Ii([o()],Ji.prototype,"value",void 0),Ii([o()],Ji.prototype,"name",void 0),Ii([o({type:Boolean})],Ji.prototype,"checked",void 0),Ii([o({type:Boolean})],Ji.prototype,"disabled",void 0),Ii([r(".ft-radio")],Ji.prototype,"container",void 0),Ii([r("ft-ripple")],Ji.prototype,"ripple",void 0),Ii([r("input")],Ji.prototype,"input",void 0);var qi=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 Xi extends yt{constructor(){super(...arguments),this.name=""}render(){return V`
+    `,Ii([o()],Ji.prototype,"value",void 0),Ii([o()],Ji.prototype,"name",void 0),Ii([o({type:Boolean,reflect:!0})],Ji.prototype,"checked",void 0),Ii([o({type:Boolean})],Ji.prototype,"disabled",void 0),Ii([r(".ft-radio")],Ji.prototype,"container",void 0),Ii([r("ft-ripple")],Ji.prototype,"ripple",void 0),Ii([r("input")],Ji.prototype,"input",void 0);var qi=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 Xi extends yt{constructor(){super(...arguments),this.name=""}render(){return V`
             <slot @slotchange=${this.onSlotChange}
                   @change=${this.onChange}
                   @keydown=${this.onKeyDown}
@@ -906,6 +906,7 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
         `}goBackOnKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(t){var e;return V`
             <ft-checkbox name="${this.id}"
                          part="multivalued-option"
+                         data-value="${t.value}"
                          .checked=${t.selected}
                          .disabled=${this.disabled}
                          .indeterminate=${Pe(null!==(e=t.subOptions)&&void 0!==e?e:[],(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).some((t=>t.selected))}
@@ -915,12 +916,12 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
         `}buildMonoValuedOption(t){return V`
             <ft-radio name="${this.id+Math.round(1e6*Math.random())}"
                       part="monovalued-option"
+                      data-value="${t.value}"
                       .checked=${t.selected}
-                      ?disabled=${this.disabled}
+                      .disabled=${this.disabled}
                       @click=${e=>this.optionsChanged(e,t)}
                       @keyup=${e=>this.onRadioKeyUp(e,t)}
                       @change=${t=>t.stopPropagation()}>
-
                 ${t.label}
             </ft-radio>
         `}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}Qi.elementDefinitions={"ft-button":ji,"ft-ripple":ci,"ft-typography":_e,"ft-checkbox":Pi,"ft-icon":Ei,"ft-radio":Ji},Qi.styles=[x`
@@ -984,8 +985,8 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
                 margin-left: -10px;
                 word-break: break-word;
             }
-            
-            .ft-filter-level--no-values {    
+
+            .ft-filter-level--no-values {
                 margin: 10px 0;
                 color: ${Gi.colorOnSurfaceMedium};
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-filter",
-  "version": "0.2.19",
+  "version": "0.2.20",
   "description": "Flat selector for multivalued or monovalued filters",
   "keywords": [
     "Lit"
@@ -19,15 +19,15 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "^0.2.19",
-    "@fluid-topics/ft-checkbox": "^0.2.19",
-    "@fluid-topics/ft-icon": "^0.2.19",
-    "@fluid-topics/ft-radio": "^0.2.19",
-    "@fluid-topics/ft-ripple": "^0.2.19",
-    "@fluid-topics/ft-snap-scroll": "^0.2.19",
-    "@fluid-topics/ft-typography": "^0.2.19",
-    "@fluid-topics/ft-wc-utils": "^0.2.19",
+    "@fluid-topics/ft-button": "^0.2.20",
+    "@fluid-topics/ft-checkbox": "^0.2.20",
+    "@fluid-topics/ft-icon": "^0.2.20",
+    "@fluid-topics/ft-radio": "^0.2.20",
+    "@fluid-topics/ft-ripple": "^0.2.20",
+    "@fluid-topics/ft-snap-scroll": "^0.2.20",
+    "@fluid-topics/ft-typography": "^0.2.20",
+    "@fluid-topics/ft-wc-utils": "^0.2.20",
     "lit": "2.1.3"
   },
-  "gitHead": "d61a4095bbb6a067c6e0a0389dc934264c9a4b55"
+  "gitHead": "12b770753cd907c340153c5f9fed0909ecb1eefc"
 }