urnovl-web-components 0.0.83 → 0.0.85
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/dist/cjs/ur-locale-filter-panel.cjs.entry.js +1 -1
- package/dist/cjs/ur-locale-filter-panel.cjs.entry.js.map +1 -1
- package/dist/collection/components/ur-locale-filter-panel/ur-locale-filter-panel.css +2 -1
- package/dist/components/ur-locale-filter-panel.js +1 -1
- package/dist/components/ur-locale-filter-panel.js.map +1 -1
- package/dist/esm/ur-locale-filter-panel.entry.js +1 -1
- package/dist/esm/ur-locale-filter-panel.entry.js.map +1 -1
- package/dist/urnovl-web-components/p-497c42d8.entry.js +2 -0
- package/dist/urnovl-web-components/p-497c42d8.entry.js.map +1 -0
- package/dist/urnovl-web-components/urnovl-web-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/urnovl-web-components/p-c506300f.entry.js +0 -2
- package/dist/urnovl-web-components/p-c506300f.entry.js.map +0 -1
|
@@ -9,7 +9,7 @@ require('./ripple-mixin-039d4676.js');
|
|
|
9
9
|
require('./button-base-91029a09.js');
|
|
10
10
|
require('./watch-fc873d99.js');
|
|
11
11
|
|
|
12
|
-
const urLocaleFilterPanelCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-primary:var(--mdui-color-on-primary);--ur-color-surface:var(--mdui-color-surface);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant)}:host .locale-filter-panel{display:block;width:100%;max-width:500px;display:flex;height:100%;flex-direction:column;background:rgb(var(--ur-color-surface))}:host .locale-filter-panel header{height:48px;position:relative;border-bottom:1px solid
|
|
12
|
+
const urLocaleFilterPanelCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-primary:var(--mdui-color-on-primary);--ur-color-surface:var(--mdui-color-surface);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant);--ur-color-outline:var(--mdui-color-outline)}:host .locale-filter-panel{display:block;width:100%;max-width:500px;display:flex;height:100%;flex-direction:column;background:rgb(var(--ur-color-surface))}:host .locale-filter-panel header{height:48px;position:relative;border-bottom:1px solid rgb(var(--ur-color-outline));box-sizing:border-box;display:flex;align-items:center;padding:4px}:host .locale-filter-panel header mdui-button{height:40px;width:40px;min-width:40px;box-sizing:border-box;border-radius:0;padding:0;color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel header label{flex:1;text-align:center;position:relative;left:-22px;font-size:16px;font-weight:700;line-height:28px;letter-spacing:0;color:rgb(var(--ur-color-on-surface))}:host .locale-filter-panel main{padding:16px}:host .locale-filter-panel main .description{font-size:12px;font-weight:400;line-height:20px;letter-spacing:0.1px}:host .locale-filter-panel main .description .title{padding:8px 0;font-weight:700;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .description .text{color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel main .locales{margin-left:-12px;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .locales mdui-checkbox{border-radius:0;width:100%}:host .locale-filter-panel footer{border-top:1px solid #73777F;height:72px;display:flex;align-items:center;padding:16px 24px;box-sizing:border-box}:host .locale-filter-panel footer mdui-button{padding:10px 24px;height:40px;border-radius:5px;font-weight:400;font-size:14px;line-height:15px;max-width:79px}:host .locale-filter-panel footer mdui-button.save{background-color:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-on-primary));margin-right:8px}:host .locale-filter-panel footer mdui-button.cancel{padding:10px 12px;background-color:transparent;color:rgb(var(--ur-color-primary))}";
|
|
13
13
|
const UrLocaleFilterPanelStyle0 = urLocaleFilterPanelCss;
|
|
14
14
|
|
|
15
15
|
const UrLocaleFilterPanel = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ur-locale-filter-panel.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,
|
|
1
|
+
{"file":"ur-locale-filter-panel.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,0rEAA0rE,CAAC;AAC1tE,kCAAe,sBAAsB;;MCSxB,mBAAmB;;;;;0BAGf,IAAI;0BAGJ,IAAI;uBAGkD,EAAE;;IAQrE,MAAM;QACF,QACIA,kEAAK,KAAK,EAAC,qBAAqB,IAC3B,IAAI,CAAC,UAAU,IAAIA,uEAChBA,0EAAa,OAAO,EAAC,MAAM,IACvBA,kEAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IAC1FA,mEAAM,CAAC,EAAC,kGAAkG,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/H,CACI,EACdA,gFAAsB,CACjB,EACTA,qEACIA,kEAAK,KAAK,EAAC,aAAa,IACpBA,kEAAK,KAAK,EAAC,OAAO,wBAAwB,EAC1CA,kEAAK,KAAK,EAAC,MAAM,kFAAkF,CACjG,EACNA,kEAAK,KAAK,EAAC,SAAS,IACf,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC;YACtC,OAAOA,2BAAe,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAiB,CAAA;SAChF,CAAC,CACA,CACH,EACN,IAAI,CAAC,UAAU,IAAIA,uEAChBA,0EAAa,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,WAE3C,EACdA,0EAAa,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,aAE9D,CACT,CACP,EACR;KACL;;;;;;","names":["h"],"sources":["src/components/ur-locale-filter-panel/ur-locale-filter-panel.css?tag=ur-locale-filter-panel&encapsulation=shadow","src/components/ur-locale-filter-panel/ur-locale-filter-panel.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-primary: var(--mdui-color-on-primary);\n --ur-color-surface: var(--mdui-color-surface);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-on-background: var(--mdui-color-on-background);\n --ur-color-on-surface-variant: var(--mdui-color-on-surface-variant);\n --ur-color-outline: var(--mdui-color-outline);\n}\n\n:host .locale-filter-panel {\n display: block;\n width: 100%;\n max-width: 500px;\n display: flex;\n height: 100%;\n flex-direction: column;\n background: rgb(var(--ur-color-surface));\n}\n\n:host .locale-filter-panel header {\n height: 48px;\n position: relative;\n border-bottom: 1px solid rgb(var(--ur-color-outline));\n box-sizing: border-box;\n display: flex;\n align-items: center;\n padding: 4px;\n}\n\n:host .locale-filter-panel header mdui-button {\n height: 40px;\n width: 40px;\n min-width: 40px;\n box-sizing: border-box;\n border-radius: 0;\n padding: 0;\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel header label {\n flex: 1;\n text-align: center;\n position: relative;\n left: -22px;\n font-size: 16px;\n font-weight: 700;\n line-height: 28px;\n letter-spacing: 0;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host .locale-filter-panel main {\n padding: 16px;\n}\n\n:host .locale-filter-panel main .description {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n}\n\n:host .locale-filter-panel main .description .title {\n padding: 8px 0;\n font-weight: 700;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .description .text {\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel main .locales {\n margin-left: -12px;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .locales mdui-checkbox {\n border-radius: 0;\n width: 100%;\n}\n\n:host .locale-filter-panel footer {\n border-top: 1px solid #73777F;\n height: 72px;\n display: flex;\n align-items: center;\n padding: 16px 24px;\n box-sizing: border-box;\n}\n\n:host .locale-filter-panel footer mdui-button {\n padding: 10px 24px;\n height: 40px;\n border-radius: 5px;\n font-weight: 400;\n font-size: 14px;\n line-height: 15px;\n max-width: 79px;\n}\n\n:host .locale-filter-panel footer mdui-button.save {\n background-color: rgb(var(--ur-color-primary));\n color: rgb(var(--ur-color-on-primary));\n margin-right: 8px;\n}\n\n:host .locale-filter-panel footer mdui-button.cancel {\n padding: 10px 12px;\n background-color: transparent;\n color: rgb(var(--ur-color-primary));\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\nimport 'mdui/components/checkbox';\n\n@Component({\n tag: 'ur-locale-filter-panel',\n styleUrl: 'ur-locale-filter-panel.css',\n shadow: true,\n})\nexport class UrLocaleFilterPanel {\n\n @Prop()\n showHeader = true;\n\n @Prop()\n showFooter = true;\n\n @Prop()\n locales: Array<[label: string, value: string, checked: boolean]> = [];\n\n @Event()\n save: EventEmitter<void>;\n\n @Event()\n cancel: EventEmitter<void>;\n\n render() {\n return (\n <div class=\"locale-filter-panel\">\n {this.showHeader && <header>\n <mdui-button variant=\"text\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z\" fill=\"currentColor\" />\n </svg>\n </mdui-button>\n <label>Filters</label>\n </header>}\n <main>\n <div class=\"description\">\n <div class=\"title\">Content Languages</div>\n <div class=\"text\">Choose the language you want to see for the stories, pages and competitions</div>\n </div>\n <div class=\"locales\">\n {this.locales.map(([label, value, checked]) => {\n return <mdui-checkbox checked={checked} value={value}>{label}</mdui-checkbox>\n })}\n </div>\n </main>\n {this.showFooter && <footer>\n <mdui-button class=\"save\" onClick={() => this.save.emit()}>\n Save\n </mdui-button>\n <mdui-button class=\"cancel\" variant=\"text\" onClick={() => this.cancel.emit()}>\n Cancel\n </mdui-button>\n </footer>}\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
--ur-color-on-surface: var(--mdui-color-on-surface);
|
|
6
6
|
--ur-color-on-background: var(--mdui-color-on-background);
|
|
7
7
|
--ur-color-on-surface-variant: var(--mdui-color-on-surface-variant);
|
|
8
|
+
--ur-color-outline: var(--mdui-color-outline);
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
:host .locale-filter-panel {
|
|
@@ -20,7 +21,7 @@
|
|
|
20
21
|
:host .locale-filter-panel header {
|
|
21
22
|
height: 48px;
|
|
22
23
|
position: relative;
|
|
23
|
-
border-bottom: 1px solid
|
|
24
|
+
border-bottom: 1px solid rgb(var(--ur-color-outline));
|
|
24
25
|
box-sizing: border-box;
|
|
25
26
|
display: flex;
|
|
26
27
|
align-items: center;
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h } from './p-60c715b7.js
|
|
|
2
2
|
import './p-2f7a77dc.js';
|
|
3
3
|
import './p-f1a968b2.js';
|
|
4
4
|
|
|
5
|
-
const urLocaleFilterPanelCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-primary:var(--mdui-color-on-primary);--ur-color-surface:var(--mdui-color-surface);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant)}:host .locale-filter-panel{display:block;width:100%;max-width:500px;display:flex;height:100%;flex-direction:column;background:rgb(var(--ur-color-surface))}:host .locale-filter-panel header{height:48px;position:relative;border-bottom:1px solid
|
|
5
|
+
const urLocaleFilterPanelCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-primary:var(--mdui-color-on-primary);--ur-color-surface:var(--mdui-color-surface);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant);--ur-color-outline:var(--mdui-color-outline)}:host .locale-filter-panel{display:block;width:100%;max-width:500px;display:flex;height:100%;flex-direction:column;background:rgb(var(--ur-color-surface))}:host .locale-filter-panel header{height:48px;position:relative;border-bottom:1px solid rgb(var(--ur-color-outline));box-sizing:border-box;display:flex;align-items:center;padding:4px}:host .locale-filter-panel header mdui-button{height:40px;width:40px;min-width:40px;box-sizing:border-box;border-radius:0;padding:0;color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel header label{flex:1;text-align:center;position:relative;left:-22px;font-size:16px;font-weight:700;line-height:28px;letter-spacing:0;color:rgb(var(--ur-color-on-surface))}:host .locale-filter-panel main{padding:16px}:host .locale-filter-panel main .description{font-size:12px;font-weight:400;line-height:20px;letter-spacing:0.1px}:host .locale-filter-panel main .description .title{padding:8px 0;font-weight:700;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .description .text{color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel main .locales{margin-left:-12px;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .locales mdui-checkbox{border-radius:0;width:100%}:host .locale-filter-panel footer{border-top:1px solid #73777F;height:72px;display:flex;align-items:center;padding:16px 24px;box-sizing:border-box}:host .locale-filter-panel footer mdui-button{padding:10px 24px;height:40px;border-radius:5px;font-weight:400;font-size:14px;line-height:15px;max-width:79px}:host .locale-filter-panel footer mdui-button.save{background-color:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-on-primary));margin-right:8px}:host .locale-filter-panel footer mdui-button.cancel{padding:10px 12px;background-color:transparent;color:rgb(var(--ur-color-primary))}";
|
|
6
6
|
const UrLocaleFilterPanelStyle0 = urLocaleFilterPanelCss;
|
|
7
7
|
|
|
8
8
|
const UrLocaleFilterPanel$1 = /*@__PURE__*/ proxyCustomElement(class UrLocaleFilterPanel extends H {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ur-locale-filter-panel.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,
|
|
1
|
+
{"file":"ur-locale-filter-panel.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,0rEAA0rE,CAAC;AAC1tE,kCAAe,sBAAsB;;MCSxBA,qBAAmB;;;;;;;0BAGf,IAAI;0BAGJ,IAAI;uBAGkD,EAAE;;IAQrE,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,qBAAqB,IAC3B,IAAI,CAAC,UAAU,IAAI,iEAChB,oEAAa,OAAO,EAAC,MAAM,IACvB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IAC1F,6DAAM,CAAC,EAAC,kGAAkG,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/H,CACI,EACd,0EAAsB,CACjB,EACT,+DACI,4DAAK,KAAK,EAAC,aAAa,IACpB,4DAAK,KAAK,EAAC,OAAO,wBAAwB,EAC1C,4DAAK,KAAK,EAAC,MAAM,kFAAkF,CACjG,EACN,4DAAK,KAAK,EAAC,SAAS,IACf,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC;YACtC,OAAO,qBAAe,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAiB,CAAA;SAChF,CAAC,CACA,CACH,EACN,IAAI,CAAC,UAAU,IAAI,iEAChB,oEAAa,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,WAE3C,EACd,oEAAa,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,aAE9D,CACT,CACP,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UrLocaleFilterPanel"],"sources":["src/components/ur-locale-filter-panel/ur-locale-filter-panel.css?tag=ur-locale-filter-panel&encapsulation=shadow","src/components/ur-locale-filter-panel/ur-locale-filter-panel.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-primary: var(--mdui-color-on-primary);\n --ur-color-surface: var(--mdui-color-surface);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-on-background: var(--mdui-color-on-background);\n --ur-color-on-surface-variant: var(--mdui-color-on-surface-variant);\n --ur-color-outline: var(--mdui-color-outline);\n}\n\n:host .locale-filter-panel {\n display: block;\n width: 100%;\n max-width: 500px;\n display: flex;\n height: 100%;\n flex-direction: column;\n background: rgb(var(--ur-color-surface));\n}\n\n:host .locale-filter-panel header {\n height: 48px;\n position: relative;\n border-bottom: 1px solid rgb(var(--ur-color-outline));\n box-sizing: border-box;\n display: flex;\n align-items: center;\n padding: 4px;\n}\n\n:host .locale-filter-panel header mdui-button {\n height: 40px;\n width: 40px;\n min-width: 40px;\n box-sizing: border-box;\n border-radius: 0;\n padding: 0;\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel header label {\n flex: 1;\n text-align: center;\n position: relative;\n left: -22px;\n font-size: 16px;\n font-weight: 700;\n line-height: 28px;\n letter-spacing: 0;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host .locale-filter-panel main {\n padding: 16px;\n}\n\n:host .locale-filter-panel main .description {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n}\n\n:host .locale-filter-panel main .description .title {\n padding: 8px 0;\n font-weight: 700;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .description .text {\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel main .locales {\n margin-left: -12px;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .locales mdui-checkbox {\n border-radius: 0;\n width: 100%;\n}\n\n:host .locale-filter-panel footer {\n border-top: 1px solid #73777F;\n height: 72px;\n display: flex;\n align-items: center;\n padding: 16px 24px;\n box-sizing: border-box;\n}\n\n:host .locale-filter-panel footer mdui-button {\n padding: 10px 24px;\n height: 40px;\n border-radius: 5px;\n font-weight: 400;\n font-size: 14px;\n line-height: 15px;\n max-width: 79px;\n}\n\n:host .locale-filter-panel footer mdui-button.save {\n background-color: rgb(var(--ur-color-primary));\n color: rgb(var(--ur-color-on-primary));\n margin-right: 8px;\n}\n\n:host .locale-filter-panel footer mdui-button.cancel {\n padding: 10px 12px;\n background-color: transparent;\n color: rgb(var(--ur-color-primary));\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\nimport 'mdui/components/checkbox';\n\n@Component({\n tag: 'ur-locale-filter-panel',\n styleUrl: 'ur-locale-filter-panel.css',\n shadow: true,\n})\nexport class UrLocaleFilterPanel {\n\n @Prop()\n showHeader = true;\n\n @Prop()\n showFooter = true;\n\n @Prop()\n locales: Array<[label: string, value: string, checked: boolean]> = [];\n\n @Event()\n save: EventEmitter<void>;\n\n @Event()\n cancel: EventEmitter<void>;\n\n render() {\n return (\n <div class=\"locale-filter-panel\">\n {this.showHeader && <header>\n <mdui-button variant=\"text\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z\" fill=\"currentColor\" />\n </svg>\n </mdui-button>\n <label>Filters</label>\n </header>}\n <main>\n <div class=\"description\">\n <div class=\"title\">Content Languages</div>\n <div class=\"text\">Choose the language you want to see for the stories, pages and competitions</div>\n </div>\n <div class=\"locales\">\n {this.locales.map(([label, value, checked]) => {\n return <mdui-checkbox checked={checked} value={value}>{label}</mdui-checkbox>\n })}\n </div>\n </main>\n {this.showFooter && <footer>\n <mdui-button class=\"save\" onClick={() => this.save.emit()}>\n Save\n </mdui-button>\n <mdui-button class=\"cancel\" variant=\"text\" onClick={() => this.cancel.emit()}>\n Cancel\n </mdui-button>\n </footer>}\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -5,7 +5,7 @@ import './ripple-mixin-b59b19bf.js';
|
|
|
5
5
|
import './button-base-bfdb3113.js';
|
|
6
6
|
import './watch-b2be6c78.js';
|
|
7
7
|
|
|
8
|
-
const urLocaleFilterPanelCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-primary:var(--mdui-color-on-primary);--ur-color-surface:var(--mdui-color-surface);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant)}:host .locale-filter-panel{display:block;width:100%;max-width:500px;display:flex;height:100%;flex-direction:column;background:rgb(var(--ur-color-surface))}:host .locale-filter-panel header{height:48px;position:relative;border-bottom:1px solid
|
|
8
|
+
const urLocaleFilterPanelCss = ":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-primary:var(--mdui-color-on-primary);--ur-color-surface:var(--mdui-color-surface);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant);--ur-color-outline:var(--mdui-color-outline)}:host .locale-filter-panel{display:block;width:100%;max-width:500px;display:flex;height:100%;flex-direction:column;background:rgb(var(--ur-color-surface))}:host .locale-filter-panel header{height:48px;position:relative;border-bottom:1px solid rgb(var(--ur-color-outline));box-sizing:border-box;display:flex;align-items:center;padding:4px}:host .locale-filter-panel header mdui-button{height:40px;width:40px;min-width:40px;box-sizing:border-box;border-radius:0;padding:0;color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel header label{flex:1;text-align:center;position:relative;left:-22px;font-size:16px;font-weight:700;line-height:28px;letter-spacing:0;color:rgb(var(--ur-color-on-surface))}:host .locale-filter-panel main{padding:16px}:host .locale-filter-panel main .description{font-size:12px;font-weight:400;line-height:20px;letter-spacing:0.1px}:host .locale-filter-panel main .description .title{padding:8px 0;font-weight:700;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .description .text{color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel main .locales{margin-left:-12px;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .locales mdui-checkbox{border-radius:0;width:100%}:host .locale-filter-panel footer{border-top:1px solid #73777F;height:72px;display:flex;align-items:center;padding:16px 24px;box-sizing:border-box}:host .locale-filter-panel footer mdui-button{padding:10px 24px;height:40px;border-radius:5px;font-weight:400;font-size:14px;line-height:15px;max-width:79px}:host .locale-filter-panel footer mdui-button.save{background-color:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-on-primary));margin-right:8px}:host .locale-filter-panel footer mdui-button.cancel{padding:10px 12px;background-color:transparent;color:rgb(var(--ur-color-primary))}";
|
|
9
9
|
const UrLocaleFilterPanelStyle0 = urLocaleFilterPanelCss;
|
|
10
10
|
|
|
11
11
|
const UrLocaleFilterPanel = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ur-locale-filter-panel.entry.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,
|
|
1
|
+
{"file":"ur-locale-filter-panel.entry.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,0rEAA0rE,CAAC;AAC1tE,kCAAe,sBAAsB;;MCSxB,mBAAmB;;;;;0BAGf,IAAI;0BAGJ,IAAI;uBAGkD,EAAE;;IAQrE,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,qBAAqB,IAC3B,IAAI,CAAC,UAAU,IAAI,iEAChB,oEAAa,OAAO,EAAC,MAAM,IACvB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IAC1F,6DAAM,CAAC,EAAC,kGAAkG,EAAC,IAAI,EAAC,cAAc,GAAG,CAC/H,CACI,EACd,0EAAsB,CACjB,EACT,+DACI,4DAAK,KAAK,EAAC,aAAa,IACpB,4DAAK,KAAK,EAAC,OAAO,wBAAwB,EAC1C,4DAAK,KAAK,EAAC,MAAM,kFAAkF,CACjG,EACN,4DAAK,KAAK,EAAC,SAAS,IACf,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC;YACtC,OAAO,qBAAe,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAG,KAAK,CAAiB,CAAA;SAChF,CAAC,CACA,CACH,EACN,IAAI,CAAC,UAAU,IAAI,iEAChB,oEAAa,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,WAE3C,EACd,oEAAa,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,aAE9D,CACT,CACP,EACR;KACL;;;;;;","names":[],"sources":["src/components/ur-locale-filter-panel/ur-locale-filter-panel.css?tag=ur-locale-filter-panel&encapsulation=shadow","src/components/ur-locale-filter-panel/ur-locale-filter-panel.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-primary: var(--mdui-color-on-primary);\n --ur-color-surface: var(--mdui-color-surface);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-on-background: var(--mdui-color-on-background);\n --ur-color-on-surface-variant: var(--mdui-color-on-surface-variant);\n --ur-color-outline: var(--mdui-color-outline);\n}\n\n:host .locale-filter-panel {\n display: block;\n width: 100%;\n max-width: 500px;\n display: flex;\n height: 100%;\n flex-direction: column;\n background: rgb(var(--ur-color-surface));\n}\n\n:host .locale-filter-panel header {\n height: 48px;\n position: relative;\n border-bottom: 1px solid rgb(var(--ur-color-outline));\n box-sizing: border-box;\n display: flex;\n align-items: center;\n padding: 4px;\n}\n\n:host .locale-filter-panel header mdui-button {\n height: 40px;\n width: 40px;\n min-width: 40px;\n box-sizing: border-box;\n border-radius: 0;\n padding: 0;\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel header label {\n flex: 1;\n text-align: center;\n position: relative;\n left: -22px;\n font-size: 16px;\n font-weight: 700;\n line-height: 28px;\n letter-spacing: 0;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host .locale-filter-panel main {\n padding: 16px;\n}\n\n:host .locale-filter-panel main .description {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n}\n\n:host .locale-filter-panel main .description .title {\n padding: 8px 0;\n font-weight: 700;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .description .text {\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel main .locales {\n margin-left: -12px;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .locales mdui-checkbox {\n border-radius: 0;\n width: 100%;\n}\n\n:host .locale-filter-panel footer {\n border-top: 1px solid #73777F;\n height: 72px;\n display: flex;\n align-items: center;\n padding: 16px 24px;\n box-sizing: border-box;\n}\n\n:host .locale-filter-panel footer mdui-button {\n padding: 10px 24px;\n height: 40px;\n border-radius: 5px;\n font-weight: 400;\n font-size: 14px;\n line-height: 15px;\n max-width: 79px;\n}\n\n:host .locale-filter-panel footer mdui-button.save {\n background-color: rgb(var(--ur-color-primary));\n color: rgb(var(--ur-color-on-primary));\n margin-right: 8px;\n}\n\n:host .locale-filter-panel footer mdui-button.cancel {\n padding: 10px 12px;\n background-color: transparent;\n color: rgb(var(--ur-color-primary));\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\nimport 'mdui/components/checkbox';\n\n@Component({\n tag: 'ur-locale-filter-panel',\n styleUrl: 'ur-locale-filter-panel.css',\n shadow: true,\n})\nexport class UrLocaleFilterPanel {\n\n @Prop()\n showHeader = true;\n\n @Prop()\n showFooter = true;\n\n @Prop()\n locales: Array<[label: string, value: string, checked: boolean]> = [];\n\n @Event()\n save: EventEmitter<void>;\n\n @Event()\n cancel: EventEmitter<void>;\n\n render() {\n return (\n <div class=\"locale-filter-panel\">\n {this.showHeader && <header>\n <mdui-button variant=\"text\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z\" fill=\"currentColor\" />\n </svg>\n </mdui-button>\n <label>Filters</label>\n </header>}\n <main>\n <div class=\"description\">\n <div class=\"title\">Content Languages</div>\n <div class=\"text\">Choose the language you want to see for the stories, pages and competitions</div>\n </div>\n <div class=\"locales\">\n {this.locales.map(([label, value, checked]) => {\n return <mdui-checkbox checked={checked} value={value}>{label}</mdui-checkbox>\n })}\n </div>\n </main>\n {this.showFooter && <footer>\n <mdui-button class=\"save\" onClick={() => this.save.emit()}>\n Save\n </mdui-button>\n <mdui-button class=\"cancel\" variant=\"text\" onClick={() => this.cancel.emit()}>\n Cancel\n </mdui-button>\n </footer>}\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as o,h as r}from"./p-74c47a4f.js";import"./p-2f7a77dc.js";import"./p-f1a968b2.js";import"./p-c0137a00.js";import"./p-40c5666d.js";import"./p-8994d758.js";const a=":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-primary:var(--mdui-color-on-primary);--ur-color-surface:var(--mdui-color-surface);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant);--ur-color-outline:var(--mdui-color-outline)}:host .locale-filter-panel{display:block;width:100%;max-width:500px;display:flex;height:100%;flex-direction:column;background:rgb(var(--ur-color-surface))}:host .locale-filter-panel header{height:48px;position:relative;border-bottom:1px solid rgb(var(--ur-color-outline));box-sizing:border-box;display:flex;align-items:center;padding:4px}:host .locale-filter-panel header mdui-button{height:40px;width:40px;min-width:40px;box-sizing:border-box;border-radius:0;padding:0;color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel header label{flex:1;text-align:center;position:relative;left:-22px;font-size:16px;font-weight:700;line-height:28px;letter-spacing:0;color:rgb(var(--ur-color-on-surface))}:host .locale-filter-panel main{padding:16px}:host .locale-filter-panel main .description{font-size:12px;font-weight:400;line-height:20px;letter-spacing:0.1px}:host .locale-filter-panel main .description .title{padding:8px 0;font-weight:700;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .description .text{color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel main .locales{margin-left:-12px;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .locales mdui-checkbox{border-radius:0;width:100%}:host .locale-filter-panel footer{border-top:1px solid #73777F;height:72px;display:flex;align-items:center;padding:16px 24px;box-sizing:border-box}:host .locale-filter-panel footer mdui-button{padding:10px 24px;height:40px;border-radius:5px;font-weight:400;font-size:14px;line-height:15px;max-width:79px}:host .locale-filter-panel footer mdui-button.save{background-color:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-on-primary));margin-right:8px}:host .locale-filter-panel footer mdui-button.cancel{padding:10px 12px;background-color:transparent;color:rgb(var(--ur-color-primary))}";const t=a;const i=class{constructor(r){e(this,r);this.save=o(this,"save",7);this.cancel=o(this,"cancel",7);this.showHeader=true;this.showFooter=true;this.locales=[]}render(){return r("div",{key:"1b309083092045050ddf5a896e7dde7fa7071e6c",class:"locale-filter-panel"},this.showHeader&&r("header",{key:"258f823822676566cebcd1e9159c21d644b8c9ca"},r("mdui-button",{key:"d0dbf76ee71b66bbe0e71f5f5367fc0bff2dd2cd",variant:"text"},r("svg",{key:"905d7a6fefdcbdc9dc612c00d194295d7cd7a753",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r("path",{key:"be4cefc0ded5067530d8bf75bda8d8edb07e857d",d:"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z",fill:"currentColor"}))),r("label",{key:"e0e7351c4200150db9c55a9bc7fb9ed959e1da4b"},"Filters")),r("main",{key:"6a1da5c3772be13bdf738e9966b57ce4f2ddccea"},r("div",{key:"cd37f9c885a66a722c08b3564bc38c1b72ecdaab",class:"description"},r("div",{key:"7117e57f8a2b2746942149edf0c7c4e5227b8b0d",class:"title"},"Content Languages"),r("div",{key:"cd66d57e1e75216d55c02512f766baac13363887",class:"text"},"Choose the language you want to see for the stories, pages and competitions")),r("div",{key:"6c7c1f1dad782d7c418377fcf59fecbb89d5dbdd",class:"locales"},this.locales.map((([e,o,a])=>r("mdui-checkbox",{checked:a,value:o},e))))),this.showFooter&&r("footer",{key:"87b6e60888899767cbcd6b5626f2a03dc4068b28"},r("mdui-button",{key:"22d9fd5418d2a9275aae1af92e032e770c18a554",class:"save",onClick:()=>this.save.emit()},"Save"),r("mdui-button",{key:"696ec5b0f5af0a7a3f2a6fa12606738b46609b70",class:"cancel",variant:"text",onClick:()=>this.cancel.emit()},"Cancel")))}};i.style=t;export{i as ur_locale_filter_panel};
|
|
2
|
+
//# sourceMappingURL=p-497c42d8.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["urLocaleFilterPanelCss","UrLocaleFilterPanelStyle0","UrLocaleFilterPanel","render","h","key","class","this","showHeader","variant","xmlns","width","height","viewBox","fill","d","locales","map","label","value","checked","showFooter","onClick","save","emit","cancel"],"sources":["src/components/ur-locale-filter-panel/ur-locale-filter-panel.css?tag=ur-locale-filter-panel&encapsulation=shadow","src/components/ur-locale-filter-panel/ur-locale-filter-panel.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-primary: var(--mdui-color-on-primary);\n --ur-color-surface: var(--mdui-color-surface);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-on-background: var(--mdui-color-on-background);\n --ur-color-on-surface-variant: var(--mdui-color-on-surface-variant);\n --ur-color-outline: var(--mdui-color-outline);\n}\n\n:host .locale-filter-panel {\n display: block;\n width: 100%;\n max-width: 500px;\n display: flex;\n height: 100%;\n flex-direction: column;\n background: rgb(var(--ur-color-surface));\n}\n\n:host .locale-filter-panel header {\n height: 48px;\n position: relative;\n border-bottom: 1px solid rgb(var(--ur-color-outline));\n box-sizing: border-box;\n display: flex;\n align-items: center;\n padding: 4px;\n}\n\n:host .locale-filter-panel header mdui-button {\n height: 40px;\n width: 40px;\n min-width: 40px;\n box-sizing: border-box;\n border-radius: 0;\n padding: 0;\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel header label {\n flex: 1;\n text-align: center;\n position: relative;\n left: -22px;\n font-size: 16px;\n font-weight: 700;\n line-height: 28px;\n letter-spacing: 0;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host .locale-filter-panel main {\n padding: 16px;\n}\n\n:host .locale-filter-panel main .description {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n}\n\n:host .locale-filter-panel main .description .title {\n padding: 8px 0;\n font-weight: 700;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .description .text {\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel main .locales {\n margin-left: -12px;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .locales mdui-checkbox {\n border-radius: 0;\n width: 100%;\n}\n\n:host .locale-filter-panel footer {\n border-top: 1px solid #73777F;\n height: 72px;\n display: flex;\n align-items: center;\n padding: 16px 24px;\n box-sizing: border-box;\n}\n\n:host .locale-filter-panel footer mdui-button {\n padding: 10px 24px;\n height: 40px;\n border-radius: 5px;\n font-weight: 400;\n font-size: 14px;\n line-height: 15px;\n max-width: 79px;\n}\n\n:host .locale-filter-panel footer mdui-button.save {\n background-color: rgb(var(--ur-color-primary));\n color: rgb(var(--ur-color-on-primary));\n margin-right: 8px;\n}\n\n:host .locale-filter-panel footer mdui-button.cancel {\n padding: 10px 12px;\n background-color: transparent;\n color: rgb(var(--ur-color-primary));\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\nimport 'mdui/components/checkbox';\n\n@Component({\n tag: 'ur-locale-filter-panel',\n styleUrl: 'ur-locale-filter-panel.css',\n shadow: true,\n})\nexport class UrLocaleFilterPanel {\n\n @Prop()\n showHeader = true;\n\n @Prop()\n showFooter = true;\n\n @Prop()\n locales: Array<[label: string, value: string, checked: boolean]> = [];\n\n @Event()\n save: EventEmitter<void>;\n\n @Event()\n cancel: EventEmitter<void>;\n\n render() {\n return (\n <div class=\"locale-filter-panel\">\n {this.showHeader && <header>\n <mdui-button variant=\"text\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z\" fill=\"currentColor\" />\n </svg>\n </mdui-button>\n <label>Filters</label>\n </header>}\n <main>\n <div class=\"description\">\n <div class=\"title\">Content Languages</div>\n <div class=\"text\">Choose the language you want to see for the stories, pages and competitions</div>\n </div>\n <div class=\"locales\">\n {this.locales.map(([label, value, checked]) => {\n return <mdui-checkbox checked={checked} value={value}>{label}</mdui-checkbox>\n })}\n </div>\n </main>\n {this.showFooter && <footer>\n <mdui-button class=\"save\" onClick={() => this.save.emit()}>\n Save\n </mdui-button>\n <mdui-button class=\"cancel\" variant=\"text\" onClick={() => this.cancel.emit()}>\n Cancel\n </mdui-button>\n </footer>}\n </div>\n );\n }\n}\n"],"mappings":"0KAAA,MAAMA,EAAyB,2rEAC/B,MAAAC,EAAeD,E,MCSFE,EAAmB,M,mGAGf,K,gBAGA,K,aAGsD,E,CAQnE,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACNC,KAAKC,YAAcJ,EAAA,UAAAC,IAAA,4CAChBD,EAAA,eAAAC,IAAA,2CAAaI,QAAQ,QACjBL,EAAA,OAAAC,IAAA,2CAAKK,MAAM,6BAA6BC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,QACpFV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,mGAAmGD,KAAK,mBAGxHV,EAAA,SAAAC,IAAA,wDAEJD,EAAA,QAAAC,IAAA,4CACID,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACPF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,SAAO,qBAClBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QAAM,gFAErBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACNC,KAAKS,QAAQC,KAAI,EAAEC,EAAOC,EAAOC,KACvBhB,EAAA,iBAAegB,QAASA,EAASD,MAAOA,GAAQD,OAIlEX,KAAKc,YAAcjB,EAAA,UAAAC,IAAA,4CAChBD,EAAA,eAAAC,IAAA,2CAAaC,MAAM,OAAOgB,QAAS,IAAMf,KAAKgB,KAAKC,QAAM,QAGzDpB,EAAA,eAAAC,IAAA,2CAAaC,MAAM,SAASG,QAAQ,OAAOa,QAAS,IAAMf,KAAKkB,OAAOD,QAAM,W","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-163d6d1a",[[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-222b9610",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"]}]]],["p-3e1c832c",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-b83b816f",[[1,"ur-loader"]]],["p-c66441f9",[[1,"ur-locale-filter-button",{count:[2]}]]],["p-
|
|
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-163d6d1a",[[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-222b9610",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"]}]]],["p-3e1c832c",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-b83b816f",[[1,"ur-loader"]]],["p-c66441f9",[[1,"ur-locale-filter-button",{count:[2]}]]],["p-497c42d8",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16]}]]],["p-88706665",[[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-7276bbf7",[[1,"ur-user-profile"]]],["p-d867747d",[[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-d990c5dc",[[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,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as o,h as r}from"./p-74c47a4f.js";import"./p-2f7a77dc.js";import"./p-f1a968b2.js";import"./p-c0137a00.js";import"./p-40c5666d.js";import"./p-8994d758.js";const a=":host{--ur-color-primary:var(--mdui-color-primary);--ur-color-on-primary:var(--mdui-color-on-primary);--ur-color-surface:var(--mdui-color-surface);--ur-color-on-surface:var(--mdui-color-on-surface);--ur-color-on-background:var(--mdui-color-on-background);--ur-color-on-surface-variant:var(--mdui-color-on-surface-variant)}:host .locale-filter-panel{display:block;width:100%;max-width:500px;display:flex;height:100%;flex-direction:column;background:rgb(var(--ur-color-surface))}:host .locale-filter-panel header{height:48px;position:relative;border-bottom:1px solid #73777F;box-sizing:border-box;display:flex;align-items:center;padding:4px}:host .locale-filter-panel header mdui-button{height:40px;width:40px;min-width:40px;box-sizing:border-box;border-radius:0;padding:0;color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel header label{flex:1;text-align:center;position:relative;left:-22px;font-size:16px;font-weight:700;line-height:28px;letter-spacing:0;color:rgb(var(--ur-color-on-surface))}:host .locale-filter-panel main{padding:16px}:host .locale-filter-panel main .description{font-size:12px;font-weight:400;line-height:20px;letter-spacing:0.1px}:host .locale-filter-panel main .description .title{padding:8px 0;font-weight:700;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .description .text{color:rgb(var(--ur-color-on-surface-variant))}:host .locale-filter-panel main .locales{margin-left:-12px;color:rgb(var(--ur-color-on-background))}:host .locale-filter-panel main .locales mdui-checkbox{border-radius:0;width:100%}:host .locale-filter-panel footer{border-top:1px solid #73777F;height:72px;display:flex;align-items:center;padding:16px 24px;box-sizing:border-box}:host .locale-filter-panel footer mdui-button{padding:10px 24px;height:40px;border-radius:5px;font-weight:400;font-size:14px;line-height:15px;max-width:79px}:host .locale-filter-panel footer mdui-button.save{background-color:rgb(var(--ur-color-primary));color:rgb(var(--ur-color-on-primary));margin-right:8px}:host .locale-filter-panel footer mdui-button.cancel{padding:10px 12px;background-color:transparent;color:rgb(var(--ur-color-primary))}";const t=a;const i=class{constructor(r){e(this,r);this.save=o(this,"save",7);this.cancel=o(this,"cancel",7);this.showHeader=true;this.showFooter=true;this.locales=[]}render(){return r("div",{key:"1b309083092045050ddf5a896e7dde7fa7071e6c",class:"locale-filter-panel"},this.showHeader&&r("header",{key:"258f823822676566cebcd1e9159c21d644b8c9ca"},r("mdui-button",{key:"d0dbf76ee71b66bbe0e71f5f5367fc0bff2dd2cd",variant:"text"},r("svg",{key:"905d7a6fefdcbdc9dc612c00d194295d7cd7a753",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r("path",{key:"be4cefc0ded5067530d8bf75bda8d8edb07e857d",d:"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z",fill:"currentColor"}))),r("label",{key:"e0e7351c4200150db9c55a9bc7fb9ed959e1da4b"},"Filters")),r("main",{key:"6a1da5c3772be13bdf738e9966b57ce4f2ddccea"},r("div",{key:"cd37f9c885a66a722c08b3564bc38c1b72ecdaab",class:"description"},r("div",{key:"7117e57f8a2b2746942149edf0c7c4e5227b8b0d",class:"title"},"Content Languages"),r("div",{key:"cd66d57e1e75216d55c02512f766baac13363887",class:"text"},"Choose the language you want to see for the stories, pages and competitions")),r("div",{key:"6c7c1f1dad782d7c418377fcf59fecbb89d5dbdd",class:"locales"},this.locales.map((([e,o,a])=>r("mdui-checkbox",{checked:a,value:o},e))))),this.showFooter&&r("footer",{key:"87b6e60888899767cbcd6b5626f2a03dc4068b28"},r("mdui-button",{key:"22d9fd5418d2a9275aae1af92e032e770c18a554",class:"save",onClick:()=>this.save.emit()},"Save"),r("mdui-button",{key:"696ec5b0f5af0a7a3f2a6fa12606738b46609b70",class:"cancel",variant:"text",onClick:()=>this.cancel.emit()},"Cancel")))}};i.style=t;export{i as ur_locale_filter_panel};
|
|
2
|
-
//# sourceMappingURL=p-c506300f.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["urLocaleFilterPanelCss","UrLocaleFilterPanelStyle0","UrLocaleFilterPanel","render","h","key","class","this","showHeader","variant","xmlns","width","height","viewBox","fill","d","locales","map","label","value","checked","showFooter","onClick","save","emit","cancel"],"sources":["src/components/ur-locale-filter-panel/ur-locale-filter-panel.css?tag=ur-locale-filter-panel&encapsulation=shadow","src/components/ur-locale-filter-panel/ur-locale-filter-panel.tsx"],"sourcesContent":[":host {\n --ur-color-primary: var(--mdui-color-primary);\n --ur-color-on-primary: var(--mdui-color-on-primary);\n --ur-color-surface: var(--mdui-color-surface);\n --ur-color-on-surface: var(--mdui-color-on-surface);\n --ur-color-on-background: var(--mdui-color-on-background);\n --ur-color-on-surface-variant: var(--mdui-color-on-surface-variant);\n}\n\n:host .locale-filter-panel {\n display: block;\n width: 100%;\n max-width: 500px;\n display: flex;\n height: 100%;\n flex-direction: column;\n background: rgb(var(--ur-color-surface));\n}\n\n:host .locale-filter-panel header {\n height: 48px;\n position: relative;\n border-bottom: 1px solid #73777F;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n padding: 4px;\n}\n\n:host .locale-filter-panel header mdui-button {\n height: 40px;\n width: 40px;\n min-width: 40px;\n box-sizing: border-box;\n border-radius: 0;\n padding: 0;\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel header label {\n flex: 1;\n text-align: center;\n position: relative;\n left: -22px;\n font-size: 16px;\n font-weight: 700;\n line-height: 28px;\n letter-spacing: 0;\n color: rgb(var(--ur-color-on-surface));\n}\n\n:host .locale-filter-panel main {\n padding: 16px;\n}\n\n:host .locale-filter-panel main .description {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n}\n\n:host .locale-filter-panel main .description .title {\n padding: 8px 0;\n font-weight: 700;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .description .text {\n color: rgb(var(--ur-color-on-surface-variant));\n}\n\n:host .locale-filter-panel main .locales {\n margin-left: -12px;\n color: rgb(var(--ur-color-on-background));\n}\n\n:host .locale-filter-panel main .locales mdui-checkbox {\n border-radius: 0;\n width: 100%;\n}\n\n:host .locale-filter-panel footer {\n border-top: 1px solid #73777F;\n height: 72px;\n display: flex;\n align-items: center;\n padding: 16px 24px;\n box-sizing: border-box;\n}\n\n:host .locale-filter-panel footer mdui-button {\n padding: 10px 24px;\n height: 40px;\n border-radius: 5px;\n font-weight: 400;\n font-size: 14px;\n line-height: 15px;\n max-width: 79px;\n}\n\n:host .locale-filter-panel footer mdui-button.save {\n background-color: rgb(var(--ur-color-primary));\n color: rgb(var(--ur-color-on-primary));\n margin-right: 8px;\n}\n\n:host .locale-filter-panel footer mdui-button.cancel {\n padding: 10px 12px;\n background-color: transparent;\n color: rgb(var(--ur-color-primary));\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\nimport 'mdui/components/button';\nimport 'mdui/components/checkbox';\n\n@Component({\n tag: 'ur-locale-filter-panel',\n styleUrl: 'ur-locale-filter-panel.css',\n shadow: true,\n})\nexport class UrLocaleFilterPanel {\n\n @Prop()\n showHeader = true;\n\n @Prop()\n showFooter = true;\n\n @Prop()\n locales: Array<[label: string, value: string, checked: boolean]> = [];\n\n @Event()\n save: EventEmitter<void>;\n\n @Event()\n cancel: EventEmitter<void>;\n\n render() {\n return (\n <div class=\"locale-filter-panel\">\n {this.showHeader && <header>\n <mdui-button variant=\"text\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z\" fill=\"currentColor\" />\n </svg>\n </mdui-button>\n <label>Filters</label>\n </header>}\n <main>\n <div class=\"description\">\n <div class=\"title\">Content Languages</div>\n <div class=\"text\">Choose the language you want to see for the stories, pages and competitions</div>\n </div>\n <div class=\"locales\">\n {this.locales.map(([label, value, checked]) => {\n return <mdui-checkbox checked={checked} value={value}>{label}</mdui-checkbox>\n })}\n </div>\n </main>\n {this.showFooter && <footer>\n <mdui-button class=\"save\" onClick={() => this.save.emit()}>\n Save\n </mdui-button>\n <mdui-button class=\"cancel\" variant=\"text\" onClick={() => this.cancel.emit()}>\n Cancel\n </mdui-button>\n </footer>}\n </div>\n );\n }\n}\n"],"mappings":"0KAAA,MAAMA,EAAyB,ynEAC/B,MAAAC,EAAeD,E,MCSFE,EAAmB,M,mGAGf,K,gBAGA,K,aAGsD,E,CAQnE,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACNC,KAAKC,YAAcJ,EAAA,UAAAC,IAAA,4CAChBD,EAAA,eAAAC,IAAA,2CAAaI,QAAQ,QACjBL,EAAA,OAAAC,IAAA,2CAAKK,MAAM,6BAA6BC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,QACpFV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,mGAAmGD,KAAK,mBAGxHV,EAAA,SAAAC,IAAA,wDAEJD,EAAA,QAAAC,IAAA,4CACID,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACPF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,SAAO,qBAClBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QAAM,gFAErBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACNC,KAAKS,QAAQC,KAAI,EAAEC,EAAOC,EAAOC,KACvBhB,EAAA,iBAAegB,QAASA,EAASD,MAAOA,GAAQD,OAIlEX,KAAKc,YAAcjB,EAAA,UAAAC,IAAA,4CAChBD,EAAA,eAAAC,IAAA,2CAAaC,MAAM,OAAOgB,QAAS,IAAMf,KAAKgB,KAAKC,QAAM,QAGzDpB,EAAA,eAAAC,IAAA,2CAAaC,MAAM,SAASG,QAAQ,OAAOa,QAAS,IAAMf,KAAKkB,OAAOD,QAAM,W","ignoreList":[]}
|