@venite/components 0.16.52 → 0.17.0

package/dist/esm/ion-card-content_6.entry.js

@@ -1,406 +0,0 @@
-import { r as registerInstance, h, H as Host, f as forceUpdate, c as createEvent, d as getElement } from './index-034add74.js';
-import { g as getIonMode } from './ionic-global-24253941.js';
-import { c as createColorClasses } from './theme-7ef00c83.js';
-import { f as alertController } from './overlays-59377e10.js';
-import './book-ffb2b7c9.js';
-import { R as Refrain } from './refrain-03edc2dd.js';
-import { C as Change } from './change-ea574d32.js';
-import { g as getComponentClosestLanguage } from './locale-de430ca1.js';
-import './hardware-back-button-fa04d6e9.js';
-import './helpers-af86adf0.js';
-
-const cardContentIosCss = "ion-card-content{display:block;position:relative}.card-content-ios{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:16px;line-height:1.4}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.card-content-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px}ion-card-header+.card-content-ios{padding-top:0}";
-
-const cardContentMdCss = "ion-card-content{display:block;position:relative}.card-content-md{padding-left:16px;padding-right:16px;padding-top:13px;padding-bottom:13px;font-size:14px;line-height:1.5}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){.card-content-md{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}.card-content-md h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-md h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-md h3,.card-content-md h4,.card-content-md h5,.card-content-md h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-md p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px;font-weight:normal;line-height:1.5}ion-card-header+.card-content-md{padding-top:0}";
-
-const CardContent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { class: {
-        [mode]: true,
-        // Used internally for styling
-        [`card-content-${mode}`]: true,
-      } }));
-  }
-};
-CardContent.style = {
-  ios: cardContentIosCss,
-  md: cardContentMdCss
-};
-
-const cardTitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:28px;font-weight:700;line-height:1.2}";
-
-const cardTitleMdCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-850, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:20px;font-weight:500;line-height:1.2}";
-
-const CardTitle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { role: "heading", "aria-level": "2", class: createColorClasses(this.color, {
-        'ion-inherit-color': true,
-        [mode]: true,
-      }) }, h("slot", null)));
-  }
-};
-CardTitle.style = {
-  ios: cardTitleIosCss,
-  md: cardTitleMdCss
-};
-
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const SIZE_TO_MEDIA = {
-  xs: '(min-width: 0px)',
-  sm: '(min-width: 576px)',
-  md: '(min-width: 768px)',
-  lg: '(min-width: 992px)',
-  xl: '(min-width: 1200px)',
-};
-// Check if the window matches the media query
-// at the breakpoint passed
-// e.g. matchBreakpoint('sm') => true if screen width exceeds 576px
-const matchBreakpoint = (breakpoint) => {
-  if (breakpoint === undefined || breakpoint === '') {
-    return true;
-  }
-  if (window.matchMedia) {
-    const mediaQuery = SIZE_TO_MEDIA[breakpoint];
-    return window.matchMedia(mediaQuery).matches;
-  }
-  return false;
-};
-
-const 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;box-sizing:border-box;position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px}@supports (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 (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 (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 (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 (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))}}}";
-
-const win = typeof window !== 'undefined' ? window : undefined;
-// eslint-disable-next-line @typescript-eslint/prefer-optional-chain
-const SUPPORTS_VARS = win && !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));
-const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
-const Col = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  onResize() {
-    forceUpdate(this);
-  }
-  // Loop through all of the breakpoints to see if the media query
-  // matches and grab the column value from the relevant prop if so
-  getColumns(property) {
-    let matched;
-    for (const breakpoint of BREAKPOINTS) {
-      const matches = matchBreakpoint(breakpoint);
-      // Grab the value of the property, if it exists and our
-      // media query matches we return the value
-      const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];
-      if (matches && columns !== undefined) {
-        matched = columns;
-      }
-    }
-    // Return the last matched columns since the breakpoints
-    // increase in size and we want to return the largest match
-    return matched;
-  }
-  calculateSize() {
-    const columns = this.getColumns('size');
-    // If size wasn't set for any breakpoint
-    // or if the user set the size without a value
-    // it means we need to stick with the default and return
-    // e.g. <ion-col size-md>
-    if (!columns || columns === '') {
-      return;
-    }
-    // If the size is set to auto then don't calculate a size
-    const colSize = columns === 'auto'
-      ? 'auto'
-      : // If CSS supports variables we should use the grid columns var
-        SUPPORTS_VARS
-          ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
-          : // Convert the columns to a percentage by dividing by the total number
-            // of columns (12) and then multiplying by 100
-            (columns / 12) * 100 + '%';
-    return {
-      flex: `0 0 ${colSize}`,
-      width: `${colSize}`,
-      'max-width': `${colSize}`,
-    };
-  }
-  // Called by push, pull, and offset since they use the same calculations
-  calculatePosition(property, modifier) {
-    const columns = this.getColumns(property);
-    if (!columns) {
-      return;
-    }
-    // If the number of columns passed are greater than 0 and less than
-    // 12 we can position the column, else default to auto
-    const amount = SUPPORTS_VARS
-      ? // If CSS supports variables we should use the grid columns var
-        `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
-      : // Convert the columns to a percentage by dividing by the total number
-        // of columns (12) and then multiplying by 100
-        columns > 0 && columns < 12
-          ? (columns / 12) * 100 + '%'
-          : 'auto';
-    return {
-      [modifier]: amount,
-    };
-  }
-  calculateOffset(isRTL) {
-    return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');
-  }
-  calculatePull(isRTL) {
-    return this.calculatePosition('pull', isRTL ? 'left' : 'right');
-  }
-  calculatePush(isRTL) {
-    return this.calculatePosition('push', isRTL ? 'right' : 'left');
-  }
-  render() {
-    const isRTL = document.dir === 'rtl';
-    const mode = getIonMode(this);
-    return (h(Host, { class: {
-        [mode]: true,
-      }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", null)));
-  }
-};
-Col.style = colCss;
-
-const 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;flex:1}@supports (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 (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 (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 (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 (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 (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}";
-
-const Grid = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * If `true`, the grid will have a fixed width based on the screen size.
-     */
-    this.fixed = false;
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { class: {
-        [mode]: true,
-        'grid-fixed': this.fixed,
-      } }, h("slot", null)));
-  }
-};
-Grid.style = gridCss;
-
-const rowCss = ":host{display:flex;flex-wrap:wrap}";
-
-const Row = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, { class: getIonMode(this) }, h("slot", null)));
-  }
-};
-Row.style = rowCss;
-
-const antiphon = "Antiphon";
-const omit = "Omit Antiphon";
-const insert = "Insert Seasonal Antiphon";
-const text = "Text";
-const table = "Table";
-const add_table_value_header = "Add Antiphon for Date";
-const add_table_value_message = "What date should the antiphon appear? (MM-DD)";
-const cancel = "Cancel";
-const ok = "Okay";
-const EN = {
-	antiphon: antiphon,
-	omit: omit,
-	insert: insert,
-	text: text,
-	table: table,
-	add_table_value_header: add_table_value_header,
-	add_table_value_message: add_table_value_message,
-	cancel: cancel,
-	ok: ok
-};
-
-const ldfEditableAntiphonFieldCss = "ion-grid.sc-ldf-editable-antiphon-field{width:100%}ldf-liturgical-document.sc-ldf-editable-antiphon-field{width:100%}";
-
-const LOCALE = {
-  'en': EN
-};
-const EditableStringOrAntiphon = ({ mode, path, value }) => h("ion-item", { lines: "none" }, mode === 'string' && h("ldf-editable-text", { path: path, short: true, text: value.toString() }), mode === 'refrain' && h("ldf-liturgical-document", { path: path, doc: value, editable: true }));
-const EditableAntiphonFieldComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ldfDocShouldChange = createEvent(this, "ldfDocShouldChange", 7);
-    this.mode = 'default';
-  }
-  antiphonChange() {
-    this.currentAntiphon = this.antiphon;
-    this.setMode();
-  }
-  omitAntiphonChange() {
-    this.currentOmitAntiphon = this.omit_antiphon;
-  }
-  insertAntiphonChange() {
-    this.currentInsertAntiphon = this.insert_antiphon;
-  }
-  componentWillLoad() {
-    this.loadLocaleStrings();
-    this.currentAntiphon = this.antiphon;
-    this.currentOmitAntiphon = this.omit_antiphon;
-    this.currentInsertAntiphon = this.insert_antiphon;
-    this.setMode();
-  }
-  setMode() {
-    var _a;
-    if (this.currentAntiphon == undefined) {
-      this.mode = 'default';
-    }
-    else if (typeof this.currentAntiphon === 'string') {
-      this.mode = 'string';
-    }
-    else if (((_a = this.currentAntiphon) === null || _a === void 0 ? void 0 : _a.type) === 'refrain') {
-      this.mode = 'refrain';
-    }
-    else if (typeof this.currentAntiphon === 'object') {
-      this.mode = 'table';
-    }
-    else {
-      console.warn(`[ldf-editable-antiphon-field] invalid antiphon field at path ${this.path}/metadata/antiphon: ${JSON.stringify(this.currentAntiphon)}`);
-    }
-  }
-  async loadLocaleStrings() {
-    try {
-      this.localeStrings = LOCALE[getComponentClosestLanguage(this.element)];
-    }
-    catch (e) {
-      console.warn(e);
-    }
-  }
-  setValue(newValue, omit, insert) {
-    this.ldfDocShouldChange.emit(new Change({
-      path: `${this.path}/metadata/antiphon`,
-      op: [{
-          type: 'set',
-          oldValue: this.currentAntiphon,
-          value: newValue
-        }]
-    }));
-    this.currentAntiphon = newValue;
-    this.setMode();
-    if (this.currentOmitAntiphon !== omit) {
-      this.ldfDocShouldChange.emit(new Change({
-        path: `${this.path}/metadata/omit_antiphon`,
-        op: [{
-            type: 'set',
-            oldValue: this.currentOmitAntiphon,
-            value: omit
-          }]
-      }));
-      this.currentOmitAntiphon = omit;
-    }
-    if (this.currentInsertAntiphon !== insert) {
-      this.ldfDocShouldChange.emit(new Change({
-        path: `${this.path}/metadata/insert_antiphon`,
-        op: [{
-            type: 'set',
-            oldValue: this.currentInsertAntiphon,
-            value: insert
-          }]
-      }));
-      this.currentInsertAntiphon = insert;
-    }
-  }
-  async addTableValue() {
-    const alert = await alertController.create({
-      header: this.localeStrings.add_table_value_header,
-      message: this.localeStrings.add_table_value_message,
-      inputs: [
-        {
-          name: 'mmdd',
-          type: 'text',
-          placeholder: 'MM/DD'
-        }
-      ],
-      buttons: [
-        {
-          text: this.localeStrings.cancel,
-          role: 'cancel',
-          cssClass: 'secondary'
-        }, {
-          text: this.localeStrings.ok,
-          handler: ({ mmdd }) => {
-            if (typeof this.currentAntiphon === 'object') {
-              const oldValue = this.currentAntiphon[mmdd];
-              this.currentAntiphon[mmdd] = '';
-              this.ldfDocShouldChange.emit(new Change({
-                path: `${this.path}/metadata/antiphon`,
-                op: [{
-                    type: 'set',
-                    index: mmdd,
-                    oldValue,
-                    value: ''
-                  }]
-              }));
-              this.currentAntiphon = Object.assign({}, this.currentAntiphon);
-              this.ldfDocShouldChange.emit(new Change({
-                path: `${this.path}/metadata/omit_antiphon`,
-                op: [{
-                    type: 'set',
-                    oldValue: this.currentOmitAntiphon,
-                    value: false
-                  }]
-              }));
-              this.currentOmitAntiphon = false;
-            }
-          }
-        }
-      ]
-    });
-    await alert.present();
-  }
-  async removeTableValue(mmdd) {
-    if (typeof this.currentAntiphon === 'object') {
-      this.currentAntiphon[mmdd] = undefined;
-      this.ldfDocShouldChange.emit(new Change({
-        path: `${this.path}/metadata/antiphon`,
-        op: [{
-            type: 'deleteAt',
-            index: mmdd,
-            oldValue: this.currentAntiphon[mmdd],
-          }]
-      }));
-      this.currentAntiphon = Object.assign({}, this.currentAntiphon);
-    }
-  }
-  render() {
-    const localeStrings = this.localeStrings || {};
-    return (h(Host, null, h("ion-radio-group", { value: this.mode, onIonChange: (e) => {
-        switch (e.detail.value) {
-          case 'omit':
-            this.setValue(undefined, true, false);
-            break;
-          case 'insert':
-            this.setValue(undefined, false, true);
-            break;
-          case 'string':
-            this.setValue('', false, false);
-          case 'refrain':
-            this.setValue(new Refrain({ type: 'refrain', style: 'antiphon', value: [''] }), false, false);
-            break;
-          case 'table':
-            this.setValue({}, false, false);
-            break;
-        }
-      } }, h("ion-list-header", null, h("ion-label", null, localeStrings.antiphon)), h("ion-item", { lines: "none" }, h("ion-label", null, localeStrings.omit), h("ion-radio", { slot: "end", value: "omit" })), h("ion-item", { lines: "none" }, h("ion-label", null, localeStrings.insert), h("ion-radio", { slot: "end", value: "insert" })), h("ion-item", { lines: "none" }, h("ion-label", null, localeStrings.text), h("ion-radio", { slot: "end", value: "refrain" })), h("ion-item", { lines: "none" }, h("ion-label", null, localeStrings.table), h("ion-radio", { slot: "end", value: "table" }))), (typeof this.currentAntiphon !== 'object' || this.currentAntiphon.type === 'refrain') && h(EditableStringOrAntiphon, { mode: this.mode, path: `${this.path}/metadata/antiphon`, value: this.currentAntiphon }), typeof this.currentAntiphon === 'object' && !Boolean(this.currentAntiphon.type) && h("ion-item", { lines: "none" }, h("ion-grid", null, Object.keys(this.currentAntiphon).map(mmdd => h("ion-row", { key: mmdd }, h("ion-col", { size: "4" }, mmdd), h("ion-col", null, h(EditableStringOrAntiphon, { mode: typeof this.currentAntiphon[mmdd] === 'string' ? 'string' : 'refrain', path: `${this.path}/metadata/antiphon/${mmdd}`, value: this.currentAntiphon[mmdd] })), h("ion-col", { size: "1" }, h("ion-buttons", null, h("ion-button", { fill: "clear", onClick: () => this.removeTableValue(mmdd) }, h("ion-label", null, h("ion-icon", { slot: "icon-only", name: "trash" }))))))), h("ion-row", null, h("ion-toolbar", null, h("ion-buttons", { slot: "end" }, h("ion-button", { onClick: () => this.addTableValue() }, h("ion-label", null, h("ion-icon", { slot: "icon-only", name: "add" }))))))))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "antiphon": ["antiphonChange"],
-    "omit_antiphon": ["omitAntiphonChange"],
-    "insert_antiphon": ["insertAntiphonChange"]
-  }; }
-};
-EditableAntiphonFieldComponent.style = ldfEditableAntiphonFieldCss;
-
-export { CardContent as ion_card_content, CardTitle as ion_card_title, Col as ion_col, Grid as ion_grid, Row as ion_row, EditableAntiphonFieldComponent as ldf_editable_antiphon_field };

package/dist/esm/ion-card-subtitle.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-034add74.js';
-import { g as getIonMode } from './ionic-global-24253941.js';
-import { c as createColorClasses } from './theme-7ef00c83.js';
-
-const cardSubtitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, #666666);margin-left:0;margin-right:0;margin-top:0;margin-bottom:4px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:12px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase}";
-
-const cardSubtitleMdCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-550, #737373);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:14px;font-weight:500}";
-
-const CardSubtitle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { role: "heading", "aria-level": "3", class: createColorClasses(this.color, {
-        'ion-inherit-color': true,
-        [mode]: true,
-      }) }, h("slot", null)));
-  }
-};
-CardSubtitle.style = {
-  ios: cardSubtitleIosCss,
-  md: cardSubtitleMdCss
-};
-
-export { CardSubtitle as ion_card_subtitle };

package/dist/esm/ion-card_2.entry.js

@@ -1,92 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-034add74.js';
-import { g as getIonMode } from './ionic-global-24253941.js';
-import { o as openURL, c as createColorClasses } from './theme-7ef00c83.js';
-
-const cardIosCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, #666666)));margin-left:16px;margin-right:16px;margin-top:24px;margin-bottom:24px;border-radius:8px;transform:translateZ(0);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:14px;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px}}:host(.ion-activated){transform:scale3d(0.97, 0.97, 1)}";
-
-const cardMdCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}button,a{cursor:pointer;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-550, #737373)));margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;border-radius:4px;font-size:14px;box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px}}";
-
-const Card = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * If `true`, a button tag will be rendered and the card will be tappable.
-     */
-    this.button = false;
-    /**
-     * The type of the button. Only used when an `onclick` or `button` property is present.
-     */
-    this.type = 'button';
-    /**
-     * If `true`, the user cannot interact with the card.
-     */
-    this.disabled = false;
-    /**
-     * When using a router, it specifies the transition direction when navigating to
-     * another page using `href`.
-     */
-    this.routerDirection = 'forward';
-  }
-  isClickable() {
-    return this.href !== undefined || this.button;
-  }
-  renderCard(mode) {
-    const clickable = this.isClickable();
-    if (!clickable) {
-      return [h("slot", null)];
-    }
-    const { href, routerAnimation, routerDirection } = this;
-    const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';
-    const attrs = TagType === 'button'
-      ? { type: this.type }
-      : {
-        download: this.download,
-        href: this.href,
-        rel: this.rel,
-        target: this.target,
-      };
-    return (h(TagType, Object.assign({}, attrs, { class: "card-native", part: "native", disabled: this.disabled, onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation) }), h("slot", null), clickable && mode === 'md' && h("ion-ripple-effect", null)));
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { class: createColorClasses(this.color, {
-        [mode]: true,
-        'card-disabled': this.disabled,
-        'ion-activatable': this.isClickable(),
-      }) }, this.renderCard(mode)));
-  }
-};
-Card.style = {
-  ios: cardIosCss,
-  md: cardMdCss
-};
-
-const cardHeaderIosCss = ":host{--background:transparent;--color:inherit;display:block;position:relative;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}@supports (backdrop-filter: blur(0)){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);backdrop-filter:saturate(180%) blur(30px)}}";
-
-const cardHeaderMdCss = ":host{--background:transparent;--color:inherit;display:block;position:relative;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{padding-left:16px;padding-right:16px;padding-top:16px;padding-bottom:16px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}::slotted(ion-card-title:not(:first-child)),::slotted(ion-card-subtitle:not(:first-child)){margin-top:8px}";
-
-const CardHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * If `true`, the card header will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
-     * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
-     */
-    this.translucent = false;
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { class: createColorClasses(this.color, {
-        'card-header-translucent': this.translucent,
-        'ion-inherit-color': true,
-        [mode]: true,
-      }) }, h("slot", null)));
-  }
-};
-CardHeader.style = {
-  ios: cardHeaderIosCss,
-  md: cardHeaderMdCss
-};
-
-export { Card as ion_card, CardHeader as ion_card_header };

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

@@ -1,36 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-034add74.js';
-import { g as getIonMode } from './ionic-global-24253941.js';
-import { c as createColorClasses } from './theme-7ef00c83.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;margin-left:4px;margin-right:4px;margin-top:4px;margin-bottom:4px;padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px;display:inline-flex;position:relative;align-items:center;height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:14px;line-height:1;cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px}}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}: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(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(0, 0, 0, 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(0, 0, 0, 0.08)}::slotted(ion-icon){font-size:20px}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(0, 0, 0, 0.54)}::slotted(ion-icon:first-child){margin-left:-4px;margin-right:8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon:first-child){margin-left:unset;margin-right:unset;-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px}}::slotted(ion-icon:last-child){margin-left:8px;margin-right:-4px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon:last-child){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px}}::slotted(ion-avatar){width:24px;height:24px}::slotted(ion-avatar:first-child){margin-left:-8px;margin-right:8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-avatar:first-child){margin-left:unset;margin-right:unset;-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px}}::slotted(ion-avatar:last-child){margin-left:8px;margin-right:-8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-avatar:last-child){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px}}: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)}}";
-
-const chipMdCss = ":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;margin-left:4px;margin-right:4px;margin-top:4px;margin-bottom:4px;padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px;display:inline-flex;position:relative;align-items:center;height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:14px;line-height:1;cursor:pointer;overflow:hidden;vertical-align:middle;box-sizing:border-box}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px}}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host{padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}: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(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(0, 0, 0, 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(0, 0, 0, 0.08)}::slotted(ion-icon){font-size:20px}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(0, 0, 0, 0.54)}::slotted(ion-icon:first-child){margin-left:-4px;margin-right:8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon:first-child){margin-left:unset;margin-right:unset;-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px}}::slotted(ion-icon:last-child){margin-left:8px;margin-right:-4px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-icon:last-child){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px}}::slotted(ion-avatar){width:24px;height:24px}::slotted(ion-avatar:first-child){margin-left:-8px;margin-right:8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-avatar:first-child){margin-left:unset;margin-right:unset;-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px}}::slotted(ion-avatar:last-child){margin-left:8px;margin-right:-8px;margin-top:-4px;margin-bottom:-4px}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){::slotted(ion-avatar:last-child){margin-left:unset;margin-right:unset;-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px}}: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)}}";
-
-const Chip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Display an outline style button.
-     */
-    this.outline = false;
-    /**
-     * If `true`, the user cannot interact with the chip.
-     */
-    this.disabled = false;
-  }
-  render() {
-    const mode = getIonMode(this);
-    return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
-        [mode]: true,
-        'chip-outline': this.outline,
-        'chip-disabled': this.disabled,
-        'ion-activatable': true,
-      }) }, h("slot", null), mode === 'md' && h("ion-ripple-effect", null)));
-  }
-};
-Chip.style = {
-  ios: chipIosCss,
-  md: chipMdCss
-};
-
-export { Chip as ion_chip };