@ionic/core 9.0.0 → 9.0.1-nightly.20260820

package/dist/cjs/ion-chip.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
+var index = require('./index-BrVMoqUk.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 
 const chipIosCss = () => `:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){-ms-flex-negative:0;flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}`;
 
@@ -14,21 +14,15 @@ const chipMdCss = () => `:host{--background:rgba(var(--ion-text-color-rgb, 0, 0,
 const Chip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Display an outline style button.
+         */
+        this.outline = false;
+        /**
+         * If `true`, the user cannot interact with the chip.
+         */
+        this.disabled = false;
     }
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    color;
-    /**
-     * Display an outline style button.
-     */
-    outline = false;
-    /**
-     * If `true`, the user cannot interact with the chip.
-     */
-    disabled = false;
     render() {
         const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: 'fa2e9a4837ef87a17ef10f388e8caa7f604d9145', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {

package/dist/cjs/ion-col_3.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
+var index = require('./index-BrVMoqUk.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 
 const SIZE_TO_MEDIA = {
     xs: '(min-width: 0px)',
@@ -36,126 +36,6 @@ const Col = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    /**
-     * The amount to offset the column, in terms of how many columns it should shift to the end
-     * of the total available.
-     */
-    offset;
-    /**
-     * The amount to offset the column for xs screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    offsetXs;
-    /**
-     * The amount to offset the column for sm screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    offsetSm;
-    /**
-     * The amount to offset the column for md screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    offsetMd;
-    /**
-     * The amount to offset the column for lg screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    offsetLg;
-    /**
-     * The amount to offset the column for xl screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    offsetXl;
-    /**
-     * The amount to pull the column, in terms of how many columns it should shift to the start of
-     * the total available.
-     */
-    pull;
-    /**
-     * The amount to pull the column for xs screens, in terms of how many columns it should shift
-     * to the start of the total available.
-     */
-    pullXs;
-    /**
-     * The amount to pull the column for sm screens, in terms of how many columns it should shift
-     * to the start of the total available.
-     */
-    pullSm;
-    /**
-     * The amount to pull the column for md screens, in terms of how many columns it should shift
-     * to the start of the total available.
-     */
-    pullMd;
-    /**
-     * The amount to pull the column for lg screens, in terms of how many columns it should shift
-     * to the start of the total available.
-     */
-    pullLg;
-    /**
-     * The amount to pull the column for xl screens, in terms of how many columns it should shift
-     * to the start of the total available.
-     */
-    pullXl;
-    /**
-     * The amount to push the column, in terms of how many columns it should shift to the end
-     * of the total available.
-     */
-    push;
-    /**
-     * The amount to push the column for xs screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    pushXs;
-    /**
-     * The amount to push the column for sm screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    pushSm;
-    /**
-     * The amount to push the column for md screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    pushMd;
-    /**
-     * The amount to push the column for lg screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    pushLg;
-    /**
-     * The amount to push the column for xl screens, in terms of how many columns it should shift
-     * to the end of the total available.
-     */
-    pushXl;
-    /**
-     * The size of the column, in terms of how many columns it should take up out of the total
-     * available. If `"auto"` is passed, the column will be the size of its content.
-     */
-    size;
-    /**
-     * The size of the column for xs screens, in terms of how many columns it should take up out
-     * of the total available. If `"auto"` is passed, the column will be the size of its content.
-     */
-    sizeXs;
-    /**
-     * The size of the column for sm screens, in terms of how many columns it should take up out
-     * of the total available. If `"auto"` is passed, the column will be the size of its content.
-     */
-    sizeSm;
-    /**
-     * The size of the column for md screens, in terms of how many columns it should take up out
-     * of the total available. If `"auto"` is passed, the column will be the size of its content.
-     */
-    sizeMd;
-    /**
-     * The size of the column for lg screens, in terms of how many columns it should take up out
-     * of the total available. If `"auto"` is passed, the column will be the size of its content.
-     */
-    sizeLg;
-    /**
-     * The size of the column for xl screens, in terms of how many columns it should take up out
-     * of the total available. If `"auto"` is passed, the column will be the size of its content.
-     */
-    sizeXl;
     onResize() {
         index.forceUpdate(this);
     }
@@ -249,11 +129,11 @@ const gridCss = () => `:host{-webkit-padding-start:var(--ion-grid-padding-xs, va
 const Grid = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * If `true`, the grid will have a fixed width based on the screen size.
+         */
+        this.fixed = false;
     }
-    /**
-     * If `true`, the grid will have a fixed width based on the screen size.
-     */
-    fixed = false;
     render() {
         const mode = ionicGlobal.getIonMode(this);
         return (index.h(index.Host, { key: '617127ecfabf9bf615bef1dda1be3fed5a065949', class: {