@mhmo91/schmancy 0.2.90 → 0.2.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/card.cjs +1 -1
  2. package/dist/card.js +1 -1
  3. package/dist/{chips-C0maM-LZ.js → chips-Rnq5GOEq.js} +12 -12
  4. package/dist/{chips-C0maM-LZ.js.map → chips-Rnq5GOEq.js.map} +1 -1
  5. package/dist/chips.js +1 -1
  6. package/dist/content-drawer.cjs +1 -1
  7. package/dist/content-drawer.js +1 -1
  8. package/dist/index.cjs +1 -1
  9. package/dist/index.js +26 -25
  10. package/dist/{list-CjdF2WAc.js → list-CXPHvvQw.js} +14 -15
  11. package/dist/list-CXPHvvQw.js.map +1 -0
  12. package/dist/list-Dy8fudM4.cjs +17 -0
  13. package/dist/list-Dy8fudM4.cjs.map +1 -0
  14. package/dist/list.cjs +1 -1
  15. package/dist/list.js +1 -1
  16. package/dist/nav-drawer.cjs +1 -1
  17. package/dist/nav-drawer.js +1 -1
  18. package/dist/surface-28VxChKi.cjs +22 -0
  19. package/dist/surface-28VxChKi.cjs.map +1 -0
  20. package/dist/{surface-Bxn0eKDp.js → surface-DW9nuQvU.js} +21 -24
  21. package/dist/surface-DW9nuQvU.js.map +1 -0
  22. package/dist/surface.cjs +1 -1
  23. package/dist/surface.js +3 -2
  24. package/dist/teleport.cjs +1 -1
  25. package/dist/{teleport.component-CgOdCzLc.cjs → teleport.component-CVc7rNr5.cjs} +2 -2
  26. package/dist/{teleport.component-CgOdCzLc.cjs.map → teleport.component-CVc7rNr5.cjs.map} +1 -1
  27. package/dist/{teleport.component-DIeFTjTL.js → teleport.component-Do3nxd5Y.js} +5 -5
  28. package/dist/{teleport.component-DIeFTjTL.js.map → teleport.component-Do3nxd5Y.js.map} +1 -1
  29. package/dist/teleport.js +1 -1
  30. package/dist/{typewriter-CIUrZbfY.js → typewriter-BIL8Kwvt.js} +11 -11
  31. package/dist/{typewriter-CIUrZbfY.js.map → typewriter-BIL8Kwvt.js.map} +1 -1
  32. package/dist/typewriter-C9L0TA4Y.cjs.map +1 -1
  33. package/dist/typewriter.js +1 -1
  34. package/package.json +1 -1
  35. package/types/src/surface/surface.d.ts +20 -55
  36. package/dist/context-CHWQnKZ-.cjs +0 -2
  37. package/dist/context-CHWQnKZ-.cjs.map +0 -1
  38. package/dist/context-YZmnxxIi.js +0 -6
  39. package/dist/context-YZmnxxIi.js.map +0 -1
  40. package/dist/list-BfuHqQMi.cjs +0 -17
  41. package/dist/list-BfuHqQMi.cjs.map +0 -1
  42. package/dist/list-CjdF2WAc.js.map +0 -1
  43. package/dist/surface-BHP347Uc.cjs +0 -26
  44. package/dist/surface-BHP347Uc.cjs.map +0 -1
  45. package/dist/surface-Bxn0eKDp.js.map +0 -1
  46. package/types/mixins/lit/index.d.ts +0 -1
  47. package/types/mixins/lit/litElement.mixin.d.ts +0 -3
  48. package/types/mixins/shared/baseElement.d.ts +0 -11
  49. package/types/mixins/shared/constructor.d.ts +0 -2
  50. package/types/mixins/shared/index.d.ts +0 -2
  51. package/types/mixins/tailwind/index.d.ts +0 -1
  52. package/types/mixins/tailwind/tailwind.mixin.d.ts +0 -7
  53. package/types/src/animate/animate.component.d.ts +0 -30
  54. package/types/src/animate/index.d.ts +0 -1
  55. package/types/src/appbar/index.d.ts +0 -1
  56. package/types/src/appbar/top.d.ts +0 -13
  57. package/types/src/directives/tooltip.d.ts +0 -6
  58. package/types/src/drawer/$navbar.d.ts +0 -11
  59. package/types/src/drawer/appbar.d.ts +0 -18
  60. package/types/src/drawer/content.d.ts +0 -10
  61. package/types/src/drawer/context.d.ts +0 -8
  62. package/types/src/drawer/drawer.d.ts +0 -33
  63. package/types/src/drawer/index.d.ts +0 -6
  64. package/types/src/drawer/navbar.d.ts +0 -17
  65. package/types/src/drawer/sidebar.d.ts +0 -15
  66. package/types/src/events.d.ts +0 -4
  67. package/types/src/layout/layout/layout.d.ts +0 -49
  68. package/types/src/list/list-v2.d.ts +0 -61
  69. package/types/src/mixin/index.d.ts +0 -2
  70. package/types/src/mixin/lit/index.d.ts +0 -1
  71. package/types/src/mixin/lit/litElement.mixin.d.ts +0 -3
  72. package/types/src/mixin/shared/baseElement.d.ts +0 -11
  73. package/types/src/mixin/shared/constructor.d.ts +0 -2
  74. package/types/src/mixin/shared/index.d.ts +0 -2
  75. package/types/src/mixin/tailwind/index.d.ts +0 -1
  76. package/types/src/mixin/tailwind/tailwind.mixin.d.ts +0 -8
  77. package/types/src/paper/index.d.ts +0 -1
  78. package/types/src/paper/paper.d.ts +0 -10
  79. package/types/src/sheet/sheet-content.d.ts +0 -10
  80. package/types/src/theme/$schmancyTheme.d.ts +0 -66
  81. package/types/src/theme/defaultTheme.d.ts +0 -2
  82. package/types/src/theme/dynamicTheme.d.ts +0 -5
  83. package/types/tailwind.config.d.ts +0 -4
@@ -1 +0,0 @@
1
- {"version":3,"file":"surface-Bxn0eKDp.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // Utility for conditionally applying CSS classes\nimport { SchmancySurfaceTypeContext } from './context'\n\n/**\n * Defines the fill options for the surface component.\n */\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n\n/**\n * `<schmancy-surface>` component.\n *\n * This component renders a styled surface element that adapts its dimensions based on the\n * provided fill mode. It supports various rounding options, elevation levels, and applies\n * background and text color classes based on the specified surface variant.\n *\n * **Note:** The property for defining the surface variant is named `surface` and is not\n * changed to `type` to maintain API consistency.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child elements.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" surface=\"surfaceBright\" scroller>\n * <p>Your content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t:host {\n\t\tdisplay: block;\n\t}\n\t/* When the scroller attribute is present, enable scrolling behavior */\n\t:host([scroller]) {\n\t\toverflow: auto;\n\t\tscroll-behavior: smooth;\n\t\tposition: relative;\n\t}\n`) {\n\t/**\n\t * Determines how the component should fill the available space.\n\t *\n\t * - `all`: Fills both width and height.\n\t * - `width`: Fills only the width.\n\t * - `height`: Fills only the height.\n\t * - `auto`: No automatic filling.\n\t *\n\t * @attr fill\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true }) fill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t *\n\t * Options:\n\t * - `none`: No rounding.\n\t * - `top`, `left`, `right`, `bottom`: Rounds only one edge.\n\t * - `all`: Rounds all corners.\n\t *\n\t * @attr rounded\n\t * @default 'none'\n\t */\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the type variant.\n\t *\n\t * **Note:** The property name is `type` and is kept as-is to maintain API consistency.\n\t * This value is also provided via context to descendant components.\n\t *\n\t * @attr type\n\t * @default 'type'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype: TSurfaceColor = 'surface'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t *\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t *\n\t * @attr elevation\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * When set to true, the surface becomes scrollable.\n\t *\n\t * @attr scroller\n\t * @type {boolean}\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true }) scroller: boolean = false\n\n\t/**\n\t * Renders the component's template.\n\t *\n\t * CSS classes are conditionally applied using the `classMap` directive based on the\n\t * current property values.\n\t *\n\t * @returns The template for the component.\n\t */\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\trelative: true,\n\t\t\t'inset-0': true,\n\t\t\tblock: true,\n\t\t\t'box-border': true,\n\t\t\t// Rounding classes\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\t\t\t// Fill classes\n\t\t\t'w-full': this.fill === 'width' || this.fill === 'all',\n\t\t\t'h-full': this.fill === 'height' || this.fill === 'all',\n\t\t\t// Elevation shadow classes\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'shadow-xl': this.elevation === 5,\n\t\t\t// Text color based on the surface variant for optimal readability\n\t\t\t'text-surface-on':\n\t\t\t\tthis.type === 'surface' ||\n\t\t\t\tthis.type === 'surfaceDim' ||\n\t\t\t\tthis.type === 'surfaceBright' ||\n\t\t\t\tthis.type === 'containerLowest' ||\n\t\t\t\tthis.type === 'containerLow' ||\n\t\t\t\tthis.type === 'container' ||\n\t\t\t\tthis.type === 'containerHigh' ||\n\t\t\t\tthis.type === 'containerHighest',\n\t\t\t// Background color classes based on the surface variant\n\t\t\t'bg-surface-default': this.type === 'surface',\n\t\t\t'bg-surface-dim': this.type === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.type === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.type === 'containerLowest',\n\t\t\t'bg-surface-low': this.type === 'containerLow',\n\t\t\t'bg-surface-container': this.type === 'container',\n\t\t\t'bg-surface-high': this.type === 'containerHigh',\n\t\t\t'bg-surface-highest': this.type === 'containerHighest',\n\t\t}\n\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","scroller","render","classes","relative","block","html","classMap","__decorateClass","property","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","Boolean","customElement"],"mappings":";;;;;;;;;;AAgCa,IAAAA,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAgCiEC,GAAAA,KAAAC,OAAA,QAaKD,KAAAE,UAAA,QAatDF,KAAAG,OAAA,WAUwDH,KAAAI,YAAA,GASdJ,KAAAK,WAAAA;AAAAA,EAAA;AAAA,EAUtD,SAAAC;AACT,UAAMC,IAAU,EACfC,UAAU,IACV,WAAW,IACXC,WACA,cAAA,IAEA,gBAAgBT,KAAKE,YAAY,QACjC,mBAAmBF,KAAKE,YAAY,OACpC,mBAAmBF,KAAKE,YAAY,QACpC,mBAAmBF,KAAKE,YAAY,SACpC,mBAAmBF,KAAKE,YAAY,UACpC,iBAAiBF,KAAKE,YAAY,OAElC,UAAUF,KAAKC,SAAS,WAAWD,KAAKC,SAAS,OACjD,UAAUD,KAAKC,SAAS,YAAYD,KAAKC,SAAS,OAElD,aAAaD,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAEhC,mBACCJ,KAAKG,SAAS,aACdH,KAAKG,SAAS,gBACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,qBACdH,KAAKG,SAAS,kBACdH,KAAKG,SAAS,eACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,oBAEf,sBAAsBH,KAAKG,SAAS,WACpC,kBAAkBH,KAAKG,SAAS,cAChC,qBAAqBH,KAAKG,SAAS,iBACnC,qBAAqBH,KAAKG,SAAS,mBACnC,kBAAkBH,KAAKG,SAAS,gBAChC,wBAAwBH,KAAKG,SAAS,aACtC,mBAAmBH,KAAKG,SAAS,iBACjC,sBAAsBH,KAAKG,SAAS,mBAATA;AAGrB,WAAAO;AAAAA,oBACWC,EAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAQ;AAnGOK;AAAAA,EAAA,CAA1CC,EAAS,EAAEV,MAAMW,QAAQC,SAAAA,GAhCdpB,CAAAA,CAAAA,GAAAA,EAgC+BqB,WAAA,QAAA,CAa/BJ,GAAAA,EAAA,CAAXC,EAAAA,CAAAA,GA7CWlB,EA6CAqB,WAAA,WAAA,CAAA,GAaZJ,EAAA,CAFCK,EAAQ,EAAEC,SAASC,EAAAA,CAAAA,GACnBN,EAzDWlB,CAAAA,GAAAA,EA0DZqB,WAAA,QAAA,CAU2CJ,GAAAA,EAAA,CAA1CC,EAAS,EAAEV,MAAMiB,QAAQL,SAAAA,GApEdpB,CAAAA,CAAAA,GAAAA,EAoE+BqB,WAAA,aAAA,CASCJ,GAAAA,EAAA,CAA3CC,EAAS,EAAEV,MAAMkB,SAASN,SAAAA,GA7EfpB,CAAAA,CAAAA,GAAAA,EA6EgCqB,WAAA,YAAA,CA7EhCrB,GAAAA,IAANiB,EAAA,CADNU,EAAc,kBAAA,CAAA,GACF3B;"}
@@ -1 +0,0 @@
1
- export * from './litElement.mixin';
@@ -1,3 +0,0 @@
1
- import { CSSResult, LitElement } from 'lit';
2
- import { Constructor, IBaseMixin } from '..';
3
- export declare const $LitElement: <T extends CSSResult>(componentStyle?: T) => CustomElementConstructor & Constructor<LitElement> & Constructor<IBaseMixin>;
@@ -1,11 +0,0 @@
1
- import type { Constructor } from './constructor';
2
- import { LitElement } from 'lit';
3
- import { Subject } from 'rxjs';
4
- import { classMap } from 'lit/directives/class-map.js';
5
- import { styleMap } from 'lit/directives/style-map.js';
6
- export declare class IBaseMixin {
7
- disconnecting: Subject<boolean>;
8
- classMap: typeof classMap;
9
- styleMap: typeof styleMap;
10
- }
11
- export declare const BaseElement: <T extends Constructor<LitElement>>(superClass: T) => Constructor<IBaseMixin> & T;
@@ -1,2 +0,0 @@
1
- export type Constructor<T = {}> = new (...args: any[]) => T;
2
- export type AbstractConstructor<T = {}> = abstract new (...args: any[]) => T;
@@ -1,2 +0,0 @@
1
- export * from './baseElement';
2
- export * from './constructor';
@@ -1 +0,0 @@
1
- export * from './tailwind.mixin';
@@ -1,7 +0,0 @@
1
- import { CSSResult, LitElement } from 'lit';
2
- import { Constructor, IBaseMixin } from '../';
3
- export declare class ITailwindElementMixin {
4
- styles: (typeof CSSResult)[];
5
- }
6
- export declare const tailwindStyles: CSSResult;
7
- export declare const TailwindElement: <T extends CSSResult>(componentStyle?: T) => Constructor<CustomElementConstructor> & Constructor<ITailwindElementMixin> & Constructor<LitElement> & Constructor<IBaseMixin>;
@@ -1,30 +0,0 @@
1
- declare const SchmancyAnimate_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
2
- export declare class SchmancyAnimate extends SchmancyAnimate_base {
3
- layout: boolean;
4
- opacity: Array<number>;
5
- /**
6
- * @description delay in ms
7
- * @type {number}
8
- * @default 0
9
- */
10
- delay: number;
11
- duration: number;
12
- /**
13
- * @description translateX in px
14
- * @type {Array<number>}
15
- * @default [0, 0]
16
- */
17
- translateX: Array<number | string>;
18
- translateY: Array<number | string>;
19
- easing?: string;
20
- stagger?: boolean;
21
- assignedElements: HTMLElement[];
22
- firstUpdated(): void;
23
- render(): import("lit-html").TemplateResult<1>;
24
- }
25
- declare global {
26
- interface HTMLElementTagNameMap {
27
- 'schmancy-animate': SchmancyAnimate;
28
- }
29
- }
30
- export {};
@@ -1 +0,0 @@
1
- export * from './animate.component';
@@ -1 +0,0 @@
1
- export * from './top';
@@ -1,13 +0,0 @@
1
- import { TSchmancyDrawerSidebarMode } from '@schmancy/drawer/context';
2
- declare const SchmancyAppbarTop_base: import("..").Constructor<CustomElementConstructor> & import("..").Constructor<import("@schmancy/mixin/tailwind/tailwind.mixin").ITailwindElementMixin> & import("..").Constructor<import("lit").LitElement> & import("..").Constructor<import("..").IBaseMixin>;
3
- export declare class SchmancyAppbarTop extends SchmancyAppbarTop_base {
4
- sidebarMode: TSchmancyDrawerSidebarMode;
5
- sidebarOpen: any;
6
- render(): import("lit-html").TemplateResult<1>;
7
- }
8
- declare global {
9
- interface HTMLElementTagNameMap {
10
- 'schmancy-appbar-top': SchmancyAppbarTop;
11
- }
12
- }
13
- export {};
@@ -1,6 +0,0 @@
1
- import { Directive } from 'lit/directive.js';
2
- declare class TooltipDirective extends Directive {
3
- render(text: string): (part: any) => void;
4
- }
5
- export declare const tooltip: (text: string) => import("lit-html/directive").DirectiveResult<typeof TooltipDirective>;
6
- export {};
@@ -1,11 +0,0 @@
1
- export declare enum SchmancyEvents {
2
- DRAWER_TOGGLE = "SchmancytoggleSidebar"
3
- }
4
- declare class Drawer {
5
- private $drawer;
6
- constructor();
7
- open(self?: HTMLElement): void;
8
- close(self?: HTMLElement): void;
9
- }
10
- export declare const schmancyDrawer: Drawer;
11
- export {};
@@ -1,18 +0,0 @@
1
- import { TSchmancyDrawerNavbarMode } from '@schmancy/drawer/context';
2
- declare const SchmancyDrawerAppbar_base: import("..").Constructor<CustomElementConstructor> & import("..").Constructor<import("@schmancy/mixin/tailwind/tailwind.mixin").ITailwindElementMixin> & import("..").Constructor<import("lit").LitElement> & import("..").Constructor<import("..").IBaseMixin>;
3
- /**
4
- * @element schmancy-nav-drawer-appbar
5
- * @slot toggler - The toggler slot
6
- * @slot - The default slot
7
- */
8
- export declare class SchmancyDrawerAppbar extends SchmancyDrawerAppbar_base {
9
- sidebarMode: TSchmancyDrawerNavbarMode;
10
- sidebarOpen: any;
11
- render(): import("lit-html").TemplateResult<1>;
12
- }
13
- declare global {
14
- interface HTMLElementTagNameMap {
15
- 'schmancy-nav-drawer-appbar': SchmancyDrawerAppbar;
16
- }
17
- }
18
- export {};
@@ -1,10 +0,0 @@
1
- declare const SchmancyNavigationDrawerContent_base: CustomElementConstructor & import("@mhmo91/lit-mixins/src").Constructor<import("lit").LitElement> & import("@mhmo91/lit-mixins/src").Constructor<import("@mhmo91/lit-mixins/src").IBaseMixin>;
2
- export declare class SchmancyNavigationDrawerContent extends SchmancyNavigationDrawerContent_base {
3
- render(): import("lit-html").TemplateResult<1>;
4
- }
5
- declare global {
6
- interface HTMLElementTagNameMap {
7
- 'schmancy-nav-drawer-content': SchmancyNavigationDrawerContent;
8
- }
9
- }
10
- export {};
@@ -1,8 +0,0 @@
1
- export type TSchmancyDrawerNavbarMode = 'push' | 'overlay' | undefined;
2
- export declare const SchmancyDrawerNavbarMode: {
3
- __context__: TSchmancyDrawerNavbarMode;
4
- };
5
- export type TSchmancyDrawerNavbarState = 'open' | 'close' | undefined;
6
- export declare const SchmancyDrawerNavbarState: {
7
- __context__: TSchmancyDrawerNavbarState;
8
- };
@@ -1,33 +0,0 @@
1
- import { nothing } from 'lit';
2
- import { TSchmancyDrawerNavbarMode, TSchmancyDrawerNavbarState } from './context';
3
- declare const SchmancyNavigationDrawer_base: CustomElementConstructor & import("@mhmo91/lit-mixins/src").Constructor<import("lit").LitElement> & import("@mhmo91/lit-mixins/src").Constructor<import("@mhmo91/lit-mixins/src").IBaseMixin>;
4
- /**
5
- * @element schmancy-nav-drawer
6
- * @slot appbar - The appbar slot
7
- * @slot - The content slot
8
- */
9
- export declare class SchmancyNavigationDrawer extends SchmancyNavigationDrawer_base {
10
- /**
11
- * The minimum width of the sidebar
12
- * @attr min-width
13
- * @type {number}
14
- * @memberof SchmancyNavigationDrawer
15
- */
16
- minWidth: number;
17
- /**
18
- * The mode of the sidebar
19
- * @type {TSchmancyDrawerNavbarMode}
20
- * @memberof SchmancyNavigationDrawer
21
- * @protected
22
- */
23
- mode: TSchmancyDrawerNavbarMode;
24
- open: TSchmancyDrawerNavbarState;
25
- connectedCallback(): void;
26
- protected render(): import("lit-html").TemplateResult<1> | typeof nothing;
27
- }
28
- declare global {
29
- interface HTMLElementTagNameMap {
30
- 'schmancy-nav-drawer': SchmancyNavigationDrawer;
31
- }
32
- }
33
- export {};
@@ -1,6 +0,0 @@
1
- export * from './$navbar';
2
- export * from './appbar';
3
- export * from './content';
4
- export * from './context';
5
- export * from './drawer';
6
- export * from './navbar';
@@ -1,17 +0,0 @@
1
- import { TSchmancyDrawerNavbarMode } from './context';
2
- declare const SchmancyNavigationDrawerSidebar_base: CustomElementConstructor & import("@mhmo91/lit-mixins/src").Constructor<import("lit").LitElement> & import("@mhmo91/lit-mixins/src").Constructor<import("@mhmo91/lit-mixins/src").IBaseMixin>;
3
- export declare class SchmancyNavigationDrawerSidebar extends SchmancyNavigationDrawerSidebar_base {
4
- mode: TSchmancyDrawerNavbarMode;
5
- private state;
6
- overlay: HTMLElement;
7
- updated(changedProperties: Map<string, any>): void;
8
- openOverlay(): void;
9
- closeOverlay(): void;
10
- protected render(): import("lit-html").TemplateResult<1>;
11
- }
12
- declare global {
13
- interface HTMLElementTagNameMap {
14
- 'schmancy-nav-drawer-navbar': SchmancyNavigationDrawerSidebar;
15
- }
16
- }
17
- export {};
@@ -1,15 +0,0 @@
1
- import { TSchmancyDrawerSidebarMode } from './context';
2
- declare const SchmancyDrawerSidebar_base: CustomElementConstructor & import("@mhmo91/lit-mixins/src").Constructor<import("lit").LitElement> & import("@mhmo91/lit-mixins/src").Constructor<import("@mhmo91/lit-mixins/src").IBaseMixin>;
3
- export declare class SchmancyDrawerSidebar extends SchmancyDrawerSidebar_base {
4
- mode: TSchmancyDrawerSidebarMode;
5
- private state;
6
- overlay: HTMLElement;
7
- updated(changedProperties: Map<string, any>): void;
8
- protected render(): import("lit-html").TemplateResult<1>;
9
- }
10
- declare global {
11
- interface HTMLElementTagNameMap {
12
- 'schmancy-drawer-sidebar': SchmancyDrawerSidebar;
13
- }
14
- }
15
- export {};
@@ -1,4 +0,0 @@
1
- export declare enum SchmancyEvents {
2
- NavDrawer_toggle = "SchmancytoggleSidebar",
3
- ContentDrawerToggle = "ContentDrawerToggle"
4
- }
@@ -1,49 +0,0 @@
1
- declare const Layout_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
2
- export default class Layout extends Layout_base {
3
- static styles: any;
4
- layout: boolean;
5
- center: boolean | undefined;
6
- padding: string | undefined;
7
- margin: string | undefined;
8
- width: string | undefined;
9
- height: string | undefined;
10
- minWidth: string | undefined;
11
- minHeight: string | undefined;
12
- maxWidth: string | undefined;
13
- maxHeight: string | undefined;
14
- display: 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'table' | 'inline-table' | 'flow-root' | 'none' | undefined;
15
- overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined;
16
- overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined;
17
- overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined;
18
- position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined;
19
- top: string | undefined;
20
- right: string | undefined;
21
- bottom: string | undefined;
22
- left: string | undefined;
23
- inset: string | undefined;
24
- zIndex: string | undefined;
25
- border: string | undefined;
26
- borderTop: string | undefined;
27
- borderRight: string | undefined;
28
- borderBottom: string | undefined;
29
- borderLeft: string | undefined;
30
- borderColor: string | undefined;
31
- borderRadius: string | undefined;
32
- borderWidth: string | undefined;
33
- boxShadow: string | undefined;
34
- opacity: string | undefined;
35
- background: string | undefined;
36
- backgroundImage: string | undefined;
37
- backgroundPosition: string | undefined;
38
- backgroundSize: string | undefined;
39
- backgroundRepeat: string | undefined;
40
- backgroundAttachment: string | undefined;
41
- backgroundColor: string | undefined;
42
- backgroundClip: string | undefined;
43
- backgroundOrigin: string | undefined;
44
- backgroundBlendMode: string | undefined;
45
- filter: string | undefined;
46
- backdropFilter: string | undefined;
47
- connectedCallback(): void;
48
- }
49
- export {};
@@ -1,61 +0,0 @@
1
- import '@lit-labs/virtualizer';
2
- import { SchmancySurfaceFill } from '@schmancy/surface';
3
- import { TSurfaceColor } from '@schmancy/types/surface';
4
- import { TemplateResult } from 'lit';
5
- declare const List_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
6
- /**
7
- * `<sch-list>` component.
8
- *
9
- * A list component that wraps its content within a customizable surface.
10
- * It allows you to set the surface type and fill style, and can optionally
11
- * enable scrolling behavior by delegating the scroller attribute to the surface.
12
- *
13
- * @element sch-list
14
- * @slot - The default slot for list items.
15
- *
16
- * @example
17
- * <sch-list surface="container">
18
- * <sch-list-item>List Item 1</sch-list-item>
19
- * </sch-list>
20
- */
21
- export declare class List extends List_base {
22
- /**
23
- * Defines the type or color of the surface used by the component.
24
- * This value is provided to descendant components via context.
25
- *
26
- * @attr surface
27
- * @type {TSurfaceColor}
28
- * @default 'surface'
29
- */
30
- surface: TSurfaceColor;
31
- /**
32
- * Determines the fill style of the underlying surface.
33
- *
34
- * @attr fill
35
- * @type {SchmancySurfaceFill}
36
- * @default 'auto'
37
- */
38
- fill: SchmancySurfaceFill;
39
- /**
40
- * Defines the elevation level of the surface.
41
- *
42
- * @attr elevation
43
- * @type {number}
44
- * @default 0
45
- */
46
- elevation: 0 | 1 | 2 | 3 | 4 | 5;
47
- items: any[];
48
- /**
49
- * Renders the component's template.
50
- * The list content is wrapped inside a `<schmancy-surface>` element.
51
- *
52
- * @returns The HTML template for the component.
53
- */
54
- render(): TemplateResult<1>;
55
- }
56
- declare global {
57
- interface HTMLElementTagNameMap {
58
- 'sch-list': List;
59
- }
60
- }
61
- export {};
@@ -1,2 +0,0 @@
1
- export * from './shared';
2
- export * from './tailwind';
@@ -1 +0,0 @@
1
- export * from './litElement.mixin';
@@ -1,3 +0,0 @@
1
- import { CSSResult, LitElement } from 'lit';
2
- import { Constructor, IBaseMixin } from '..';
3
- export declare const $LitElement: <T extends CSSResult>(componentStyle?: T) => CustomElementConstructor & Constructor<LitElement> & Constructor<IBaseMixin>;
@@ -1,11 +0,0 @@
1
- import type { Constructor } from './constructor';
2
- import { LitElement } from 'lit';
3
- import { Subject } from 'rxjs';
4
- import { classMap } from 'lit/directives/class-map.js';
5
- import { styleMap } from 'lit/directives/style-map.js';
6
- export declare class IBaseMixin {
7
- disconnecting: Subject<boolean>;
8
- classMap: typeof classMap;
9
- styleMap: typeof styleMap;
10
- }
11
- export declare const BaseElement: <T extends Constructor<LitElement>>(superClass: T) => Constructor<IBaseMixin> & T;
@@ -1,2 +0,0 @@
1
- export type Constructor<T = object> = new (...args: any[]) => T;
2
- export type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;
@@ -1,2 +0,0 @@
1
- export * from './baseElement';
2
- export * from './constructor';
@@ -1 +0,0 @@
1
- export * from './tailwind.mixin';
@@ -1,8 +0,0 @@
1
- import { CSSResult, LitElement } from 'lit';
2
- import { Constructor, IBaseMixin } from '../';
3
- export declare class ITailwindElementMixin {
4
- styles: (typeof CSSResult)[];
5
- }
6
- export declare const tailwindStyles: CSSResult;
7
- declare const TailwindElement: <T extends CSSResult>(componentStyle?: T) => Constructor<CustomElementConstructor> & Constructor<ITailwindElementMixin> & Constructor<LitElement> & Constructor<IBaseMixin>;
8
- export default TailwindElement;
@@ -1 +0,0 @@
1
- export * from './paper';
@@ -1,10 +0,0 @@
1
- declare const SchmancyPaper_base: import("..").Constructor<CustomElementConstructor> & import("..").Constructor<import("@schmancy/mixin/tailwind/tailwind.mixin").ITailwindElementMixin> & import("..").Constructor<import("lit").LitElement> & import("..").Constructor<import("..").IBaseMixin>;
2
- export default class SchmancyPaper extends SchmancyPaper_base {
3
- protected render(): unknown;
4
- }
5
- declare global {
6
- interface HTMLElementTagNameMap {
7
- 'schmancy-paper': SchmancyPaper;
8
- }
9
- }
10
- export {};
@@ -1,10 +0,0 @@
1
- declare const SchmancySheetContent_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
2
- export default class SchmancySheetContent extends SchmancySheetContent_base {
3
- render(): import("lit-html").TemplateResult<1>;
4
- }
5
- declare global {
6
- interface HTMLElementTagNameMap {
7
- 'schmancy-sheet-content': SchmancySheetContent;
8
- }
9
- }
10
- export {};
@@ -1,66 +0,0 @@
1
- import { Subject } from 'rxjs';
2
- import { ThemeStorage } from './dynamicTheme';
3
- declare const $newSchmancyTheme: Subject<ThemeStorage>;
4
- declare const $schmancyTheme: Subject<Partial<{
5
- sys: {
6
- color: {
7
- scrim: string;
8
- outline: string;
9
- outlineVariant: string;
10
- surface: {
11
- default: string;
12
- dim: string;
13
- bright: string;
14
- container: string;
15
- low: string;
16
- high: string;
17
- highest: string;
18
- lowest: string;
19
- on: string;
20
- onVariant: string;
21
- };
22
- primary: {
23
- default: string;
24
- on: string;
25
- container: string;
26
- onContainer: string;
27
- };
28
- secondary: {
29
- default: string;
30
- on: string;
31
- container: string;
32
- onContainer: string;
33
- };
34
- tertiary: {
35
- default: string;
36
- on: string;
37
- container: string;
38
- onContainer: string;
39
- };
40
- error: {
41
- default: string;
42
- on: string;
43
- container: string;
44
- onContainer: string;
45
- };
46
- success: {
47
- default: string;
48
- on: string;
49
- container: string;
50
- onContainer: string;
51
- };
52
- };
53
- elevation: {
54
- 0: string;
55
- 1: string;
56
- 2: string;
57
- 3: string;
58
- 4: string;
59
- 5: string;
60
- };
61
- outline: {
62
- 1: string;
63
- };
64
- };
65
- }>>;
66
- export { $newSchmancyTheme, $schmancyTheme };
@@ -1,2 +0,0 @@
1
- import { TSchmancyTheme } from './theme.interface';
2
- export declare const defaultTheme: TSchmancyTheme;
@@ -1,5 +0,0 @@
1
- export type ThemeStorage = {
2
- color: string;
3
- scheme: 'light' | 'dark' | 'auto';
4
- };
5
- export declare function generateRandomColor(): string;
@@ -1,4 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
- import { Config } from 'tailwindcss';
3
- declare const tailwindTheme: Config;
4
- export default tailwindTheme;