CHIEFSOFT\ameye
1 line
33 KiB
JSON
1 line
33 KiB
JSON
{"ast":null,"code":"/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { r as registerInstance, j as forceUpdate, h, H as Host } from './index-1a99aeb7.js';\nimport { b as getIonMode } from './ionic-global-04e268e7.js';\nconst SIZE_TO_MEDIA = {\n xs: '(min-width: 0px)',\n sm: '(min-width: 576px)',\n md: '(min-width: 768px)',\n lg: '(min-width: 992px)',\n xl: '(min-width: 1200px)'\n}; // Check if the window matches the media query\n// at the breakpoint passed\n// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px\n\nconst matchBreakpoint = breakpoint => {\n if (breakpoint === undefined || breakpoint === '') {\n return true;\n }\n\n if (window.matchMedia) {\n const mediaQuery = SIZE_TO_MEDIA[breakpoint];\n return window.matchMedia(mediaQuery).matches;\n }\n\n return false;\n};\n\nconst colCss = \":host{padding-left:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;min-height:1px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}}\";\nconst win = typeof window !== 'undefined' ? window : undefined; // eslint-disable-next-line @typescript-eslint/prefer-optional-chain\n\nconst SUPPORTS_VARS = win && !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));\nconst BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];\nconst Col = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n }\n\n onResize() {\n forceUpdate(this);\n } // Loop through all of the breakpoints to see if the media query\n // matches and grab the column value from the relevant prop if so\n\n\n getColumns(property) {\n let matched;\n\n for (const breakpoint of BREAKPOINTS) {\n const matches = matchBreakpoint(breakpoint); // Grab the value of the property, if it exists and our\n // media query matches we return the value\n\n const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];\n\n if (matches && columns !== undefined) {\n matched = columns;\n }\n } // Return the last matched columns since the breakpoints\n // increase in size and we want to return the largest match\n\n\n return matched;\n }\n\n calculateSize() {\n const columns = this.getColumns('size'); // If size wasn't set for any breakpoint\n // or if the user set the size without a value\n // it means we need to stick with the default and return\n // e.g. <ion-col size-md>\n\n if (!columns || columns === '') {\n return;\n } // If the size is set to auto then don't calculate a size\n\n\n const colSize = columns === 'auto' ? 'auto' : // If CSS supports variables we should use the grid columns var\n SUPPORTS_VARS ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)` : // Convert the columns to a percentage by dividing by the total number\n // of columns (12) and then multiplying by 100\n columns / 12 * 100 + '%';\n return {\n flex: `0 0 ${colSize}`,\n width: `${colSize}`,\n 'max-width': `${colSize}`\n };\n } // Called by push, pull, and offset since they use the same calculations\n\n\n calculatePosition(property, modifier) {\n const columns = this.getColumns(property);\n\n if (!columns) {\n return;\n } // If the number of columns passed are greater than 0 and less than\n // 12 we can position the column, else default to auto\n\n\n const amount = SUPPORTS_VARS ? // If CSS supports variables we should use the grid columns var\n `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)` : // Convert the columns to a percentage by dividing by the total number\n // of columns (12) and then multiplying by 100\n columns > 0 && columns < 12 ? columns / 12 * 100 + '%' : 'auto';\n return {\n [modifier]: amount\n };\n }\n\n calculateOffset(isRTL) {\n return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');\n }\n\n calculatePull(isRTL) {\n return this.calculatePosition('pull', isRTL ? 'left' : 'right');\n }\n\n calculatePush(isRTL) {\n return this.calculatePosition('push', isRTL ? 'right' : 'left');\n }\n\n render() {\n const isRTL = document.dir === 'rtl';\n const mode = getIonMode(this);\n return h(Host, {\n class: {\n [mode]: true\n },\n style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize())\n }, h(\"slot\", null));\n }\n\n};\nCol.style = colCss;\nconst gridCss = \":host{padding-left:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));margin-left:auto;margin-right:auto;display:block;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}\";\nconst Grid = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n /**\n * If `true`, the grid will have a fixed width based on the screen size.\n */\n\n this.fixed = false;\n }\n\n render() {\n const mode = getIonMode(this);\n return h(Host, {\n class: {\n [mode]: true,\n 'grid-fixed': this.fixed\n }\n }, h(\"slot\", null));\n }\n\n};\nGrid.style = gridCss;\nconst rowCss = \":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}\";\nconst Row = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n }\n\n render() {\n return h(Host, {\n class: getIonMode(this)\n }, h(\"slot\", null));\n }\n\n};\nRow.style = rowCss;\nexport { Col as ion_col, Grid as ion_grid, Row as ion_row };","map":{"version":3,"names":["r","registerInstance","j","forceUpdate","h","H","Host","b","getIonMode","SIZE_TO_MEDIA","xs","sm","md","lg","xl","matchBreakpoint","breakpoint","undefined","window","matchMedia","mediaQuery","matches","colCss","win","SUPPORTS_VARS","CSS","supports","BREAKPOINTS","Col","constructor","hostRef","onResize","getColumns","property","matched","columns","charAt","toUpperCase","slice","calculateSize","colSize","flex","width","calculatePosition","modifier","amount","calculateOffset","isRTL","calculatePull","calculatePush","render","document","dir","mode","class","style","Object","assign","gridCss","Grid","fixed","rowCss","Row","ion_col","ion_grid","ion_row"],"sources":["D:/MobileDev/WRB/WrenchBoard2023a/node_modules/@ionic/core/dist/esm/ion-col_3.entry.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { r as registerInstance, j as forceUpdate, h, H as Host } from './index-1a99aeb7.js';\nimport { b as getIonMode } from './ionic-global-04e268e7.js';\n\nconst SIZE_TO_MEDIA = {\n xs: '(min-width: 0px)',\n sm: '(min-width: 576px)',\n md: '(min-width: 768px)',\n lg: '(min-width: 992px)',\n xl: '(min-width: 1200px)',\n};\n// Check if the window matches the media query\n// at the breakpoint passed\n// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px\nconst matchBreakpoint = (breakpoint) => {\n if (breakpoint === undefined || breakpoint === '') {\n return true;\n }\n if (window.matchMedia) {\n const mediaQuery = SIZE_TO_MEDIA[breakpoint];\n return window.matchMedia(mediaQuery).matches;\n }\n return false;\n};\n\nconst colCss = \":host{padding-left:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;min-height:1px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-right:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}}\";\n\nconst win = typeof window !== 'undefined' ? window : undefined;\n// eslint-disable-next-line @typescript-eslint/prefer-optional-chain\nconst SUPPORTS_VARS = win && !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));\nconst BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];\nconst Col = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n }\n onResize() {\n forceUpdate(this);\n }\n // Loop through all of the breakpoints to see if the media query\n // matches and grab the column value from the relevant prop if so\n getColumns(property) {\n let matched;\n for (const breakpoint of BREAKPOINTS) {\n const matches = matchBreakpoint(breakpoint);\n // Grab the value of the property, if it exists and our\n // media query matches we return the value\n const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];\n if (matches && columns !== undefined) {\n matched = columns;\n }\n }\n // Return the last matched columns since the breakpoints\n // increase in size and we want to return the largest match\n return matched;\n }\n calculateSize() {\n const columns = this.getColumns('size');\n // If size wasn't set for any breakpoint\n // or if the user set the size without a value\n // it means we need to stick with the default and return\n // e.g. <ion-col size-md>\n if (!columns || columns === '') {\n return;\n }\n // If the size is set to auto then don't calculate a size\n const colSize = columns === 'auto'\n ? 'auto'\n : // If CSS supports variables we should use the grid columns var\n SUPPORTS_VARS\n ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`\n : // Convert the columns to a percentage by dividing by the total number\n // of columns (12) and then multiplying by 100\n (columns / 12) * 100 + '%';\n return {\n flex: `0 0 ${colSize}`,\n width: `${colSize}`,\n 'max-width': `${colSize}`,\n };\n }\n // Called by push, pull, and offset since they use the same calculations\n calculatePosition(property, modifier) {\n const columns = this.getColumns(property);\n if (!columns) {\n return;\n }\n // If the number of columns passed are greater than 0 and less than\n // 12 we can position the column, else default to auto\n const amount = SUPPORTS_VARS\n ? // If CSS supports variables we should use the grid columns var\n `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`\n : // Convert the columns to a percentage by dividing by the total number\n // of columns (12) and then multiplying by 100\n columns > 0 && columns < 12\n ? (columns / 12) * 100 + '%'\n : 'auto';\n return {\n [modifier]: amount,\n };\n }\n calculateOffset(isRTL) {\n return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');\n }\n calculatePull(isRTL) {\n return this.calculatePosition('pull', isRTL ? 'left' : 'right');\n }\n calculatePush(isRTL) {\n return this.calculatePosition('push', isRTL ? 'right' : 'left');\n }\n render() {\n const isRTL = document.dir === 'rtl';\n const mode = getIonMode(this);\n return (h(Host, { class: {\n [mode]: true,\n }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h(\"slot\", null)));\n }\n};\nCol.style = colCss;\n\nconst gridCss = \":host{padding-left:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));margin-left:auto;margin-right:auto;display:block;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xs, var(--ion-grid-padding, 5px))}}@media (min-width: 576px){:host{padding-left:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-sm, var(--ion-grid-padding, 5px))}}}@media (min-width: 768px){:host{padding-left:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-md, var(--ion-grid-padding, 5px))}}}@media (min-width: 992px){:host{padding-left:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-lg, var(--ion-grid-padding, 5px))}}}@media (min-width: 1200px){:host{padding-left:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-right:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-top:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-bottom:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-start:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));-webkit-padding-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px));padding-inline-end:var(--ion-grid-padding-xl, var(--ion-grid-padding, 5px))}}}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.grid-fixed){width:var(--ion-grid-width-xs, var(--ion-grid-width, 100%));max-width:100%}@media (min-width: 576px){:host(.grid-fixed){width:var(--ion-grid-width-sm, var(--ion-grid-width, 540px))}}@media (min-width: 768px){:host(.grid-fixed){width:var(--ion-grid-width-md, var(--ion-grid-width, 720px))}}@media (min-width: 992px){:host(.grid-fixed){width:var(--ion-grid-width-lg, var(--ion-grid-width, 960px))}}@media (min-width: 1200px){:host(.grid-fixed){width:var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))}}:host(.ion-no-padding){--ion-grid-column-padding:0;--ion-grid-column-padding-xs:0;--ion-grid-column-padding-sm:0;--ion-grid-column-padding-md:0;--ion-grid-column-padding-lg:0;--ion-grid-column-padding-xl:0}\";\n\nconst Grid = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n /**\n * If `true`, the grid will have a fixed width based on the screen size.\n */\n this.fixed = false;\n }\n render() {\n const mode = getIonMode(this);\n return (h(Host, { class: {\n [mode]: true,\n 'grid-fixed': this.fixed,\n } }, h(\"slot\", null)));\n }\n};\nGrid.style = gridCss;\n\nconst rowCss = \":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}\";\n\nconst Row = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n }\n render() {\n return (h(Host, { class: getIonMode(this) }, h(\"slot\", null)));\n }\n};\nRow.style = rowCss;\n\nexport { Col as ion_col, Grid as ion_grid, Row as ion_row };\n"],"mappings":"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"},"metadata":{},"sourceType":"module"} |