-
+ ${this.menuItems.map((menuItemArg) => {
+ return html`
+
+ `;
+ })}
`;
}
public async firstUpdated() {
- if (!this.textContent) {
- this.textContent = 'Button';
- this.performUpdate();
+ if (!this.menuItems || this.menuItems.length === 0) {
+ const mainbox = this.shadowRoot.querySelector('.mainbox');
+ mainbox.textContent = 'no menu items present';
}
}
-
- public async selectChip(chipArg: string) {
- if (this.selectionMode === 'single') {
- if (this.selectedChip === chipArg) {
- this.selectedChip = null;
- this.selectedChips = [];
- } else {
- this.selectedChip = chipArg;
- this.selectedChips = [chipArg];
- }
- } else if (this.selectionMode === 'multiple') {
- if (this.selectedChips.includes(chipArg)) {
- this.selectedChips = this.selectedChips.filter((chipArg2) => chipArg !== chipArg2);
- } else {
- this.selectedChips.push(chipArg);
- }
- this.requestUpdate();
- }
- console.log(this.selectedChips);
- }
}
diff --git a/ts_web/elements/dees-icon.ts b/ts_web/elements/dees-icon.ts
index 5bd45f1..72e8ed9 100644
--- a/ts_web/elements/dees-icon.ts
+++ b/ts_web/elements/dees-icon.ts
@@ -22,19 +22,28 @@ import {
} from '@fortawesome/free-brands-svg-icons';
import {
+ faCopy as faCopyRegular,
faMessage as faMessageRegular,
+ faPaste as faPasteRegular,
faSun as faSunRegular,
} from '@fortawesome/free-regular-svg-icons';
import {
+ faArrowRight as faArrowRightSolid,
faArrowUpRightFromSquare as faArrowUpRightFromSquareSolid,
faBell as faBellSolid,
faBug as faBugSolid,
faBuilding as faBuildingSolid,
faCaretLeft as faCaretLeftSolid,
+ faCaretRight as faCaretRightSolid,
+ faCheck as faCheckSolid,
faCircleInfo as faCircleInfoSolid,
+ faCopy as faCopySolid,
faDesktop as faDesktopSolid,
faGrip as faGripSolid,
faMessage as faMessageSolid,
+ faMinus as faMinusSolid,
+ faPaste as faPasteSolid,
+ faPenToSquare as faPenToSquareSolid,
faRss as faRssSolid,
faUsers as faUsersSolid,
faShare as faShareSolid,
@@ -44,6 +53,7 @@ import {
export const faIcons = {
// normal
+ arrowRight: faArrowRightSolid,
arrowUpRightFromSquare: faArrowUpRightFromSquareSolid,
arrowUpRightFromSquareSolid: faArrowUpRightFromSquareSolid,
bell: faBellSolid,
@@ -54,14 +64,26 @@ export const faIcons = {
buildingSolid: faBuildingSolid,
caretLeft: faCaretLeftSolid,
caretLeftSolid: faCaretLeftSolid,
+ caretRight: faCaretRightSolid,
+ caretRightSolid: faCaretRightSolid,
+ check: faCheckSolid,
+ checkSolid: faCheckSolid,
circleinfo: faCircleInfoSolid,
circleinfoSolid: faCircleInfoSolid,
+ copy: faCopyRegular,
+ copySolid: faCopySolid,
desktop: faDesktopSolid,
desktopSolid: faDesktopSolid,
grip: faGripSolid,
gripSolid: faGripSolid,
message: faMessageRegular,
messageSolid: faMessageSolid,
+ minus: faMinusSolid,
+ minusSolid: faMinusSolid,
+ paste: faPasteRegular,
+ pasteSolid: faPasteSolid,
+ penToSquare: faPenToSquareSolid,
+ penToSquareSolid: faPenToSquareSolid,
rss: faRssSolid,
rssSolid: faRssSolid,
share: faShareSolid,
diff --git a/ts_web/elements/dees-spinner.ts b/ts_web/elements/dees-spinner.ts
index a72e432..e3d7816 100644
--- a/ts_web/elements/dees-spinner.ts
+++ b/ts_web/elements/dees-spinner.ts
@@ -23,6 +23,8 @@ export class DeesSpinner extends DeesElement {
- ${this.status === 'success' || this.status === 'error'
- ? html`
-
-
-
-
- `
- : null}
+ ${(() => {
+ if (this.status === 'success') {
+ return html`
`;
+ } else if (this.status === 'error') {
+ return html`
`;
+ }
+ })()}
`;
}