@maggioli-design-system/mds-progress 3.0.1 → 3.1.0

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

@@ -17,7 +17,7 @@ const ifAttribute = (element, attribute, valueCheck = 'true') => {
     return false;
 };
 
-const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\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    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n";
+const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\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    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n";
 const MdsProgressStyle0 = mdsProgressCss;
 
 const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class MdsProgress extends HTMLElement {
@@ -26,10 +26,21 @@ const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class MdsProgress extends
         this.__registerHost();
         this.__attachShadow();
         this.stepsList = new Array();
-        this.currentStep = undefined;
+        /**
+         * A value between 0 and 1 that rapresents the status progress
+         */
         this.progress = 0;
+        /**
+         * Specifies the direction of the progress bar, if horizonatl or vertical
+         */
         this.direction = 'horizontal';
+        /**
+         * Sets the theme variant colors
+         */
         this.variant = 'primary';
+        /**
+         * Sets the steps that can be pronounced by accessibility technologies
+         */
         this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
     }
     componentWillLoad() {

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-04T16:28:21",
+  "timestamp": "2025-02-25T17:21:44",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.2",
+    "version": "4.25.1",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -48,7 +48,9 @@
             }
           ],
           "optional": true,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "progress",
@@ -70,7 +72,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "steps",
@@ -92,7 +96,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         },
         {
           "name": "variant",
@@ -145,7 +151,9 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],