framework7-svelte 7.0.9 → 8.0.0-beta.1

package/components/menu-dropdown.svelte

@@ -1,35 +0,0 @@
-<script>
-  import { colorClasses } from '../shared/mixins.js';
-  import { classNames } from '../shared/utils.js';
-  import { restProps } from '../shared/rest-props.js';
-
-  let className = undefined;
-  export { className as class };
-
-  export let contentHeight = undefined;
-  export let position = undefined;
-  export let left = undefined;
-  export let center = undefined;
-  export let right = undefined;
-
-  $: positionComputed = (() => {
-    let pos = position || 'left';
-    if (left) pos = 'left';
-    if (center) pos = 'center';
-    if (right) pos = 'right';
-    return pos;
-  })();
-
-  $: classes = classNames(
-    'menu-dropdown',
-    `menu-dropdown-${positionComputed}`,
-    colorClasses($$props),
-    className,
-  );
-</script>
-
-<div class={classes} {...restProps($$restProps)}>
-  <div class="menu-dropdown-content" style={contentHeight && `height: ${contentHeight}`}>
-    <slot />
-  </div>
-</div>

package/components/menu-item.d.ts

@@ -1,83 +0,0 @@
-
-import { SvelteComponentTyped } from 'svelte';
-
-
-interface MenuItemProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
-  text?: string;
-  iconOnly?: boolean;
-  href?: string;
-  link?: boolean;
-  target?: string;
-  dropdown?: boolean;
-  tooltip ?: string;
-  tooltipTrigger ?: string;
-  color?: string;
-  colorTheme?: string;
-  textColor?: string;
-  bgColor?: string;
-  borderColor?: string;
-  rippleColor?: string;
-  dark?: boolean;
-  icon?: string;
-  iconMaterial?: string;
-  iconF7?: string;
-  iconIos?: string;
-  iconMd?: string;
-  iconAurora?: string;
-  iconColor?: string;
-  iconSize?: string | number;
-  back?: boolean;
-  external?: boolean;
-  force?: boolean;
-  animate?: boolean;
-  ignoreCache?: boolean;
-  reloadCurrent?: boolean;
-  reloadAll?: boolean;
-  reloadPrevious?: boolean;
-  reloadDetail?: boolean;
-  routeTabId?: string;
-  view?: string;
-  routeProps?: any;
-  preventRouter?: boolean;
-  transition?: string;
-  openIn?: string;
-  searchbarEnable?: boolean | string;
-  searchbarDisable?: boolean | string;
-  searchbarClear?: boolean | string;
-  searchbarToggle?: boolean | string;
-  panelOpen?: boolean | string;
-  panelClose?: boolean | string;
-  panelToggle?: boolean | string;
-  popupOpen?: boolean | string;
-  popupClose?: boolean | string;
-  actionsOpen?: boolean | string;
-  actionsClose?: boolean | string;
-  popoverOpen?: boolean | string;
-  popoverClose?: boolean | string;
-  loginScreenOpen?: boolean | string;
-  loginScreenClose?: boolean | string;
-  sheetOpen?: boolean | string;
-  sheetClose?: boolean | string;
-  sortableEnable?: boolean | string;
-  sortableDisable?: boolean | string;
-  sortableToggle?: boolean | string;
-  cardOpen?: boolean | string;
-  cardPreventOpen?: boolean | string;
-  cardClose?: boolean | string;
-  menuClose?: boolean | string;
-  onClick ?: (event?: any) => void;
-  onMenuOpened ?: (el?: HTMLElement) => void;
-  onMenuClosed ?: (el?: HTMLElement) => void;
-  children?: React.ReactNode;
-}
-
-
-
-declare class MenuItem extends SvelteComponentTyped<
-  MenuItemProps,
-  { click: CustomEvent<void>; menuOpened: CustomEvent<void>; menuClosed: CustomEvent<void>; },
-  {  'text' : {};  'default' : {}; }
-> {}
-
-export { MenuItemProps };
-export default MenuItem;

package/components/menu-item.svelte

@@ -1,138 +0,0 @@
-<script>
-  import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import {
-    colorClasses,
-    routerAttrs,
-    routerClasses,
-    actionsAttrs,
-    actionsClasses,
-  } from '../shared/mixins.js';
-  import { classNames, extend, plainText, createEmitter } from '../shared/utils.js';
-  import { restProps } from '../shared/rest-props.js';
-  import { app, f7ready } from '../shared/f7.js';
-  import { useTooltip } from '../shared/use-tooltip.js';
-  import { useRouteProps } from '../shared/use-route-props.js';
-  import { useIcon } from '../shared/use-icon.js';
-
-  import UseIcon from './use-icon.svelte';
-
-  const emit = createEmitter(createEventDispatcher, $$props);
-
-  let className = undefined;
-  export { className as class };
-
-  export let text = undefined;
-  export let iconOnly = undefined;
-  export let href = undefined;
-  export let link = undefined;
-  export let target = undefined;
-  export let dropdown = undefined;
-
-  export let tooltip = undefined;
-  export let tooltipTrigger = undefined;
-
-  export let routeProps = undefined;
-
-  let el;
-
-  $: hrefComputed = typeof href === 'undefined' && link ? '#' : href;
-
-  $: attrs = extend(
-    {
-      href: hrefComputed,
-      target,
-      ...restProps($$restProps),
-    },
-    routerAttrs($$props),
-    actionsAttrs($$props),
-  );
-
-  $: hasDefaultSlots = $$slots.default;
-  $: hasTextSlots = $$slots.text;
-
-  $: iconOnlyComputed = iconOnly || (!text && !hasTextSlots);
-
-  $: classes = classNames(
-    {
-      'menu-item': true,
-      'menu-item-dropdown': dropdown || dropdown === '',
-      'icon-only': iconOnlyComputed,
-    },
-    className,
-    colorClasses($$props),
-    routerClasses($$props),
-    actionsClasses($$props),
-  );
-
-  $: icon = useIcon($$props);
-
-  $: isLink = link || href || href === '';
-
-  function onClick(e) {
-    emit('click', [e]);
-  }
-
-  function onOpened(itemEl) {
-    if (itemEl !== el) return;
-    emit('menuOpened', [el]);
-  }
-  function onClosed(itemEl) {
-    if (itemEl !== el) return;
-    emit('menuClosed', [el]);
-  }
-
-  onMount(() => {
-    f7ready(() => {
-      app.f7.on('menuOpened', onOpened);
-      app.f7.on('menuClosed', onClosed);
-    });
-  });
-  onDestroy(() => {
-    if (!el || !app.f7) return;
-    app.f7.off('menuOpened', onOpened);
-    app.f7.off('menuClosed', onClosed);
-  });
-</script>
-
-<!-- svelte-ignore a11y-missing-attribute -->
-{#if isLink}
-  <a
-    on:click={onClick}
-    bind:this={el}
-    class={classes}
-    {...attrs}
-    use:useTooltip={{ tooltip, tooltipTrigger }}
-    use:useRouteProps={routeProps}
-  >
-    {#if typeof text !== 'undefined' || hasTextSlots || icon}
-      <div class="menu-item-content">
-        {plainText(text)}
-        {#if icon}
-          <UseIcon {icon} />
-        {/if}
-        <slot name="text" />
-      </div>
-    {/if}
-    <slot />
-  </a>
-{:else}
-  <div
-    on:click={onClick}
-    bind:this={el}
-    class={classes}
-    {...attrs}
-    use:useTooltip={{ tooltip, tooltipTrigger }}
-    use:useRouteProps={routeProps}
-  >
-    {#if typeof text !== 'undefined' || hasTextSlots || icon}
-      <div class="menu-item-content">
-        {plainText(text)}
-        {#if icon}
-          <UseIcon {icon} />
-        {/if}
-        <slot name="text" />
-      </div>
-    {/if}
-    <slot />
-  </div>
-{/if}

package/components/menu.d.ts

@@ -1,25 +0,0 @@
-
-import { SvelteComponentTyped } from 'svelte';
-
-
-interface MenuProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
-  children?: React.ReactNode;
-  color?: string;
-  colorTheme?: string;
-  textColor?: string;
-  bgColor?: string;
-  borderColor?: string;
-  rippleColor?: string;
-  dark?: boolean;
-}
-
-
-
-declare class Menu extends SvelteComponentTyped<
-  MenuProps,
-  {  },
-  {  'default' : {}; }
-> {}
-
-export { MenuProps };
-export default Menu;

package/components/menu.svelte

@@ -1,16 +0,0 @@
-<script>
-  import { colorClasses } from '../shared/mixins.js';
-  import { classNames } from '../shared/utils.js';
-  import { restProps } from '../shared/rest-props.js';
-
-  let className = undefined;
-  export { className as class };
-
-  $: classes = classNames(className, 'menu', colorClasses($$props));
-</script>
-
-<div class={classes} {...restProps($$restProps)}>
-  <div class="menu-inner">
-    <slot />
-  </div>
-</div>

package/components/row.d.ts

@@ -1,33 +0,0 @@
-
-import { SvelteComponentTyped } from 'svelte';
-
-
-interface RowProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
-  noGap ?: boolean;
-  tag ?: string;
-  resizable ?: boolean;
-  resizableFixed ?: boolean;
-  resizableAbsolute ?: boolean;
-  resizableHandler ?: boolean;
-  onClick ?: (event?: any) => void;
-  onGridResize ?: (...args: any[]) => void;
-  children?: React.ReactNode;
-  color?: string;
-  colorTheme?: string;
-  textColor?: string;
-  bgColor?: string;
-  borderColor?: string;
-  rippleColor?: string;
-  dark?: boolean;
-}
-
-
-
-declare class Row extends SvelteComponentTyped<
-  RowProps,
-  { click: CustomEvent<void>; gridResize: CustomEvent<void>; },
-  {  'default' : {}; }
-> {}
-
-export { RowProps };
-export default Row;

package/components/row.svelte

@@ -1,63 +0,0 @@
-<script>
-  import { createEventDispatcher, onMount, onDestroy } from 'svelte';
-  import { colorClasses } from '../shared/mixins.js';
-  import { classNames, createEmitter } from '../shared/utils.js';
-  import { restProps } from '../shared/rest-props.js';
-  import { app, f7ready } from '../shared/f7.js';
-
-  const emit = createEmitter(createEventDispatcher, $$props);
-
-  let className = undefined;
-  export { className as class };
-
-  export let noGap = false;
-  export let tag = 'div';
-  export let resizable = false;
-  export let resizableFixed = false;
-  export let resizableAbsolute = false;
-  export let resizableHandler = true;
-
-  let el;
-
-  $: classes = classNames(
-    className,
-    'row',
-    {
-      'no-gap': noGap,
-      resizable,
-      'resizable-fixed': resizableFixed,
-      'resizable-absolute': resizableAbsolute,
-    },
-    colorClasses($$props),
-  );
-
-  function onClick() {
-    emit('click');
-  }
-  function onResize(targetEl) {
-    if (el !== targetEl) return;
-    emit('gridResize');
-  }
-
-  onMount(() => {
-    f7ready(() => {
-      app.f7.on('gridResize', onResize);
-    });
-  });
-  onDestroy(() => {
-    if (!app.f7) return;
-    app.f7.off('gridResize', onResize);
-  });
-</script>
-
-{#if tag === 'div'}
-  <div class={classes} bind:this={el} on:click={onClick} {...restProps($$restProps)}>
-    <slot />
-    {#if resizable && resizableHandler}<span class="resize-handler" />{/if}
-  </div>
-{:else if tag === 'p'}
-  <p class={classes} bind:this={el} on:click={onClick} {...restProps($$restProps)}>
-    <slot />
-    {#if resizable && resizableHandler}<span class="resize-handler" />{/if}
-  </p>
-{/if}

package/components/swiper-slide.js

@@ -1,3 +0,0 @@
-// eslint-disable-next-line
-import { SwiperSlide } from 'swiper/svelte';
-export default SwiperSlide;

package/components/swiper.js

@@ -1,3 +0,0 @@
-// eslint-disable-next-line
-import { Swiper } from 'swiper/svelte';
-export default Swiper;

package/shared/tabbar-context.js

@@ -1,5 +0,0 @@
-// import React from 'react';
-// const TabbarContext = React.createContext({
-//   tabbarHasLabels: false,
-// });
-// export { TabbarContext };