diff --git a/package.json b/package.json index 007ff45..6520861 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "dependencies": { "@designestate/dees-domtools": "^2.0.28", "@designestate/dees-element": "^2.0.18", - "@designestate/dees-wcctools": "^1.0.75", + "@designestate/dees-wcctools": "^1.0.76", "@fortawesome/fontawesome-svg-core": "^6.2.1", "@fortawesome/free-brands-svg-icons": "^6.2.1", "@fortawesome/free-regular-svg-icons": "^6.2.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f83ce57..f6c37e5 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -3,7 +3,7 @@ lockfileVersion: 5.4 specifiers: '@designestate/dees-domtools': ^2.0.28 '@designestate/dees-element': ^2.0.18 - '@designestate/dees-wcctools': ^1.0.75 + '@designestate/dees-wcctools': ^1.0.76 '@fortawesome/fontawesome-svg-core': ^6.2.1 '@fortawesome/free-brands-svg-icons': ^6.2.1 '@fortawesome/free-regular-svg-icons': ^6.2.1 @@ -22,7 +22,7 @@ specifiers: dependencies: '@designestate/dees-domtools': 2.0.28 '@designestate/dees-element': 2.0.18 - '@designestate/dees-wcctools': 1.0.75_@types+node@18.11.18 + '@designestate/dees-wcctools': 1.0.76_@types+node@18.11.18 '@fortawesome/fontawesome-svg-core': 6.2.1 '@fortawesome/free-brands-svg-icons': 6.2.1 '@fortawesome/free-regular-svg-icons': 6.2.1 @@ -181,15 +181,15 @@ packages: - supports-color dev: false - /@designestate/dees-wcctools/1.0.75_@types+node@18.11.18: - resolution: {integrity: sha512-K+so4VIIzBvdwJatLu5zZq/V4ROfPX+mKNOLulKkBH7RRqRRiiL02+ShQv2SpjIZ5sLN8Y4iz3R4LuIkwiTjcQ==} + /@designestate/dees-wcctools/1.0.76_@types+node@18.11.18: + resolution: {integrity: sha512-TN+A+A6KK7VtkTF6r9m1HPYwtH6rmcw2JJYO+2tBqV7qozNQ39EUjWk217jTkyiy7ynOZEI6SfIFXP+2UgG2NA==} dependencies: '@designestate/dees-domtools': 2.0.28 '@designestate/dees-element': 2.0.18 '@gitzone/tsrun': 1.2.39_@types+node@18.11.18 '@pushrocks/smartdelay': 2.0.13 '@pushrocks/smartexpress': 4.0.23 - lit: 2.5.0 + lit: 2.6.0 transitivePeerDependencies: - '@swc/core' - '@swc/wasm' @@ -369,12 +369,22 @@ packages: resolution: {integrity: sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==} dev: true + /@lit-labs/ssr-dom-shim/1.0.0: + resolution: {integrity: sha512-ic93MBXfApIFTrup4a70M/+ddD8xdt2zxxj9sRwHQzhS9ag/syqkD8JPdTXsc1gUy2K8TTirhlCqyTEM/sifNw==} + dev: false + /@lit/reactive-element/1.4.1: resolution: {integrity: sha512-qDv4851VFSaBWzpS02cXHclo40jsbAjRXnebNXpm0uVg32kCneZPo9RYVQtrTNICtZ+1wAYHu1ZtxWSWMbKrBw==} /@lit/reactive-element/1.5.0: resolution: {integrity: sha512-fQh9FDK0LPTwDk+0HhSZEtb8K0LTN1wXerwpGrWA+a8tWulYRDLI4vQDWp4GOIsewn0572KYV/oZ3+492D7osA==} + /@lit/reactive-element/1.6.0: + resolution: {integrity: sha512-33H04h4tx9NVEADti0haZTNxssCnqZlMlyjri5k9kwDWAe2W1iENroZt7VWwmsPhlWUD8sSoPXSHqd0DdL29Pw==} + dependencies: + '@lit-labs/ssr-dom-shim': 1.0.0 + dev: false + /@nodelib/fs.scandir/2.1.5: resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} engines: {node: '>= 8'} @@ -655,7 +665,7 @@ packages: '@pushrocks/smartdelay': 2.0.13 '@pushrocks/smartenv': 5.0.5 '@pushrocks/smartfeed': 1.0.11 - '@pushrocks/smartfile': 10.0.5 + '@pushrocks/smartfile': 10.0.7 '@pushrocks/smartmanifest': 1.0.8 '@pushrocks/smartmime': 1.0.5 '@pushrocks/smartpath': 5.0.5 @@ -712,6 +722,30 @@ packages: transitivePeerDependencies: - supports-color + /@pushrocks/smartfile/10.0.7: + resolution: {integrity: sha512-ZjMkHLjiKaHFy5bz2k+0bLNr3S0Ef6EU65vuZuq8MbhJQW/xhBUWZWT/sKNSkPiXVCWI+vpHOA6j1G3qCnLspg==} + dependencies: + '@pushrocks/lik': 6.0.0 + '@pushrocks/smartdelay': 2.0.13 + '@pushrocks/smartfile-interfaces': 1.0.7 + '@pushrocks/smarthash': 3.0.2 + '@pushrocks/smartjson': 5.0.5 + '@pushrocks/smartmime': 1.0.5 + '@pushrocks/smartpath': 5.0.5 + '@pushrocks/smartpromise': 3.1.7 + '@pushrocks/smartrequest': 2.0.11 + '@pushrocks/smartstream': 2.0.3 + '@pushrocks/streamfunction': 4.0.4 + '@types/fs-extra': 11.0.1 + '@types/glob': 8.0.0 + '@types/js-yaml': 4.0.5 + fs-extra: 11.1.0 + glob: 8.0.3 + js-yaml: 4.1.0 + transitivePeerDependencies: + - supports-color + dev: false + /@pushrocks/smartfile/9.0.6: resolution: {integrity: sha512-mXFrnHpM3Eq0MLokGP6DDRTk+v/HDlQwnNq4HFuCqs8YW6uTU/FoRJDnrCAf+spSzkDm0m1ajz/4rke8Dk9l6A==} dependencies: @@ -750,6 +784,15 @@ packages: '@types/through2': 2.0.36 through2: 4.0.2 + /@pushrocks/smarthash/3.0.2: + resolution: {integrity: sha512-jXW4f8k6iqOQRvkCmXMID1C+qXyNvUMKm7apPETxnO+L172VlzxP1dml0Ey1+vjfpU2luKCteJWX7W95sOdLDg==} + dependencies: + '@pushrocks/smartjson': 5.0.5 + '@pushrocks/smartpromise': 3.1.7 + '@types/through2': 2.0.38 + through2: 4.0.2 + dev: false + /@pushrocks/smartjson/4.0.6: resolution: {integrity: sha512-lykr068RSDHs0+EXCvIDVxjKnDtRQ2M7EXOo5jVrUU6/OEdfRl9ErM1K/oPafiEi47/PtTrwLlp1KdSgqkRjmg==} dependencies: @@ -1398,6 +1441,13 @@ packages: dependencies: '@types/node': 18.11.18 + /@types/fs-extra/11.0.1: + resolution: {integrity: sha512-MxObHvNl4A69ofaTRU8DFqvgzzv8s9yRtaPPm5gud9HDNvpB3GPQFvNuTWAI59B9huVGV5jXYJwbCsmBsOGYWA==} + dependencies: + '@types/jsonfile': 6.1.1 + '@types/node': 18.11.18 + dev: false + /@types/fs-extra/9.0.13: resolution: {integrity: sha512-nEnwB++1u5lVDM2UI4c1+5R+FYaKfaAzS4OococimjVm3nQw3TuzH5UNsocrcTBbhnerblyHj4A49qXbIiZdpA==} dependencies: @@ -1458,6 +1508,12 @@ packages: /@types/js-yaml/4.0.5: resolution: {integrity: sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA==} + /@types/jsonfile/6.1.1: + resolution: {integrity: sha512-GSgiRCVeapDN+3pqA35IkQwasaCh/0YFH5dEF6S88iDvEn901DjOeH3/QPY+XYP1DFzDZPvIvfeEgk+7br5png==} + dependencies: + '@types/node': 18.11.18 + dev: false + /@types/keygrip/1.0.2: resolution: {integrity: sha512-GJhpTepz2udxGexqos8wgaBx4I/zWIDPh/KOGEwAqtuGDkOUJu5eFvwmdBX4AmB8Odsr+9pHCQqiAqDL/yKMKw==} dev: true @@ -1560,6 +1616,12 @@ packages: dependencies: '@types/node': 18.11.18 + /@types/through2/2.0.38: + resolution: {integrity: sha512-YFu+nHmjxMurkH1BSzA0Z1WrKDAY8jUKPZctNQn7mc+/KKtp2XxnclHFXxdB1m7Iqnzb5aywgP8TMK283LezGQ==} + dependencies: + '@types/node': 18.11.18 + dev: false + /@types/trusted-types/2.0.2: resolution: {integrity: sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==} @@ -2795,6 +2857,15 @@ packages: jsonfile: 6.1.0 universalify: 2.0.0 + /fs-extra/11.1.0: + resolution: {integrity: sha512-0rcTq621PD5jM/e0a3EJoGC/1TC5ZBCERW82LQuwfGnCa1V8w7dpYH1yNu+SLb6E5dkeCBzKEyLGlFrnr+dUyw==} + engines: {node: '>=14.14'} + dependencies: + graceful-fs: 4.2.10 + jsonfile: 6.1.0 + universalify: 2.0.0 + dev: false + /fs.realpath/1.0.0: resolution: {integrity: sha1-FQStJSMVjKpA20onh8sBQRmU6k8=} @@ -3330,6 +3401,12 @@ packages: dependencies: '@types/trusted-types': 2.0.2 + /lit-html/2.6.0: + resolution: {integrity: sha512-slNAAYfvC7LxeryDOnPFl5uTpxGYGJ6UR9SFmfY+gQ+sf30z1atDPXlgjcSTtwymNdlwDhfGjq+EemQRXp9z1g==} + dependencies: + '@types/trusted-types': 2.0.2 + dev: false + /lit/2.4.0: resolution: {integrity: sha512-fdgzxEtLrZFQU/BqTtxFQCLwlZd9bdat+ltzSFjvWkZrs7eBmeX0L5MHUMb3kYIkuS8Xlfnii/iI5klirF8/Xg==} dependencies: @@ -3345,6 +3422,14 @@ packages: lit-element: 3.2.2 lit-html: 2.5.0 + /lit/2.6.0: + resolution: {integrity: sha512-GUKVozhomdYlFVuB4UNipbPB5RcXNX4ns43uDA1gSTZN1oHe7mnj05fpYbESxXfxg/Gn905HTIzymCFrr/cn3A==} + dependencies: + '@lit/reactive-element': 1.6.0 + lit-element: 3.2.2 + lit-html: 2.6.0 + dev: false + /locate-path/5.0.0: resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==} engines: {node: '>=8'} diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index 9e205e0..f7cd0cd 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@designestate/dees-catalog', - version: '1.0.124', + version: '1.0.125', description: 'website for lossless.com' } diff --git a/ts_web/elements/dees-icon.ts b/ts_web/elements/dees-icon.ts index 1ded4b4..e60a69c 100644 --- a/ts_web/elements/dees-icon.ts +++ b/ts_web/elements/dees-icon.ts @@ -14,27 +14,36 @@ import { faTiktok, } from '@fortawesome/free-brands-svg-icons'; -import {} from '@fortawesome/free-regular-svg-icons'; -import { faDesktop, faRss, faUsers } from '@fortawesome/free-solid-svg-icons'; +import { + faMessage as faMessageRegular, + faSun as faSunRegular, +} from '@fortawesome/free-regular-svg-icons'; +import { + faBell as faBellSolid, + faBug as faBugSolid, + faDesktop as faDesktopSolid, + faRss as faRssSolid, + faUsers as faUsersSolid, + faSun as faSunSolid, + faGrip as faGripSolid, +} from '@fortawesome/free-solid-svg-icons'; -type TFontAwesomeIcon = +export const faIcons = { // normal - | 'desktop' - | 'rss' - // brands - | 'facebook' - | 'google' - | 'linkedin' - | 'instagram' - | 'medium' - | 'slack' - | 'tiktok' - | 'twitter' - | 'users'; -const faIcons: { [key: string]: IconDefinition } = { - // normal - desktop: faDesktop, - rss: faRss, + bell: faBellSolid, + bellSolid: faBellSolid, + bug: faBugSolid, + bugSolid: faBugSolid, + desktop: faDesktopSolid, + desktopSolid: faDesktopSolid, + grip: faGripSolid, + gripSolid: faGripSolid, + message: faMessageRegular, + messageSolid: faMessageRegular, + rss: faRssSolid, + rssSolid: faRssSolid, + sun: faSunRegular, + sunSolid: faSunSolid, // brands facebook: faFacebook, google: faGoogle, @@ -44,7 +53,7 @@ const faIcons: { [key: string]: IconDefinition } = { slack: faSlackHash, tiktok: faTiktok, twitter: faTwitter, - users: faUsers, + users: faUsersSolid, }; declare global { @@ -58,21 +67,18 @@ export class DeesIcon extends DeesElement { public static demo = () => html`
- - - - + + + +
`; @property() - public iconName: string; + public iconFA: keyof typeof faIcons; @property() - public brandName: TFontAwesomeIcon; - - @property() - public svgSize: number = 20; + public iconSize: number = 20; constructor() { super(); @@ -85,48 +91,24 @@ export class DeesIcon extends DeesElement { - ${this.iconName - ? html` - - ${this.iconName} - ` - : html``} - ${this.brandName ? html`
` : html``} +
`; } public async firstUpdated() { - if (this.brandName && !this.iconName) { - this.shadowRoot.querySelector('#iconContainer').innerHTML = icon( - faIcons[this.brandName] - ).html[0]; + if (this.iconFA) { + this.shadowRoot.querySelector('#iconContainer').innerHTML = this.iconFA + ? icon(faIcons[this.iconFA]).html[0] + : 'icon not found'; } } }