@maggioli-design-system/mds-table-row 4.8.1 → 5.0.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 (83) hide show
  1. package/dist/cjs/{index-19c36c53.js → index-41069a63.js} +41 -71
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/mds-table-row.cjs.entry.js +896 -8
  4. package/dist/cjs/mds-table-row.cjs.js +2 -2
  5. package/dist/collection/common/slot.js +13 -0
  6. package/dist/collection/components/mds-table-row/mds-table-row.css +31 -16
  7. package/dist/collection/components/mds-table-row/mds-table-row.js +111 -21
  8. package/dist/collection/dictionary/animation.js +5 -0
  9. package/dist/collection/dictionary/file-extensions.js +6 -59
  10. package/dist/collection/fixtures/filenames.js +62 -1
  11. package/dist/collection/type/animation.js +1 -0
  12. package/dist/collection/type/variant-file-format.js +5 -0
  13. package/dist/components/mds-table-row.js +903 -10
  14. package/dist/documentation.json +108 -13
  15. package/dist/esm/{index-a948f479.js → index-b3683315.js} +41 -71
  16. package/dist/esm/loader.js +3 -3
  17. package/dist/esm/mds-table-row.entry.js +896 -8
  18. package/dist/esm/mds-table-row.js +3 -3
  19. package/dist/esm-es5/index-b3683315.js +1 -0
  20. package/dist/esm-es5/loader.js +1 -1
  21. package/dist/esm-es5/mds-table-row.entry.js +6 -1
  22. package/dist/esm-es5/mds-table-row.js +1 -1
  23. package/dist/mds-table-row/mds-table-row.esm.js +1 -1
  24. package/dist/mds-table-row/mds-table-row.js +1 -1
  25. package/dist/mds-table-row/p-6e0586ed.system.entry.js +6 -0
  26. package/dist/mds-table-row/p-883b6082.entry.js +6 -0
  27. package/dist/mds-table-row/p-94f5e1a3.system.js +2 -0
  28. package/dist/mds-table-row/p-953317ff.js +2 -0
  29. package/dist/mds-table-row/p-ca6821e0.system.js +1 -0
  30. package/dist/stats.json +234 -67
  31. package/dist/types/common/slot.d.ts +2 -0
  32. package/dist/types/components/mds-table-row/mds-table-row.d.ts +9 -3
  33. package/dist/types/components.d.ts +8 -1
  34. package/dist/types/dictionary/animation.d.ts +2 -0
  35. package/dist/types/fixtures/filenames.d.ts +62 -1
  36. package/dist/types/type/animation.d.ts +1 -0
  37. package/dist/types/type/file-types.d.ts +1 -1
  38. package/dist/types/type/variant-file-format.d.ts +1 -1
  39. package/documentation.json +132 -21
  40. package/package.json +2 -2
  41. package/readme.md +24 -4
  42. package/src/common/slot.ts +15 -0
  43. package/src/components/mds-table-row/css/mds-table-row-actions.css +10 -3
  44. package/src/components/mds-table-row/css/mds-table-row-interactive.css +6 -0
  45. package/src/components/mds-table-row/css/mds-table-row-selected.css +5 -0
  46. package/src/components/mds-table-row/css/mds-table-row-sorted.css +11 -0
  47. package/src/components/mds-table-row/mds-table-row.css +11 -26
  48. package/src/components/mds-table-row/mds-table-row.tsx +38 -9
  49. package/src/components/mds-table-row/meta/locale.el.json +4 -0
  50. package/src/components/mds-table-row/meta/locale.en.json +4 -0
  51. package/src/components/mds-table-row/meta/locale.es.json +4 -0
  52. package/src/components/mds-table-row/meta/locale.it.json +4 -0
  53. package/src/components/mds-table-row/readme.md +20 -4
  54. package/src/components.d.ts +8 -1
  55. package/src/dictionary/animation.ts +8 -0
  56. package/src/dictionary/file-extensions.ts +6 -60
  57. package/src/fixtures/filenames.ts +63 -0
  58. package/src/fixtures/icons.json +1 -0
  59. package/src/meta/file-format/locale.el.json +26 -21
  60. package/src/meta/file-format/locale.en.json +26 -21
  61. package/src/meta/file-format/locale.es.json +26 -21
  62. package/src/meta/file-format/locale.it.json +26 -21
  63. package/src/type/animation.ts +3 -0
  64. package/src/type/file-types.ts +6 -0
  65. package/src/type/variant-file-format.ts +6 -0
  66. package/www/build/mds-table-row.esm.js +1 -1
  67. package/www/build/mds-table-row.js +1 -1
  68. package/www/build/p-6e0586ed.system.entry.js +6 -0
  69. package/www/build/p-883b6082.entry.js +6 -0
  70. package/www/build/p-94f5e1a3.system.js +2 -0
  71. package/www/build/p-953317ff.js +2 -0
  72. package/www/build/p-ca6821e0.system.js +1 -0
  73. package/dist/esm-es5/index-a948f479.js +0 -1
  74. package/dist/mds-table-row/p-5ab8c209.system.entry.js +0 -1
  75. package/dist/mds-table-row/p-98955251.system.js +0 -1
  76. package/dist/mds-table-row/p-bfa177c6.system.js +0 -2
  77. package/dist/mds-table-row/p-d906e5c7.entry.js +0 -1
  78. package/dist/mds-table-row/p-faec61cc.js +0 -2
  79. package/www/build/p-5ab8c209.system.entry.js +0 -1
  80. package/www/build/p-98955251.system.js +0 -1
  81. package/www/build/p-bfa177c6.system.js +0 -2
  82. package/www/build/p-d906e5c7.entry.js +0 -1
  83. package/www/build/p-faec61cc.js +0 -2
@@ -21,7 +21,7 @@ function _interopNamespace(e) {
21
21
  }
22
22
 
23
23
  const NAMESPACE = 'mds-table-row';
24
- const BUILD = /* mds-table-row */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: false, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
24
+ const BUILD = /* mds-table-row */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: false, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
25
25
 
26
26
  /*
27
27
  Stencil Client Platform v4.22.2 | MIT Licensed | https://stenciljs.com
@@ -41,6 +41,9 @@ var registerHost = (hostElement, cmpMeta) => {
41
41
  $cmpMeta$: cmpMeta,
42
42
  $instanceValues$: /* @__PURE__ */ new Map()
43
43
  };
44
+ {
45
+ hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
46
+ }
44
47
  {
45
48
  hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
46
49
  hostElement["s-p"] = [];
@@ -106,22 +109,6 @@ var plt = {
106
109
  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
107
110
  ce: (eventName, opts) => new CustomEvent(eventName, opts)
108
111
  };
109
- var supportsListenerOptions = /* @__PURE__ */ (() => {
110
- let supportsListenerOptions2 = false;
111
- try {
112
- doc.addEventListener(
113
- "e",
114
- null,
115
- Object.defineProperty({}, "passive", {
116
- get() {
117
- supportsListenerOptions2 = true;
118
- }
119
- })
120
- );
121
- } catch (e) {
122
- }
123
- return supportsListenerOptions2;
124
- })();
125
112
  var promiseResolve = (v) => Promise.resolve(v);
126
113
  var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
127
114
  try {
@@ -417,7 +404,7 @@ var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
417
404
  var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
418
405
  if (oldValue !== newValue) {
419
406
  let isProp = isMemberInElement(elm, memberName);
420
- memberName.toLowerCase();
407
+ let ln = memberName.toLowerCase();
421
408
  if (memberName === "class") {
422
409
  const classList = elm.classList;
423
410
  const oldClasses = parseClassList(oldValue);
@@ -445,7 +432,25 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
445
432
  }
446
433
  }
447
434
  }
448
- } else if (memberName === "key") ; else {
435
+ } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
436
+ if (memberName[2] === "-") {
437
+ memberName = memberName.slice(3);
438
+ } else if (isMemberInElement(win, ln)) {
439
+ memberName = ln.slice(2);
440
+ } else {
441
+ memberName = ln[2] + memberName.slice(3);
442
+ }
443
+ if (oldValue || newValue) {
444
+ const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
445
+ memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
446
+ if (oldValue) {
447
+ plt.rel(elm, memberName, oldValue, capture);
448
+ }
449
+ if (newValue) {
450
+ plt.ael(elm, memberName, newValue, capture);
451
+ }
452
+ }
453
+ } else {
449
454
  const isComplex = isComplexType(newValue);
450
455
  if ((isProp || isComplex && newValue !== null) && !isSvg) {
451
456
  try {
@@ -483,6 +488,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
483
488
  };
484
489
  var parseClassListRegex = /\s/;
485
490
  var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
491
+ var CAPTURE_EVENT_SUFFIX = "Capture";
492
+ var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
486
493
 
487
494
  // src/runtime/vdom/update-element.ts
488
495
  var updateElement = (oldVnode, newVnode, isSvgMode2) => {
@@ -758,13 +765,6 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
758
765
  }
759
766
  let maybePromise;
760
767
  if (isInitialLoad) {
761
- {
762
- hostRef.$flags$ |= 256 /* isListenReady */;
763
- if (hostRef.$queuedListeners$) {
764
- hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
765
- hostRef.$queuedListeners$ = void 0;
766
- }
767
- }
768
768
  {
769
769
  maybePromise = safeCall(instance, "componentWillLoad");
770
770
  }
@@ -852,6 +852,9 @@ var postUpdateComponent = (hostRef) => {
852
852
  } else {
853
853
  endPostUpdate();
854
854
  }
855
+ {
856
+ hostRef.$onInstanceResolve$(elm);
857
+ }
855
858
  {
856
859
  if (hostRef.$onRenderResolve$) {
857
860
  hostRef.$onRenderResolve$();
@@ -927,6 +930,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
927
930
  configurable: true,
928
931
  enumerable: true
929
932
  });
933
+ } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
934
+ Object.defineProperty(prototype, memberName, {
935
+ value(...args) {
936
+ var _a2;
937
+ const ref = getHostRef(this);
938
+ return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
939
+ var _a3;
940
+ return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
941
+ });
942
+ }
943
+ });
930
944
  }
931
945
  });
932
946
  if ((flags & 1 /* isElementConstructor */)) {
@@ -1071,7 +1085,6 @@ var connectedCallback = (elm) => {
1071
1085
  initializeComponent(elm, hostRef, cmpMeta);
1072
1086
  }
1073
1087
  } else {
1074
- addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
1075
1088
  if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1076
1089
  hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
1077
1090
  }
@@ -1084,12 +1097,6 @@ var disconnectInstance = (instance) => {
1084
1097
  var disconnectedCallback = async (elm) => {
1085
1098
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1086
1099
  const hostRef = getHostRef(elm);
1087
- {
1088
- if (hostRef.$rmListeners$) {
1089
- hostRef.$rmListeners$.map((rmListener) => rmListener());
1090
- hostRef.$rmListeners$ = void 0;
1091
- }
1092
- }
1093
1100
  if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1094
1101
  hostRef.$onReadyPromise$.then(() => disconnectInstance());
1095
1102
  }
@@ -1126,9 +1133,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1126
1133
  {
1127
1134
  cmpMeta.$members$ = compactMeta[2];
1128
1135
  }
1129
- {
1130
- cmpMeta.$listeners$ = compactMeta[3];
1131
- }
1132
1136
  {
1133
1137
  cmpMeta.$attrsToReflect$ = [];
1134
1138
  }
@@ -1157,10 +1161,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1157
1161
  }
1158
1162
  }
1159
1163
  connectedCallback() {
1160
- const hostRef = getHostRef(this);
1164
+ getHostRef(this);
1161
1165
  if (!this.hasRegisteredEventListeners) {
1162
1166
  this.hasRegisteredEventListeners = true;
1163
- addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
1164
1167
  }
1165
1168
  if (appLoadFallback) {
1166
1169
  clearTimeout(appLoadFallback);
@@ -1215,39 +1218,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1215
1218
  }
1216
1219
  endBootstrap();
1217
1220
  };
1218
- var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
1219
- if (listeners) {
1220
- listeners.map(([flags, name, method]) => {
1221
- const target = getHostListenerTarget(elm, flags) ;
1222
- const handler = hostListenerProxy(hostRef, method);
1223
- const opts = hostListenerOpts(flags);
1224
- plt.ael(target, name, handler, opts);
1225
- (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
1226
- });
1227
- }
1228
- };
1229
- var hostListenerProxy = (hostRef, methodName) => (ev) => {
1230
- var _a;
1231
- try {
1232
- {
1233
- if (hostRef.$flags$ & 256 /* isListenReady */) {
1234
- (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
1235
- } else {
1236
- (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
1237
- }
1238
- }
1239
- } catch (e) {
1240
- consoleError(e);
1241
- }
1242
- };
1243
- var getHostListenerTarget = (elm, flags) => {
1244
- if (flags & 4 /* TargetDocument */) return doc;
1245
- return elm;
1246
- };
1247
- var hostListenerOpts = (flags) => supportsListenerOptions ? {
1248
- passive: (flags & 1 /* Passive */) !== 0,
1249
- capture: (flags & 2 /* Capture */) !== 0
1250
- } : (flags & 2 /* Capture */) !== 0;
1251
1221
 
1252
1222
  // src/runtime/nonce.ts
1253
1223
  var setNonce = (nonce) => plt.$nonce$ = nonce;
@@ -2,13 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-19c36c53.js');
5
+ const index = require('./index-41069a63.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[1540],"overlayActions":[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
11
+ return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"language":[32],"updateLang":[64]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;