@threadlabs/looma 0.26.18 → 0.26.19

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 (10) hide show
  1. package/components/ui-editor-table-overlay/ui-editor-table-overlay.html +2 -0
  2. package/components/ui-editor-table-overlay/ui-editor-table-overlay.js +1 -1
  3. package/components/ui-editor-table-toolbar/ui-editor-table-toolbar.js +26 -3
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
  6. package/vanilla/UiEditorTableOverlay.js +1 -1
  7. package/vue/UiEditorTableOverlay.vue +30 -24
  8. package/vue/chunks/UiEditorTableOverlay.js +135 -123
  9. package/vue/components.css +74 -59
  10. package/vue/editor/index.js +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@threadlabs/looma",
3
- "version": "0.26.18",
3
+ "version": "0.26.19",
4
4
  "type": "module",
5
5
  "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
6
6
  "license": "MIT",
package/vanilla/UiEditorTableOverlay.js CHANGED
@@ -10,7 +10,7 @@ const T3 = ["",[],["button",["type","button","class","selector row","data-action
10
10
  const T4 = ["button",["type","button","class","cell-menu","data-action","open-cell-menu","title","Cell actions","aria-label","Cell actions"],["ui-icon",["name","chevron-down"]]];
11
11
  let P0, P1, P2, P3, P4;
12
12
  const E = new Map();
13
- const S = { n: ["rows","cols","hovered","active","activeKey"], t: [["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat),false],"action",["p",formatOf(keywordFormat),false],"label","s"]]],["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat),false],"action",["p",formatOf(keywordFormat),false],"label","s"]]],["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","rowOffset","s","columnOffset","s"]],["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","menuLeft","s","menuTop","s"]],"s"], f: import.meta.url, g: "ui-editor-table-overlay", d: { "add-row-before": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-row-after": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-column-before": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-column-after": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "select-row": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false)), true, true, false], "select-column": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false)), true, true, false], "reorder-row": [detailCheck(checkObject([["fromIndex", checkInteger, false], ["toIndex", checkInteger, false]], false)), true, true, false], "reorder-column": [detailCheck(checkObject([["fromIndex", checkInteger, false], ["toIndex", checkInteger, false]], false)), true, true, false], "open-cell-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false], "open-row-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false], "open-column-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false] }, x: dispatchDeclared };
13
+ const S = { n: ["rows","cols","hovered","active","activeKey"], t: [["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat),false],"action",["p",formatOf(keywordFormat),false],"label","s"]]],["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat),false],"action",["p",formatOf(keywordFormat),false],"label","s"]]],["u",["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","rowOffset","s","columnOffset","s"]],"z"],["u",["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","menuLeft","s","menuTop","s"]],"z"],"s"], f: import.meta.url, g: "ui-editor-table-overlay", d: { "add-row-before": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-row-after": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-column-before": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-column-after": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "select-row": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false)), true, true, false], "select-column": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false)), true, true, false], "reorder-row": [detailCheck(checkObject([["fromIndex", checkInteger, false], ["toIndex", checkInteger, false]], false)), true, true, false], "reorder-column": [detailCheck(checkObject([["fromIndex", checkInteger, false], ["toIndex", checkInteger, false]], false)), true, true, false], "open-cell-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false], "open-row-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false], "open-column-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false] }, x: dispatchDeclared };
14
14
  const D = { props: { "geometry": { "required":false, c: checkObject([["rowBoundaries", checkList(checkNumber), false], ["columnBoundaries", checkList(checkNumber), false], ["activeCell", checkUnion([checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["width", checkNumber, false], ["height", checkNumber, false], ["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false), checkNull], "object({ left: number, top: number, width: number, height: number, rowIndex: integer, columnIndex: integer }) | null"), false], ["hoveredCell", checkUnion([checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["width", checkNumber, false], ["height", checkNumber, false], ["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false), checkNull], "object({ left: number, top: number, width: number, height: number, rowIndex: integer, columnIndex: integer }) | null"), true]], false), j: 1, m: ["o",["rowBoundaries",["l","n"],"columnBoundaries",["l","n"],"activeCell",["u",["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i"]],"z"],"hoveredCell",["u",["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i"]],"z"]]] }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
15
15
  const C = (host) => controller.default(host);
16
16
 
package/vue/UiEditorTableOverlay.vue CHANGED
@@ -658,32 +658,38 @@ useComponentHost(() => import('../components/ui-editor-table-overlay/ui-editor-t
658
658
  },
659
659
  },
660
660
  hovered: {
661
- kind: 'object',
662
- fields: [
663
- { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
664
- { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
665
- { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
666
- { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
667
- { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
668
- { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
669
- { name: 'rowOffset', type: { kind: 'terminal', name: 'string' }, optional: false },
670
- { name: 'columnOffset', type: { kind: 'terminal', name: 'string' }, optional: false },
671
- ],
672
- open: false,
661
+ kind: 'union',
662
+ members: [{
663
+ kind: 'object',
664
+ fields: [
665
+ { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
666
+ { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
667
+ { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
668
+ { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
669
+ { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
670
+ { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
671
+ { name: 'rowOffset', type: { kind: 'terminal', name: 'string' }, optional: false },
672
+ { name: 'columnOffset', type: { kind: 'terminal', name: 'string' }, optional: false },
673
+ ],
674
+ open: false,
675
+ }, { kind: 'terminal', name: 'null' }],
673
676
  },
674
677
  active: {
675
- kind: 'object',
676
- fields: [
677
- { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
678
- { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
679
- { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
680
- { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
681
- { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
682
- { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
683
- { name: 'menuLeft', type: { kind: 'terminal', name: 'string' }, optional: false },
684
- { name: 'menuTop', type: { kind: 'terminal', name: 'string' }, optional: false },
685
- ],
686
- open: false,
678
+ kind: 'union',
679
+ members: [{
680
+ kind: 'object',
681
+ fields: [
682
+ { name: 'left', type: { kind: 'terminal', name: 'number' }, optional: false },
683
+ { name: 'top', type: { kind: 'terminal', name: 'number' }, optional: false },
684
+ { name: 'width', type: { kind: 'terminal', name: 'number' }, optional: false },
685
+ { name: 'height', type: { kind: 'terminal', name: 'number' }, optional: false },
686
+ { name: 'rowIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
687
+ { name: 'columnIndex', type: { kind: 'terminal', name: 'integer' }, optional: false },
688
+ { name: 'menuLeft', type: { kind: 'terminal', name: 'string' }, optional: false },
689
+ { name: 'menuTop', type: { kind: 'terminal', name: 'string' }, optional: false },
690
+ ],
691
+ open: false,
692
+ }, { kind: 'terminal', name: 'null' }],
687
693
  },
688
694
  activeKey: { kind: 'terminal', name: 'string' },
689
695
  } as Record<string, any>)[name],
package/vue/chunks/UiEditorTableOverlay.js CHANGED
@@ -697,144 +697,156 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
697
697
  }
698
698
  },
699
699
  hovered: {
700
- kind: "object",
701
- fields: [
702
- {
703
- name: "left",
704
- type: {
705
- kind: "terminal",
706
- name: "number"
707
- },
708
- optional: false
709
- },
710
- {
711
- name: "top",
712
- type: {
713
- kind: "terminal",
714
- name: "number"
700
+ kind: "union",
701
+ members: [{
702
+ kind: "object",
703
+ fields: [
704
+ {
705
+ name: "left",
706
+ type: {
707
+ kind: "terminal",
708
+ name: "number"
709
+ },
710
+ optional: false
715
711
  },
716
- optional: false
717
- },
718
- {
719
- name: "width",
720
- type: {
721
- kind: "terminal",
722
- name: "number"
712
+ {
713
+ name: "top",
714
+ type: {
715
+ kind: "terminal",
716
+ name: "number"
717
+ },
718
+ optional: false
723
719
  },
724
- optional: false
725
- },
726
- {
727
- name: "height",
728
- type: {
729
- kind: "terminal",
730
- name: "number"
720
+ {
721
+ name: "width",
722
+ type: {
723
+ kind: "terminal",
724
+ name: "number"
725
+ },
726
+ optional: false
731
727
  },
732
- optional: false
733
- },
734
- {
735
- name: "rowIndex",
736
- type: {
737
- kind: "terminal",
738
- name: "integer"
728
+ {
729
+ name: "height",
730
+ type: {
731
+ kind: "terminal",
732
+ name: "number"
733
+ },
734
+ optional: false
739
735
  },
740
- optional: false
741
- },
742
- {
743
- name: "columnIndex",
744
- type: {
745
- kind: "terminal",
746
- name: "integer"
736
+ {
737
+ name: "rowIndex",
738
+ type: {
739
+ kind: "terminal",
740
+ name: "integer"
741
+ },
742
+ optional: false
747
743
  },
748
- optional: false
749
- },
750
- {
751
- name: "rowOffset",
752
- type: {
753
- kind: "terminal",
754
- name: "string"
744
+ {
745
+ name: "columnIndex",
746
+ type: {
747
+ kind: "terminal",
748
+ name: "integer"
749
+ },
750
+ optional: false
755
751
  },
756
- optional: false
757
- },
758
- {
759
- name: "columnOffset",
760
- type: {
761
- kind: "terminal",
762
- name: "string"
752
+ {
753
+ name: "rowOffset",
754
+ type: {
755
+ kind: "terminal",
756
+ name: "string"
757
+ },
758
+ optional: false
763
759
  },
764
- optional: false
765
- }
766
- ],
767
- open: false
760
+ {
761
+ name: "columnOffset",
762
+ type: {
763
+ kind: "terminal",
764
+ name: "string"
765
+ },
766
+ optional: false
767
+ }
768
+ ],
769
+ open: false
770
+ }, {
771
+ kind: "terminal",
772
+ name: "null"
773
+ }]
768
774
  },
769
775
  active: {
770
- kind: "object",
771
- fields: [
772
- {
773
- name: "left",
774
- type: {
775
- kind: "terminal",
776
- name: "number"
777
- },
778
- optional: false
779
- },
780
- {
781
- name: "top",
782
- type: {
783
- kind: "terminal",
784
- name: "number"
776
+ kind: "union",
777
+ members: [{
778
+ kind: "object",
779
+ fields: [
780
+ {
781
+ name: "left",
782
+ type: {
783
+ kind: "terminal",
784
+ name: "number"
785
+ },
786
+ optional: false
785
787
  },
786
- optional: false
787
- },
788
- {
789
- name: "width",
790
- type: {
791
- kind: "terminal",
792
- name: "number"
788
+ {
789
+ name: "top",
790
+ type: {
791
+ kind: "terminal",
792
+ name: "number"
793
+ },
794
+ optional: false
793
795
  },
794
- optional: false
795
- },
796
- {
797
- name: "height",
798
- type: {
799
- kind: "terminal",
800
- name: "number"
796
+ {
797
+ name: "width",
798
+ type: {
799
+ kind: "terminal",
800
+ name: "number"
801
+ },
802
+ optional: false
801
803
  },
802
- optional: false
803
- },
804
- {
805
- name: "rowIndex",
806
- type: {
807
- kind: "terminal",
808
- name: "integer"
804
+ {
805
+ name: "height",
806
+ type: {
807
+ kind: "terminal",
808
+ name: "number"
809
+ },
810
+ optional: false
809
811
  },
810
- optional: false
811
- },
812
- {
813
- name: "columnIndex",
814
- type: {
815
- kind: "terminal",
816
- name: "integer"
812
+ {
813
+ name: "rowIndex",
814
+ type: {
815
+ kind: "terminal",
816
+ name: "integer"
817
+ },
818
+ optional: false
817
819
  },
818
- optional: false
819
- },
820
- {
821
- name: "menuLeft",
822
- type: {
823
- kind: "terminal",
824
- name: "string"
820
+ {
821
+ name: "columnIndex",
822
+ type: {
823
+ kind: "terminal",
824
+ name: "integer"
825
+ },
826
+ optional: false
825
827
  },
826
- optional: false
827
- },
828
- {
829
- name: "menuTop",
830
- type: {
831
- kind: "terminal",
832
- name: "string"
828
+ {
829
+ name: "menuLeft",
830
+ type: {
831
+ kind: "terminal",
832
+ name: "string"
833
+ },
834
+ optional: false
833
835
  },
834
- optional: false
835
- }
836
- ],
837
- open: false
836
+ {
837
+ name: "menuTop",
838
+ type: {
839
+ kind: "terminal",
840
+ name: "string"
841
+ },
842
+ optional: false
843
+ }
844
+ ],
845
+ open: false
846
+ }, {
847
+ kind: "terminal",
848
+ name: "null"
849
+ }]
838
850
  },
839
851
  activeKey: {
840
852
  kind: "terminal",
@@ -1005,6 +1017,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
1005
1017
  }]]);
1006
1018
  };
1007
1019
  }
1008
- }), [["__scopeId", "data-v-57feae5c"]]);
1020
+ }), [["__scopeId", "data-v-0e632fe0"]]);
1009
1021
  //#endregion
1010
1022
  export { UiEditorTableOverlay_default as t };