@maggioli-design-system/mds-input-tip 1.2.1 → 1.2.3

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/keyboard-manager.js

@@ -31,13 +31,13 @@ export class KeyboardManager {
         };
         this.attachEscapeBehavior = (callback) => {
             this.escapeCallback = callback;
-            if (window !== undefined) {
+            if (typeof window !== 'undefined') {
                 window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
             }
         };
         this.detachEscapeBehavior = () => {
             this.escapeCallback = () => { return; };
-            if (window !== undefined) {
+            if (typeof window !== 'undefined') {
                 window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
             }
         };

package/dist/collection/common/slot.js

@@ -0,0 +1,19 @@
+const hasSlottedElements = (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.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, hasSlottedNodes, };

package/dist/collection/components/mds-input-tip/mds-input-tip.js

@@ -1,7 +1,13 @@
 import { Host, h } from "@stencil/core";
 export class MdsInputTip {
     constructor() {
+        /**
+         * Specifies if the component is active and shows expanded children or not
+         */
         this.active = false;
+        /**
+         * Specifies the position of the element relative to its container
+         */
         this.position = 'top';
     }
     render() {
@@ -35,6 +41,8 @@ export class MdsInputTip {
                     "tags": [],
                     "text": "Specifies if the component is active and shows expanded children or not"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": true,
                 "defaultValue": "false"
@@ -59,6 +67,8 @@ export class MdsInputTip {
                     "tags": [],
                     "text": "Specifies the position of the element relative to its container"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": true,
                 "defaultValue": "'top'"

package/dist/collection/dictionary/animation.js

@@ -0,0 +1,5 @@
+const horizontalActionsAnimationDictionary = [
+    'fade',
+    'slide',
+];
+export { horizontalActionsAnimationDictionary, };

package/dist/collection/dictionary/file-extensions.js

@@ -1,60 +1,65 @@
 const fileExtensionsDictionary = {
-    '7z': { format: 'archive', description: 'Archivio compresso' },
-    ace: { format: 'archive', description: 'Archivio compresso' },
-    ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
-    dart: { format: 'code', description: 'Dart' },
-    db: { format: 'data', description: 'File di database' },
-    default: { format: 'attachment', description: 'Formato sconosciuto' },
-    dmg: { format: 'executable', description: 'Apple Disk Image' },
-    doc: { format: 'text', description: 'Documento Microsoft Word' },
-    docm: { format: 'text', description: 'Documento Microsoft Word' },
-    docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
-    eml: { format: 'email', description: 'E-mail di posta elettronica' },
-    eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
-    exe: { format: 'executable', description: 'File eseguibile Windows' },
-    flac: { format: 'audio', description: 'Audio non compresso' },
-    gif: { format: 'image', description: 'Immagine compressa', preview: true },
-    htm: { format: 'markup', description: 'Pagina web' },
-    heic: { format: 'image', description: 'High Efficiency Image File Format' },
-    html: { format: 'markup', description: 'Pagina web' },
-    jpe: { format: 'image', description: 'Immagine compressa', preview: true },
-    jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
-    jpg: { format: 'image', description: 'Immagine compressa', preview: true },
-    js: { format: 'code', description: 'JavaScript' },
-    json: { format: 'data', description: 'JavaScript Object Notation' },
-    jsx: { format: 'code', description: 'JavaScript' },
-    m2v: { format: 'video', description: 'Filmato SD' },
-    mp2: { format: 'audio', description: 'Audio compresso' },
-    mp3: { format: 'audio', description: 'Audio compresso' },
-    mp4: { format: 'video', description: 'Filmato HD' },
-    mp4v: { format: 'video', description: 'Filmato HD' },
-    mpeg: { format: 'video', description: 'Filmato SD' },
-    mpg4: { format: 'video', description: 'Filmato SD' },
-    mpg: { format: 'video', description: 'Filmato SD' },
-    mpga: { format: 'audio', description: 'Audio compresso' },
-    odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
-    ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
-    odt: { format: 'text', description: 'File di testo LibreOffice' },
-    pdf: { format: 'document', description: 'Documento Adobe' },
-    php: { format: 'code', description: 'Hypertext Preprocessor' },
-    png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
-    ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
-    rar: { format: 'archive', description: 'Archivio compresso' },
-    rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
-    sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
-    shtml: { format: 'markup', description: 'Pagina web' },
-    svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
-    tar: { format: 'archive', description: 'Archivio non compresso' },
-    tiff: { format: 'image', description: 'Tag Image File Format' },
-    ts: { format: 'code', description: 'TypeScript' },
-    tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
-    txt: { format: 'text', description: 'Documento di testo non formattato' },
-    wav: { format: 'audio', description: 'Audio non compresso' },
-    webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
-    xar: { format: 'archive', description: 'Archivio compresso' },
-    xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-    xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-    zip: { format: 'archive', description: 'Archivio compresso' },
+    '7z': { format: 'archive', description: 'compressedArchive' },
+    ace: { format: 'archive', description: 'compressedArchive' },
+    ai: { format: 'vector', description: 'fileAI' },
+    dart: { format: 'code', description: 'dart' },
+    db: { format: 'data', description: 'fileDB' },
+    default: { format: 'attachment', description: 'unknown' },
+    dmg: { format: 'executable', description: 'appleDiskImage' },
+    doc: { format: 'text', description: 'documentMS' },
+    docm: { format: 'text', description: 'documentMS' },
+    docx: { format: 'text', description: 'compressedDocumentMS' },
+    eml: { format: 'email', description: 'email' },
+    eps: { format: 'vector', description: 'fileEPS' },
+    exe: { format: 'executable', description: 'fileEXE' },
+    flac: { format: 'audio', description: 'uncompressedAudio' },
+    gif: { format: 'image', description: 'compressedImage', preview: true },
+    heic: { format: 'image', description: 'imageHEFF' },
+    htm: { format: 'markup', description: 'documentWeb' },
+    html: { format: 'markup', description: 'documentWeb' },
+    jpe: { format: 'image', description: 'compressedImage', preview: true },
+    jpeg: { format: 'image', description: 'compressedImage', preview: true },
+    jpg: { format: 'image', description: 'compressedImage', preview: true },
+    js: { format: 'code', description: 'fileJS' },
+    json: { format: 'data', description: 'fileJSON' },
+    jsx: { format: 'code', description: 'fileJS' },
+    m2v: { format: 'video', description: 'videoSD' },
+    mp2: { format: 'audio', description: 'compressedAudio' },
+    mp3: { format: 'audio', description: 'compressedAudio' },
+    mp4: { format: 'video', description: 'videoHD' },
+    mp4v: { format: 'video', description: 'videoHD' },
+    mpeg: { format: 'video', description: 'videoSD' },
+    mpg4: { format: 'video', description: 'videoSD' },
+    mpg: { format: 'video', description: 'videoSD' },
+    mpga: { format: 'audio', description: 'compressedAudio' },
+    odf: { format: 'document', description: 'openDocumentFormat' },
+    odp: { format: 'slide', description: 'slideLO' },
+    ods: { format: 'spreadsheet', description: 'spreadsheetLO' },
+    odt: { format: 'text', description: 'documentLO' },
+    ole: { format: 'document', description: 'objectLinkingAndEmbedding' },
+    p7m: { format: 'certificate', description: 'documentDigitalSingnature' },
+    pdf: { format: 'document', description: 'documentAdobe' },
+    php: { format: 'code', description: 'filePHP' },
+    png: { format: 'image', description: 'imagePNG', preview: true },
+    ppt: { format: 'slide', description: 'slidePowerPoint' },
+    rar: { format: 'archive', description: 'compressedArchive' },
+    rtf: { format: 'text', description: 'documentRTF' },
+    sass: { format: 'code', description: 'fileSASS' },
+    shtml: { format: 'markup', description: 'documentWeb' },
+    svg: { format: 'vector', description: 'imageSVG', preview: true },
+    tar: { format: 'archive', description: 'uncompressedArchive' },
+    tiff: { format: 'image', description: 'imageTIFF' },
+    ts: { format: 'code', description: 'fileTS' },
+    tsd: { format: 'certificate', description: 'certificateTSD' },
+    tsx: { format: 'code', description: 'fileTSX' },
+    txt: { format: 'text', description: 'documentTXT' },
+    wav: { format: 'audio', description: 'uncompressedAudio' },
+    webp: { format: 'image', description: 'imageWEBP', preview: true },
+    xar: { format: 'archive', description: 'compressedArchive' },
+    xls: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    xlsx: { format: 'spreadsheet', description: 'spreadsheetMS' },
+    xml: { format: 'markup', description: 'extensibleMarkupLanguage' },
+    zip: { format: 'archive', description: 'compressedArchive' },
 };
 const genericMimeToExt = new Map([
     ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],

package/dist/collection/dictionary/text.js

@@ -1,6 +1,65 @@
+const typographyTagDictionary = [
+    'abbr',
+    'address',
+    'article',
+    'b',
+    'bdo',
+    'blockquote',
+    'cite',
+    'code',
+    'dd',
+    'del',
+    'details',
+    'dfn',
+    'div',
+    'dl',
+    'dt',
+    'em',
+    'figcaption',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'i',
+    'ins',
+    'kbd',
+    'label',
+    'legend',
+    'li',
+    'mark',
+    'ol',
+    'p',
+    'pre',
+    'q',
+    'rb',
+    'rt',
+    'ruby',
+    's',
+    'samp',
+    'small',
+    'span',
+    'strong',
+    'sub',
+    'summary',
+    'sup',
+    'time',
+    'u',
+    'ul',
+    'var',
+];
+const typographyHeadingTagDictionary = [
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+];
 const truncateDictionary = [
     'all',
     'none',
     'word',
 ];
-export { truncateDictionary, };
+export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, };

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/fixtures/filenames.js

@@ -54,4 +54,65 @@ const filesList = [
     'wisconsin_bypassing_small.xar',
     'wooden.jsx',
 ];
-export { filesList, };
+const namedFilesList = {
+    '7z': 'frozen_haptic.7z',
+    'No extension file': 'this_is_an_extensionless_file',
+    'png with URL': 'https://i2.wp.com/clipart.info/images/ccovers/1495750818Apple-PNG-Clip-Art.png',
+    ace: 'sky_marketing.ace',
+    ai: 'foreground_overriding.ai',
+    db: 'matrix_black_hat.db',
+    default: 'copying.default',
+    dmg: 'protocol_designer.dmg',
+    doc: 'forges.doc',
+    docm: 'officer_somalia.docm',
+    docx: 'upgradable_gold.docx',
+    eml: 'brunei_logistical.eml',
+    eps: 'alarm_circuit_plastic.eps',
+    exe: 'rss_systematic_avon.exe',
+    flac: 'liaison_panel_central.flac',
+    gif: 'initiatives_group.gif',
+    htm: 'books_monetize_arizona.htm',
+    html: 'flexibility_auto_money.html',
+    jpe: 'intelligent_radical.jpe',
+    jpeg: 'iowa_installation.jpeg',
+    jpg: 'buckinghamshire_macao.jpg',
+    js: 'monitor.js',
+    json: 'calculating.json',
+    jsx: 'wooden.jsx',
+    m2v: 'interface_bedfordshire_solid.m2v',
+    mp2: 'explicit.mp2',
+    mp3: 'optimization_radical.mp3',
+    mp4: 'nebraska.mp4',
+    mp4v: 'reduced_regional_greenland.mp4v',
+    mpeg: 'impactful_alarm_handmade.mpeg',
+    mpg4: 'revolutionize.mpg4',
+    mpg: 'complexity_deposit.mpg',
+    mpga: 'ports_copy_granite.mpga',
+    odf: 'This is a file_to_read.odf',
+    odp: 'needs_based_solid.odp',
+    ods: 'compressing_black_colorado.ods',
+    odt: 'salad_compressing.odt',
+    ole: 'Document-RPF_Open-new.ole',
+    p7m: 'file with certificate from government.pdf.p7m',
+    pdf: 'connect_local_visualize.pdf',
+    php: 'fish.php',
+    png: 'awesome_orchestration.png',
+    ppt: 'gorgeous_manager_savings.ppt',
+    rar: 'unbranded.rar',
+    rtf: 'pound.rtf',
+    sass: 'open_source_gorgeous.sass',
+    shtml: 'brand.shtml',
+    svg: 'b2c_tan_sports.svg',
+    tar: 'graphic_frozen_bedfordshire.tar',
+    ts: 'forge_face.ts',
+    tsd: 'Marked file-7483274hy6Fg6R8.tsd',
+    txt: 'bedfordshire_iceland_identity.txt',
+    wav: 'synergistic.wav',
+    webp: 'open_source.webp',
+    xar: 'wisconsin_bypassing_small.xar',
+    xls: 'metrics_lempira_account.xls',
+    xlsx: 'hdd_navigate_panama.xlsx',
+    xml: 'Markup language.xml',
+    zip: 'tuna_table_fall.zip',
+};
+export { filesList, namedFilesList, };

package/dist/collection/type/animation.js

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

package/dist/collection/type/tree.js

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

package/dist/collection/type/variant-file-format.js

@@ -3,6 +3,7 @@ import baselineAttachFile from "@icon/mi/baseline/attach-file.svg";
 import baselineAudiotrack from "@icon/mi/baseline/audiotrack.svg";
 import baselineTerminal from "@icon/mi/baseline/terminal.svg";
 import baselineInsertDriveFile from "@icon/mi/baseline/insert-drive-file.svg";
+import mdiLicense from "@icon/mdi/license.svg";
 import mdiHardDisk from "@icon/mdi/harddisk.svg";
 import baselineEmail from "@icon/mi/baseline/email.svg";
 import baselineWysiwyg from "@icon/mi/baseline/wysiwyg.svg";
@@ -26,6 +27,10 @@ const fileFormatsVariant = {
         icon: baselineAudiotrack,
         variant: 'violet',
     },
+    certificate: {
+        icon: mdiLicense,
+        variant: 'orange',
+    },
     code: {
         icon: baselineTerminal,
         variant: 'yellow',

package/dist/components/mds-input-tip.js

@@ -8,7 +8,13 @@ const MdsInputTip$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputTip extends
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * Specifies if the component is active and shows expanded children or not
+         */
         this.active = false;
+        /**
+         * Specifies the position of the element relative to its container
+         */
         this.position = 'top';
     }
     render() {

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-11-25T16:36:27",
+  "timestamp": "2025-02-06T09:13:05",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.2",
+    "version": "4.25.1",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -37,7 +37,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "position",
@@ -73,7 +75,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],