@xui/navbar 2.0.0-alpha.20 → 2.0.0-alpha.21
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.
package/fesm2022/xui-navbar.mjs
CHANGED
|
@@ -70,6 +70,10 @@ class XuiNavbarGroup {
|
|
|
70
70
|
/** The user-defined classes. Merged last so they win over the variant classes. */
|
|
71
71
|
class = input('', /* @ts-ignore */
|
|
72
72
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
73
|
+
/**
|
|
74
|
+
* Which end of the navbar the group sits at. Groups are laid out in order, so a `start` and an `end` group split the
|
|
75
|
+
* bar between them.
|
|
76
|
+
*/
|
|
73
77
|
align = input('start', /* @ts-ignore */
|
|
74
78
|
...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
|
|
75
79
|
computedClass = computed(() => xui(navbarGroupVariants({ align: this.align() }), this.class()), /* @ts-ignore */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"xui-navbar.mjs","sources":["../../../../../../libs/ui/navbar/xui/src/lib/navbar.ts","../../../../../../libs/ui/navbar/xui/src/index.ts","../../../../../../libs/ui/navbar/xui/src/xui-navbar.ts"],"sourcesContent":["import type { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport type { ClassValue } from 'clsx';\n\nexport const navbarVariants = cva('bg-surface border-border flex h-12 items-center border-b px-4', {\n variants: {\n fixedToTop: {\n // eslint-disable-next-line local/no-hand-z-index -- a fixed navbar stacks above in-flow page content; it never enters the overlay container\n true: 'sticky top-0 z-10 shadow-elevation-1',\n false: ''\n }\n },\n defaultVariants: {\n fixedToTop: false\n }\n});\n\nexport type XuiNavbarVariants = VariantProps<typeof navbarVariants>;\n\n/**\n * The bar across the top of an application.\n *\n * ```html\n * <nav xuiNavbar fixedToTop>\n * <div xuiNavbarGroup>\n * <span xuiNavbarHeading>xUI</span>\n * <div xuiNavbarDivider></div>\n * <a xuiLink href=\"/docs\">Docs</a>\n * </div>\n * <div xuiNavbarGroup align=\"end\">…</div>\n * </nav>\n * ```\n *\n * A directive so the host can be a real `<nav>` or `<header>` landmark, which\n * is what lets assistive technology jump straight to it.\n */\n@Directive({\n selector: '[xuiNavbar]',\n exportAs: 'xuiNavbar',\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiNavbar {\n /** The user-defined classes. Merged last so they win over the variant classes. */\n readonly class = input<ClassValue>('');\n\n /** Stick to the top of the viewport as the page scrolls. */\n readonly fixedToTop = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n protected readonly computedClass = computed(() =>\n xui(navbarVariants({ fixedToTop: this.fixedToTop() }), this.class())\n );\n}\n\nexport const navbarGroupVariants = cva('flex h-full items-center gap-2', {\n variants: {\n align: {\n start: 'me-auto',\n end: 'ms-auto',\n center: 'mx-auto'\n }\n },\n defaultVariants: {\n align: 'start'\n }\n});\n\nexport type XuiNavbarGroupVariants = VariantProps<typeof navbarGroupVariants>;\n\n/** A cluster of navbar items pushed to one side. */\n@Directive({\n selector: '[xuiNavbarGroup]',\n exportAs: 'xuiNavbarGroup',\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiNavbarGroup {\n /** The user-defined classes. Merged last so they win over the variant classes. */\n readonly class = input<ClassValue>('');\n readonly align = input<XuiNavbarGroupVariants['align']>('start');\n\n protected readonly computedClass = computed(() => xui(navbarGroupVariants({ align: this.align() }), this.class()));\n}\n\n/** The application or section name, usually the first item in the bar. */\n@Directive({\n selector: '[xuiNavbarHeading]',\n exportAs: 'xuiNavbarHeading',\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiNavbarHeading {\n /** The user-defined classes. Merged last so they win over the base classes. */\n readonly class = input<ClassValue>('');\n\n protected readonly computedClass = computed(() =>\n xui('text-foreground me-2 font-semibold whitespace-nowrap', this.class())\n );\n}\n\n/**\n * A vertical rule between navbar groups.\n *\n * Presentational rather than a `separator`: inside a navbar the rule is visual\n * grouping, and announcing a separator between every cluster is noise.\n */\n@Directive({\n selector: '[xuiNavbarDivider]',\n exportAs: 'xuiNavbarDivider',\n host: {\n role: 'presentation',\n 'aria-hidden': 'true',\n '[class]': 'computedClass()'\n }\n})\nexport class XuiNavbarDivider {\n /** The user-defined classes. Merged last so they win over the base classes. */\n readonly class = input<ClassValue>('');\n\n protected readonly computedClass = computed(() => xui('border-border mx-2 h-5 self-center border-s', this.class()));\n}\n","import { XuiNavbar, XuiNavbarDivider, XuiNavbarGroup, XuiNavbarHeading } from './lib/navbar';\n\nexport * from './lib/navbar';\n\nexport const XuiNavbarImports = [XuiNavbar, XuiNavbarGroup, XuiNavbarHeading, XuiNavbarDivider] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAMO,MAAM,cAAc,GAAG,GAAG,CAAC,+DAA+D,EAAE;AACjG,IAAA,QAAQ,EAAE;AACR,QAAA,UAAU,EAAE;;AAEV,YAAA,IAAI,EAAE,sCAAsC;AAC5C,YAAA,KAAK,EAAE;AACR;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,UAAU,EAAE;AACb;AACF,CAAA;AAID;;;;;;;;;;;;;;;;AAgBG;MAQU,SAAS,CAAA;;IAEX,KAAK,GAAG,KAAK,CAAa,EAAE;8EAAC;;IAG7B,UAAU,GAAG,KAAK,CAAwB,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAEvE,aAAa,GAAG,QAAQ,CAAC,MAC1C,GAAG,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;sFACrE;0HATU,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;8GAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,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,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,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;;AAaM,MAAM,mBAAmB,GAAG,GAAG,CAAC,gCAAgC,EAAE;AACvE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,MAAM,EAAE;AACT;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE;AACR;AACF,CAAA;AAID;MAQa,cAAc,CAAA;;IAEhB,KAAK,GAAG,KAAK,CAAa,EAAE;8EAAC;
|
|
1
|
+
{"version":3,"file":"xui-navbar.mjs","sources":["../../../../../../libs/ui/navbar/xui/src/lib/navbar.ts","../../../../../../libs/ui/navbar/xui/src/index.ts","../../../../../../libs/ui/navbar/xui/src/xui-navbar.ts"],"sourcesContent":["import type { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input } from '@angular/core';\nimport { xui } from '@xui/core';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport type { ClassValue } from 'clsx';\n\nexport const navbarVariants = cva('bg-surface border-border flex h-12 items-center border-b px-4', {\n variants: {\n fixedToTop: {\n // eslint-disable-next-line local/no-hand-z-index -- a fixed navbar stacks above in-flow page content; it never enters the overlay container\n true: 'sticky top-0 z-10 shadow-elevation-1',\n false: ''\n }\n },\n defaultVariants: {\n fixedToTop: false\n }\n});\n\nexport type XuiNavbarVariants = VariantProps<typeof navbarVariants>;\n\n/**\n * The bar across the top of an application.\n *\n * ```html\n * <nav xuiNavbar fixedToTop>\n * <div xuiNavbarGroup>\n * <span xuiNavbarHeading>xUI</span>\n * <div xuiNavbarDivider></div>\n * <a xuiLink href=\"/docs\">Docs</a>\n * </div>\n * <div xuiNavbarGroup align=\"end\">…</div>\n * </nav>\n * ```\n *\n * A directive so the host can be a real `<nav>` or `<header>` landmark, which\n * is what lets assistive technology jump straight to it.\n */\n@Directive({\n selector: '[xuiNavbar]',\n exportAs: 'xuiNavbar',\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiNavbar {\n /** The user-defined classes. Merged last so they win over the variant classes. */\n readonly class = input<ClassValue>('');\n\n /** Stick to the top of the viewport as the page scrolls. */\n readonly fixedToTop = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n protected readonly computedClass = computed(() =>\n xui(navbarVariants({ fixedToTop: this.fixedToTop() }), this.class())\n );\n}\n\nexport const navbarGroupVariants = cva('flex h-full items-center gap-2', {\n variants: {\n align: {\n start: 'me-auto',\n end: 'ms-auto',\n center: 'mx-auto'\n }\n },\n defaultVariants: {\n align: 'start'\n }\n});\n\nexport type XuiNavbarGroupVariants = VariantProps<typeof navbarGroupVariants>;\n\n/** A cluster of navbar items pushed to one side. */\n@Directive({\n selector: '[xuiNavbarGroup]',\n exportAs: 'xuiNavbarGroup',\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiNavbarGroup {\n /** The user-defined classes. Merged last so they win over the variant classes. */\n readonly class = input<ClassValue>('');\n /**\n * Which end of the navbar the group sits at. Groups are laid out in order, so a `start` and an `end` group split the\n * bar between them.\n */\n readonly align = input<XuiNavbarGroupVariants['align']>('start');\n\n protected readonly computedClass = computed(() => xui(navbarGroupVariants({ align: this.align() }), this.class()));\n}\n\n/** The application or section name, usually the first item in the bar. */\n@Directive({\n selector: '[xuiNavbarHeading]',\n exportAs: 'xuiNavbarHeading',\n host: {\n '[class]': 'computedClass()'\n }\n})\nexport class XuiNavbarHeading {\n /** The user-defined classes. Merged last so they win over the base classes. */\n readonly class = input<ClassValue>('');\n\n protected readonly computedClass = computed(() =>\n xui('text-foreground me-2 font-semibold whitespace-nowrap', this.class())\n );\n}\n\n/**\n * A vertical rule between navbar groups.\n *\n * Presentational rather than a `separator`: inside a navbar the rule is visual\n * grouping, and announcing a separator between every cluster is noise.\n */\n@Directive({\n selector: '[xuiNavbarDivider]',\n exportAs: 'xuiNavbarDivider',\n host: {\n role: 'presentation',\n 'aria-hidden': 'true',\n '[class]': 'computedClass()'\n }\n})\nexport class XuiNavbarDivider {\n /** The user-defined classes. Merged last so they win over the base classes. */\n readonly class = input<ClassValue>('');\n\n protected readonly computedClass = computed(() => xui('border-border mx-2 h-5 self-center border-s', this.class()));\n}\n","import { XuiNavbar, XuiNavbarDivider, XuiNavbarGroup, XuiNavbarHeading } from './lib/navbar';\n\nexport * from './lib/navbar';\n\nexport const XuiNavbarImports = [XuiNavbar, XuiNavbarGroup, XuiNavbarHeading, XuiNavbarDivider] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAMO,MAAM,cAAc,GAAG,GAAG,CAAC,+DAA+D,EAAE;AACjG,IAAA,QAAQ,EAAE;AACR,QAAA,UAAU,EAAE;;AAEV,YAAA,IAAI,EAAE,sCAAsC;AAC5C,YAAA,KAAK,EAAE;AACR;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,UAAU,EAAE;AACb;AACF,CAAA;AAID;;;;;;;;;;;;;;;;AAgBG;MAQU,SAAS,CAAA;;IAEX,KAAK,GAAG,KAAK,CAAa,EAAE;8EAAC;;IAG7B,UAAU,GAAG,KAAK,CAAwB,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAEvE,aAAa,GAAG,QAAQ,CAAC,MAC1C,GAAG,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;sFACrE;0HATU,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;8GAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,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,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,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;;AAaM,MAAM,mBAAmB,GAAG,GAAG,CAAC,gCAAgC,EAAE;AACvE,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,MAAM,EAAE;AACT;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE;AACR;AACF,CAAA;AAID;MAQa,cAAc,CAAA;;IAEhB,KAAK,GAAG,KAAK,CAAa,EAAE;8EAAC;AACtC;;;AAGG;IACM,KAAK,GAAG,KAAK,CAAkC,OAAO;8EAAC;IAE7C,aAAa,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;sFAAC;0HATvG,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;8GAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;;AAaD;MAQa,gBAAgB,CAAA;;IAElB,KAAK,GAAG,KAAK,CAAa,EAAE;8EAAC;AAEnB,IAAA,aAAa,GAAG,QAAQ,CAAC,MAC1C,GAAG,CAAC,sDAAsD,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;sFAC1E;0HANU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;8GAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,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,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;;AAUD;;;;;AAKG;MAUU,gBAAgB,CAAA;;IAElB,KAAK,GAAG,KAAK,CAAa,EAAE;8EAAC;AAEnB,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,6CAA6C,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;sFAAC;0HAJxG,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;8GAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,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,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,cAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,cAAc;AACpB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;;;ACvHM,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB;;ACJ9F;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xui/navbar",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.21",
|
|
4
4
|
"description": "Modern Angular 22 UI Library based on TailwindCSS",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"@angular/cdk": "22",
|
|
40
40
|
"@angular/core": "22",
|
|
41
|
-
"@xui/core": "2.0.0-alpha.
|
|
41
|
+
"@xui/core": "2.0.0-alpha.21",
|
|
42
42
|
"class-variance-authority": "^0.7.1",
|
|
43
43
|
"clsx": "^2.1.1"
|
|
44
44
|
},
|
package/types/xui-navbar.d.ts
CHANGED
|
@@ -42,6 +42,10 @@ type XuiNavbarGroupVariants = VariantProps<typeof navbarGroupVariants>;
|
|
|
42
42
|
declare class XuiNavbarGroup {
|
|
43
43
|
/** The user-defined classes. Merged last so they win over the variant classes. */
|
|
44
44
|
readonly class: _angular_core.InputSignal<ClassValue>;
|
|
45
|
+
/**
|
|
46
|
+
* Which end of the navbar the group sits at. Groups are laid out in order, so a `start` and an `end` group split the
|
|
47
|
+
* bar between them.
|
|
48
|
+
*/
|
|
45
49
|
readonly align: _angular_core.InputSignal<"start" | "end" | "center" | null | undefined>;
|
|
46
50
|
protected readonly computedClass: _angular_core.Signal<string>;
|
|
47
51
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XuiNavbarGroup, never>;
|