@genesislcap/foundation-zero 9.0.1-alpha-b5c5eb7.0

package/dist/esm/filter/filter.stories.js

@@ -0,0 +1,15 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Filter',
+    component: 'zero-filter',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+      <zero-filter type="text" fieldName="SOME_TEXT_FIELD"></zero-filter>
+      <zero-filter type="boolean" fieldName="SOME_BOOLEAN_FIELD"></zero-filter>
+      <zero-filter type="date" fieldName="SOME_DATE_FIELD"></zero-filter>
+      <zero-filter type="number" fieldName="SOME_NUMERIC_FIELD"></zero-filter>
+    `,
+};
+//# sourceMappingURL=filter.stories.js.map

package/dist/esm/filter/filter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.stories.js","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,aAAa;CACzB,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;;;;;KAKH;CACJ,CAAC"}

package/dist/esm/filter/filter.template.js

@@ -0,0 +1,113 @@
+import { closeIcon } from '@genesislcap/foundation-ui';
+import { sync } from '@genesislcap/foundation-utils';
+import { html, ref, repeat } from '@microsoft/fast-element';
+const closeIconTemplate = html `
+  <div class="close-icon" @click=${(x) => x['clear']()}>${closeIcon()}</div>
+`;
+const textFilterTemplate = html `
+  <div class="flex-row">
+    <div>${(x) => x.label}</div>
+    ${closeIconTemplate}
+  </div>
+  <div class="flex-row">
+    <zero-text-field ${ref('textFilterField')} type="text" :value=${sync((x) => x.textFilter)} />
+  </div>
+`;
+const numberFilterTemplate = html `
+  <div class="flex-row">
+    <div>${(x) => x.label}</div>
+    ${closeIconTemplate}
+  </div>
+  <div class="flex-row">
+    <zero-text-field
+      ${ref('numFilterFieldMin')}
+      type="number"
+      :value=${sync((x) => x.numFilterMin)}
+      placeholder="min"
+    ></zero-text-field>
+    <zero-text-field
+      ${ref('numFilterFieldMax')}
+      type="number"
+      :value=${sync((x) => x.numFilterMax)}
+      placeholder="max"
+    ></zero-text-field>
+  </div>
+`;
+const dateFilterTemplate = html `
+  <div class="flex-row">
+    <div>${(x) => x.label}</div>
+    ${closeIconTemplate}
+  </div>
+  <div class="flex-row">
+    <zero-text-field
+      ${ref('dateFilterFieldMin')}
+      type="date"
+      :value=${sync((x) => x.dateFilterMin)}
+      placeholder="min"
+    ></zero-text-field>
+    <zero-text-field
+      ${ref('dateFilterFieldMax')}
+      type="date"
+      :value=${sync((x) => x.dateFilterMax)}
+      placeholder="max"
+    ></zero-text-field>
+  </div>
+`;
+function targetValue(ctx) {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.event) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 'all';
+}
+const booleanFilterOptions = [
+    { name: 'All', value: 'all', selected: true },
+    { name: 'True', value: 'true' },
+    { name: 'False', value: 'false' },
+    { name: 'N/A', value: 'null' },
+];
+const booleanFilterTemplate = html `
+  <div class="flex-row">
+    <div>${(x) => x.label}</div>
+    ${closeIconTemplate}
+  </div>
+  <div class="flex-row">
+    <zero-select @change="${(x, c) => x['onBooleanFilterSelection'](targetValue(c))}}">
+      ${repeat(() => booleanFilterOptions, html `
+          <zero-option value="${(x) => x.value}" selected="${(x) => x.selected}">
+            ${(x) => x.name}
+          </zero-option>
+        `)}
+    </zero-select>
+  </div>
+`;
+const enumFilterTemplate = html `
+  <div class="flex-row">
+    <div>${(x) => x.label}</div>
+    ${closeIconTemplate}
+  </div>
+  <div class="flex-row">
+    <zero-select @change="${(x, c) => x['onEnumFilterSelection'](targetValue(c))}}">
+      ${repeat((x) => x.enumFilterOptions, html `
+          <zero-option value="${(x) => x.value}" selected="${(x) => x.selected}">
+            ${(x) => x.name}
+          </zero-option>
+        `)}
+    </zero-select>
+  </div>
+`;
+const selectTemplate = (x) => {
+    switch (x.type) {
+        case 'number':
+            return numberFilterTemplate;
+        case 'date':
+            return dateFilterTemplate;
+        case 'boolean':
+            return booleanFilterTemplate;
+        case 'enum':
+            return enumFilterTemplate;
+        default:
+            return textFilterTemplate;
+    }
+};
+export const zeroFilterTemplate = html `
+  <div class="filter-wrapper">${(x) => selectTemplate(x)}</div>
+`;
+//# sourceMappingURL=filter.template.js.map

package/dist/esm/filter/filter.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.template.js","sourceRoot":"","sources":["../../../src/filter/filter.template.ts"],"names":[],"mappings":"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"}

package/dist/esm/filter/index.js

@@ -0,0 +1,4 @@
+export * from './filter';
+export * from './filter.template';
+export { foundationFilterStyles as zeroFilterStyles } from '@genesislcap/foundation-ui';
+//# sourceMappingURL=index.js.map

package/dist/esm/filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/filter/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,sBAAsB,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/esm/filter-bar/filter-bar.js

@@ -0,0 +1,39 @@
+import { __decorate } from "tslib";
+import { FilterBar as FoundationFilterBar } from '@genesislcap/foundation-ui';
+import { attr, observable } from '@microsoft/fast-element';
+import { zeroFilterBarStyles as styles } from './filter-bar.styles';
+import { zeroFilterBarTemplate as template } from './filter-bar.template';
+export class FilterBar extends FoundationFilterBar {
+    constructor() {
+        super(...arguments);
+        this.ready = super.ready;
+        this.collapsed = true;
+    }
+}
+__decorate([
+    attr
+], FilterBar.prototype, "resource", void 0);
+__decorate([
+    attr
+], FilterBar.prototype, "only", void 0);
+__decorate([
+    attr
+], FilterBar.prototype, "labels", void 0);
+__decorate([
+    attr
+], FilterBar.prototype, "target", void 0);
+__decorate([
+    observable
+], FilterBar.prototype, "ready", void 0);
+__decorate([
+    observable
+], FilterBar.prototype, "fields", void 0);
+__decorate([
+    observable
+], FilterBar.prototype, "collapsed", void 0);
+export const zeroFilterBar = FilterBar.compose({
+    baseName: 'filter-bar',
+    template,
+    styles,
+});
+//# sourceMappingURL=filter-bar.js.map

package/dist/esm/filter-bar/filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,qBAAqB,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE1E,MAAM,OAAO,SAAU,SAAQ,mBAAmB;IAAlD;;QAqBc,UAAK,GAAY,KAAK,CAAC,KAAK,CAAC;QAK7B,cAAS,GAAY,IAAI,CAAC;IACxC,CAAC;CAAA;AA1BO;IAAL,IAAI;2CAAkB;AAMjB;IAAL,IAAI;uCAAc;AAKb;IAAL,IAAI;yCAAgB;AAOf;IAAL,IAAI;yCAAgB;AAET;IAAX,UAAU;wCAA8B;AAC7B;IAAX,UAAU;yCAA0B;AAIzB;IAAX,UAAU;4CAA2B;AAUxC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC;IAC7C,QAAQ,EAAE,YAAY;IACtB,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/dist/esm/filter-bar/filter-bar.stories.js

@@ -0,0 +1,15 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Filter Bar',
+    component: 'zero-filter-bar',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+      <zero-filter-bar
+        resource="ALL_PROCESSES_STATUS"
+        only="PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP"
+      ></zero-filter-bar>
+    `,
+};
+//# sourceMappingURL=filter-bar.stories.js.map

package/dist/esm/filter-bar/filter-bar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.stories.js","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;;;;;KAKH;CACJ,CAAC"}

package/dist/esm/filter-bar/filter-bar.styles.js

@@ -0,0 +1,16 @@
+import { css } from '@microsoft/fast-element';
+import { foundationFilterBarStyles } from '@genesislcap/foundation-ui';
+export const zeroFilterBarStyles = (context, definition) => css `
+  ${foundationFilterBarStyles(context, definition)}
+  .toggle,
+  .toggle-collapsed {
+    background: var(--ag-background-color, #181d1f);
+    color: #ccc;
+  }
+
+  .toggle:hover,
+  .toggle-collapsed:hover {
+    color: var(--ag-alpine-active-color, #2196f3);
+  }
+`;
+//# sourceMappingURL=filter-bar.styles.js.map

package/dist/esm/filter-bar/filter-bar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.styles.js","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAK7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,yBAAyB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;;;;;;CAWjD,CAAC"}

package/dist/esm/filter-bar/filter-bar.template.js

@@ -0,0 +1,36 @@
+import { mapType } from '@genesislcap/foundation-ui';
+import { html, ref, repeat, when } from '@microsoft/fast-element';
+import { classNames } from '@microsoft/fast-web-utilities';
+const collapseIcon = html `
+  ${when((x) => x.collapsed, html `
+      <zero-icon name="chevron-down"></zero-icon>
+    `)}
+  ${when((x) => !x.collapsed, html `
+      <zero-icon name="chevron-up"></zero-icon>
+    `)}
+`;
+const filterBarTemplate = html `
+  <div
+    class=${(x) => classNames(['toggle', true], ['toggle-collapsed', x.collapsed])}
+    @click="${(x) => x['toggle']()}"
+  >
+    ${collapseIcon}
+  </div>
+  <div class=${(x) => classNames(['filter-bar', true], ['collapsed', x.collapsed])}>
+    <div class="filter-grid" ${ref('filterGrid')}>
+      ${repeat((x) => x.fields, html `
+          <zero-filter
+            label="${(x) => x.UI_LABEL}"
+            target="${(x, c) => { var _a; return (_a = c.parent) === null || _a === void 0 ? void 0 : _a.target; }}"
+            type="${(x) => mapType(x.TYPE)}"
+            fieldName="${(x) => x.NAME}"
+            enumOptions="${(x) => x.VALID_VALUES}"
+          />
+        `)}
+    </div>
+  </div>
+`;
+export const zeroFilterBarTemplate = html `
+  ${filterBarTemplate}
+`;
+//# sourceMappingURL=filter-bar.template.js.map

package/dist/esm/filter-bar/filter-bar.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.template.js","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAgB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAG3D,MAAM,YAAY,GAAG,IAAI,CAAW;IAChC,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAClB,IAAI,CAAA;;KAEH,CACF;IACC,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EACnB,IAAI,CAAA;;KAEH,CACF;CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAI,CAAW;;YAE7B,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;cACpE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE;;MAE5B,YAAY;;eAEH,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;+BACnD,GAAG,CAAC,YAAY,CAAC;QACxC,MAAM,CACN,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EACf,IAAI,CAAgB;;qBAEP,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;sBAChB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,MAAM,CAAA,EAAA;oBAC5B,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;yBACjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;2BACX,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY;;SAEvC,CACF;;;CAGN,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA4B,IAAI,CAAA;IAC9D,iBAAiB;CACpB,CAAC"}

package/dist/esm/filter-bar/index.js

@@ -0,0 +1,4 @@
+export * from './filter-bar.styles';
+export * from './filter-bar.template';
+export * from './filter-bar';
+//# sourceMappingURL=index.js.map

package/dist/esm/filter-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/filter-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC"}

package/dist/esm/flex-layout/flex-layout.js

@@ -0,0 +1,5 @@
+import { FlexLayout as FoundationFlexLayout, foundationFlexLayoutTemplate as zeroFlexLayoutTemplate, foundationFlexLayoutStyles as zeroFlexLayoutStyles, foundationFlexLayoutShadowOptions as zeroFlexLayoutShadowOptions, defaultFlexLayoutConfig, } from '@genesislcap/foundation-ui';
+export class FlexLayout extends FoundationFlexLayout {
+}
+export const zeroFlexLayout = FlexLayout.compose(Object.assign({ baseName: 'flex-layout', shadowOptions: zeroFlexLayoutShadowOptions, styles: zeroFlexLayoutStyles, template: zeroFlexLayoutTemplate }, defaultFlexLayoutConfig));
+//# sourceMappingURL=flex-layout.js.map

package/dist/esm/flex-layout/flex-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-layout.js","sourceRoot":"","sources":["../../../src/flex-layout/flex-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,oBAAoB,EAClC,4BAA4B,IAAI,sBAAsB,EACtD,0BAA0B,IAAI,oBAAoB,EAClD,iCAAiC,IAAI,2BAA2B,EAChE,uBAAuB,GACxB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,OAAO,UAAW,SAAQ,oBAAoB;CAAG;AASvD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,iBAC9C,QAAQ,EAAE,aAAa,EACvB,aAAa,EAAE,2BAA2B,EAC1C,MAAM,EAAE,oBAAoB,EAC5B,QAAQ,EAAE,sBAAsB,IAC7B,uBAAuB,EAC1B,CAAC"}

package/dist/esm/flex-layout/flex-layout.stories.js

@@ -0,0 +1,82 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Flex Layout',
+    component: 'zero-flex-layout',
+    parameters: {
+        controls: { hideNoControlsWarning: true },
+    },
+};
+export default meta;
+const wrapperStyle = 'display: flex; flex-direction: column; flex: 1; padding: 10px; justify-content: space-between; height: 1500px;';
+export const Primary = {
+    render: () => html `
+    <div style="${wrapperStyle}">
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-flex-layout class="flex-column flex-wrap spacing-2x justify-end">
+          <div style="width: 30%; height: 40%; background-color: red;"></div>
+          <div style="width: 30%; height: 50%; background-color: green;"></div>
+        </zero-flex-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-flex-layout class="flex-row spacing-2x">
+          <div style="width: 30%; background-color: red;"></div>
+          <div style="width: 70%; background-color: green;"></div>
+        </zero-flex-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-flex-layout class="flex-row spacing-2x">
+          <div style="width: 20%; background-color: red;"></div>
+          <div style="width: 60%; background-color: green;"></div>
+          <div style="width: 20%; background-color: blue;"></div>
+        </zero-flex-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-flex-layout class="flex-row spacing-2x">
+          <div style="width: 30%; height: 100%; background-color: red;"></div>
+          <zero-flex-layout class="flex-column spacing-2x">
+            <div style="height: 60%; width: 100%; background-color: blue;"></div>
+            <div style="height: 40%; width: 100%; background-color: green;"></div>
+          </zero-flex-layout>
+        </zero-flex-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-flex-layout class="flex-column spacing-2x">
+          <div style="height: 100%; width: 100%; background-color: blue;"></div>
+          <zero-flex-layout class="flex-row spacing-2x">
+            <div style="width: 80%; background-color: green;"></div>
+            <div style="width: 20%; background-color: blue;"></div>
+          </zero-flex-layout>
+        </zero-flex-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-flex-layout class="flex-column spacing-2x">
+          <div style="height: 20%; width: 100%; background-color: blue;"></div>
+          <zero-flex-layout class="flex-row spacing-2x">
+            <div style="width: 20%; background-color: green;"></div>
+            <div style="width: 80%; background-color: blue;"></div>
+          </zero-flex-layout>
+          <div style="width: 100%; height: 20%; background-color: yellow;"></div>
+        </zero-flex-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-flex-layout class="flex-row spacing-2x">
+          <div style="background-color: blue; width: 100%; height: 100%;"></div>
+          <zero-flex-layout class="flex-column spacing-2x">
+            <div style="background-color: green; width: 100%; height: 100%;"></div>
+            <zero-flex-layout class="flex-row spacing-2x">
+              <div style="flex:3; background-color: yellow;"></div>
+              <div style="flex:1; background-color: blue;"></div>
+            </zero-flex-layout>
+          </zero-flex-layout>
+        </zero-flex-layout>
+      </zero-card>
+    </div>
+  `,
+};
+//# sourceMappingURL=flex-layout.stories.js.map

package/dist/esm/flex-layout/flex-layout.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-layout.stories.js","sourceRoot":"","sources":["../../../src/flex-layout/flex-layout.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,kBAAkB;IAC7B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;KAC1C;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,YAAY,GAChB,gHAAgH,CAAC;AAEnH,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kBACF,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmE3B;CACF,CAAC"}

package/dist/esm/flex-layout/index.js

@@ -0,0 +1,2 @@
+export * from './flex-layout';
+//# sourceMappingURL=index.js.map

package/dist/esm/flex-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/flex-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/flipper/flipper.js

@@ -0,0 +1,8 @@
+import { defaultFlipperConfig, Flipper as FoundationFlipper, foundationFlipperShadowOptions, } from '@genesislcap/foundation-ui';
+import { zeroFlipperTemplate as template } from './flipper.template';
+import { zeroFlipperStyles as styles } from './flipper.styles';
+export class Flipper extends FoundationFlipper {
+}
+export const zeroFlipper = Flipper.compose(Object.assign({ baseName: 'flipper', template,
+    styles, shadowOptions: foundationFlipperShadowOptions }, defaultFlipperConfig));
+//# sourceMappingURL=flipper.js.map

package/dist/esm/flipper/flipper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flipper.js","sourceRoot":"","sources":["../../../src/flipper/flipper.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,OAAO,IAAI,iBAAiB,EAC5B,8BAA8B,GAC/B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,mBAAmB,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,iBAAiB,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE/D,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,iBACxC,QAAQ,EAAE,SAAS,EACnB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,8BAA8B,IAC1C,oBAAoB,EACvB,CAAC"}

package/dist/esm/flipper/flipper.stories.js

@@ -0,0 +1,21 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Flipper',
+    component: 'zero-flipper',
+};
+export default meta;
+export const Primary = {
+    argTypes: {
+        direction: {
+            control: 'select',
+            options: ['previous', 'next'],
+        },
+    },
+    args: {
+        direction: 'next',
+    },
+    render: ({ direction }) => html `
+      <zero-flipper direction="${direction}">Zero Flipper</zero-flipper>
+    `,
+};
+//# sourceMappingURL=flipper.stories.js.map

package/dist/esm/flipper/flipper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flipper.stories.js","sourceRoot":"","sources":["../../../src/flipper/flipper.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,cAAc;CAC1B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;SAC9B;KACF;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;KAClB;IACD,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACxB,IAAI,CAAA;iCACyB,SAAS;KACrC;CACJ,CAAC"}

package/dist/esm/flipper/flipper.styles.js

@@ -0,0 +1,30 @@
+import { foundationFlipperStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { PrimaryRapidColorHEX, ColorHEX } from '../_common/colors.hex';
+import { primaryBlueWebRGBA, primaryPurpleWebRGBA } from '../_config/styles/colors';
+export const zeroFlipperStyles = (context, definition) => css `
+  ${foundationFlipperStyles(context, definition)}
+  :host {
+    --foreground-on-accent-rest: ${ColorHEX.white};
+    --foreground-on-accent-hover: ${ColorHEX.white};
+    --foreground-on-accent-active: ${ColorHEX.white};
+    --primary-gradient-angle: -113.5deg;
+  }
+
+  :host::before {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${primaryBlueWebRGBA(0.7)},
+      ${primaryPurpleWebRGBA(0.7)}
+    );
+  }
+
+  :host(:hover)::before {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${PrimaryRapidColorHEX.blue},
+      ${PrimaryRapidColorHEX.purple}
+    );
+  }
+`;
+//# sourceMappingURL=flipper.styles.js.map

package/dist/esm/flipper/flipper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flipper.styles.js","sourceRoot":"","sources":["../../../src/flipper/flipper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEpF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAiC,EACjC,UAA0B,EACX,EAAE,CAAC,GAAG,CAAA;IACnB,uBAAuB,CAAC,OAAO,EAAE,UAAU,CAAC;;mCAEb,QAAQ,CAAC,KAAK;oCACb,QAAQ,CAAC,KAAK;qCACb,QAAQ,CAAC,KAAK;;;;;;;QAO3C,kBAAkB,CAAC,GAAG,CAAC;QACvB,oBAAoB,CAAC,GAAG,CAAC;;;;;;;QAOzB,oBAAoB,CAAC,IAAI;QACzB,oBAAoB,CAAC,MAAM;;;CAGlC,CAAC"}

package/dist/esm/flipper/flipper.template.js

@@ -0,0 +1,3 @@
+import { foundationFlipperTemplate } from '@genesislcap/foundation-ui';
+export const zeroFlipperTemplate = (context, definition) => foundationFlipperTemplate(context, definition);
+//# sourceMappingURL=flipper.template.js.map

package/dist/esm/flipper/flipper.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flipper.template.js","sourceRoot":"","sources":["../../../src/flipper/flipper.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAKvE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,OAAiC,EACjC,UAA0B,EACH,EAAE,CAAC,yBAAyB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/flipper/index.js

@@ -0,0 +1,4 @@
+export * from './flipper';
+export * from './flipper.styles';
+export * from './flipper.template';
+//# sourceMappingURL=index.js.map

package/dist/esm/flipper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/flipper/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}

package/dist/esm/flyout/flyout.js

@@ -0,0 +1,8 @@
+import { defaultFlyoutConfig as foundationConfig, Flyout as FoundationFlyout, foundationFlyoutShadowOptions, foundationFlyoutTemplate as zeroFlyoutTemplate, } from '@genesislcap/foundation-ui';
+import { zeroFlyoutStyles } from './flyout.styles';
+export const defaultFlyoutConfig = foundationConfig;
+export const zeroFlyoutShadowOptions = foundationFlyoutShadowOptions;
+export class Flyout extends FoundationFlyout {
+}
+export const zeroFlyout = Flyout.compose(Object.assign({ baseName: 'flyout', shadowOptions: zeroFlyoutShadowOptions, styles: zeroFlyoutStyles, template: zeroFlyoutTemplate }, defaultFlyoutConfig));
+//# sourceMappingURL=flyout.js.map

package/dist/esm/flyout/flyout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flyout.js","sourceRoot":"","sources":["../../../src/flyout/flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,gBAAgB,EACvC,MAAM,IAAI,gBAAgB,EAC1B,6BAA6B,EAC7B,wBAAwB,IAAI,kBAAkB,GAC/C,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,CAAC,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;AAEpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,6BAA6B,CAAC;AAErE,MAAM,OAAO,MAAO,SAAQ,gBAAgB;CAAG;AAS/C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,iBACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,uBAAuB,EACtC,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,kBAAkB,IACzB,mBAAmB,EACtB,CAAC"}

package/dist/esm/flyout/flyout.stories.js

@@ -0,0 +1,54 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Flyout',
+    component: 'zero-flyout',
+};
+export default meta;
+const openFlyout = () => {
+    const zeroFlyout = document.querySelector(`zero-flyout`);
+    zeroFlyout.closed = false;
+};
+const closeFlyout = () => {
+    const zeroFlyout = document.querySelector(`zero-flyout`);
+    zeroFlyout.closed = true;
+};
+export const Primary = {
+    argTypes: {
+        position: {
+            control: 'select',
+            options: ['left', 'right'],
+        },
+    },
+    args: {
+        position: 'right',
+        height: '500px',
+    },
+    render: ({ position, height }) => html `
+      <div style="display: flex; height: ${height};">
+        <zero-button @click="${openFlyout}">Open Flyout</zero-button>
+
+        <zero-flyout position="${position}" style="height: ${height};>
+          <p slot="title">Zero flyout</p>
+          <div slot="header">
+            <p>Header</p>
+          </div>
+          <div class="container">
+            <p>Flyout options</p>
+            <ul>
+              <li>0</li>
+              <li>1</li>
+              <li>2</li>
+              <li>3</li>
+              <li>4</li>
+              <li>5</li>
+            </ul>
+          </div>
+          <div slot="footer">
+            <p>Footer</p>
+            <zero-button @click="${closeFlyout}">Close Flyout</zero-button>
+          </div>
+        </zero-flyout>
+      </div>
+    `,
+};
+//# sourceMappingURL=flyout.stories.js.map

package/dist/esm/flyout/flyout.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flyout.stories.js","sourceRoot":"","sources":["../../../src/flyout/flyout.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,aAAa;CACzB,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAW,CAAC;IACnE,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAW,CAAC;IACnE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;SAC3B;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,OAAO;KAChB;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAC/B,IAAI,CAAA;2CACmC,MAAM;+BAClB,UAAU;;iCAER,QAAQ,oBAAoB,MAAM;;;;;;;;;;;;;;;;;;mCAkBhC,WAAW;;;;KAIzC;CACJ,CAAC"}

package/dist/esm/flyout/flyout.styles.js

@@ -0,0 +1,32 @@
+import { css } from '@microsoft/fast-element';
+import { foundationFlyoutStyles } from '@genesislcap/foundation-ui';
+import { neutralFillHover, neutralForegroundRest, neutralLayer2 } from '@microsoft/fast-components';
+export const zeroFlyoutStyles = css `
+  ${foundationFlyoutStyles}
+  div.flyout {
+    background-color: ${neutralLayer2};
+    border-color: ${neutralFillHover};
+    color: ${neutralForegroundRest};
+  }
+
+  :host([position='left']) div.flyout {
+    border-right-style: solid;
+    border-right-width: 1px;
+  }
+
+  :host([position='right']) div.flyout {
+    border-left-style: solid;
+    border-left-width: 1px;
+  }
+
+  div.exit {
+    cursor: pointer;
+    padding: 5px 8px;
+  }
+
+  div.exit:hover {
+    background-color: ${neutralFillHover};
+    border-radius: 3px;
+  }
+`;
+//# sourceMappingURL=flyout.styles.js.map

package/dist/esm/flyout/flyout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flyout.styles.js","sourceRoot":"","sources":["../../../src/flyout/flyout.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEpG,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;IAC/B,sBAAsB;;wBAEF,aAAa;oBACjB,gBAAgB;aACvB,qBAAqB;;;;;;;;;;;;;;;;;;;wBAmBV,gBAAgB;;;CAGvC,CAAC"}

package/dist/esm/flyout/index.js

@@ -0,0 +1,4 @@
+export * from './flyout';
+export * from './flyout.styles';
+export { foundationFlyoutTemplate as zeroFlyoutTemplate } from '@genesislcap/foundation-ui';
+//# sourceMappingURL=index.js.map

package/dist/esm/flyout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,wBAAwB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/esm/grid-layout/grid-layout.js

@@ -0,0 +1,5 @@
+import { GridLayout as FoundationGridLayout, foundationGridLayoutTemplate as zeroGridLayoutTemplate, foundationGridLayoutStyles as zeroGridLayoutStyles, foundationGridLayoutShadowOptions as zeroGridLayoutShadowOptions, defaultGridLayoutConfig, } from '@genesislcap/foundation-ui';
+export class GridLayout extends FoundationGridLayout {
+}
+export const zeroGridLayout = GridLayout.compose(Object.assign({ baseName: 'grid-layout', shadowOptions: zeroGridLayoutShadowOptions, styles: zeroGridLayoutStyles, template: zeroGridLayoutTemplate }, defaultGridLayoutConfig));
+//# sourceMappingURL=grid-layout.js.map

package/dist/esm/grid-layout/grid-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-layout.js","sourceRoot":"","sources":["../../../src/grid-layout/grid-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,oBAAoB,EAClC,4BAA4B,IAAI,sBAAsB,EACtD,0BAA0B,IAAI,oBAAoB,EAClD,iCAAiC,IAAI,2BAA2B,EAChE,uBAAuB,GACxB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,OAAO,UAAW,SAAQ,oBAAoB;CAAG;AASvD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,iBAC9C,QAAQ,EAAE,aAAa,EACvB,aAAa,EAAE,2BAA2B,EAC1C,MAAM,EAAE,oBAAoB,EAC5B,QAAQ,EAAE,sBAAsB,IAC7B,uBAAuB,EAC1B,CAAC"}