@fluid-topics/ft-filter 0.2.17 → 0.2.18

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.
@@ -268,7 +268,6 @@ FtFilter.styles = [
268
268
  max-height: 100%;
269
269
  max-width: 100%;
270
270
  color: ${FtFilterCssVariables.colorOnSurface};
271
- background: ${FtFilterCssVariables.colorSurface};
272
271
  }
273
272
 
274
273
  .ft-filter--header {
@@ -321,10 +320,14 @@ FtFilter.styles = [
321
320
  border: 1px solid ${FtFilterCssVariables.colorOutline};
322
321
  padding: 4px;
323
322
  background-color: ${FtFilterCssVariables.colorSurface};
324
- color: ${FtFilterCssVariables.colorOnSurfaceMedium};
323
+ color: ${FtFilterCssVariables.colorOnSurface};
325
324
  outline-color: ${FtFilterCssVariables.colorPrimary};
326
325
  }
327
326
 
327
+ input::placeholder {
328
+ color: ${FtFilterCssVariables.colorOnSurfaceMedium};
329
+ }
330
+
328
331
  .ft-filter--values {
329
332
  flex-grow: 1;
330
333
  flex-shrink: 1;
@@ -392,7 +392,7 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
392
392
  box-shadow: 0px 0px 0px transparent;
393
393
  border: 0px solid transparent;
394
394
  text-shadow: 0px 0px 0px transparent;
395
- font-size: inherit;
395
+ font-size: 16px;
396
396
  }
397
397
 
398
398
  button:hover {
@@ -420,7 +420,6 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
420
420
  box-sizing: border-box;
421
421
  border: none;
422
422
  pointer-events: auto;
423
- line-height: 0;
424
423
 
425
424
  --ft-button-internal-font-size: ${Mi.fontSize};
426
425
  --ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
@@ -1115,7 +1114,6 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
1115
1114
  max-height: 100%;
1116
1115
  max-width: 100%;
1117
1116
  color: ${le.colorOnSurface};
1118
- background: ${le.colorSurface};
1119
1117
  }
1120
1118
 
1121
1119
  .ft-filter--header {
@@ -1168,10 +1166,14 @@ const H=Symbol.for(""),U=t=>{var i,e;if((null===(i=t)||void 0===i?void 0:i.r)===
1168
1166
  border: 1px solid ${le.colorOutline};
1169
1167
  padding: 4px;
1170
1168
  background-color: ${le.colorSurface};
1171
- color: ${le.colorOnSurfaceMedium};
1169
+ color: ${le.colorOnSurface};
1172
1170
  outline-color: ${le.colorPrimary};
1173
1171
  }
1174
1172
 
1173
+ input::placeholder {
1174
+ color: ${le.colorOnSurfaceMedium};
1175
+ }
1176
+
1175
1177
  .ft-filter--values {
1176
1178
  flex-grow: 1;
1177
1179
  flex-shrink: 1;
@@ -82,7 +82,7 @@ var ct,pt;null==ht||ht(G,et),(null!==(N=globalThis.litHtmlVersions)&&void 0!==N?
82
82
  <style>${t}</style>
83
83
  `))}
84
84
  ${this.getTemplate()}
85
- `}updated(t){super.updated(t),setTimeout((()=>{var e;this.contentAvailableCallback(t),(null===(e=this.exportpartsPrefix)||void 0===e?void 0:e.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}),0)}setExportpartsAttribute(t){var e,i,o,s,n,r;let l=[];for(let a of t){let t=null==a?void 0:a.trim();if(t)for(let a of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){let e=null!==(s=null===(o=a.getAttribute("part"))||void 0===o?void 0:o.split(" "))&&void 0!==s?s:[],i=null!==(r=null===(n=a.getAttribute("exportparts"))||void 0===n?void 0:n.split(",").map((t=>t.split(":")[1])))&&void 0!==r?r:[];const h=[...new Set([...e,...i])].filter((t=>null!=t&&t.trim().length>0)).map((t=>t.trim())).map((e=>`${e}:${t}--${e}`));l.push(...h)}}this.setAttribute("exportparts",l.join(", "))}contentAvailableCallback(t){}}xt([o()],yt.prototype,"exportpartsPrefix",void 0),xt([p([])],yt.prototype,"exportpartsPrefixes",void 0);const gt=x`
85
+ `}updated(t){super.updated(t),setTimeout((()=>{var e;this.contentAvailableCallback(t),(null===(e=this.exportpartsPrefix)||void 0===e?void 0:e.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}),0)}setExportpartsAttribute(t){var e,i,o,s,n,r;const l=t=>null!=t&&t.trim().length>0,a=t.filter(l).map((t=>t.trim()));if(0===a.length)return void this.removeAttribute("exportparts");const h=new Set;for(let t of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){const e=null!==(s=null===(o=t.getAttribute("part"))||void 0===o?void 0:o.split(" "))&&void 0!==s?s:[],i=null!==(r=null===(n=t.getAttribute("exportparts"))||void 0===n?void 0:n.split(",").map((t=>t.split(":")[1])))&&void 0!==r?r:[];new Array(...e,...i).filter(l).map((t=>t.trim())).forEach((t=>h.add(t)))}if(0===h.size)return void this.removeAttribute("exportparts");const c=[...h.values()].flatMap((t=>a.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...c].join(", "))}contentAvailableCallback(t){}}xt([o()],yt.prototype,"exportpartsPrefix",void 0),xt([p([])],yt.prototype,"exportpartsPrefixes",void 0);const gt=x`
86
86
  .ft-no-text-select {
87
87
  -webkit-touch-callout: none;
88
88
  -webkit-user-select: none;
@@ -499,7 +499,7 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
499
499
  box-shadow: 0px 0px 0px transparent;
500
500
  border: 0px solid transparent;
501
501
  text-shadow: 0px 0px 0px transparent;
502
- font-size: inherit;
502
+ font-size: 16px;
503
503
  }
504
504
 
505
505
  button:hover {
@@ -527,7 +527,6 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
527
527
  box-sizing: border-box;
528
528
  border: none;
529
529
  pointer-events: auto;
530
- line-height: 0;
531
530
 
532
531
  --ft-button-internal-font-size: ${Mi.fontSize};
533
532
  --ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
@@ -1222,7 +1221,6 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
1222
1221
  max-height: 100%;
1223
1222
  max-width: 100%;
1224
1223
  color: ${no.colorOnSurface};
1225
- background: ${no.colorSurface};
1226
1224
  }
1227
1225
 
1228
1226
  .ft-filter--header {
@@ -1275,10 +1273,14 @@ class mi extends Ke{constructor(t){if(super(t),this.it=J,t.type!==He)throw Error
1275
1273
  border: 1px solid ${no.colorOutline};
1276
1274
  padding: 4px;
1277
1275
  background-color: ${no.colorSurface};
1278
- color: ${no.colorOnSurfaceMedium};
1276
+ color: ${no.colorOnSurface};
1279
1277
  outline-color: ${no.colorPrimary};
1280
1278
  }
1281
1279
 
1280
+ input::placeholder {
1281
+ color: ${no.colorOnSurfaceMedium};
1282
+ }
1283
+
1282
1284
  .ft-filter--values {
1283
1285
  flex-grow: 1;
1284
1286
  flex-shrink: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-filter",
3
- "version": "0.2.17",
3
+ "version": "0.2.18",
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": "^0.2.17",
23
- "@fluid-topics/ft-checkbox": "^0.2.17",
24
- "@fluid-topics/ft-icon": "^0.2.17",
25
- "@fluid-topics/ft-radio": "^0.2.17",
26
- "@fluid-topics/ft-ripple": "^0.2.17",
27
- "@fluid-topics/ft-snap-scroll": "^0.2.17",
28
- "@fluid-topics/ft-typography": "^0.2.17",
29
- "@fluid-topics/ft-wc-utils": "^0.2.17",
22
+ "@fluid-topics/ft-button": "^0.2.18",
23
+ "@fluid-topics/ft-checkbox": "^0.2.18",
24
+ "@fluid-topics/ft-icon": "^0.2.18",
25
+ "@fluid-topics/ft-radio": "^0.2.18",
26
+ "@fluid-topics/ft-ripple": "^0.2.18",
27
+ "@fluid-topics/ft-snap-scroll": "^0.2.18",
28
+ "@fluid-topics/ft-typography": "^0.2.18",
29
+ "@fluid-topics/ft-wc-utils": "^0.2.18",
30
30
  "lit": "2.1.3"
31
31
  },
32
- "gitHead": "7f1e7d4377a6bac24d6d797b342f25166ee44031"
32
+ "gitHead": "ef8d35d4cfa0669cf38aa2e3d40e02ba46f4d7f9"
33
33
  }