urnovl-web-components 0.0.73 → 0.0.75

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.
@@ -6,7 +6,7 @@ const index = require('./index-504a3055.js');
6
6
  require('./index-7073bfb2.js');
7
7
  require('./button-base-d245378c.js');
8
8
 
9
- const urLocaleFilterButtonCss = ":host mdui-button{border-radius:8px;border:1px solid #c3c6cf;height:34px}:host mdui-button.with-count{border:1px solid #09f}:host mdui-button .label{color:#191C20;font-size:14px;margin-right:8px;line-height:22px}:host mdui-button .count{margin-right:8px;border-radius:50%;display:flex;justify-content:center;width:22px;height:22px;background:#09f;color:#fff;line-height:22px;font-size:9px}:host mdui-button svg{margin-top:2px}";
9
+ const urLocaleFilterButtonCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-outline:var(--mdui-color-outline);--ur-color-surface-bright:var(--mdui-color-surface-bright)}:host mdui-button{border-radius:8px;border:1px solid rgb(var(--ur-color-outline));height:34px}:host mdui-button.with-count{border:1px solid rgb(var(--ur-color-primary))}:host mdui-button .label{font-size:14px;margin-right:8px;line-height:22px;color:rgb(var(--ur-color-on-surface))}:host mdui-button .count{margin-right:8px;border-radius:50%;display:flex;justify-content:center;width:22px;height:22px;background:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-surface-bright));line-height:22px;font-size:9px}:host mdui-button svg{margin-top:2px}:host mdui-button svg path{stroke:rgb(var(--ur-color-on-surface))}";
10
10
  const UrLocaleFilterButtonStyle0 = urLocaleFilterButtonCss;
11
11
 
12
12
  const UrLocaleFilterButton = class {
@@ -1 +1 @@
1
- {"file":"ur-locale-filter-button.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,4aAA4a,CAAC;AAC7c,mCAAe,uBAAuB;;MCQzB,oBAAoB;;;qBAGrB,CAAC;;IAET,MAAM;QACF,QACIA,QAACC,UAAI,uDACDD,0EAAa,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE,IACrEA,mEAAM,KAAK,EAAC,OAAO,aAAc,EAE7B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAIA,mEAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,EAE7DA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1FA,kEACIA,kEACIA,gFAAgB,SAAS,eAAW,SAAS,EACzC,CAAC,EAAC,6dAA6d,EAC/d,MAAM,EAAC,SAAS,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACzF,CACJ,CACF,CACI,CACX,EACT;KACL;;;;;;","names":["h","Host"],"sources":["src/components/ur-locale-filter-button/ur-locale-filter-button.css?tag=ur-locale-filter-button&encapsulation=shadow","src/components/ur-locale-filter-button/ur-locale-filter-button.tsx"],"sourcesContent":[":host {\n\n}\n\n:host mdui-button {\n border-radius: 8px;\n border: 1px solid #c3c6cf;\n height: 34px;\n}\n\n:host mdui-button.with-count {\n border: 1px solid #09f;\n}\n\n:host mdui-button .label {\n color: #191C20;\n font-size: 14px;\n margin-right: 8px;\n\n line-height: 22px;\n}\n\n:host mdui-button .count {\n margin-right: 8px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n\n width: 22px;\n height: 22px;\n\n background: #09f;\n\n color: #fff;\n line-height: 22px;\n\n font-size: 9px;\n}\n\n:host mdui-button svg {\n margin-top: 2px;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\n\n@Component({\n tag: 'ur-locale-filter-button',\n styleUrl: 'ur-locale-filter-button.css',\n shadow: true,\n})\nexport class UrLocaleFilterButton {\n\n @Prop()\n count = 0;\n\n render() {\n return (\n <Host>\n <mdui-button variant=\"outlined\" class={this.count > 0 ? \"with-count\" : \"\"}>\n <span class=\"label\">Filter</span>\n {\n this.count > 0 && <span class=\"count\">{this.count}</span>\n }\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z\"\n stroke=\"#191C20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n </g>\n </svg>\n </mdui-button>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ur-locale-filter-button.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,wzBAAwzB,CAAC;AACz1B,mCAAe,uBAAuB;;MCQzB,oBAAoB;;;qBAGrB,CAAC;;IAET,MAAM;QACF,QACIA,QAACC,UAAI,uDACDD,0EAAa,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE,IACrEA,mEAAM,KAAK,EAAC,OAAO,aAAc,EAE7B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAIA,mEAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,EAE7DA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1FA,kEACIA,kEACIA,gFAAgB,SAAS,eAAW,SAAS,EACzC,CAAC,EAAC,6dAA6d,EAC/d,MAAM,EAAC,SAAS,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACzF,CACJ,CACF,CACI,CACX,EACT;KACL;;;;;;","names":["h","Host"],"sources":["src/components/ur-locale-filter-button/ur-locale-filter-button.css?tag=ur-locale-filter-button&encapsulation=shadow","src/components/ur-locale-filter-button/ur-locale-filter-button.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-outline: var(--mdui-color-outline);\n --ur-color-surface-bright: var(--mdui-color-surface-bright);\n}\n\n:host mdui-button {\n border-radius: 8px;\n border: 1px solid rgb(var(--ur-color-outline));\n height: 34px;\n}\n\n:host mdui-button.with-count {\n border: 1px solid rgb(var(--ur-color-primary));\n}\n\n:host mdui-button .label {\n font-size: 14px;\n margin-right: 8px;\n line-height: 22px;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host mdui-button .count {\n margin-right: 8px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n\n width: 22px;\n height: 22px;\n\n background: rgb(var(--ur-color-primary));\n\n color: rgb(var(--ur-color-surface-bright));\n line-height: 22px;\n\n font-size: 9px;\n}\n\n:host mdui-button svg {\n margin-top: 2px;\n}\n\n:host mdui-button svg path {\n stroke: rgb(var(--ur-color-on-surface));\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\n\n@Component({\n tag: 'ur-locale-filter-button',\n styleUrl: 'ur-locale-filter-button.css',\n shadow: true,\n})\nexport class UrLocaleFilterButton {\n\n @Prop()\n count = 0;\n\n render() {\n return (\n <Host>\n <mdui-button variant=\"outlined\" class={this.count > 0 ? \"with-count\" : \"\"}>\n <span class=\"label\">Filter</span>\n {\n this.count > 0 && <span class=\"count\">{this.count}</span>\n }\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z\"\n stroke=\"#191C20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n </g>\n </svg>\n </mdui-button>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,23 +1,25 @@
1
1
  :host {
2
-
2
+ --ur-color-primary: var(--mdui-color-primary);
3
+ --ur-color-on-surface: var(--mdui-color-on-surface);
4
+ --ur-color-outline: var(--mdui-color-outline);
5
+ --ur-color-surface-bright: var(--mdui-color-surface-bright);
3
6
  }
4
7
 
5
8
  :host mdui-button {
6
9
  border-radius: 8px;
7
- border: 1px solid #c3c6cf;
10
+ border: 1px solid rgb(var(--ur-color-outline));
8
11
  height: 34px;
9
12
  }
10
13
 
11
14
  :host mdui-button.with-count {
12
- border: 1px solid #09f;
15
+ border: 1px solid rgb(var(--ur-color-primary));
13
16
  }
14
17
 
15
18
  :host mdui-button .label {
16
- color: #191C20;
17
19
  font-size: 14px;
18
20
  margin-right: 8px;
19
-
20
21
  line-height: 22px;
22
+ color: rgb(var(--ur-color-on-surface));
21
23
  }
22
24
 
23
25
  :host mdui-button .count {
@@ -29,9 +31,9 @@
29
31
  width: 22px;
30
32
  height: 22px;
31
33
 
32
- background: #09f;
34
+ background: rgb(var(--ur-color-primary));
33
35
 
34
- color: #fff;
36
+ color: rgb(var(--ur-color-surface-bright));
35
37
  line-height: 22px;
36
38
 
37
39
  font-size: 9px;
@@ -40,3 +42,7 @@
40
42
  :host mdui-button svg {
41
43
  margin-top: 2px;
42
44
  }
45
+
46
+ :host mdui-button svg path {
47
+ stroke: rgb(var(--ur-color-on-surface));
48
+ }
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, h, c as Host } from './p-60c715b7.js';
2
2
  import './p-d617ec5b.js';
3
3
 
4
- const urLocaleFilterButtonCss = ":host mdui-button{border-radius:8px;border:1px solid #c3c6cf;height:34px}:host mdui-button.with-count{border:1px solid #09f}:host mdui-button .label{color:#191C20;font-size:14px;margin-right:8px;line-height:22px}:host mdui-button .count{margin-right:8px;border-radius:50%;display:flex;justify-content:center;width:22px;height:22px;background:#09f;color:#fff;line-height:22px;font-size:9px}:host mdui-button svg{margin-top:2px}";
4
+ const urLocaleFilterButtonCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-outline:var(--mdui-color-outline);--ur-color-surface-bright:var(--mdui-color-surface-bright)}:host mdui-button{border-radius:8px;border:1px solid rgb(var(--ur-color-outline));height:34px}:host mdui-button.with-count{border:1px solid rgb(var(--ur-color-primary))}:host mdui-button .label{font-size:14px;margin-right:8px;line-height:22px;color:rgb(var(--ur-color-on-surface))}:host mdui-button .count{margin-right:8px;border-radius:50%;display:flex;justify-content:center;width:22px;height:22px;background:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-surface-bright));line-height:22px;font-size:9px}:host mdui-button svg{margin-top:2px}:host mdui-button svg path{stroke:rgb(var(--ur-color-on-surface))}";
5
5
  const UrLocaleFilterButtonStyle0 = urLocaleFilterButtonCss;
6
6
 
7
7
  const UrLocaleFilterButton$1 = /*@__PURE__*/ proxyCustomElement(class UrLocaleFilterButton extends H {
@@ -1 +1 @@
1
- {"file":"ur-locale-filter-button.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,4aAA4a,CAAC;AAC7c,mCAAe,uBAAuB;;MCQzBA,sBAAoB;;;;;qBAGrB,CAAC;;IAET,MAAM;QACF,QACI,EAAC,IAAI,uDACD,oEAAa,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE,IACrE,6DAAM,KAAK,EAAC,OAAO,aAAc,EAE7B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,EAE7D,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,4DACI,4DACI,0EAAgB,SAAS,eAAW,SAAS,EACzC,CAAC,EAAC,6dAA6d,EAC/d,MAAM,EAAC,SAAS,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACzF,CACJ,CACF,CACI,CACX,EACT;KACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UrLocaleFilterButton"],"sources":["src/components/ur-locale-filter-button/ur-locale-filter-button.css?tag=ur-locale-filter-button&encapsulation=shadow","src/components/ur-locale-filter-button/ur-locale-filter-button.tsx"],"sourcesContent":[":host {\n\n}\n\n:host mdui-button {\n border-radius: 8px;\n border: 1px solid #c3c6cf;\n height: 34px;\n}\n\n:host mdui-button.with-count {\n border: 1px solid #09f;\n}\n\n:host mdui-button .label {\n color: #191C20;\n font-size: 14px;\n margin-right: 8px;\n\n line-height: 22px;\n}\n\n:host mdui-button .count {\n margin-right: 8px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n\n width: 22px;\n height: 22px;\n\n background: #09f;\n\n color: #fff;\n line-height: 22px;\n\n font-size: 9px;\n}\n\n:host mdui-button svg {\n margin-top: 2px;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\n\n@Component({\n tag: 'ur-locale-filter-button',\n styleUrl: 'ur-locale-filter-button.css',\n shadow: true,\n})\nexport class UrLocaleFilterButton {\n\n @Prop()\n count = 0;\n\n render() {\n return (\n <Host>\n <mdui-button variant=\"outlined\" class={this.count > 0 ? \"with-count\" : \"\"}>\n <span class=\"label\">Filter</span>\n {\n this.count > 0 && <span class=\"count\">{this.count}</span>\n }\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z\"\n stroke=\"#191C20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n </g>\n </svg>\n </mdui-button>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ur-locale-filter-button.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,wzBAAwzB,CAAC;AACz1B,mCAAe,uBAAuB;;MCQzBA,sBAAoB;;;;;qBAGrB,CAAC;;IAET,MAAM;QACF,QACI,EAAC,IAAI,uDACD,oEAAa,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE,IACrE,6DAAM,KAAK,EAAC,OAAO,aAAc,EAE7B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,EAE7D,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,4DACI,4DACI,0EAAgB,SAAS,eAAW,SAAS,EACzC,CAAC,EAAC,6dAA6d,EAC/d,MAAM,EAAC,SAAS,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACzF,CACJ,CACF,CACI,CACX,EACT;KACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UrLocaleFilterButton"],"sources":["src/components/ur-locale-filter-button/ur-locale-filter-button.css?tag=ur-locale-filter-button&encapsulation=shadow","src/components/ur-locale-filter-button/ur-locale-filter-button.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-outline: var(--mdui-color-outline);\n --ur-color-surface-bright: var(--mdui-color-surface-bright);\n}\n\n:host mdui-button {\n border-radius: 8px;\n border: 1px solid rgb(var(--ur-color-outline));\n height: 34px;\n}\n\n:host mdui-button.with-count {\n border: 1px solid rgb(var(--ur-color-primary));\n}\n\n:host mdui-button .label {\n font-size: 14px;\n margin-right: 8px;\n line-height: 22px;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host mdui-button .count {\n margin-right: 8px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n\n width: 22px;\n height: 22px;\n\n background: rgb(var(--ur-color-primary));\n\n color: rgb(var(--ur-color-surface-bright));\n line-height: 22px;\n\n font-size: 9px;\n}\n\n:host mdui-button svg {\n margin-top: 2px;\n}\n\n:host mdui-button svg path {\n stroke: rgb(var(--ur-color-on-surface));\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\n\n@Component({\n tag: 'ur-locale-filter-button',\n styleUrl: 'ur-locale-filter-button.css',\n shadow: true,\n})\nexport class UrLocaleFilterButton {\n\n @Prop()\n count = 0;\n\n render() {\n return (\n <Host>\n <mdui-button variant=\"outlined\" class={this.count > 0 ? \"with-count\" : \"\"}>\n <span class=\"label\">Filter</span>\n {\n this.count > 0 && <span class=\"count\">{this.count}</span>\n }\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z\"\n stroke=\"#191C20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n </g>\n </svg>\n </mdui-button>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host } from './index-6fac080c.js';
2
2
  import './index-7b83adf4.js';
3
3
  import './button-base-1f8dc1c6.js';
4
4
 
5
- const urLocaleFilterButtonCss = ":host mdui-button{border-radius:8px;border:1px solid #c3c6cf;height:34px}:host mdui-button.with-count{border:1px solid #09f}:host mdui-button .label{color:#191C20;font-size:14px;margin-right:8px;line-height:22px}:host mdui-button .count{margin-right:8px;border-radius:50%;display:flex;justify-content:center;width:22px;height:22px;background:#09f;color:#fff;line-height:22px;font-size:9px}:host mdui-button svg{margin-top:2px}";
5
+ const urLocaleFilterButtonCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-outline:var(--mdui-color-outline);--ur-color-surface-bright:var(--mdui-color-surface-bright)}:host mdui-button{border-radius:8px;border:1px solid rgb(var(--ur-color-outline));height:34px}:host mdui-button.with-count{border:1px solid rgb(var(--ur-color-primary))}:host mdui-button .label{font-size:14px;margin-right:8px;line-height:22px;color:rgb(var(--ur-color-on-surface))}:host mdui-button .count{margin-right:8px;border-radius:50%;display:flex;justify-content:center;width:22px;height:22px;background:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-surface-bright));line-height:22px;font-size:9px}:host mdui-button svg{margin-top:2px}:host mdui-button svg path{stroke:rgb(var(--ur-color-on-surface))}";
6
6
  const UrLocaleFilterButtonStyle0 = urLocaleFilterButtonCss;
7
7
 
8
8
  const UrLocaleFilterButton = class {
@@ -1 +1 @@
1
- {"file":"ur-locale-filter-button.entry.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,4aAA4a,CAAC;AAC7c,mCAAe,uBAAuB;;MCQzB,oBAAoB;;;qBAGrB,CAAC;;IAET,MAAM;QACF,QACI,EAAC,IAAI,uDACD,oEAAa,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE,IACrE,6DAAM,KAAK,EAAC,OAAO,aAAc,EAE7B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,EAE7D,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,4DACI,4DACI,0EAAgB,SAAS,eAAW,SAAS,EACzC,CAAC,EAAC,6dAA6d,EAC/d,MAAM,EAAC,SAAS,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACzF,CACJ,CACF,CACI,CACX,EACT;KACL;;;;;;","names":[],"sources":["src/components/ur-locale-filter-button/ur-locale-filter-button.css?tag=ur-locale-filter-button&encapsulation=shadow","src/components/ur-locale-filter-button/ur-locale-filter-button.tsx"],"sourcesContent":[":host {\n\n}\n\n:host mdui-button {\n border-radius: 8px;\n border: 1px solid #c3c6cf;\n height: 34px;\n}\n\n:host mdui-button.with-count {\n border: 1px solid #09f;\n}\n\n:host mdui-button .label {\n color: #191C20;\n font-size: 14px;\n margin-right: 8px;\n\n line-height: 22px;\n}\n\n:host mdui-button .count {\n margin-right: 8px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n\n width: 22px;\n height: 22px;\n\n background: #09f;\n\n color: #fff;\n line-height: 22px;\n\n font-size: 9px;\n}\n\n:host mdui-button svg {\n margin-top: 2px;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\n\n@Component({\n tag: 'ur-locale-filter-button',\n styleUrl: 'ur-locale-filter-button.css',\n shadow: true,\n})\nexport class UrLocaleFilterButton {\n\n @Prop()\n count = 0;\n\n render() {\n return (\n <Host>\n <mdui-button variant=\"outlined\" class={this.count > 0 ? \"with-count\" : \"\"}>\n <span class=\"label\">Filter</span>\n {\n this.count > 0 && <span class=\"count\">{this.count}</span>\n }\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z\"\n stroke=\"#191C20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n </g>\n </svg>\n </mdui-button>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ur-locale-filter-button.entry.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,wzBAAwzB,CAAC;AACz1B,mCAAe,uBAAuB;;MCQzB,oBAAoB;;;qBAGrB,CAAC;;IAET,MAAM;QACF,QACI,EAAC,IAAI,uDACD,oEAAa,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,GAAG,EAAE,IACrE,6DAAM,KAAK,EAAC,OAAO,aAAc,EAE7B,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,EAE7D,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,4DACI,4DACI,0EAAgB,SAAS,eAAW,SAAS,EACzC,CAAC,EAAC,6dAA6d,EAC/d,MAAM,EAAC,SAAS,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACzF,CACJ,CACF,CACI,CACX,EACT;KACL;;;;;;","names":[],"sources":["src/components/ur-locale-filter-button/ur-locale-filter-button.css?tag=ur-locale-filter-button&encapsulation=shadow","src/components/ur-locale-filter-button/ur-locale-filter-button.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-outline: var(--mdui-color-outline);\n --ur-color-surface-bright: var(--mdui-color-surface-bright);\n}\n\n:host mdui-button {\n border-radius: 8px;\n border: 1px solid rgb(var(--ur-color-outline));\n height: 34px;\n}\n\n:host mdui-button.with-count {\n border: 1px solid rgb(var(--ur-color-primary));\n}\n\n:host mdui-button .label {\n font-size: 14px;\n margin-right: 8px;\n line-height: 22px;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host mdui-button .count {\n margin-right: 8px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n\n width: 22px;\n height: 22px;\n\n background: rgb(var(--ur-color-primary));\n\n color: rgb(var(--ur-color-surface-bright));\n line-height: 22px;\n\n font-size: 9px;\n}\n\n:host mdui-button svg {\n margin-top: 2px;\n}\n\n:host mdui-button svg path {\n stroke: rgb(var(--ur-color-on-surface));\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\n\n@Component({\n tag: 'ur-locale-filter-button',\n styleUrl: 'ur-locale-filter-button.css',\n shadow: true,\n})\nexport class UrLocaleFilterButton {\n\n @Prop()\n count = 0;\n\n render() {\n return (\n <Host>\n <mdui-button variant=\"outlined\" class={this.count > 0 ? \"with-count\" : \"\"}>\n <span class=\"label\">Filter</span>\n {\n this.count > 0 && <span class=\"count\">{this.count}</span>\n }\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z\"\n stroke=\"#191C20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n </g>\n </svg>\n </mdui-button>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1,2 @@
1
+ import{r,h as o,H as t}from"./p-74c47a4f.js";import"./p-8fc24cd3.js";import"./p-3bdfbfd3.js";const e=":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-outline:var(--mdui-color-outline);--ur-color-surface-bright:var(--mdui-color-surface-bright)}:host mdui-button{border-radius:8px;border:1px solid rgb(var(--ur-color-outline));height:34px}:host mdui-button.with-count{border:1px solid rgb(var(--ur-color-primary))}:host mdui-button .label{font-size:14px;margin-right:8px;line-height:22px;color:rgb(var(--ur-color-on-surface))}:host mdui-button .count{margin-right:8px;border-radius:50%;display:flex;justify-content:center;width:22px;height:22px;background:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-surface-bright));line-height:22px;font-size:9px}:host mdui-button svg{margin-top:2px}:host mdui-button svg path{stroke:rgb(var(--ur-color-on-surface))}";const c=e;const i=class{constructor(o){r(this,o);this.count=0}render(){return o(t,{key:"b3f54b237fbcd2e1ccc7f91ff748c4196a7eff96"},o("mdui-button",{key:"bd559e57f0721d12c61666cdc2f2aebcb8efe240",variant:"outlined",class:this.count>0?"with-count":""},o("span",{key:"3f404e9f2bca60a2dab31b923c6c373d17aa77bd",class:"label"},"Filter"),this.count>0&&o("span",{key:"a6e0d1692f3ff784c397429ad13d0c0db98422c9",class:"count"},this.count),o("svg",{key:"d65912ba04968c8017dcb14c5dab5b17635c9f49",width:"20",height:"18",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("g",{key:"85781bf7cc77da10f29679eb9f35f1ec25738145"},o("g",{key:"5d2e70c9328bc1f02d1e6610d8e62fc3b1008966"},o("path",{key:"6e472a0c5307523a3cf0f21c7a719313921e91d5","fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z",stroke:"#191C20","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))))))}};i.style=c;export{i as ur_locale_filter_button};
2
+ //# sourceMappingURL=p-0e20ecac.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["urLocaleFilterButtonCss","UrLocaleFilterButtonStyle0","UrLocaleFilterButton","render","h","Host","key","variant","class","this","count","width","height","viewBox","fill","xmlns","d","stroke"],"sources":["src/components/ur-locale-filter-button/ur-locale-filter-button.css?tag=ur-locale-filter-button&encapsulation=shadow","src/components/ur-locale-filter-button/ur-locale-filter-button.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-outline: var(--mdui-color-outline);\n --ur-color-surface-bright: var(--mdui-color-surface-bright);\n}\n\n:host mdui-button {\n border-radius: 8px;\n border: 1px solid rgb(var(--ur-color-outline));\n height: 34px;\n}\n\n:host mdui-button.with-count {\n border: 1px solid rgb(var(--ur-color-primary));\n}\n\n:host mdui-button .label {\n font-size: 14px;\n margin-right: 8px;\n line-height: 22px;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host mdui-button .count {\n margin-right: 8px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n\n width: 22px;\n height: 22px;\n\n background: rgb(var(--ur-color-primary));\n\n color: rgb(var(--ur-color-surface-bright));\n line-height: 22px;\n\n font-size: 9px;\n}\n\n:host mdui-button svg {\n margin-top: 2px;\n}\n\n:host mdui-button svg path {\n stroke: rgb(var(--ur-color-on-surface));\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\n\n@Component({\n tag: 'ur-locale-filter-button',\n styleUrl: 'ur-locale-filter-button.css',\n shadow: true,\n})\nexport class UrLocaleFilterButton {\n\n @Prop()\n count = 0;\n\n render() {\n return (\n <Host>\n <mdui-button variant=\"outlined\" class={this.count > 0 ? \"with-count\" : \"\"}>\n <span class=\"label\">Filter</span>\n {\n this.count > 0 && <span class=\"count\">{this.count}</span>\n }\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z\"\n stroke=\"#191C20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n </g>\n </svg>\n </mdui-button>\n </Host>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAA0B,yzBAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,M,oCAGrB,C,CAER,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,eAAAE,IAAA,2CAAaC,QAAQ,WAAWC,MAAOC,KAAKC,MAAQ,EAAI,aAAe,IACnEN,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAAO,UAEfC,KAAKC,MAAQ,GAAKN,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAKC,OAEhDN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAC9DX,EAAA,KAAAE,IAAA,4CACIF,EAAA,KAAAE,IAAA,4CACIF,EAAA,QAAAE,IAAA,uDAAgB,UAAS,YAAW,UAChCU,EAAE,8dACFC,OAAO,UAAS,eAAc,MAAK,iBAAgB,QAAO,kBAAiB,c","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{p as e,b as o}from"./p-74c47a4f.js";export{s as setNonce}from"./p-74c47a4f.js";import{g as r}from"./p-e1255160.js";var a=()=>{const o=import.meta.url;const r={};if(o!==""){r.resourcesUrl=new URL(".",o).href}return e(r)};a().then((async e=>{await r();return o([["p-90352e64",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-a7e4c69d",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-8d9be614",[[1,"ur-loader"]]],["p-aa71f609",[[1,"ur-locale-filter-button",{count:[2]}]]],["p-e01ce908",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16]}]]],["p-8903759a",[[1,"ur-profile",{name:[8],description:[8],location:[8],facebook_url:[8],twitter_url:[8],linkedin_url:[8],email:[8],phone:[8],website:[8],show_follow:[4],show_donate:[4],show_become_member:[4],show_send_message:[4],show_stats:[4],stories_count:[2],views_count:[2],followers_count:[2],writers_count:[2],show_languages:[4],languages:[1],show_genres:[4],genres:[1],show_member_since:[4],member_since:[1]}]]],["p-c5f0d9a9",[[1,"ur-user-profile"]]],["p-540d6120",[[1,"ur-novl",{novlTitle:[1,"novl-title"],novlCover:[8,"novl-cover"],novlCoverFallback:[1,"novl-cover-fallback"],likes:[2],views:[2],showStats:[4,"show-stats"],novlDescription:[8,"novl-description"],authorAvatar:[8,"author-avatar"],authorName:[8,"author-name"],published:[4],price:[1],publisherAvatar:[1,"publisher-avatar"],publisherName:[1,"publisher-name"]}]]],["p-01ce85a0",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]]],e)}));
1
+ import{p as e,b as o}from"./p-74c47a4f.js";export{s as setNonce}from"./p-74c47a4f.js";import{g as r}from"./p-e1255160.js";var a=()=>{const o=import.meta.url;const r={};if(o!==""){r.resourcesUrl=new URL(".",o).href}return e(r)};a().then((async e=>{await r();return o([["p-90352e64",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-a7e4c69d",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-8d9be614",[[1,"ur-loader"]]],["p-0e20ecac",[[1,"ur-locale-filter-button",{count:[2]}]]],["p-e01ce908",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16]}]]],["p-8903759a",[[1,"ur-profile",{name:[8],description:[8],location:[8],facebook_url:[8],twitter_url:[8],linkedin_url:[8],email:[8],phone:[8],website:[8],show_follow:[4],show_donate:[4],show_become_member:[4],show_send_message:[4],show_stats:[4],stories_count:[2],views_count:[2],followers_count:[2],writers_count:[2],show_languages:[4],languages:[1],show_genres:[4],genres:[1],show_member_since:[4],member_since:[1]}]]],["p-c5f0d9a9",[[1,"ur-user-profile"]]],["p-540d6120",[[1,"ur-novl",{novlTitle:[1,"novl-title"],novlCover:[8,"novl-cover"],novlCoverFallback:[1,"novl-cover-fallback"],likes:[2],views:[2],showStats:[4,"show-stats"],novlDescription:[8,"novl-description"],authorAvatar:[8,"author-avatar"],authorName:[8,"author-name"],published:[4],price:[1],publisherAvatar:[1,"publisher-avatar"],publisherName:[1,"publisher-name"]}]]],["p-01ce85a0",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]]],e)}));
2
2
  //# sourceMappingURL=urnovl-web-components.esm.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "urnovl-web-components",
3
- "version": "0.0.73",
3
+ "version": "0.0.75",
4
4
  "description": "Web components for Urnovl",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,2 +0,0 @@
1
- import{r as t,h as e,H as c}from"./p-74c47a4f.js";import"./p-8fc24cd3.js";import"./p-3bdfbfd3.js";const o=":host mdui-button{border-radius:8px;border:1px solid #c3c6cf;height:34px}:host mdui-button.with-count{border:1px solid #09f}:host mdui-button .label{color:#191C20;font-size:14px;margin-right:8px;line-height:22px}:host mdui-button .count{margin-right:8px;border-radius:50%;display:flex;justify-content:center;width:22px;height:22px;background:#09f;color:#fff;line-height:22px;font-size:9px}:host mdui-button svg{margin-top:2px}";const d=o;const i=class{constructor(e){t(this,e);this.count=0}render(){return e(c,{key:"b3f54b237fbcd2e1ccc7f91ff748c4196a7eff96"},e("mdui-button",{key:"bd559e57f0721d12c61666cdc2f2aebcb8efe240",variant:"outlined",class:this.count>0?"with-count":""},e("span",{key:"3f404e9f2bca60a2dab31b923c6c373d17aa77bd",class:"label"},"Filter"),this.count>0&&e("span",{key:"a6e0d1692f3ff784c397429ad13d0c0db98422c9",class:"count"},this.count),e("svg",{key:"d65912ba04968c8017dcb14c5dab5b17635c9f49",width:"20",height:"18",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"85781bf7cc77da10f29679eb9f35f1ec25738145"},e("g",{key:"5d2e70c9328bc1f02d1e6610d8e62fc3b1008966"},e("path",{key:"6e472a0c5307523a3cf0f21c7a719313921e91d5","fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z",stroke:"#191C20","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))))))}};i.style=d;export{i as ur_locale_filter_button};
2
- //# sourceMappingURL=p-aa71f609.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["urLocaleFilterButtonCss","UrLocaleFilterButtonStyle0","UrLocaleFilterButton","render","h","Host","key","variant","class","this","count","width","height","viewBox","fill","xmlns","d","stroke"],"sources":["src/components/ur-locale-filter-button/ur-locale-filter-button.css?tag=ur-locale-filter-button&encapsulation=shadow","src/components/ur-locale-filter-button/ur-locale-filter-button.tsx"],"sourcesContent":[":host {\n\n}\n\n:host mdui-button {\n border-radius: 8px;\n border: 1px solid #c3c6cf;\n height: 34px;\n}\n\n:host mdui-button.with-count {\n border: 1px solid #09f;\n}\n\n:host mdui-button .label {\n color: #191C20;\n font-size: 14px;\n margin-right: 8px;\n\n line-height: 22px;\n}\n\n:host mdui-button .count {\n margin-right: 8px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n\n width: 22px;\n height: 22px;\n\n background: #09f;\n\n color: #fff;\n line-height: 22px;\n\n font-size: 9px;\n}\n\n:host mdui-button svg {\n margin-top: 2px;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\n\n@Component({\n tag: 'ur-locale-filter-button',\n styleUrl: 'ur-locale-filter-button.css',\n shadow: true,\n})\nexport class UrLocaleFilterButton {\n\n @Prop()\n count = 0;\n\n render() {\n return (\n <Host>\n <mdui-button variant=\"outlined\" class={this.count > 0 ? \"with-count\" : \"\"}>\n <span class=\"label\">Filter</span>\n {\n this.count > 0 && <span class=\"count\">{this.count}</span>\n }\n <svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <g>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z\"\n stroke=\"#191C20\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n </g>\n </svg>\n </mdui-button>\n </Host>\n );\n }\n}\n"],"mappings":"kGAAA,MAAMA,EAA0B,6aAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,M,oCAGrB,C,CAER,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,eAAAE,IAAA,2CAAaC,QAAQ,WAAWC,MAAOC,KAAKC,MAAQ,EAAI,aAAe,IACnEN,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAAO,UAEfC,KAAKC,MAAQ,GAAKN,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAKC,OAEhDN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAC9DX,EAAA,KAAAE,IAAA,4CACIF,EAAA,KAAAE,IAAA,4CACIF,EAAA,QAAAE,IAAA,uDAAgB,UAAS,YAAW,UAChCU,EAAE,8dACFC,OAAO,UAAS,eAAc,MAAK,iBAAgB,QAAO,kBAAiB,c","ignoreList":[]}