@api-client/ui 0.2.2 → 0.2.4

package/test/elements/http/HttpAssertions.test.ts

@@ -821,7 +821,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.EqualAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.EqualAssertionKind}"]`
             ) as Input
             input.value = 'test value'
             input.dispatchEvent(new Event('change'))
@@ -840,7 +840,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.NotEqualAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.NotEqualAssertionKind}"]`
             ) as Input
             input.value = 'test value'
             input.dispatchEvent(new Event('change'))
@@ -859,7 +859,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.IncludesAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.IncludesAssertionKind}"]`
             ) as Input
             input.value = 'test value'
             input.dispatchEvent(new Event('change'))
@@ -878,7 +878,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.NotIncludesAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.NotIncludesAssertionKind}"]`
             ) as Input
 
             input.value = 'test value'
@@ -898,7 +898,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.MatchesAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.MatchesAssertionKind}"]`
             ) as Input
 
             input.value = 'test value'
@@ -918,7 +918,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.ToBeAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.ToBeAssertionKind}"]`
             ) as Input
 
             input.value = 'test value'
@@ -938,7 +938,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.NotToBeAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.NotToBeAssertionKind}"]`
             ) as Input
 
             input.value = 'test value'
@@ -958,7 +958,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.GreaterThanAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.GreaterThanAssertionKind}"]`
             ) as Input
 
             input.value = '20'
@@ -978,7 +978,7 @@ describe('element', () => {
             const spy = sinon.spy()
             editor.addEventListener('change', spy)
             const input = editor.shadowRoot!.querySelector(
-              `ui-text-field[data-kind="${CoreAssertions.LessThanAssertionKind}"]`
+              `ui-filled-text-field[data-kind="${CoreAssertions.LessThanAssertionKind}"]`
             ) as Input
 
             input.value = '20'

package/test/elements/http/HttpFlows.test.ts

@@ -84,7 +84,7 @@ describe('element', () => {
           button.click()
           const dialog = element.flowAddDialog!
           await dialog.updateComplete
-          const input = dialog.querySelector('ui-text-field')!
+          const input = dialog.querySelector('ui-filled-text-field')!
           input.value = 'My Flow 1'
           input.notifyChange()
           const dialogButton = dialog.shadowRoot!.querySelector('.internal-button[value="confirm"]') as UiButton
@@ -288,7 +288,7 @@ describe('element', () => {
           assert.ok(pill, 'renders the data pill')
           assert.equal(pill.textContent?.trim(), 'Read value', 'renders the data pill value')
           assert.isTrue(spacer.nextElementSibling === pill, 'render the drop target before the pill')
-          const input = unit.querySelector('ui-text-field') as Input
+          const input = unit.querySelector('ui-filled-text-field') as Input
           assert.ok(input, 'renders the path input')
         })
 
@@ -313,7 +313,7 @@ describe('element', () => {
           assert.ok(unit, 'renders the step container')
           const spacer = unit.querySelector('.drop-target.spacer')!
           assert.ok(spacer, 'renders the drop target')
-          const input = unit.querySelector('ui-text-field')!
+          const input = unit.querySelector('ui-filled-text-field')!
           assert.ok(input, 'renders the value input')
         })
 
@@ -478,7 +478,7 @@ describe('element', () => {
           assert.ok(pill, 'renders the data pill')
           assert.equal(pill.textContent?.trim(), 'Read value', 'renders the data pill value')
           assert.isTrue(spacer.nextElementSibling === pill, 'render the drop target before the pill')
-          const input = unit.querySelector('ui-text-field') as Input
+          const input = unit.querySelector('ui-filled-text-field') as Input
           assert.ok(input, 'renders the path input')
         })
 

package/test/env.ts

@@ -0,0 +1,15 @@
+export interface Env {
+  oauth2: {
+    port: number
+    jwtKey: string
+    issuer: string
+  }
+}
+const value: Env = {
+  oauth2: {
+    port: 0,
+    jwtKey: '',
+    issuer: '',
+  },
+}
+export default value

package/test/tsconfig.json

@@ -1,13 +1,7 @@
 {
   "extends": "../tsconfig",
   "compilerOptions": {
-    "outDir": "../.tmp/testing",
-    "declaration": false,
-    "declarationMap": false,
-    "sourceMap": false,
-    "pretty": false,
-    "inlineSourceMap": false,
-    "inlineSources": false
+    "outDir": "../.tmp",
   },
   "include": ["../src/**/*", "../test/**/*"]
 }

package/web-test-runner.config.js

@@ -65,7 +65,6 @@ export default /** @type TestRunnerConfig */ ({
   testRunnerHtml: (testFramework) =>
     `<html class="theme-light">
     <head>
-      <link rel="stylesheet" href="/test/visualization/lib/test-styles.css" />
       <!-- m3 styles -->
       <link rel="stylesheet" href="/src/styles/m3/tokens.css" data-theme="tokens" />
       <link rel="stylesheet" href="/src/styles/m3/theme.css" data-theme="light" />
@@ -83,4 +82,9 @@ export default /** @type TestRunnerConfig */ ({
   browserStartTimeout: 20000,
   testsStartTimeout: 20000,
   testsFinishTimeout: 60000,
+
+  coverageConfig: {
+    report: true,
+    reporters: ['lcov', 'text'],
+  },
 })

package/build/src/md/text-field/internals/TextField.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextField.styles.ts"],"names":[],"mappings":";AAEA,wBA8QC"}

package/build/src/md/text-field/internals/TextField.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.styles.js","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextField.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8QjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: inline-flex;\n    flex-direction: column;\n    vertical-align: top;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    cursor: text;\n\n    --_active-indicator-color: var(--md-sys-color-on-surface-variant);\n    --_active-indicator-height: 1px;\n    --_focus-active-indicator-color: var(--md-sys-color-primary, #6750a4);\n    --_focus-active-indicator-height: 2px;\n\n    min-width: 200px;\n  }\n\n  .surface {\n    height: 56px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    border-radius: var(--md-sys-shape-corner-extra-small-top);\n    cursor: inherit;\n  }\n\n  .container {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background-color: var(--md-sys-color-surface-variant);\n    border-radius: inherit;\n  }\n\n  .content {\n    height: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: start;\n    box-sizing: border-box;\n    position: relative;\n    z-index: 2;\n    flex: 1;\n    cursor: inherit;\n  }\n\n  .body {\n    flex: 1;\n    overflow: hidden;\n    padding-top: 1em;\n    box-sizing: border-box;\n    position: relative;\n    cursor: inherit;\n  }\n\n  .label {\n    color: var(--md-sys-color-on-surface-variant);\n    max-width: 100%;\n    pointer-events: none;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    z-index: 3;\n\n    position: absolute;\n    transform: translateY(-1.35rem) scale(0.8);\n    transform-origin: left center;\n    top: 50%;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .labelResting .label {\n    transform: translateY(-50%) scale(1);\n  }\n\n  :host(:focus-within) .label {\n    color: var(--md-sys-color-primary);\n  }\n\n  .input {\n    caret-color: var(--md-sys-color-primary);\n    color: var(--md-sys-color-on-surface);\n    height: 24px; /* ??? */\n    flex: 1; /* ??? */\n    white-space: nowrap;\n    overflow: hidden;\n    background: transparent;\n    border: none;\n    outline: none;\n    padding: 0;\n    margin: 0;\n    width: 1px;\n    cursor: inherit;\n\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .input:-webkit-autofill,\n  .input:autofill {\n    background-color: transparent !important;\n  }\n\n  .start,\n  .body,\n  .end {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: start;\n  }\n\n  .start {\n    width: 16px;\n    min-width: 16px;\n  }\n\n  .start.prefixed {\n    width: 24px;\n    min-width: 24px;\n    margin-left: 12px;\n    margin-right: 16px;\n  }\n\n  .end {\n    width: 16px;\n    min-width: 16px;\n  }\n\n  .end.suffixed {\n    width: 24px;\n    min-width: 24px;\n    margin-right: 12px;\n    padding-right: 12px;\n    margin-left: 16px;\n  }\n\n  .end ::slotted(*),\n  .start ::slotted(*) {\n    cursor: default;\n  }\n\n  .highlight {\n    inset: auto 0px 0px;\n    pointer-events: none;\n    position: absolute;\n    width: 100%;\n    z-index: 4;\n  }\n\n  .highlight::before {\n    content: '';\n    border-bottom: 1px solid var(--md-sys-color-on-surface-variant);\n    inset: auto 0px 0px;\n    position: absolute;\n  }\n\n  .highlight::after {\n    content: '';\n    border-bottom-color: var(--md-sys-color-primary);\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    opacity: 0;\n    transform: scaleX(0);\n    transform-origin: center center;\n\n    transition:\n      opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,\n      transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;\n\n    position: absolute;\n    inset: auto 0px 0px;\n  }\n\n  :host(:focus-within) .highlight::after {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n\n  .labelHidden .label {\n    display: none;\n  }\n\n  .labelHidden .body {\n    padding-top: 0;\n  }\n\n  .supporting-text {\n    padding-top: 4px;\n    color: var(--md-sys-color-on-surface-variant);\n    font-family: var(--md-sys-typescale-body-medium-font);\n    font-weight: var(--md-sys-typescale-body-medium-weight);\n    font-size: var(--md-sys-typescale-body-medium-size);\n    letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n    line-height: var(--md-sys-typescale-body-medium-height);\n    display: flex;\n    justify-content: space-between;\n    padding: 0 16px;\n  }\n\n  .supporting-text-start {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 1;\n    margin-right: 16px;\n  }\n\n  .container::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    background-color: var(--md-sys-color-on-surface-variant);\n    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  :host(:hover) .container::before {\n    opacity: var(--md-sys-state-hover-state-layer-opacity);\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .container {\n    background-color: var(--md-sys-color-on-surface);\n    opacity: 0.04;\n  }\n\n  :host([disabled]) .highlight::before {\n    border-bottom-color: var(--md-sys-color-on-surface);\n    opacity: 0.38;\n  }\n\n  :host([disabled]) .label,\n  :host([disabled]) .input,\n  :host([disabled]) .end ::slotted(*),\n  :host([disabled]) .start ::slotted(*) {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.38;\n  }\n\n  :host([invalid]) .highlight::before {\n    border-bottom-color: var(--md-sys-color-error);\n  }\n\n  :host([invalid]) .label,\n  :host([invalid]) .supporting-text,\n  :host([invalid]) .end ::slotted(*) {\n    color: var(--md-sys-color-error);\n  }\n\n  :host([invalid]:hover) .highlight::before {\n    border-bottom-color: var(--md-sys-color-on-error-container);\n  }\n\n  :host([invalid]:hover) .label,\n  :host([invalid]:hover) .end ::slotted(*) {\n    color: var(--md-sys-color-on-error-container);\n  }\n`\n"]}

package/build/src/md/text-field/internals/TextFieldElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldElement.d.ts","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextFieldElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAI1C,OAAO,KAAK,MAAM,sBAAsB,CAAA;AAExC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK;cAC9B,WAAW,IAAI,cAAc;CAoEjD"}

package/build/src/md/text-field/internals/TextFieldElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldElement.js","sourceRoot":"","sources":["../../../../../src/md/text-field/internals/TextFieldElement.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { live } from 'lit/directives/live.js'\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js'\nimport Input from '../../input/Input.js'\n\nexport default class TextFieldElement extends Input {\n  protected override renderInput(): TemplateResult {\n    const placeholderValue = this.placeholder || undefined\n    const maxValue = this.max || undefined\n    const maxLengthValue = this.maxLength > -1 ? this.maxLength : undefined\n    const minValue = this.min || undefined\n    const minLengthValue = this.minLength > -1 ? this.minLength : undefined\n    const patternValue = this.pattern || undefined\n    const roleValue = this.dataRole || undefined\n    const stepValue = this.step || undefined\n    const { disabled } = this\n\n    const style: StyleInfo = {}\n    if (this.textDirection) {\n      style.direction = this.textDirection\n    }\n\n    const ariaActiveDescendantValue = this.ariaActiveDescendant || undefined\n    const ariaAutoCompleteValue = this.ariaAutoComplete || undefined\n    const ariaControlsValue = this.ariaControls || undefined\n    const ariaDescribedByValue = this.getAriaDescribedBy() || undefined\n    const ariaExpandedValue = this.ariaExpanded || undefined\n    const ariaLabelValue = this.ariaLabel || this.label || undefined\n    const ariaLabelledByValue = this.ariaLabelledBy || undefined\n\n    return html`\n      <input\n        class=\"input\"\n        style=${styleMap(style)}\n        type=${this.effectiveType}\n        name=\"${ifDefined(this.name)}\"\n        .value=${live(this.getInputValue())}\n        max=${ifDefined(maxValue as unknown as number)}\n        maxlength=${ifDefined(maxLengthValue)}\n        min=${ifDefined(minValue as unknown as number)}\n        minlength=${ifDefined(minLengthValue)}\n        pattern=${ifDefined(patternValue)}\n        placeholder=${ifDefined(placeholderValue)}\n        role=${ifDefined(roleValue as 'textbox')}\n        ?disabled=${disabled}\n        ?readonly=${this.readOnly}\n        ?required=${this.required}\n        step=${ifDefined(stepValue as unknown as number)}\n        autocomplete=\"${ifDefined(this.autocomplete)}\"\n        autocapitalize=\"${ifDefined(this.autocapitalize)}\"\n        autocorrect=\"${ifDefined(this.autocorrect)}\"\n        inputmode=\"${ifDefined(this.inputMode)}\"\n        size=\"${ifDefined(this.size)}\"\n        results=\"${ifDefined(this.results)}\"\n        accept=\"${ifDefined(this.accept)}\"\n        ?multiple=\"${this.multiple}\"\n        spellcheck=\"${ifDefined(this.spellcheck)}\"\n        list=\"input-list\"\n        @change=${this.retargetEvent}\n        @input=${this.handleInput}\n        @select=${this.retargetEvent}\n        @invalid=${this.invalidHandler}\n        @search=\"${this.retargetEvent}\"\n        aria-activedescendant=${ifDefined(ariaActiveDescendantValue)}\n        aria-autocomplete=${ifDefined(ariaAutoCompleteValue)}\n        aria-controls=${ifDefined(ariaControlsValue)}\n        aria-describedby=${ifDefined(ariaDescribedByValue)}\n        aria-expanded=${ifDefined(ariaExpandedValue)}\n        aria-invalid=${this.getError()}\n        aria-label=${ifDefined(ariaLabelValue)}\n        aria-labelledby=${ifDefined(ariaLabelledByValue)}\n      />\n    `\n  }\n}\n"]}

package/build/src/md/text-field/ui-text-field.d.ts

@@ -1,11 +0,0 @@
-import type { CSSResultOrNative } from 'lit';
-import Element from './internals/TextFieldElement.js';
-export declare class UiTextFieldElement extends Element {
-    static styles: CSSResultOrNative[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'ui-text-field': UiTextFieldElement;
-    }
-}
-//# sourceMappingURL=ui-text-field.d.ts.map

package/build/src/md/text-field/ui-text-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui-text-field.d.ts","sourceRoot":"","sources":["../../../../src/md/text-field/ui-text-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,iCAAiC,CAAA;AAGrD,qBACa,kBAAmB,SAAQ,OAAO;IAC7C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAW;CACvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAA;KACpC;CACF"}

package/build/src/md/text-field/ui-text-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui-text-field.js","sourceRoot":"","sources":["../../../../src/md/text-field/ui-text-field.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,iCAAiC,CAAA;AACrD,OAAO,MAAM,MAAM,iCAAiC,CAAA;IAGvC,kBAAkB;4BAD9B,aAAa,CAAC,eAAe,CAAC;;;;sBACS,OAAO;kCAAf,SAAQ,WAAO;;;;YAA/C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,CAAC,CAAA;;YAD3C,uDAAkB;;;;;SAAlB,kBAAkB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/TextFieldElement.js'\nimport styles from './internals/TextField.styles.js'\n\n@customElement('ui-text-field')\nexport class UiTextFieldElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui-text-field': UiTextFieldElement\n  }\n}\n"]}

package/build/src/visualization/elements/VizAssociationElement.d.ts

@@ -1,4 +0,0 @@
-import { LitElement } from 'lit';
-export default class VizAssociationElement extends LitElement {
-}
-//# sourceMappingURL=VizAssociationElement.d.ts.map

package/build/src/visualization/elements/VizAssociationElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VizAssociationElement.d.ts","sourceRoot":"","sources":["../../../../src/visualization/elements/VizAssociationElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;CAAG"}

package/build/src/visualization/elements/VizAssociationElement.js

@@ -1,4 +0,0 @@
-import { LitElement } from 'lit';
-export default class VizAssociationElement extends LitElement {
-}
-//# sourceMappingURL=VizAssociationElement.js.map

package/build/src/visualization/elements/VizAssociationElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VizAssociationElement.js","sourceRoot":"","sources":["../../../../src/visualization/elements/VizAssociationElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;CAAG","sourcesContent":["import { LitElement } from 'lit'\n\nexport default class VizAssociationElement extends LitElement {}\n"]}

package/build/src/visualization/elements/VizWorkspaceElement.d.ts

@@ -1,110 +0,0 @@
-import { CSSResult, LitElement, PropertyValues, SVGTemplateResult, TemplateResult } from 'lit';
-import { AssociationAnchors } from '../lib/AssociationAnchors.js';
-import { SelectionManager } from '../lib/SelectionManager.js';
-import { WorkspaceEdges } from '../lib/WorkspaceEdges.js';
-import { WorkspaceGestures } from '../lib/WorkspaceGestures.js';
-import { WorkspaceSizing } from '../lib/WorkspaceSizing.js';
-export declare const canvasRef: unique symbol;
-export declare const svgRef: unique symbol;
-export declare const attributeTypeEditHandler: unique symbol;
-export declare const attributeTypeDropdownClosedHandler: unique symbol;
-export declare const attributeTypeSelectHandler: unique symbol;
-export declare const geometryChangeHandler: unique symbol;
-export declare const notifyZoom: unique symbol;
-export declare const zoomTimeout: unique symbol;
-/**
- * @fires positionchange
- */
-export default class VizWorkspaceElement extends LitElement {
-    static get styles(): CSSResult[];
-    /**
-     * The zoom level of the current visualization
-     * @attribute
-     */
-    accessor zoom: number;
-    /**
-     * Gets or sets the number of pixels that an element's content is scrolled horizontally.
-     * Unlike regular HTML elements, this can be a negative value as it is possible to
-     * scroll outside the working area.
-     */
-    get scrollLeft(): number;
-    /**
-     * @param value The x-axis position value
-     */
-    set scrollLeft(value: number);
-    /**
-     * Gets or sets the number of pixels that an element's content is scrolled vertically.
-     * Unlike regular HTML elements, this can be a negative value as it is possible to
-     * scroll outside the working area.
-     */
-    get scrollTop(): number;
-    /**
-     * @param value The y-axis position value
-     */
-    set scrollTop(value: number);
-    [canvasRef]?: HTMLDivElement;
-    get canvas(): HTMLDivElement | null;
-    [svgRef]?: SVGElement;
-    get associationSvg(): SVGElement;
-    /**
-     * The width of the canvas element, in pixels
-     */
-    accessor width: number;
-    /**
-     * The height of the canvas element, in pixels
-     */
-    accessor height: number;
-    /**
-     * When set it instruct the visualization workspace to grow over the currently set `width` and `height`
-     * when a new added item is placed outside the bounds of the workspace.
-     */
-    accessor autoResize: boolean;
-    /**
-     * Enables some limited debugging information.
-     */
-    accessor debug: boolean | undefined;
-    /**
-     * The current scale of the visualization
-     */
-    accessor scale: number;
-    [zoomTimeout]?: number;
-    gestures: WorkspaceGestures;
-    selection: SelectionManager;
-    edges: WorkspaceEdges;
-    anchors: AssociationAnchors;
-    sizing: WorkspaceSizing;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected firstUpdated(cp: PropertyValues<this>): void;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    /**
-     * Clears the state of the workspace.
-     */
-    clear(): void;
-    /**
-     * Centers the workspace.
-     */
-    center(): void;
-    [notifyZoom](): void;
-    [geometryChangeHandler](e: Event): Promise<void>;
-    scrollBy(options: ScrollToOptions): void;
-    scrollBy(x: number, y: number): void;
-    scrollTo(options: ScrollToOptions): void;
-    scrollTo(x: number, y: number): void;
-    /**
-     * Scrolls the view if the position defined by `x` and `y` arguments requires
-     * the view to be moved.
-     *
-     * @param x The x coordinate of the point
-     * @param y The y coordinate of the point
-     * @returns true if the canvas was moved
-     */
-    scrollIfNeeded(x: number, y: number): boolean;
-    render(): TemplateResult;
-    /**
-     * @return {SVGTemplateResult} The template for the associations
-     */
-    renderLinesTemplate(): SVGTemplateResult;
-}
-//# sourceMappingURL=VizWorkspaceElement.d.ts.map

package/build/src/visualization/elements/VizWorkspaceElement.d.ts.map

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