@omegagrid/core 0.6.89 → 0.6.91

package/dist/model/component.d.ts

@@ -10,6 +10,7 @@ export declare abstract class OmegaComponent<TState extends ComponentState = Com
     set state(val: TState);
     getState(): TState;
     setState(state: TState): void;
+    updateState(state: Partial<TState>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     dispatchStateEvent(): void;

package/dist/model/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAKrD,8BAAsB,cAAc,CAAC,MAAM,SAAS,cAAc,GAAG,cAAc,CAAE,SAAQ,UAAW,YAAW,SAAS;;IAE3H,MAAM,CAAC,MAAM,EAAE,cAAc,CAU3B;IAEF,IAAI,eAAe,IAC8D,UAAU,CAC1F;IAED,IAAI,oBAAoB,IAC6D,cAAc,CAClG;IAED,OAAO,CAAC,MAAM,CAAS;IACvB,IACI,KAAK,IAIM,MAAM,CAFpB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAIpB;IAED,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAS5B,kBAAkB;CAIlB"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAKrD,8BAAsB,cAAc,CAAC,MAAM,SAAS,cAAc,GAAG,cAAc,CAAE,SAAQ,UAAW,YAAW,SAAS;;IAE3H,MAAM,CAAC,MAAM,EAAE,cAAc,CAU3B;IAEF,IAAI,eAAe,IAC8D,UAAU,CAC1F;IAED,IAAI,oBAAoB,IAC6D,cAAc,CAClG;IAED,OAAO,CAAC,MAAM,CAAS;IACvB,IACI,KAAK,IAIM,MAAM,CAFpB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAIpB;IAED,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC;IAMlC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAS5B,kBAAkB;CAIlB"}

package/dist/model/component.js

@@ -42,6 +42,12 @@ export class OmegaComponent extends LitElement {
     setState(state) {
         this._state = state;
     }
+    updateState(state) {
+        if (!this._state)
+            this._state = {};
+        Object.assign(this._state, state);
+        __classPrivateFieldGet(this, _OmegaComponent_debounceDispatchStateEvent, "f").call(this);
+    }
     connectedCallback() {
         super.connectedCallback();
         this.dispatchEvent(new Event('connected'));

package/dist/model/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAAA,qDAAqD;;;;;;;;;;;;;AAErD,OAAO,EAAkB,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAgB,cAA+D,SAAQ,UAAU;IAAvG;;QAoDC,qDAA8B,QAAQ,CAAC,GAAG,EAAE;YAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;QACzE,CAAC,CAAC,EAAC;IAMJ,CAAC;IA9CA,IAAI,eAAe;QAClB,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU,CAAe,CAAC;IAC5F,CAAC;IAED,IAAI,oBAAoB;QACvB,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,cAAc,CAAmB,CAAC;IACpG,CAAC;IAID,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,IAAI,KAAK,CAAC,GAAW;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,QAAQ,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,oBAAoB;QACnB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/C,CAAC;IAMD,kBAAkB;QACjB,uBAAA,IAAI,kDAA4B,MAAhC,IAAI,CAA8B,CAAC;IACpC,CAAC;;;AAxDM,qBAAM,GAAmB,GAAG,CAAA;;;;;;;;;;EAUlC,AAVY,CAUX;AAYF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;2CAG1C","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\n\nimport { CSSResultGroup, LitElement, css } from \"lit\";\nimport { ComponentState, Statefull } from \"../types\";\nimport { debounce } from \"ts-debounce\";\nimport { dom } from \"../common\";\nimport { property } from \"lit/decorators.js\";\n\nexport abstract class OmegaComponent<TState extends ComponentState = ComponentState> extends LitElement implements Statefull {\n\n\tstatic styles: CSSResultGroup = css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tfont-family: var(--og-font-family);\n\t\t}\n\t`;\n\n\tget parentComponent() {\n\t\treturn dom.findParent(this, (elm: HTMLElement) => elm instanceof LitElement) as LitElement;\n\t}\n\n\tget parentOmegaComponent() {\n\t\treturn dom.findParent(this, (elm: HTMLElement) => elm instanceof OmegaComponent) as OmegaComponent;\n\t}\n\n\tprivate _state: TState;\n\t@property({type: Object, noAccessor: true})\n\tget state() {\n\t\treturn this._state;\n\t}\n\n\tset state(val: TState) {\n\t\tconst oldState = this._state;\n\t\tthis._state = val;\n\t\tthis.requestUpdate('state', oldState);\n\t}\n\n\tgetState(): TState {\n\t\treturn this._state;\n\t}\n\n\tsetState(state: TState) {\n\t\tthis._state = state;\n\t}\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tthis.dispatchEvent(new Event('connected'));\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback();\n\t\tthis.dispatchEvent(new Event('disconnected'));\n\t}\n\n\t#debounceDispatchStateEvent = debounce(() => {\n\t\tthis.dispatchEvent(new Event('state', {bubbles: true, composed: true}));\n\t});\n\t\n\tdispatchStateEvent() {\n\t\tthis.#debounceDispatchStateEvent();\n\t}\n\n}"]}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/model/component.ts"],"names":[],"mappings":"AAAA,qDAAqD;;;;;;;;;;;;;AAErD,OAAO,EAAkB,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAgB,cAA+D,SAAQ,UAAU;IAAvG;;QA0DC,qDAA8B,QAAQ,CAAC,GAAG,EAAE;YAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;QACzE,CAAC,CAAC,EAAC;IAMJ,CAAC;IApDA,IAAI,eAAe;QAClB,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU,CAAe,CAAC;IAC5F,CAAC;IAED,IAAI,oBAAoB;QACvB,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,cAAc,CAAmB,CAAC;IACpG,CAAC;IAID,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,IAAI,KAAK,CAAC,GAAW;QACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,QAAQ,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,WAAW,CAAC,KAAsB;QACjC,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,EAAY,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAClC,uBAAA,IAAI,kDAA4B,MAAhC,IAAI,CAA8B,CAAC;IACpC,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,oBAAoB;QACnB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/C,CAAC;IAMD,kBAAkB;QACjB,uBAAA,IAAI,kDAA4B,MAAhC,IAAI,CAA8B,CAAC;IACpC,CAAC;;;AA9DM,qBAAM,GAAmB,GAAG,CAAA;;;;;;;;;;EAUlC,AAVY,CAUX;AAYF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;2CAG1C","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\n\nimport { CSSResultGroup, LitElement, css } from \"lit\";\nimport { ComponentState, Statefull } from \"../types\";\nimport { debounce } from \"ts-debounce\";\nimport { dom } from \"../common\";\nimport { property } from \"lit/decorators.js\";\n\nexport abstract class OmegaComponent<TState extends ComponentState = ComponentState> extends LitElement implements Statefull {\n\n\tstatic styles: CSSResultGroup = css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tfont-family: var(--og-font-family);\n\t\t}\n\t`;\n\n\tget parentComponent() {\n\t\treturn dom.findParent(this, (elm: HTMLElement) => elm instanceof LitElement) as LitElement;\n\t}\n\n\tget parentOmegaComponent() {\n\t\treturn dom.findParent(this, (elm: HTMLElement) => elm instanceof OmegaComponent) as OmegaComponent;\n\t}\n\n\tprivate _state: TState;\n\t@property({type: Object, noAccessor: true})\n\tget state() {\n\t\treturn this._state;\n\t}\n\n\tset state(val: TState) {\n\t\tconst oldState = this._state;\n\t\tthis._state = val;\n\t\tthis.requestUpdate('state', oldState);\n\t}\n\n\tgetState(): TState {\n\t\treturn this._state;\n\t}\n\n\tsetState(state: TState) {\n\t\tthis._state = state;\n\t}\n\n\tupdateState(state: Partial<TState>) {\n\t\tif (!this._state) this._state = {} as TState;\n\t\tObject.assign(this._state, state);\n\t\tthis.#debounceDispatchStateEvent();\n\t}\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tthis.dispatchEvent(new Event('connected'));\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback();\n\t\tthis.dispatchEvent(new Event('disconnected'));\n\t}\n\n\t#debounceDispatchStateEvent = debounce(() => {\n\t\tthis.dispatchEvent(new Event('state', {bubbles: true, composed: true}));\n\t});\n\t\n\tdispatchStateEvent() {\n\t\tthis.#debounceDispatchStateEvent();\n\t}\n\n}"]}

package/dist/ui/sortableList.d.ts

@@ -9,7 +9,7 @@ export declare class ListSortEvent extends Event {
     readonly sourceList: SortableList;
     readonly targetList: SortableList;
     readonly drop: 'before' | 'after';
-    constructor(type: string, args: Partial<ListSortEvent>);
+    constructor(type: string, args?: Partial<ListSortEvent>);
 }
 export declare class SortableList extends List {
     static sourceList: SortableList;
@@ -21,6 +21,7 @@ export declare class SortableList extends List {
     private sortIndex;
     private targetIndex;
     private markedItem;
+    private drop;
     private autoscrollTimer;
     private autoscrollDirection;
     static contentStyles: import("lit").CSSResult[];

package/dist/ui/sortableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortableList.d.ts","sourceRoot":"","sources":["../../src/ui/sortableList.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACpD,UAAU,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,qBAAa,aAAc,SAAQ,KAAK;IAEvC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC;IAClC,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAC,OAAO,CAAC;gBAEpB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC;CAKtD;AAED,qBACa,YAAa,SAAQ,IAAI;IAErC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC;IAChC,cAAc,EAAE,YAAY,EAAE,CAAC;IAG/B,YAAY,UAAS;IAErB,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,IAAK,OAAO,CAAyB;IAChD,IAAI,gBAAgB,IAAK,OAAO,CAE/B;IAED,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,mBAAmB,CAAY;IAEvC,MAAM,CAAC,aAAa,4BAgBjB;;IAMH,YAAY,CAAC,IAAI,EAAE,eAAe;IAQlC,UAAU;IAIV,WAAW,CAAC,aAAa,CAAC,EAAE,OAAO;IAoBnC,eAAe,CAAC,SAAS,EAAE,SAAS;IAcpC,cAAc;IAQd,YAAY,MAAO,UAAU,UAc5B;IAED,UAAU,aAET;IAED,YAAY,MAAO,UAAU,UAiC5B;IAED,YAAY;CAOZ"}
+{"version":3,"file":"sortableList.d.ts","sourceRoot":"","sources":["../../src/ui/sortableList.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACpD,UAAU,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,qBAAa,aAAc,SAAQ,KAAK;IAEvC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC;IAClC,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAC,OAAO,CAAC;gBAEpB,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC;CAKvD;AAED,qBACa,YAAa,SAAQ,IAAI;IAErC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC;IAChC,cAAc,EAAE,YAAY,EAAE,CAAC;IAG/B,YAAY,UAAS;IAErB,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,IAAK,OAAO,CAAyB;IAChD,IAAI,gBAAgB,IAAK,OAAO,CAE/B;IAED,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,IAAI,CAAmB;IAC/B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,mBAAmB,CAAY;IAEvC,MAAM,CAAC,aAAa,4BAgBjB;;IAMH,YAAY,CAAC,IAAI,EAAE,eAAe;IAQlC,UAAU;IAIV,WAAW,CAAC,aAAa,CAAC,EAAE,OAAO;IAsBnC,eAAe,CAAC,SAAS,EAAE,SAAS;IAcpC,cAAc;IAQd,YAAY,MAAO,UAAU,UAc5B;IAED,UAAU,aAET;IAED,YAAY,MAAO,UAAU,UAgC5B;IAED,YAAY;CAOZ"}

package/dist/ui/sortableList.js

@@ -13,7 +13,8 @@ import constants from '../constants';
 export class ListSortEvent extends Event {
     constructor(type, args) {
         super(`list.${type}`, { bubbles: true, composed: true });
-        Object.assign(this, args);
+        if (args)
+            Object.assign(this, args);
     }
 }
 let SortableList = SortableList_1 = class SortableList extends List {
@@ -64,19 +65,16 @@ let SortableList = SortableList_1 = class SortableList extends List {
                 }
                 if (this.markedItem)
                     this.markedItem.classList.remove('target-prev', 'target-next');
-                let targetIndex = item.index;
                 if (e.offsetY > item.clientHeight / 2) {
-                    if (this.sortIndex > targetIndex)
-                        targetIndex++;
                     item.classList.add('target-next');
+                    this.drop = 'after';
                 }
                 else {
-                    if (this.sortIndex < targetIndex)
-                        targetIndex--;
                     item.classList.add('target-prev');
+                    this.drop = 'before';
                 }
                 this.markedItem = item;
-                this.targetIndex = Math.max(0, targetIndex);
+                this.targetIndex = item.index;
             }
         };
     }
@@ -94,20 +92,20 @@ let SortableList = SortableList_1 = class SortableList extends List {
         this._sorting = false;
         this.stopAutoscroll();
         this.removeMark();
-        if (this.targetIndex > -1) {
-            if (dispatchEvent) {
-                this.dispatchEvent(new ListSortEvent('sort', {
-                    fromIndex: (SortableList_1.sourceList ? SortableList_1.sourceList : this).sortIndex,
-                    toIndex: this.targetIndex,
-                    sourceList: SortableList_1.sourceList,
-                    targetList: this,
-                    drop: this.markedItem.index > this.targetIndex ? 'before' : 'after'
-                }));
-            }
+        if (this.targetIndex > -1 && dispatchEvent) {
+            this.dispatchEvent(new ListSortEvent('sort', {
+                fromIndex: (SortableList_1.sourceList ? SortableList_1.sourceList : this).sortIndex,
+                toIndex: this.targetIndex,
+                sourceList: SortableList_1.sourceList,
+                targetList: this,
+                drop: this.drop
+            }));
         }
         this.targetIndex = -1;
         this.sortIndex = -1;
         SortableList_1.sourceList = null;
+        if (dispatchEvent)
+            this.dispatchEvent(new ListSortEvent('sortend'));
     }
     startAutoscroll(direction) {
         if (this.autoscrollDirection == direction)

package/dist/ui/sortableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortableList.js","sourceRoot":"","sources":["../../src/ui/sortableList.ts"],"names":[],"mappings":"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","sourcesContent":["import { css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { List, ListItemElement } from './list';\nimport { dom } from '../common';\nimport { Direction } from '../types';\nimport constants from '../constants';\n\nexport interface SortableListItem extends HTMLElement {\n\tmoveHandle?: HTMLElement;\n}\n\nexport class ListSortEvent extends Event {\n\n\treadonly fromIndex: number;\n\treadonly toIndex: number;\n\treadonly sourceList: SortableList;\n\treadonly targetList: SortableList;\n\treadonly drop: 'before'|'after';\n\n\tconstructor(type: string, args: Partial<ListSortEvent>) {\n\t\tsuper(`list.${type}`, {bubbles: true, composed: true});\n\t\tObject.assign(this, args);\n\t}\n\n}\n\n@customElement(`og-sortablelist`)\nexport class SortableList extends List {\n\n\tstatic sourceList: SortableList;\n\tconnectedLists: SortableList[];\n\n\t@property({type: Boolean, reflect: true})\n\tcustomHandle = false;\n\n\tprivate _sorting = false;\n\tget sorting() : boolean { return this._sorting }\n\tget connectedSorting() : boolean { \n\t\treturn this.connectedLists && this.connectedLists.some(list => list.sorting);\n\t}\n\n\tprivate sortIndex = -1;\n\tprivate targetIndex = -1;\n\tprivate markedItem: ListItemElement;\n\tprivate autoscrollTimer: number;\n\tprivate autoscrollDirection: Direction;\n\n\tstatic contentStyles = [...List.contentStyles, css`\n\t\t.item {\n\t\t\tcursor: move !important;\n\t\t}\n\n\t\t:host([customHandle]) .item {\n\t\t\tcursor: default !important;\t\t\t\n\t\t}\n\n\t\t.item.target-prev {\n\t\t\tborder-top: 2px solid var(--og-accent-color);\n\t\t}\n\n\t\t.item.target-next {\n\t\t\tborder-bottom: 2px solid var(--og-accent-color);\n\t\t}\n\t`];\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tstartSorting(item: ListItemElement) {\n\t\tSortableList.sourceList = this;\n\t\tthis._sorting = true;\n\t\tthis.sortIndex = item.index;\n\t\tthis.dispatchEvent(new ListSortEvent('sortstart', {fromIndex: this.sortIndex, sourceList: this}));\n\t\tdocument.body.addEventListener('mouseup', () => this.stopSorting(false), {once: true});\n\t}\n\n\tremoveMark() {\n\t\tthis.markedItem?.classList.remove('target-prev', 'target-next');\n\t}\n\n\tstopSorting(dispatchEvent?: boolean) {\n\t\tthis._sorting = false;\n\t\tthis.stopAutoscroll();\n\t\tthis.removeMark();\n\t\tif (this.targetIndex > -1) {\n\t\t\tif (dispatchEvent) {\n\t\t\t\tthis.dispatchEvent(new ListSortEvent('sort', {\n\t\t\t\t\tfromIndex: (SortableList.sourceList ? SortableList.sourceList : this).sortIndex, \n\t\t\t\t\ttoIndex: this.targetIndex,\n\t\t\t\t\tsourceList: SortableList.sourceList,\n\t\t\t\t\ttargetList: this,\n\t\t\t\t\tdrop: this.markedItem.index > this.targetIndex ? 'before' : 'after'\n\t\t\t\t}));\n\t\t\t}\n\t\t}\n\t\tthis.targetIndex = -1;\n\t\tthis.sortIndex = -1;\n\t\tSortableList.sourceList = null;\n\t}\n\n\tstartAutoscroll(direction: Direction) {\n\t\tif (this.autoscrollDirection == direction) return;\n\t\tthis.autoscrollDirection = direction;\n\t\tthis.autoscrollTimer = window.setInterval(() => {\n\t\t\tif (this.autoscrollDirection == 'down') {\n\t\t\t\tconst offset = Math.min(this.offset + this.itemHeight, this.size * this.itemHeight - this.clientHeight);\n\t\t\t\tif (offset > this.offset) this.scrollToOffset(offset);\n\t\t\t} else {\n\t\t\t\tconst offset = Math.max(0, this.offset - this.itemHeight);\n\t\t\t\tif (offset < this.offset) this.scrollToOffset(offset);\n\t\t\t}\n\t\t}, constants.LIST_AUTOSCROLL_DELAY);\n\t}\n\n\tstopAutoscroll() {\n\t\tif (this.autoscrollTimer != null) {\n\t\t\tclearInterval(this.autoscrollTimer);\n\t\t\tthis.autoscrollTimer = null;\n\t\t\tthis.autoscrollDirection = null;\n\t\t}\n\t}\n\n\t_onMouseDown = (e: MouseEvent) => {\n\t\tconst path = e.composedPath();\n\t\tconst item = path.find((el: HTMLElement) => el.classList && el.classList.contains('item')) as ListItemElement;\n\t\t\n\t\tif (this.customHandle) {\n\t\t\tlet handle = item && (item as SortableListItem).moveHandle;\n\t\t\tif (!handle && item?.firstElementChild) {\n\t\t\t\thandle = (item.firstElementChild as SortableListItem).moveHandle;\n\t\t\t}\n\n\t\t\tif (handle && path.find((el: HTMLElement) => el == handle)) {\n\t\t\t\tthis.startSorting(item);\n\t\t\t}\n\t\t} else if (item) this.startSorting(item);\n\t}\n\n\t_onMouseUp = () => {\n\t\tthis.stopSorting(true);\n\t}\n\n\t_onMouseMove = (e: MouseEvent) => {\n\t\tif (this.sorting || this.connectedSorting) {\n\t\t\tthis.connectedLists?.forEach(list => list.removeMark());\n\n\t\t\tconst item = e.composedPath().find(\n\t\t\t\t(el: HTMLElement) => el.classList && el.classList.contains('item')\n\t\t\t) as ListItemElement;\n\t\t\tif (!(item instanceof HTMLElement)) return;\n\t\t\tconst offset = dom.getElementOffset(item as HTMLElement, this.container);\n\t\t\tconst top = offset.top + e.offsetY;\n\n\t\t\tif (top < constants.LIST_AUTOSCROLL_TRESHOLD) {\n\t\t\t\tthis.startAutoscroll('up');\n\t\t\t} else if (this.container.clientHeight - top < constants.LIST_AUTOSCROLL_TRESHOLD) {\n\t\t\t\tthis.startAutoscroll('down');\n\t\t\t} else {\n\t\t\t\tthis.stopAutoscroll();\n\t\t\t}\n\t\t\t\n\t\t\tif (this.markedItem) this.markedItem.classList.remove('target-prev', 'target-next');\n\n\t\t\tlet targetIndex = item.index;\n\t\t\tif (e.offsetY > item.clientHeight / 2) {\n\t\t\t\tif (this.sortIndex > targetIndex) targetIndex++;\n\t\t\t\titem.classList.add('target-next');\n\t\t\t} else {\n\t\t\t\tif (this.sortIndex < targetIndex) targetIndex--;\n\t\t\t\titem.classList.add('target-prev');\n\t\t\t}\n\n\t\t\tthis.markedItem = item;\n\t\t\tthis.targetIndex = Math.max(0, targetIndex);\n\t\t}\n\t}\n\t\n\tfirstUpdated() {\n\t\tsuper.firstUpdated();\n\t\tthis.container.addEventListener('mousedown', this._onMouseDown);\n\t\tthis.container.addEventListener('mousemove', this._onMouseMove);\n\t\tthis.container.addEventListener('mouseup', this._onMouseUp);\n\t}\n\t\n}"]}
+{"version":3,"file":"sortableList.js","sourceRoot":"","sources":["../../src/ui/sortableList.ts"],"names":[],"mappings":"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","sourcesContent":["import { css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { List, ListItemElement } from './list';\nimport { dom } from '../common';\nimport { Direction } from '../types';\nimport constants from '../constants';\n\nexport interface SortableListItem extends HTMLElement {\n\tmoveHandle?: HTMLElement;\n}\n\nexport class ListSortEvent extends Event {\n\n\treadonly fromIndex: number;\n\treadonly toIndex: number;\n\treadonly sourceList: SortableList;\n\treadonly targetList: SortableList;\n\treadonly drop: 'before'|'after';\n\n\tconstructor(type: string, args?: Partial<ListSortEvent>) {\n\t\tsuper(`list.${type}`, {bubbles: true, composed: true});\n\t\tif (args) Object.assign(this, args);\n\t}\n\n}\n\n@customElement(`og-sortablelist`)\nexport class SortableList extends List {\n\n\tstatic sourceList: SortableList;\n\tconnectedLists: SortableList[];\n\n\t@property({type: Boolean, reflect: true})\n\tcustomHandle = false;\n\n\tprivate _sorting = false;\n\tget sorting() : boolean { return this._sorting }\n\tget connectedSorting() : boolean { \n\t\treturn this.connectedLists && this.connectedLists.some(list => list.sorting);\n\t}\n\n\tprivate sortIndex = -1;\n\tprivate targetIndex = -1;\n\tprivate markedItem: ListItemElement;\n\tprivate drop: 'before'|'after';\n\tprivate autoscrollTimer: number;\n\tprivate autoscrollDirection: Direction;\n\n\tstatic contentStyles = [...List.contentStyles, css`\n\t\t.item {\n\t\t\tcursor: move !important;\n\t\t}\n\n\t\t:host([customHandle]) .item {\n\t\t\tcursor: default !important;\t\t\t\n\t\t}\n\n\t\t.item.target-prev {\n\t\t\tborder-top: 2px solid var(--og-accent-color);\n\t\t}\n\n\t\t.item.target-next {\n\t\t\tborder-bottom: 2px solid var(--og-accent-color);\n\t\t}\n\t`];\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tstartSorting(item: ListItemElement) {\n\t\tSortableList.sourceList = this;\n\t\tthis._sorting = true;\n\t\tthis.sortIndex = item.index;\n\t\tthis.dispatchEvent(new ListSortEvent('sortstart', {fromIndex: this.sortIndex, sourceList: this}));\n\t\tdocument.body.addEventListener('mouseup', () => this.stopSorting(false), {once: true});\n\t}\n\n\tremoveMark() {\n\t\tthis.markedItem?.classList.remove('target-prev', 'target-next');\n\t}\n\n\tstopSorting(dispatchEvent?: boolean) {\n\t\tthis._sorting = false;\n\t\tthis.stopAutoscroll();\n\t\tthis.removeMark();\n\n\t\tif (this.targetIndex > -1 && dispatchEvent) {\n\t\t\tthis.dispatchEvent(new ListSortEvent('sort', {\n\t\t\t\tfromIndex: (SortableList.sourceList ? SortableList.sourceList : this).sortIndex, \n\t\t\t\ttoIndex: this.targetIndex,\n\t\t\t\tsourceList: SortableList.sourceList,\n\t\t\t\ttargetList: this,\n\t\t\t\tdrop: this.drop\n\t\t\t}));\n\t\t}\n\n\t\tthis.targetIndex = -1;\n\t\tthis.sortIndex = -1;\n\t\tSortableList.sourceList = null;\n\n\t\tif (dispatchEvent) this.dispatchEvent(new ListSortEvent('sortend'));\n\t}\n\n\tstartAutoscroll(direction: Direction) {\n\t\tif (this.autoscrollDirection == direction) return;\n\t\tthis.autoscrollDirection = direction;\n\t\tthis.autoscrollTimer = window.setInterval(() => {\n\t\t\tif (this.autoscrollDirection == 'down') {\n\t\t\t\tconst offset = Math.min(this.offset + this.itemHeight, this.size * this.itemHeight - this.clientHeight);\n\t\t\t\tif (offset > this.offset) this.scrollToOffset(offset);\n\t\t\t} else {\n\t\t\t\tconst offset = Math.max(0, this.offset - this.itemHeight);\n\t\t\t\tif (offset < this.offset) this.scrollToOffset(offset);\n\t\t\t}\n\t\t}, constants.LIST_AUTOSCROLL_DELAY);\n\t}\n\n\tstopAutoscroll() {\n\t\tif (this.autoscrollTimer != null) {\n\t\t\tclearInterval(this.autoscrollTimer);\n\t\t\tthis.autoscrollTimer = null;\n\t\t\tthis.autoscrollDirection = null;\n\t\t}\n\t}\n\n\t_onMouseDown = (e: MouseEvent) => {\n\t\tconst path = e.composedPath();\n\t\tconst item = path.find((el: HTMLElement) => el.classList && el.classList.contains('item')) as ListItemElement;\n\t\t\n\t\tif (this.customHandle) {\n\t\t\tlet handle = item && (item as SortableListItem).moveHandle;\n\t\t\tif (!handle && item?.firstElementChild) {\n\t\t\t\thandle = (item.firstElementChild as SortableListItem).moveHandle;\n\t\t\t}\n\n\t\t\tif (handle && path.find((el: HTMLElement) => el == handle)) {\n\t\t\t\tthis.startSorting(item);\n\t\t\t}\n\t\t} else if (item) this.startSorting(item);\n\t}\n\n\t_onMouseUp = () => {\n\t\tthis.stopSorting(true);\n\t}\n\n\t_onMouseMove = (e: MouseEvent) => {\n\t\tif (this.sorting || this.connectedSorting) {\n\t\t\tthis.connectedLists?.forEach(list => list.removeMark());\n\n\t\t\tconst item = e.composedPath().find(\n\t\t\t\t(el: HTMLElement) => el.classList && el.classList.contains('item')\n\t\t\t) as ListItemElement;\n\t\t\tif (!(item instanceof HTMLElement)) return;\n\t\t\tconst offset = dom.getElementOffset(item as HTMLElement, this.container);\n\t\t\tconst top = offset.top + e.offsetY;\n\n\t\t\tif (top < constants.LIST_AUTOSCROLL_TRESHOLD) {\n\t\t\t\tthis.startAutoscroll('up');\n\t\t\t} else if (this.container.clientHeight - top < constants.LIST_AUTOSCROLL_TRESHOLD) {\n\t\t\t\tthis.startAutoscroll('down');\n\t\t\t} else {\n\t\t\t\tthis.stopAutoscroll();\n\t\t\t}\n\t\t\t\n\t\t\tif (this.markedItem) this.markedItem.classList.remove('target-prev', 'target-next');\n\n\t\t\tif (e.offsetY > item.clientHeight / 2) {\n\t\t\t\titem.classList.add('target-next');\n\t\t\t\tthis.drop = 'after';\n\t\t\t} else {\n\t\t\t\titem.classList.add('target-prev');\n\t\t\t\tthis.drop = 'before';\n\t\t\t}\n\n\t\t\tthis.markedItem = item;\n\t\t\tthis.targetIndex = item.index;\n\t\t}\n\t}\n\t\n\tfirstUpdated() {\n\t\tsuper.firstUpdated();\n\t\tthis.container.addEventListener('mousedown', this._onMouseDown);\n\t\tthis.container.addEventListener('mousemove', this._onMouseMove);\n\t\tthis.container.addEventListener('mouseup', this._onMouseUp);\n\t}\n\t\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/core",
-  "version": "0.6.89",
+  "version": "0.6.91",
   "license": "UNLICENSED",
   "description": "Core components",
   "main": "./dist/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "6.4.2",
-    "@omegagrid/localize": "^0.6.89",
+    "@omegagrid/localize": "^0.6.91",
     "@riovir/wc-fontawesome": "^0.1.9",
     "color": "^4.2.3",
     "date-fns": "^3.2.0",