@ks-digital/designsystem-angular 0.0.1-alpha.38 → 0.0.1-alpha.39
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/breadcrumbs/README.md +3 -0
- package/error-summary/README.md +3 -0
- package/fesm2022/ks-digital-designsystem-angular-breadcrumbs.mjs +36 -0
- package/fesm2022/ks-digital-designsystem-angular-breadcrumbs.mjs.map +1 -0
- package/fesm2022/ks-digital-designsystem-angular-error-summary.mjs +48 -0
- package/fesm2022/ks-digital-designsystem-angular-error-summary.mjs.map +1 -0
- package/fesm2022/ks-digital-designsystem-angular-heading.mjs +41 -0
- package/fesm2022/ks-digital-designsystem-angular-heading.mjs.map +1 -0
- package/fesm2022/ks-digital-designsystem-angular-tag.mjs +39 -0
- package/fesm2022/ks-digital-designsystem-angular-tag.mjs.map +1 -0
- package/heading/README.md +3 -0
- package/package.json +17 -1
- package/tag/README.md +3 -0
- package/types/ks-digital-designsystem-angular-breadcrumbs.d.ts +9 -0
- package/types/ks-digital-designsystem-angular-error-summary.d.ts +14 -0
- package/types/ks-digital-designsystem-angular-heading.d.ts +19 -0
- package/types/ks-digital-designsystem-angular-tag.d.ts +15 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
|
+
import * as i1 from '@ks-digital/designsystem-angular/__internals';
|
|
4
|
+
import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
|
|
5
|
+
|
|
6
|
+
class Breadcrumbs {
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: Breadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: Breadcrumbs, isStandalone: true, selector: "[ksd-breadcrumbs]", host: { classAttribute: "ds-breadcrumbs" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true });
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: Breadcrumbs, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: '[ksd-breadcrumbs]',
|
|
14
|
+
template: ` <ng-content /> `,
|
|
15
|
+
hostDirectives: [
|
|
16
|
+
{
|
|
17
|
+
directive: HostSize,
|
|
18
|
+
inputs: ['data-size'],
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
directive: HostColor,
|
|
22
|
+
inputs: ['data-color'],
|
|
23
|
+
},
|
|
24
|
+
],
|
|
25
|
+
host: {
|
|
26
|
+
class: 'ds-breadcrumbs',
|
|
27
|
+
},
|
|
28
|
+
}]
|
|
29
|
+
}] });
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Generated bundle index. Do not edit.
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
export { Breadcrumbs };
|
|
36
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-breadcrumbs.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ks-digital-designsystem-angular-breadcrumbs.mjs","sources":["../../../../packages/angular/breadcrumbs/src/breadcrumbs.ts","../../../../packages/angular/breadcrumbs/src/ks-digital-designsystem-angular-breadcrumbs.ts"],"sourcesContent":["import { Component } from '@angular/core'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: '[ksd-breadcrumbs]',\n template: ` <ng-content /> `,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n host: {\n class: 'ds-breadcrumbs',\n },\n})\nexport class Breadcrumbs {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAuBa,WAAW,CAAA;uGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,8QAfZ,CAAA,gBAAA,CAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAejB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAjBvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,CAAA,gBAAA,CAAkB;AAC5B,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,WAAW,CAAC;AACtB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,SAAS;4BACpB,MAAM,EAAE,CAAC,YAAY,CAAC;AACvB,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,gBAAgB;AACxB,qBAAA;AACF,iBAAA;;;ACtBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { signal, contentChild, inject, ElementRef, effect, Component } from '@angular/core';
|
|
3
|
+
import * as i1 from '@ks-digital/designsystem-angular/__internals';
|
|
4
|
+
import { randomId, HostSize } from '@ks-digital/designsystem-angular/__internals';
|
|
5
|
+
import { Heading } from '@ks-digital/designsystem-angular/heading';
|
|
6
|
+
|
|
7
|
+
class ErrorSummary {
|
|
8
|
+
id = signal(randomId(), ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
9
|
+
heading = contentChild(Heading, ...(ngDevMode ? [{ debugName: "heading" }] : []));
|
|
10
|
+
el = inject(ElementRef);
|
|
11
|
+
constructor() {
|
|
12
|
+
effect(() => {
|
|
13
|
+
if (this.heading()) {
|
|
14
|
+
this.heading()?.setId(this.id());
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
focus() {
|
|
19
|
+
this.el.nativeElement.focus();
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: ErrorSummary, isStandalone: true, selector: "[ksd-error-summary]", host: { attributes: { "tabindex": "-1" }, properties: { "attr.aria-labelledby": "id()" }, classAttribute: "ds-error-summary" }, queries: [{ propertyName: "heading", first: true, predicate: Heading, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorSummary, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: '[ksd-error-summary]',
|
|
28
|
+
template: ` <ng-content /> `,
|
|
29
|
+
hostDirectives: [
|
|
30
|
+
{
|
|
31
|
+
directive: HostSize,
|
|
32
|
+
inputs: ['data-size'],
|
|
33
|
+
},
|
|
34
|
+
],
|
|
35
|
+
host: {
|
|
36
|
+
class: 'ds-error-summary',
|
|
37
|
+
tabindex: '-1',
|
|
38
|
+
'[attr.aria-labelledby]': 'id()',
|
|
39
|
+
},
|
|
40
|
+
}]
|
|
41
|
+
}], ctorParameters: () => [], propDecorators: { heading: [{ type: i0.ContentChild, args: [i0.forwardRef(() => Heading), { isSignal: true }] }] } });
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Generated bundle index. Do not edit.
|
|
45
|
+
*/
|
|
46
|
+
|
|
47
|
+
export { ErrorSummary };
|
|
48
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-error-summary.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ks-digital-designsystem-angular-error-summary.mjs","sources":["../../../../packages/angular/error-summary/src/error-summary.ts","../../../../packages/angular/error-summary/src/ks-digital-designsystem-angular-error-summary.ts"],"sourcesContent":["import {\n Component,\n contentChild,\n effect,\n ElementRef,\n inject,\n signal,\n} from '@angular/core'\nimport {\n HostSize,\n randomId,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { Heading } from '@ks-digital/designsystem-angular/heading'\n\n@Component({\n selector: '[ksd-error-summary]',\n template: ` <ng-content /> `,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n ],\n host: {\n class: 'ds-error-summary',\n tabindex: '-1',\n '[attr.aria-labelledby]': 'id()',\n },\n})\nexport class ErrorSummary {\n protected id = signal(randomId())\n private heading = contentChild(Heading)\n private el = inject(ElementRef)\n\n constructor() {\n effect(() => {\n if (this.heading()) {\n this.heading()?.setId(this.id())\n }\n })\n }\n\n focus() {\n this.el.nativeElement.focus()\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MA6Ba,YAAY,CAAA;AACb,IAAA,EAAE,GAAG,MAAM,CAAC,QAAQ,EAAE,8CAAC;AACzB,IAAA,OAAO,GAAG,YAAY,CAAC,OAAO,mDAAC;AAC/B,IAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AAE/B,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;gBAClB,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAClC;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;IAC/B;uGAfW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEQ,OAAO,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAf5B,CAAA,gBAAA,CAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAajB,YAAY,EAAA,UAAA,EAAA,CAAA;kBAfxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,CAAA,gBAAA,CAAkB;AAC5B,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,WAAW,CAAC;AACtB,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,kBAAkB;AACzB,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,wBAAwB,EAAE,MAAM;AACjC,qBAAA;AACF,iBAAA;sHAGgC,OAAO,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AC/BxC;;AAEG;;;;"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { signal, input, Directive } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
/* eslint-disable @angular-eslint/no-input-rename */
|
|
5
|
+
class Heading {
|
|
6
|
+
id = signal(undefined, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
7
|
+
/**
|
|
8
|
+
* Changes text sizing
|
|
9
|
+
* @default 'md'
|
|
10
|
+
*/
|
|
11
|
+
dataSize = input(undefined, { ...(ngDevMode ? { debugName: "dataSize" } : {}), alias: 'data-size' });
|
|
12
|
+
/**
|
|
13
|
+
* Set the id of the heading
|
|
14
|
+
* @param id
|
|
15
|
+
*/
|
|
16
|
+
setId(id) {
|
|
17
|
+
this.id.set(id);
|
|
18
|
+
}
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: Heading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: Heading, isStandalone: true, selector: "h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]", inputs: { dataSize: { classPropertyName: "dataSize", publicName: "data-size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "dataSize() || null", "attr.id": "id() || null" }, classAttribute: "ds-heading" }, ngImport: i0 });
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: Heading, decorators: [{
|
|
23
|
+
type: Directive,
|
|
24
|
+
args: [{
|
|
25
|
+
selector:
|
|
26
|
+
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
27
|
+
'h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]',
|
|
28
|
+
host: {
|
|
29
|
+
class: 'ds-heading',
|
|
30
|
+
'[attr.data-size]': 'dataSize() || null',
|
|
31
|
+
'[attr.id]': 'id() || null',
|
|
32
|
+
},
|
|
33
|
+
}]
|
|
34
|
+
}], propDecorators: { dataSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-size", required: false }] }] } });
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Generated bundle index. Do not edit.
|
|
38
|
+
*/
|
|
39
|
+
|
|
40
|
+
export { Heading };
|
|
41
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-heading.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ks-digital-designsystem-angular-heading.mjs","sources":["../../../../packages/angular/heading/src/heading.ts","../../../../packages/angular/heading/src/ks-digital-designsystem-angular-heading.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-input-rename */\nimport { Directive, input, signal } from '@angular/core'\n\n@Directive({\n selector:\n // eslint-disable-next-line @angular-eslint/directive-selector\n 'h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]',\n host: {\n class: 'ds-heading',\n '[attr.data-size]': 'dataSize() || null',\n '[attr.id]': 'id() || null',\n },\n})\nexport class Heading {\n public id = signal<string | undefined>(undefined)\n /**\n * Changes text sizing\n * @default 'md'\n */\n readonly dataSize = input<'2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'>(\n undefined,\n {\n alias: 'data-size',\n },\n )\n\n /**\n * Set the id of the heading\n * @param id\n */\n setId(id: string) {\n this.id.set(id)\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;MAaa,OAAO,CAAA;AACX,IAAA,EAAE,GAAG,MAAM,CAAqB,SAAS,8CAAC;AACjD;;;AAGG;IACM,QAAQ,GAAG,KAAK,CACvB,SAAS,qDAEP,KAAK,EAAE,WAAW,EAAA,CAErB;AAED;;;AAGG;AACH,IAAA,KAAK,CAAC,EAAU,EAAA;AACd,QAAA,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;IACjB;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,sGAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,SAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBAVnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,QAAQ;;oBAEN,sGAAsG;AACxG,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,kBAAkB,EAAE,oBAAoB;AACxC,wBAAA,WAAW,EAAE,cAAc;AAC5B,qBAAA;AACF,iBAAA;;;ACZD;;AAEG;;;;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, Component } from '@angular/core';
|
|
3
|
+
import * as i1 from '@ks-digital/designsystem-angular/__internals';
|
|
4
|
+
import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
|
|
5
|
+
|
|
6
|
+
/* eslint-disable @angular-eslint/no-input-rename */
|
|
7
|
+
class Tag {
|
|
8
|
+
/**
|
|
9
|
+
* The visual variant of the tag
|
|
10
|
+
*
|
|
11
|
+
* @default 'default'
|
|
12
|
+
*/
|
|
13
|
+
variant = input('default', { ...(ngDevMode ? { debugName: "variant" } : {}), alias: 'data-variant' });
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: Tag, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: Tag, isStandalone: true, selector: "ksd-tag", inputs: { variant: { classPropertyName: "variant", publicName: "data-variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()" }, classAttribute: "ds-tag" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, styles: [":host ::ng-deep>*{margin-inline-end:var(--ds-size-1)}\n"] });
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: Tag, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'ksd-tag', hostDirectives: [
|
|
20
|
+
{
|
|
21
|
+
directive: HostSize,
|
|
22
|
+
inputs: ['data-size'],
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
directive: HostColor,
|
|
26
|
+
inputs: ['data-color'],
|
|
27
|
+
},
|
|
28
|
+
], host: {
|
|
29
|
+
class: 'ds-tag',
|
|
30
|
+
'[attr.data-variant]': 'variant()',
|
|
31
|
+
}, template: ` <ng-content /> `, styles: [":host ::ng-deep>*{margin-inline-end:var(--ds-size-1)}\n"] }]
|
|
32
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-variant", required: false }] }] } });
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Generated bundle index. Do not edit.
|
|
36
|
+
*/
|
|
37
|
+
|
|
38
|
+
export { Tag };
|
|
39
|
+
//# sourceMappingURL=ks-digital-designsystem-angular-tag.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ks-digital-designsystem-angular-tag.mjs","sources":["../../../../packages/angular/tag/src/tag.ts","../../../../packages/angular/tag/src/ks-digital-designsystem-angular-tag.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-input-rename */\nimport { Component, input } from '@angular/core'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: 'ksd-tag',\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n host: {\n class: 'ds-tag',\n '[attr.data-variant]': 'variant()',\n },\n styles: `\n :host ::ng-deep > * {\n margin-inline-end: var(--ds-size-1);\n }\n `,\n template: ` <ng-content /> `,\n})\nexport class Tag {\n /**\n * The visual variant of the tag\n *\n * @default 'default'\n */\n readonly variant = input<'default' | 'outline'>('default', {\n alias: 'data-variant',\n })\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;MA8Ba,GAAG,CAAA;AACd;;;;AAIG;IACM,OAAO,GAAG,KAAK,CAAwB,SAAS,oDACvD,KAAK,EAAE,cAAc,EAAA,CACrB;uGARS,GAAG,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAH,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,GAAG,6bAFJ,CAAA,gBAAA,CAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yDAAA,CAAA,EAAA,CAAA;;2FAEjB,GAAG,EAAA,UAAA,EAAA,CAAA;kBAvBf,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAAA,cAAA,EACH;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,WAAW,CAAC;AACtB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,SAAS;4BACpB,MAAM,EAAE,CAAC,YAAY,CAAC;AACvB,yBAAA;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,KAAK,EAAE,QAAQ;AACf,wBAAA,qBAAqB,EAAE,WAAW;AACnC,qBAAA,EAAA,QAAA,EAMS,CAAA,gBAAA,CAAkB,EAAA,MAAA,EAAA,CAAA,yDAAA,CAAA,EAAA;;;AC5B9B;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"url": "https://github.com/ks-no/designsystem.git",
|
|
6
6
|
"directory": "packages/angular"
|
|
7
7
|
},
|
|
8
|
-
"version": "0.0.1-alpha.
|
|
8
|
+
"version": "0.0.1-alpha.39",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"private": false,
|
|
11
11
|
"publishConfig": {
|
|
@@ -38,6 +38,10 @@
|
|
|
38
38
|
"types": "./types/ks-digital-designsystem-angular-alert.d.ts",
|
|
39
39
|
"default": "./fesm2022/ks-digital-designsystem-angular-alert.mjs"
|
|
40
40
|
},
|
|
41
|
+
"./breadcrumbs": {
|
|
42
|
+
"types": "./types/ks-digital-designsystem-angular-breadcrumbs.d.ts",
|
|
43
|
+
"default": "./fesm2022/ks-digital-designsystem-angular-breadcrumbs.mjs"
|
|
44
|
+
},
|
|
41
45
|
"./button": {
|
|
42
46
|
"types": "./types/ks-digital-designsystem-angular-button.d.ts",
|
|
43
47
|
"default": "./fesm2022/ks-digital-designsystem-angular-button.mjs"
|
|
@@ -54,10 +58,18 @@
|
|
|
54
58
|
"types": "./types/ks-digital-designsystem-angular-details.d.ts",
|
|
55
59
|
"default": "./fesm2022/ks-digital-designsystem-angular-details.mjs"
|
|
56
60
|
},
|
|
61
|
+
"./error-summary": {
|
|
62
|
+
"types": "./types/ks-digital-designsystem-angular-error-summary.d.ts",
|
|
63
|
+
"default": "./fesm2022/ks-digital-designsystem-angular-error-summary.mjs"
|
|
64
|
+
},
|
|
57
65
|
"./forms": {
|
|
58
66
|
"types": "./types/ks-digital-designsystem-angular-forms.d.ts",
|
|
59
67
|
"default": "./fesm2022/ks-digital-designsystem-angular-forms.mjs"
|
|
60
68
|
},
|
|
69
|
+
"./heading": {
|
|
70
|
+
"types": "./types/ks-digital-designsystem-angular-heading.d.ts",
|
|
71
|
+
"default": "./fesm2022/ks-digital-designsystem-angular-heading.mjs"
|
|
72
|
+
},
|
|
61
73
|
"./link": {
|
|
62
74
|
"types": "./types/ks-digital-designsystem-angular-link.d.ts",
|
|
63
75
|
"default": "./fesm2022/ks-digital-designsystem-angular-link.mjs"
|
|
@@ -86,6 +98,10 @@
|
|
|
86
98
|
"types": "./types/ks-digital-designsystem-angular-tabs.d.ts",
|
|
87
99
|
"default": "./fesm2022/ks-digital-designsystem-angular-tabs.mjs"
|
|
88
100
|
},
|
|
101
|
+
"./tag": {
|
|
102
|
+
"types": "./types/ks-digital-designsystem-angular-tag.d.ts",
|
|
103
|
+
"default": "./fesm2022/ks-digital-designsystem-angular-tag.mjs"
|
|
104
|
+
},
|
|
89
105
|
"./validation-message": {
|
|
90
106
|
"types": "./types/ks-digital-designsystem-angular-validation-message.d.ts",
|
|
91
107
|
"default": "./fesm2022/ks-digital-designsystem-angular-validation-message.mjs"
|
package/tag/README.md
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import * as i1 from '@ks-digital/designsystem-angular/__internals';
|
|
3
|
+
|
|
4
|
+
declare class Breadcrumbs {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Breadcrumbs, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Breadcrumbs, "[ksd-breadcrumbs]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export { Breadcrumbs };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import * as i1 from '@ks-digital/designsystem-angular/__internals';
|
|
3
|
+
|
|
4
|
+
declare class ErrorSummary {
|
|
5
|
+
protected id: i0.WritableSignal<string>;
|
|
6
|
+
private heading;
|
|
7
|
+
private el;
|
|
8
|
+
constructor();
|
|
9
|
+
focus(): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ErrorSummary, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ErrorSummary, "[ksd-error-summary]", never, {}, {}, ["heading"], ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }]>;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { ErrorSummary };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class Heading {
|
|
4
|
+
id: _angular_core.WritableSignal<string | undefined>;
|
|
5
|
+
/**
|
|
6
|
+
* Changes text sizing
|
|
7
|
+
* @default 'md'
|
|
8
|
+
*/
|
|
9
|
+
readonly dataSize: _angular_core.InputSignal<"2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined>;
|
|
10
|
+
/**
|
|
11
|
+
* Set the id of the heading
|
|
12
|
+
* @param id
|
|
13
|
+
*/
|
|
14
|
+
setId(id: string): void;
|
|
15
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Heading, never>;
|
|
16
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Heading, "h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]", never, { "dataSize": { "alias": "data-size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { Heading };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import * as i1 from '@ks-digital/designsystem-angular/__internals';
|
|
3
|
+
|
|
4
|
+
declare class Tag {
|
|
5
|
+
/**
|
|
6
|
+
* The visual variant of the tag
|
|
7
|
+
*
|
|
8
|
+
* @default 'default'
|
|
9
|
+
*/
|
|
10
|
+
readonly variant: i0.InputSignal<"default" | "outline">;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Tag, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Tag, "ksd-tag", never, { "variant": { "alias": "data-variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.HostSize; inputs: { "data-size": "data-size"; }; outputs: {}; }, { directive: typeof i1.HostColor; inputs: { "data-color": "data-color"; }; outputs: {}; }]>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { Tag };
|