@cdek-it/angular-ui-kit 0.0.2 → 0.2.4-test

package/fesm2022/cdek-it-angular-ui-kit-components-timeline.mjs

@@ -0,0 +1,140 @@
+import * as i0 from '@angular/core';
+import { ContentChild, HostBinding, Input, Component } from '@angular/core';
+import { Timeline } from 'primeng/timeline';
+import * as i1 from 'primeng/api';
+import { SharedModule } from 'primeng/api';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
+
+class ExtraTimelineComponent {
+    value = [];
+    align = 'left';
+    layout = 'vertical';
+    showCaption = true;
+    line = 'solid';
+    icon = '';
+    markerColor = '';
+    get dataLine() { return this.line; }
+    get markerColorVar() { return this.markerColor || null; }
+    contentTemplate;
+    oppositeTemplate;
+    markerTemplate;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTimelineComponent, isStandalone: true, selector: "extra-timeline", inputs: { value: "value", align: "align", layout: "layout", showCaption: "showCaption", line: "line", icon: "icon", markerColor: "markerColor" }, host: { properties: { "attr.data-line": "this.dataLine", "style.--timeline-marker-color": "this.markerColorVar" } }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }, { propertyName: "oppositeTemplate", first: true, predicate: ["opposite"], descendants: true }, { propertyName: "markerTemplate", first: true, predicate: ["marker"], descendants: true }], ngImport: i0, template: `
+    <p-timeline
+      [value]="value"
+      [align]="align"
+      [layout]="layout"
+    >
+      <ng-template pTemplate="content" let-event>
+        <ng-container
+          *ngTemplateOutlet="contentTemplate || defaultContent; context: { $implicit: event }"
+        ></ng-container>
+      </ng-template>
+
+      <ng-template pTemplate="opposite" let-event>
+        <ng-container *ngIf="showCaption">
+          <ng-container *ngIf="oppositeTemplate; else emptyOpposite">
+            <ng-container *ngTemplateOutlet="oppositeTemplate; context: { $implicit: event }"></ng-container>
+          </ng-container>
+          <ng-template #emptyOpposite><span>&nbsp;</span></ng-template>
+        </ng-container>
+      </ng-template>
+
+      <ng-template *ngIf="markerTemplate || icon" pTemplate="marker" let-event>
+        <ng-container *ngIf="markerTemplate; else defaultMarker">
+          <ng-container *ngTemplateOutlet="markerTemplate; context: { $implicit: event }"></ng-container>
+        </ng-container>
+        <ng-template #defaultMarker>
+          <span class="p-timeline-event-marker">
+            <i [class]="icon"></i>
+          </span>
+        </ng-template>
+      </ng-template>
+    </p-timeline>
+
+    <ng-template #defaultContent let-event>
+      {{ event }}
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "component", type: Timeline, selector: "p-timeline", inputs: ["value", "styleClass", "align", "layout"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTimelineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-timeline',
+                    standalone: true,
+                    imports: [Timeline, SharedModule, NgIf, NgTemplateOutlet],
+                    template: `
+    <p-timeline
+      [value]="value"
+      [align]="align"
+      [layout]="layout"
+    >
+      <ng-template pTemplate="content" let-event>
+        <ng-container
+          *ngTemplateOutlet="contentTemplate || defaultContent; context: { $implicit: event }"
+        ></ng-container>
+      </ng-template>
+
+      <ng-template pTemplate="opposite" let-event>
+        <ng-container *ngIf="showCaption">
+          <ng-container *ngIf="oppositeTemplate; else emptyOpposite">
+            <ng-container *ngTemplateOutlet="oppositeTemplate; context: { $implicit: event }"></ng-container>
+          </ng-container>
+          <ng-template #emptyOpposite><span>&nbsp;</span></ng-template>
+        </ng-container>
+      </ng-template>
+
+      <ng-template *ngIf="markerTemplate || icon" pTemplate="marker" let-event>
+        <ng-container *ngIf="markerTemplate; else defaultMarker">
+          <ng-container *ngTemplateOutlet="markerTemplate; context: { $implicit: event }"></ng-container>
+        </ng-container>
+        <ng-template #defaultMarker>
+          <span class="p-timeline-event-marker">
+            <i [class]="icon"></i>
+          </span>
+        </ng-template>
+      </ng-template>
+    </p-timeline>
+
+    <ng-template #defaultContent let-event>
+      {{ event }}
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], showCaption: [{
+                type: Input
+            }], line: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], markerColor: [{
+                type: Input
+            }], dataLine: [{
+                type: HostBinding,
+                args: ['attr.data-line']
+            }], markerColorVar: [{
+                type: HostBinding,
+                args: ['style.--timeline-marker-color']
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: ['content']
+            }], oppositeTemplate: [{
+                type: ContentChild,
+                args: ['opposite']
+            }], markerTemplate: [{
+                type: ContentChild,
+                args: ['marker']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraTimelineComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-timeline.mjs.map

package/fesm2022/cdek-it-angular-ui-kit-components-timeline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-timeline.mjs","sources":["../../src/lib/components/timeline/timeline.component.ts","../../src/lib/components/timeline/cdek-it-angular-ui-kit-components-timeline.ts"],"sourcesContent":["import { Component, Input, ContentChild, TemplateRef, HostBinding } from '@angular/core';\nimport { Timeline } from 'primeng/timeline';\nimport { SharedModule } from 'primeng/api';\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\n\nexport type TimelineLine = 'solid' | 'dashed' | 'dotted' | 'none';\n\n@Component({\n  selector: 'extra-timeline',\n  standalone: true,\n  imports: [Timeline, SharedModule, NgIf, NgTemplateOutlet],\n  template: `\n    <p-timeline\n      [value]=\"value\"\n      [align]=\"align\"\n      [layout]=\"layout\"\n    >\n      <ng-template pTemplate=\"content\" let-event>\n        <ng-container\n          *ngTemplateOutlet=\"contentTemplate || defaultContent; context: { $implicit: event }\"\n        ></ng-container>\n      </ng-template>\n\n      <ng-template pTemplate=\"opposite\" let-event>\n        <ng-container *ngIf=\"showCaption\">\n          <ng-container *ngIf=\"oppositeTemplate; else emptyOpposite\">\n            <ng-container *ngTemplateOutlet=\"oppositeTemplate; context: { $implicit: event }\"></ng-container>\n          </ng-container>\n          <ng-template #emptyOpposite><span>&nbsp;</span></ng-template>\n        </ng-container>\n      </ng-template>\n\n      <ng-template *ngIf=\"markerTemplate || icon\" pTemplate=\"marker\" let-event>\n        <ng-container *ngIf=\"markerTemplate; else defaultMarker\">\n          <ng-container *ngTemplateOutlet=\"markerTemplate; context: { $implicit: event }\"></ng-container>\n        </ng-container>\n        <ng-template #defaultMarker>\n          <span class=\"p-timeline-event-marker\">\n            <i [class]=\"icon\"></i>\n          </span>\n        </ng-template>\n      </ng-template>\n    </p-timeline>\n\n    <ng-template #defaultContent let-event>\n      {{ event }}\n    </ng-template>\n  `,\n})\nexport class ExtraTimelineComponent {\n  @Input() value: any[] = [];\n  @Input() align: 'left' | 'right' | 'alternate' | 'top' | 'bottom' = 'left';\n  @Input() layout: 'vertical' | 'horizontal' = 'vertical';\n  @Input() showCaption: boolean = true;\n  @Input() line: TimelineLine = 'solid';\n  @Input() icon = '';\n  @Input() markerColor = '';\n\n  @HostBinding('attr.data-line') get dataLine() { return this.line; }\n  @HostBinding('style.--timeline-marker-color') get markerColorVar() { return this.markerColor || null; }\n\n  @ContentChild('content') contentTemplate?: TemplateRef<any>;\n  @ContentChild('opposite') oppositeTemplate?: TemplateRef<any>;\n  @ContentChild('marker') markerTemplate?: TemplateRef<any>;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cdek-it-angular-ui-kit-components-tooltip.mjs

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { Input, Directive } from '@angular/core';
+import * as i1 from 'primeng/tooltip';
+import { Tooltip } from 'primeng/tooltip';
+
+class ExtraTooltipDirective {
+    tooltip;
+    position = 'right';
+    event = 'hover';
+    showDelay;
+    hideDelay;
+    disabled = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: ExtraTooltipDirective, isStandalone: true, selector: "[extra-tooltip]", inputs: { tooltip: "tooltip", position: "position", event: "event", showDelay: "showDelay", hideDelay: "hideDelay", disabled: "disabled" }, hostDirectives: [{ directive: i1.Tooltip, inputs: ["pTooltip", "tooltip", "tooltipPosition", "position", "tooltipEvent", "event", "showDelay", "showDelay", "hideDelay", "hideDelay", "tooltipDisabled", "disabled", "escape", "escape", "autoHide", "autoHide", "fitContent", "fitContent", "hideOnEscape", "hideOnEscape", "positionTop", "positionTop", "positionLeft", "positionLeft"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[extra-tooltip]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: Tooltip,
+                            inputs: [
+                                'pTooltip: tooltip',
+                                'tooltipPosition: position',
+                                'tooltipEvent: event',
+                                'showDelay: showDelay',
+                                'hideDelay: hideDelay',
+                                'tooltipDisabled: disabled',
+                                'escape: escape',
+                                'autoHide: autoHide',
+                                'fitContent: fitContent',
+                                'hideOnEscape: hideOnEscape',
+                                'positionTop: positionTop',
+                                'positionLeft: positionLeft'
+                            ]
+                        }
+                    ]
+                }]
+        }], propDecorators: { tooltip: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], event: [{
+                type: Input
+            }], showDelay: [{
+                type: Input
+            }], hideDelay: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ExtraTooltipDirective };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-tooltip.mjs.map

package/fesm2022/cdek-it-angular-ui-kit-components-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdek-it-angular-ui-kit-components-tooltip.mjs","sources":["../../src/lib/components/tooltip/tooltip.directive.ts","../../src/lib/components/tooltip/cdek-it-angular-ui-kit-components-tooltip.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\nimport { Tooltip } from 'primeng/tooltip';\n\nexport type TooltipPosition = 'right' | 'left' | 'top' | 'bottom';\nexport type TooltipEvent = 'hover' | 'focus' | 'both';\n\n@Directive({\n  selector: '[extra-tooltip]',\n  standalone: true,\n  hostDirectives: [\n    {\n      directive: Tooltip,\n      inputs: [\n        'pTooltip: tooltip',\n        'tooltipPosition: position',\n        'tooltipEvent: event',\n        'showDelay: showDelay',\n        'hideDelay: hideDelay',\n        'tooltipDisabled: disabled',\n        'escape: escape',\n        'autoHide: autoHide',\n        'fitContent: fitContent',\n        'hideOnEscape: hideOnEscape',\n        'positionTop: positionTop',\n        'positionLeft: positionLeft'\n      ]\n    }\n  ]\n})\nexport class ExtraTooltipDirective {\n  @Input() tooltip: string | undefined;\n  @Input() position: TooltipPosition = 'right';\n  @Input() event: TooltipEvent = 'hover';\n  @Input() showDelay: number | undefined;\n  @Input() hideDelay: number | undefined;\n  @Input() disabled: boolean = false;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;MA6Ba,qBAAqB,CAAA;AACvB,IAAA,OAAO;IACP,QAAQ,GAAoB,OAAO;IACnC,KAAK,GAAiB,OAAO;AAC7B,IAAA,SAAS;AACT,IAAA,SAAS;IACT,QAAQ,GAAY,KAAK;wGANvB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,cAAA,EAAA,OAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAvBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,OAAO;AAClB,4BAAA,MAAM,EAAE;gCACN,mBAAmB;gCACnB,2BAA2B;gCAC3B,qBAAqB;gCACrB,sBAAsB;gCACtB,sBAAsB;gCACtB,2BAA2B;gCAC3B,gBAAgB;gCAChB,oBAAoB;gCACpB,wBAAwB;gCACxB,4BAA4B;gCAC5B,0BAA0B;gCAC1B;AACD;AACF;AACF;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;ACnCH;;AAEG;;;;"}