@masterteam/components 0.0.107 → 0.0.108

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-sidebar.mjs

@@ -0,0 +1,36 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, signal, output, Component } from '@angular/core';
+import { Icon } from '@masterteam/icons';
+import { RouterLinkActive, RouterLink } from '@angular/router';
+import { Tooltip } from '@masterteam/components/tooltip';
+
+class Sidebar {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    logo = input(...(ngDevMode ? [undefined, { debugName: "logo" }] : []));
+    logoLink = input(...(ngDevMode ? [undefined, { debugName: "logoLink" }] : []));
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+    subTitle = input(...(ngDevMode ? [undefined, { debugName: "subTitle" }] : []));
+    bgColor = input(...(ngDevMode ? [undefined, { debugName: "bgColor" }] : []));
+    bgImage = input(...(ngDevMode ? [undefined, { debugName: "bgImage" }] : []));
+    bgRepeat = input(false, { ...(ngDevMode ? { debugName: "bgRepeat" } : {}), transform: booleanAttribute });
+    iconsColor = input('var(--p-text-color)', ...(ngDevMode ? [{ debugName: "iconsColor" }] : []));
+    expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    expandedChange = output();
+    toggleSidebar() {
+        this.expanded.update((v) => !v);
+        this.expandedChange.emit(this.expanded());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Sidebar, isStandalone: true, selector: "mt-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, iconsColor: { classPropertyName: "iconsColor", publicName: "iconsColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<div\r\n  class=\"flex h-full min-h-0 flex-col overflow-hidden border-e-1 border-surface-300 bg-surface-200 transition-all duration-400 ease-in-out dark:bg-surface-800\"\r\n  [style.width]=\"expanded() ? '16rem' : '4rem'\"\r\n>\r\n  <div\r\n    class=\"flex h-full min-h-0 flex-col gap-3 px-2 py-4\"\r\n    [style.backgroundColor]=\"bgColor()\"\r\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n    [class.bg-no-repeat]=\"!bgRepeat()\"\r\n    [class.bg-repeat-y]=\"bgRepeat()\"\r\n  >\r\n    <!-- Toggle Button & Branding -->\r\n    <div class=\"flex shrink-0 items-center gap-2\">\r\n      <button\r\n        type=\"button\"\r\n        size=\"large\"\r\n        class=\"flex items-center justify-center w-[47px] h-[40px] hover:bg-surface-100 dark:hover:bg-surface-900 transition-colors rounded-xl cursor-pointer shrink-0\"\r\n        [style.color]=\"iconsColor()\"\r\n        (click)=\"toggleSidebar()\"\r\n      >\r\n        <mt-icon\r\n          icon=\"general.menu-01\"\r\n          class=\"text-lg transition-transform duration-400 ease-in-out\"\r\n          [class.rotate-180]=\"expanded()\"\r\n        />\r\n      </button>\r\n\r\n      @if (logo() || title()) {\r\n        <div\r\n          class=\"flex items-center gap-2 overflow-hidden transition-all duration-400 ease-in-out\"\r\n          [class.max-w-0]=\"!expanded()\"\r\n          [class.opacity-0]=\"!expanded()\"\r\n          [class.max-w-xs]=\"expanded()\"\r\n          [class.opacity-100]=\"expanded()\"\r\n        >\r\n          @if (logo()) {\r\n            <img\r\n              [src]=\"logo()\"\r\n              alt=\"Logo\"\r\n              class=\"h-8 shrink-0\"\r\n              [routerLink]=\"logoLink()\"\r\n              [class.cursor-pointer]=\"logoLink()\"\r\n            />\r\n          }\r\n          @if (logo() && (title() || subTitle())) {\r\n            <div\r\n              class=\"h-6 w-[1px] bg-current opacity-30 shrink-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            ></div>\r\n          }\r\n          @if (title() || subTitle()) {\r\n            <div\r\n              class=\"flex flex-col gap-0.5 min-w-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            >\r\n              <span class=\"text-sm font-semibold truncate\">{{ title() }}</span>\r\n              @if (subTitle()) {\r\n                <span class=\"text-xs opacity-70 truncate\">{{\r\n                  subTitle()\r\n                }}</span>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"mt-sidebar-menu flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto overscroll-contain\"\r\n      [class.mt-sidebar-menu-collapsed]=\"!expanded()\"\r\n      [class.pr-1]=\"expanded()\"\r\n      [class.pr-px]=\"!expanded()\"\r\n    >\r\n      @for (item of items(); track item.id) {\r\n        <a\r\n          [routerLink]=\"item.routerLink\"\r\n          routerLinkActive=\"bg-primary-50 dark:bg-primary-900\"\r\n          #rla=\"routerLinkActive\"\r\n          class=\"flex items-center gap-3 h-[47px] min-w-[47px] shrink-0 dark:hover:bg-surface-900 hover:bg-primary-50 transition-colors rounded-xl overflow-hidden\"\r\n          mtTooltip=\"{{ item.title }}\"\r\n          [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\r\n        >\r\n          <div class=\"px-4\">\r\n            <mt-icon [icon]=\"item.icon\" class=\"shrink-0\" />\r\n          </div>\r\n          <div\r\n            class=\"whitespace-nowrap text-sm font-medium transition-all duration-400 ease-in-out overflow-hidden\"\r\n            [class.opacity-0]=\"!expanded()\"\r\n            [class.max-w-xs]=\"expanded()\"\r\n            [class.opacity-100]=\"expanded()\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </a>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%;min-height:0}.mt-sidebar-menu{scrollbar-width:thin;scrollbar-color:var(--p-surface-400) transparent}.mt-sidebar-menu::-webkit-scrollbar{width:6px}.mt-sidebar-menu::-webkit-scrollbar-track{background:transparent}.mt-sidebar-menu::-webkit-scrollbar-thumb{border-radius:9999px;background:color-mix(in srgb,var(--p-surface-500) 58%,transparent)}.mt-sidebar-menu::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--p-surface-600) 72%,transparent)}.mt-sidebar-menu-collapsed{scrollbar-color:var(--p-surface-500) transparent}.mt-sidebar-menu-collapsed::-webkit-scrollbar{width:2px}.mt-sidebar-menu-collapsed::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--p-surface-600) 82%,transparent)}\n"], dependencies: [{ kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Sidebar, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-sidebar', standalone: true, imports: [RouterLinkActive, RouterLink, Icon, Tooltip], template: "<div\r\n  class=\"flex h-full min-h-0 flex-col overflow-hidden border-e-1 border-surface-300 bg-surface-200 transition-all duration-400 ease-in-out dark:bg-surface-800\"\r\n  [style.width]=\"expanded() ? '16rem' : '4rem'\"\r\n>\r\n  <div\r\n    class=\"flex h-full min-h-0 flex-col gap-3 px-2 py-4\"\r\n    [style.backgroundColor]=\"bgColor()\"\r\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n    [class.bg-no-repeat]=\"!bgRepeat()\"\r\n    [class.bg-repeat-y]=\"bgRepeat()\"\r\n  >\r\n    <!-- Toggle Button & Branding -->\r\n    <div class=\"flex shrink-0 items-center gap-2\">\r\n      <button\r\n        type=\"button\"\r\n        size=\"large\"\r\n        class=\"flex items-center justify-center w-[47px] h-[40px] hover:bg-surface-100 dark:hover:bg-surface-900 transition-colors rounded-xl cursor-pointer shrink-0\"\r\n        [style.color]=\"iconsColor()\"\r\n        (click)=\"toggleSidebar()\"\r\n      >\r\n        <mt-icon\r\n          icon=\"general.menu-01\"\r\n          class=\"text-lg transition-transform duration-400 ease-in-out\"\r\n          [class.rotate-180]=\"expanded()\"\r\n        />\r\n      </button>\r\n\r\n      @if (logo() || title()) {\r\n        <div\r\n          class=\"flex items-center gap-2 overflow-hidden transition-all duration-400 ease-in-out\"\r\n          [class.max-w-0]=\"!expanded()\"\r\n          [class.opacity-0]=\"!expanded()\"\r\n          [class.max-w-xs]=\"expanded()\"\r\n          [class.opacity-100]=\"expanded()\"\r\n        >\r\n          @if (logo()) {\r\n            <img\r\n              [src]=\"logo()\"\r\n              alt=\"Logo\"\r\n              class=\"h-8 shrink-0\"\r\n              [routerLink]=\"logoLink()\"\r\n              [class.cursor-pointer]=\"logoLink()\"\r\n            />\r\n          }\r\n          @if (logo() && (title() || subTitle())) {\r\n            <div\r\n              class=\"h-6 w-[1px] bg-current opacity-30 shrink-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            ></div>\r\n          }\r\n          @if (title() || subTitle()) {\r\n            <div\r\n              class=\"flex flex-col gap-0.5 min-w-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            >\r\n              <span class=\"text-sm font-semibold truncate\">{{ title() }}</span>\r\n              @if (subTitle()) {\r\n                <span class=\"text-xs opacity-70 truncate\">{{\r\n                  subTitle()\r\n                }}</span>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"mt-sidebar-menu flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto overscroll-contain\"\r\n      [class.mt-sidebar-menu-collapsed]=\"!expanded()\"\r\n      [class.pr-1]=\"expanded()\"\r\n      [class.pr-px]=\"!expanded()\"\r\n    >\r\n      @for (item of items(); track item.id) {\r\n        <a\r\n          [routerLink]=\"item.routerLink\"\r\n          routerLinkActive=\"bg-primary-50 dark:bg-primary-900\"\r\n          #rla=\"routerLinkActive\"\r\n          class=\"flex items-center gap-3 h-[47px] min-w-[47px] shrink-0 dark:hover:bg-surface-900 hover:bg-primary-50 transition-colors rounded-xl overflow-hidden\"\r\n          mtTooltip=\"{{ item.title }}\"\r\n          [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\r\n        >\r\n          <div class=\"px-4\">\r\n            <mt-icon [icon]=\"item.icon\" class=\"shrink-0\" />\r\n          </div>\r\n          <div\r\n            class=\"whitespace-nowrap text-sm font-medium transition-all duration-400 ease-in-out overflow-hidden\"\r\n            [class.opacity-0]=\"!expanded()\"\r\n            [class.max-w-xs]=\"expanded()\"\r\n            [class.opacity-100]=\"expanded()\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </a>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%;min-height:0}.mt-sidebar-menu{scrollbar-width:thin;scrollbar-color:var(--p-surface-400) transparent}.mt-sidebar-menu::-webkit-scrollbar{width:6px}.mt-sidebar-menu::-webkit-scrollbar-track{background:transparent}.mt-sidebar-menu::-webkit-scrollbar-thumb{border-radius:9999px;background:color-mix(in srgb,var(--p-surface-500) 58%,transparent)}.mt-sidebar-menu::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--p-surface-600) 72%,transparent)}.mt-sidebar-menu-collapsed{scrollbar-color:var(--p-surface-500) transparent}.mt-sidebar-menu-collapsed::-webkit-scrollbar{width:2px}.mt-sidebar-menu-collapsed::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--p-surface-600) 82%,transparent)}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], logoLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoLink", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], iconsColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconsColor", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Sidebar };
+//# sourceMappingURL=masterteam-components-sidebar.mjs.map

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-sidebar.mjs","sources":["../../../../packages/masterteam/components/sidebar/sidebar.ts","../../../../packages/masterteam/components/sidebar/sidebar.html","../../../../packages/masterteam/components/sidebar/masterteam-components-sidebar.ts"],"sourcesContent":["import {\r\n  booleanAttribute,\r\n  Component,\r\n  input,\r\n  output,\r\n  signal,\r\n} from '@angular/core';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\nimport { RouterLink, RouterLinkActive } from '@angular/router';\r\nimport { Tooltip } from '@masterteam/components/tooltip';\r\n\r\nexport interface SidebarItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: MTIcon;\r\n  routerLink?: any[] | string;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-sidebar',\r\n  standalone: true,\r\n  imports: [RouterLinkActive, RouterLink, Icon, Tooltip],\r\n  templateUrl: './sidebar.html',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: block;\r\n        height: 100%;\r\n        min-height: 0;\r\n      }\r\n\r\n      .mt-sidebar-menu {\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--p-surface-400) transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar {\r\n        width: 6px;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-track {\r\n        background: transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-thumb {\r\n        border-radius: 9999px;\r\n        background: color-mix(in srgb, var(--p-surface-500) 58%, transparent);\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-thumb:hover {\r\n        background: color-mix(in srgb, var(--p-surface-600) 72%, transparent);\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed {\r\n        scrollbar-color: var(--p-surface-500) transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed::-webkit-scrollbar {\r\n        width: 2px;\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed::-webkit-scrollbar-thumb {\r\n        background: color-mix(in srgb, var(--p-surface-600) 82%, transparent);\r\n      }\r\n    `,\r\n  ],\r\n})\r\nexport class Sidebar {\r\n  items = input<SidebarItem[]>([]);\r\n\r\n  logo = input<string>();\r\n  logoLink = input<string | any[]>();\r\n  title = input<string>();\r\n  subTitle = input<string>();\r\n\r\n  bgColor = input<string>();\r\n  bgImage = input<string>();\r\n  bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  iconsColor = input<string>('var(--p-text-color)');\r\n\r\n  expanded = signal(false);\r\n  expandedChange = output<boolean>();\r\n\r\n  toggleSidebar(): void {\r\n    this.expanded.update((v) => !v);\r\n    this.expandedChange.emit(this.expanded());\r\n  }\r\n}\r\n","<div\r\n  class=\"flex h-full min-h-0 flex-col overflow-hidden border-e-1 border-surface-300 bg-surface-200 transition-all duration-400 ease-in-out dark:bg-surface-800\"\r\n  [style.width]=\"expanded() ? '16rem' : '4rem'\"\r\n>\r\n  <div\r\n    class=\"flex h-full min-h-0 flex-col gap-3 px-2 py-4\"\r\n    [style.backgroundColor]=\"bgColor()\"\r\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n    [class.bg-no-repeat]=\"!bgRepeat()\"\r\n    [class.bg-repeat-y]=\"bgRepeat()\"\r\n  >\r\n    <!-- Toggle Button & Branding -->\r\n    <div class=\"flex shrink-0 items-center gap-2\">\r\n      <button\r\n        type=\"button\"\r\n        size=\"large\"\r\n        class=\"flex items-center justify-center w-[47px] h-[40px] hover:bg-surface-100 dark:hover:bg-surface-900 transition-colors rounded-xl cursor-pointer shrink-0\"\r\n        [style.color]=\"iconsColor()\"\r\n        (click)=\"toggleSidebar()\"\r\n      >\r\n        <mt-icon\r\n          icon=\"general.menu-01\"\r\n          class=\"text-lg transition-transform duration-400 ease-in-out\"\r\n          [class.rotate-180]=\"expanded()\"\r\n        />\r\n      </button>\r\n\r\n      @if (logo() || title()) {\r\n        <div\r\n          class=\"flex items-center gap-2 overflow-hidden transition-all duration-400 ease-in-out\"\r\n          [class.max-w-0]=\"!expanded()\"\r\n          [class.opacity-0]=\"!expanded()\"\r\n          [class.max-w-xs]=\"expanded()\"\r\n          [class.opacity-100]=\"expanded()\"\r\n        >\r\n          @if (logo()) {\r\n            <img\r\n              [src]=\"logo()\"\r\n              alt=\"Logo\"\r\n              class=\"h-8 shrink-0\"\r\n              [routerLink]=\"logoLink()\"\r\n              [class.cursor-pointer]=\"logoLink()\"\r\n            />\r\n          }\r\n          @if (logo() && (title() || subTitle())) {\r\n            <div\r\n              class=\"h-6 w-[1px] bg-current opacity-30 shrink-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            ></div>\r\n          }\r\n          @if (title() || subTitle()) {\r\n            <div\r\n              class=\"flex flex-col gap-0.5 min-w-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            >\r\n              <span class=\"text-sm font-semibold truncate\">{{ title() }}</span>\r\n              @if (subTitle()) {\r\n                <span class=\"text-xs opacity-70 truncate\">{{\r\n                  subTitle()\r\n                }}</span>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"mt-sidebar-menu flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto overscroll-contain\"\r\n      [class.mt-sidebar-menu-collapsed]=\"!expanded()\"\r\n      [class.pr-1]=\"expanded()\"\r\n      [class.pr-px]=\"!expanded()\"\r\n    >\r\n      @for (item of items(); track item.id) {\r\n        <a\r\n          [routerLink]=\"item.routerLink\"\r\n          routerLinkActive=\"bg-primary-50 dark:bg-primary-900\"\r\n          #rla=\"routerLinkActive\"\r\n          class=\"flex items-center gap-3 h-[47px] min-w-[47px] shrink-0 dark:hover:bg-surface-900 hover:bg-primary-50 transition-colors rounded-xl overflow-hidden\"\r\n          mtTooltip=\"{{ item.title }}\"\r\n          [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\r\n        >\r\n          <div class=\"px-4\">\r\n            <mt-icon [icon]=\"item.icon\" class=\"shrink-0\" />\r\n          </div>\r\n          <div\r\n            class=\"whitespace-nowrap text-sm font-medium transition-all duration-400 ease-in-out overflow-hidden\"\r\n            [class.opacity-0]=\"!expanded()\"\r\n            [class.max-w-xs]=\"expanded()\"\r\n            [class.opacity-100]=\"expanded()\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </a>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAmEa,OAAO,CAAA;AAClB,IAAA,KAAK,GAAG,KAAK,CAAgB,EAAE,iDAAC;IAEhC,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACtB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAkB;IAClC,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IAE1B,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACzB,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACzB,QAAQ,GAAG,KAAK,CAAmB,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC1E,IAAA,UAAU,GAAG,KAAK,CAAS,qBAAqB,sDAAC;AAEjD,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;IACxB,cAAc,GAAG,MAAM,EAAW;IAElC,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC3C;uGAnBW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnEpB,20HAkGA,EAAA,MAAA,EAAA,CAAA,uuBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED7EY,gBAAgB,8MAAE,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,aAAA,EAAA,CAAA,EAAA,CAAA;;2FA8C1C,OAAO,EAAA,UAAA,EAAA,CAAA;kBAjDnB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,EAAA,QAAA,EAAA,20HAAA,EAAA,MAAA,EAAA,CAAA,uuBAAA,CAAA,EAAA;;;AErBxD;;AAEG;;;;"}

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-slider-field.mjs

@@ -0,0 +1,104 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, booleanAttribute, EventEmitter, signal, computed, inject, effect, HostBinding, Output, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, NgControl, FormsModule } from '@angular/forms';
+import * as i2 from 'primeng/slider';
+import { SliderModule } from 'primeng/slider';
+import { FieldValidation } from '@masterteam/components/field-validation';
+import { isInvalid } from '@masterteam/components';
+
+class SliderField {
+    input;
+    field = input(true, ...(ngDevMode ? [{ debugName: "field" }] : []));
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    animate = input(false, ...(ngDevMode ? [{ debugName: "animate" }] : []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : {}), transform: numberAttribute });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : {}), transform: numberAttribute });
+    step = input(undefined, { ...(ngDevMode ? { debugName: "step" } : {}), transform: numberAttribute });
+    hideNumber = input(false, { ...(ngDevMode ? { debugName: "hideNumber" } : {}), transform: booleanAttribute });
+    unit = input('%', ...(ngDevMode ? [{ debugName: "unit" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    onChange = new EventEmitter();
+    onSlideEnd = new EventEmitter();
+    styleClass;
+    requiredValidator = Validators.required;
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    displayValue = computed(() => {
+        const value = this.value();
+        if (value === null || value === undefined) {
+            return '-';
+        }
+        return `${value}${this.unit()}`;
+    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    onTouched = () => { };
+    onModelChange = () => { };
+    ngControl = inject(NgControl, { self: true });
+    isInvalid = isInvalid;
+    constructor() {
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+        effect(() => {
+            if (this.ngControl.control && this.required()) {
+                this.ngControl.control.addValidators(Validators.required);
+                this.ngControl.control.updateValueAndValidity();
+            }
+        });
+    }
+    applyInputsToInput() {
+        Object.assign(this.input, this.pInputs());
+    }
+    ngOnInit() {
+        this.styleClass = this.class();
+    }
+    onValueChange(value) {
+        this.onModelChange(value);
+        this.value.set(value);
+    }
+    ngOnChanges(changes) {
+        if (changes['pInputs']) {
+            this.applyInputsToInput();
+        }
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabled.set(disabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SliderField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: SliderField, isStandalone: true, selector: "mt-slider-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideNumber: { classPropertyName: "hideNumber", publicName: "hideNumber", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onSlideEnd: "onSlideEnd" }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label() || !hideNumber()) {\r\n  <div class=\"mb-2 flex items-end justify-between gap-3\">\r\n    @if (label()) {\r\n      <label\r\n        class=\"leading-none\"\r\n        [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n        [for]=\"ngControl?.name || label()\"\r\n        >{{ label() }}</label\r\n      >\r\n    }\r\n    @if (!hideNumber()) {\r\n      <span\r\n        class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n      >\r\n        {{ displayValue() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n<div\r\n  class=\"w-full\"\r\n  [style.padding-inline]=\"'calc(var(--p-slider-handle-width) / 2)'\"\r\n>\r\n  <p-slider\r\n    #input\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [animate]=\"animate()\"\r\n    [id]=\"ngControl?.name || label()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"step()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    class=\"block w-full\"\r\n  ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .75rem}:host ::ng-deep .p-slider{background:var(--p-surface-200);border-radius:9999px}:host ::ng-deep .p-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .p-slider-range{border-radius:inherit}:host ::ng-deep .p-slider-handle{box-shadow:0 2px 6px #0f172a1f}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SliderModule }, { kind: "component", type: i2.Slider, selector: "p-slider", inputs: ["animate", "min", "max", "orientation", "step", "range", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SliderField, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-slider-field', standalone: true, imports: [FormsModule, SliderModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'grid gap-1',
+                    }, template: "@if (label() || !hideNumber()) {\r\n  <div class=\"mb-2 flex items-end justify-between gap-3\">\r\n    @if (label()) {\r\n      <label\r\n        class=\"leading-none\"\r\n        [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n        [for]=\"ngControl?.name || label()\"\r\n        >{{ label() }}</label\r\n      >\r\n    }\r\n    @if (!hideNumber()) {\r\n      <span\r\n        class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n      >\r\n        {{ displayValue() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n<div\r\n  class=\"w-full\"\r\n  [style.padding-inline]=\"'calc(var(--p-slider-handle-width) / 2)'\"\r\n>\r\n  <p-slider\r\n    #input\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [animate]=\"animate()\"\r\n    [id]=\"ngControl?.name || label()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"step()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    class=\"block w-full\"\r\n  ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .75rem}:host ::ng-deep .p-slider{background:var(--p-surface-200);border-radius:9999px}:host ::ng-deep .p-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .p-slider-range{border-radius:inherit}:host ::ng-deep .p-slider-handle{box-shadow:0 2px 6px #0f172a1f}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { input: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], hideNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideNumber", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], onChange: [{
+                type: Output
+            }], onSlideEnd: [{
+                type: Output
+            }], styleClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SliderField };
+//# sourceMappingURL=masterteam-components-slider-field.mjs.map

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-slider-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-slider-field.mjs","sources":["../../../../packages/masterteam/components/slider-field/slider-field.ts","../../../../packages/masterteam/components/slider-field/slider-field.html","../../../../packages/masterteam/components/slider-field/masterteam-components-slider-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Output,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  booleanAttribute,\r\n  computed,\r\n  input,\r\n  numberAttribute,\r\n  signal,\r\n  OnInit,\r\n  OnChanges,\r\n  inject,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n} from '@angular/core';\r\nimport {\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  Validators,\r\n} from '@angular/forms';\r\nimport {\r\n  Slider,\r\n  SliderChangeEvent,\r\n  SliderSlideEndEvent,\r\n  SliderModule,\r\n} from 'primeng/slider';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\n\r\n@Component({\r\n  selector: 'mt-slider-field',\r\n  standalone: true,\r\n  imports: [FormsModule, SliderModule, FieldValidation],\r\n  templateUrl: './slider-field.html',\r\n  styleUrls: ['./slider-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class SliderField implements ControlValueAccessor, OnInit, OnChanges {\r\n  @ViewChild('input', { static: true })\r\n  input: Slider;\r\n\r\n  readonly field = input<boolean>(true);\r\n  readonly label = input<string>();\r\n  readonly animate = input<boolean>(false);\r\n  readonly class = input<string>('');\r\n  readonly min = input<number, unknown>(0, { transform: numberAttribute });\r\n  readonly max = input<number, unknown>(100, { transform: numberAttribute });\r\n  readonly step = input<number, unknown>(undefined, {\r\n    transform: numberAttribute,\r\n  });\r\n  readonly hideNumber = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly unit = input<string>('%');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly pInputs = input<Partial<Slider>>();\r\n  readonly required = input<boolean>(false);\r\n\r\n  @Output() onChange: EventEmitter<SliderChangeEvent> = new EventEmitter();\r\n  @Output() onSlideEnd: EventEmitter<SliderSlideEndEvent> = new EventEmitter();\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<number | null>(null);\r\n  disabled = signal<boolean>(false);\r\n  displayValue = computed(() => {\r\n    const value = this.value();\r\n    if (value === null || value === undefined) {\r\n      return '-';\r\n    }\r\n    return `${value}${this.unit()}`;\r\n  });\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: number | null) => void = () => {};\r\n\r\n  public ngControl = inject(NgControl, { self: true });\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  constructor() {\r\n    if (this.ngControl) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n    effect(() => {\r\n      if (this.ngControl.control && this.required()) {\r\n        this.ngControl.control.addValidators(Validators.required);\r\n        this.ngControl.control.updateValueAndValidity();\r\n      }\r\n    });\r\n  }\r\n\r\n  applyInputsToInput() {\r\n    Object.assign(this.input, this.pInputs());\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n  }\r\n  onValueChange(value: number | null) {\r\n    this.onModelChange(value);\r\n    this.value.set(value);\r\n  }\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['pInputs']) {\r\n      this.applyInputsToInput();\r\n    }\r\n  }\r\n\r\n  writeValue(value: number) {\r\n    this.value.set(value);\r\n  }\r\n\r\n  registerOnChange(fn: any) {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any) {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled.set(disabled);\r\n  }\r\n}\r\n","@if (label() || !hideNumber()) {\r\n  <div class=\"mb-2 flex items-end justify-between gap-3\">\r\n    @if (label()) {\r\n      <label\r\n        class=\"leading-none\"\r\n        [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n        [for]=\"ngControl?.name || label()\"\r\n        >{{ label() }}</label\r\n      >\r\n    }\r\n    @if (!hideNumber()) {\r\n      <span\r\n        class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n      >\r\n        {{ displayValue() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n<div\r\n  class=\"w-full\"\r\n  [style.padding-inline]=\"'calc(var(--p-slider-handle-width) / 2)'\"\r\n>\r\n  <p-slider\r\n    #input\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [animate]=\"animate()\"\r\n    [id]=\"ngControl?.name || label()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"step()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    class=\"block w-full\"\r\n  ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-statistic-card.mjs

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import { Card } from '@masterteam/components/card';
+import { Avatar } from '@masterteam/components/avatar';
+
+class StatisticCard {
+    data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: StatisticCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: StatisticCard, isStandalone: true, selector: "mt-statistic-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mt-card headless>\r\n  <div class=\"flex items-center gap-3 p-2\">\r\n    <mt-avatar\r\n      [style.--p-avatar-background]=\"'var(--p-' + data().color + '-100)'\"\r\n      [style.--p-avatar-color]=\"'var(--p-' + data().color + '-600)'\"\r\n      [icon]=\"data().icon\"\r\n      size=\"large\"\r\n      shape=\"square\"\r\n    ></mt-avatar>\r\n\r\n    <div class=\"flex flex-col gap-0.5\">\r\n      <span\r\n        class=\"text-lg font-semibold\"\r\n        [style.color]=\"'var(--p-' + data().color + '-600)'\"\r\n      >\r\n        {{ data().title }}\r\n      </span>\r\n      <span class=\"text-sm text-surface-500\">\r\n        {{ data().subTitle }}\r\n      </span>\r\n    </div>\r\n  </div>\r\n</mt-card>\r\n", styles: [""], dependencies: [{ kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: StatisticCard, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-statistic-card', standalone: true, imports: [Card, Avatar], template: "<mt-card headless>\r\n  <div class=\"flex items-center gap-3 p-2\">\r\n    <mt-avatar\r\n      [style.--p-avatar-background]=\"'var(--p-' + data().color + '-100)'\"\r\n      [style.--p-avatar-color]=\"'var(--p-' + data().color + '-600)'\"\r\n      [icon]=\"data().icon\"\r\n      size=\"large\"\r\n      shape=\"square\"\r\n    ></mt-avatar>\r\n\r\n    <div class=\"flex flex-col gap-0.5\">\r\n      <span\r\n        class=\"text-lg font-semibold\"\r\n        [style.color]=\"'var(--p-' + data().color + '-600)'\"\r\n      >\r\n        {{ data().title }}\r\n      </span>\r\n      <span class=\"text-sm text-surface-500\">\r\n        {{ data().subTitle }}\r\n      </span>\r\n    </div>\r\n  </div>\r\n</mt-card>\r\n" }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StatisticCard };
+//# sourceMappingURL=masterteam-components-statistic-card.mjs.map

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-statistic-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-statistic-card.mjs","sources":["../../../../packages/masterteam/components/statistic-card/statistic-card.ts","../../../../packages/masterteam/components/statistic-card/statistic-card.html","../../../../packages/masterteam/components/statistic-card/masterteam-components-statistic-card.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { Card } from '@masterteam/components/card';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { MTIcon } from '@masterteam/icons';\r\n\r\nexport interface StatisticCardData {\r\n  title: string;\r\n  subTitle: string;\r\n  icon: MTIcon;\r\n  color: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-statistic-card',\r\n  standalone: true,\r\n  templateUrl: './statistic-card.html',\r\n  styleUrl: './statistic-card.scss',\r\n  imports: [Card, Avatar],\r\n})\r\nexport class StatisticCard {\r\n  readonly data = input.required<StatisticCardData>();\r\n}\r\n","<mt-card headless>\r\n  <div class=\"flex items-center gap-3 p-2\">\r\n    <mt-avatar\r\n      [style.--p-avatar-background]=\"'var(--p-' + data().color + '-100)'\"\r\n      [style.--p-avatar-color]=\"'var(--p-' + data().color + '-600)'\"\r\n      [icon]=\"data().icon\"\r\n      size=\"large\"\r\n      shape=\"square\"\r\n    ></mt-avatar>\r\n\r\n    <div class=\"flex flex-col gap-0.5\">\r\n      <span\r\n        class=\"text-lg font-semibold\"\r\n        [style.color]=\"'var(--p-' + data().color + '-600)'\"\r\n      >\r\n        {{ data().title }}\r\n      </span>\r\n      <span class=\"text-sm text-surface-500\">\r\n        {{ data().subTitle }}\r\n      </span>\r\n    </div>\r\n  </div>\r\n</mt-card>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAmBa,aAAa,CAAA;AACf,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAqB;uGADxC,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnB1B,8sBAuBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNY,IAAI,+FAAE,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAEX,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cACjB,IAAI,EAAA,OAAA,EAGP,CAAC,IAAI,EAAE,MAAM,CAAC,EAAA,QAAA,EAAA,8sBAAA,EAAA;;;AEjBzB;;AAEG;;;;"}