design.estate/dees-catalog
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2023-01-11 20:52:37 +01:00
parent 884f9725b5
commit 89fd8b5080
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ts_web/00_commitinfo_data.ts
View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@designestate/dees-catalog', name: '@designestate/dees-catalog',
version: '1.0.130', version: '1.0.131',
description: 'website for lossless.com' description: 'website for lossless.com'
} }

11
ts_web/elements/dees-icon.ts
View File

@ -83,7 +83,7 @@ declare global {
export class DeesIcon extends DeesElement { export class DeesIcon extends DeesElement {
public static demo = () => html` public static demo = () => html`
<dees-icon iconName="visibility"></dees-icon> <dees-icon iconName="visibility"></dees-icon>
<div style="background: #fff; padding: 10px; font-size: 24px"> <div style="background: #fff; padding: 10px; font-size: 30px">
<dees-icon iconFA="messageSolid"></dees-icon> <dees-icon iconFA="messageSolid"></dees-icon>
<dees-icon iconFA="sun"></dees-icon> <dees-icon iconFA="sun"></dees-icon>
<dees-icon iconFA="sunSolid"></dees-icon> <dees-icon iconFA="sunSolid"></dees-icon>
@ -95,7 +95,7 @@ export class DeesIcon extends DeesElement {
public iconFA: keyof typeof faIcons; public iconFA: keyof typeof faIcons;
@property() @property()
public iconSize: number = 20; public iconSize: number;
constructor() { constructor() {
super(); super();
@ -108,6 +108,9 @@ export class DeesIcon extends DeesElement {
:host { :host {
display: block; display: block;
white-space: nowrap; white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
} }
`, `,
]; ];
@ -117,6 +120,7 @@ export class DeesIcon extends DeesElement {
${domtools.elementBasic.styles} ${domtools.elementBasic.styles}
<style> <style>
#iconContainer svg { #iconContainer svg {
display: block;
height: ${this.iconSize}px; height: ${this.iconSize}px;
} }
</style> </style>
@ -125,6 +129,9 @@ export class DeesIcon extends DeesElement {
} }
public async firstUpdated() { public async firstUpdated() {
if (!this.iconSize) {
this.iconSize = parseInt(globalThis.getComputedStyle(this).fontSize.replace(/\D/g,''));
}
if (this.iconFA) { if (this.iconFA) {
this.shadowRoot.querySelector('#iconContainer').innerHTML = this.iconFA this.shadowRoot.querySelector('#iconContainer').innerHTML = this.iconFA
? icon(faIcons[this.iconFA]).html[0] ? icon(faIcons[this.iconFA]).html[0]