@crowdfarming/oliva-ds 1.44.1 → 1.45.0-rc.1

package/fesm2022/crowdfarming-oliva-ds.mjs

@@ -5063,6 +5063,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
             args: [{ selector: 'lib-menu-item', imports: [NgClass, IconComponent, MenuChildItemComponent, TagComponent], template: "<div class=\"c-menu-item__container\">\n  <button\n    [ngClass]=\"[\n      'c-menu-item',\n      selected() ? 'c-menu-item--selected' : '',\n      disabled() ? 'c-menu-item--disabled' : '',\n      hasChildren() ? 'c-menu-item--has-children' : '',\n      hasChildren() ? 'c-menu-item--expanded' : ''\n    ]\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"label()\"\n    [attr.aria-selected]=\"selected()\"\n    [attr.aria-expanded]=\"hasChildren() ? true : null\"\n    (click)=\"handleClick()\"\n  >\n    @if (icon()) {\n      <span class=\"c-menu-item__icon\">\n        <lib-icon\n          [name]=\"computedIcon()\"\n          [size]=\"'md'\"\n          [color]=\"iconColor()\"\n        ></lib-icon>\n      </span>\n    }\n    @if (label()) {\n      <span class=\"c-menu-item__label\">{{ label() }}</span>\n    }\n    @if (hasTag()) {\n      <span class=\"c-menu-item__tag-container\">\n        <lib-tag\n          [text]=\"tagLabel()\"\n          [closeActive]=\"false\"\n          [showBadge]=\"false\"\n          class=\"c-menu-item__tag\"\n        ></lib-tag>\n      </span>\n    }\n    @if (showArrowIcon()) {\n      <span class=\"c-menu-item__expand-icon\">\n        <lib-icon\n          name=\"caretright-regular\"\n          [size]=\"'md'\"\n          [color]=\"iconColor()\"\n        ></lib-icon>\n      </span>\n    }\n  </button>\n\n  @if (hasChildren()) {\n  <div class=\"c-menu-item__children\">\n    <div class=\"c-menu-item__children-items\">\n      @for (child of children(); track child.label) {\n      <lib-menu-child-item\n        [label]=\"child.label\"\n        [disabled]=\"child.disabled || false\"\n        [selected]=\"child.selected || false\"\n        (clicked)=\"handleChildClick(child)\"\n      >\n      </lib-menu-child-item>\n      }\n    </div>\n  </div>\n  }\n</div>\n", styles: [".c-menu-item{display:flex;align-items:center;gap:var(--space-component-gap-md, .5rem);width:100%;min-height:40px;padding:var(--space-component-padding-none) var(--space-component-padding-sm);border:none;border-radius:var(--size-border-radius-md);background:var(--color-menu-item-background-default);cursor:pointer;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing);text-align:left;color:var(--color-action-neutral-content-default)}.c-menu-item__container,.c-menu-item__children{display:flex;flex-direction:column;width:100%}.c-menu-item:focus-visible{box-shadow:var(--focus-inset);outline:0}.c-menu-item:disabled{cursor:not-allowed}.c-menu-item:hover:not(.c-menu-item--disabled){background-color:var(--color-action-neutral-background-hover);color:var(--color-action-neutral-content-hover)}.c-menu-item:active:not(.c-menu-item--disabled){background-color:var(--color-action-neutral-background-pressed);color:var(--color-action-neutral-content-pressed)}.c-menu-item.c-menu-item--selected{background-color:var(--color-menu-item-parent-background-active);color:var(--color-action-primary-selected-content-default)}.c-menu-item.c-menu-item--selected:hover:not(.c-menu-item--disabled){background-color:var(--color-action-primary-selected-background-hover);color:var(--color-action-primary-selected-content-hover)}.c-menu-item.c-menu-item--selected:active:not(.c-menu-item--disabled){background-color:var(--color-action-primary-selected-background-pressed);color:var(--color-action-primary-selected-content-pressed)}.c-menu-item.c-menu-item--disabled{color:var(--color-action-neutral-content-disabled);background-color:var(--color-action-neutral-background-disabled)}.c-menu-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.c-menu-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-menu-item__expand-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:var(--space-component-gap-sm);transition:transform var(--transition-base-duration) var(--transition-base-easing)}.c-menu-item__tag-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--space-component-gap-sm)}.c-menu-item__tag{flex-shrink:0}.c-menu-item__children{padding-left:var(--size-spacing-4);margin-top:var(--size-spacing-1)}.c-menu-item__children-label{font-size:var(--size-font-sm);font-weight:var(--size-font-weight-medium);color:var(--color-action-neutral-content-default);padding:var(--size-spacing-2) var(--size-spacing-3);margin-bottom:var(--size-spacing-1)}.c-menu-item__children-items{display:flex;flex-direction:column;gap:var(--size-spacing-1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
         }] });
 
+class MenuItemSectionComponent {
+    label = input('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuItemSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: MenuItemSectionComponent, isStandalone: true, selector: "lib-menu-item-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"c-menu-item-section\">\n  @if (label()) {\n    <p class=\"c-menu-item-section__label\">{{ label() }}</p>\n  }\n</div>\n\n", styles: [".c-menu-item-section{display:flex;align-items:center;justify-content:center;min-height:40px;width:100%;padding:var(--space-component-padding-none, 0) var(--space-component-padding-sm, 8px)}.c-menu-item-section__label{flex:1 0 0;margin:0;font-family:var(--typography-label-sm-strong-family),sans-serif;font-size:var(--typography-label-sm-strong-size);font-weight:var(--typography-label-sm-strong-weight);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);color:var(--color-core-content-soft);white-space:pre-wrap}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: MenuItemSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-menu-item-section', imports: [], template: "<div class=\"c-menu-item-section\">\n  @if (label()) {\n    <p class=\"c-menu-item-section__label\">{{ label() }}</p>\n  }\n</div>\n\n", styles: [".c-menu-item-section{display:flex;align-items:center;justify-content:center;min-height:40px;width:100%;padding:var(--space-component-padding-none, 0) var(--space-component-padding-sm, 8px)}.c-menu-item-section__label{flex:1 0 0;margin:0;font-family:var(--typography-label-sm-strong-family),sans-serif;font-size:var(--typography-label-sm-strong-size);font-weight:var(--typography-label-sm-strong-weight);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing);color:var(--color-core-content-soft);white-space:pre-wrap}\n"] }]
+        }] });
+
 class ModalComponent {
     _isOpenSignal = signal(false);
     _sizeSignal = signal('md');
@@ -7392,5 +7402,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AlertComponent, ArrowsComponent, AvatarComponent, BadgeComponent, BasicSidebarMenuComponent, BreadcrumbComponent, ButtonComponent, ButtonIconComponent, ButtonSetComponent, CheckboxComponent, CheckboxGroupComponent, ChipsComponent, DesignTokensComponent, DropdownActionComponent, DropdownActionTriggerDirective, DropdownSelectComponent, DropdownSelectTriggerDirective, HelperTextComponent, IconComponent, InputDateComponent, InputLabelComponent, InputNumberComponent, InputPaymentComponent, InputSearchComponent, InputUploadComponent, LinkActionComponent, LinkComponent, MenuChildItemComponent, MenuItemComponent, ModalComponent, ModalService, OverlayComponent, OverlayTriggerDirective, PaginationComponent, PasswordInputComponent, RadioComponent, RadioGroupComponent, SegmentedControlComponent, SelectComponent, SidebarComponent, SidebarProgrammaticComponent, SidebarProgrammaticExamplesComponent, SidebarService, SidebarWithFooterComponent, SocialLoginComponent, SpinnerComponent, SwitchComponent, TabsComponent, TagComponent, TextInputComponent, TextareaComponent, ThumbnailComponent, TileComponent, ToastComponent, TooltipComponent, TooltipDirective, TooltipPosition };
+export { AccordionComponent, AlertComponent, ArrowsComponent, AvatarComponent, BadgeComponent, BasicSidebarMenuComponent, BreadcrumbComponent, ButtonComponent, ButtonIconComponent, ButtonSetComponent, CheckboxComponent, CheckboxGroupComponent, ChipsComponent, DesignTokensComponent, DropdownActionComponent, DropdownActionTriggerDirective, DropdownSelectComponent, DropdownSelectTriggerDirective, HelperTextComponent, IconComponent, InputDateComponent, InputLabelComponent, InputNumberComponent, InputPaymentComponent, InputSearchComponent, InputUploadComponent, LinkActionComponent, LinkComponent, MenuChildItemComponent, MenuItemComponent, MenuItemSectionComponent, ModalComponent, ModalService, OverlayComponent, OverlayTriggerDirective, PaginationComponent, PasswordInputComponent, RadioComponent, RadioGroupComponent, SegmentedControlComponent, SelectComponent, SidebarComponent, SidebarProgrammaticComponent, SidebarProgrammaticExamplesComponent, SidebarService, SidebarWithFooterComponent, SocialLoginComponent, SpinnerComponent, SwitchComponent, TabsComponent, TagComponent, TextInputComponent, TextareaComponent, ThumbnailComponent, TileComponent, ToastComponent, TooltipComponent, TooltipDirective, TooltipPosition };
 //# sourceMappingURL=crowdfarming-oliva-ds.mjs.map