@underlayerdev/ui 0.13.2 → 0.13.4
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/underlayerdev-ui-carousel.mjs +133 -0
- package/fesm2022/underlayerdev-ui-carousel.mjs.map +1 -0
- package/fesm2022/underlayerdev-ui.mjs +4 -112
- package/fesm2022/underlayerdev-ui.mjs.map +1 -1
- package/package.json +5 -1
- package/types/underlayerdev-ui-carousel.d.ts +30 -0
- package/types/underlayerdev-ui.d.ts +3 -29
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@underlayerdev/ui",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.4",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/cdk": "^22.0.0",
|
|
6
6
|
"@angular/common": "^22.0.0",
|
|
@@ -22,6 +22,10 @@
|
|
|
22
22
|
"types": "./types/underlayerdev-ui.d.ts",
|
|
23
23
|
"default": "./fesm2022/underlayerdev-ui.mjs"
|
|
24
24
|
},
|
|
25
|
+
"./carousel": {
|
|
26
|
+
"types": "./types/underlayerdev-ui-carousel.d.ts",
|
|
27
|
+
"default": "./fesm2022/underlayerdev-ui-carousel.mjs"
|
|
28
|
+
},
|
|
25
29
|
"./design-tokens/*": "./design-tokens/*",
|
|
26
30
|
"./breakpoints/*": "./breakpoints/*",
|
|
27
31
|
"./containers/*": "./containers/*"
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { AfterViewInit, OnDestroy } from '@angular/core';
|
|
3
|
+
import Splide, { Options } from '@splidejs/splide';
|
|
4
|
+
|
|
5
|
+
declare class CarouselItemComponent {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "ul-carousel-item", never, {}, {}, never, ["*"], true, never>;
|
|
8
|
+
}
|
|
9
|
+
declare class CarouselComponent implements AfterViewInit, OnDestroy {
|
|
10
|
+
options: i0.InputSignal<Options>;
|
|
11
|
+
autoMount: i0.InputSignal<boolean>;
|
|
12
|
+
mounted: i0.OutputEmitterRef<Splide>;
|
|
13
|
+
private carousel;
|
|
14
|
+
private items;
|
|
15
|
+
private instance;
|
|
16
|
+
constructor();
|
|
17
|
+
ngAfterViewInit(): void;
|
|
18
|
+
ngOnDestroy(): void;
|
|
19
|
+
getInstance(): Splide | null;
|
|
20
|
+
goNext(): void;
|
|
21
|
+
goPrev(): void;
|
|
22
|
+
goTo(index: number): void;
|
|
23
|
+
mount(): void;
|
|
24
|
+
private init;
|
|
25
|
+
private updateCarouselOnItemsChange;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ul-carousel", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "autoMount": { "alias": "autoMount"; "required": false; "isSignal": true; }; }, { "mounted": "mounted"; }, ["items"], ["*"], true, never>;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export { CarouselComponent, CarouselItemComponent };
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit,
|
|
2
|
+
import { AfterViewInit, ElementRef, TemplateRef, PipeTransform } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/cdk/accordion';
|
|
4
4
|
import { CdkAccordionItem } from '@angular/cdk/accordion';
|
|
5
5
|
import { FormValueControl, WithOptionalFieldTree, ValidationError, FormCheckboxControl } from '@angular/forms/signals';
|
|
6
|
-
import Splide, { Options } from '@splidejs/splide';
|
|
7
6
|
import { ImageTransform, Dimensions } from 'ngx-image-cropper';
|
|
8
7
|
import { CurrencyPipe } from '@angular/common';
|
|
9
8
|
import * as _underlayerdev_ui from '@underlayerdev/ui';
|
|
@@ -344,32 +343,7 @@ declare class CardComponent {
|
|
|
344
343
|
cardSubtitleSingleLine: _angular_core.InputSignalWithTransform<boolean, boolean>;
|
|
345
344
|
loading: _angular_core.InputSignalWithTransform<boolean, boolean>;
|
|
346
345
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
347
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ul-card", never, { "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "cardDirection": { "alias": "cardDirection"; "required": false; "isSignal": true; }; "cardCaptionSize": { "alias": "cardCaptionSize"; "required": false; "isSignal": true; }; "footerDist": { "alias": "footerDist"; "required": false; "isSignal": true; }; "mediaAspectRatio": { "alias": "mediaAspectRatio"; "required": false; "isSignal": true; }; "mediaBlur": { "alias": "mediaBlur"; "required": false; "isSignal": true; }; "mediaGrayscale": { "alias": "mediaGrayscale"; "required": false; "isSignal": true; }; "cardCaption": { "alias": "cardCaption"; "required": false; "isSignal": true; }; "cardTitle": { "alias": "cardTitle"; "required": false; "isSignal": true; }; "cardTitleSingleLine": { "alias": "cardTitleSingleLine"; "required": false; "isSignal": true; }; "cardSubtitle": { "alias": "cardSubtitle"; "required": false; "isSignal": true; }; "cardSubtitleSingleLine": { "alias": "cardSubtitleSingleLine"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["[
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
declare class CarouselItemComponent {
|
|
351
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
|
|
352
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselItemComponent, "ul-carousel-item", never, {}, {}, never, ["*"], true, never>;
|
|
353
|
-
}
|
|
354
|
-
declare class CarouselComponent implements AfterViewInit, OnDestroy {
|
|
355
|
-
options: _angular_core.InputSignal<Options>;
|
|
356
|
-
autoMount: _angular_core.InputSignal<boolean>;
|
|
357
|
-
mounted: _angular_core.OutputEmitterRef<Splide>;
|
|
358
|
-
private carousel;
|
|
359
|
-
private items;
|
|
360
|
-
private instance;
|
|
361
|
-
constructor();
|
|
362
|
-
ngAfterViewInit(): void;
|
|
363
|
-
ngOnDestroy(): void;
|
|
364
|
-
getInstance(): Splide | null;
|
|
365
|
-
goNext(): void;
|
|
366
|
-
goPrev(): void;
|
|
367
|
-
goTo(index: number): void;
|
|
368
|
-
mount(): void;
|
|
369
|
-
private init;
|
|
370
|
-
private updateCarouselOnItemsChange;
|
|
371
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselComponent, never>;
|
|
372
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselComponent, "ul-carousel", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "autoMount": { "alias": "autoMount"; "required": false; "isSignal": true; }; }, { "mounted": "mounted"; }, ["items"], ["*"], true, never>;
|
|
346
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ul-card", never, { "focused": { "alias": "focused"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "cardDirection": { "alias": "cardDirection"; "required": false; "isSignal": true; }; "cardCaptionSize": { "alias": "cardCaptionSize"; "required": false; "isSignal": true; }; "footerDist": { "alias": "footerDist"; "required": false; "isSignal": true; }; "mediaAspectRatio": { "alias": "mediaAspectRatio"; "required": false; "isSignal": true; }; "mediaBlur": { "alias": "mediaBlur"; "required": false; "isSignal": true; }; "mediaGrayscale": { "alias": "mediaGrayscale"; "required": false; "isSignal": true; }; "cardCaption": { "alias": "cardCaption"; "required": false; "isSignal": true; }; "cardTitle": { "alias": "cardTitle"; "required": false; "isSignal": true; }; "cardTitleSingleLine": { "alias": "cardTitleSingleLine"; "required": false; "isSignal": true; }; "cardSubtitle": { "alias": "cardSubtitle"; "required": false; "isSignal": true; }; "cardSubtitleSingleLine": { "alias": "cardSubtitleSingleLine"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, ["[ulCardMedia]", "[ulCardMediaOverlay]", "[ulCardMediaAction]", "[ulCardFooter]"], true, never>;
|
|
373
347
|
}
|
|
374
348
|
|
|
375
349
|
type CheckboxZoneType = 'none' | 'accessible' | 'visible' | 'checked-visible';
|
|
@@ -2133,5 +2107,5 @@ declare class TextareaComponent implements FormValueControl<string> {
|
|
|
2133
2107
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "ul-textarea", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "groupFocused": { "alias": "groupFocused"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, ["customField"], ["[ul-textarea-left-elements]", "[ul-textarea-field]", "[ul-textarea-right-elements]"], true, never>;
|
|
2134
2108
|
}
|
|
2135
2109
|
|
|
2136
|
-
export { AccordionComponent, AccordionItemComponent, AreaCodeComponent, AvatarComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CardComponent,
|
|
2110
|
+
export { AccordionComponent, AccordionItemComponent, AreaCodeComponent, AvatarComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CardComponent, CheckboxComponent, CollapseComponent, CustomCurrencyPipe, DockComponent, DockItemComponent, DockItemContentSlotDirective, DropdownComponent, FileInputComponent, FooterComponent, FormFieldHelperComponent, FormFieldLabelComponent, HeroComponent, IconComponent, ImageCropperComponent, ImageNotFoundComponent, ImageNotFoundDirective, InputComponent, ListItemComponent, LongPressDirective, MenuComponent, MenuItemsComponent, MenuTriggerComponent, ModalComponent, NavbarAppNameSlotDirective, NavbarAvatarSlotDirective, NavbarComponent, NavbarLogoSlotDirective, NavbarSearchSlotDirective, PeHeroActionsSlotDirective, PeHeroBadgesSlotDirective, PeHeroContentSlotDirective, PeHeroSubtitleSlotDirective, PeHeroTitleSlotDirective, PillComponent, PriceButtonComponent, RadialComponent, RadioComponent, RadioGroupComponent, RichTextComponent, SearchInputComponent, SearchSelectComponent, SelectComponent, SelectableRowComponent, SidebarComponent, SkeletonComponent, StatusComponent, StepperComponent, TableComponent, TextareaComponent, TextareaFieldDirective, ToastContainerComponent, ToastService, ToggleComponent, TooltipComponent, createFormFieldIds, getFormFieldDescribedBy, toastIcon };
|
|
2137
2111
|
export type { ActionsDistribution, AvatarData, AvatarSize, BreadcrumbItem, BreadcrumbSeparator, CalendarDay, CalendarMode, CardCaptionSize, CardDirection, CheckboxZoneType, CollapseVariant, Currency, DockItemVariant, DropdownItem, FileInputAppearance, HeroAction, HeroAlignment, HeroSize, IconName, IconSize, IconWeight, ImageCropperShape, InputAppearance, InputType, ListItemTheme, MediaAspectRatio, MenuItem, ModalVariant, PillSize, PillTheme, PillVariant, RadioGroupOption, RichTextSize, RichTextTone, SalePosition, SearchSelectOption, SearchSuggestion, SelectOption, SidebarItem, SkeletonBorderRadius, SkeletonVariant, SortDirection, Status, TableColumn, TextareaResize, TimeSelection, ToastConfig, ToastKind, ToastWithRole, TooltipPosition };
|