https://tru-x.com/node_modules_ionic_core_dist_esm_ion-col_3_entry_js.js

1"use strict";
2(self["webpackChunkapp"] = self["webpackChunkapp"] || []).push([["node_modules_ionic_core_dist_esm_ion-col_3_entry_js"],{
3
4/***/ 9447:
5/*!**************************************************************!*\
6  !*** ./node_modules/@ionic/core/dist/esm/ion-col_3.entry.js ***!
7  \**************************************************************/
8/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9
10__webpack_require__.r(__webpack_exports__);
11/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12/* harmony export */   "ion_col": () => (/* binding */ Col),
13/* harmony export */   "ion_grid": () => (/* binding */ Grid),
14/* harmony export */   "ion_row": () => (/* binding */ Row)
15/* harmony export */ });
16/* harmony import */ var _index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index-b3eecb14.js */ 1049);
17/* harmony import */ var _ionic_global_0ebe321c_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ionic-global-0ebe321c.js */ 1584);
18/*!
19 * (C) Ionic http://ionicframework.com - MIT License
20 */
21
22
23
24const SIZE_TO_MEDIA = {
25  'xs': '(min-width: 0px)',
26  'sm': '(min-width: 576px)',
27  'md': '(min-width: 768px)',
28  'lg': '(min-width: 992px)',
29  'xl': '(min-width: 1200px)',
30};
31// Check if the window matches the media query
32// at the breakpoint passed
33// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px
34const matchBreakpoint = (breakpoint) => {
35  if (breakpoint === undefined || breakpoint === '') {
36    return true;
37  }
38  if (window.matchMedia) {
39    const mediaQuery = SIZE_TO_MEDIA[breakpoint];
40    return window.matchMedia(mediaQuery).matches;
41  }
42  return false;
43};
44
45const 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;

45-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))}}}";
46
47const win = (typeof window !== 'undefined') ? window : undefined;
48const SUPPORTS_VARS = win && !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));
49const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
50const Col = class {
51  constructor(hostRef) {
52    (0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.r)(this, hostRef);
53  }
54  onResize() {
55    (0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.j)(this);
56  }
57  // Loop through all of the breakpoints to see if the media query
58  // matches and grab the column value from the relevant prop if so
59  getColumns(property) {
60    let matched;
61    for (const breakpoint of BREAKPOINTS) {
62      const matches = matchBreakpoint(breakpoint);
63      // Grab the value of the property, if it exists and our
64      // media query matches we return the value
65      const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];
66      if (matches && columns !== undefined) {
67        matched = columns;
68      }
69    }
70    // Return the last matched columns since the breakpoints
71    // increase in size and we want to return the largest match
72    return matched;
73  }
74  calculateSize() {
75    const columns = this.getColumns('size');
76    // If size wasn't set for any breakpoint
77    // or if the user set the size without a value
78    // it means we need to stick with the default and return
79    // e.g. <ion-col size-md>
80    if (!columns || columns === '') {
81      return;
82    }
83    // If the size is set to auto then don't calculate a size
84    const colSize = (columns === 'auto')
85      ? 'auto'
86      // If CSS supports variables we should use the grid columns var
87      : SUPPORTS_VARS ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
88        // Convert the columns to a percentage by dividing by the total number
89        // of columns (12) and then multiplying by 100
90        : ((columns / 12) * 100) + '%';
91    return {
92      'flex': `0 0 ${colSize}`,
93      'width': `${colSize}`,
94      'max-width': `${colSize}`
95    };
96  }
97  // Called by push, pull, and offset since they use the same calculations
98  calculatePosition(property, modifier) {
99    const columns = this.getColumns(property);
100    if (!columns) {
101      return;
102    }
103    // If the number of columns passed are greater than 0 and less than
104    // 12 we can position the column, else default to auto
105    const amount = SUPPORTS_VARS
106      // If CSS supports variables we should use the grid columns var
107      ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
108      // Convert the columns to a percentage by dividing by the total number
109      // of columns (12) and then multiplying by 100
110      : (columns > 0 && columns < 12) ? (columns / 12 * 100) + '%' : 'auto';
111    return {
112      [modifier]: amount

113    };
114  }
115  calculateOffset(isRTL) {
116    return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');
117  }
118  calculatePull(isRTL) {
119    return this.calculatePosition('pull', isRTL ? 'left' : 'right');
120  }
121  calculatePush(isRTL) {
122    return this.calculatePosition('push', isRTL ? 'right' : 'left');
123  }
124  render() {
125    const isRTL = document.dir === 'rtl';
126    const mode = (0,_ionic_global_0ebe321c_js__WEBPACK_IMPORTED_MODULE_1__.b)(this);
127    return ((0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.h)(_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.H, { class: {
128        [mode]: true
129      }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, (0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot", null)));
130  }
131};
132Col.style = colCss;
133
134const 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))}}

134: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}";
135
136const Grid = class {
137  constructor(hostRef) {
138    (0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.r)(this, hostRef);
139    /**
140     * If `true`, the grid will have a fixed width based on the screen size.
141     */
142    this.fixed = false;
143  }
144  render() {
145    const mode = (0,_ionic_global_0ebe321c_js__WEBPACK_IMPORTED_MODULE_1__.b)(this);
146    return ((0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.h)(_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.H, { class: {
147        [mode]: true,
148        'grid-fixed': this.fixed
149      } }, (0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot", null)));
150  }
151};
152Grid.style = gridCss;
153
154const rowCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
155
156const Row = class {
157  constructor(hostRef) {
158    (0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.r)(this, hostRef);
159  }
160  render() {
161    return ((0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.h)(_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.H, { class: (0,_ionic_global_0ebe321c_js__WEBPACK_IMPORTED_MODULE_1__.b)(this) }, (0,_index_b3eecb14_js__WEBPACK_IMPORTED_MODULE_0__.h)("slot", null)));
162  }
163};
164Row.style = rowCss;
165
166
167
168
169/***/ })
170
171}]);
172//# sourceMappingURL=node_modules_ionic_core_dist_esm_ion-col_3_entry_js.js.map