@primeicons/lit 8.0.0-alpha.2 → 8.0.0-alpha.3
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/esm/core/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {LitElement,css,svg}from'lit';import {property}from'lit/decorators.js';var y=Object.defineProperty;var
|
|
1
|
+
import {LitElement,css,svg}from'lit';import {property}from'lit/decorators.js';var y=Object.defineProperty;var s=(t,l,i,e)=>{for(var o=void 0,r=t.length-1,p;r>=0;r--)(p=t[r])&&(o=(p(l,i,o))||o);return o&&y(l,i,o),o};var c=class extends LitElement{constructor(){super(...arguments);this.iconData=null;}static{this.styles=css`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
align-items: center;
|
|
@@ -8,15 +8,18 @@ import {LitElement,css,svg}from'lit';import {property}from'lit/decorators.js';va
|
|
|
8
8
|
svg {
|
|
9
9
|
fill: currentColor;
|
|
10
10
|
}
|
|
11
|
-
`;}get computedSize(){
|
|
11
|
+
`;}get computedSize(){return this.size??14}get iconStyles(){let i=[];return this.color&&i.push(`color: ${this.color}`),i.join("; ")}renderNode([i,e]){let{key:o,...r}=e;switch(i){case "path":return svg`<path d="${e.d}" fill="${e.fill||""}" fill-rule="${e.fillRule||""}" clip-rule="${e.clipRule||""}" />`;case "circle":return svg`<circle cx="${e.cx}" cy="${e.cy}" r="${e.r}" fill="${e.fill||""}" />`;case "rect":return svg`<rect x="${e.x||""}" y="${e.y||""}" width="${e.width||""}" height="${e.height||""}" fill="${e.fill||""}" />`;case "line":return svg`<line x1="${e.x1}" y1="${e.y1}" x2="${e.x2}" y2="${e.y2}" />`;case "ellipse":return svg`<ellipse cx="${e.cx}" cy="${e.cy}" rx="${e.rx}" ry="${e.ry}" />`;case "polygon":return svg`<polygon points="${e.points}" />`;case "polyline":return svg`<polyline points="${e.points}" />`;default:return svg``}}renderIcon(){return this.iconData?svg`
|
|
12
12
|
<svg
|
|
13
|
-
viewBox="0 0 14 14"
|
|
14
|
-
fill="currentColor"
|
|
15
13
|
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
width="${this.computedSize}"
|
|
15
|
+
height="${this.computedSize}"
|
|
16
|
+
viewBox="0 0 14 14"
|
|
17
|
+
fill="none"
|
|
16
18
|
style="${this.iconStyles}"
|
|
17
19
|
class="p-icon p-icon-${this.iconData.name}"
|
|
20
|
+
aria-hidden="true"
|
|
18
21
|
>
|
|
19
22
|
${this.iconData.nodes.map(i=>this.renderNode(i))}
|
|
20
23
|
</svg>
|
|
21
|
-
`:svg``}render(){return this.renderIcon()}};
|
|
24
|
+
`:svg``}render(){return this.renderIcon()}};s([property({type:Number})],c.prototype,"size"),s([property({type:String})],c.prototype,"color");export{c as CoreIcon};//# sourceMappingURL=index.mjs.map
|
|
22
25
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/core/index.ts"],"names":["CoreIcon","LitElement","css","
|
|
1
|
+
{"version":3,"sources":["../../../src/core/index.ts"],"names":["CoreIcon","LitElement","css","styles","type","attrs","_key","restAttrs","svg","node","__decorateClass","property"],"mappings":"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","file":"index.mjs","sourcesContent":["import type { IconProps as CoreIconProps, IconData, IconNode } from '@primeicons/core/types';\nimport { LitElement, css, svg, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport type { CoreIconProps, IconData };\n\nexport class CoreIcon extends LitElement {\n @property({ type: Number })\n size?: number;\n\n @property({ type: String })\n color?: string;\n\n iconData: IconData | null = null;\n\n static styles = css`\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n svg {\n fill: currentColor;\n }\n `;\n\n protected get computedSize(): number {\n return this.size ?? 14;\n }\n\n protected get iconStyles(): string {\n const styles: string[] = [];\n\n if (this.color) {\n styles.push(`color: ${this.color}`);\n }\n\n return styles.join('; ');\n }\n\n protected renderNode([type, attrs]: IconNode): TemplateResult {\n const { key: _key, ...restAttrs } = attrs;\n\n void _key; // Unused, just extracting to avoid key in attrs\n void restAttrs; // Keep for potential future use\n\n switch (type) {\n case 'path':\n return svg`<path d=\"${attrs.d}\" fill=\"${attrs.fill || ''}\" fill-rule=\"${attrs.fillRule || ''}\" clip-rule=\"${attrs.clipRule || ''}\" />`;\n case 'circle':\n return svg`<circle cx=\"${attrs.cx}\" cy=\"${attrs.cy}\" r=\"${attrs.r}\" fill=\"${attrs.fill || ''}\" />`;\n case 'rect':\n return svg`<rect x=\"${attrs.x || ''}\" y=\"${attrs.y || ''}\" width=\"${attrs.width || ''}\" height=\"${attrs.height || ''}\" fill=\"${attrs.fill || ''}\" />`;\n case 'line':\n return svg`<line x1=\"${attrs.x1}\" y1=\"${attrs.y1}\" x2=\"${attrs.x2}\" y2=\"${attrs.y2}\" />`;\n case 'ellipse':\n return svg`<ellipse cx=\"${attrs.cx}\" cy=\"${attrs.cy}\" rx=\"${attrs.rx}\" ry=\"${attrs.ry}\" />`;\n case 'polygon':\n return svg`<polygon points=\"${attrs.points}\" />`;\n case 'polyline':\n return svg`<polyline points=\"${attrs.points}\" />`;\n default:\n return svg``;\n }\n }\n\n protected renderIcon(): TemplateResult {\n if (!this.iconData) return svg``;\n\n return svg`\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"${this.computedSize}\"\n height=\"${this.computedSize}\"\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n style=\"${this.iconStyles}\"\n class=\"p-icon p-icon-${this.iconData.name}\"\n aria-hidden=\"true\"\n >\n ${this.iconData.nodes.map((node) => this.renderNode(node))}\n </svg>\n `;\n }\n\n render() {\n return this.renderIcon();\n }\n}\n"]}
|
package/dist/lib/core/index.d.ts
CHANGED
|
@@ -4,11 +4,11 @@ import { IconData, IconNode } from '@primeicons/core/types';
|
|
|
4
4
|
export { IconProps as CoreIconProps, IconData } from '@primeicons/core/types';
|
|
5
5
|
|
|
6
6
|
declare class CoreIcon extends LitElement {
|
|
7
|
-
size?: number
|
|
7
|
+
size?: number;
|
|
8
8
|
color?: string;
|
|
9
9
|
iconData: IconData | null;
|
|
10
10
|
static styles: lit.CSSResult;
|
|
11
|
-
protected get computedSize():
|
|
11
|
+
protected get computedSize(): number;
|
|
12
12
|
protected get iconStyles(): string;
|
|
13
13
|
protected renderNode([type, attrs]: IconNode): TemplateResult;
|
|
14
14
|
protected renderIcon(): TemplateResult;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primeicons/lit",
|
|
3
|
-
"version": "8.0.0-alpha.
|
|
3
|
+
"version": "8.0.0-alpha.3",
|
|
4
4
|
"author": "PrimeTek Informatics",
|
|
5
5
|
"homepage": "https://primeicons.org/",
|
|
6
6
|
"description": "PrimeIcons for Lit - 300+ customizable SVG icons as Lit web components",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"LICENSE"
|
|
54
54
|
],
|
|
55
55
|
"dependencies": {
|
|
56
|
-
"@primeicons/core": "8.0.0-alpha.
|
|
56
|
+
"@primeicons/core": "8.0.0-alpha.3"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
59
|
"lit": ">=2"
|