@maggioli-design-system/mds-table-row 5.0.0 → 5.1.0

package/dist/collection/common/floating-controller.js

@@ -0,0 +1,180 @@
+import { arrow, autoPlacement, autoUpdate, computePosition, flip, offset, shift, } from "@floating-ui/dom";
+import { cssDurationToMilliseconds } from "./unit";
+import { setAttributeIfEmpty } from "./aria";
+export class FloatingController {
+    constructor(host, arrowEl) {
+        this.arrowInset = (middleware, arrowPosition) => {
+            const { arrow } = middleware;
+            const inset = { bottom: '', left: '', right: '', top: '' };
+            if (arrow === undefined) {
+                return {};
+            }
+            switch (arrowPosition) {
+                case 'bottom':
+                    inset.left = arrow.x !== null ? `${arrow.x}px` : '';
+                    inset.top = '100%';
+                    break;
+                case 'left':
+                    inset.right = '100%';
+                    inset.top = arrow.y !== null ? `${arrow.y}px` : '';
+                    break;
+                case 'right':
+                    inset.left = '100%';
+                    inset.top = arrow.y !== null ? `${arrow.y}px` : '';
+                    break;
+                case 'top':
+                    inset.left = arrow.x !== null ? `${arrow.x}px` : '';
+                    inset.top = '';
+                    break;
+                default:
+                    break;
+            }
+            return inset;
+        };
+        this.arrowTransform = (arrowPosition) => {
+            let transformProps = this._host.arrow && this._host.visible ? 'scale(1)' : 'scale(0)';
+            switch (arrowPosition) {
+                case 'bottom':
+                    transformProps = `rotate(180deg) ${transformProps} translate(0, -100%)`;
+                    break;
+                case 'left':
+                    transformProps = `rotate(-90deg) ${transformProps} translate(50%, -50%)`;
+                    break;
+                case 'right':
+                    transformProps = `rotate(90deg) ${transformProps} translate(-50%, -50%)`;
+                    break;
+                case 'top':
+                    transformProps = `rotate(0deg) ${transformProps} translate(0, 0)`;
+                    break;
+                default:
+                    break;
+            }
+            return { transform: transformProps };
+        };
+        this.arrowTransformOrigin = (arrowPosition) => {
+            switch (arrowPosition) {
+                case 'bottom':
+                    return { transformOrigin: 'center top' };
+                case 'left':
+                    return { transformOrigin: 'right center' };
+                case 'right':
+                    return { transformOrigin: 'left center' };
+                case 'top':
+                    return { transformOrigin: 'center bottom' };
+                default:
+                    return { transformOrigin: 'center top' };
+            }
+        };
+        this.calculatePosition = () => {
+            if (!this._caller)
+                return;
+            const middleware = new Array();
+            const config = {};
+            if (this._host.shiftPadding) {
+                config.padding = this._host.shiftPadding;
+            }
+            if (this._host.autoPlacement) {
+                middleware.push(autoPlacement());
+            }
+            if (this._host.offset) {
+                middleware.push(offset(this._host.offset));
+            }
+            if (!this._host.autoPlacement && this._host.flip) {
+                middleware.push(flip(config));
+            }
+            if (this._host.shift) {
+                middleware.push(shift(config));
+            }
+            if (this.arrowEl && this._host.arrow) {
+                middleware.push(arrow({
+                    element: this.arrowEl,
+                    padding: this._host.arrowPadding,
+                }));
+            }
+            computePosition(this._caller, this._host, {
+                middleware,
+                placement: this._host.placement,
+                strategy: this._host.strategy,
+            }).then(({ x, y, placement, middlewareData }) => {
+                Object.assign(this._host.style, {
+                    left: `${x}px`,
+                    top: `${y}px`,
+                });
+                const arrowStyle = {};
+                const arrowPosition = {
+                    top: 'bottom',
+                    right: 'left',
+                    bottom: 'top',
+                    left: 'right',
+                }[placement.split('-')[0]];
+                if (arrowPosition && this.arrowEl) {
+                    Object.assign(arrowStyle, this.arrowTransform(arrowPosition));
+                    Object.assign(arrowStyle, this.arrowInset(middlewareData, arrowPosition));
+                    Object.assign(arrowStyle, this.arrowTransformOrigin(arrowPosition));
+                    Object.assign(this.arrowEl.style, arrowStyle);
+                }
+            });
+        };
+        this._host = host;
+        this.arrowEl = arrowEl;
+    }
+    updateCaller(target) {
+        var _a, _b, _c;
+        // search caller in document or rootNode of host (if target is in shadowDOM)
+        const caller = (_c = (_b = (_a = this._host.parentElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(target)) !== null && _c !== void 0 ? _c : this._host.getRootNode().querySelector(target);
+        if (!caller) {
+            throw Error(`Target not found: ${target}`);
+        }
+        this._caller = caller;
+        setAttributeIfEmpty(this._caller, 'aria-haspopup', 'true');
+        setAttributeIfEmpty(this._caller, 'aria-controls', target);
+        setAttributeIfEmpty(this._host, 'role', 'menu');
+        setAttributeIfEmpty(this._host, 'aria-labelledby', target);
+        return caller;
+    }
+    updatePosition() {
+        if (this.cleanupAutoUpdate)
+            this.cleanupAutoUpdate();
+        this.cleanupAutoUpdate = autoUpdate(this._caller, this._host, this.calculatePosition);
+    }
+    dismiss() {
+        this.cleanupAutoUpdate();
+    }
+}
+export class Backdrop {
+    constructor(backdropId) {
+        this.defaultBackdropId = 'mds-backdrop';
+        this.backdropBackgroundVisible = 'rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))';
+        this.backdropBackgroundHidden = 'rgba(var(--magma-backdrop-color, 0 0 0) / 0)';
+        this.backdropId = backdropId !== null && backdropId !== void 0 ? backdropId : this.defaultBackdropId;
+        this.cssBackdropZIndex = `var(--${this.backdropId}-z-index)`;
+        this.cssBackdropDuration = `var(--${this.backdropId}-duration)`;
+    }
+    attachBackdrop() {
+        if (!this.backdropEl) {
+            this.backdropEl = document.createElement('div');
+            this.backdropEl.className = this.backdropId;
+            this.backdropEl.style.inset = '0';
+            this.backdropEl.style.pointerEvents = 'none';
+            this.backdropEl.style.position = 'fixed';
+            this.backdropEl.style.transition = `background-color ${this.cssBackdropDuration} ease-out`;
+            this.backdropEl.style.zIndex = this.cssBackdropZIndex;
+        }
+        this.backdropEl.style.backgroundColor = this.backdropBackgroundHidden;
+        document.body.appendChild(this.backdropEl);
+        clearTimeout(this.backdropTimer);
+        this.backdropTimer = setTimeout(() => {
+            this.backdropEl.style.backgroundColor = this.backdropBackgroundVisible;
+        }, 1);
+    }
+    detachBackdrop() {
+        if (!this.backdropEl) {
+            return;
+        }
+        this.backdropEl.style.backgroundColor = 'transparent';
+        clearTimeout(this.backdropTimer);
+        this.backdropTimer = setTimeout(() => {
+            this.backdropEl.remove();
+        }, cssDurationToMilliseconds(this.cssBackdropDuration));
+    }
+}

package/dist/collection/common/slot.js

@@ -1,13 +1,28 @@
 const hasSlottedElements = (el, name) => {
     var _a;
-    let query = 'slot';
-    if (name) {
-        query = `slot[name=${name}]`;
+    const query = name ? `slot[name="${name}"]` : 'slot:not([name])';
+    const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
+    if (slot) {
+        return slot.assignedElements({ flatten: true }).length > 0;
     }
+    return false;
+};
+const hasSlottedNodes = (el, name) => {
+    var _a;
+    const query = name ? `slot[name="${name}"]` : 'slot:not([name])';
     const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
     if (slot) {
         return slot.assignedNodes().length > 0;
     }
     return false;
 };
-export { hasSlottedElements, };
+const hasSlotted = (el, name) => {
+    var _a;
+    const query = name ? `slot[name="${name}"]` : 'slot:not([name])';
+    const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
+    if (slot) {
+        return slot.assignedNodes().length > 0 || slot.assignedElements().length > 0;
+    }
+    return false;
+};
+export { hasSlottedElements, hasSlottedNodes, hasSlotted, };

package/dist/collection/components/mds-table-row/mds-table-row.css

@@ -65,10 +65,13 @@
 
   align-items: center;
   background-color: var(--mds-table-row-actions-background);
+  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);
+  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);
   display: inline-flex;
   gap: var(--mds-table-row-actions-gap);
   inset: 0;
   margin-right: 100%;
+  padding: calc(var(--mds-table-border-width) * 2);
   padding-right: 0;
   pointer-events: auto;
   position: sticky;
@@ -83,7 +86,6 @@
   transform: translateX(100%);
 }
 
-
 :host([overlay-actions]) .actions {
   padding-right: var(--mds-table-cell-padding);
   transform: translateX(100%);
@@ -96,6 +98,20 @@
   transform: translateX(0);
 }
 
+:host(:hover):host-context(mds-table[interactive="false"]) .actions,
+:host(:hover):host-context(mds-table:not([interactive])) .actions {
+
+  --mds-table-row-actions-background: var(--mds-table-row-background-hover);
+}
+
+:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,
+:host(:not([selected]):hover):host-context(mds-table[selection][interactive="false"]) .actions,
+:host([selected="false"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,
+:host([selected="false"]:hover):host-context(mds-table[selection][interactive="false"]) .actions {
+
+  --mds-table-row-actions-background: var(--mds-table-row-background-alt);
+}
+
 @container style(--magma-pref-animation: reduce) {
   :host,
   .actions {

package/dist/collection/components/mds-table-row/mds-table-row.js

@@ -15,17 +15,12 @@ export class MdsTableRow {
             es: localeEs,
             it: localeIt,
         });
+        this.selectable = undefined;
         this.handleSelectionChange = (e) => {
             var _a;
             this.selected = e.detail.checked;
             (_a = this.host.closest('mds-table')) === null || _a === void 0 ? void 0 : _a.updateSelection();
         };
-        this.language = undefined;
-        this.interactive = undefined;
-        this.overlayActions = undefined;
-        this.selectable = undefined;
-        this.selected = undefined;
-        this.value = undefined;
     }
     async updateLang() {
         this.language = this.t.lang(this.host);
@@ -81,6 +76,8 @@ export class MdsTableRow {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "interactive",
                 "reflect": true
             },
@@ -98,6 +95,8 @@ export class MdsTableRow {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "overlay-actions",
                 "reflect": true
             },
@@ -115,6 +114,8 @@ export class MdsTableRow {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selectable",
                 "reflect": true,
                 "defaultValue": "undefined"
@@ -133,6 +134,8 @@ export class MdsTableRow {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": true
             },
@@ -150,6 +153,8 @@ export class MdsTableRow {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": true
             }

package/dist/collection/dictionary/tree.js

@@ -0,0 +1,13 @@
+const treeActionsDictionary = [
+    'auto',
+    'visible',
+];
+const treeAppearanceDictionary = [
+    'depth',
+    'none',
+];
+const treeIconDictionary = [
+    'folder',
+    'chevron',
+];
+export { treeActionsDictionary, treeAppearanceDictionary, treeIconDictionary, };

package/dist/collection/type/tree.js

@@ -0,0 +1 @@
+export {};

package/dist/components/mds-table-row.js

@@ -870,7 +870,7 @@ const localeIt = {
 	unselectRow: unselectRow
 };
 
-const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";
+const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding: calc(var(--mds-table-border-width) * 2);\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n:host(:hover):host-context(mds-table[interactive=\"false\"]) .actions,\n:host(:hover):host-context(mds-table:not([interactive])) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n}\n\n:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host(:not([selected]):hover):host-context(mds-table[selection][interactive=\"false\"]) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection][interactive=\"false\"]) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-alt);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";
 const MdsTableRowStyle0 = mdsTableRowCss;
 
 const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends HTMLElement {
@@ -884,17 +884,12 @@ const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends
             es: localeEs,
             it: localeIt,
         });
+        this.selectable = undefined;
         this.handleSelectionChange = (e) => {
             var _a;
             this.selected = e.detail.checked;
             (_a = this.host.closest('mds-table')) === null || _a === void 0 ? void 0 : _a.updateSelection();
         };
-        this.language = undefined;
-        this.interactive = undefined;
-        this.overlayActions = undefined;
-        this.selectable = undefined;
-        this.selected = undefined;
-        this.value = undefined;
     }
     async updateLang() {
         this.language = this.t.lang(this.host);

package/dist/documentation.d.ts

@@ -316,6 +316,14 @@ export interface JsonDocsProp {
    * ```
    */
   required: boolean;
+  /**
+   * `true` if the prop has a `get()`. `false` otherwise
+   */
+  getter: boolean;
+  /**
+   * `true` if the prop has a `set()`. `false` otherwise
+   */
+  setter: boolean;
 }
 export interface JsonDocsMethod {
   name: string;

package/dist/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2024-12-19T14:55:54",
+  "timestamp": "2025-02-10T12:01:34",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.2",
+    "version": "4.25.1",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -41,7 +41,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "overlayActions",
@@ -62,7 +64,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "selectable",
@@ -87,7 +91,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "selected",
@@ -111,7 +117,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "value",
@@ -138,7 +146,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [