@ionic/docs 8.8.7-dev.11778599050.191a48e3 → 8.8.7-dev.11778680417.1f9234bd

package/core.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-05-12T15:19:49",
+  "timestamp": "2026-05-13T13:56:11",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.0",
@@ -14224,6 +14224,251 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/gallery/gallery.tsx",
+      "encapsulation": "shadow",
+      "tag": "ion-gallery",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "virtualProp",
+          "text": "{\"ios\" | \"md\"} mode - The mode determines the platform behaviors of the component."
+        },
+        {
+          "name": "virtualProp",
+          "text": "{\"ios\" | \"md\" | \"ionic\"} theme - The theme determines the visual appearance of the component."
+        },
+        {
+          "name": "slot",
+          "text": "- Content is placed in a responsive gallery layout."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "columns",
+          "type": "GalleryBreakpoints<string | number> | number | string",
+          "complexType": {
+            "original": "GalleryColumns",
+            "resolved": "GalleryBreakpoints<string | number> | number | string",
+            "references": {
+              "GalleryColumns": {
+                "location": "import",
+                "path": "./gallery-interface",
+                "id": "src/components/gallery/gallery-interface.ts::GalleryColumns",
+                "referenceLocation": "GalleryColumns"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "columns",
+          "reflectToAttr": false,
+          "docs": "The number of columns to display. Can be set as a number or an object of\nbreakpoint values (e.g. `{ xs: 2, sm: 3, md: 4 }`).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "DEFAULT_COLUMNS"
+            }
+          ],
+          "default": "DEFAULT_COLUMNS",
+          "values": [
+            {
+              "type": "GalleryBreakpoints<string"
+            },
+            {
+              "type": "number>"
+            },
+            {
+              "type": "number"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "gap",
+          "type": "GalleryBreakpoints<string | number> | number | string",
+          "complexType": {
+            "original": "GalleryGap",
+            "resolved": "GalleryBreakpoints<string | number> | number | string",
+            "references": {
+              "GalleryGap": {
+                "location": "import",
+                "path": "./gallery-interface",
+                "id": "src/components/gallery/gallery-interface.ts::GalleryGap",
+                "referenceLocation": "GalleryGap"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "gap",
+          "reflectToAttr": false,
+          "docs": "The space between gallery items. Accepts valid CSS [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)\nvalues like `16px`, `1rem`, `20%`, math functions like `calc(10px + 20%)`,\nor numbers (treated as pixel values). Can also be set as a breakpoint map\n(e.g. `{ xs: '8px', sm: '1rem', md: '24px' }`). Does not accept\nspace-separated values or CSS keyword values like `inherit`, `auto`, etc.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "DEFAULT_GAP"
+            }
+          ],
+          "default": "DEFAULT_GAP",
+          "values": [
+            {
+              "type": "GalleryBreakpoints<string"
+            },
+            {
+              "type": "number>"
+            },
+            {
+              "type": "number"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "layout",
+          "type": "\"masonry\" | \"uniform\"",
+          "complexType": {
+            "original": "'uniform' | 'masonry'",
+            "resolved": "\"masonry\" | \"uniform\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "layout",
+          "reflectToAttr": false,
+          "docs": "The visual layout of the gallery. When `uniform`, rows take up the height\nof the tallest item and are spaced evenly across the gallery. Additionally,\nitems will have an aspect ratio of 1/1, forcing them to be square unless a\nheight is explicitly set. When `masonry`, items will be positioned under each\nother with only the specified gap between them.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'uniform'"
+            }
+          ],
+          "default": "'uniform'",
+          "values": [
+            {
+              "value": "masonry",
+              "type": "string"
+            },
+            {
+              "value": "uniform",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "mode",
+          "type": "\"ios\" | \"md\"",
+          "mutable": false,
+          "attr": "mode",
+          "reflectToAttr": false,
+          "docs": "The mode determines the platform behaviors of the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "ios",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "order",
+          "type": "\"best-fit\" | \"sequential\" | undefined",
+          "complexType": {
+            "original": "'sequential' | 'best-fit'",
+            "resolved": "\"best-fit\" | \"sequential\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "order",
+          "reflectToAttr": false,
+          "docs": "The order in which items are positioned. Only applies when layout is\n`masonry`. When `sequential`, items are positioned in the order they are\nplaced in the DOM. When `best-fit`, items are positioned under the column\nwith the most available space. Defaults to `sequential` when layout is\n`masonry` and `order` is not explicitly set.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "best-fit",
+              "type": "string"
+            },
+            {
+              "value": "sequential",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "theme",
+          "type": "\"ios\" | \"md\" | \"ionic\"",
+          "mutable": false,
+          "attr": "theme",
+          "reflectToAttr": false,
+          "docs": "The theme determines the visual appearance of the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "ios",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "ionic",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [
+        {
+          "event": "load",
+          "capture": true,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Content is placed in a responsive gallery layout."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/grid/grid.tsx",
       "encapsulation": "shadow",
@@ -46446,6 +46691,16 @@
       "docstring": "",
       "path": "src/components/picker/picker-interfaces.ts"
     },
+    "src/components/gallery/gallery-interface.ts::GalleryColumns": {
+      "declaration": "export type GalleryColumns = GalleryBreakpoints | string | number;",
+      "docstring": "",
+      "path": "src/components/gallery/gallery-interface.ts"
+    },
+    "src/components/gallery/gallery-interface.ts::GalleryGap": {
+      "declaration": "export type GalleryGap = GalleryBreakpoints | string | number;",
+      "docstring": "",
+      "path": "src/components/gallery/gallery-interface.ts"
+    },
     "src/components/spinner/spinner-configs.ts::SpinnerTypes": {
       "declaration": "\"lines\" | \"bubbles\" | \"circles\" | \"circular\" | \"crescent\" | \"dots\" | \"lines-small\" | \"lines-sharp\" | \"lines-sharp-small\"",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.8.7-dev.11778599050.191a48e3",
+  "version": "8.8.7-dev.11778680417.1f9234bd",
   "description": "Pre-packaged API documentation for the Ionic docs.",
   "main": "core.json",
   "types": "core.d.ts",