@zanichelli/albe-web-components 13.5.0 → 13.6.1
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/CHANGELOG.md +9 -0
- package/dist/cjs/z-app-header_12.cjs.entry.js +4 -0
- package/dist/cjs/z-app-header_12.cjs.entry.js.map +1 -1
- package/dist/cjs/z-panel-elem.cjs.entry.js +2 -8
- package/dist/cjs/z-panel-elem.cjs.entry.js.map +1 -1
- package/dist/collection/components/icons/icons.js +4 -0
- package/dist/collection/components/icons/icons.js.map +1 -1
- package/dist/collection/components/panel/z-panel-elem/index.js +2 -8
- package/dist/collection/components/panel/z-panel-elem/index.js.map +1 -1
- package/dist/collection/components/panel/z-panel-elem/index.spec.js +6 -18
- package/dist/collection/components/panel/z-panel-elem/index.spec.js.map +1 -1
- package/dist/components/icons.js +4 -0
- package/dist/components/icons.js.map +1 -1
- package/dist/components/z-panel-elem.js +2 -8
- package/dist/components/z-panel-elem.js.map +1 -1
- package/dist/esm/z-app-header_12.entry.js +4 -0
- package/dist/esm/z-app-header_12.entry.js.map +1 -1
- package/dist/esm/z-panel-elem.entry.js +2 -8
- package/dist/esm/z-panel-elem.entry.js.map +1 -1
- package/dist/types/components/icons/icons.d.ts +8 -0
- package/dist/types/components/panel/z-panel-elem/index.d.ts +0 -1
- package/dist/web-components-library/p-01579c23.entry.js +2 -0
- package/dist/web-components-library/p-01579c23.entry.js.map +1 -0
- package/dist/web-components-library/p-2e94cf96.entry.js +2 -0
- package/dist/web-components-library/p-2e94cf96.entry.js.map +1 -0
- package/dist/web-components-library/web-components-library.css +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +2 -2
- package/www/build/p-01579c23.entry.js +2 -0
- package/www/build/p-01579c23.entry.js.map +1 -0
- package/www/build/p-2e94cf96.entry.js +2 -0
- package/www/build/p-2e94cf96.entry.js.map +1 -0
- package/www/build/p-92aa1e0f.css +3 -0
- package/www/build/{p-57cd2f36.js → p-b0497738.js} +1 -1
- package/www/build/web-components-library.css +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/web-components-library/p-7787e428.entry.js +0 -2
- package/dist/web-components-library/p-7787e428.entry.js.map +0 -1
- package/dist/web-components-library/p-9f979c92.entry.js +0 -2
- package/dist/web-components-library/p-9f979c92.entry.js.map +0 -1
- package/www/build/p-22cc270c.css +0 -3
- package/www/build/p-7787e428.entry.js +0 -2
- package/www/build/p-7787e428.entry.js.map +0 -1
- package/www/build/p-9f979c92.entry.js +0 -2
- package/www/build/p-9f979c92.entry.js.map +0 -1
|
@@ -16,19 +16,13 @@ const ZPanelElem = class {
|
|
|
16
16
|
this.isdisabled = false;
|
|
17
17
|
this.descrSlotName = undefined;
|
|
18
18
|
}
|
|
19
|
-
renderIcon() {
|
|
20
|
-
if (this.isdisabled) {
|
|
21
|
-
return (h("img", { src: this.imgurl, alt: this.imgalt }));
|
|
22
|
-
}
|
|
23
|
-
return (h("a", { class: "elem-icon", href: this.url, target: this.target }, h("img", { src: this.imgurl, alt: this.imgalt })));
|
|
24
|
-
}
|
|
25
19
|
render() {
|
|
26
20
|
const elemId = this.elemid ? this.elemid : "";
|
|
27
|
-
return (h("div", { key: '
|
|
21
|
+
return (h("div", { key: 'bdc30d88a3eb7ba48958701df00b9ef7e8516bba', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'fe7f4ba7d0851986d693be0a88b463cedabb5934', class: "panel-elem-link" }, h("a", { key: '7325188fe40d6a2726d542607581b1517e6d5b3b', class: {
|
|
28
22
|
"z-link": true,
|
|
29
23
|
"z-link-disabled": this.isdisabled,
|
|
30
24
|
"z-link-icon": true,
|
|
31
|
-
}, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '
|
|
25
|
+
}, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: 'df0f7f98e88de69f4894bfa8250a884aa6da9c3a', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { class: "panel-elem-desc" }, h("slot", { name: this.descrSlotName })))));
|
|
32
26
|
}
|
|
33
27
|
};
|
|
34
28
|
ZPanelElem.style = ZPanelElemStyle0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"z-panel-elem.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,2zBAA2zB,CAAC;AAC90B,yBAAe,SAAS;;MCUX,UAAU;;;;;;;;;sBA2BH,QAAQ;0BAIH,KAAK;;;
|
|
1
|
+
{"file":"z-panel-elem.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,2zBAA2zB,CAAC;AAC90B,yBAAe,SAAS;;MCUX,UAAU;;;;;;;;;sBA2BH,QAAQ;0BAIH,KAAK;;;IAM5B,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QAE9C,QACE,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,MAC1B,0BACc,MAAM,EAClB,KAAK,EAAC,iBAAiB,IAEvB,WACE,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,GAAG,EAAE,IAAI,CAAC,MAAM,GAChB,CACE,CACP,EACD,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,0DACE,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,IAAI,CAAC,UAAU;gBAClC,aAAa,EAAE,IAAI;aACpB,EACD,EAAE,EAAE,MAAM,GAAG,SAAS,EACtB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnB,+DACE,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,IAAI,EAAE,IAAI,CAAC,QAAQ,GACX,EACT,IAAI,CAAC,SAAS,CACb,CACA,EACL,IAAI,CAAC,aAAa,KACjB,WAAK,KAAK,EAAC,iBAAiB,IAC1B,YAAM,IAAI,EAAE,IAAI,CAAC,aAAa,GAAI,CAC9B,CACP,CACG,EACN;KACH;;;;;;","names":[],"sources":["src/components/panel/z-panel-elem/styles.css?tag=z-panel-elem&encapsulation=scoped","src/components/panel/z-panel-elem/index.tsx"],"sourcesContent":[":host {\n width: inherit;\n font-family: var(--font-family sans);\n font-weight: var(--font-rg);\n}\n\n.panel-elem-container {\n width: 100%;\n}\n\n.panel-elem-icon {\n margin: auto calc(var(--space-unit) * 3);\n}\n\n.panel-elem-icon img {\n display: block;\n max-width: 96px;\n height: 32px;\n margin: auto;\n object-fit: contain;\n}\n\n.panel-elem-link {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: var(--space-unit) auto 0;\n border-radius: var(--border-no-radius);\n font-size: 12px;\n}\n\n.panel-elem-link > a.z-link {\n padding: calc(var(--space-unit) * 0.5) 0;\n font-weight: var(--font-sb);\n}\n\n.panel-elem-desc {\n padding-top: var(--space-unit);\n margin: 0;\n letter-spacing: 0.16px;\n text-align: center;\n}\n\na > z-icon {\n margin-right: var(--space-unit);\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n/**\n * @slot `descrSlotName` - description content\n */\n@Component({\n tag: \"z-panel-elem\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZPanelElem {\n /** html element id (optional) */\n @Prop()\n elemid?: string;\n\n /** image url source (optional) */\n @Prop()\n imgurl?: string;\n\n /** alternative image text (optional) */\n @Prop()\n imgalt?: string;\n\n /** icon link name (optional) */\n @Prop()\n linkicon?: string;\n\n /** link label text*/\n @Prop()\n linklabel: string;\n\n /** link url */\n @Prop()\n url: string;\n\n /** link target (optional) */\n @Prop()\n target?: string = \"_blank\";\n\n /** disabled status flag (optional) */\n @Prop()\n isdisabled?: boolean = false;\n\n /** name of slot container (optional) */\n @Prop()\n descrSlotName?: string;\n\n render(): HTMLDivElement {\n const elemId = this.elemid ? this.elemid : \"\";\n\n return (\n <div class=\"panel-elem-container\">\n {(this.imgurl || this.imgalt) && (\n <div\n aria-hidden=\"true\"\n class=\"panel-elem-icon\"\n >\n <img\n src={this.imgurl}\n alt={this.imgalt}\n />\n </div>\n )}\n <div class=\"panel-elem-link\">\n <a\n class={{\n \"z-link\": true,\n \"z-link-disabled\": this.isdisabled,\n \"z-link-icon\": true,\n }}\n id={elemId + \"link_id\"}\n href={this.url}\n target={this.target}\n >\n <z-icon\n height={14}\n width={14}\n name={this.linkicon}\n ></z-icon>\n {this.linklabel}\n </a>\n </div>\n {this.descrSlotName && (\n <div class=\"panel-elem-desc\">\n <slot name={this.descrSlotName} />\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -155,6 +155,7 @@ export declare const STROKE_ICONS: {
|
|
|
155
155
|
"font-color": string;
|
|
156
156
|
french: string;
|
|
157
157
|
fun: string;
|
|
158
|
+
gap: string;
|
|
158
159
|
gear: string;
|
|
159
160
|
geogebra: string;
|
|
160
161
|
"geographical-map": string;
|
|
@@ -217,6 +218,7 @@ export declare const STROKE_ICONS: {
|
|
|
217
218
|
"multiply-circled": string;
|
|
218
219
|
"multiply-square": string;
|
|
219
220
|
"my-data": string;
|
|
221
|
+
"natural-science": string;
|
|
220
222
|
nib: string;
|
|
221
223
|
note: string;
|
|
222
224
|
notification: string;
|
|
@@ -499,6 +501,7 @@ export declare const FILLED_ICONS: {
|
|
|
499
501
|
"font-color-filled": string;
|
|
500
502
|
"french-filled": string;
|
|
501
503
|
"fun-filled": string;
|
|
504
|
+
"gap-filled": string;
|
|
502
505
|
"gear-filled": string;
|
|
503
506
|
"geogebra-filled": string;
|
|
504
507
|
"geographical-map-filled": string;
|
|
@@ -561,6 +564,7 @@ export declare const FILLED_ICONS: {
|
|
|
561
564
|
"multiply-filled": string;
|
|
562
565
|
"multiply-square-filled": string;
|
|
563
566
|
"my-data-filled": string;
|
|
567
|
+
"natural-science-filled": string;
|
|
564
568
|
"nib-filled": string;
|
|
565
569
|
"note-filled": string;
|
|
566
570
|
"notification-filled": string;
|
|
@@ -904,6 +908,7 @@ export declare const ICONS: {
|
|
|
904
908
|
"font-color-filled": string;
|
|
905
909
|
"french-filled": string;
|
|
906
910
|
"fun-filled": string;
|
|
911
|
+
"gap-filled": string;
|
|
907
912
|
"gear-filled": string;
|
|
908
913
|
"geogebra-filled": string;
|
|
909
914
|
"geographical-map-filled": string;
|
|
@@ -966,6 +971,7 @@ export declare const ICONS: {
|
|
|
966
971
|
"multiply-filled": string;
|
|
967
972
|
"multiply-square-filled": string;
|
|
968
973
|
"my-data-filled": string;
|
|
974
|
+
"natural-science-filled": string;
|
|
969
975
|
"nib-filled": string;
|
|
970
976
|
"note-filled": string;
|
|
971
977
|
"notification-filled": string;
|
|
@@ -1241,6 +1247,7 @@ export declare const ICONS: {
|
|
|
1241
1247
|
"font-color": string;
|
|
1242
1248
|
french: string;
|
|
1243
1249
|
fun: string;
|
|
1250
|
+
gap: string;
|
|
1244
1251
|
gear: string;
|
|
1245
1252
|
geogebra: string;
|
|
1246
1253
|
"geographical-map": string;
|
|
@@ -1303,6 +1310,7 @@ export declare const ICONS: {
|
|
|
1303
1310
|
"multiply-circled": string;
|
|
1304
1311
|
"multiply-square": string;
|
|
1305
1312
|
"my-data": string;
|
|
1313
|
+
"natural-science": string;
|
|
1306
1314
|
nib: string;
|
|
1307
1315
|
note: string;
|
|
1308
1316
|
notification: string;
|