npm - @api-client/ui - Versions diffs - 0.0.17 → 0.1.0 - Mend

@api-client/ui 0.0.17 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1241) hide show

package/build/src/md/dialog/internals/Dialog.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.styles.ts"],"names":[],"mappings":";AAEA,~~wBAmHC~~"}
1	+ {"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.styles.ts"],"names":[],"mappings":";AAEA,wBAwHC"}

package/build/src/md/dialog/internals/Dialog.styles.js CHANGED Viewed

@@ -5,6 +5,10 @@ export default css `
   }
   dialog {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
     border: none;
     border-radius: var(--md-sys-shape-corner-extra-large);
     background-color: var(--md-sys-color-surface);
@@ -67,6 +71,7 @@ export default css `
   }
   .content {
+    overflow: auto;
     font-family: var(--md-sys-typescale-body-medium-font);
     font-weight: var(--md-sys-typescale-body-medium-weight);
     font-size: var(--md-sys-typescale-body-medium-size);

package/build/src/md/dialog/internals/Dialog.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.styles.js","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHjB~~,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: contents;\n }\n\n dialog {\n border: none;\n border-radius: var(--md-sys-shape-corner-extra-large);\n background-color: var(--md-sys-color-surface);\n box-shadow: var(--md-sys-elevation-3);\n color: var(--md-sys-color-on-surface-variant);\n padding: 24px;\n\n max-width: var(--ui-dialog-max-width, revert);\n max-height: var(--ui-dialog-max-height, revert);\n width: var(--ui-dialog--width, revert);\n height: var(--ui-dialog-height, revert);\n }\n\n dialog::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background-color: var(--md-sys-color-surface-tint);\n opacity: 0.11;\n pointer-events: none;\n }\n\n .icon {\n display: none;\n }\n\n .icon.with-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n\n .icon ::slotted(*) {\n color: var(--md-sys-color-secondary);\n fill: var(--md-sys-color-secondary);\n width: 24px;\n height: 24px;\n }\n\n .title {\n display: none;\n color: var(--md-sys-color-on-surface);\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n line-height: var(--md-sys-typescale-headline-small-height);\n margin: 0;\n padding: 0;\n text-align: center;\n }\n\n .title.with-title {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n\n .content {\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 }\n\n .buttons {\n display: none;\n display: flex;\n align-items: center;\n justify-content: end;\n }\n\n .buttons.with-buttons {\n margin-top: 24px;\n }\n\n .buttons ::slotted(:not(:last-child)) {\n margin-right: 12px;\n }\n\n dialog[open] {\n animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-dialog;\n }\n\n dialog[open]::backdrop {\n animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-backdrop;\n }\n\n @keyframes show-dialog {\n from {\n transform: translateY(-110%) scaleY(0);\n }\n to {\n transform: translateY(0%) scaleY(1);\n }\n }\n\n @keyframes show-backdrop {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n`\n"]}
1	+ {"version":3,"file":"Dialog.styles.js","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: contents;\n }\n\n dialog {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n\n border: none;\n border-radius: var(--md-sys-shape-corner-extra-large);\n background-color: var(--md-sys-color-surface);\n box-shadow: var(--md-sys-elevation-3);\n color: var(--md-sys-color-on-surface-variant);\n padding: 24px;\n\n max-width: var(--ui-dialog-max-width, revert);\n max-height: var(--ui-dialog-max-height, revert);\n width: var(--ui-dialog--width, revert);\n height: var(--ui-dialog-height, revert);\n }\n\n dialog::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background-color: var(--md-sys-color-surface-tint);\n opacity: 0.11;\n pointer-events: none;\n }\n\n .icon {\n display: none;\n }\n\n .icon.with-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n\n .icon ::slotted(*) {\n color: var(--md-sys-color-secondary);\n fill: var(--md-sys-color-secondary);\n width: 24px;\n height: 24px;\n }\n\n .title {\n display: none;\n color: var(--md-sys-color-on-surface);\n font-family: var(--md-sys-typescale-headline-small-font);\n font-weight: var(--md-sys-typescale-headline-small-weight);\n font-size: var(--md-sys-typescale-headline-small-size);\n letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n line-height: var(--md-sys-typescale-headline-small-height);\n margin: 0;\n padding: 0;\n text-align: center;\n }\n\n .title.with-title {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n\n .content {\n overflow: auto;\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 }\n\n .buttons {\n display: none;\n display: flex;\n align-items: center;\n justify-content: end;\n }\n\n .buttons.with-buttons {\n margin-top: 24px;\n }\n\n .buttons ::slotted(:not(:last-child)) {\n margin-right: 12px;\n }\n\n dialog[open] {\n animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-dialog;\n }\n\n dialog[open]::backdrop {\n animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-backdrop;\n }\n\n @keyframes show-dialog {\n from {\n transform: translateY(-110%) scaleY(0);\n }\n to {\n transform: translateY(0%) scaleY(1);\n }\n }\n\n @keyframes show-backdrop {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n`\n"]}

package/build/src/md/dropdown-list/internals/UiDropdownList.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UiDropdownList.d.ts","sourceRoot":"","sources":["../../../../../src/md/dropdown-list/internals/UiDropdownList.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGtE,OAAO,EAAE,SAAS,EAAY,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAmB,KAAK,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;~~AAMtH~~,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,WAAW,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IAEpD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,WAAW,EAAE,CAAA;IAG3C,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAG,WAAW,EAAE,CAAA;IAEnC,SAAS,CAAC,QAAQ,CAAC,SAAS,~~SAAyC~~;~~IAErE~~,SAAS,CAAC,QAAQ,CAAC,MAAM,~~SAAsC~~;~~IAExE~~;;;OAGG;IACyC,QAAQ,CAAC,IAAI,UAAQ;IAEjE;;;;;;;;OAQG;IACwC,QAAQ,CAAC,aAAa,EAAE,iBAAiB,GAAG,SAAS,CAAA;IAEhG;;;;;;;;OAQG;IACwC,QAAQ,CAAC,eAAe,EAAE,mBAAmB,GAAG,SAAS,CAAA;IAEpG;;;;;OAKG;IACyC,QAAQ,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAEnF;;;OAGG;IAC0B,QAAQ,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAA;IAE9E;;;;OAIG;IAC0B,QAAQ,CAAC,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAA;IAE5E;;;;OAIG;IAC0B,QAAQ,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;IAErE;;OAEG;IACH,SAAS,KAAK,OAAO,IAAI,WAAW,GAAG,IAAI,CAO1C;IAED;;OAEG;IACH,SAAS,KAAK,QAAQ,IAAI,WAAW,GAAG,IAAI,CAO3C;IAEQ,SAAS,CAAC,QAAQ,CAAC,kBAAkB,EAAE,SAAS,GAAG,SAAS,CAAA;;IAS5D,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAOrC,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAO7C,SAAS,CAAC,cAAc,IAAI,IAAI;IAIhC,SAAS,CAAC,cAAc,IAAI,IAAI;IAQhC,SAAS,CAAC,eAAe,IAAI,IAAI;IAQjC;;OAEG;IACH,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAUpD,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAWnD,SAAS,CAAC,mBAAmB,IAAI,IAAI;IAMrC,SAAS,CAAC,qBAAqB,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IASvD,SAAS,CAAC,qBAAqB,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAevD,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIpD,KAAK,IAAI,IAAI;IAMb,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAK1B,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO1C,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO1D;;;OAGG;IACH,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAepC,SAAS,CAAC,aAAa,IAAI,IAAI;IAM/B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAWtC,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B,SAAS,CAAC,YAAY,IAAI,IAAI;IAW9B,SAAS,CAAC,YAAY,IAAI,IAAI;IAa9B,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAmClC,SAAS,CAAC,UAAU,IAAI,IAAI;cAaT,MAAM,IAAI,cAAc;IAS3C,SAAS,CAAC,aAAa,IAAI,cAAc;IAQzC,SAAS,CAAC,aAAa,IAAI,cAAc;CAc1C"}
1	+ {"version":3,"file":"UiDropdownList.d.ts","sourceRoot":"","sources":["../../../../../src/md/dropdown-list/internals/UiDropdownList.ts"],"names":[],"mappings":"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"}

package/build/src/md/dropdown-list/internals/UiDropdownList.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { __esDecorate, __runInitializers } from "tslib";
+import { randomString } from '@api-client/core/lib/math/Random.js';
 import { html, LitElement } from 'lit';
 import { property, queryAssignedElements, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { positionOverlay } from '../../../lib/ElementPositioning.js';
 import * as ScrollHelper from '../../../lib/ScrollHelper.js';
-import { Random } from '@api-client/core/browser.js';
 const itemRole = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
 let UiDropdownList = (() => {
     let _classSuper = LitElement;
@@ -80,10 +80,10 @@ let UiDropdownList = (() => {
         #dropdowns_accessor_storage = (__runInitializers(this, _triggers_extraInitializers), __runInitializers(this, _dropdowns_initializers, void 0));
         get dropdowns() { return this.#dropdowns_accessor_storage; }
         set dropdowns(value) { this.#dropdowns_accessor_storage = value; }
-        #triggerId_accessor_storage = (__runInitializers(this, _dropdowns_extraInitializers), __runInitializers(this, _triggerId_initializers, `ui-trigger-${Random.randomString(4)}`));
+        #triggerId_accessor_storage = (__runInitializers(this, _dropdowns_extraInitializers), __runInitializers(this, _triggerId_initializers, `ui-trigger-${randomString(4)}`));
         get triggerId() { return this.#triggerId_accessor_storage; }
         set triggerId(value) { this.#triggerId_accessor_storage = value; }
-        #menuId_accessor_storage = (__runInitializers(this, _triggerId_extraInitializers), __runInitializers(this, _menuId_initializers, `ui-menu-${Random.randomString(4)}`
+        #menuId_accessor_storage = (__runInitializers(this, _triggerId_extraInitializers), __runInitializers(this, _menuId_initializers, `ui-menu-${randomString(4)}`
         /**
          * Whether the menu is opened.
          * @attribute

package/build/src/md/dropdown-list/internals/UiDropdownList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UiDropdownList.js","sourceRoot":"","sources":["../../../../../src/md/dropdown-list/internals/UiDropdownList.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult } from 'lit'\nimport { property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js'\nimport { positionOverlay, type HorizontalAlignment, type VerticalAlignment } from '../../../lib/ElementPositioning.js'\nimport * as ScrollHelper from '../../../lib/ScrollHelper.js'\nimport { Random } from '@api-client/core/browser.js'\n\nconst itemRole = ['menuitem', 'menuitemcheckbox', 'menuitemradio']\n\nexport interface UiDropdownListSelection {\n item: HTMLElement\n}\n\n/*\n An overlay list rendered over a button.\n \n Examples:\n \n <ui-dropdown-list>\n * <ui-filled-button>Click me</ui-filled-button>\n * <ui-list slot=\"dropdown\" role=\"menu\">\n * <ui-list-item role=\"menuitem\">Item 1</ui-list-item>\n * <ui-list-item role=\"menuitem\">Item 2</ui-list-item>\n * </ui-list>\n * </ui-dropdown-list>\n \n @slot - The default slot for the dropdown trigger (button)\n * @slot dropdown - The slot for the list.\n * @fires select - Custom event with the selected item on the `detail.item` when the user selected an item.\n * When the event is cancelled then there's no side effects (closing the dropdown)\n * @fires dropdownopen - An event informing other dropdowns that this one was opened and other should close.\n * @fires open - An event dispatched when the open state change through a user interaction\n /\nexport default class UiDropdownList extends LitElement {\n @queryAssignedElements()\n protected accessor triggers!: HTMLElement[]\n\n @queryAssignedElements({ slot: 'dropdown' })\n protected accessor dropdowns!: HTMLElement[]\n\n @state() protected accessor triggerId = `ui-trigger-${Random.randomString(4)}`\n\n @state() protected accessor menuId = `ui-menu-${Random.randomString(4)}`\n\n /\n Whether the menu is opened.\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor open = false\n\n /\n The vertical (y-axis) alignment of the dropdown content.\n * - top\n * - bottom\n * - middle\n \n No value means the natural position according to the box model.\n * @attribute\n /\n @property({ type: String, reflect: true }) accessor verticalAlign: VerticalAlignment \| undefined\n\n /\n The horizontal (x-axis) alignment of the dropdown content.\n * - top\n * - bottom\n * - middle\n \n No value means the natural position according to the box model.\n * @attribute\n /\n @property({ type: String, reflect: true }) accessor horizontalAlign: HorizontalAlignment \| undefined\n\n /\n Affects the `horizontal` and `vertical` positioning so that the target element does not overlap with the anchor.\n * For example, when the `vertical` align is `top`, the top edge of the target will be rendered at the bottom\n * of the anchor down to the edge of the viewport.\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor noOverlap: boolean \| undefined\n\n /\n When set it closes the opened list when registering a click outside the list.\n * @attribute\n /\n @property({ type: Boolean }) accessor closeOnOutsideClick: boolean \| undefined\n\n /\n When set it makes the drop-down to match the width of the trigger.\n * Be careful as this may crop the content when the trigger is not wide enough.\n * @attribute\n /\n @property({ type: Boolean }) accessor matchTriggerWidth: boolean \| undefined\n\n /\n When set it closes the drop-down when `tab` button is pressed.\n * This is not a default behavior since the drop-down content can have its own logic\n * related to tab index.\n /\n @property({ type: Boolean }) accessor closeOnTab: boolean \| undefined\n\n /\n The first element located in the default slot.\n /\n protected get trigger(): HTMLElement \| null {\n const { triggers } = this\n if (!triggers \|\| !triggers.length) {\n return null\n }\n const [button] = triggers\n return button\n }\n\n /\n The first element located in the \"dropdown\" slot.\n /\n protected get dropdown(): HTMLElement \| null {\n const { dropdowns } = this\n if (!dropdowns \|\| !dropdowns.length) {\n return null\n }\n const [content] = dropdowns\n return content\n }\n\n @state() protected accessor overlayPositioning: StyleInfo \| undefined\n\n constructor() {\n super()\n this.dropdownOpenHandler = this.dropdownOpenHandler.bind(this)\n this.scrollHandler = this.scrollHandler.bind(this)\n this.clickHandler = this.clickHandler.bind(this)\n }\n\n override connectedCallback(): void {\n super.connectedCallback()\n window.addEventListener('dropdownopen', this.dropdownOpenHandler)\n window.addEventListener('click', this.clickHandler, { capture: true })\n ScrollHelper.addListeners(this, this.scrollHandler)\n\n this.setAttribute('aria-haspopup', 'menu')\n this.setAttribute('aria-expanded', 'false')\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback()\n window.removeEventListener('dropdownopen', this.dropdownOpenHandler)\n window.removeEventListener('click', this.clickHandler, { capture: true })\n ScrollHelper.removeListeners(this)\n }\n\n protected dropdownOpenHandler(e: Event): void {\n if (e.composedPath()[0] === this) {\n return\n }\n this.close()\n }\n\n protected updateExpanded(): void {\n this.setAttribute('aria-expanded', String(this.open))\n }\n\n protected triggerChanged(): void {\n const { trigger } = this\n if (!trigger) {\n return\n }\n this.decorateTrigger(trigger)\n }\n\n protected dropdownChanged(): void {\n const { dropdown } = this\n if (!dropdown) {\n return\n }\n this.decorateDropdown(dropdown)\n }\n\n /\n Decorates the trigger with aria attributes.\n /\n protected decorateTrigger(button: HTMLElement): void {\n button.setAttribute('aria-controls', this.menuId)\n button.setAttribute('tabindex', '0')\n if (button.id) {\n this.triggerId = button.id\n } else {\n button.id = this.triggerId\n }\n }\n\n protected decorateDropdown(list: HTMLElement): void {\n if (!list.hasAttribute('role')) {\n list.setAttribute('role', 'menu')\n }\n if (!list.hasAttribute('aria-labelledby')) {\n list.setAttribute('aria-labelledby', this.triggerId)\n }\n list.setAttribute('tabindex', '-1')\n list.id = this.menuId\n }\n\n protected triggerClickHandler(): void {\n this.open = !this.open\n this.updateExpanded()\n this.notifyOpen()\n }\n\n protected triggerKeyDownHandler(e: KeyboardEvent): void {\n if (['Enter', 'Space', 'ArrowDown', 'ArrowUp'].includes(e.code)) {\n e.preventDefault()\n this.open = true\n this.updateExpanded()\n this.notifyOpen()\n }\n }\n\n protected contentKeyDownHandler(e: KeyboardEvent): void {\n if (e.defaultPrevented) {\n return\n }\n if (e.code === 'Escape') {\n this.close()\n } else if (e.code === 'Tab') {\n if (this.closeOnTab) {\n this.close()\n }\n } else if (['Enter', 'Space'].includes(e.code)) {\n this.activate(e)\n }\n }\n\n protected contentClickHandler(e: PointerEvent): void {\n this.activate(e)\n }\n\n close(): void {\n this.open = false\n this.updateExpanded()\n this.notifyOpen()\n }\n\n protected contentCloseHandler(e: Event): void {\n e.stopPropagation()\n this.close()\n }\n\n protected override willUpdate(cp: PropertyValues<this>): void {\n super.willUpdate(cp)\n if ((cp.has('noOverlap') \|\| cp.has('verticalAlign') \|\| cp.has('horizontalAlign') \|\| cp.has('open')) && this.open) {\n this.computePositioning()\n }\n }\n\n protected override updated(cp: PropertyValues<this>): void {\n super.updated(cp)\n if (cp.has('open')) {\n this.toggleOpened()\n }\n }\n\n /\n Since the container for the dropdown content is positioned as fixed\n * we need to position the dropdown according to the configured rules.\n */\n protected computePositioning(): void {\n const { trigger, dropdown } = this\n if (!trigger \|\| !dropdown) {\n return\n }\n this.overlayPositioning = positionOverlay(dropdown, trigger, {\n horizontal: this.horizontalAlign,\n vertical: this.verticalAlign,\n noOverlap: this.noOverlap,\n constrain: true,\n constrainPaddingY: 20,\n matchAnchorWidth: this.matchTriggerWidth,\n })\n }\n\n protected scrollHandler(): void {\n if (this.open) {\n this.computePositioning()\n }\n }\n\n protected clickHandler(e: Event): void {\n if (!this.open \|\| !this.closeOnOutsideClick) {\n return\n }\n const inside = e.composedPath().some((i) => i === this)\n if (inside) {\n return\n }\n this.close()\n }\n\n protected toggleOpened(): void {\n const { open } = this\n if (open) {\n this.handleOpened()\n } else {\n this.handleClosed()\n }\n }\n\n protected handleOpened(): void {\n const { trigger, dropdown } = this\n if (trigger) {\n trigger.removeAttribute('tabindex')\n }\n if (dropdown) {\n dropdown.setAttribute('tabindex', '0')\n dropdown.focus()\n }\n }\n\n protected handleClosed(): void {\n const { trigger, dropdown } = this\n if (trigger) {\n trigger.setAttribute('tabindex', '0')\n if (this.matches(':focus-within')) {\n trigger.focus()\n }\n }\n if (dropdown) {\n dropdown.removeAttribute('tabindex')\n }\n }\n\n protected activate(e: Event): void {\n if (e.defaultPrevented) {\n return\n }\n const path = e.composedPath()\n let item: HTMLElement \| undefined\n while (!item) {\n const next = path.shift() as Element\n if (next === this) {\n break\n }\n if (next.nodeType !== Node.ELEMENT_NODE) {\n continue\n }\n if (itemRole.includes(next.getAttribute('role') \|\| '')) {\n item = next as HTMLElement\n }\n }\n if (!item) {\n return\n }\n const event = new CustomEvent<UiDropdownListSelection>('select', {\n cancelable: true,\n // composed: true,\n detail: {\n item,\n },\n })\n this.dispatchEvent(event)\n if (event.defaultPrevented) {\n return\n }\n this.close()\n }\n\n protected notifyOpen(): void {\n this.dispatchEvent(new Event('open'))\n if (this.open) {\n this.dispatchEvent(\n new Event('dropdownopen', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n )\n }\n }\n\n protected override render(): TemplateResult {\n const classes: ClassInfo = {\n container: true,\n open: this.open,\n }\n\n return html` <div class=\"${classMap(classes)}\">${this.renderTrigger()} ${this.renderContent()}</div> `\n }\n\n protected renderTrigger(): TemplateResult {\n return html`\n <div class=\"trigger\" @click=\"${this.triggerClickHandler}\" @keydown=\"${this.triggerKeyDownHandler}\">\n <slot @slotchange=\"${this.triggerChanged}\"></slot>\n </div>\n `\n }\n\n protected renderContent(): TemplateResult {\n const contentStyles = this.overlayPositioning \|\| {}\n return html`\n <div class=\"content\" style=\"${styleMap(contentStyles)}\">\n <slot\n name=\"dropdown\"\n @slotchange=\"${this.dropdownChanged}\"\n @keydown=\"${this.contentKeyDownHandler}\"\n @click=\"${this.contentClickHandler}\"\n @close=\"${this.contentCloseHandler}\"\n ></slot>\n </div>\n `\n }\n}\n"]}
1	+ {"version":3,"file":"UiDropdownList.js","sourceRoot":"","sources":["../../../../../src/md/dropdown-list/internals/UiDropdownList.ts"],"names":[],"mappings":"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","sourcesContent":["import { randomString } from '@api-client/core/lib/math/Random.js'\nimport { html, LitElement, PropertyValues, TemplateResult } from 'lit'\nimport { property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js'\nimport { positionOverlay, type HorizontalAlignment, type VerticalAlignment } from '../../../lib/ElementPositioning.js'\nimport * as ScrollHelper from '../../../lib/ScrollHelper.js'\n\nconst itemRole = ['menuitem', 'menuitemcheckbox', 'menuitemradio']\n\nexport interface UiDropdownListSelection {\n item: HTMLElement\n}\n\n/*\n An overlay list rendered over a button.\n \n Examples:\n \n <ui-dropdown-list>\n * <ui-filled-button>Click me</ui-filled-button>\n * <ui-list slot=\"dropdown\" role=\"menu\">\n * <ui-list-item role=\"menuitem\">Item 1</ui-list-item>\n * <ui-list-item role=\"menuitem\">Item 2</ui-list-item>\n * </ui-list>\n * </ui-dropdown-list>\n \n @slot - The default slot for the dropdown trigger (button)\n * @slot dropdown - The slot for the list.\n * @fires select - Custom event with the selected item on the `detail.item` when the user selected an item.\n * When the event is cancelled then there's no side effects (closing the dropdown)\n * @fires dropdownopen - An event informing other dropdowns that this one was opened and other should close.\n * @fires open - An event dispatched when the open state change through a user interaction\n /\nexport default class UiDropdownList extends LitElement {\n @queryAssignedElements()\n protected accessor triggers!: HTMLElement[]\n\n @queryAssignedElements({ slot: 'dropdown' })\n protected accessor dropdowns!: HTMLElement[]\n\n @state() protected accessor triggerId = `ui-trigger-${randomString(4)}`\n\n @state() protected accessor menuId = `ui-menu-${randomString(4)}`\n\n /\n Whether the menu is opened.\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor open = false\n\n /\n The vertical (y-axis) alignment of the dropdown content.\n * - top\n * - bottom\n * - middle\n \n No value means the natural position according to the box model.\n * @attribute\n /\n @property({ type: String, reflect: true }) accessor verticalAlign: VerticalAlignment \| undefined\n\n /\n The horizontal (x-axis) alignment of the dropdown content.\n * - top\n * - bottom\n * - middle\n \n No value means the natural position according to the box model.\n * @attribute\n /\n @property({ type: String, reflect: true }) accessor horizontalAlign: HorizontalAlignment \| undefined\n\n /\n Affects the `horizontal` and `vertical` positioning so that the target element does not overlap with the anchor.\n * For example, when the `vertical` align is `top`, the top edge of the target will be rendered at the bottom\n * of the anchor down to the edge of the viewport.\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor noOverlap: boolean \| undefined\n\n /\n When set it closes the opened list when registering a click outside the list.\n * @attribute\n /\n @property({ type: Boolean }) accessor closeOnOutsideClick: boolean \| undefined\n\n /\n When set it makes the drop-down to match the width of the trigger.\n * Be careful as this may crop the content when the trigger is not wide enough.\n * @attribute\n /\n @property({ type: Boolean }) accessor matchTriggerWidth: boolean \| undefined\n\n /\n When set it closes the drop-down when `tab` button is pressed.\n * This is not a default behavior since the drop-down content can have its own logic\n * related to tab index.\n /\n @property({ type: Boolean }) accessor closeOnTab: boolean \| undefined\n\n /\n The first element located in the default slot.\n /\n protected get trigger(): HTMLElement \| null {\n const { triggers } = this\n if (!triggers \|\| !triggers.length) {\n return null\n }\n const [button] = triggers\n return button\n }\n\n /\n The first element located in the \"dropdown\" slot.\n /\n protected get dropdown(): HTMLElement \| null {\n const { dropdowns } = this\n if (!dropdowns \|\| !dropdowns.length) {\n return null\n }\n const [content] = dropdowns\n return content\n }\n\n @state() protected accessor overlayPositioning: StyleInfo \| undefined\n\n constructor() {\n super()\n this.dropdownOpenHandler = this.dropdownOpenHandler.bind(this)\n this.scrollHandler = this.scrollHandler.bind(this)\n this.clickHandler = this.clickHandler.bind(this)\n }\n\n override connectedCallback(): void {\n super.connectedCallback()\n window.addEventListener('dropdownopen', this.dropdownOpenHandler)\n window.addEventListener('click', this.clickHandler, { capture: true })\n ScrollHelper.addListeners(this, this.scrollHandler)\n\n this.setAttribute('aria-haspopup', 'menu')\n this.setAttribute('aria-expanded', 'false')\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback()\n window.removeEventListener('dropdownopen', this.dropdownOpenHandler)\n window.removeEventListener('click', this.clickHandler, { capture: true })\n ScrollHelper.removeListeners(this)\n }\n\n protected dropdownOpenHandler(e: Event): void {\n if (e.composedPath()[0] === this) {\n return\n }\n this.close()\n }\n\n protected updateExpanded(): void {\n this.setAttribute('aria-expanded', String(this.open))\n }\n\n protected triggerChanged(): void {\n const { trigger } = this\n if (!trigger) {\n return\n }\n this.decorateTrigger(trigger)\n }\n\n protected dropdownChanged(): void {\n const { dropdown } = this\n if (!dropdown) {\n return\n }\n this.decorateDropdown(dropdown)\n }\n\n /\n Decorates the trigger with aria attributes.\n /\n protected decorateTrigger(button: HTMLElement): void {\n button.setAttribute('aria-controls', this.menuId)\n button.setAttribute('tabindex', '0')\n if (button.id) {\n this.triggerId = button.id\n } else {\n button.id = this.triggerId\n }\n }\n\n protected decorateDropdown(list: HTMLElement): void {\n if (!list.hasAttribute('role')) {\n list.setAttribute('role', 'menu')\n }\n if (!list.hasAttribute('aria-labelledby')) {\n list.setAttribute('aria-labelledby', this.triggerId)\n }\n list.setAttribute('tabindex', '-1')\n list.id = this.menuId\n }\n\n protected triggerClickHandler(): void {\n this.open = !this.open\n this.updateExpanded()\n this.notifyOpen()\n }\n\n protected triggerKeyDownHandler(e: KeyboardEvent): void {\n if (['Enter', 'Space', 'ArrowDown', 'ArrowUp'].includes(e.code)) {\n e.preventDefault()\n this.open = true\n this.updateExpanded()\n this.notifyOpen()\n }\n }\n\n protected contentKeyDownHandler(e: KeyboardEvent): void {\n if (e.defaultPrevented) {\n return\n }\n if (e.code === 'Escape') {\n this.close()\n } else if (e.code === 'Tab') {\n if (this.closeOnTab) {\n this.close()\n }\n } else if (['Enter', 'Space'].includes(e.code)) {\n this.activate(e)\n }\n }\n\n protected contentClickHandler(e: PointerEvent): void {\n this.activate(e)\n }\n\n close(): void {\n this.open = false\n this.updateExpanded()\n this.notifyOpen()\n }\n\n protected contentCloseHandler(e: Event): void {\n e.stopPropagation()\n this.close()\n }\n\n protected override willUpdate(cp: PropertyValues<this>): void {\n super.willUpdate(cp)\n if ((cp.has('noOverlap') \|\| cp.has('verticalAlign') \|\| cp.has('horizontalAlign') \|\| cp.has('open')) && this.open) {\n this.computePositioning()\n }\n }\n\n protected override updated(cp: PropertyValues<this>): void {\n super.updated(cp)\n if (cp.has('open')) {\n this.toggleOpened()\n }\n }\n\n /\n Since the container for the dropdown content is positioned as fixed\n * we need to position the dropdown according to the configured rules.\n */\n protected computePositioning(): void {\n const { trigger, dropdown } = this\n if (!trigger \|\| !dropdown) {\n return\n }\n this.overlayPositioning = positionOverlay(dropdown, trigger, {\n horizontal: this.horizontalAlign,\n vertical: this.verticalAlign,\n noOverlap: this.noOverlap,\n constrain: true,\n constrainPaddingY: 20,\n matchAnchorWidth: this.matchTriggerWidth,\n })\n }\n\n protected scrollHandler(): void {\n if (this.open) {\n this.computePositioning()\n }\n }\n\n protected clickHandler(e: Event): void {\n if (!this.open \|\| !this.closeOnOutsideClick) {\n return\n }\n const inside = e.composedPath().some((i) => i === this)\n if (inside) {\n return\n }\n this.close()\n }\n\n protected toggleOpened(): void {\n const { open } = this\n if (open) {\n this.handleOpened()\n } else {\n this.handleClosed()\n }\n }\n\n protected handleOpened(): void {\n const { trigger, dropdown } = this\n if (trigger) {\n trigger.removeAttribute('tabindex')\n }\n if (dropdown) {\n dropdown.setAttribute('tabindex', '0')\n dropdown.focus()\n }\n }\n\n protected handleClosed(): void {\n const { trigger, dropdown } = this\n if (trigger) {\n trigger.setAttribute('tabindex', '0')\n if (this.matches(':focus-within')) {\n trigger.focus()\n }\n }\n if (dropdown) {\n dropdown.removeAttribute('tabindex')\n }\n }\n\n protected activate(e: Event): void {\n if (e.defaultPrevented) {\n return\n }\n const path = e.composedPath()\n let item: HTMLElement \| undefined\n while (!item) {\n const next = path.shift() as Element\n if (next === this) {\n break\n }\n if (next.nodeType !== Node.ELEMENT_NODE) {\n continue\n }\n if (itemRole.includes(next.getAttribute('role') \|\| '')) {\n item = next as HTMLElement\n }\n }\n if (!item) {\n return\n }\n const event = new CustomEvent<UiDropdownListSelection>('select', {\n cancelable: true,\n // composed: true,\n detail: {\n item,\n },\n })\n this.dispatchEvent(event)\n if (event.defaultPrevented) {\n return\n }\n this.close()\n }\n\n protected notifyOpen(): void {\n this.dispatchEvent(new Event('open'))\n if (this.open) {\n this.dispatchEvent(\n new Event('dropdownopen', {\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n )\n }\n }\n\n protected override render(): TemplateResult {\n const classes: ClassInfo = {\n container: true,\n open: this.open,\n }\n\n return html` <div class=\"${classMap(classes)}\">${this.renderTrigger()} ${this.renderContent()}</div> `\n }\n\n protected renderTrigger(): TemplateResult {\n return html`\n <div class=\"trigger\" @click=\"${this.triggerClickHandler}\" @keydown=\"${this.triggerKeyDownHandler}\">\n <slot @slotchange=\"${this.triggerChanged}\"></slot>\n </div>\n `\n }\n\n protected renderContent(): TemplateResult {\n const contentStyles = this.overlayPositioning \|\| {}\n return html`\n <div class=\"content\" style=\"${styleMap(contentStyles)}\">\n <slot\n name=\"dropdown\"\n @slotchange=\"${this.dropdownChanged}\"\n @keydown=\"${this.contentKeyDownHandler}\"\n @click=\"${this.contentClickHandler}\"\n @close=\"${this.contentCloseHandler}\"\n ></slot>\n </div>\n `\n }\n}\n"]}

package/build/src/md/listbox/internals/Listbox.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { __esDecorate, __runInitializers } from "tslib";
+import { randomString } from '@api-client/core/lib/math/Random.js';
 import { query } from 'lit/decorators.js';
-import { Random } from '@api-client/core/browser.js';
 import UiList from '../../list/internals/List.js';
 let UiListbox = (() => {
     let _classSuper = UiList;
@@ -48,7 +48,7 @@ let UiListbox = (() => {
             }
             item.setAttribute('aria-selected', 'true');
             if (!item.id) {
-                item.id = `option-${Random.randomString(4)}`;
+                item.id = `option-${randomString(4)}`;
             }
             this.setAttribute('aria-activedescendant', item.id);
         }

package/build/src/md/listbox/internals/Listbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../../../src/md/listbox/internals/Listbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,~~KAAK~~,EAAE,MAAM,~~mBAAmB~~,CAAA;~~AACzC~~,OAAO,EAAE,~~MAAM~~,EAAE,MAAM,~~6BAA6B~~,CAAA;~~AACpD~~,OAAO,MAAM,MAAM,8BAA8B,CAAA;;sBAaV,MAAM;;;;iBAAxB,SAAU,SAAQ,WAAM;;;+CAC1C,KAAK,CAAC,sBAAsB,CAAC;YAAC,8MAAmB,mBAAmB,6BAAnB,mBAAmB,iHAAa;;;QAAnD,2GAAmD;QAAnD,IAAmB,mBAAmB,yDAAa;QAAnD,IAAmB,mBAAmB,+DAAa;QAEzE,iBAAiB;YACxB,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;QACtC,CAAC;QAEkB,WAAW;YAC5B,KAAK,CAAC,WAAW,EAAE,CAAA;YACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;oBACxB,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC;oBACxC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;gBAClC,CAAC;gBACD,IAAI,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;oBACpC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;gBAC1C,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAES,gBAAgB;YACxB,IAAI,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAA;YAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAA;YACvC,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC;QAES,eAAe,CAAC,IAAwB;YAChD,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAM;YACR,CAAC;YACD,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;YAC1C,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;gBACb,IAAI,CAAC,EAAE,GAAG,UAAU,~~MAAM,CAAC,~~YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;~~YAC9C~~,CAAC;YACD,IAAI,CAAC,YAAY,CAAC,uBAAuB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;QACrD,CAAC;QAEkB,aAAa,CAAC,IAAiB;YAChD,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACvB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;YACzB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAC9C,CAAC;QAEkB,gBAAgB,CAAC,IAAgB;YAClD,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACvB,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QAC3C,CAAC;;;;;;;AA9DH;;;;;;;;;GASG;AACH,yBAqDC","sourcesContent":["import { ~~query~~ } from '~~lit~~/~~decorators~~.js'\nimport { ~~Random~~ } from '~~@api-client~~/~~core/browser~~.js'\nimport UiList from '../../list/internals/List.js'\nimport UiListItem from '../../list/internals/ListItem.js'\n\n/*\n The listbox is used for lists from which a user may select one or more items which are static and,\n * unlike HTML <select> elements, may contain images.\n \n Note, this will automatically set `role` to `option` and `aria-selected` to `false` on each child\n * that is a valid list item.\n \n TODO:\n * - define a checkbox item, space toggle a checkbox.\n */\nexport default class UiListbox extends UiList {\n @query('[aria-selected=true]') protected accessor ariaSelectedElement!: UiListItem\n\n override connectedCallback(): void {\n super.connectedCallback()\n this.setAttribute('role', 'listbox')\n }\n\n protected override updateItems(): void {\n super.updateItems()\n this.items.forEach((i) => {\n if (!this.isListItem(i)) {\n return\n }\n if (i.getAttribute('role') !== 'option') {\n i.setAttribute('role', 'option')\n }\n if (i.hasAttribute('aria-selected')) {\n i.setAttribute('aria-selected', 'false')\n }\n })\n }\n\n protected beforeActivation(): void {\n this.removeAttribute('aria-activedescendant')\n const active = this.ariaSelectedElement\n if (active) {\n active.setAttribute('aria-selected', 'false')\n }\n }\n\n protected afterActivation(item?: UiListItem \| null): void {\n if (!item) {\n return\n }\n item.setAttribute('aria-selected', 'true')\n if (!item.id) {\n item.id = `option-${~~Random.~~randomString(4)}`\n }\n this.setAttribute('aria-activedescendant', item.id)\n }\n\n protected override highlightItem(item?: UiListItem): void {\n this.beforeActivation()\n super.highlightItem(item)\n this.afterActivation(this.highlightListItem)\n }\n\n protected override activateListItem(item: UiListItem): void {\n this.beforeActivation()\n super.activateListItem(item)\n this.afterActivation(this.activeListItem)\n }\n}\n"]}
1	+ {"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../../../src/md/listbox/internals/Listbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,MAAM,MAAM,8BAA8B,CAAA;;sBAaV,MAAM;;;;iBAAxB,SAAU,SAAQ,WAAM;;;+CAC1C,KAAK,CAAC,sBAAsB,CAAC;YAAC,8MAAmB,mBAAmB,6BAAnB,mBAAmB,iHAAa;;;QAAnD,2GAAmD;QAAnD,IAAmB,mBAAmB,yDAAa;QAAnD,IAAmB,mBAAmB,+DAAa;QAEzE,iBAAiB;YACxB,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;QACtC,CAAC;QAEkB,WAAW;YAC5B,KAAK,CAAC,WAAW,EAAE,CAAA;YACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;oBACxB,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC;oBACxC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;gBAClC,CAAC;gBACD,IAAI,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;oBACpC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;gBAC1C,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAES,gBAAgB;YACxB,IAAI,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAA;YAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAA;YACvC,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC;QAES,eAAe,CAAC,IAAwB;YAChD,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAM;YACR,CAAC;YACD,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;YAC1C,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;gBACb,IAAI,CAAC,EAAE,GAAG,UAAU,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;YACvC,CAAC;YACD,IAAI,CAAC,YAAY,CAAC,uBAAuB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;QACrD,CAAC;QAEkB,aAAa,CAAC,IAAiB;YAChD,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACvB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;YACzB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAC9C,CAAC;QAEkB,gBAAgB,CAAC,IAAgB;YAClD,IAAI,CAAC,gBAAgB,EAAE,CAAA;YACvB,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QAC3C,CAAC;;;;;;;AA9DH;;;;;;;;;GASG;AACH,yBAqDC","sourcesContent":["import { randomString } from '@api-client/core/lib/math/Random.js'\nimport { query } from 'lit/decorators.js'\nimport UiList from '../../list/internals/List.js'\nimport UiListItem from '../../list/internals/ListItem.js'\n\n/*\n The listbox is used for lists from which a user may select one or more items which are static and,\n * unlike HTML <select> elements, may contain images.\n \n Note, this will automatically set `role` to `option` and `aria-selected` to `false` on each child\n * that is a valid list item.\n \n TODO:\n * - define a checkbox item, space toggle a checkbox.\n */\nexport default class UiListbox extends UiList {\n @query('[aria-selected=true]') protected accessor ariaSelectedElement!: UiListItem\n\n override connectedCallback(): void {\n super.connectedCallback()\n this.setAttribute('role', 'listbox')\n }\n\n protected override updateItems(): void {\n super.updateItems()\n this.items.forEach((i) => {\n if (!this.isListItem(i)) {\n return\n }\n if (i.getAttribute('role') !== 'option') {\n i.setAttribute('role', 'option')\n }\n if (i.hasAttribute('aria-selected')) {\n i.setAttribute('aria-selected', 'false')\n }\n })\n }\n\n protected beforeActivation(): void {\n this.removeAttribute('aria-activedescendant')\n const active = this.ariaSelectedElement\n if (active) {\n active.setAttribute('aria-selected', 'false')\n }\n }\n\n protected afterActivation(item?: UiListItem \| null): void {\n if (!item) {\n return\n }\n item.setAttribute('aria-selected', 'true')\n if (!item.id) {\n item.id = `option-${randomString(4)}`\n }\n this.setAttribute('aria-activedescendant', item.id)\n }\n\n protected override highlightItem(item?: UiListItem): void {\n this.beforeActivation()\n super.highlightItem(item)\n this.afterActivation(this.highlightListItem)\n }\n\n protected override activateListItem(item: UiListItem): void {\n this.beforeActivation()\n super.activateListItem(item)\n this.afterActivation(this.activeListItem)\n }\n}\n"]}

package/build/src/md/snackbar/internals/Snackbar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../../../src/md/snackbar/internals/Snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAI/E,OAAO,gCAAgC,CAAA;AACvC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,wBAAwB,CAAA;AAE/B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC;;;;;;;;;;OAUG;IAC0B,QAAQ,CAAC,UAAU,UAAQ;IAExD;;;;;OAKG;IAC0B,QAAQ,CAAC,WAAW,UAAO;IAExD;;;;;;OAMG;IACyB,QAAQ,CAAC,OAAO,SAAO;IAEnD;;;;;;OAMG;IACyB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/D;;;;OAIG;IAC0B,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAAA;IAEhE;;;;OAIG;IACyC,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;IAE9E,SAAS,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAE7B,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IAExB,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAE9B,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;;cAUX,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU1D;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf,SAAS,CAAC,YAAY,IAAI,IAAI;IAW9B,SAAS,CAAC,UAAU,IAAI,IAAI;IAO5B,SAAS,CAAC,cAAc,IAAI,IAAI;IAIhC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAQhD,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAoB9C,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAStC,SAAS,CAAC,YAAY,IAAI,IAAI;cAIX,MAAM,IAAI,cAAc;IAc3C,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;~~IAYzD~~,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;CAWxD"}
1	+ {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../../../src/md/snackbar/internals/Snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAI/E,OAAO,gCAAgC,CAAA;AACvC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,wBAAwB,CAAA;AAE/B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC;;;;;;;;;;OAUG;IAC0B,QAAQ,CAAC,UAAU,UAAQ;IAExD;;;;;OAKG;IAC0B,QAAQ,CAAC,WAAW,UAAO;IAExD;;;;;;OAMG;IACyB,QAAQ,CAAC,OAAO,SAAO;IAEnD;;;;;;OAMG;IACyB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/D;;;;OAIG;IAC0B,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAAA;IAEhE;;;;OAIG;IACyC,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;IAE9E,SAAS,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAE7B,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IAExB,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAE9B,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;;cAUX,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU1D;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf,SAAS,CAAC,YAAY,IAAI,IAAI;IAW9B,SAAS,CAAC,UAAU,IAAI,IAAI;IAO5B,SAAS,CAAC,cAAc,IAAI,IAAI;IAIhC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAQhD,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAoB9C,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAStC,SAAS,CAAC,YAAY,IAAI,IAAI;cAIX,MAAM,IAAI,cAAc;IAc3C,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;IAUzD,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;CAWxD"}

package/build/src/md/snackbar/internals/Snackbar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { __esDecorate, __runInitializers } from "tslib";
 import { html, LitElement, nothing } from 'lit';
+import { cancelEvent } from '@api-client/core/lib/events/Utils.js';
 import { property } from 'lit/decorators.js';
-import { EventUtils } from '@api-client/core/browser.js';
 import { classMap } from 'lit/directives/class-map.js';
 import '../../button/ui-text-button.js';
 import '../../icon-button/ui-icon-button.js';
@@ -256,9 +256,7 @@ let Snackbar = (() => {
                 return nothing;
             }
             return html `
-      <ui-text-button class="action" @click="${this.actionHandler}" @action="${EventUtils.cancelEvent}"
-        >${action}</ui-text-button
-      >
+      <ui-text-button class="action" @click="${this.actionHandler}" @action="${cancelEvent}">${action}</ui-text-button>
     `;
         }
         renderIcon() {
@@ -267,7 +265,7 @@ let Snackbar = (() => {
                 return nothing;
             }
             return html `
-      <ui-icon-button @click="${this.closeHandler}" class="icon" @action="${EventUtils.cancelEvent}">
+      <ui-icon-button @click="${this.closeHandler}" class="icon" @action="${cancelEvent}">
         <ui-icon icon="close"></ui-icon>
       </ui-icon-button>
     `;

package/build/src/md/snackbar/internals/Snackbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../../../src/md/snackbar/internals/Snackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, PropertyValues, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { EventUtils } from '@api-client/core/browser.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport '../../button/ui-text-button.js'\nimport '../../icon-button/ui-icon-button.js'\nimport '../../icons/ui-icon.js'\n\n/*\n Snackbars provide brief messages about app processes at the bottom of the screen.\n \n Snackbars inform users of a process that an app has performed or will perform.\n * They appear temporarily, towards the bottom of the screen.\n * They shouldn’t interrupt the user experience, and they don’t require user input to disappear.\n \n Only one snackbar may be displayed at a time.\n \n A snackbar can contain a single action. \"Dismiss\" or \"cancel\" actions are optional.\n \n Snackbars communicate messages that are minimally interruptive and don’t require user action.\n \n Caution, Do not use this element directly.\n \n A snackbar is the UI to render in the application. It does not care whether another\n * message is already rendered. Use `SnackNotifications` to manage notification system.\n * The `SnackNotifications` will position toasts directly under the `body` which will make\n * it easier to manage especially when relative / absolute positioning is used.\n \n @fires open - When the open state changes. Note, this event is not dispatched when it was programmatically closed.\n * @fires dismiss - When the message was closed via the API.\n * @fires action - When the action button was activated.\n /\nexport class Snackbar extends LitElement {\n /\n When set the snackbar does not timeout.\n * It has to be cancelled by user interaction or programmatically.\n \n When the `cancellable` is set to false the user won't be able to dismiss the\n * snackbar and the application must remove the snackbar after the process\n * finish. Otherwise another snackbar won't appear.\n \n @default false\n * @attribute\n /\n @property({ type: Boolean }) accessor persistent = false\n\n /\n Whether the snackbar can be cancelled via user interaction.\n \n @default true\n * @attribute\n /\n @property({ type: Boolean }) accessor cancellable = true\n\n /\n The time in milliseconds after which the message is removed.\n * Has not effect when `persistent` flag is set.\n \n @default 5000\n * @attribute\n /\n @property({ type: Number }) accessor timeout = 5000\n\n /\n The action to render next to the message.\n * There can be only one action.\n * It is only rendered when `actionCallback` is set.\n \n @attribute\n /\n @property({ type: String }) accessor action: string \| undefined\n\n /\n Whether to render affordable \"close\" icon.\n \n @attribute\n /\n @property({ type: Boolean }) accessor close: boolean \| undefined\n\n /\n Whether the message is being rendered.\n \n @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor open: boolean \| undefined\n\n protected dismissed?: boolean\n\n protected timer?: number\n\n protected touchXStart?: number\n\n protected touchYStart?: number\n\n constructor() {\n super()\n\n this.addEventListener('touchstart', this.touchstartHandler.bind(this), { passive: true })\n this.addEventListener('touchend', this.touchendHandler.bind(this), { passive: true })\n this.addEventListener('transitionend', this.transitionendHandler.bind(this), { passive: true })\n }\n\n protected override updated(cp: PropertyValues<this>): void {\n if (cp.has('open')) {\n if (this.open) {\n this.setupTimeout()\n } else {\n this.clearTimer()\n }\n }\n }\n\n /\n Dismisses the snackbar\n */\n dismiss(): void {\n this.dismissed = true\n this.open = false\n }\n\n protected setupTimeout(): void {\n const { timeout = 5000, persistent } = this\n this.clearTimer()\n if (persistent) {\n return\n }\n this.timer = setTimeout(() => {\n this.timeoutHandler()\n }, timeout) as unknown as number\n }\n\n protected clearTimer(): void {\n if (this.timer) {\n clearTimeout(this.timer)\n this.timer = undefined\n }\n }\n\n protected timeoutHandler(): void {\n this.open = false\n }\n\n protected touchstartHandler(e: TouchEvent): void {\n if (this.cancellable === false) {\n return\n }\n this.touchXStart = e.changedTouches[0].screenX\n this.touchYStart = e.changedTouches[0].screenY\n }\n\n protected touchendHandler(e: TouchEvent): void {\n if (this.cancellable === false) {\n return\n }\n const { touchXStart, touchYStart } = this\n if (typeof touchXStart !== 'number' \|\| typeof touchYStart !== 'number') {\n return\n }\n this.touchXStart = undefined\n this.touchYStart = undefined\n const endX = e.changedTouches[0].screenX\n const endY = e.changedTouches[0].screenY\n const xDelta = Math.abs(endX - touchXStart)\n const yDelta = Math.abs(endY - touchYStart)\n const threshold = 20\n if (xDelta > threshold \|\| yDelta > threshold) {\n this.open = false\n }\n }\n\n protected actionHandler(): void {\n this.dispatchEvent(new Event('action'))\n this.dismiss()\n }\n\n protected transitionendHandler(): void {\n if (!this.dismissed) {\n this.dispatchEvent(new Event('open'))\n } else {\n this.dismissed = false\n this.dispatchEvent(new Event('dismiss'))\n }\n }\n\n protected closeHandler(): void {\n this.open = false\n }\n\n protected override render(): TemplateResult {\n const classes = {\n body: true,\n withAction: !!this.action,\n withClose: !!this.close,\n }\n return html`\n <div class=\"${classMap(classes)}\">\n <slot></slot>\n </div>\n ${this.renderAction()} ${this.renderIcon()}\n `\n }\n\n protected renderAction(): TemplateResult \| typeof nothing {\n const { action } = this\n if (!action) {\n return nothing\n }\n return html`\n <ui-text-button class=\"action\" @click=\"${this.actionHandler}\" @action=\"${EventUtils.cancelEvent}\"\n >${action}</ui-text-button\n >\n `\n }\n\n protected renderIcon(): TemplateResult \| typeof nothing {\n const { close } = this\n if (!close) {\n return nothing\n }\n return html`\n <ui-icon-button @click=\"${this.closeHandler}\" class=\"icon\" @action=\"${EventUtils.cancelEvent}\">\n <ui-icon icon=\"close\"></ui-icon>\n </ui-icon-button>\n `\n }\n}\n"]}
1	+ {"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../../../src/md/snackbar/internals/Snackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, PropertyValues, TemplateResult } from 'lit'\nimport { cancelEvent } from '@api-client/core/lib/events/Utils.js'\nimport { property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport '../../button/ui-text-button.js'\nimport '../../icon-button/ui-icon-button.js'\nimport '../../icons/ui-icon.js'\n\n/*\n Snackbars provide brief messages about app processes at the bottom of the screen.\n \n Snackbars inform users of a process that an app has performed or will perform.\n * They appear temporarily, towards the bottom of the screen.\n * They shouldn’t interrupt the user experience, and they don’t require user input to disappear.\n \n Only one snackbar may be displayed at a time.\n \n A snackbar can contain a single action. \"Dismiss\" or \"cancel\" actions are optional.\n \n Snackbars communicate messages that are minimally interruptive and don’t require user action.\n \n Caution, Do not use this element directly.\n \n A snackbar is the UI to render in the application. It does not care whether another\n * message is already rendered. Use `SnackNotifications` to manage notification system.\n * The `SnackNotifications` will position toasts directly under the `body` which will make\n * it easier to manage especially when relative / absolute positioning is used.\n \n @fires open - When the open state changes. Note, this event is not dispatched when it was programmatically closed.\n * @fires dismiss - When the message was closed via the API.\n * @fires action - When the action button was activated.\n /\nexport class Snackbar extends LitElement {\n /\n When set the snackbar does not timeout.\n * It has to be cancelled by user interaction or programmatically.\n \n When the `cancellable` is set to false the user won't be able to dismiss the\n * snackbar and the application must remove the snackbar after the process\n * finish. Otherwise another snackbar won't appear.\n \n @default false\n * @attribute\n /\n @property({ type: Boolean }) accessor persistent = false\n\n /\n Whether the snackbar can be cancelled via user interaction.\n \n @default true\n * @attribute\n /\n @property({ type: Boolean }) accessor cancellable = true\n\n /\n The time in milliseconds after which the message is removed.\n * Has not effect when `persistent` flag is set.\n \n @default 5000\n * @attribute\n /\n @property({ type: Number }) accessor timeout = 5000\n\n /\n The action to render next to the message.\n * There can be only one action.\n * It is only rendered when `actionCallback` is set.\n \n @attribute\n /\n @property({ type: String }) accessor action: string \| undefined\n\n /\n Whether to render affordable \"close\" icon.\n \n @attribute\n /\n @property({ type: Boolean }) accessor close: boolean \| undefined\n\n /\n Whether the message is being rendered.\n \n @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor open: boolean \| undefined\n\n protected dismissed?: boolean\n\n protected timer?: number\n\n protected touchXStart?: number\n\n protected touchYStart?: number\n\n constructor() {\n super()\n\n this.addEventListener('touchstart', this.touchstartHandler.bind(this), { passive: true })\n this.addEventListener('touchend', this.touchendHandler.bind(this), { passive: true })\n this.addEventListener('transitionend', this.transitionendHandler.bind(this), { passive: true })\n }\n\n protected override updated(cp: PropertyValues<this>): void {\n if (cp.has('open')) {\n if (this.open) {\n this.setupTimeout()\n } else {\n this.clearTimer()\n }\n }\n }\n\n /\n Dismisses the snackbar\n */\n dismiss(): void {\n this.dismissed = true\n this.open = false\n }\n\n protected setupTimeout(): void {\n const { timeout = 5000, persistent } = this\n this.clearTimer()\n if (persistent) {\n return\n }\n this.timer = setTimeout(() => {\n this.timeoutHandler()\n }, timeout) as unknown as number\n }\n\n protected clearTimer(): void {\n if (this.timer) {\n clearTimeout(this.timer)\n this.timer = undefined\n }\n }\n\n protected timeoutHandler(): void {\n this.open = false\n }\n\n protected touchstartHandler(e: TouchEvent): void {\n if (this.cancellable === false) {\n return\n }\n this.touchXStart = e.changedTouches[0].screenX\n this.touchYStart = e.changedTouches[0].screenY\n }\n\n protected touchendHandler(e: TouchEvent): void {\n if (this.cancellable === false) {\n return\n }\n const { touchXStart, touchYStart } = this\n if (typeof touchXStart !== 'number' \|\| typeof touchYStart !== 'number') {\n return\n }\n this.touchXStart = undefined\n this.touchYStart = undefined\n const endX = e.changedTouches[0].screenX\n const endY = e.changedTouches[0].screenY\n const xDelta = Math.abs(endX - touchXStart)\n const yDelta = Math.abs(endY - touchYStart)\n const threshold = 20\n if (xDelta > threshold \|\| yDelta > threshold) {\n this.open = false\n }\n }\n\n protected actionHandler(): void {\n this.dispatchEvent(new Event('action'))\n this.dismiss()\n }\n\n protected transitionendHandler(): void {\n if (!this.dismissed) {\n this.dispatchEvent(new Event('open'))\n } else {\n this.dismissed = false\n this.dispatchEvent(new Event('dismiss'))\n }\n }\n\n protected closeHandler(): void {\n this.open = false\n }\n\n protected override render(): TemplateResult {\n const classes = {\n body: true,\n withAction: !!this.action,\n withClose: !!this.close,\n }\n return html`\n <div class=\"${classMap(classes)}\">\n <slot></slot>\n </div>\n ${this.renderAction()} ${this.renderIcon()}\n `\n }\n\n protected renderAction(): TemplateResult \| typeof nothing {\n const { action } = this\n if (!action) {\n return nothing\n }\n return html`\n <ui-text-button class=\"action\" @click=\"${this.actionHandler}\" @action=\"${cancelEvent}\">${action}</ui-text-button>\n `\n }\n\n protected renderIcon(): TemplateResult \| typeof nothing {\n const { close } = this\n if (!close) {\n return nothing\n }\n return html`\n <ui-icon-button @click=\"${this.closeHandler}\" class=\"icon\" @action=\"${cancelEvent}\">\n <ui-icon icon=\"close\"></ui-icon>\n </ui-icon-button>\n `\n }\n}\n"]}

package/build/src/mixins/FileDropMixin.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export declare const dropHandler: unique symbol;
 type Constructor<T = object> = new (...args: any[]) => T;
 export declare class FileDropMixinInterface {
     dropTargetActive: boolean;
+    dropTarget: HTMLElement;
     /**
      * Processes dropped to the page files
      * @param files The list of dropped files

package/build/src/mixins/FileDropMixin.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileDropMixin.d.ts","sourceRoot":"","sources":["../../../src/mixins/FileDropMixin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAwB,UAAU,EAAE,MAAM,KAAK,CAAA;AAGtD,OAAO,wBAAwB,CAAA;AAE/B,eAAO,MAAM,gBAAgB,eAA6B,CAAA;AAC1D,eAAO,MAAM,gBAAgB,eAA6B,CAAA;AAC1D,eAAO,MAAM,eAAe,eAA4B,CAAA;AACxD,eAAO,MAAM,WAAW,eAAwB,CAAA;AAEhD,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAExD,MAAM,CAAC,OAAO,OAAO,sBAAsB;IACzC,gBAAgB,EAAE,OAAO,CAAA;IAEzB;;;;OAIG;IACH,mBAAmB,CAAC,KAAK,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;CACpD;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,GACvB,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cAAc,CAAC,KAAG,WAAW,CAAC,sBAAsB,CAAC,GAAG,~~CA0G3F~~,CAAA"}
1	+ {"version":3,"file":"FileDropMixin.d.ts","sourceRoot":"","sources":["../../../src/mixins/FileDropMixin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAwB,UAAU,EAAE,MAAM,KAAK,CAAA;AAGtD,OAAO,wBAAwB,CAAA;AAE/B,eAAO,MAAM,gBAAgB,eAA6B,CAAA;AAC1D,eAAO,MAAM,gBAAgB,eAA6B,CAAA;AAC1D,eAAO,MAAM,eAAe,eAA4B,CAAA;AACxD,eAAO,MAAM,WAAW,eAAwB,CAAA;AAEhD,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AAExD,MAAM,CAAC,OAAO,OAAO,sBAAsB;IACzC,gBAAgB,EAAE,OAAO,CAAA;IAEzB,UAAU,EAAE,WAAW,CAAA;IAEvB;;;;OAIG;IACH,mBAAmB,CAAC,KAAK,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;CACpD;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,GACvB,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cAAc,CAAC,KAAG,WAAW,CAAC,sBAAsB,CAAC,GAAG,CAyH3F,CAAA"}

package/build/src/mixins/FileDropMixin.js CHANGED Viewed

@@ -38,18 +38,30 @@ export const FileDropMixin = dedupeMixin((superClass) => {
             #dropTargetActive_accessor_storage = __runInitializers(this, _dropTargetActive_initializers, void 0);
             get dropTargetActive() { return this.#dropTargetActive_accessor_storage; }
             set dropTargetActive(value) { this.#dropTargetActive_accessor_storage = value; }
+            dropTarget = (__runInitializers(this, _dropTargetActive_extraInitializers), document.body);
             constructor(...args) {
                 super(...args);
-                __runInitializers(this, _dropTargetActive_extraInitializers);
                 this[dragEnterHandler] = this[dragEnterHandler].bind(this);
                 this[dragLeaveHandler] = this[dragLeaveHandler].bind(this);
                 this[dragOverHandler] = this[dragOverHandler].bind(this);
                 this[dropHandler] = this[dropHandler].bind(this);
                 this.dropTargetActive = false;
-                document.body.addEventListener('dragenter', this[dragEnterHandler]);
-                document.body.addEventListener('dragleave', this[dragLeaveHandler]);
-                document.body.addEventListener('dragover', this[dragOverHandler]);
-                document.body.addEventListener('drop', this[dropHandler]);
+            }
+            connectedCallback() {
+                const { dropTarget } = this;
+                dropTarget.addEventListener('dragenter', this[dragEnterHandler]);
+                dropTarget.addEventListener('dragleave', this[dragLeaveHandler]);
+                dropTarget.addEventListener('dragover', this[dragOverHandler]);
+                dropTarget.addEventListener('drop', this[dropHandler]);
+                super.connectedCallback();
+            }
+            disconnectedCallback() {
+                const { dropTarget } = this;
+                dropTarget.removeEventListener('dragenter', this[dragEnterHandler]);
+                dropTarget.removeEventListener('dragleave', this[dragLeaveHandler]);
+                dropTarget.removeEventListener('dragover', this[dragOverHandler]);
+                dropTarget.removeEventListener('drop', this[dropHandler]);
+                super.disconnectedCallback();
             }
             /**
              * Processes dropped to the page files
@@ -70,7 +82,7 @@ export const FileDropMixin = dedupeMixin((superClass) => {
           </div>
         `;
             }
-            [(_dropTargetActive_decorators = [property()], dragEnterHandler)](e) {
+            [(_dropTargetActive_decorators = [property({ type: Boolean })], dragEnterHandler)](e) {
                 if (!e.dataTransfer) {
                     return;
                 }
@@ -78,7 +90,7 @@ export const FileDropMixin = dedupeMixin((superClass) => {
                     return;
                 }
                 e.preventDefault();
-                document.body.classList.add('drop-target');
+                this.dropTarget.classList.add('drop-target');
                 this.dropTargetActive = true;
                 e.dataTransfer.effectAllowed = 'copy';
             }
@@ -93,11 +105,11 @@ export const FileDropMixin = dedupeMixin((superClass) => {
                 if (node.nodeType !== Node.ELEMENT_NODE) {
                     return;
                 }
-                if (node !== document.body && !node.classList.contains('drop-info')) {
+                if (node !== this.dropTarget && !node.classList.contains('drop-info')) {
                     return;
                 }
                 e.preventDefault();
-                document.body.classList.remove('drop-target');
+                this.dropTarget.classList.remove('drop-target');
                 this.dropTargetActive = false;
             }
             [dragOverHandler](e) {
@@ -111,11 +123,11 @@ export const FileDropMixin = dedupeMixin((superClass) => {
                 if (node.nodeType !== Node.ELEMENT_NODE) {
                     return;
                 }
-                if (node !== document.body && !node.classList.contains('drop-info')) {
+                if (node !== this.dropTarget && !node.classList.contains('drop-info')) {
                     return;
                 }
                 e.preventDefault();
-                document.body.classList.add('drop-target');
+                this.dropTarget.classList.add('drop-target');
                 this.dropTargetActive = true;
             }
             [dropHandler](e) {
@@ -126,7 +138,7 @@ export const FileDropMixin = dedupeMixin((superClass) => {
                     return;
                 }
                 e.preventDefault();
-                document.body.classList.remove('drop-target');
+                this.dropTarget.classList.remove('drop-target');
                 this.dropTargetActive = false;
                 this.processDroppedFiles(e.dataTransfer.files);
             }

package/build/src/mixins/FileDropMixin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileDropMixin.js","sourceRoot":"","sources":["../../../src/mixins/FileDropMixin.ts"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,sDAAsD;AACtD,OAAO,EAAE,IAAI,EAA8B,MAAM,KAAK,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,wBAAwB,CAAA;AAE/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;AAC1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;AAC1D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;AACxD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;AAehD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CACtC,CAAoC,UAAa,EAA2C,EAAE;QACtF,YAAY;0BAAS,UAAU;;;;qBAA/B,YAAa,SAAQ,WAAU;;;gBACvB,qMAAS,gBAAgB,6BAAhB,gBAAgB,2GAAS;;;YAAlC,qGAAkC;YAAlC,IAAS,gBAAgB,sDAAS;YAAlC,IAAS,gBAAgB,4DAAS;YAE9C,YAAY,GAAG,IAAW;gBACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAA;;gBACd,IAAI,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBAC1D,IAAI,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBAC1D,IAAI,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBACxD,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBAEhD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAA;gBAE7B,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;gBACnE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;gBACnE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAA;gBACjE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAA;aAC1D;YAED;;;;eAIG;YACH,KAAK,CAAC,mBAAmB,CAAC,KAAe;gBACvC,MAAM;YACR,CAAC;YAED;;eAEG;YACH,kBAAkB;gBAChB,OAAO,IAAI,CAAA;;;;;SAKV,CAAA;YACH,CAAC;YAED,kCAtCC,QAAQ,EAAE,GAsCV,gBAAgB,EAAC,CAAC,CAAY;gBAC7B,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;oBACpB,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;oBACjD,OAAM;gBACR,CAAC;gBACD,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;gBAC1C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;gBAC5B,CAAC,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAA;YACvC,CAAC;YAED,CAAC,gBAAgB,CAAC,CAAC,CAAY;gBAC7B,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;oBACpB,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;oBACjD,OAAM;gBACR,CAAC;gBACD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAqB,CAAA;gBACpC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;oBACxC,OAAM;gBACR,CAAC;gBACD,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;oBACpE,OAAM;gBACR,CAAC;gBACD,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;gBAC7C,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAA;YAC/B,CAAC;YAED,CAAC,eAAe,CAAC,CAAC,CAAY;gBAC5B,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;oBACpB,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;oBACjD,OAAM;gBACR,CAAC;gBACD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAqB,CAAA;gBACpC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;oBACxC,OAAM;gBACR,CAAC;gBACD,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;oBACpE,OAAM;gBACR,CAAC;gBACD,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;gBAC1C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;YAC9B,CAAC;YAED,CAAC,WAAW,CAAC,CAAC,CAAY;gBACxB,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;oBACpB,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;oBACjD,OAAM;gBACR,CAAC;gBACD,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;gBAC7C,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAA;gBAC7B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;YAChD,CAAC;;;IAEH,OAAO,YAAuD,CAAA;AAChE,CAAC,CACF,CAAA","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable @typescript-eslint/no-unused-vars /\nimport { html, TemplateResult, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { dedupeMixin } from '@open-wc/dedupe-mixin'\nimport '../md/icons/ui-icon.js'\n\nexport const dragEnterHandler = Symbol('dragEnterHandler')\nexport const dragLeaveHandler = Symbol('dragLeaveHandler')\nexport const dragOverHandler = Symbol('dragOverHandler')\nexport const dropHandler = Symbol('dropHandler')\n\ntype Constructor<T = object> = new (...args: any[]) => T\n\nexport declare class FileDropMixinInterface {\n dropTargetActive: boolean\n\n /\n Processes dropped to the page files\n * @param files The list of dropped files\n * @abstract This is to be implemented by the platform bindings\n /\n processDroppedFiles(files: FileList): Promise<void>\n}\n\n/\n Adds methods to accept files via drag and drop.\n * The mixin register the dnd events on the body element. When an object is dragged over the window it adds\n * this `drop-target` class to the `body` element. Additionally it sets the `dropTargetActive` property.\n \n The mixin also assumes that when the `drop-target` is set then the `drop-info` overlay is rendered.\n * However, it does not change the logic if the element is not in the DOM.\n * Use the provided `dropTargetTemplate()` function to generate template for the drag info.\n \n The class implementing this mixin should override the `processDroppedFiles(files)` method\n * to process the incoming files.\n \n @mixin\n /\nexport const FileDropMixin = dedupeMixin(\n <T extends Constructor<LitElement>>(superClass: T): Constructor<FileDropMixinInterface> & T => {\n class MyMixinClass extends superClass {\n @property() accessor dropTargetActive: boolean\n\n constructor(...args: any[]) {\n super(...args)\n this[dragEnterHandler] = this[dragEnterHandler].bind(this)\n this[dragLeaveHandler] = this[dragLeaveHandler].bind(this)\n this[dragOverHandler] = this[dragOverHandler].bind(this)\n this[dropHandler] = this[dropHandler].bind(this)\n\n this.dropTargetActive = false\n\n document.body.addEventListener('dragenter', this[dragEnterHandler])\n document.body.addEventListener('dragleave', this[dragLeaveHandler])\n document.body.addEventListener('dragover', this[dragOverHandler])\n document.body.addEventListener('drop', this[dropHandler])\n }\n\n /\n Processes dropped to the page files\n * @param files The list of dropped files\n * @abstract This is to be implemented by the platform bindings\n /\n async processDroppedFiles(files: FileList): Promise<void> {\n // ...\n }\n\n /\n @returns The template for the drop file message\n */\n dropTargetTemplate(): TemplateResult {\n return html`\n <div class=\"drop-info\">\n <ui-icon icon=\"fileDownload\" class=\"drop-icon\"></ui-icon>\n <p class=\"drop-message\">Drop the file here</p>\n </div>\n `\n }\n\n [dragEnterHandler](e: DragEvent): void {\n if (!e.dataTransfer) {\n return\n }\n if (![...e.dataTransfer.types].includes('Files')) {\n return\n }\n e.preventDefault()\n document.body.classList.add('drop-target')\n this.dropTargetActive = true\n e.dataTransfer.effectAllowed = 'copy'\n }\n\n [dragLeaveHandler](e: DragEvent): void {\n if (!e.dataTransfer) {\n return\n }\n if (![...e.dataTransfer.types].includes('Files')) {\n return\n }\n const node = e.target as HTMLElement\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return\n }\n if (node !== document.body && !node.classList.contains('drop-info')) {\n return\n }\n e.preventDefault()\n document.body.classList.remove('drop-target')\n this.dropTargetActive = false\n }\n\n [dragOverHandler](e: DragEvent): void {\n if (!e.dataTransfer) {\n return\n }\n if (![...e.dataTransfer.types].includes('Files')) {\n return\n }\n const node = e.target as HTMLElement\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return\n }\n if (node !== document.body && !node.classList.contains('drop-info')) {\n return\n }\n e.preventDefault()\n document.body.classList.add('drop-target')\n this.dropTargetActive = true\n }\n\n [dropHandler](e: DragEvent): void {\n if (!e.dataTransfer) {\n return\n }\n if (![...e.dataTransfer.types].includes('Files')) {\n return\n }\n e.preventDefault()\n document.body.classList.remove('drop-target')\n this.dropTargetActive = false\n this.processDroppedFiles(e.dataTransfer.files)\n }\n }\n return MyMixinClass as Constructor<FileDropMixinInterface> & T\n }\n)\n"]}
1	+ {"version":3,"file":"FileDropMixin.js","sourceRoot":"","sources":["../../../src/mixins/FileDropMixin.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable @typescript-eslint/no-unused-vars /\nimport { html, TemplateResult, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { dedupeMixin } from '@open-wc/dedupe-mixin'\nimport '../md/icons/ui-icon.js'\n\nexport const dragEnterHandler = Symbol('dragEnterHandler')\nexport const dragLeaveHandler = Symbol('dragLeaveHandler')\nexport const dragOverHandler = Symbol('dragOverHandler')\nexport const dropHandler = Symbol('dropHandler')\n\ntype Constructor<T = object> = new (...args: any[]) => T\n\nexport declare class FileDropMixinInterface {\n dropTargetActive: boolean\n\n dropTarget: HTMLElement\n\n /\n Processes dropped to the page files\n * @param files The list of dropped files\n * @abstract This is to be implemented by the platform bindings\n /\n processDroppedFiles(files: FileList): Promise<void>\n}\n\n/\n Adds methods to accept files via drag and drop.\n * The mixin register the dnd events on the body element. When an object is dragged over the window it adds\n * this `drop-target` class to the `body` element. Additionally it sets the `dropTargetActive` property.\n \n The mixin also assumes that when the `drop-target` is set then the `drop-info` overlay is rendered.\n * However, it does not change the logic if the element is not in the DOM.\n * Use the provided `dropTargetTemplate()` function to generate template for the drag info.\n \n The class implementing this mixin should override the `processDroppedFiles(files)` method\n * to process the incoming files.\n \n @mixin\n /\nexport const FileDropMixin = dedupeMixin(\n <T extends Constructor<LitElement>>(superClass: T): Constructor<FileDropMixinInterface> & T => {\n class MyMixinClass extends superClass {\n @property({ type: Boolean }) accessor dropTargetActive: boolean\n\n dropTarget: HTMLElement = document.body\n\n constructor(...args: any[]) {\n super(...args)\n this[dragEnterHandler] = this[dragEnterHandler].bind(this)\n this[dragLeaveHandler] = this[dragLeaveHandler].bind(this)\n this[dragOverHandler] = this[dragOverHandler].bind(this)\n this[dropHandler] = this[dropHandler].bind(this)\n\n this.dropTargetActive = false\n }\n\n override connectedCallback(): void {\n const { dropTarget } = this\n dropTarget.addEventListener('dragenter', this[dragEnterHandler])\n dropTarget.addEventListener('dragleave', this[dragLeaveHandler])\n dropTarget.addEventListener('dragover', this[dragOverHandler])\n dropTarget.addEventListener('drop', this[dropHandler])\n super.connectedCallback()\n }\n\n override disconnectedCallback(): void {\n const { dropTarget } = this\n dropTarget.removeEventListener('dragenter', this[dragEnterHandler])\n dropTarget.removeEventListener('dragleave', this[dragLeaveHandler])\n dropTarget.removeEventListener('dragover', this[dragOverHandler])\n dropTarget.removeEventListener('drop', this[dropHandler])\n super.disconnectedCallback()\n }\n\n /\n Processes dropped to the page files\n * @param files The list of dropped files\n * @abstract This is to be implemented by the platform bindings\n /\n async processDroppedFiles(files: FileList): Promise<void> {\n // ...\n }\n\n /\n @returns The template for the drop file message\n */\n dropTargetTemplate(): TemplateResult {\n return html`\n <div class=\"drop-info\">\n <ui-icon icon=\"fileDownload\" class=\"drop-icon\"></ui-icon>\n <p class=\"drop-message\">Drop the file here</p>\n </div>\n `\n }\n\n [dragEnterHandler](e: DragEvent): void {\n if (!e.dataTransfer) {\n return\n }\n if (![...e.dataTransfer.types].includes('Files')) {\n return\n }\n e.preventDefault()\n this.dropTarget.classList.add('drop-target')\n this.dropTargetActive = true\n e.dataTransfer.effectAllowed = 'copy'\n }\n\n [dragLeaveHandler](e: DragEvent): void {\n if (!e.dataTransfer) {\n return\n }\n if (![...e.dataTransfer.types].includes('Files')) {\n return\n }\n const node = e.target as HTMLElement\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return\n }\n if (node !== this.dropTarget && !node.classList.contains('drop-info')) {\n return\n }\n e.preventDefault()\n this.dropTarget.classList.remove('drop-target')\n this.dropTargetActive = false\n }\n\n [dragOverHandler](e: DragEvent): void {\n if (!e.dataTransfer) {\n return\n }\n if (![...e.dataTransfer.types].includes('Files')) {\n return\n }\n const node = e.target as HTMLElement\n if (node.nodeType !== Node.ELEMENT_NODE) {\n return\n }\n if (node !== this.dropTarget && !node.classList.contains('drop-info')) {\n return\n }\n e.preventDefault()\n this.dropTarget.classList.add('drop-target')\n this.dropTargetActive = true\n }\n\n [dropHandler](e: DragEvent): void {\n if (!e.dataTransfer) {\n return\n }\n if (![...e.dataTransfer.types].includes('Files')) {\n return\n }\n e.preventDefault()\n this.dropTarget.classList.remove('drop-target')\n this.dropTargetActive = false\n this.processDroppedFiles(e.dataTransfer.files)\n }\n }\n return MyMixinClass as Constructor<FileDropMixinInterface> & T\n }\n)\n"]}

package/build/src/{core → reactive}/LiveData.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import { type ChangeEventDetail } from './reactive/reactive.js';
+import { type ChangeEventDetail } from './reactive.js';
 /**
  * `LiveData` is a utility class that wraps an object and allows you to observe changes
  * to its properties. It uses a `Proxy` to intercept property access and modification,

package/build/src/reactive/LiveData.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LiveData.d.ts","sourceRoot":"","sources":["../../../src/reactive/LiveData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAkC,MAAM,eAAe,CAAA;AAEtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,WAAW;;IAIzD;;;;OAIG;IACH,IAAI,KAAK,IAAI,CAAC,CAEb;IAED;;;;OAIG;IACH,IAAI,eAAe,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED;;OAEG;gBACS,GAAG,EAAE,CAAC;IAKlB,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI;IAQjB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS;IAgCtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4CG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,GAAG,MAAM,IAAI;CA2BjG"}

package/build/src/{core → reactive}/LiveData.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { createReactive, unhookReactive } from './reactive/reactive.js';
+import { createReactive, unhookReactive } from './reactive.js';
 /**
  * `LiveData` is a utility class that wraps an object and allows you to observe changes
  * to its properties. It uses a `Proxy` to intercept property access and modification,

package/build/src/reactive/LiveData.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LiveData.js","sourceRoot":"","sources":["../../../src/reactive/LiveData.ts"],"names":[],"mappings":"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","sourcesContent":["import { type ChangeEventDetail, createReactive, unhookReactive } from './reactive.js'\n\n/**\n * `LiveData` is a utility class that wraps an object and allows you to observe changes\n * to its properties. It uses a `Proxy` to intercept property access and modification,\n * and dispatches an `update` event whenever a change occurs. This makes it easy to\n * react to data updates within your application, especially in UI components.\n *\n * It also tracks the path of the last changed property using dot notation (e.g., \"a.b.c\").\n *\n * @template T The type of the object being wrapped.\n *\n * @example\n * ```typescript\n * // Example usage of LiveData with a simple object\n * const data = { name: 'John Doe', age: 30 }\n * const liveData = new LiveData(data)\n *\n * // Listen for updates\n * liveData.addEventListener('update', (event) => {\n * const { path, host } = (event as CustomEvent).detail\n * console.log(`Property at path '${path}' updated to`, host)\n * })\n *\n * // Modify the object through the proxy\n * liveData.value.name = 'Jane Doe' // Output: Property at path 'name' updated to Jane Doe\n * liveData.value.age = 31 // Output: Property at path 'age' updated to 31\n * ```\n *\n * @example\n * ```typescript\n * // Example usage of LiveData with a nested object\n * const nestedData = {\n * user: {\n * profile: {\n * name: 'John Doe',\n * age: 30,\n * }\n * },\n * address: {\n * street: \"Main St\",\n * }\n * }\n * const nestedLiveData = new LiveData(nestedData)\n *\n * nestedLiveData.addEventListener('update', (event) => {\n * const { path, host } = (event as CustomEvent).detail\n * console.log(`Property at path '${path}' updated to`, host)\n * })\n *\n * // Output: Property at path 'user.profile.name' updated to Jane Doe\n * nestedLiveData.value.user.profile.name = 'Jane Doe'\n * // Output: Property at path 'address.street' updated to New St\n * nestedLiveData.value.address.street = \"New St\"\n * ```\n *\n * @example\n * ```typescript\n * // Example usage of LiveData with an array\n * const arrayData = { items: ['apple', 'banana', 'orange'] };\n * const arrayLiveData = new LiveData(arrayData);\n *\n * arrayLiveData.addEventListener('update', (event) => {\n * const { path, host } = (event as CustomEvent).detail;\n * console.log(`Property at path '${path}' updated to`, host);\n * });\n *\n * arrayLiveData.value.items.push('grape'); // Output: Property at path 'items.3' updated to grape\n * arrayLiveData.value.items[0] = 'apricot'; // Output: Property at path 'items.0' updated to apricot\n * ```\n *\n * @example\n * ```typescript\n * // Example of getting the path of the last changed property.\n * const exampleData = { a: 'b', c: ['d'], e: { f: 'g' } };\n * const exampleLiveData = new LiveData(exampleData);\n *\n * exampleLiveData.addEventListener('update', () => {\n * console.log('Last changed path:', exampleLiveData.lastChangedPath);\n * });\n *\n * exampleLiveData.value.a = 'new value'; // Output: Last changed path: a\n * exampleLiveData.value.c.push('new item'); // Output: Last changed path: c.1\n * exampleLiveData.value.c[0] = \"new d\"; // Output: Last changed path: c.0\n * exampleLiveData.value.e.f = 'new g'; // Output: Last changed path: e.f\n * ```\n */\nexport class LiveData<T extends object> extends EventTarget {\n #proxy: T\n #lastChangedPath: string | null = null\n\n /**\n * Gets the wrapped object. Changes to the object must be done using the `value` property.\n *\n * @returns The wrapped object.\n */\n get value(): T {\n return this.#proxy\n }\n\n /**\n * Returns the path to the last changed property in dot notation.\n *\n * @returns The dot notation path to the last changed property, or `null` if no changes have occurred.\n */\n get lastChangedPath(): string | null {\n return this.#lastChangedPath\n }\n\n /**\n * @param obj The source object to use.\n */\n constructor(obj: T) {\n super()\n this.#proxy = createReactive(obj, this.#updated.bind(this))\n }\n\n set(obj: T): void {\n const old = this.#proxy\n // Before setting new object we need to clean old one from callbacks.\n unhookReactive(old)\n this.#proxy = createReactive(obj, this.#updated.bind(this))\n this.#updated({ path: '', value: this.#proxy, oldValue: old })\n }\n\n get(path: string): unknown | undefined {\n if (!path) {\n return undefined\n }\n const segments = path.split('.')\n let current: unknown = this.value\n for (const segment of segments) {\n if (current === null || current === undefined || typeof current !== 'object') {\n return undefined\n }\n if (Array.isArray(current)) {\n const index = parseInt(segment, 10)\n if (isNaN(index) || index < 0 || index >= current.length) {\n return undefined\n }\n current = current[index]\n } else {\n current = (current as Record<string, unknown>)[segment]\n }\n }\n return current\n }\n\n #updated(detail: ChangeEventDetail): void {\n this.#notify(detail)\n }\n\n #notify(detail: ChangeEventDetail): void {\n this.#lastChangedPath = detail.path\n this.dispatchEvent(new CustomEvent<ChangeEventDetail>('update', { detail }))\n }\n\n /**\n * Registers a callback function to be executed when specific properties of the LiveData's value change.\n * Supports filtering by deep properties using dot notation (e.g., \"prop.arr[1].value\")\n * and wildcards (e.g., \"rootProperty.*\").\n *\n * @param properties - An array of property paths to filter updates for.\n * @param callback - The function to be called when any of the specified properties change.\n * The callback receives the new value, the previous value, and the full path\n * of the changed property.\n * @returns A function that can be called to unregister the callback.\n *\n * @example\n * ```typescript\n * const myData = new LiveData({\n * name: 'Initial Name',\n * user: { address: { city: 'Some City' } },\n * items: ['a','b','c']\n * });\n *\n * // Observing a deep property\n * const unsubscribe1 = myData.observeProperties(['user.address.city'], ({ value, previousValue, path }) => {\n * console.log(`City changed: ${previousValue} -> ${value}`);\n * });\n * myData.value.user.address.city = 'New City'; // Triggers the callback\n *\n * // Observing a property with wildcard\n * const unsubscribe2 = myData.observeProperties(['items.*'], ({ value, previousValue, path }) => {\n * console.log(`Items changed at path: ${path} from: ${previousValue} to: ${value}`);\n * });\n *\n * myData.value.items[0] = 'd'; // Triggers the callback\n * myData.value.items.push('e'); // Triggers the callback\n *\n *\n * // Observing root property with wildcard\n * const unsubscribe3 = myData.observeProperties(['user.*'], ({ value, previousValue, path }) => {\n * console.log(`User child changed at path: ${path} from: ${previousValue} to: ${value}`);\n * });\n * myData.value.user.address = {city: 'test'}; // Triggers the callback\n *\n * unsubscribe1(); // Stop listening for changes\n * unsubscribe2(); // Stop listening for changes\n * unsubscribe3(); // Stop listening for changes\n * ```\n */\n observeProperties(properties: string[], callback: (data: ChangeEventDetail) => void): () => void {\n const eventCallback = (event: Event) => {\n const customEvent = event as CustomEvent<ChangeEventDetail>\n const { path } = customEvent.detail\n for (const propFilter of properties) {\n if (this.#matches(path, propFilter)) {\n callback(customEvent.detail)\n break // Avoid calling the callback multiple times for the same update\n }\n }\n }\n\n this.addEventListener('update', eventCallback)\n\n return () => {\n this.removeEventListener('update', eventCallback)\n }\n }\n\n #matches(path: string, filter: string): boolean {\n if (filter.endsWith('*')) {\n const prefix = filter.slice(0, -1)\n return path.startsWith(prefix)\n } else {\n return path === filter\n }\n }\n}\n"]}

package/build/src/reactive/reactive.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../../../src/reactive/reactive.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;CAClB;AAOD,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,EAAE,CAAC,EACT,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,EAC7C,IAAI,SAAK,GACR,CAAC,CAiEH;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAQ9D"}

package/build/src/reactive/reactive.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"reactive.js","sourceRoot":"","sources":["../../../src/reactive/reactive.ts"],"names":[],"mappings":"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","sourcesContent":["export interface ChangeEventDetail {\n path: string\n value: unknown\n oldValue: unknown\n}\n\n// target -> Proxy\nconst cachedRaw = new WeakMap<object, object>()\n// Proxy -> target\nconst cachedProxies = new WeakMap<object, object>()\n\nexport function createReactive<T extends object>(\n target: T,\n onChange: (detail: ChangeEventDetail) => void,\n path = ''\n): T {\n if (cachedRaw.has(target)) {\n // return target\n return cachedRaw.get(target) as T // Return existing proxy\n }\n if (cachedProxies.has(target)) {\n return target\n }\n\n const handler: ProxyHandler<T> = {\n get(target, prop, receiver) {\n const value = Reflect.get(target, prop, receiver)\n if (typeof value === 'object' && value !== null) {\n const finalPath = path ? `${path}.${String(prop)}` : String(prop)\n return createReactive(value, onChange, finalPath)\n }\n return value\n },\n set(target, prop, value, receiver) {\n const oldValue = Reflect.get(target, prop, receiver)\n const success = Reflect.set(target, prop, value) // do not set the receiver here\n // he receiver is the proxy itself and if we set the value on the proxy, it will\n // create an infinite loop.\n if (success && oldValue !== value) {\n // Check if the old value was proxied and remove it from the cache\n if (typeof oldValue === 'object' && oldValue !== null) {\n const oldProxy = cachedRaw.get(oldValue)\n if (oldProxy) {\n cachedRaw.delete(oldValue)\n cachedProxies.delete(oldProxy)\n }\n }\n onChange({\n path: path ? `${path}.${String(prop)}` : String(prop),\n value,\n oldValue,\n })\n }\n return success\n },\n deleteProperty(target, prop) {\n const oldValue = Reflect.get(target, prop)\n const success = Reflect.deleteProperty(target, prop)\n if (success) {\n // Check if the old value was proxied and remove it from the cache\n if (typeof oldValue === 'object' && oldValue !== null) {\n const oldProxy = cachedRaw.get(oldValue)\n if (oldProxy) {\n cachedRaw.delete(oldValue)\n cachedProxies.delete(oldProxy)\n }\n }\n onChange({\n path: path ? `${path}.${String(prop)}` : String(prop),\n value: undefined,\n oldValue,\n })\n }\n return success\n },\n }\n const proxy = new Proxy(target, handler)\n cachedRaw.set(target, proxy)\n cachedProxies.set(proxy, target)\n return proxy\n}\n\n/**\n * Removes the proxy and cleans up the cached data.\n *\n * @param reactiveObject The reactive object to unhook.\n * @returns true if the object was reactive and was unhooked, false otherwise.\n */\nexport function unhookReactive(reactiveObject: object): boolean {\n const raw = cachedProxies.get(reactiveObject)\n if (!raw) {\n return false // Not a reactive object\n }\n cachedRaw.delete(raw)\n cachedProxies.delete(reactiveObject)\n return true\n}\n"]}

package/build/src/visualization/plugin/positioning/DataModelLayout.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { type Graph } from '@api-client/graph';
-import { type EdgeConfig, type GraphLabel, type NodeConfig } from '@api-client/graph/src/layout/types.js';
+import { type Graph } from '@api-client/graph/graph/Graph.js';
+import { type EdgeConfig, type GraphLabel, type NodeConfig } from '@api-client/graph/layout/types.js';
 import { type PositioningResult, WorkspaceLayout } from './WorkspaceLayout.js';
 import { type DataModel } from '@api-client/core/legacy.js';
 export declare class DataModelLayout extends WorkspaceLayout {

package/build/src/visualization/plugin/positioning/DataModelLayout.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataModelLayout.d.ts","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,~~EAAU~~,MAAM,~~mBAAmB~~,CAAA;~~AACtD~~,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,~~uCAAuC~~,CAAA;~~AACzG~~,OAAO,EAAgB,KAAK,iBAAiB,EAAuB,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,qBAAa,eAAgB,SAAQ,eAAe;IAClD,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,IAAI;IAsFlD,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAQjG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;CAW9F"}
1	+ {"version":3,"file":"DataModelLayout.d.ts","sourceRoot":"","sources":["../../../../../src/visualization/plugin/positioning/DataModelLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAE7D,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACrG,OAAO,EAAgB,KAAK,iBAAiB,EAAuB,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,qBAAa,eAAgB,SAAQ,eAAe;IAClD,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,iBAAiB,GAAG,IAAI;IAsFlD,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAQjG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;CAW9F"}

package/build/src/visualization/plugin/positioning/DataModelLayout.js CHANGED Viewed

@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { layout } from '@api-client/graph';
+import layout from '@api-client/graph/layout/layout.js';
 import { LayoutWeight, WorkspaceLayout } from './WorkspaceLayout.js';
 export class DataModelLayout extends WorkspaceLayout {
     layout(model) {