@ui5/webcomponents-ngx 0.4.8-rc.3 → 0.4.8
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/ui5-webcomponents-ngx-fiori-illustrated-message.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-fiori-search-item.mjs +3 -3
- package/fesm2022/ui5-webcomponents-ngx-fiori-search-item.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-fiori-shell-bar.mjs +3 -3
- package/fesm2022/ui5-webcomponents-ngx-fiori-shell-bar.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-fiori-side-navigation-item.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-fiori-side-navigation-sub-item.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main-avatar.mjs +4 -2
- package/fesm2022/ui5-webcomponents-ngx-main-avatar.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main-bar.mjs +3 -3
- package/fesm2022/ui5-webcomponents-ngx-main-bar.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main-dynamic-date-range.mjs +42 -0
- package/fesm2022/ui5-webcomponents-ngx-main-dynamic-date-range.mjs.map +1 -0
- package/fesm2022/ui5-webcomponents-ngx-main-icon.mjs +4 -2
- package/fesm2022/ui5-webcomponents-ngx-main-icon.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main-tab.mjs +14 -2
- package/fesm2022/ui5-webcomponents-ngx-main-tab.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main-table-selection-multi.mjs +3 -3
- package/fesm2022/ui5-webcomponents-ngx-main-table-selection-multi.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main-table-selection-single.mjs +3 -3
- package/fesm2022/ui5-webcomponents-ngx-main-table-selection-single.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main-table.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main-tree.mjs +5 -1
- package/fesm2022/ui5-webcomponents-ngx-main-tree.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx-main.mjs +4 -0
- package/fesm2022/ui5-webcomponents-ngx-main.mjs.map +1 -1
- package/fesm2022/ui5-webcomponents-ngx.mjs +1 -0
- package/fesm2022/ui5-webcomponents-ngx.mjs.map +1 -1
- package/fiori/illustrated-message/index.d.ts +1 -1
- package/fiori/search-item/index.d.ts +8 -3
- package/fiori/shell-bar/index.d.ts +7 -7
- package/fiori/side-navigation-item/index.d.ts +2 -1
- package/fiori/side-navigation-sub-item/index.d.ts +2 -1
- package/index.d.ts +1 -0
- package/main/avatar/index.d.ts +9 -1
- package/main/bar/index.d.ts +11 -1
- package/main/dynamic-date-range/index.d.ts +27 -0
- package/main/icon/index.d.ts +8 -1
- package/main/tab/index.d.ts +6 -1
- package/main/table/index.d.ts +3 -0
- package/main/table-selection-multi/index.d.ts +5 -1
- package/main/table-selection-single/index.d.ts +5 -1
- package/main/tree/index.d.ts +14 -2
- package/main/ui5-main.module.d.ts +77 -76
- package/package.json +18 -14
- package/ui5-webcomponents-ngx-0.4.8.tgz +0 -0
- package/ui5-webcomponents-ngx-0.4.8-rc.3.tgz +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-fiori-illustrated-message.mjs","sources":["../../../../libs/ui5-angular/fiori/illustrated-message/index.ts","../../../../libs/ui5-angular/fiori/illustrated-message/ui5-webcomponents-ngx-fiori-illustrated-message.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport '@ui5/webcomponents-fiori/dist/IllustratedMessage.js';\nimport IllustratedMessage from '@ui5/webcomponents-fiori/dist/IllustratedMessage.js';\nimport { ProxyInputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs([\n 'name',\n 'design',\n 'subtitleText',\n 'titleText',\n 'accessibleNameRef',\n 'decorative',\n])\n@Component({\n standalone: true,\n selector: 'ui5-illustrated-message',\n template: '<ng-content></ng-content>',\n inputs: [\n 'name',\n 'design',\n 'subtitleText',\n 'titleText',\n 'accessibleNameRef',\n 'decorative',\n ],\n exportAs: 'ui5IllustratedMessage',\n})\nclass IllustratedMessageComponent {\n /**\n Defines the illustration name that will be displayed in the component.\n\nExample:\n\n`name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\n**Note:** To use the TNT illustrations,\nyou need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\nExample:\n\n`name='tnt/Avatar'` or `name='TntAvatar'`.\n\n**Note:** By default the `BeforeSearch` illustration is loaded.\nWhen using an illustration type, other than the default, it should be loaded in addition:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\nFor TNT illustrations:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`\n */\n name!: string;\n /**\n Determines which illustration breakpoint variant is used.\n\nAs `IllustratedMessage` adapts itself around the `Illustration`, the other\nelements of the component are displayed differently on the different breakpoints/illustration designs.\n */\n design
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-fiori-illustrated-message.mjs","sources":["../../../../libs/ui5-angular/fiori/illustrated-message/index.ts","../../../../libs/ui5-angular/fiori/illustrated-message/ui5-webcomponents-ngx-fiori-illustrated-message.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport '@ui5/webcomponents-fiori/dist/IllustratedMessage.js';\nimport IllustratedMessage from '@ui5/webcomponents-fiori/dist/IllustratedMessage.js';\nimport { ProxyInputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs([\n 'name',\n 'design',\n 'subtitleText',\n 'titleText',\n 'accessibleNameRef',\n 'decorative',\n])\n@Component({\n standalone: true,\n selector: 'ui5-illustrated-message',\n template: '<ng-content></ng-content>',\n inputs: [\n 'name',\n 'design',\n 'subtitleText',\n 'titleText',\n 'accessibleNameRef',\n 'decorative',\n ],\n exportAs: 'ui5IllustratedMessage',\n})\nclass IllustratedMessageComponent {\n /**\n Defines the illustration name that will be displayed in the component.\n\nExample:\n\n`name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\n**Note:** To use the TNT illustrations,\nyou need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\nExample:\n\n`name='tnt/Avatar'` or `name='TntAvatar'`.\n\n**Note:** By default the `BeforeSearch` illustration is loaded.\nWhen using an illustration type, other than the default, it should be loaded in addition:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\nFor TNT illustrations:\n\n`import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`\n */\n name!: string;\n /**\n Determines which illustration breakpoint variant is used.\n\nAs `IllustratedMessage` adapts itself around the `Illustration`, the other\nelements of the component are displayed differently on the different breakpoints/illustration designs.\n */\n design!:\n | 'Auto'\n | 'Base'\n | 'Dot'\n | 'Spot'\n | 'Dialog'\n | 'Scene'\n | 'ExtraSmall'\n | 'Small'\n | 'Medium'\n | 'Large';\n /**\n Defines the subtitle of the component.\n\n**Note:** Using this property, the default subtitle text of illustration will be overwritten.\n\n**Note:** Using `subtitle` slot, the default of this property will be overwritten.\n */\n subtitleText!: string | undefined;\n /**\n Defines the title of the component.\n\n**Note:** Using this property, the default title text of illustration will be overwritten.\n */\n titleText!: string | undefined;\n /**\n Receives id(or many ids) of the elements that label the component.\n */\n accessibleNameRef!: string | undefined;\n /**\n Defines whether the illustration is decorative.\n\nWhen set to `true`, the attributes `role=\"presentation\"` and `aria-hidden=\"true\"` are applied to the SVG element.\n */\n @InputDecorator({ transform: booleanAttribute })\n decorative!: boolean;\n\n private elementRef: ElementRef<IllustratedMessage> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): IllustratedMessage {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { IllustratedMessageComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AAkCM,IAAA,2BAA2B,GAtBjC,MAsBM,2BAA2B,CAAA;AAwE/B,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAmC,MAAM,CAAC,UAAU,CAAC;AAC/D,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GA7Ef,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAiEF,gBAAgB,CAAA,EAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA5EnC,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAWjC,2BAA2B,GAAA,UAAA,CAAA;AAtBhC,IAAA,WAAW,CAAC;QACX,MAAM;QACN,QAAQ;QACR,cAAc;QACd,WAAW;QACX,mBAAmB;QACnB,YAAY;KACb,CAAC;;AAeI,CAAA,EAAA,2BAA2B,CA+EhC;2FA/EK,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAdhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE;wBACN,MAAM;wBACN,QAAQ;wBACR,cAAc;wBACd,WAAW;wBACX,mBAAmB;wBACnB,YAAY;AACb,qBAAA;AACD,oBAAA,QAAQ,EAAE,uBAAuB;AAClC,iBAAA;wDAmEC,UAAU,EAAA,CAAA;sBADTA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;ACnGjD;;AAEG;;;;"}
|
|
@@ -15,10 +15,10 @@ let SearchItemComponent = class SearchItemComponent {
|
|
|
15
15
|
this.cdr.detach();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SearchItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: SearchItemComponent, isStandalone: true, selector: "ui5-search-item", inputs: { text: "text", icon: "icon", selected: ["selected", "selected", booleanAttribute], scopeName: "scopeName" }, outputs: { ui5Delete: "ui5Delete" }, exportAs: ["ui5SearchItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: SearchItemComponent, isStandalone: true, selector: "ui5-search-item", inputs: { text: "text", description: "description", icon: "icon", selected: ["selected", "selected", booleanAttribute], scopeName: "scopeName" }, outputs: { ui5Delete: "ui5Delete" }, exportAs: ["ui5SearchItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
19
19
|
};
|
|
20
20
|
SearchItemComponent = __decorate([
|
|
21
|
-
ProxyInputs(['text', 'icon', 'selected', 'scopeName']),
|
|
21
|
+
ProxyInputs(['text', 'description', 'icon', 'selected', 'scopeName']),
|
|
22
22
|
ProxyOutputs(['delete: ui5Delete']),
|
|
23
23
|
__metadata("design:paramtypes", [])
|
|
24
24
|
], SearchItemComponent);
|
|
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
28
28
|
standalone: true,
|
|
29
29
|
selector: 'ui5-search-item',
|
|
30
30
|
template: '<ng-content></ng-content>',
|
|
31
|
-
inputs: ['text', 'icon', 'selected', 'scopeName'],
|
|
31
|
+
inputs: ['text', 'description', 'icon', 'selected', 'scopeName'],
|
|
32
32
|
outputs: ['ui5Delete'],
|
|
33
33
|
exportAs: 'ui5SearchItem',
|
|
34
34
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-fiori-search-item.mjs","sources":["../../../../libs/ui5-angular/fiori/search-item/index.ts","../../../../libs/ui5-angular/fiori/search-item/ui5-webcomponents-ngx-fiori-search-item.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport '@ui5/webcomponents-fiori/dist/SearchItem.js';\nimport SearchItem from '@ui5/webcomponents-fiori/dist/SearchItem.js';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs(['text', 'icon', 'selected', 'scopeName'])\n@ProxyOutputs(['delete: ui5Delete'])\n@Component({\n standalone: true,\n selector: 'ui5-search-item',\n template: '<ng-content></ng-content>',\n inputs: ['text', 'icon', 'selected', 'scopeName'],\n outputs: ['ui5Delete'],\n exportAs: 'ui5SearchItem',\n})\nclass SearchItemComponent {\n /**\n Defines the heading text of the search item.\n */\n text!: string;\n /**\n Defines the icon name of the search item.\n */\n icon!: string;\n /**\n Defines whether the search item is selected.\n */\n @InputDecorator({ transform: booleanAttribute })\n selected!: boolean;\n /**\n Defines the scope of the search item\n */\n scopeName!: string | undefined;\n\n /**\n Fired when delete button is pressed.\n */\n ui5Delete!: EventEmitter<void>;\n\n private elementRef: ElementRef<SearchItem> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): SearchItem {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { SearchItemComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AAuBM,IAAA,mBAAmB,GAVzB,MAUM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-fiori-search-item.mjs","sources":["../../../../libs/ui5-angular/fiori/search-item/index.ts","../../../../libs/ui5-angular/fiori/search-item/ui5-webcomponents-ngx-fiori-search-item.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport '@ui5/webcomponents-fiori/dist/SearchItem.js';\nimport SearchItem from '@ui5/webcomponents-fiori/dist/SearchItem.js';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs(['text', 'description', 'icon', 'selected', 'scopeName'])\n@ProxyOutputs(['delete: ui5Delete'])\n@Component({\n standalone: true,\n selector: 'ui5-search-item',\n template: '<ng-content></ng-content>',\n inputs: ['text', 'description', 'icon', 'selected', 'scopeName'],\n outputs: ['ui5Delete'],\n exportAs: 'ui5SearchItem',\n})\nclass SearchItemComponent {\n /**\n Defines the heading text of the search item.\n */\n text!: string | undefined;\n /**\n Defines the description that appears right under the item text, if available.\n */\n description!: string | undefined;\n /**\n Defines the icon name of the search item.\n**Note:** If provided, the image slot will be ignored.\n */\n icon!: string | undefined;\n /**\n Defines whether the search item is selected.\n */\n @InputDecorator({ transform: booleanAttribute })\n selected!: boolean;\n /**\n Defines the scope of the search item\n */\n scopeName!: string | undefined;\n\n /**\n Fired when delete button is pressed.\n */\n ui5Delete!: EventEmitter<void>;\n\n private elementRef: ElementRef<SearchItem> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): SearchItem {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { SearchItemComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AAuBM,IAAA,mBAAmB,GAVzB,MAUM,mBAAmB,CAAA;AAiCvB,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAA2B,MAAM,CAAC,UAAU,CAAC;AACvD,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAtCf,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAiBM,gBAAgB,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAtBnC,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAKjC,mBAAmB,GAAA,UAAA,CAAA;AAVxB,IAAA,WAAW,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;AACrE,IAAA,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAAC;;AAS9B,CAAA,EAAA,mBAAmB,CAwCxB;2FAxCK,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,2BAA2B;oBACrC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC;oBAChE,OAAO,EAAE,CAAC,WAAW,CAAC;AACtB,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;wDAmBC,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;ACxCjD;;AAEG;;;;"}
|
|
@@ -15,7 +15,7 @@ let ShellBarComponent = class ShellBarComponent {
|
|
|
15
15
|
this.cdr.detach();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ShellBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: ShellBarComponent, isStandalone: true, selector: "ui5-shellbar", inputs: { hideSearchButton: ["hideSearchButton", "hideSearchButton", booleanAttribute], disableSearchCollapse: ["disableSearchCollapse", "disableSearchCollapse", booleanAttribute], primaryTitle: "primaryTitle", secondaryTitle: "secondaryTitle", notificationsCount: "notificationsCount", showNotifications: ["showNotifications", "showNotifications", booleanAttribute], showProductSwitch: ["showProductSwitch", "showProductSwitch", booleanAttribute],
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: ShellBarComponent, isStandalone: true, selector: "ui5-shellbar", inputs: { hideSearchButton: ["hideSearchButton", "hideSearchButton", booleanAttribute], disableSearchCollapse: ["disableSearchCollapse", "disableSearchCollapse", booleanAttribute], primaryTitle: "primaryTitle", secondaryTitle: "secondaryTitle", notificationsCount: "notificationsCount", showNotifications: ["showNotifications", "showNotifications", booleanAttribute], showProductSwitch: ["showProductSwitch", "showProductSwitch", booleanAttribute], showSearchField: ["showSearchField", "showSearchField", booleanAttribute], accessibilityAttributes: "accessibilityAttributes" }, outputs: { ui5NotificationsClick: "ui5NotificationsClick", ui5ProfileClick: "ui5ProfileClick", ui5ProductSwitchClick: "ui5ProductSwitchClick", ui5LogoClick: "ui5LogoClick", ui5MenuItemClick: "ui5MenuItemClick", ui5SearchButtonClick: "ui5SearchButtonClick", ui5SearchFieldToggle: "ui5SearchFieldToggle", ui5ContentItemVisibilityChange: "ui5ContentItemVisibilityChange" }, exportAs: ["ui5Shellbar"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
19
19
|
};
|
|
20
20
|
ShellBarComponent = __decorate([
|
|
21
21
|
ProxyInputs([
|
|
@@ -26,8 +26,8 @@ ShellBarComponent = __decorate([
|
|
|
26
26
|
'notificationsCount',
|
|
27
27
|
'showNotifications',
|
|
28
28
|
'showProductSwitch',
|
|
29
|
-
'accessibilityAttributes',
|
|
30
29
|
'showSearchField',
|
|
30
|
+
'accessibilityAttributes',
|
|
31
31
|
]),
|
|
32
32
|
ProxyOutputs([
|
|
33
33
|
'notifications-click: ui5NotificationsClick',
|
|
@@ -55,8 +55,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
55
55
|
'notificationsCount',
|
|
56
56
|
'showNotifications',
|
|
57
57
|
'showProductSwitch',
|
|
58
|
-
'accessibilityAttributes',
|
|
59
58
|
'showSearchField',
|
|
59
|
+
'accessibilityAttributes',
|
|
60
60
|
],
|
|
61
61
|
outputs: [
|
|
62
62
|
'ui5NotificationsClick',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-fiori-shell-bar.mjs","sources":["../../../../libs/ui5-angular/fiori/shell-bar/index.ts","../../../../libs/ui5-angular/fiori/shell-bar/ui5-webcomponents-ngx-fiori-shell-bar.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport '@ui5/webcomponents-fiori/dist/ShellBar.js';\nimport {\n default as ShellBar,\n ShellBarAccessibilityAttributes,\n ShellBarContentItemVisibilityChangeEventDetail,\n ShellBarLogoClickEventDetail,\n ShellBarMenuItemClickEventDetail,\n ShellBarNotificationsClickEventDetail,\n ShellBarProductSwitchClickEventDetail,\n ShellBarProfileClickEventDetail,\n ShellBarSearchButtonEventDetail,\n ShellBarSearchFieldToggleEventDetail,\n} from '@ui5/webcomponents-fiori/dist/ShellBar.js';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs([\n 'hideSearchButton',\n 'disableSearchCollapse',\n 'primaryTitle',\n 'secondaryTitle',\n 'notificationsCount',\n 'showNotifications',\n 'showProductSwitch',\n '
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-fiori-shell-bar.mjs","sources":["../../../../libs/ui5-angular/fiori/shell-bar/index.ts","../../../../libs/ui5-angular/fiori/shell-bar/ui5-webcomponents-ngx-fiori-shell-bar.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport '@ui5/webcomponents-fiori/dist/ShellBar.js';\nimport {\n default as ShellBar,\n ShellBarAccessibilityAttributes,\n ShellBarContentItemVisibilityChangeEventDetail,\n ShellBarLogoClickEventDetail,\n ShellBarMenuItemClickEventDetail,\n ShellBarNotificationsClickEventDetail,\n ShellBarProductSwitchClickEventDetail,\n ShellBarProfileClickEventDetail,\n ShellBarSearchButtonEventDetail,\n ShellBarSearchFieldToggleEventDetail,\n} from '@ui5/webcomponents-fiori/dist/ShellBar.js';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs([\n 'hideSearchButton',\n 'disableSearchCollapse',\n 'primaryTitle',\n 'secondaryTitle',\n 'notificationsCount',\n 'showNotifications',\n 'showProductSwitch',\n 'showSearchField',\n 'accessibilityAttributes',\n])\n@ProxyOutputs([\n 'notifications-click: ui5NotificationsClick',\n 'profile-click: ui5ProfileClick',\n 'product-switch-click: ui5ProductSwitchClick',\n 'logo-click: ui5LogoClick',\n 'menu-item-click: ui5MenuItemClick',\n 'search-button-click: ui5SearchButtonClick',\n 'search-field-toggle: ui5SearchFieldToggle',\n 'content-item-visibility-change: ui5ContentItemVisibilityChange',\n])\n@Component({\n standalone: true,\n selector: 'ui5-shellbar',\n template: '<ng-content></ng-content>',\n inputs: [\n 'hideSearchButton',\n 'disableSearchCollapse',\n 'primaryTitle',\n 'secondaryTitle',\n 'notificationsCount',\n 'showNotifications',\n 'showProductSwitch',\n 'showSearchField',\n 'accessibilityAttributes',\n ],\n outputs: [\n 'ui5NotificationsClick',\n 'ui5ProfileClick',\n 'ui5ProductSwitchClick',\n 'ui5LogoClick',\n 'ui5MenuItemClick',\n 'ui5SearchButtonClick',\n 'ui5SearchFieldToggle',\n 'ui5ContentItemVisibilityChange',\n ],\n exportAs: 'ui5Shellbar',\n})\nclass ShellBarComponent {\n /**\n Defines the visibility state of the search button.\n\n**Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.\n */\n @InputDecorator({ transform: booleanAttribute })\n hideSearchButton!: boolean;\n /**\n Disables the automatic search field expansion/collapse when the available space is not enough.\n\n**Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.\n */\n @InputDecorator({ transform: booleanAttribute })\n disableSearchCollapse!: boolean;\n /**\n Defines the `primaryTitle`.\n\n**Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).\n */\n primaryTitle!: string | undefined;\n /**\n Defines the `secondaryTitle`.\n\n**Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).\n */\n secondaryTitle!: string | undefined;\n /**\n Defines the `notificationsCount`,\ndisplayed in the notification icon top-right corner.\n */\n notificationsCount!: string | undefined;\n /**\n Defines, if the notification icon would be displayed.\n */\n @InputDecorator({ transform: booleanAttribute })\n showNotifications!: boolean;\n /**\n Defines, if the product switch icon would be displayed.\n */\n @InputDecorator({ transform: booleanAttribute })\n showProductSwitch!: boolean;\n /**\n Defines, if the Search Field would be displayed when there is a valid `searchField` slot.\n\n**Note:** By default the Search Field is not displayed.\n */\n @InputDecorator({ transform: booleanAttribute })\n showSearchField!: boolean;\n /**\n Defines additional accessibility attributes on different areas of the component.\n\nThe accessibilityAttributes object has the following fields,\nwhere each field is an object supporting one or more accessibility attributes:\n\n- **logo** - `logo.role` and `logo.name`.\n- **notifications** - `notifications.expanded` and `notifications.hasPopup`.\n- **profile** - `profile.expanded`, `profile.hasPopup` and `profile.name`.\n- **product** - `product.expanded` and `product.hasPopup`.\n- **search** - `search.hasPopup`.\n- **overflow** - `overflow.expanded` and `overflow.hasPopup`.\n- **branding** - `branding.name`.\n\nThe accessibility attributes support the following values:\n\n- **role**: Defines the accessible ARIA role of the logo area.\nAccepts the following string values: `button` or `link`.\n\n- **expanded**: Indicates whether the button, or another grouping element it controls,\nis currently expanded or collapsed.\nAccepts the following string values: `true` or `false`.\n\n- **hasPopup**: Indicates the availability and type of interactive popup element,\nsuch as menu or dialog, that can be triggered by the button.\n\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n- **name**: Defines the accessible ARIA name of the area.\nAccepts any string.\n */\n accessibilityAttributes!: ShellBarAccessibilityAttributes;\n\n /**\n Fired, when the notification icon is activated.\n */\n ui5NotificationsClick!: EventEmitter<ShellBarNotificationsClickEventDetail>;\n /**\n Fired, when the profile slot is present.\n */\n ui5ProfileClick!: EventEmitter<ShellBarProfileClickEventDetail>;\n /**\n Fired, when the product switch icon is activated.\n\n**Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.\n */\n ui5ProductSwitchClick!: EventEmitter<ShellBarProductSwitchClickEventDetail>;\n /**\n Fired, when the logo is activated.\n */\n ui5LogoClick!: EventEmitter<ShellBarLogoClickEventDetail>;\n /**\n Fired, when a menu item is activated\n\n**Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.\n */\n ui5MenuItemClick!: EventEmitter<ShellBarMenuItemClickEventDetail>;\n /**\n Fired, when the search button is activated.\n\n**Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.\n */\n ui5SearchButtonClick!: EventEmitter<ShellBarSearchButtonEventDetail>;\n /**\n Fired, when the search field is expanded or collapsed.\n */\n ui5SearchFieldToggle!: EventEmitter<ShellBarSearchFieldToggleEventDetail>;\n /**\n Fired, when an item from the content slot is hidden or shown.\n**Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.\n */\n ui5ContentItemVisibilityChange!: EventEmitter<ShellBarContentItemVisibilityChangeEventDetail>;\n\n private elementRef: ElementRef<ShellBar> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): ShellBar {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { ShellBarComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AAwEM,IAAA,iBAAiB,GAhDvB,MAgDM,iBAAiB,CAAA;AA6HrB,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAyB,MAAM,CAAC,UAAU,CAAC;AACrD,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAlIf,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,EAMQ,gBAAgB,CAAA,EAAA,qBAAA,EAAA,CAAA,uBAAA,EAAA,uBAAA,EAOhB,gBAAgB,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,CAAA,mBAAA,EAAA,mBAAA,EAsBhB,gBAAgB,CAAA,EAAA,iBAAA,EAAA,CAAA,mBAAA,EAAA,mBAAA,EAKhB,gBAAgB,CAAA,EAAA,eAAA,EAAA,CAAA,iBAAA,EAAA,iBAAA,EAOhB,gBAAgB,CAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,8BAAA,EAAA,gCAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvEnC,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAwBjC,iBAAiB,GAAA,UAAA,CAAA;AAhDtB,IAAA,WAAW,CAAC;QACX,kBAAkB;QAClB,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,oBAAoB;QACpB,mBAAmB;QACnB,mBAAmB;QACnB,iBAAiB;QACjB,yBAAyB;KAC1B,CAAC;AACD,IAAA,YAAY,CAAC;QACZ,4CAA4C;QAC5C,gCAAgC;QAChC,6CAA6C;QAC7C,0BAA0B;QAC1B,mCAAmC;QACnC,2CAA2C;QAC3C,2CAA2C;QAC3C,gEAAgE;KACjE,CAAC;;AA4BI,CAAA,EAAA,iBAAiB,CAoItB;2FApIK,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA3BtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE;wBACN,kBAAkB;wBAClB,uBAAuB;wBACvB,cAAc;wBACd,gBAAgB;wBAChB,oBAAoB;wBACpB,mBAAmB;wBACnB,mBAAmB;wBACnB,iBAAiB;wBACjB,yBAAyB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,iBAAiB;wBACjB,uBAAuB;wBACvB,cAAc;wBACd,kBAAkB;wBAClB,sBAAsB;wBACtB,sBAAsB;wBACtB,gCAAgC;AACjC,qBAAA;AACD,oBAAA,QAAQ,EAAE,aAAa;AACxB,iBAAA;wDAQC,gBAAgB,EAAA,CAAA;sBADfA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAQ/C,qBAAqB,EAAA,CAAA;sBADpBA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAuB/C,iBAAiB,EAAA,CAAA;sBADhBA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAM/C,iBAAiB,EAAA,CAAA;sBADhBA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAQ/C,eAAe,EAAA,CAAA;sBADdA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;ACvHjD;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-fiori-side-navigation-item.mjs","sources":["../../../../libs/ui5-angular/fiori/side-navigation-item/index.ts","../../../../libs/ui5-angular/fiori/side-navigation-item/ui5-webcomponents-ngx-fiori-side-navigation-item.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';\nimport SideNavigationItem from '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';\nimport { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs([\n 'text',\n 'disabled',\n 'tooltip',\n 'icon',\n 'selected',\n 'href',\n 'target',\n 'design',\n 'unselectable',\n 'accessibilityAttributes',\n 'expanded',\n])\n@ProxyOutputs(['click: ui5Click'])\n@Component({\n standalone: true,\n selector: 'ui5-side-navigation-item',\n template: '<ng-content></ng-content>',\n inputs: [\n 'text',\n 'disabled',\n 'tooltip',\n 'icon',\n 'selected',\n 'href',\n 'target',\n 'design',\n 'unselectable',\n 'accessibilityAttributes',\n 'expanded',\n ],\n outputs: ['ui5Click'],\n exportAs: 'ui5SideNavigationItem',\n})\nclass SideNavigationItemComponent {\n /**\n Defines the text of the item.\n */\n text!: string | undefined;\n /**\n Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.\n */\n @InputDecorator({ transform: booleanAttribute })\n disabled!: boolean;\n /**\n Defines the tooltip of the component.\n\nA tooltip attribute should be provided, in order to represent meaning/function,\nwhen the component is collapsed (\"icon only\" design is visualized) or the item text is truncated.\n */\n tooltip!: string | undefined;\n /**\n Defines the icon of the item.\n\nThe SAP-icons font provides numerous options.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon!: string | undefined;\n /**\n Defines whether the item is selected\n */\n @InputDecorator({ transform: booleanAttribute })\n selected!: boolean;\n /**\n Defines the link target URI. Supports standard hyperlink behavior.\nIf a JavaScript action should be triggered,\nthis should not be set, but instead an event handler\nfor the `click` event should be registered.\n */\n href!: string | undefined;\n /**\n Defines the component target.\n\n**Notes:**\n\n- `_self`\n- `_top`\n- `_blank`\n- `_parent`\n- `_search`\n\n**This property must only be used when the `href` property is set.**\n */\n target!: string | undefined;\n /**\n Item design.\n\n**Note:** Items with \"Action\" design must not have sub-items.\n */\n design!: 'Default' | 'Action';\n /**\n Indicates whether the navigation item is selectable. By default all items are selectable unless specifically marked as unselectable.\n\nWhen a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.\nTo improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.\n\n\n**Guidelines**:\n- External links should be unselectable.\n- Items that trigger actions (with design \"Action\") should be unselectable.\n */\n @InputDecorator({ transform: booleanAttribute })\n unselectable!: boolean;\n /**\n Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.\n */\n accessibilityAttributes!: SideNavigationItemAccessibilityAttributes;\n /**\n Defines if the item is expanded\n */\n @InputDecorator({ transform: booleanAttribute })\n expanded!: boolean;\n\n /**\n Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n */\n ui5Click!: EventEmitter<
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-fiori-side-navigation-item.mjs","sources":["../../../../libs/ui5-angular/fiori/side-navigation-item/index.ts","../../../../libs/ui5-angular/fiori/side-navigation-item/ui5-webcomponents-ngx-fiori-side-navigation-item.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';\nimport SideNavigationItem from '@ui5/webcomponents-fiori/dist/SideNavigationItem.js';\nimport { SideNavigationItemClickEventDetail } from '@ui5/webcomponents-fiori/dist/SideNavigationItemBase.js';\nimport { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs([\n 'text',\n 'disabled',\n 'tooltip',\n 'icon',\n 'selected',\n 'href',\n 'target',\n 'design',\n 'unselectable',\n 'accessibilityAttributes',\n 'expanded',\n])\n@ProxyOutputs(['click: ui5Click'])\n@Component({\n standalone: true,\n selector: 'ui5-side-navigation-item',\n template: '<ng-content></ng-content>',\n inputs: [\n 'text',\n 'disabled',\n 'tooltip',\n 'icon',\n 'selected',\n 'href',\n 'target',\n 'design',\n 'unselectable',\n 'accessibilityAttributes',\n 'expanded',\n ],\n outputs: ['ui5Click'],\n exportAs: 'ui5SideNavigationItem',\n})\nclass SideNavigationItemComponent {\n /**\n Defines the text of the item.\n */\n text!: string | undefined;\n /**\n Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.\n */\n @InputDecorator({ transform: booleanAttribute })\n disabled!: boolean;\n /**\n Defines the tooltip of the component.\n\nA tooltip attribute should be provided, in order to represent meaning/function,\nwhen the component is collapsed (\"icon only\" design is visualized) or the item text is truncated.\n */\n tooltip!: string | undefined;\n /**\n Defines the icon of the item.\n\nThe SAP-icons font provides numerous options.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon!: string | undefined;\n /**\n Defines whether the item is selected\n */\n @InputDecorator({ transform: booleanAttribute })\n selected!: boolean;\n /**\n Defines the link target URI. Supports standard hyperlink behavior.\nIf a JavaScript action should be triggered,\nthis should not be set, but instead an event handler\nfor the `click` event should be registered.\n */\n href!: string | undefined;\n /**\n Defines the component target.\n\n**Notes:**\n\n- `_self`\n- `_top`\n- `_blank`\n- `_parent`\n- `_search`\n\n**This property must only be used when the `href` property is set.**\n */\n target!: string | undefined;\n /**\n Item design.\n\n**Note:** Items with \"Action\" design must not have sub-items.\n */\n design!: 'Default' | 'Action';\n /**\n Indicates whether the navigation item is selectable. By default all items are selectable unless specifically marked as unselectable.\n\nWhen a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.\nTo improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.\n\n\n**Guidelines**:\n- External links should be unselectable.\n- Items that trigger actions (with design \"Action\") should be unselectable.\n */\n @InputDecorator({ transform: booleanAttribute })\n unselectable!: boolean;\n /**\n Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.\n */\n accessibilityAttributes!: SideNavigationItemAccessibilityAttributes;\n /**\n Defines if the item is expanded\n */\n @InputDecorator({ transform: booleanAttribute })\n expanded!: boolean;\n\n /**\n Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n */\n ui5Click!: EventEmitter<SideNavigationItemClickEventDetail>;\n\n private elementRef: ElementRef<SideNavigationItem> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): SideNavigationItem {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { SideNavigationItemComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AAiDM,IAAA,2BAA2B,GAlCjC,MAkCM,2BAA2B,CAAA;AAiG/B,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAmC,MAAM,CAAC,UAAU,CAAC;AAC/D,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAtGf,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAUF,gBAAgB,CAoBhB,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,gBAAgB,oGAwChB,gBAAgB,CAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAehB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAtGnC,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAiBjC,2BAA2B,GAAA,UAAA,CAAA;AAlChC,IAAA,WAAW,CAAC;QACX,MAAM;QACN,UAAU;QACV,SAAS;QACT,MAAM;QACN,UAAU;QACV,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,cAAc;QACd,yBAAyB;QACzB,UAAU;KACX,CAAC;AACD,IAAA,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAAC;;AAqB5B,CAAA,EAAA,2BAA2B,CAwGhC;2FAxGK,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBApBhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE;wBACN,MAAM;wBACN,UAAU;wBACV,SAAS;wBACT,MAAM;wBACN,UAAU;wBACV,MAAM;wBACN,QAAQ;wBACR,QAAQ;wBACR,cAAc;wBACd,yBAAyB;wBACzB,UAAU;AACX,qBAAA;oBACD,OAAO,EAAE,CAAC,UAAU,CAAC;AACrB,oBAAA,QAAQ,EAAE,uBAAuB;AAClC,iBAAA;wDAYC,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAqB/C,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAyC/C,YAAY,EAAA,CAAA;sBADXA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAgB/C,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;ACtIjD;;AAEG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-fiori-side-navigation-sub-item.mjs","sources":["../../../../libs/ui5-angular/fiori/side-navigation-sub-item/index.ts","../../../../libs/ui5-angular/fiori/side-navigation-sub-item/ui5-webcomponents-ngx-fiori-side-navigation-sub-item.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';\nimport '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';\nimport SideNavigationSubItem from '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs([\n 'text',\n 'disabled',\n 'tooltip',\n 'icon',\n 'selected',\n 'href',\n 'target',\n 'design',\n 'unselectable',\n 'accessibilityAttributes',\n])\n@ProxyOutputs(['click: ui5Click'])\n@Component({\n standalone: true,\n selector: 'ui5-side-navigation-sub-item',\n template: '<ng-content></ng-content>',\n inputs: [\n 'text',\n 'disabled',\n 'tooltip',\n 'icon',\n 'selected',\n 'href',\n 'target',\n 'design',\n 'unselectable',\n 'accessibilityAttributes',\n ],\n outputs: ['ui5Click'],\n exportAs: 'ui5SideNavigationSubItem',\n})\nclass SideNavigationSubItemComponent {\n /**\n Defines the text of the item.\n */\n text!: string | undefined;\n /**\n Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.\n */\n @InputDecorator({ transform: booleanAttribute })\n disabled!: boolean;\n /**\n Defines the tooltip of the component.\n\nA tooltip attribute should be provided, in order to represent meaning/function,\nwhen the component is collapsed (\"icon only\" design is visualized) or the item text is truncated.\n */\n tooltip!: string | undefined;\n /**\n Defines the icon of the item.\n\nThe SAP-icons font provides numerous options.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon!: string | undefined;\n /**\n Defines whether the item is selected\n */\n @InputDecorator({ transform: booleanAttribute })\n selected!: boolean;\n /**\n Defines the link target URI. Supports standard hyperlink behavior.\nIf a JavaScript action should be triggered,\nthis should not be set, but instead an event handler\nfor the `click` event should be registered.\n */\n href!: string | undefined;\n /**\n Defines the component target.\n\n**Notes:**\n\n- `_self`\n- `_top`\n- `_blank`\n- `_parent`\n- `_search`\n\n**This property must only be used when the `href` property is set.**\n */\n target!: string | undefined;\n /**\n Item design.\n\n**Note:** Items with \"Action\" design must not have sub-items.\n */\n design!: 'Default' | 'Action';\n /**\n Indicates whether the navigation item is selectable. By default all items are selectable unless specifically marked as unselectable.\n\nWhen a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.\nTo improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.\n\n\n**Guidelines**:\n- External links should be unselectable.\n- Items that trigger actions (with design \"Action\") should be unselectable.\n */\n @InputDecorator({ transform: booleanAttribute })\n unselectable!: boolean;\n /**\n Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.\n */\n accessibilityAttributes!: SideNavigationItemAccessibilityAttributes;\n\n /**\n Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n */\n ui5Click!: EventEmitter<
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-fiori-side-navigation-sub-item.mjs","sources":["../../../../libs/ui5-angular/fiori/side-navigation-sub-item/index.ts","../../../../libs/ui5-angular/fiori/side-navigation-sub-item/ui5-webcomponents-ngx-fiori-side-navigation-sub-item.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { SideNavigationItemClickEventDetail } from '@ui5/webcomponents-fiori/dist/SideNavigationItemBase.js';\nimport { SideNavigationItemAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/SideNavigationSelectableItemBase.js';\nimport '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';\nimport SideNavigationSubItem from '@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\n@ProxyInputs([\n 'text',\n 'disabled',\n 'tooltip',\n 'icon',\n 'selected',\n 'href',\n 'target',\n 'design',\n 'unselectable',\n 'accessibilityAttributes',\n])\n@ProxyOutputs(['click: ui5Click'])\n@Component({\n standalone: true,\n selector: 'ui5-side-navigation-sub-item',\n template: '<ng-content></ng-content>',\n inputs: [\n 'text',\n 'disabled',\n 'tooltip',\n 'icon',\n 'selected',\n 'href',\n 'target',\n 'design',\n 'unselectable',\n 'accessibilityAttributes',\n ],\n outputs: ['ui5Click'],\n exportAs: 'ui5SideNavigationSubItem',\n})\nclass SideNavigationSubItemComponent {\n /**\n Defines the text of the item.\n */\n text!: string | undefined;\n /**\n Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.\n */\n @InputDecorator({ transform: booleanAttribute })\n disabled!: boolean;\n /**\n Defines the tooltip of the component.\n\nA tooltip attribute should be provided, in order to represent meaning/function,\nwhen the component is collapsed (\"icon only\" design is visualized) or the item text is truncated.\n */\n tooltip!: string | undefined;\n /**\n Defines the icon of the item.\n\nThe SAP-icons font provides numerous options.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon!: string | undefined;\n /**\n Defines whether the item is selected\n */\n @InputDecorator({ transform: booleanAttribute })\n selected!: boolean;\n /**\n Defines the link target URI. Supports standard hyperlink behavior.\nIf a JavaScript action should be triggered,\nthis should not be set, but instead an event handler\nfor the `click` event should be registered.\n */\n href!: string | undefined;\n /**\n Defines the component target.\n\n**Notes:**\n\n- `_self`\n- `_top`\n- `_blank`\n- `_parent`\n- `_search`\n\n**This property must only be used when the `href` property is set.**\n */\n target!: string | undefined;\n /**\n Item design.\n\n**Note:** Items with \"Action\" design must not have sub-items.\n */\n design!: 'Default' | 'Action';\n /**\n Indicates whether the navigation item is selectable. By default all items are selectable unless specifically marked as unselectable.\n\nWhen a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.\nTo improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.\n\n\n**Guidelines**:\n- External links should be unselectable.\n- Items that trigger actions (with design \"Action\") should be unselectable.\n */\n @InputDecorator({ transform: booleanAttribute })\n unselectable!: boolean;\n /**\n Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n**Note:** Do not use it on parent items, as it will be overridden if the item is in the overflow menu.\n */\n accessibilityAttributes!: SideNavigationItemAccessibilityAttributes;\n\n /**\n Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n */\n ui5Click!: EventEmitter<SideNavigationItemClickEventDetail>;\n\n private elementRef: ElementRef<SideNavigationSubItem> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): SideNavigationSubItem {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { SideNavigationSubItemComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AA+CM,IAAA,8BAA8B,GAhCpC,MAgCM,8BAA8B,CAAA;AA4FlC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAsC,MAAM,CAAC,UAAU,CAAC;AAClE,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAjGf,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,2HAUL,gBAAgB,CAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAoBhB,gBAAgB,CAwChB,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAAA,gBAAgB,4JAtFnC,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAgBjC,8BAA8B,GAAA,UAAA,CAAA;AAhCnC,IAAA,WAAW,CAAC;QACX,MAAM;QACN,UAAU;QACV,SAAS;QACT,MAAM;QACN,UAAU;QACV,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,cAAc;QACd,yBAAyB;KAC1B,CAAC;AACD,IAAA,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAAC;;AAoB5B,CAAA,EAAA,8BAA8B,CAmGnC;2FAnGK,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAnBnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE;wBACN,MAAM;wBACN,UAAU;wBACV,SAAS;wBACT,MAAM;wBACN,UAAU;wBACV,MAAM;wBACN,QAAQ;wBACR,QAAQ;wBACR,cAAc;wBACd,yBAAyB;AAC1B,qBAAA;oBACD,OAAO,EAAE,CAAC,UAAU,CAAC;AACrB,oBAAA,QAAQ,EAAE,0BAA0B;AACrC,iBAAA;wDAYC,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAqB/C,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAyC/C,YAAY,EAAA,CAAA;sBADXA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;ACrHjD;;AAEG;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __decorate, __metadata } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { inject, ElementRef, NgZone, ChangeDetectorRef, booleanAttribute, Input, Component } from '@angular/core';
|
|
4
|
-
import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
|
|
4
|
+
import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
|
|
5
5
|
import '@ui5/webcomponents/dist/Avatar.js';
|
|
6
6
|
|
|
7
7
|
let AvatarComponent = class AvatarComponent {
|
|
@@ -15,7 +15,7 @@ let AvatarComponent = class AvatarComponent {
|
|
|
15
15
|
this.cdr.detach();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: AvatarComponent, isStandalone: true, selector: "ui5-avatar", inputs: { disabled: ["disabled", "disabled", booleanAttribute], interactive: ["interactive", "interactive", booleanAttribute], icon: "icon", fallbackIcon: "fallbackIcon", initials: "initials", shape: "shape", size: "size", colorScheme: "colorScheme", accessibleName: "accessibleName", accessibilityAttributes: "accessibilityAttributes" }, exportAs: ["ui5Avatar"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: AvatarComponent, isStandalone: true, selector: "ui5-avatar", inputs: { disabled: ["disabled", "disabled", booleanAttribute], interactive: ["interactive", "interactive", booleanAttribute], icon: "icon", fallbackIcon: "fallbackIcon", initials: "initials", shape: "shape", size: "size", colorScheme: "colorScheme", accessibleName: "accessibleName", accessibilityAttributes: "accessibilityAttributes" }, outputs: { ui5Click: "ui5Click" }, exportAs: ["ui5Avatar"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
19
19
|
};
|
|
20
20
|
AvatarComponent = __decorate([
|
|
21
21
|
ProxyInputs([
|
|
@@ -30,6 +30,7 @@ AvatarComponent = __decorate([
|
|
|
30
30
|
'accessibleName',
|
|
31
31
|
'accessibilityAttributes',
|
|
32
32
|
]),
|
|
33
|
+
ProxyOutputs(['click: ui5Click']),
|
|
33
34
|
__metadata("design:paramtypes", [])
|
|
34
35
|
], AvatarComponent);
|
|
35
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
@@ -50,6 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
50
51
|
'accessibleName',
|
|
51
52
|
'accessibilityAttributes',
|
|
52
53
|
],
|
|
54
|
+
outputs: ['ui5Click'],
|
|
53
55
|
exportAs: 'ui5Avatar',
|
|
54
56
|
}]
|
|
55
57
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-main-avatar.mjs","sources":["../../../../libs/ui5-angular/main/avatar/index.ts","../../../../libs/ui5-angular/main/avatar/ui5-webcomponents-ngx-main-avatar.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { ProxyInputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/Avatar.js';\nimport {\n default as Avatar,\n AvatarAccessibilityAttributes,\n} from '@ui5/webcomponents/dist/Avatar.js';\n@ProxyInputs([\n 'disabled',\n 'interactive',\n 'icon',\n 'fallbackIcon',\n 'initials',\n 'shape',\n 'size',\n 'colorScheme',\n 'accessibleName',\n 'accessibilityAttributes',\n])\n@Component({\n standalone: true,\n selector: 'ui5-avatar',\n template: '<ng-content></ng-content>',\n inputs: [\n 'disabled',\n 'interactive',\n 'icon',\n 'fallbackIcon',\n 'initials',\n 'shape',\n 'size',\n 'colorScheme',\n 'accessibleName',\n 'accessibilityAttributes',\n ],\n exportAs: 'ui5Avatar',\n})\nclass AvatarComponent {\n /**\n Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.\n */\n @InputDecorator({ transform: booleanAttribute })\n disabled!: boolean;\n /**\n Defines if the avatar is interactive (focusable and pressable).\n\n**Note:** This property won't have effect if the `disabled`\nproperty is set to `true`.\n */\n @InputDecorator({ transform: booleanAttribute })\n interactive!: boolean;\n /**\n Defines the name of the UI5 Icon, that will be displayed.\n\n**Note:** If `image` slot is provided, the property will be ignored.\n\n**Note:** You should import the desired icon first, then use its name as \"icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar icon=\"employee\">`\n\n**Note:** If no icon or an empty one is provided, by default the \"employee\" icon should be displayed.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon!: string | undefined;\n /**\n Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar fallback-icon=\"alert\">`\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n fallbackIcon!: string;\n /**\n Defines the displayed initials.\n\nUp to three Latin letters can be displayed as initials.\n */\n initials!: string | undefined;\n /**\n Defines the shape of the component.\n */\n shape!: 'Circle' | 'Square';\n /**\n Defines predefined size of the component.\n */\n size!: 'XS' | 'S' | 'M' | 'L' | 'XL';\n /**\n Defines the background color of the desired image.\nIf `colorScheme` is set to `Auto`, the avatar will be displayed with the `Accent6` color.\n */\n colorScheme!:\n | 'Auto'\n | 'Accent1'\n | 'Accent2'\n | 'Accent3'\n | 'Accent4'\n | 'Accent5'\n | 'Accent6'\n | 'Accent7'\n | 'Accent8'\n | 'Accent9'\n | 'Accent10'\n | 'Placeholder';\n /**\n Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.\n */\n accessibleName!: string | undefined;\n /**\n Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n */\n accessibilityAttributes!: AvatarAccessibilityAttributes;\n\n private elementRef: ElementRef<Avatar> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): Avatar {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { AvatarComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-main-avatar.mjs","sources":["../../../../libs/ui5-angular/main/avatar/index.ts","../../../../libs/ui5-angular/main/avatar/ui5-webcomponents-ngx-main-avatar.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/Avatar.js';\nimport {\n default as Avatar,\n AvatarAccessibilityAttributes,\n} from '@ui5/webcomponents/dist/Avatar.js';\n@ProxyInputs([\n 'disabled',\n 'interactive',\n 'icon',\n 'fallbackIcon',\n 'initials',\n 'shape',\n 'size',\n 'colorScheme',\n 'accessibleName',\n 'accessibilityAttributes',\n])\n@ProxyOutputs(['click: ui5Click'])\n@Component({\n standalone: true,\n selector: 'ui5-avatar',\n template: '<ng-content></ng-content>',\n inputs: [\n 'disabled',\n 'interactive',\n 'icon',\n 'fallbackIcon',\n 'initials',\n 'shape',\n 'size',\n 'colorScheme',\n 'accessibleName',\n 'accessibilityAttributes',\n ],\n outputs: ['ui5Click'],\n exportAs: 'ui5Avatar',\n})\nclass AvatarComponent {\n /**\n Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.\n */\n @InputDecorator({ transform: booleanAttribute })\n disabled!: boolean;\n /**\n Defines if the avatar is interactive (focusable and pressable).\n\n**Note:** This property won't have effect if the `disabled`\nproperty is set to `true`.\n */\n @InputDecorator({ transform: booleanAttribute })\n interactive!: boolean;\n /**\n Defines the name of the UI5 Icon, that will be displayed.\n\n**Note:** If `image` slot is provided, the property will be ignored.\n\n**Note:** You should import the desired icon first, then use its name as \"icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar icon=\"employee\">`\n\n**Note:** If no icon or an empty one is provided, by default the \"employee\" icon should be displayed.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon!: string | undefined;\n /**\n Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar fallback-icon=\"alert\">`\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n fallbackIcon!: string;\n /**\n Defines the displayed initials.\n\nUp to three Latin letters can be displayed as initials.\n */\n initials!: string | undefined;\n /**\n Defines the shape of the component.\n */\n shape!: 'Circle' | 'Square';\n /**\n Defines predefined size of the component.\n */\n size!: 'XS' | 'S' | 'M' | 'L' | 'XL';\n /**\n Defines the background color of the desired image.\nIf `colorScheme` is set to `Auto`, the avatar will be displayed with the `Accent6` color.\n */\n colorScheme!:\n | 'Auto'\n | 'Accent1'\n | 'Accent2'\n | 'Accent3'\n | 'Accent4'\n | 'Accent5'\n | 'Accent6'\n | 'Accent7'\n | 'Accent8'\n | 'Accent9'\n | 'Accent10'\n | 'Placeholder';\n /**\n Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.\n */\n accessibleName!: string | undefined;\n /**\n Defines the additional accessibility attributes that will be applied to the component.\nThe following field is supported:\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n */\n accessibilityAttributes!: AvatarAccessibilityAttributes;\n\n /**\n Fired on mouseup, space and enter if avatar is interactive\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n */\n ui5Click!: EventEmitter<void>;\n\n private elementRef: ElementRef<Avatar> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): Avatar {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { AvatarComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AAgDM,IAAA,eAAe,GAhCrB,MAgCM,eAAe,CAAA;AA2GnB,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAuB,MAAM,CAAC,UAAU,CAAC;AACnD,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAhHf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAMU,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,gBAAgB,CAQhB,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAgB,2SA9BnC,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAgBjC,eAAe,GAAA,UAAA,CAAA;AAhCpB,IAAA,WAAW,CAAC;QACX,UAAU;QACV,aAAa;QACb,MAAM;QACN,cAAc;QACd,UAAU;QACV,OAAO;QACP,MAAM;QACN,aAAa;QACb,gBAAgB;QAChB,yBAAyB;KAC1B,CAAC;AACD,IAAA,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAAC;;AAoB5B,CAAA,EAAA,eAAe,CAkHpB;2FAlHK,eAAe,EAAA,UAAA,EAAA,CAAA;kBAnBpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE;wBACN,UAAU;wBACV,aAAa;wBACb,MAAM;wBACN,cAAc;wBACd,UAAU;wBACV,OAAO;wBACP,MAAM;wBACN,aAAa;wBACb,gBAAgB;wBAChB,yBAAyB;AAC1B,qBAAA;oBACD,OAAO,EAAE,CAAC,UAAU,CAAC;AACrB,oBAAA,QAAQ,EAAE,WAAW;AACtB,iBAAA;wDAQC,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAS/C,WAAW,EAAA,CAAA;sBADVA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AC9DjD;;AAEG;;;;"}
|
|
@@ -15,10 +15,10 @@ let BarComponent = class BarComponent {
|
|
|
15
15
|
this.cdr.detach();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: BarComponent, isStandalone: true, selector: "ui5-bar", inputs: { design: "design" }, exportAs: ["ui5Bar"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: BarComponent, isStandalone: true, selector: "ui5-bar", inputs: { design: "design", accessibleRole: "accessibleRole" }, exportAs: ["ui5Bar"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
19
19
|
};
|
|
20
20
|
BarComponent = __decorate([
|
|
21
|
-
ProxyInputs(['design']),
|
|
21
|
+
ProxyInputs(['design', 'accessibleRole']),
|
|
22
22
|
__metadata("design:paramtypes", [])
|
|
23
23
|
], BarComponent);
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BarComponent, decorators: [{
|
|
@@ -27,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
27
27
|
standalone: true,
|
|
28
28
|
selector: 'ui5-bar',
|
|
29
29
|
template: '<ng-content></ng-content>',
|
|
30
|
-
inputs: ['design'],
|
|
30
|
+
inputs: ['design', 'accessibleRole'],
|
|
31
31
|
exportAs: 'ui5Bar',
|
|
32
32
|
}]
|
|
33
33
|
}], ctorParameters: () => [] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-main-bar.mjs","sources":["../../../../libs/ui5-angular/main/bar/index.ts","../../../../libs/ui5-angular/main/bar/ui5-webcomponents-ngx-main-bar.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n NgZone,\n inject,\n} from '@angular/core';\nimport { ProxyInputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/Bar.js';\nimport Bar from '@ui5/webcomponents/dist/Bar.js';\n@ProxyInputs(['design'])\n@Component({\n standalone: true,\n selector: 'ui5-bar',\n template: '<ng-content></ng-content>',\n inputs: ['design'],\n exportAs: 'ui5Bar',\n})\nclass BarComponent {\n /**\n Defines the component's design.\n */\n design!: 'Header' | 'Subheader' | 'Footer' | 'FloatingFooter';\n\n private elementRef: ElementRef<Bar> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): Bar {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { BarComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAkBM,IAAA,YAAY,GARlB,MAQM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-main-bar.mjs","sources":["../../../../libs/ui5-angular/main/bar/index.ts","../../../../libs/ui5-angular/main/bar/ui5-webcomponents-ngx-main-bar.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n NgZone,\n inject,\n} from '@angular/core';\nimport { ProxyInputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/Bar.js';\nimport Bar from '@ui5/webcomponents/dist/Bar.js';\n@ProxyInputs(['design', 'accessibleRole'])\n@Component({\n standalone: true,\n selector: 'ui5-bar',\n template: '<ng-content></ng-content>',\n inputs: ['design', 'accessibleRole'],\n exportAs: 'ui5Bar',\n})\nclass BarComponent {\n /**\n Defines the component's design.\n */\n design!: 'Header' | 'Subheader' | 'Footer' | 'FloatingFooter';\n /**\n Specifies the ARIA role applied to the component for accessibility purposes.\n\n**Note:**\n\n- Set accessibleRole to \"toolbar\" only when the component contains two or more active, interactive elements (such as buttons, links, or input fields) within the bar.\n\n- If there is only one or no active element, it is recommended to avoid using the \"toolbar\" role, as it implies a grouping of multiple interactive controls.\n */\n accessibleRole!: 'Toolbar' | 'None';\n\n private elementRef: ElementRef<Bar> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): Bar {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { BarComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAkBM,IAAA,YAAY,GARlB,MAQM,YAAY,CAAA;AAoBhB,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAoB,MAAM,CAAC,UAAU,CAAC;AAChD,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAzBf,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,yJAJN,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAIjC,YAAY,GAAA,UAAA,CAAA;AARjB,IAAA,WAAW,CAAC,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;;AAQpC,CAAA,EAAA,YAAY,CA2BjB;2FA3BK,YAAY,EAAA,UAAA,EAAA,CAAA;kBAPjB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC;AACpC,oBAAA,QAAQ,EAAE,QAAQ;AACnB,iBAAA;;;ACjBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { __decorate, __metadata } from 'tslib';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { inject, ElementRef, NgZone, ChangeDetectorRef, Component } from '@angular/core';
|
|
4
|
+
import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
|
|
5
|
+
import '@ui5/webcomponents/dist/DynamicDateRange.js';
|
|
6
|
+
|
|
7
|
+
let DynamicDateRangeComponent = class DynamicDateRangeComponent {
|
|
8
|
+
get element() {
|
|
9
|
+
return this.elementRef.nativeElement;
|
|
10
|
+
}
|
|
11
|
+
constructor() {
|
|
12
|
+
this.elementRef = inject(ElementRef);
|
|
13
|
+
this.zone = inject(NgZone);
|
|
14
|
+
this.cdr = inject(ChangeDetectorRef);
|
|
15
|
+
this.cdr.detach();
|
|
16
|
+
}
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DynamicDateRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: DynamicDateRangeComponent, isStandalone: true, selector: "ui5-dynamic-date-range", inputs: { value: "value", options: "options" }, outputs: { ui5Change: "ui5Change" }, exportAs: ["ui5DynamicDateRange"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
19
|
+
};
|
|
20
|
+
DynamicDateRangeComponent = __decorate([
|
|
21
|
+
ProxyInputs(['value', 'options']),
|
|
22
|
+
ProxyOutputs(['change: ui5Change']),
|
|
23
|
+
__metadata("design:paramtypes", [])
|
|
24
|
+
], DynamicDateRangeComponent);
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DynamicDateRangeComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{
|
|
28
|
+
standalone: true,
|
|
29
|
+
selector: 'ui5-dynamic-date-range',
|
|
30
|
+
template: '<ng-content></ng-content>',
|
|
31
|
+
inputs: ['value', 'options'],
|
|
32
|
+
outputs: ['ui5Change'],
|
|
33
|
+
exportAs: 'ui5DynamicDateRange',
|
|
34
|
+
}]
|
|
35
|
+
}], ctorParameters: () => [] });
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Generated bundle index. Do not edit.
|
|
39
|
+
*/
|
|
40
|
+
|
|
41
|
+
export { DynamicDateRangeComponent };
|
|
42
|
+
//# sourceMappingURL=ui5-webcomponents-ngx-main-dynamic-date-range.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-main-dynamic-date-range.mjs","sources":["../../../../libs/ui5-angular/main/dynamic-date-range/index.ts","../../../../libs/ui5-angular/main/dynamic-date-range/ui5-webcomponents-ngx-main-dynamic-date-range.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n NgZone,\n inject,\n} from '@angular/core';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/DynamicDateRange.js';\nimport {\n default as DynamicDateRange,\n DynamicDateRangeValue,\n} from '@ui5/webcomponents/dist/DynamicDateRange.js';\n@ProxyInputs(['value', 'options'])\n@ProxyOutputs(['change: ui5Change'])\n@Component({\n standalone: true,\n selector: 'ui5-dynamic-date-range',\n template: '<ng-content></ng-content>',\n inputs: ['value', 'options'],\n outputs: ['ui5Change'],\n exportAs: 'ui5DynamicDateRange',\n})\nclass DynamicDateRangeComponent {\n /**\n Defines the value object.\n */\n value!: DynamicDateRangeValue | undefined;\n /**\n Defines the options listed as a string, separated by commas and using capital case.\nExample: \"TODAY, YESTERDAY, DATERANGE\"\n */\n options!: string;\n\n /**\n Fired when the input operation has finished by pressing Enter or on focusout or a value is selected in the popover.\n */\n ui5Change!: EventEmitter<void>;\n\n private elementRef: ElementRef<DynamicDateRange> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): DynamicDateRange {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { DynamicDateRangeComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAwBM,IAAA,yBAAyB,GAV/B,MAUM,yBAAyB,CAAA;AAoB7B,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAiC,MAAM,CAAC,UAAU,CAAC;AAC7D,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAzBf,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,0MALnB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAKjC,yBAAyB,GAAA,UAAA,CAAA;AAV9B,IAAA,WAAW,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACjC,IAAA,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAAC;;AAS9B,CAAA,EAAA,yBAAyB,CA2B9B;2FA3BK,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;oBAC5B,OAAO,EAAE,CAAC,WAAW,CAAC;AACtB,oBAAA,QAAQ,EAAE,qBAAqB;AAChC,iBAAA;;;ACvBD;;AAEG;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __decorate, __metadata } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { inject, ElementRef, NgZone, ChangeDetectorRef, booleanAttribute, Input, Component } from '@angular/core';
|
|
4
|
-
import { ProxyInputs } from '@ui5/webcomponents-ngx/utils';
|
|
4
|
+
import { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';
|
|
5
5
|
import '@ui5/webcomponents/dist/Icon.js';
|
|
6
6
|
|
|
7
7
|
let IconComponent = class IconComponent {
|
|
@@ -15,10 +15,11 @@ let IconComponent = class IconComponent {
|
|
|
15
15
|
this.cdr.detach();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: IconComponent, isStandalone: true, selector: "ui5-icon", inputs: { design: "design", name: "name", accessibleName: "accessibleName", showTooltip: ["showTooltip", "showTooltip", booleanAttribute], mode: "mode" }, exportAs: ["ui5Icon"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: IconComponent, isStandalone: true, selector: "ui5-icon", inputs: { design: "design", name: "name", accessibleName: "accessibleName", showTooltip: ["showTooltip", "showTooltip", booleanAttribute], mode: "mode" }, outputs: { ui5Click: "ui5Click" }, exportAs: ["ui5Icon"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
19
19
|
};
|
|
20
20
|
IconComponent = __decorate([
|
|
21
21
|
ProxyInputs(['design', 'name', 'accessibleName', 'showTooltip', 'mode']),
|
|
22
|
+
ProxyOutputs(['click: ui5Click']),
|
|
22
23
|
__metadata("design:paramtypes", [])
|
|
23
24
|
], IconComponent);
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: IconComponent, decorators: [{
|
|
@@ -28,6 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
28
29
|
selector: 'ui5-icon',
|
|
29
30
|
template: '<ng-content></ng-content>',
|
|
30
31
|
inputs: ['design', 'name', 'accessibleName', 'showTooltip', 'mode'],
|
|
32
|
+
outputs: ['ui5Click'],
|
|
31
33
|
exportAs: 'ui5Icon',
|
|
32
34
|
}]
|
|
33
35
|
}], ctorParameters: () => [], propDecorators: { showTooltip: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-main-icon.mjs","sources":["../../../../libs/ui5-angular/main/icon/index.ts","../../../../libs/ui5-angular/main/icon/ui5-webcomponents-ngx-main-icon.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { ProxyInputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/Icon.js';\nimport Icon from '@ui5/webcomponents/dist/Icon.js';\n@ProxyInputs(['design', 'name', 'accessibleName', 'showTooltip', 'mode'])\n@Component({\n standalone: true,\n selector: 'ui5-icon',\n template: '<ng-content></ng-content>',\n inputs: ['design', 'name', 'accessibleName', 'showTooltip', 'mode'],\n exportAs: 'ui5Icon',\n})\nclass IconComponent {\n /**\n Defines the component semantic design.\n */\n design!:\n | 'Contrast'\n | 'Critical'\n | 'Default'\n | 'Information'\n | 'Negative'\n | 'Neutral'\n | 'NonInteractive'\n | 'Positive';\n /**\n Defines the unique identifier (icon name) of the component.\n\nTo browse all available icons, see the\n[SAP Icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html),\n[SAP Fiori Tools](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT) and\n[SAP Business Suite](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html)\n\nExample:\n`name='add'`, `name='delete'`, `name='employee'`.\n\n**Note:** To use the SAP Fiori Tools icons,\nyou need to set the `tnt` prefix in front of the icon's name.\n\nExample:\n`name='tnt/antenna'`, `name='tnt/actor'`, `name='tnt/api'`.\n\n**Note:** To use the SAP Business Suite icons,\nyou need to set the `business-suite` prefix in front of the icon's name.\n\nExample:\n`name='business-suite/3d'`, `name='business-suite/1x2-grid-layout'`, `name='business-suite/4x4-grid-layout'`.\n */\n name!: string | undefined;\n /**\n Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.\n\n**Note:** Every icon should have a text alternative in order to\ncalculate its accessible name.\n */\n accessibleName!: string | undefined;\n /**\n Defines whether the component should have a tooltip.\n\n**Note:** The tooltip text should be provided via the `accessible-name` property.\n */\n @InputDecorator({ transform: booleanAttribute })\n showTooltip!: boolean;\n /**\n Defines the mode of the component.\n */\n mode!: 'Image' | 'Decorative' | 'Interactive';\n\n private elementRef: ElementRef<Icon> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): Icon {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { IconComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-main-icon.mjs","sources":["../../../../libs/ui5-angular/main/icon/index.ts","../../../../libs/ui5-angular/main/icon/ui5-webcomponents-ngx-main-icon.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/Icon.js';\nimport Icon from '@ui5/webcomponents/dist/Icon.js';\n@ProxyInputs(['design', 'name', 'accessibleName', 'showTooltip', 'mode'])\n@ProxyOutputs(['click: ui5Click'])\n@Component({\n standalone: true,\n selector: 'ui5-icon',\n template: '<ng-content></ng-content>',\n inputs: ['design', 'name', 'accessibleName', 'showTooltip', 'mode'],\n outputs: ['ui5Click'],\n exportAs: 'ui5Icon',\n})\nclass IconComponent {\n /**\n Defines the component semantic design.\n */\n design!:\n | 'Contrast'\n | 'Critical'\n | 'Default'\n | 'Information'\n | 'Negative'\n | 'Neutral'\n | 'NonInteractive'\n | 'Positive';\n /**\n Defines the unique identifier (icon name) of the component.\n\nTo browse all available icons, see the\n[SAP Icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html),\n[SAP Fiori Tools](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT) and\n[SAP Business Suite](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html)\n\nExample:\n`name='add'`, `name='delete'`, `name='employee'`.\n\n**Note:** To use the SAP Fiori Tools icons,\nyou need to set the `tnt` prefix in front of the icon's name.\n\nExample:\n`name='tnt/antenna'`, `name='tnt/actor'`, `name='tnt/api'`.\n\n**Note:** To use the SAP Business Suite icons,\nyou need to set the `business-suite` prefix in front of the icon's name.\n\nExample:\n`name='business-suite/3d'`, `name='business-suite/1x2-grid-layout'`, `name='business-suite/4x4-grid-layout'`.\n */\n name!: string | undefined;\n /**\n Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.\n\n**Note:** Every icon should have a text alternative in order to\ncalculate its accessible name.\n */\n accessibleName!: string | undefined;\n /**\n Defines whether the component should have a tooltip.\n\n**Note:** The tooltip text should be provided via the `accessible-name` property.\n */\n @InputDecorator({ transform: booleanAttribute })\n showTooltip!: boolean;\n /**\n Defines the mode of the component.\n */\n mode!: 'Image' | 'Decorative' | 'Interactive';\n\n /**\n Fired on mouseup, `SPACE` and `ENTER`.\n- on mouse click, the icon fires native `click` event\n- on `SPACE` and `ENTER`, the icon fires custom `click` event\n */\n ui5Click!: EventEmitter<void>;\n\n private elementRef: ElementRef<Icon> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): Icon {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { IconComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AAuBM,IAAA,aAAa,GAVnB,MAUM,aAAa,CAAA;AAoEjB,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAqB,MAAM,CAAC,UAAU,CAAC;AACjD,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAzEf,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAkDY,gBAAgB,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvDnC,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAKjC,aAAa,GAAA,UAAA,CAAA;AAVlB,IAAA,WAAW,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;AACxE,IAAA,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAAC;;AAS5B,CAAA,EAAA,aAAa,CA2ElB;2FA3EK,aAAa,EAAA,UAAA,EAAA,CAAA;kBARlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,QAAQ,EAAE,2BAA2B;oBACrC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,CAAC;oBACnE,OAAO,EAAE,CAAC,UAAU,CAAC;AACrB,oBAAA,QAAQ,EAAE,SAAS;AACpB,iBAAA;wDAoDC,WAAW,EAAA,CAAA;sBADVA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;ACzEjD;;AAEG;;;;"}
|
|
@@ -15,7 +15,7 @@ let TabComponent = class TabComponent {
|
|
|
15
15
|
this.cdr.detach();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: TabComponent, isStandalone: true, selector: "ui5-tab", inputs: { text: "text", disabled: ["disabled", "disabled", booleanAttribute], additionalText: "additionalText", icon: "icon", design: "design", selected: ["selected", "selected", booleanAttribute] }, exportAs: ["ui5Tab"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.1", type: TabComponent, isStandalone: true, selector: "ui5-tab", inputs: { text: "text", disabled: ["disabled", "disabled", booleanAttribute], additionalText: "additionalText", icon: "icon", design: "design", selected: ["selected", "selected", booleanAttribute], movable: ["movable", "movable", booleanAttribute] }, exportAs: ["ui5Tab"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
19
19
|
};
|
|
20
20
|
TabComponent = __decorate([
|
|
21
21
|
ProxyInputs([
|
|
@@ -25,6 +25,7 @@ TabComponent = __decorate([
|
|
|
25
25
|
'icon',
|
|
26
26
|
'design',
|
|
27
27
|
'selected',
|
|
28
|
+
'movable',
|
|
28
29
|
]),
|
|
29
30
|
__metadata("design:paramtypes", [])
|
|
30
31
|
], TabComponent);
|
|
@@ -34,7 +35,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
34
35
|
standalone: true,
|
|
35
36
|
selector: 'ui5-tab',
|
|
36
37
|
template: '<ng-content></ng-content>',
|
|
37
|
-
inputs: [
|
|
38
|
+
inputs: [
|
|
39
|
+
'text',
|
|
40
|
+
'disabled',
|
|
41
|
+
'additionalText',
|
|
42
|
+
'icon',
|
|
43
|
+
'design',
|
|
44
|
+
'selected',
|
|
45
|
+
'movable',
|
|
46
|
+
],
|
|
38
47
|
exportAs: 'ui5Tab',
|
|
39
48
|
}]
|
|
40
49
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
@@ -43,6 +52,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
43
52
|
}], selected: [{
|
|
44
53
|
type: Input,
|
|
45
54
|
args: [{ transform: booleanAttribute }]
|
|
55
|
+
}], movable: [{
|
|
56
|
+
type: Input,
|
|
57
|
+
args: [{ transform: booleanAttribute }]
|
|
46
58
|
}] } });
|
|
47
59
|
|
|
48
60
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-main-tab.mjs","sources":["../../../../libs/ui5-angular/main/tab/index.ts","../../../../libs/ui5-angular/main/tab/ui5-webcomponents-ngx-main-tab.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { ProxyInputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/Tab.js';\nimport Tab from '@ui5/webcomponents/dist/Tab.js';\n@ProxyInputs([\n 'text',\n 'disabled',\n 'additionalText',\n 'icon',\n 'design',\n 'selected',\n])\n@Component({\n standalone: true,\n selector: 'ui5-tab',\n template: '<ng-content></ng-content>',\n inputs: ['text'
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-main-tab.mjs","sources":["../../../../libs/ui5-angular/main/tab/index.ts","../../../../libs/ui5-angular/main/tab/ui5-webcomponents-ngx-main-tab.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input as InputDecorator,\n NgZone,\n booleanAttribute,\n inject,\n} from '@angular/core';\nimport { ProxyInputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/Tab.js';\nimport Tab from '@ui5/webcomponents/dist/Tab.js';\n@ProxyInputs([\n 'text',\n 'disabled',\n 'additionalText',\n 'icon',\n 'design',\n 'selected',\n 'movable',\n])\n@Component({\n standalone: true,\n selector: 'ui5-tab',\n template: '<ng-content></ng-content>',\n inputs: [\n 'text',\n 'disabled',\n 'additionalText',\n 'icon',\n 'design',\n 'selected',\n 'movable',\n ],\n exportAs: 'ui5Tab',\n})\nclass TabComponent {\n /**\n The text to be displayed for the item.\n */\n text!: string | undefined;\n /**\n Disabled tabs can't be selected.\n */\n @InputDecorator({ transform: booleanAttribute })\n disabled!: boolean;\n /**\n Represents the \"additionalText\" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the \"additionalText\" is displayed larger.\n */\n additionalText!: string | undefined;\n /**\n Defines the icon source URI to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous built-in icons.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon!: string | undefined;\n /**\n Defines the component's design color.\n\nThe design is applied to:\n\n- the component icon\n- the `text` when the component overflows\n- the tab selection line\n\nAvailable designs are: `\"Default\"`, `\"Neutral\"`, `\"Positive\"`, `\"Critical\"` and `\"Negative\"`.\n\n**Note:** The design depends on the current theme.\n */\n design!: 'Default' | 'Positive' | 'Negative' | 'Critical' | 'Neutral';\n /**\n Specifies if the component is selected.\n */\n @InputDecorator({ transform: booleanAttribute })\n selected!: boolean;\n /**\n Defines if the tab is movable.\n */\n @InputDecorator({ transform: booleanAttribute })\n movable!: boolean;\n\n private elementRef: ElementRef<Tab> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): Tab {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { TabComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["InputDecorator"],"mappings":";;;;;;AAoCM,IAAA,YAAY,GAxBlB,MAwBM,YAAY,CAAA;AAiDhB,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAoB,MAAM,CAAC,UAAU,CAAC;AAChD,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAtDf,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,sGAQa,gBAAgB,CAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EA6BhB,gBAAgB,CAKhB,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,gBAAgB,mDAtDnC,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAYjC,YAAY,GAAA,UAAA,CAAA;AAxBjB,IAAA,WAAW,CAAC;QACX,MAAM;QACN,UAAU;QACV,gBAAgB;QAChB,MAAM;QACN,QAAQ;QACR,UAAU;QACV,SAAS;KACV,CAAC;;AAgBI,CAAA,EAAA,YAAY,CAwDjB;2FAxDK,YAAY,EAAA,UAAA,EAAA,CAAA;kBAfjB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE;wBACN,MAAM;wBACN,UAAU;wBACV,gBAAgB;wBAChB,MAAM;wBACN,QAAQ;wBACR,UAAU;wBACV,SAAS;AACV,qBAAA;AACD,oBAAA,QAAQ,EAAE,QAAQ;AACnB,iBAAA;wDAUC,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBA8B/C,QAAQ,EAAA,CAAA;sBADPA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAM/C,OAAO,EAAA,CAAA;sBADNA,KAAc;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AC9EjD;;AAEG;;;;"}
|
|
@@ -15,10 +15,10 @@ let TableSelectionMultiComponent = class TableSelectionMultiComponent {
|
|
|
15
15
|
this.cdr.detach();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TableSelectionMultiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: TableSelectionMultiComponent, isStandalone: true, selector: "ui5-table-selection-multi", inputs: { selected: "selected" }, outputs: { ui5Change: "ui5Change" }, exportAs: ["ui5TableSelectionMulti"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: TableSelectionMultiComponent, isStandalone: true, selector: "ui5-table-selection-multi", inputs: { selected: "selected", behavior: "behavior" }, outputs: { ui5Change: "ui5Change" }, exportAs: ["ui5TableSelectionMulti"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
19
19
|
};
|
|
20
20
|
TableSelectionMultiComponent = __decorate([
|
|
21
|
-
ProxyInputs(['selected']),
|
|
21
|
+
ProxyInputs(['selected', 'behavior']),
|
|
22
22
|
ProxyOutputs(['change: ui5Change']),
|
|
23
23
|
__metadata("design:paramtypes", [])
|
|
24
24
|
], TableSelectionMultiComponent);
|
|
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
28
28
|
standalone: true,
|
|
29
29
|
selector: 'ui5-table-selection-multi',
|
|
30
30
|
template: '<ng-content></ng-content>',
|
|
31
|
-
inputs: ['selected'],
|
|
31
|
+
inputs: ['selected', 'behavior'],
|
|
32
32
|
outputs: ['ui5Change'],
|
|
33
33
|
exportAs: 'ui5TableSelectionMulti',
|
|
34
34
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui5-webcomponents-ngx-main-table-selection-multi.mjs","sources":["../../../../libs/ui5-angular/main/table-selection-multi/index.ts","../../../../libs/ui5-angular/main/table-selection-multi/ui5-webcomponents-ngx-main-table-selection-multi.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n NgZone,\n inject,\n} from '@angular/core';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/TableSelectionMulti.js';\nimport TableSelectionMulti from '@ui5/webcomponents/dist/TableSelectionMulti.js';\n@ProxyInputs(['selected'])\n@ProxyOutputs(['change: ui5Change'])\n@Component({\n standalone: true,\n selector: 'ui5-table-selection-multi',\n template: '<ng-content></ng-content>',\n inputs: ['selected'],\n outputs: ['ui5Change'],\n exportAs: 'ui5TableSelectionMulti',\n})\nclass TableSelectionMultiComponent {\n /**\n Defines the `row-key` values of selected rows, with each value separated by a space.\n */\n selected!: string | undefined;\n\n /**\n Fired when the selection is changed by user interaction.\n */\n ui5Change!: EventEmitter<void>;\n\n private elementRef: ElementRef<TableSelectionMulti> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): TableSelectionMulti {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { TableSelectionMultiComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAqBM,IAAA,4BAA4B,GAVlC,MAUM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"ui5-webcomponents-ngx-main-table-selection-multi.mjs","sources":["../../../../libs/ui5-angular/main/table-selection-multi/index.ts","../../../../libs/ui5-angular/main/table-selection-multi/ui5-webcomponents-ngx-main-table-selection-multi.ts"],"sourcesContent":["import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n NgZone,\n inject,\n} from '@angular/core';\nimport { ProxyInputs, ProxyOutputs } from '@ui5/webcomponents-ngx/utils';\nimport '@ui5/webcomponents/dist/TableSelectionMulti.js';\nimport TableSelectionMulti from '@ui5/webcomponents/dist/TableSelectionMulti.js';\n@ProxyInputs(['selected', 'behavior'])\n@ProxyOutputs(['change: ui5Change'])\n@Component({\n standalone: true,\n selector: 'ui5-table-selection-multi',\n template: '<ng-content></ng-content>',\n inputs: ['selected', 'behavior'],\n outputs: ['ui5Change'],\n exportAs: 'ui5TableSelectionMulti',\n})\nclass TableSelectionMultiComponent {\n /**\n Defines the `row-key` values of selected rows, with each value separated by a space.\n */\n selected!: string | undefined;\n /**\n Defines the selection behavior.\n */\n behavior!: 'RowSelector' | 'RowOnly';\n\n /**\n Fired when the selection is changed by user interaction.\n */\n ui5Change!: EventEmitter<void>;\n\n private elementRef: ElementRef<TableSelectionMulti> = inject(ElementRef);\n private zone = inject(NgZone);\n private cdr = inject(ChangeDetectorRef);\n\n get element(): TableSelectionMulti {\n return this.elementRef.nativeElement;\n }\n\n constructor() {\n this.cdr.detach();\n }\n}\nexport { TableSelectionMultiComponent };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAqBM,IAAA,4BAA4B,GAVlC,MAUM,4BAA4B,CAAA;AAmBhC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;;AAGtC,IAAA,WAAA,GAAA;AARQ,QAAA,IAAA,CAAA,UAAU,GAAoC,MAAM,CAAC,UAAU,CAAC;AAChE,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAOrC,QAAA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;;8GAxBf,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,wNALtB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAKjC,4BAA4B,GAAA,UAAA,CAAA;AAVjC,IAAA,WAAW,CAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AACrC,IAAA,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAAC;;AAS9B,CAAA,EAAA,4BAA4B,CA0BjC;2FA1BK,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC;oBAChC,OAAO,EAAE,CAAC,WAAW,CAAC;AACtB,oBAAA,QAAQ,EAAE,wBAAwB;AACnC,iBAAA;;;ACpBD;;AAEG;;;;"}
|