@genesislcap/foundation-ui 14.209.3-alpha-7176d01.0 → 14.210.0

package/dist/dts/combobox/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAWlE;;GAEG;AACH,qBAAa,QAAS,SAAQ,YAAY;;IACxC,OAAO,CAAC,SAAS,CAAS;IAGd,iBAAiB,EAAE,eAAe,CAAC;IACpB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IACvC,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACtB,iFAAiF;IAE1E,aAAa,EAAE,OAAO,CAAS;IAEtC,wFAAwF;IAEjF,gBAAgB,EAAE,OAAO,CAAS;IAEzC,IAAW,KAAK,IAKO,MAAM,CAF5B;IAED,IAAW,KAAK,CAAC,IAAI,EAAE,MAAM,EAsB5B;IAEe,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAMzE,aAAa,IAAI,IAAI;IAoBrB,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAuB3C,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IA6ChD,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IAuB9D;;;;OAIG;IACH,SAAS,KAAK,SAAS,IAAI,OAAO,CAGjC;IAED;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAKhC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAQpD,cAAc;IAoBd,aAAa;CAQd;AAGD,eAAO,MAAM,+BAA+B,EAAE,cAG7C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAajC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,8SAM7B,CAAC"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAGtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAWlE;;GAEG;AACH,qBAAa,QAAS,SAAQ,YAAY;;IACxC,OAAO,CAAC,SAAS,CAAS;IAGd,iBAAiB,EAAE,eAAe,CAAC;IACpB,KAAK,UAAS;IACnC,QAAQ,EAAE,MAAM,CAAiB;IACvC,eAAe,CAAC,QAAQ,KAAA,EAAE,QAAQ,EAAE,MAAM;IAG1C,qBAAqB,MAAC;IACtB,iFAAiF;IAE1E,aAAa,EAAE,OAAO,CAAS;IAEtC,wFAAwF;IAEjF,gBAAgB,EAAE,OAAO,CAAS;IAEzC,IAAW,KAAK,IAKO,MAAM,CAF5B;IAED,IAAW,KAAK,CAAC,IAAI,EAAE,MAAM,EAwB5B;IAEe,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAMzE,aAAa,IAAI,IAAI;IAoBrB,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAuB3C,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IA6ChD,YAAY,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IA6B9D;;;;OAIG;IACH,SAAS,KAAK,SAAS,IAAI,OAAO,CAGjC;IAED;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAKhC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;IAQpD,cAAc;IAoBd,aAAa;CAQd;AAGD,eAAO,MAAM,+BAA+B,EAAE,cAG7C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;CAajC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,8SAM7B,CAAC"}

package/dist/dts/icon/icon.d.ts

@@ -1,4 +1,5 @@
 import { IconName, IconStyle } from '@fortawesome/fontawesome-svg-core';
+import { UUID } from '@genesislcap/foundation-utils';
 import { FoundationElement } from '@microsoft/fast-foundation';
 export { IconName, IconStyle };
 export declare const foundationIconShadowOptions: ShadowRootInit;
@@ -16,6 +17,10 @@ export type FaSize = (typeof faSizeValues)[number];
  */
 export declare class Icon extends FoundationElement {
     iElement: HTMLElement;
+    uuid: UUID;
+    tooltipId: string;
+    tooltip: string;
+    isError: boolean;
     name: IconName;
     nameChanged(oldValue: string, newValue: string): void;
     size: FaSize;
@@ -24,6 +29,7 @@ export declare class Icon extends FoundationElement {
     variantChanged(oldValue: string, newValue: string): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    getDefualtTooltipConfig(): void;
     loadIcon(): void;
 }
 /**

package/dist/dts/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAElG,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAG/B,eAAO,MAAM,2BAA2B,EAAE,cAGzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC,oBAAY,iBAAiB;IAC3B,KAAK,QAAQ;IACb,OAAO,QAAQ;IACf,KAAK,QAAQ;CACd;AAED,eAAO,MAAM,kBAAkB,MAAgB,CAAC;AAEhD,eAAO,MAAM,YAAY,sIAmBf,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnD;;GAEG;AACH,qBAAa,IAAK,SAAQ,iBAAiB;IAC7B,QAAQ,EAAE,WAAW,CAAC;IAE5B,IAAI,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,IAAI,EAAE,MAAM,CAAQ;IAC1B,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,OAAO,EAAE,SAAS,CAAW;IACnC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIjD,iBAAiB;IAKjB,oBAAoB;IAKb,QAAQ;CAgBhB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oTAMzB,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAG/B,eAAO,MAAM,2BAA2B,EAAE,cAGzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC,oBAAY,iBAAiB;IAC3B,KAAK,QAAQ;IACb,OAAO,QAAQ;IACf,KAAK,QAAQ;CACd;AAED,eAAO,MAAM,kBAAkB,MAAgB,CAAC;AAEhD,eAAO,MAAM,YAAY,sIAmBf,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnD;;GAEG;AACH,qBAAa,IAAK,SAAQ,iBAAiB;IAC7B,QAAQ,EAAE,WAAW,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACkB,SAAS,EAAE,MAAM,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IACyB,OAAO,EAAE,OAAO,CAAS;IAElE,IAAI,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,IAAI,EAAE,MAAM,CAAQ;IAC1B,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,OAAO,EAAE,SAAS,CAAW;IACnC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIjD,iBAAiB;IAgBjB,oBAAoB;IAKpB,uBAAuB;IAMhB,QAAQ;CAgBhB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oTAMzB,CAAC"}

package/dist/dts/icon/icon.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,oBAAoB,YACtB,wBAAwB,cACrB,2BAA2B,KACtC,aAUF,CAAC"}
+{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,oBAAoB,YACtB,wBAAwB,cACrB,2BAA2B,KACtC,aA2EF,CAAC"}

package/dist/dts/icon/icon.template.d.ts

@@ -1,3 +1,5 @@
 import type { ViewTemplate } from '@microsoft/fast-element';
-export declare const foundationIconTemplate: ViewTemplate;
+import type { Icon } from './icon';
+export declare const getPrefixedIcon: (prefix: string) => ViewTemplate;
+export declare const foundationIconTemplate: ViewTemplate<Icon, any>;
 //# sourceMappingURL=icon.template.d.ts.map

package/dist/dts/icon/icon.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.template.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,eAAO,MAAM,sBAAsB,EAAE,YAUpC,CAAC"}
+{"version":3,"file":"icon.template.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,eAAe,WAAY,MAAM,KAAG,YAsBhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAElC,CAAC"}

package/dist/esm/combobox/combobox.js

@@ -44,7 +44,9 @@ export class Combobox extends FASTComboBox {
             const prevSelectedValue = (_a = this.options[this.selectedIndex]) === null || _a === void 0 ? void 0 : _a.text;
             const nextSelectedValue = (_b = this.options[selectedIndex]) === null || _b === void 0 ? void 0 : _b.text;
             this.selectedIndex =
-                prevSelectedValue !== nextSelectedValue ? selectedIndex : this.selectedIndex;
+                nextSelectedValue && nextSelectedValue !== prevSelectedValue
+                    ? selectedIndex
+                    : this.selectedIndex;
             next = ((_c = this.firstSelectedOption) === null || _c === void 0 ? void 0 : _c.text) || next;
         }
         if (prev !== next) {
@@ -144,6 +146,12 @@ export class Combobox extends FASTComboBox {
                 return !__classPrivateFieldGet(this, _Combobox_wasOpenOnEnterDown, "f");
             case 'ArrowDown':
             case 'ArrowUp':
+                if (this.open && this.selectedOptions && this.selectedOptions.length === 1) {
+                    const selectedOption = this.selectedOptions[0];
+                    this.currentValue = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value;
+                    return;
+                }
+                break;
             case 'Home':
             case 'End':
                 // base class clears the selected value for this, which is silly

package/dist/esm/dialog/dialog.styles.js

@@ -25,7 +25,7 @@ export const foundationDialogStyles = css `
   }
 
   dialog[type='error']::before {
-    background-color: var(--color-error);
+    background-color: var(--error-color);
   }
 
   dialog[type='success']::before {

package/dist/esm/icon/icon.js

@@ -1,5 +1,6 @@
 import { __decorate } from "tslib";
 import { findIconDefinition, icon } from '@fortawesome/fontawesome-svg-core';
+import { UUID } from '@genesislcap/foundation-utils';
 import { attr, observable } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { foundationIconStyles as styles } from './icon.styles';
@@ -43,6 +44,7 @@ export const faSizeValues = [
 export class Icon extends FoundationElement {
     constructor() {
         super(...arguments);
+        this.isError = false;
         this.size = 'sm';
         this.variant = 'solid';
     }
@@ -57,12 +59,25 @@ export class Icon extends FoundationElement {
     }
     connectedCallback() {
         super.connectedCallback();
+        if (this.tooltip) {
+            if (!this.tooltipId) {
+                this.tooltipId = this.uuid.createId();
+            }
+            if (this.name)
+                return;
+            this.getDefualtTooltipConfig();
+        }
         this.loadIcon();
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         this.iElement.replaceChildren();
     }
+    getDefualtTooltipConfig() {
+        this.name = 'question-circle';
+        this.size = '1x';
+        this.variant = 'regular';
+    }
     loadIcon() {
         if (!this.iElement) {
             return;
@@ -81,6 +96,18 @@ export class Icon extends FoundationElement {
 __decorate([
     observable
 ], Icon.prototype, "iElement", void 0);
+__decorate([
+    UUID
+], Icon.prototype, "uuid", void 0);
+__decorate([
+    attr({ attribute: 'tooltip-id' })
+], Icon.prototype, "tooltipId", void 0);
+__decorate([
+    attr
+], Icon.prototype, "tooltip", void 0);
+__decorate([
+    attr({ attribute: 'error', mode: 'boolean' })
+], Icon.prototype, "isError", void 0);
 __decorate([
     attr
 ], Icon.prototype, "name", void 0);

package/dist/esm/icon/icon.styles.js

@@ -10,4 +10,69 @@ export const foundationIconStyles = (context, definition) => css `
   .fa-stack-2x {
     font-size: 2em;
   }
+
+  .tooltip-icon {
+    color: var(--accent-foreground-rest);
+  }
+
+  .error-tooltip {
+    color: var(--error-color);
+  }
+
+  .tooltip-element {
+    position: absolute;
+    z-index: 999;
+    width: 300px;
+    contain: unset;
+  }
+
+  .tooltip-element::part(tooltip) {
+    padding: calc(var(--design-unit) * 4px);
+    background-color: color-mix(in srgb, var(--neutral-layer-4), #000 10%);
+    border: 1px solid var(--neutral-layer-3);
+    text-align: left;
+    color: var(--neutral-foreground-hint);
+    box-shadow: 0 4px 10px rgb(0 0 0 / 35%);
+    font-size: var(--type-ramp-minus-1-font-size);
+  }
+
+  .tooltip-title {
+    color: var(--neutral-fill-strong-hover);
+    margin: 0;
+  }
+
+  .tooltip-description {
+    margin-top: calc(var(--design-unit) * 2px);
+    margin-bottom: 0;
+    font-size: var(--type-ramp-base-font-size);
+  }
+
+  .tooltip-second-title-margin {
+    margin-top: calc(var(--design-unit) * 2px);
+  }
+
+  .tooltip-list-padding {
+    margin: 0;
+    padding: 0 0 0 calc(var(--design-unit) * 4px);
+  }
+
+  a,
+  a:active,
+  a:visited {
+    color: var(--accent-foreground-rest);
+    text-decoration: none;
+  }
+
+  .warning {
+    background: var(--warning-color);
+    color: #000;
+  }
+
+  .info {
+    margin-top: calc(var(--design-unit) * 2px);
+    padding: 20px;
+    margin-bottom: 20px;
+    height: auto;
+    box-sizing: border-box;
+  }
 `;

package/dist/esm/icon/icon.template.js

@@ -1,12 +1,25 @@
-import { html, ref } from '@microsoft/fast-element';
-export const foundationIconTemplate = html `
+import { html, ref, when } from '@microsoft/fast-element';
+import { classNames } from '@microsoft/fast-web-utilities';
+import { getPrefix } from '../utils';
+export const getPrefixedIcon = (prefix) => html `
   <template>
     <i
       ${ref('iElement')}
-      class=${(x) => `fa-${x.name} fa-${x.size} fa-${x.variant}`}
+      id="${(x) => x.tooltipId}"
+      class=${(x) => `fa-${x.name} fa-${x.size} fa-${x.variant} ${classNames(['error-tooltip', !!(x.isError && x.tooltip)], ['tooltip-icon', !!(!x.isError && x.tooltip)])}`}
       part=${(x) => `icon-${x.name}-${x.size}-${x.variant}`}
     >
       <slot></slot>
     </i>
+    ${when((x) => x.tooltip, html `
+        <${prefix}-tooltip part="tooltip" class="tooltip-element" show anchor="${(x) => x.tooltipId}">
+          ${(x) => html `
+            ${x.tooltip}
+          `}
+        </${prefix}-tooltip>
+      `)}
   </template>
 `;
+export const foundationIconTemplate = html `
+  ${(x) => getPrefixedIcon(getPrefix(x))}
+`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.209.3-alpha-7176d01.0",
+  "version": "14.210.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/genx": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/rollup-builder": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/ts-builder": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/uvu-playwright-builder": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/vite-builder": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/webpack-builder": "14.209.3-alpha-7176d01.0",
+    "@genesislcap/foundation-testing": "14.210.0",
+    "@genesislcap/genx": "14.210.0",
+    "@genesislcap/rollup-builder": "14.210.0",
+    "@genesislcap/ts-builder": "14.210.0",
+    "@genesislcap/uvu-playwright-builder": "14.210.0",
+    "@genesislcap/vite-builder": "14.210.0",
+    "@genesislcap/webpack-builder": "14.210.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.0",
     "rxjs": "^7.5.4"
@@ -100,13 +100,13 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/foundation-comms": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/foundation-criteria": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/foundation-errors": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/foundation-logger": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/foundation-notifications": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/foundation-user": "14.209.3-alpha-7176d01.0",
-    "@genesislcap/foundation-utils": "14.209.3-alpha-7176d01.0",
+    "@genesislcap/foundation-comms": "14.210.0",
+    "@genesislcap/foundation-criteria": "14.210.0",
+    "@genesislcap/foundation-errors": "14.210.0",
+    "@genesislcap/foundation-logger": "14.210.0",
+    "@genesislcap/foundation-notifications": "14.210.0",
+    "@genesislcap/foundation-user": "14.210.0",
+    "@genesislcap/foundation-utils": "14.210.0",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -128,5 +128,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "5f2fb781320e658e17b69e3af3a4d8e16eeb5e5a"
+  "gitHead": "e6ff3fa96c74159051b2e0e3f1ccbc4806a22822"
 }