igniteui-angular-extras 18.2.4 → 19.0.1

package/esm2022/lib/page-header/page-header.component.mjs

@@ -1,14 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "igniteui-angular";
-export class PageHeaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: PageHeaderComponent, selector: "app-page-header", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"sample-header\">\r\n    <h1 class=\"title ig-typography__h3\">\r\n        <button igxIconButton=\"flat\"\r\n            igxRipple\r\n            igxRippleCentered=\"true\"\r\n            igxToggleAction=\"navdrawer\"\r\n            class=\"hamburger\">\r\n            <igx-icon family=\"material\">menu</igx-icon>\r\n        </button>\r\n        {{ title }}\r\n    </h1>\r\n    <p class=\"description\">\r\n        <ng-content></ng-content>\r\n    </p>\r\n</div>\r\n", styles: [":host ::ng-deep,:host ::ng-deep [igxButton=flat],:host ::ng-deep .igx-button--flat{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, transparent);--disabled-foreground: var(--igx-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--igx-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--igx-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-button-default-size, 3);--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-button-background, white);--focus-foreground: var(--igx-button-focus-foreground, black);--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem));--foreground: var(--igx-button-foreground, black);--icon-color: var(--igx-button-icon-color, black);--icon-color-hover: var(--igx-button-icon-color-hover, black);--hover-background: var(--igx-button-hover-background, white);--hover-foreground: var(--igx-button-hover-foreground, black);--focus-background: var(--igx-button-focus-background, white);--focus-visible-background: var(--igx-button-focus-visible-background, white);--focus-hover-background: var(--igx-button-focus-hover-background, white);--focus-hover-foreground: var(--igx-button-focus-hover-foreground, black);--focus-visible-foreground: var(--igx-button-focus-visible-foreground, black);--active-background: var(--igx-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16));--active-foreground: var(--igx-button-active-foreground, hsl(from var(--ig-secondary-500) h s l/1));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-0));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-0));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-0));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-0));--theme: var(--igx-button-theme, material)}:host ::ng-deep,:host ::ng-deep [igxButton=outlined],:host ::ng-deep .igx-button--outlined{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, hsl(from var(--ig-secondary-500) h s l/1));--hover-border-color: var(--igx-button-hover-border-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-border-color: var(--igx-button-focus-border-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-visible-border-color: var(--igx-button-focus-visible-border-color, hsl(from var(--ig-secondary-500) h s l/1));--active-border-color: var(--igx-button-active-border-color, hsl(from var(--ig-secondary-500) h s l/1));--disabled-border-color: var(--igx-button-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-background: var(--igx-button-disabled-background, transparent);--disabled-foreground: var(--igx-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--igx-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--igx-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-button-default-size, 3);--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-button-background, white);--focus-foreground: var(--igx-button-focus-foreground, black);--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem));--foreground: var(--igx-button-foreground, black);--icon-color: var(--igx-button-icon-color, black);--icon-color-hover: var(--igx-button-icon-color-hover, black);--hover-background: var(--igx-button-hover-background, white);--hover-foreground: var(--igx-button-hover-foreground, black);--focus-background: var(--igx-button-focus-background, white);--focus-visible-background: var(--igx-button-focus-visible-background, white);--focus-hover-background: var(--igx-button-focus-hover-background, white);--focus-hover-foreground: var(--igx-button-focus-hover-foreground, black);--focus-visible-foreground: var(--igx-button-focus-visible-foreground, black);--active-background: var(--igx-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16));--active-foreground: var(--igx-button-active-foreground, hsl(from var(--ig-secondary-500) h s l/1));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-0));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-0));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-0));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-0));--theme: var(--igx-button-theme, material)}:host ::ng-deep,:host ::ng-deep [igxButton=contained],:host ::ng-deep .igx-button--contained{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-foreground: var(--igx-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--igx-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--igx-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-button-default-size, 3);--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-4));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-8));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-8));--background: var(--igx-button-background, white);--active-background: var(--igx-button-active-background, hsl(from var(--ig-secondary-300) h s l/1));--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem));--foreground: var(--igx-button-foreground, black);--icon-color: var(--igx-button-icon-color, black);--icon-color-hover: var(--igx-button-icon-color-hover, black);--hover-background: var(--igx-button-hover-background, white);--hover-foreground: var(--igx-button-hover-foreground, black);--focus-background: var(--igx-button-focus-background, white);--focus-foreground: var(--igx-button-focus-foreground, black);--focus-hover-background: var(--igx-button-focus-hover-background, white);--focus-hover-foreground: var(--igx-button-focus-hover-foreground, black);--focus-visible-background: var(--igx-button-focus-visible-background, white);--focus-visible-foreground: var(--igx-button-focus-visible-foreground, black);--active-foreground: var(--igx-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-2));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-4));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-8));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-8));--theme: var(--igx-button-theme, material)}:host ::ng-deep,:host ::ng-deep [igxButton=fab],:host ::ng-deep .igx-button--fab{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-foreground: var(--igx-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--igx-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--igx-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--igx-button-default-size, 3);--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-6));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-12));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-12));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-12));--background: var(--igx-button-background, white);--active-background: var(--igx-button-active-background, hsl(from var(--ig-secondary-300) h s l/1));--border-radius: var(--igx-button-border-radius, clamp(.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--igx-button-foreground, black);--icon-color: var(--igx-button-icon-color, black);--icon-color-hover: var(--igx-button-icon-color-hover, black);--hover-background: var(--igx-button-hover-background, white);--hover-foreground: var(--igx-button-hover-foreground, black);--focus-background: var(--igx-button-focus-background, white);--focus-foreground: var(--igx-button-focus-foreground, black);--focus-hover-background: var(--igx-button-focus-hover-background, white);--focus-hover-foreground: var(--igx-button-focus-hover-foreground, black);--focus-visible-background: var(--igx-button-focus-visible-background, white);--focus-visible-foreground: var(--igx-button-focus-visible-foreground, black);--active-foreground: var(--igx-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-6));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-12));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-12));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-12));--theme: var(--igx-button-theme, material)}:host ::ng-deep .hamburger{margin-right:32px}[dir=rtl] :host ::ng-deep .hamburger{margin-left:32px;margin-right:initial}.sample-header{padding:48px 24px;background:#111}.sample-header .title{display:flex;flex-flow:row nowrap;align-items:center;color:#fff;font-weight:400;margin:0}.sample-header .description{color:#fff;margin-top:48px;margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.IgxIconButtonDirective, selector: "[igxIconButton]", inputs: ["igxIconButton"] }, { kind: "directive", type: i1.IgxRippleDirective, selector: "[igxRipple]", inputs: ["igxRippleTarget", "igxRipple", "igxRippleDuration", "igxRippleCentered", "igxRippleDisabled"] }, { kind: "directive", type: i1.IgxToggleActionDirective, selector: "[igxToggleAction]", inputs: ["overlaySettings", "igxToggleOutlet", "igxToggleAction"], exportAs: ["toggle-action"] }, { kind: "component", type: i1.IgxIconComponent, selector: "igx-icon", inputs: ["family", "name", "active"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-page-header', template: "<div class=\"sample-header\">\r\n    <h1 class=\"title ig-typography__h3\">\r\n        <button igxIconButton=\"flat\"\r\n            igxRipple\r\n            igxRippleCentered=\"true\"\r\n            igxToggleAction=\"navdrawer\"\r\n            class=\"hamburger\">\r\n            <igx-icon family=\"material\">menu</igx-icon>\r\n        </button>\r\n        {{ title }}\r\n    </h1>\r\n    <p class=\"description\">\r\n        <ng-content></ng-content>\r\n    </p>\r\n</div>\r\n", styles: [":host ::ng-deep,:host ::ng-deep [igxButton=flat],:host ::ng-deep .igx-button--flat{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, transparent);--disabled-foreground: var(--igx-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--igx-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--igx-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-button-default-size, 3);--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-button-background, white);--focus-foreground: var(--igx-button-focus-foreground, black);--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem));--foreground: var(--igx-button-foreground, black);--icon-color: var(--igx-button-icon-color, black);--icon-color-hover: var(--igx-button-icon-color-hover, black);--hover-background: var(--igx-button-hover-background, white);--hover-foreground: var(--igx-button-hover-foreground, black);--focus-background: var(--igx-button-focus-background, white);--focus-visible-background: var(--igx-button-focus-visible-background, white);--focus-hover-background: var(--igx-button-focus-hover-background, white);--focus-hover-foreground: var(--igx-button-focus-hover-foreground, black);--focus-visible-foreground: var(--igx-button-focus-visible-foreground, black);--active-background: var(--igx-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16));--active-foreground: var(--igx-button-active-foreground, hsl(from var(--ig-secondary-500) h s l/1));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-0));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-0));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-0));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-0));--theme: var(--igx-button-theme, material)}:host ::ng-deep,:host ::ng-deep [igxButton=outlined],:host ::ng-deep .igx-button--outlined{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, hsl(from var(--ig-secondary-500) h s l/1));--hover-border-color: var(--igx-button-hover-border-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-border-color: var(--igx-button-focus-border-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-visible-border-color: var(--igx-button-focus-visible-border-color, hsl(from var(--ig-secondary-500) h s l/1));--active-border-color: var(--igx-button-active-border-color, hsl(from var(--ig-secondary-500) h s l/1));--disabled-border-color: var(--igx-button-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-background: var(--igx-button-disabled-background, transparent);--disabled-foreground: var(--igx-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--igx-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--igx-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-button-default-size, 3);--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-0));--background: var(--igx-button-background, white);--focus-foreground: var(--igx-button-focus-foreground, black);--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem));--foreground: var(--igx-button-foreground, black);--icon-color: var(--igx-button-icon-color, black);--icon-color-hover: var(--igx-button-icon-color-hover, black);--hover-background: var(--igx-button-hover-background, white);--hover-foreground: var(--igx-button-hover-foreground, black);--focus-background: var(--igx-button-focus-background, white);--focus-visible-background: var(--igx-button-focus-visible-background, white);--focus-hover-background: var(--igx-button-focus-hover-background, white);--focus-hover-foreground: var(--igx-button-focus-hover-foreground, black);--focus-visible-foreground: var(--igx-button-focus-visible-foreground, black);--active-background: var(--igx-button-active-background, hsl(from var(--ig-secondary-500) h s l/.16));--active-foreground: var(--igx-button-active-foreground, hsl(from var(--ig-secondary-500) h s l/1));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-0));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-0));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-0));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-0));--theme: var(--igx-button-theme, material)}:host ::ng-deep,:host ::ng-deep [igxButton=contained],:host ::ng-deep .igx-button--contained{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-foreground: var(--igx-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--igx-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--igx-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--igx-button-default-size, 3);--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-4));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-8));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-8));--background: var(--igx-button-background, white);--active-background: var(--igx-button-active-background, hsl(from var(--ig-secondary-300) h s l/1));--border-radius: var(--igx-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, .2) * 1.25rem), 1.25rem));--foreground: var(--igx-button-foreground, black);--icon-color: var(--igx-button-icon-color, black);--icon-color-hover: var(--igx-button-icon-color-hover, black);--hover-background: var(--igx-button-hover-background, white);--hover-foreground: var(--igx-button-hover-foreground, black);--focus-background: var(--igx-button-focus-background, white);--focus-foreground: var(--igx-button-focus-foreground, black);--focus-hover-background: var(--igx-button-focus-hover-background, white);--focus-hover-foreground: var(--igx-button-focus-hover-foreground, black);--focus-visible-background: var(--igx-button-focus-visible-background, white);--focus-visible-foreground: var(--igx-button-focus-visible-foreground, black);--active-foreground: var(--igx-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-2));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-4));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-8));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-8));--theme: var(--igx-button-theme, material)}:host ::ng-deep,:host ::ng-deep [igxButton=fab],:host ::ng-deep .igx-button--fab{--shadow-color: var(--igx-button-shadow-color, transparent);--border-color: var(--igx-button-border-color, transparent);--hover-border-color: var(--igx-button-hover-border-color, transparent);--focus-border-color: var(--igx-button-focus-border-color, transparent);--focus-visible-border-color: var(--igx-button-focus-visible-border-color, transparent);--active-border-color: var(--igx-button-active-border-color, transparent);--disabled-border-color: var(--igx-button-disabled-border-color, transparent);--disabled-background: var(--igx-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-foreground: var(--igx-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--igx-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--igx-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--igx-button-default-size, 3);--resting-elevation: var(--igx-button-resting-elevation, var(--ig-elevation-6));--hover-elevation: var(--igx-button-hover-elevation, var(--ig-elevation-12));--focus-elevation: var(--igx-button-focus-elevation, var(--ig-elevation-12));--active-elevation: var(--igx-button-active-elevation, var(--ig-elevation-12));--background: var(--igx-button-background, white);--active-background: var(--igx-button-active-background, hsl(from var(--ig-secondary-300) h s l/1));--border-radius: var(--igx-button-border-radius, clamp(.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--igx-button-foreground, black);--icon-color: var(--igx-button-icon-color, black);--icon-color-hover: var(--igx-button-icon-color-hover, black);--hover-background: var(--igx-button-hover-background, white);--hover-foreground: var(--igx-button-hover-foreground, black);--focus-background: var(--igx-button-focus-background, white);--focus-foreground: var(--igx-button-focus-foreground, black);--focus-hover-background: var(--igx-button-focus-hover-background, white);--focus-hover-foreground: var(--igx-button-focus-hover-foreground, black);--focus-visible-background: var(--igx-button-focus-visible-background, white);--focus-visible-foreground: var(--igx-button-focus-visible-foreground, black);--active-foreground: var(--igx-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--resting-shadow: var(--igx-button-resting-shadow, var(--ig-elevation-6));--hover-shadow: var(--igx-button-hover-shadow, var(--ig-elevation-12));--focus-shadow: var(--igx-button-focus-shadow, var(--ig-elevation-12));--active-shadow: var(--igx-button-active-shadow, var(--ig-elevation-12));--theme: var(--igx-button-theme, material)}:host ::ng-deep .hamburger{margin-right:32px}[dir=rtl] :host ::ng-deep .hamburger{margin-left:32px;margin-right:initial}.sample-header{padding:48px 24px;background:#111}.sample-header .title{display:flex;flex-flow:row nowrap;align-items:center;color:#fff;font-weight:400;margin:0}.sample-header .description{color:#fff;margin-top:48px;margin-bottom:0}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaWduaXRldWktYW5ndWxhci1leHRyYXMvc3JjL2xpYi9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZ25pdGV1aS1hbmd1bGFyLWV4dHJhcy9zcmMvbGliL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLG1CQUFtQjsrR0FBbkIsbUJBQW1CO21HQUFuQixtQkFBbUIsbUZDUGhDLGllQWVBOzs0RkRSYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQVEzQixLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1wYWdlLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQYWdlSGVhZGVyQ29tcG9uZW50IHtcclxuXHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdGl0bGU6IHN0cmluZztcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic2FtcGxlLWhlYWRlclwiPlxyXG4gICAgPGgxIGNsYXNzPVwidGl0bGUgaWctdHlwb2dyYXBoeV9faDNcIj5cclxuICAgICAgICA8YnV0dG9uIGlneEljb25CdXR0b249XCJmbGF0XCJcclxuICAgICAgICAgICAgaWd4UmlwcGxlXHJcbiAgICAgICAgICAgIGlneFJpcHBsZUNlbnRlcmVkPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIGlneFRvZ2dsZUFjdGlvbj1cIm5hdmRyYXdlclwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaGFtYnVyZ2VyXCI+XHJcbiAgICAgICAgICAgIDxpZ3gtaWNvbiBmYW1pbHk9XCJtYXRlcmlhbFwiPm1lbnU8L2lneC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIHt7IHRpdGxlIH19XHJcbiAgICA8L2gxPlxyXG4gICAgPHAgY2xhc3M9XCJkZXNjcmlwdGlvblwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvcD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/pipes/svg.pipe.mjs

@@ -1,20 +0,0 @@
-import { Pipe } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/platform-browser";
-export class SvgPipe {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
-    transform(markup) {
-        return this.sanitizer.bypassSecurityTrustHtml(markup);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: SvgPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: SvgPipe, name: "svg" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: SvgPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'svg'
-                }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZ25pdGV1aS1hbmd1bGFyLWV4dHJhcy9zcmMvbGliL3BpcGVzL3N2Zy5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7QUFNcEQsTUFBTSxPQUFPLE9BQU87SUFFbEIsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztJQUFHLENBQUM7SUFDL0MsU0FBUyxDQUFDLE1BQWM7UUFDdEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hELENBQUM7K0dBTFUsT0FBTzs2R0FBUCxPQUFPOzs0RkFBUCxPQUFPO2tCQUhuQixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxLQUFLO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcblxyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ3N2ZydcclxufSlcclxuZXhwb3J0IGNsYXNzIFN2Z1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cclxuICB0cmFuc2Zvcm0obWFya3VwOiBzdHJpbmcpOiBTYWZlSHRtbCB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwobWFya3VwKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2022/public-api.mjs

@@ -1,22 +0,0 @@
-/*
- * Public API Surface of igniteui-angular-extras
- */
-export * from './lib/igniteui-angular-extras.module';
-/**
- * Directives
- */
-export * from './lib/directives/chart-integration/chart-integration.directive';
-export * from './lib/directives/conditional-formatting/conditional-formatting.directive';
-export * from './lib/context-menu/igx-context-menu.directive';
-/**
- * Components
- */
-export * from './lib/context-menu/context-menu.component';
-export * from './lib/context-menu/chart-dialog/chart-dialog.component';
-export * from './lib/page-header/page-header.component';
-/**
- * Exporter classes, interfaces and enums
- */
-export * from './lib/directives/chart-integration/chart-types';
-export * from './lib/directives/chart-integration/initializers';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2lnbml0ZXVpLWFuZ3VsYXItZXh0cmFzL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxzQ0FBc0MsQ0FBQztBQUVyRDs7R0FFRztBQUNILGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYywwRUFBMEUsQ0FBQztBQUN6RixjQUFjLCtDQUErQyxDQUFDO0FBRTlEOztHQUVHO0FBQ0gsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMseUNBQXlDLENBQUM7QUFFeEQ7O0dBRUc7QUFDSCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsaURBQWlELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgaWduaXRldWktYW5ndWxhci1leHRyYXNcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pZ25pdGV1aS1hbmd1bGFyLWV4dHJhcy5tb2R1bGUnO1xyXG5cclxuLyoqXHJcbiAqIERpcmVjdGl2ZXNcclxuICovXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvY2hhcnQtaW50ZWdyYXRpb24vY2hhcnQtaW50ZWdyYXRpb24uZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9jb25kaXRpb25hbC1mb3JtYXR0aW5nL2NvbmRpdGlvbmFsLWZvcm1hdHRpbmcuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGV4dC1tZW51L2lneC1jb250ZXh0LW1lbnUuZGlyZWN0aXZlJztcclxuXHJcbi8qKlxyXG4gKiBDb21wb25lbnRzXHJcbiAqL1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250ZXh0LW1lbnUvY29udGV4dC1tZW51LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRleHQtbWVudS9jaGFydC1kaWFsb2cvY2hhcnQtZGlhbG9nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7XHJcblxyXG4vKipcclxuICogRXhwb3J0ZXIgY2xhc3NlcywgaW50ZXJmYWNlcyBhbmQgZW51bXNcclxuICovXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvY2hhcnQtaW50ZWdyYXRpb24vY2hhcnQtdHlwZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2NoYXJ0LWludGVncmF0aW9uL2luaXRpYWxpemVycyc7XHJcbiJdfQ==

package/lib/igniteui-angular-extras.module.d.ts

@@ -1,16 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./directives/conditional-formatting/conditional-formatting.directive";
-import * as i2 from "./directives/chart-integration/chart-integration.directive";
-import * as i3 from "./context-menu/igx-context-menu.directive";
-import * as i4 from "./context-menu/context-menu.component";
-import * as i5 from "./context-menu/chart-dialog/chart-dialog.component";
-import * as i6 from "./page-header/page-header.component";
-import * as i7 from "./pipes/svg.pipe";
-import * as i8 from "igniteui-angular";
-import * as i9 from "igniteui-angular-charts";
-import * as i10 from "@angular/common";
-export declare class IgxExtrasModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgxExtrasModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgxExtrasModule, [typeof i1.IgxConditionalFormattingDirective, typeof i2.IgxChartIntegrationDirective, typeof i3.IgxContextMenuDirective, typeof i4.IgxContextMenuComponent, typeof i5.IgxChartMenuComponent, typeof i6.PageHeaderComponent, typeof i7.SvgPipe], [typeof i8.IgxButtonModule, typeof i8.IgxRippleModule, typeof i8.IgxDividerModule, typeof i8.IgxGridModule, typeof i8.IgxTabsModule, typeof i8.IgxToggleModule, typeof i9.IgxDataChartCategoryModule, typeof i9.IgxDataChartCoreModule, typeof i9.IgxLegendModule, typeof i9.IgxDataChartInteractivityModule, typeof i9.IgxNumericXAxisModule, typeof i9.IgxNumericYAxisModule, typeof i9.IgxCategoryXAxisModule, typeof i9.IgxItemLegendModule, typeof i9.IgxPieChartModule, typeof i9.IgxDataChartStackedModule, typeof i8.IgxDividerModule, typeof i9.IgxDataChartScatterModule, typeof i9.IgxBarSeriesModule, typeof i8.IgxIconModule, typeof i9.IgxCategoryChartModule, typeof i10.CommonModule], [typeof i1.IgxConditionalFormattingDirective, typeof i2.IgxChartIntegrationDirective, typeof i3.IgxContextMenuDirective, typeof i6.PageHeaderComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IgxExtrasModule>;
-}