@oiz/stzh-components-angular 4.0.0-beta3 → 4.0.1-beta

package/esm2022/public-api.mjs

@@ -1,6 +1,5 @@
-/*
- * Public API Surface of stzh-components-angular
- */
+/** Public API Surface of stzh-components-angular*/
+import './lib/passive-event-patch';
 export * from './stzh-components-angular.module';
 export { DIRECTIVES } from './lib/stencil-generated';
 export * from './lib/stencil-generated/proxies';
@@ -8,4 +7,4 @@ export * from './lib/stencil-generated/boolean-value-accessor';
 export * from './lib/stencil-generated/number-value-accessor';
 export * from './lib/stencil-generated/select-value-accessor';
 export * from './lib/stencil-generated/text-value-accessor';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3N0emgtY29tcG9uZW50cy1hbmd1bGFyL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDbkQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYywrQ0FBK0MsQ0FBQTtBQUM3RCxjQUFjLDZDQUE2QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzdHpoLWNvbXBvbmVudHMtYW5ndWxhclxuICovXG5leHBvcnQgKiBmcm9tICcuL3N0emgtY29tcG9uZW50cy1hbmd1bGFyLm1vZHVsZSc7XG5leHBvcnQge0RJUkVDVElWRVN9IGZyb20gJy4vbGliL3N0ZW5jaWwtZ2VuZXJhdGVkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N0ZW5jaWwtZ2VuZXJhdGVkL3Byb3hpZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlbmNpbC1nZW5lcmF0ZWQvYm9vbGVhbi12YWx1ZS1hY2Nlc3Nvcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVuY2lsLWdlbmVyYXRlZC9udW1iZXItdmFsdWUtYWNjZXNzb3InO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlbmNpbC1nZW5lcmF0ZWQvc2VsZWN0LXZhbHVlLWFjY2Vzc29yJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlbmNpbC1nZW5lcmF0ZWQvdGV4dC12YWx1ZS1hY2Nlc3Nvcic7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3N0emgtY29tcG9uZW50cy1hbmd1bGFyL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1EQUFtRDtBQUNuRCxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsK0NBQStDLENBQUE7QUFDN0QsY0FBYyw2Q0FBNkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc3R6aC1jb21wb25lbnRzLWFuZ3VsYXIqL1xuaW1wb3J0ICcuL2xpYi9wYXNzaXZlLWV2ZW50LXBhdGNoJztcbmV4cG9ydCAqIGZyb20gJy4vc3R6aC1jb21wb25lbnRzLWFuZ3VsYXIubW9kdWxlJztcbmV4cG9ydCB7RElSRUNUSVZFU30gZnJvbSAnLi9saWIvc3RlbmNpbC1nZW5lcmF0ZWQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlbmNpbC1nZW5lcmF0ZWQvcHJveGllcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVuY2lsLWdlbmVyYXRlZC9ib29sZWFuLXZhbHVlLWFjY2Vzc29yJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N0ZW5jaWwtZ2VuZXJhdGVkL251bWJlci12YWx1ZS1hY2Nlc3Nvcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVuY2lsLWdlbmVyYXRlZC9zZWxlY3QtdmFsdWUtYWNjZXNzb3InXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVuY2lsLWdlbmVyYXRlZC90ZXh0LXZhbHVlLWFjY2Vzc29yJztcbiJdfQ==

package/fesm2022/oiz-stzh-components-angular.mjs

@@ -5,6 +5,29 @@ import { fromEvent } from 'rxjs';
 import { defineCustomElements } from '@oiz/stzh-components/loader';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
+"use strict";
+/**
+ * Patch to force 'mousedown', 'touchstart', and 'touchmove' event listeners to be registered as non-passive (see PDESI-1450).
+ *
+ * This workaround is necessary for Angular applications using Zone.js, which may otherwise
+ * register these event listeners as passive by default. Passive listeners prevent the use
+ * of event.preventDefault(), causing issues with custom components (like stzh-dropdown / TomSelect)
+ * that rely on preventing default behavior for correct interaction.
+ *
+ */
+(function () {
+    if (window.Zone) {
+        const orig = EventTarget.prototype.addEventListener;
+        EventTarget.prototype.addEventListener = function (type, listener, options) {
+            if ((type === 'mousedown' || type === 'touchstart' || type === 'touchmove')
+                && typeof options !== 'boolean') {
+                options = { ...(options || {}), passive: false };
+            }
+            return orig.call(this, type, listener, options);
+        };
+    }
+})();
+
 /* eslint-disable */
 /* tslint:disable */
 const proxyInputs = (Cmp, inputs) => {
@@ -519,11 +542,11 @@ let StzhCard = class StzhCard {
         proxyOutputs(this, this.el, ['stzhClick', 'stzhCollapse', 'stzhSubtitleClick', 'stzhStarClick', 'stzhHeaderActionClick']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StzhCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StzhCard, selector: "stzh-card", inputs: { analyticsId: "analyticsId", checked: "checked", collapsed: "collapsed", collapsible: "collapsible", disabled: "disabled", footerActions: "footerActions", headerActions: "headerActions", headerActionsBadge: "headerActionsBadge", headerActionsBadgeType: "headerActionsBadgeType", heading: "heading", headingLevel: "headingLevel", hideMovementActions: "hideMovementActions", href: "href", hyphensEnabled: "hyphensEnabled", localization: "localization", name: "name", selectable: "selectable", sortableDisabled: "sortableDisabled", starrable: "starrable", starred: "starred", subtitle: "subtitle", subtitleInteractive: "subtitleInteractive", target: "target", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StzhCard, selector: "stzh-card", inputs: { analyticsId: "analyticsId", backgroundColor: "backgroundColor", checked: "checked", collapsed: "collapsed", collapsible: "collapsible", disabled: "disabled", footerActions: "footerActions", headerActions: "headerActions", headerActionsBadge: "headerActionsBadge", headerActionsBadgeType: "headerActionsBadgeType", heading: "heading", headingLevel: "headingLevel", hideMovementActions: "hideMovementActions", href: "href", hyphensEnabled: "hyphensEnabled", localization: "localization", name: "name", selectable: "selectable", sortableDisabled: "sortableDisabled", starrable: "starrable", starred: "starred", subtitle: "subtitle", subtitleInteractive: "subtitleInteractive", target: "target", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 StzhCard = __decorate([
     ProxyCmp({
-        inputs: ['analyticsId', 'checked', 'collapsed', 'collapsible', 'disabled', 'footerActions', 'headerActions', 'headerActionsBadge', 'headerActionsBadgeType', 'heading', 'headingLevel', 'hideMovementActions', 'href', 'hyphensEnabled', 'localization', 'name', 'selectable', 'sortableDisabled', 'starrable', 'starred', 'subtitle', 'subtitleInteractive', 'target', 'value', 'variant']
+        inputs: ['analyticsId', 'backgroundColor', 'checked', 'collapsed', 'collapsible', 'disabled', 'footerActions', 'headerActions', 'headerActionsBadge', 'headerActionsBadgeType', 'heading', 'headingLevel', 'hideMovementActions', 'href', 'hyphensEnabled', 'localization', 'name', 'selectable', 'sortableDisabled', 'starrable', 'starred', 'subtitle', 'subtitleInteractive', 'target', 'value', 'variant']
     })
 ], StzhCard);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StzhCard, decorators: [{
@@ -533,7 +556,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['analyticsId', 'checked', 'collapsed', 'collapsible', 'disabled', 'footerActions', 'headerActions', 'headerActionsBadge', 'headerActionsBadgeType', 'heading', 'headingLevel', 'hideMovementActions', 'href', 'hyphensEnabled', 'localization', 'name', 'selectable', 'sortableDisabled', 'starrable', 'starred', 'subtitle', 'subtitleInteractive', 'target', 'value', 'variant'],
+                    inputs: ['analyticsId', 'backgroundColor', 'checked', 'collapsed', 'collapsible', 'disabled', 'footerActions', 'headerActions', 'headerActionsBadge', 'headerActionsBadgeType', 'heading', 'headingLevel', 'hideMovementActions', 'href', 'hyphensEnabled', 'localization', 'name', 'selectable', 'sortableDisabled', 'starrable', 'starred', 'subtitle', 'subtitleInteractive', 'target', 'value', 'variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let StzhCardNavigation = class StzhCardNavigation {
@@ -1059,11 +1082,11 @@ let StzhDatalistItem = class StzhDatalistItem {
         proxyOutputs(this, this.el, ['stzhItemActionClick', 'stzhClick']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StzhDatalistItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StzhDatalistItem, selector: "stzh-datalist-item", inputs: { a11yControls: "a11yControls", a11yExpanded: "a11yExpanded", download: "download", href: "href", icon: "icon", iconHref: "iconHref", iconLabel: "iconLabel", iconPosition: "iconPosition", iconTooltip: "iconTooltip", label: "label", leadingIcon: "leadingIcon", localization: "localization", meta: "meta", noTextTruncate: "noTextTruncate", readspeakerHref: "readspeakerHref", readspeakerLabel: "readspeakerLabel", rel: "rel", statusLabel: "statusLabel", statusType: "statusType", target: "target", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StzhDatalistItem, selector: "stzh-datalist-item", inputs: { a11yControls: "a11yControls", a11yExpanded: "a11yExpanded", download: "download", href: "href", icon: "icon", iconHref: "iconHref", iconLabel: "iconLabel", iconPosition: "iconPosition", iconTooltip: "iconTooltip", label: "label", leadingIcon: "leadingIcon", localization: "localization", meta: "meta", readspeakerHref: "readspeakerHref", readspeakerLabel: "readspeakerLabel", rel: "rel", statusLabel: "statusLabel", statusType: "statusType", target: "target", value: "value", valueTruncate: "valueTruncate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 StzhDatalistItem = __decorate([
     ProxyCmp({
-        inputs: ['a11yControls', 'a11yExpanded', 'download', 'href', 'icon', 'iconHref', 'iconLabel', 'iconPosition', 'iconTooltip', 'label', 'leadingIcon', 'localization', 'meta', 'noTextTruncate', 'readspeakerHref', 'readspeakerLabel', 'rel', 'statusLabel', 'statusType', 'target', 'value']
+        inputs: ['a11yControls', 'a11yExpanded', 'download', 'href', 'icon', 'iconHref', 'iconLabel', 'iconPosition', 'iconTooltip', 'label', 'leadingIcon', 'localization', 'meta', 'readspeakerHref', 'readspeakerLabel', 'rel', 'statusLabel', 'statusType', 'target', 'value', 'valueTruncate']
     })
 ], StzhDatalistItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StzhDatalistItem, decorators: [{
@@ -1073,7 +1096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['a11yControls', 'a11yExpanded', 'download', 'href', 'icon', 'iconHref', 'iconLabel', 'iconPosition', 'iconTooltip', 'label', 'leadingIcon', 'localization', 'meta', 'noTextTruncate', 'readspeakerHref', 'readspeakerLabel', 'rel', 'statusLabel', 'statusType', 'target', 'value'],
+                    inputs: ['a11yControls', 'a11yExpanded', 'download', 'href', 'icon', 'iconHref', 'iconLabel', 'iconPosition', 'iconTooltip', 'label', 'leadingIcon', 'localization', 'meta', 'readspeakerHref', 'readspeakerLabel', 'rel', 'statusLabel', 'statusType', 'target', 'value', 'valueTruncate'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let StzhDatamessagelist = class StzhDatamessagelist {
@@ -4022,9 +4045,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-/*
- * Public API Surface of stzh-components-angular
- */
+/** Public API Surface of stzh-components-angular*/
 
 /**
  * Generated bundle index. Do not edit.