@rededor/site-front-end-lib 20.0.26 → 20.0.27

package/services/algolia-search-api/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

package/services/algolia-search-api/public-api.ts

@@ -0,0 +1 @@
+export * from './algolia-search-api.service';

package/services/ngu-carousel/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/services/ngu-carousel/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

package/services/ngu-carousel/ngu-carousel.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { NguCarouselService } from './ngu-carousel.service';
+
+describe('NguCarouselService', () => {
+  let service: NguCarouselService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(NguCarouselService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/services/ngu-carousel/ngu-carousel.service.ts

@@ -0,0 +1,80 @@
+import { Injectable } from '@angular/core';
+import { NguCarousel, NguCarouselConfig } from '@ngu/carousel';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class NguCarouselService {
+  private _defaultCarouselConfig: NguCarouselConfig = {
+    grid: { xs: 1.2, sm: 1.2, md: 3.2, lg: 4.2, xl: 5.2, all: 0 },
+    gridBreakpoints: { sm: 360, md: 768, lg: 1366, xl: 1920 },
+    slide: 1,
+    speed: 500,
+    interval: {
+      timing: 7000,
+      initialDelay: 1000,
+    },
+    point: {
+      visible: false,
+    },
+    velocity: 0.5,
+    load: 1,
+    loop: true,
+    touch: true,
+    easing: 'ease-in-out',
+  };
+  get defaultCarouselConfig() {
+    return { ...JSON.parse(JSON.stringify(this._defaultCarouselConfig)) };
+  }
+
+  customCarouselConfig(config: Partial<NguCarouselConfig>) {
+    return {
+      ...this.defaultCarouselConfig,
+      ...config,
+    };
+  }
+
+  moveTo(carousel: NguCarousel<any, any>, index: number) {
+    carousel.moveTo(index);
+  }
+
+  scrollLeft(carousel: NguCarousel<any, any>, loop = true) {
+    if (carousel.isFirst() || carousel.activePoint() < 1) {
+      if (loop) {
+        carousel.moveTo(carousel.pointNumbers()[carousel.pointNumbers().length - 1]);
+      }
+    } else {
+      carousel.moveTo(carousel.activePoint() - 1);
+    }
+  }
+
+  scrollRight(carousel: NguCarousel<any, any>, loop = true) {
+    if (carousel.isLast() || carousel.activePoint() > carousel.pointNumbers().length - 1) {
+      if (loop) {
+        carousel.moveTo(0);
+      }
+    } else {
+      carousel.moveTo(carousel.activePoint() + 1);
+    }
+  }
+
+  needShowControls(config: NguCarouselConfig, width: number, itemsLength: number = 0) {
+    const {
+      grid: { xs, sm, md, lg, xl },
+      gridBreakpoints,
+    } = config;
+    if (width > (gridBreakpoints?.xl ?? 0)) {
+      return itemsLength > (xl ?? 0);
+    }
+    if (width > (gridBreakpoints?.lg ?? 0)) {
+      return itemsLength > lg;
+    }
+    if (width > (gridBreakpoints?.md ?? 0)) {
+      return itemsLength > md;
+    }
+    if (width > (gridBreakpoints?.sm ?? 0)) {
+      return itemsLength > sm;
+    }
+    return itemsLength > xs;
+  }
+}

package/services/ngu-carousel/public-api.ts

@@ -0,0 +1 @@
+export * from './ngu-carousel.service';

package/services/ssr-loading/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/services/ssr-loading/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

package/services/ssr-loading/public-api.ts

@@ -0,0 +1 @@
+export * from './ssr-loading.service';

package/services/ssr-loading/ssr-loading.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { SsrLoadingService } from './ssr-loading.service';
+
+describe('SsrLoadingService', () => {
+  let service: SsrLoadingService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(SsrLoadingService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/services/ssr-loading/ssr-loading.service.ts

@@ -0,0 +1,41 @@
+import { Injectable, PLATFORM_ID, inject } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { LogService } from '@rededor/site-front-end-lib/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class SsrLoadingService {
+  private logService = inject(LogService);
+  private platformId = inject(PLATFORM_ID);
+
+  public ssrIsLoading = false;
+  private _loading = false;
+
+  startLoading(component = '', intervalMs = 200, timeoutMs = 20000) {
+    if (!isPlatformServer(this.platformId)) return;
+
+    this._loading = true;
+    this.ssrIsLoading = true;
+
+    const timeout = setTimeout(() => {
+      this._loading = false;
+      this.ssrIsLoading = false;
+      this.logService.logMsg('SSR loading service Timeout ' + component, 'TIMEOUT');
+    }, timeoutMs);
+
+    const interval = setInterval(() => {
+      if (this._loading === true) {
+        this.ssrIsLoading = !this.ssrIsLoading;
+      } else {
+        clearInterval(interval);
+        clearTimeout(timeout);
+        this.ssrIsLoading = false;
+      }
+    }, intervalMs);
+  }
+
+  stopLoading() {
+    this._loading = false;
+  }
+}

package/services/transfer-state/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/services/transfer-state/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

package/services/transfer-state/public-api.ts

@@ -0,0 +1 @@
+export * from './transfer-state.service';

package/services/transfer-state/transfer-state.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { TransferStateService } from './transfer-state.service';
+
+describe('TransferStateService', () => {
+  let service: TransferStateService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(TransferStateService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/services/transfer-state/transfer-state.service.ts

@@ -0,0 +1,38 @@
+import { inject, Injectable, makeStateKey, StateKey, TransferState } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class TransferStateService {
+  private transferState = inject(TransferState);
+
+  private keys = new Map<string, StateKey<string>>();
+
+  setKey(name: any, response: any | any[]) {
+    let key = this.keys.get(name);
+    if (!key) {
+      key = makeStateKey(name);
+      this.keys.set(name, key);
+    }
+    this.transferState.set(key, response);
+  }
+
+  getKey(name: string, defaultValue: any | any[] = null): any | any[] {
+    let key = this.keys.get(name);
+    if (!key) {
+      key = makeStateKey(name);
+      this.keys.set(name, key);
+    }
+    const response = this.transferState.get(key, defaultValue);
+    return response;
+  }
+
+  remove(name: string) {
+    let key = this.keys.get(name);
+    if (!key) {
+      key = makeStateKey(name);
+      this.keys.set(name, key);
+    }
+    this.transferState.remove(key);
+  }
+}

package/services/youtube/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/services/youtube/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

package/services/youtube/public-api.ts

@@ -0,0 +1 @@
+export * from './youtube.service';

package/services/youtube/youtube.service.spec.ts

@@ -0,0 +1,16 @@
+/* tslint:disable:no-unused-variable */
+
+import { TestBed, async, inject } from '@angular/core/testing';
+import { YoutubeService } from './youtube.service';
+
+describe('Service: Youtube', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [YoutubeService],
+    });
+  });
+
+  it('should ...', inject([YoutubeService], (service: YoutubeService) => {
+    expect(service).toBeTruthy();
+  }));
+});

package/services/youtube/youtube.service.ts

@@ -0,0 +1,28 @@
+import { isPlatformBrowser } from '@angular/common';
+import { Injectable, PLATFORM_ID, DOCUMENT, inject } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class YoutubeService {
+  private platformId = inject(PLATFORM_ID);
+  private document = inject<Document>(DOCUMENT);
+
+  scriptId = 'youtubeApi';
+
+  setScript(): void {
+    if (isPlatformBrowser(this.platformId) && !this.document.getElementById(this.scriptId)) {
+      const script = this.document.createElement('script');
+      script.id = this.scriptId;
+      script.src = 'https://www.youtube.com/iframe_api';
+      this.document.body.appendChild(script);
+    }
+  }
+
+  removeScript(): void {
+    if (isPlatformBrowser(this.platformId)) {
+      const script = this.document.getElementById(this.scriptId);
+      script?.remove();
+    }
+  }
+}

package/shared/directives/rdsite-click-outside/rdsite-click-outside.directive.spec.ts

@@ -0,0 +1,8 @@
+import { RdsiteClickOutsideDirective } from './rdsite-click-outside.directive';
+
+describe('RdsiteClickOutsideDirective', () => {
+  it('should create an instance', () => {
+    const directive = new RdsiteClickOutsideDirective();
+    expect(directive).toBeTruthy();
+  });
+});

package/shared/directives/rdsite-click-outside/rdsite-click-outside.directive.ts

@@ -0,0 +1,18 @@
+import { Directive, ElementRef, HostListener, output, inject } from '@angular/core';
+
+@Directive({
+  // eslint-disable-next-line @angular-eslint/directive-selector
+  selector: '[rdsiteclickoutside]',
+})
+export class RdsiteClickOutsideDirective {
+  private elementRef = inject(ElementRef);
+
+  readonly rdsiteclickoutside = output<void>();
+
+  @HostListener('document:click', ['$event'])
+  onClick(event: Event): void {
+    if (!this.elementRef.nativeElement.contains(event.target)) {
+      this.rdsiteclickoutside.emit(undefined);
+    }
+  }
+}

package/shared/helpers/clean-text.func.ts

@@ -0,0 +1,15 @@
+/**
+ * Remove acentos e caracteres especiais
+ * @param term string para tratamento
+ */
+const clean = (term: string): string => {
+  if (!term) {
+    return '';
+  }
+  const a = 'àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;';
+  const b = 'aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnooooooooprrsssssttuuuuuuuuuwxyyzzz------';
+  const p = new RegExp(a.split('').join('|'), 'g');
+  return term.replace(p, (c) => b.charAt(a.indexOf(c)));
+};
+
+export { clean };

package/shared/helpers/mediaQueries.ts

@@ -0,0 +1,11 @@
+const xSmallBreakpoint = 361;
+const smallBreakpoint = 769;
+const mediumBreakPoint = 1024;
+const largeBreakpoint = 1366;
+
+export const MediaQueries = {
+  xSmallBreakpoint,
+  smallBreakpoint,
+  mediumBreakPoint,
+  largeBreakpoint,
+};

package/shared/helpers/removeDuplicateObjectsFromArray.func.ts

@@ -0,0 +1,5 @@
+const removeDuplicateObjectsFromArray = <T = any>(arr: T[], key: string): T[] => {
+  return [...new Map(arr.map((item) => [(item as any)[key], item])).values()];
+};
+
+export { removeDuplicateObjectsFromArray };

package/shared/helpers/removeDuplicateValuesFromArray.func.ts

@@ -0,0 +1,5 @@
+const removeDuplicateValuesFromArray = <T = any>(arr: T[]): T[] => {
+  return Array.from(new Set(arr));
+};
+
+export { removeDuplicateValuesFromArray };

package/shared/helpers/stringToSlug.func.ts

@@ -0,0 +1,32 @@
+/**
+ * Converte uma string para formato slug aceito pelo wordpress
+ */
+export const stringToSlug = (str: string, spaceReplacement = '-') => {
+  const a = 'àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/,:;';
+  const b = 'aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnooooooooprrsssssttuuuuuuuuuwxyyzzz-----';
+  const p = new RegExp(a.split('').join('|'), 'g');
+
+  if (!str) {
+    return '';
+  }
+
+  return (
+    str
+      .toString()
+      .toLowerCase()
+      // Substitui espaços pelo substituto
+      .replace(/\s+/g, spaceReplacement)
+      // Substitui caracteres especiais
+      .replace(p, (c) => b.charAt(a.indexOf(c)))
+      // Substitui & por 'e'
+      .replace(/&/g, `${spaceReplacement}e${spaceReplacement}`)
+      // Remove todos os caracteres não naturais
+      .replace(/[^\w\-]+/g, '')
+      // Substitui múltiplos espaçadores por único espaçador
+      .replace(new RegExp(`${spaceReplacement}${spaceReplacement}+`, 'g'), spaceReplacement)
+      // Remove espaçador do início do texto
+      .replace(new RegExp(`^${spaceReplacement}+`), '')
+      // Remove espaçador do final do texto
+      .replace(new RegExp(`${spaceReplacement}+$`), '')
+  );
+};

package/shared/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/shared/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public-api.ts"
+  }
+}

package/shared/pipes/phone/phone.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { PhonePipe } from './phone.pipe';
+
+describe('PhonePipe', () => {
+  it('create an instance', () => {
+    const pipe = new PhonePipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/shared/pipes/phone/phone.pipe.ts

@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { formatPhone } from '@rededor/site-front-end-lib/core';
+
+@Pipe({
+  name: 'phone',
+})
+export class PhonePipe implements PipeTransform {
+  transform(phone: string): string {
+    return formatPhone(phone);
+  }
+}

package/shared/public-api.ts

@@ -0,0 +1,9 @@
+export * from './helpers/clean-text.func';
+export * from './helpers/removeDuplicateObjectsFromArray.func';
+export * from './helpers/removeDuplicateValuesFromArray.func';
+export * from './helpers/stringToSlug.func';
+export * from './helpers/mediaQueries';
+
+export * from './directives/rdsite-click-outside/rdsite-click-outside.directive';
+
+export * from './pipes/phone/phone.pipe';

package/src/public-api.ts

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of site-front-end-lib
+ */
+
+export const LIB_NAME = '@rededor/site-front-end-lib';

package/styles/_mixins.scss

@@ -0,0 +1,49 @@
+@use './breakpoints.scss' as breakpoints;
+
+@mixin truncate() {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@mixin truncate2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+@mixin multilineTruncate($lines: 2) {
+  display: block;
+  display: -webkit-box;
+  max-width: 100%;
+  -webkit-line-clamp: $lines;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@mixin srOnly {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+@mixin rdsite-container {
+  box-sizing: border-box;
+  width: 90%;
+  position: relative;
+  max-width: breakpoints.$breakpoint-large;
+  margin-left: auto;
+  margin-right: auto;
+
+  &.full-container {
+    width: 100%;
+    max-width: 100%;
+  }
+}

package/styles/_utilities.scss

@@ -0,0 +1,22 @@
+@import './_breakpoints.scss';
+
+// Variáveis para Grid
+$padding: 20px !default;
+$container-max-width: $breakpoint-large !default;
+
+// Grid Container
+.rdsite-grid-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1rem;
+}
+
+// Container
+.rdsite-container {
+  box-sizing: border-box;
+  position: relative;
+  width: 90%;
+  max-width: $breakpoint-large;
+  margin-left: auto;
+  margin-right: auto;
+}

package/tsconfig.lib.json

@@ -0,0 +1,13 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": ["node"],
+    "paths": {}
+  },
+  "exclude": ["**/*.spec.ts"]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false,
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/components/algolia-dropdown/index.d.ts

@@ -1,38 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { AlgoliaConfig, AlgoliaSearchParams } from '@rededor/site-front-end-lib/core';
-
-declare class AlgoliaDropdownComponent {
-    private readonly algoliaSearchApiService;
-    compAlgoliaConfig: AlgoliaConfig;
-    get algoliaConfig(): AlgoliaConfig;
-    set algoliaConfig(config: AlgoliaConfig);
-    readonly name: _angular_core.InputSignal<string>;
-    readonly value: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<string>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly status: _angular_core.InputSignal<string>;
-    readonly icon: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly required: _angular_core.InputSignal<boolean>;
-    readonly maxheight: _angular_core.InputSignal<string>;
-    readonly searchdelay: _angular_core.InputSignal<string>;
-    readonly searchminchars: _angular_core.InputSignal<number>;
-    readonly helperText: _angular_core.InputSignal<string>;
-    readonly cssMaxHeight: _angular_core.InputSignal<string>;
-    readonly searchParams: _angular_core.InputSignal<AlgoliaSearchParams>;
-    searchTerm: string;
-    isMultiple: boolean;
-    ready: boolean;
-    readonly algoliaResults: _angular_core.OutputEmitterRef<any>;
-    readonly resetResults: _angular_core.OutputEmitterRef<any>;
-    readonly optionSelected: _angular_core.OutputEmitterRef<any>;
-    setupAlgolia(config: AlgoliaConfig): boolean;
-    termChange(event: any): void;
-    search(): void;
-    optionSelect(event: any): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlgoliaDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlgoliaDropdownComponent, "rdsite-algolia-dropdown", never, { "algoliaConfig": { "alias": "algoliaConfig"; "required": false; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxheight": { "alias": "maxheight"; "required": true; "isSignal": true; }; "searchdelay": { "alias": "searchdelay"; "required": true; "isSignal": true; }; "searchminchars": { "alias": "searchminchars"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": true; "isSignal": true; }; "cssMaxHeight": { "alias": "cssMaxHeight"; "required": true; "isSignal": true; }; "searchParams": { "alias": "searchParams"; "required": false; "isSignal": true; }; }, { "algoliaResults": "algoliaResults"; "resetResults": "resetResults"; "optionSelected": "optionSelected"; }, never, ["*"], true, never>;
-}
-
-export { AlgoliaDropdownComponent };