NFX-132 changed ollion to nonfx

ollionorg · Jul 31, 2024 · b6ce624 · b6ce624
1 parent 7fc9091
commit b6ce624
Show file tree

Hide file tree

Showing 88 changed files with 1,693 additions and 1,675 deletions.
diff --git a/package.json b/package.json
@@ -100,4 +100,4 @@
     }
   },
   "packageManager": "[email protected]+sha512.38dc6fba8dba35b39340b9700112c2fe1e12f10b17134715a4aa98ccf7bb035e76fd981cf0bb384dfa98f8d6af5481c2bef2f4266a24bfa20c34eb7147ce0b5e"
-}
+}
diff --git a/packages/custom-elements-manifest-to-types/package.json b/packages/custom-elements-manifest-to-types/package.json
@@ -32,4 +32,4 @@
     "registry": "https://registry.npmjs.org"
   },
   "author": ""
-}
+}
diff --git a/packages/flow-code-editor/package.json b/packages/flow-code-editor/package.json
@@ -57,4 +57,4 @@
   "homepage": "https://github.com/ollionorg/flow-table#readme",
   "author": "@nonfx",
   "license": "MIT"
-}
+}
diff --git a/packages/flow-core-config/package.json b/packages/flow-core-config/package.json
@@ -31,4 +31,4 @@
   "homepage": "https://github.com/ollionorg/flow-core#readme",
   "author": "@nonfx",
   "license": "MIT"
-}
+}
diff --git a/packages/flow-core/package.json b/packages/flow-core/package.json
@@ -76,4 +76,4 @@
   "homepage": "https://github.com/ollionorg/flow-core#readme",
   "author": "@nonfx",
   "license": "MIT"
-}
+}
diff --git a/packages/flow-core/src/components/f-accordion/f-accordion.ts b/packages/flow-core/src/components/f-accordion/f-accordion.ts
@@ -89,10 +89,10 @@ export class FAccordion extends FRoot {
 		return this.icon === "caret"
 			? "i-caret-down"
 			: this.icon === "chevron"
-				? "i-chevron-down"
-				: this.open
-					? "i-minus"
-					: "i-plus";
+			? "i-chevron-down"
+			: this.open
+			? "i-minus"
+			: "i-plus";
 	}
 
 	/**

diff --git a/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.test.ts b/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.test.ts
@@ -18,9 +18,9 @@ describe("f-breadcrumb", () => {
 		const el = await fixture(html`
 			<f-breadcrumb
 				.crumbs=${[
-				{ tabIndex: 0, title: "Label 1" },
-				{ tabIndex: 1, title: "Label 2" }
-			]}
+					{ tabIndex: 0, title: "Label 1" },
+					{ tabIndex: 1, title: "Label 2" }
+				]}
 			></f-breadcrumb>
 		`);
 		expect(el.getAttribute("size")).to.equal("medium");
@@ -31,9 +31,9 @@ describe("f-breadcrumb", () => {
 			<f-breadcrumb
 				size="small"
 				.crumbs=${[
-				{ tabIndex: 0, title: "Label 1" },
-				{ tabIndex: 1, title: "Label 2" }
-			]}
+					{ tabIndex: 0, title: "Label 1" },
+					{ tabIndex: 1, title: "Label 2" }
+				]}
 			></f-breadcrumb>
 		`);
 		const descendant = el.shadowRoot!.querySelector(".f-breadcrumb-text-hover")!;
@@ -44,9 +44,9 @@ describe("f-breadcrumb", () => {
 			<f-breadcrumb
 				size="small"
 				.crumbs=${[
-				{ tabIndex: 0, title: "Label 1" },
-				{ tabIndex: 1, title: "Label 2" }
-			]}
+					{ tabIndex: 0, title: "Label 1" },
+					{ tabIndex: 1, title: "Label 2" }
+				]}
 			></f-breadcrumb>
 		`);
 		const descendant = el.shadowRoot!.querySelectorAll(".f-breadcrumb-content")!;
@@ -56,12 +56,12 @@ describe("f-breadcrumb", () => {
 		const el = await fixture(html`
 			<f-breadcrumb
 				.crumbs=${[
-				{ tabIndex: 0, title: "Label 1" },
-				{ tabIndex: 1, title: "Label 2" },
-				{ tabIndex: 2, title: "Label 3" },
-				{ tabIndex: 3, title: "Label 4" },
-				{ tabIndex: 4, title: "Label 5" }
-			]}
+					{ tabIndex: 0, title: "Label 1" },
+					{ tabIndex: 1, title: "Label 2" },
+					{ tabIndex: 2, title: "Label 3" },
+					{ tabIndex: 3, title: "Label 4" },
+					{ tabIndex: 4, title: "Label 5" }
+				]}
 			></f-breadcrumb>
 		`);
 		const descendant = el.shadowRoot!.querySelectorAll(".popover-crumb-list")!;
@@ -73,12 +73,12 @@ describe("f-breadcrumb", () => {
 			<f-breadcrumb
 				.variant=${"icon"}
 				.crumbs=${[
-				{ tabIndex: 0, title: "Label 1", icon: "i-app" },
-				{ tabIndex: 1, title: "Label 2", icon: "i-app" },
-				{ tabIndex: 2, title: "Label 3", icon: "i-home" },
-				{ tabIndex: 3, title: "Label 4", icon: "i-info-fill" },
-				{ tabIndex: 4, title: "Label 5", icon: "i-app" }
-			]}
+					{ tabIndex: 0, title: "Label 1", icon: "i-app" },
+					{ tabIndex: 1, title: "Label 2", icon: "i-app" },
+					{ tabIndex: 2, title: "Label 3", icon: "i-home" },
+					{ tabIndex: 3, title: "Label 4", icon: "i-info-fill" },
+					{ tabIndex: 4, title: "Label 5", icon: "i-app" }
+				]}
 			></f-breadcrumb>
 		`);
 		const descendant = el.shadowRoot!.querySelector(".f-breadcrumbs")!;
@@ -90,12 +90,12 @@ describe("f-breadcrumb", () => {
 			<f-breadcrumb
 				variant="icon"
 				.crumbs=${[
-				{ tabIndex: 0, title: "Home", icon: "i-app" },
-				{ tabIndex: 1, title: "New Label", icon: "i-app" },
-				{ tabIndex: 2, title: "Pipeline", icon: "i-home" },
-				{ tabIndex: 3, title: "Working", icon: "i-info-fill" },
-				{ tabIndex: 4, title: "Active", icon: "i-app" }
-			]}
+					{ tabIndex: 0, title: "Home", icon: "i-app" },
+					{ tabIndex: 1, title: "New Label", icon: "i-app" },
+					{ tabIndex: 2, title: "Pipeline", icon: "i-home" },
+					{ tabIndex: 3, title: "Working", icon: "i-info-fill" },
+					{ tabIndex: 4, title: "Active", icon: "i-app" }
+				]}
 			></f-breadcrumb>
 		`);
 		const descendants = el.shadowRoot!.querySelector(".f-breadcrumbs")!;

diff --git a/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts b/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts
@@ -231,16 +231,16 @@ export class FBreadcrumb extends FRoot {
 								@mouseleave=${() => this.toggleBreadcrumbPopover("close")}
 							>
 								${this.middlePopoverCrumbs?.map(
-					(crumb, index) =>
-						html` <f-div
+									(crumb, index) =>
+										html` <f-div
 											tabindex="0"
 											role="link"
 											class="popover-crumb-list"
 											role="listitem"
 											padding="medium"
 											.border=${this.middlePopoverCrumbs.length - 1 === index
-								? "none"
-								: "small solid secondary bottom"}
+												? "none"
+												: "small solid secondary bottom"}
 											clickable
 											@click=${(event: MouseEvent) => this.handleDispatchEvent(event, crumb)}
 											><f-text
@@ -251,7 +251,7 @@ export class FBreadcrumb extends FRoot {
 												>${crumb?.title}</f-text
 											></f-div
 										>`
-				)}
+								)}
 							</f-div>
 						</f-popover>
 						<f-icon
@@ -261,15 +261,15 @@ export class FBreadcrumb extends FRoot {
 							class="system-icon-size"
 						></f-icon>
 						${this.endingCrumbs?.map((crumb, index) =>
-					this.crumbLoop(crumb, index, this.endingCrumbs)
-				)}
+							this.crumbLoop(crumb, index, this.endingCrumbs)
+						)}
 				  `}
 		</f-div>`;
 
 		const iconBreadcrumb = html`<f-div class="f-breadcrumbs" overflow="visible">
 			${this.crumbs.map((item, index) =>
-			index !== this.crumbs.length - 1
-				? html`<f-div
+				index !== this.crumbs.length - 1
+					? html`<f-div
 							class="f-breadcrumb"
 							state="secondary"
 							width=${this.crumbSize}
@@ -283,7 +283,7 @@ export class FBreadcrumb extends FRoot {
 					  >
 							<f-icon source=${item.icon} .size=${this.iconSize}></f-icon>
 					  </f-div>`
-				: html`
+					: html`
 							<f-div gap="large" align="middle-center">
 								<div
 									class="f-breadcrumb-primary"
@@ -301,7 +301,7 @@ export class FBreadcrumb extends FRoot {
 								>
 							</f-div>
 					  `
-		)}
+			)}
 		</f-div>`;
 		return this.variant === "text" ? textBreadcrumb : iconBreadcrumb;
 	}

diff --git a/packages/flow-core/src/components/f-button/f-button.ts b/packages/flow-core/src/components/f-button/f-button.ts
@@ -217,8 +217,9 @@ export class FButton extends FRoot {
 					return `background-color: ${LightenDarkenColor(
 						this.fill,
 						-150
-					)}; border: 1px solid ${LightenDarkenColor(this.fill, -150)}; color: transparent; fill: ${this.fill
-						}`;
+					)}; border: 1px solid ${LightenDarkenColor(this.fill, -150)}; color: transparent; fill: ${
+						this.fill
+					}`;
 				} else if (this.category === "outline") {
 					return `background: transparent; border: 1px solid ${this.fill}; fill: ${this.fill};`;
 				} else {
@@ -332,10 +333,10 @@ export class FButton extends FRoot {
 			return html`<button
 				part="f-button-wrapper"
 				class=${classMap({
-				"f-button": true,
-				"custom-loader": this.fill ? true : false,
-				"custom-hover": this.fill && this.category === "fill" ? true : false
-			})}
+					"f-button": true,
+					"custom-loader": this.fill ? true : false,
+					"custom-hover": this.fill && this.category === "fill" ? true : false
+				})}
 				style=${this.applyStyles()}
 				category=${ifDefined(this.category)}
 				size=${ifDefined(this.size)}
@@ -355,11 +356,11 @@ export class FButton extends FRoot {
 		return html`<span
 				part="f-button-wrapper"
 				class=${classMap({
-			"f-button": true,
-			"custom-loader": this.fill ? true : false,
-			"custom-hover": this.fill && this.category === "fill" ? true : false,
-			"has-options": this.hasActions ? true : false
-		})}
+					"f-button": true,
+					"custom-loader": this.fill ? true : false,
+					"custom-hover": this.fill && this.category === "fill" ? true : false,
+					"has-options": this.hasActions ? true : false
+				})}
 				style=${this.applyStyles()}
 				category=${ifDefined(this.category)}
 				size=${ifDefined(this.size)}
@@ -396,29 +397,29 @@ export class FButton extends FRoot {
 						>
 							<f-div direction="column" stat="secondary" overflow="scroll">
 								${this.actions!.map((a, ai) => {
-					const border = (() => {
-						if (ai === this.actions!.length - 1) {
-							return "none";
-						}
-						return "small solid secondary bottom";
-					})();
-					return html`<f-div
+									const border = (() => {
+										if (ai === this.actions!.length - 1) {
+											return "none";
+										}
+										return "small solid secondary bottom";
+									})();
+									return html`<f-div
 										.border=${border}
 										align="middle-left"
 										gap="auto"
 										clickable
 										@click=${() => this.selectAction(a)}
 									>
 										${typeof a === "function"
-							? a()
-							: html`<f-div padding="medium" align="middle-left"
+											? a()
+											: html`<f-div padding="medium" align="middle-left"
 													><f-text>${a}</f-text></f-div
 											  >`}
 										${this.selectedAction === a
-							? html`<f-icon source="i-tick" style="margin-right:12px;"></f-icon>`
-							: nothing}
+											? html`<f-icon source="i-tick" style="margin-right:12px;"></f-icon>`
+											: nothing}
 									</f-div>`;
-				})}
+								})}
 							</f-div>
 						</f-popover>`
 				: nothing} `;

diff --git a/packages/flow-core/src/components/f-carousel/f-carousel.test.ts b/packages/flow-core/src/components/f-carousel/f-carousel.test.ts
@@ -21,12 +21,12 @@ describe("f-suggest", () => {
 		const el = await fixture<FCarousel>(html`
 			<f-carousel active-content-id="slide-3">
 				${[1, 2, 3, 4, 5, 6, 7, 8, 9].map(
-			idx =>
-				html`<f-carousel-content content-id=${"slide-" + idx}>
+					idx =>
+						html`<f-carousel-content content-id=${"slide-" + idx}>
 							<f-div> ${unsafeSVG(FCarouselExample)} </f-div>
 							<f-text>${"slide-" + idx}</f-text>
 						</f-carousel-content>`
-		)}
+				)}
 			</f-carousel>
 		`);
 		await el.updateComplete;
@@ -45,12 +45,12 @@ describe("f-suggest", () => {
 		const el = await fixture<FCarousel>(html`
 			<f-carousel active-content-id="slide-3">
 				${[1, 2, 3, 4, 5, 6, 7, 8, 9].map(
-			idx =>
-				html`<f-carousel-content content-id=${"slide-" + idx}>
+					idx =>
+						html`<f-carousel-content content-id=${"slide-" + idx}>
 							<f-div> ${unsafeSVG(FCarouselExample)} </f-div>
 							<f-text>${"slide-" + idx}</f-text>
 						</f-carousel-content>`
-		)}
+				)}
 			</f-carousel>
 		`);
 

diff --git a/packages/flow-core/src/components/f-carousel/f-carousel.ts b/packages/flow-core/src/components/f-carousel/f-carousel.ts
@@ -124,8 +124,8 @@ export class FCarousel extends FRoot {
 						source="i-chevron-left"
 						clickable
 						@keyup=${(e: KeyboardEvent) => {
-				if (e.key === "Enter") this.handleNavigation("prev");
-			}}
+							if (e.key === "Enter") this.handleNavigation("prev");
+						}}
 						@click=${() => this.handleNavigation("prev")}
 					></f-icon
 				></f-div>
@@ -147,8 +147,8 @@ export class FCarousel extends FRoot {
 						tabindex="0"
 						clickable
 						@keyup=${(e: KeyboardEvent) => {
-				if (e.key === "Enter") this.handleNavigation("next");
-			}}
+							if (e.key === "Enter") this.handleNavigation("next");
+						}}
 						@click=${() => this.handleNavigation("next")}
 					></f-icon>
 				</f-div>

diff --git a/packages/flow-core/src/components/f-checkbox/f-checkbox.ts b/packages/flow-core/src/components/f-checkbox/f-checkbox.ts
@@ -116,8 +116,8 @@ export class FCheckbox extends FRoot {
 					<label for="f-checkbox" value=${this.value} state=${this.state} size=${this.size}>
 						<span class="f-a11y-hidden-label">${this.value}</span>
 						${this.value === "checked"
-				? html`${unsafeSVG(checkedMark)}`
-				: html`${unsafeSVG(indeterminateMark)}`}
+							? html`${unsafeSVG(checkedMark)}`
+							: html`${unsafeSVG(indeterminateMark)}`}
 					</label>
 					<f-div
 						padding="none"