@latitude-ui/widgets 0.0.28 → 0.0.31
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.
|
@@ -1,19 +1,14 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
const BUTTON_PATTERN = new InjectionToken('BUTTON_PATTERN');
|
|
2
|
+
import { inject, ElementRef, input, booleanAttribute, numberAttribute, signal, afterRenderEffect, DestroyRef, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken } from '@angular/core';
|
|
5
3
|
|
|
6
4
|
class ButtonComponent {
|
|
7
5
|
button = inject((ElementRef));
|
|
8
|
-
pattern = inject(BUTTON_PATTERN, { host: true, optional: true });
|
|
9
6
|
role = input('button', ...(ngDevMode ? [{ debugName: "role" }] : []));
|
|
10
7
|
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
11
8
|
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
12
9
|
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
13
10
|
tabindex = input(undefined, { ...(ngDevMode ? { debugName: "tabindex" } : {}), transform: numberAttribute });
|
|
14
11
|
icononly = signal(false, ...(ngDevMode ? [{ debugName: "icononly" }] : []));
|
|
15
|
-
computedSize = computed(() => this.pattern ? this.pattern.size() : this.size(), ...(ngDevMode ? [{ debugName: "computedSize" }] : []));
|
|
16
|
-
computedVariant = computed(() => this.pattern ? this.pattern.variant() : this.variant(), ...(ngDevMode ? [{ debugName: "computedVariant" }] : []));
|
|
17
12
|
constructor() {
|
|
18
13
|
this._setUpPolyfill();
|
|
19
14
|
this._setUpListener();
|
|
@@ -59,14 +54,14 @@ class ButtonComponent {
|
|
|
59
54
|
});
|
|
60
55
|
}
|
|
61
56
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: ButtonComponent, isStandalone: true, selector: "lat-button", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "attr.size": "
|
|
57
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: ButtonComponent, isStandalone: true, selector: "lat-button", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "attr.size": "size()", "attr.variant": "variant()", "attr.icononly": "icononly()", "attr.tabindex": "disabled() ? -1 : tabindex()", "attr.disabled": "disabled() || undefined", "attr.aria-disabled": "disabled() || undefined" } }, exportAs: ["latButton"], ngImport: i0, template: "<ng-content />\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
63
58
|
}
|
|
64
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
65
60
|
type: Component,
|
|
66
61
|
args: [{ exportAs: 'latButton', selector: 'lat-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
67
62
|
'[attr.role]': 'role()',
|
|
68
|
-
'[attr.size]': '
|
|
69
|
-
'[attr.variant]': '
|
|
63
|
+
'[attr.size]': 'size()',
|
|
64
|
+
'[attr.variant]': 'variant()',
|
|
70
65
|
'[attr.icononly]': 'icononly()',
|
|
71
66
|
'[attr.tabindex]': `disabled() ? -1 : tabindex()`,
|
|
72
67
|
'[attr.disabled]': `disabled() || undefined`,
|
|
@@ -74,6 +69,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
74
69
|
}, template: "<ng-content />\r\n" }]
|
|
75
70
|
}], ctorParameters: () => [], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }] } });
|
|
76
71
|
|
|
72
|
+
const BUTTON_PATTERN = new InjectionToken('BUTTON_PATTERN');
|
|
73
|
+
|
|
77
74
|
/**
|
|
78
75
|
* Generated bundle index. Do not edit.
|
|
79
76
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"latitude-ui-widgets-button.mjs","sources":["../../../../packages/widgets/button/lib/button.
|
|
1
|
+
{"version":3,"file":"latitude-ui-widgets-button.mjs","sources":["../../../../packages/widgets/button/lib/button.component.ts","../../../../packages/widgets/button/lib/button.component.html","../../../../packages/widgets/button/lib/button.pattern.ts","../../../../packages/widgets/button/latitude-ui-widgets-button.ts"],"sourcesContent":["import {\n afterRenderEffect,\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n inject,\n input,\n numberAttribute,\n signal,\n ViewEncapsulation\n} from '@angular/core';\n\nimport { ButtonSize, ButtonVariant } from './button.types';\n\n\n@Component({\n exportAs: 'latButton',\n selector: 'lat-button',\n templateUrl: './button.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.role]': 'role()',\n '[attr.size]': 'size()',\n '[attr.variant]': 'variant()',\n '[attr.icononly]': 'icononly()',\n '[attr.tabindex]': `disabled() ? -1 : tabindex()`,\n '[attr.disabled]': `disabled() || undefined`,\n '[attr.aria-disabled]': `disabled() || undefined`\n }\n})\nexport class ButtonComponent {\n readonly button = inject(ElementRef<HTMLElement>);\n\n readonly role = input<string>('button');\n readonly size = input<ButtonSize>('md');\n readonly variant = input<ButtonVariant>('default');\n readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n readonly tabindex = input<number, unknown>(undefined, { transform: numberAttribute });\n\n readonly icononly = signal<boolean>(false);\n\n constructor() {\n this._setUpPolyfill();\n this._setUpListener();\n }\n\n // Need to find icon without another DOM node (Polyfill pseudo :has)\n _setUpPolyfill(): void {\n const nativeElement = this.button.nativeElement;\n\n afterRenderEffect(() => {\n const childNodes = nativeElement.childNodes;\n\n if (childNodes.length === 1) {\n const node = childNodes.item(0);\n\n this.icononly.update(() => {\n if (node instanceof HTMLElement) {\n return node.tagName === 'LAT-ICON' || node.tagName === 'SVG' || node.role === 'img';\n }\n\n return false;\n });\n }\n });\n }\n\n // https://github.com/angular/angular/issues/9587\n _setUpListener(): void {\n const nativeElement = this.button.nativeElement;\n\n const clickFn = (event: MouseEvent) => {\n if (this.disabled()) {\n event.stopImmediatePropagation();\n event.preventDefault();\n }\n };\n\n const keyupFn = (event: KeyboardEvent) => {\n if (event.code === 'Space' && !this.disabled()) {\n const click = new MouseEvent('click', { ...event });\n\n nativeElement.dispatchEvent(click);\n\n event.stopImmediatePropagation();\n event.preventDefault();\n }\n };\n\n nativeElement.addEventListener('click', clickFn);\n nativeElement.addEventListener('keyup', keyupFn);\n\n inject(DestroyRef).onDestroy(() => {\n nativeElement.removeEventListener('click', clickFn);\n nativeElement.removeEventListener('keyup', keyupFn);\n });\n }\n}\n","<ng-content />\r\n","import { InjectionToken, Signal } from '@angular/core';\r\n\r\nimport { ButtonSize, ButtonVariant } from './button.types';\r\n\r\nexport interface ButtonPattern {\r\n readonly size: Signal<ButtonSize>;\r\n readonly variant: Signal<ButtonVariant>;\r\n}\r\n\r\nexport const BUTTON_PATTERN = new InjectionToken<ButtonPattern>('BUTTON_PATTERN');\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@latitude-ui/widgets",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.31",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^21.1.0",
|
|
6
6
|
"@angular/core": "^21.1.0",
|
|
7
7
|
"@angular/cdk": "^21.1.0",
|
|
8
|
-
"@maskito/core": "5.1.0",
|
|
9
|
-
"@maskito/kit": "5.1.0"
|
|
8
|
+
"@maskito/core": "^5.1.0",
|
|
9
|
+
"@maskito/kit": "^5.1.0"
|
|
10
10
|
},
|
|
11
11
|
"sideEffects": false,
|
|
12
12
|
"module": "fesm2022/latitude-ui-widgets.mjs",
|
|
@@ -2,22 +2,18 @@ import * as _latitude_ui_widgets_core from '@latitude-ui/widgets/core';
|
|
|
2
2
|
import { BoxSize } from '@latitude-ui/widgets/core';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
import { ElementRef, InjectionToken, Signal } from '@angular/core';
|
|
5
|
-
import * as _latitude_ui_widgets_button from '@latitude-ui/widgets/button';
|
|
6
5
|
|
|
7
6
|
type ButtonSize = BoxSize;
|
|
8
7
|
type ButtonVariant = 'default' | 'action' | 'secondary' | 'text' | 'link' | 'inherit' | ({} & string);
|
|
9
8
|
|
|
10
9
|
declare class ButtonComponent {
|
|
11
10
|
readonly button: ElementRef<any>;
|
|
12
|
-
readonly pattern: _latitude_ui_widgets_button.ButtonPattern | null;
|
|
13
11
|
readonly role: _angular_core.InputSignal<string>;
|
|
14
12
|
readonly size: _angular_core.InputSignal<_latitude_ui_widgets_core.BoxSize>;
|
|
15
13
|
readonly variant: _angular_core.InputSignal<ButtonVariant>;
|
|
16
14
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
17
15
|
readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
|
|
18
16
|
readonly icononly: _angular_core.WritableSignal<boolean>;
|
|
19
|
-
readonly computedSize: _angular_core.Signal<_latitude_ui_widgets_core.BoxSize>;
|
|
20
|
-
readonly computedVariant: _angular_core.Signal<ButtonVariant>;
|
|
21
17
|
constructor();
|
|
22
18
|
_setUpPolyfill(): void;
|
|
23
19
|
_setUpListener(): void;
|