otimus-library 0.2.48 → 0.2.50

package/lib/components/oc-modal/oc-modal.component.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { OcStyleThemeType } from '../../interfaces/oc-style-theme';
+import { StyleThemeService } from '../../services/style-theme.service';
+import * as i0 from "@angular/core";
+export declare class OcModalComponent implements AfterViewInit {
+    private elRef;
+    private styleThemeService;
+    private cdr;
+    constructor(elRef: ElementRef, styleThemeService: StyleThemeService, cdr: ChangeDetectorRef);
+    ocClose: boolean;
+    ocTitle: string;
+    ocSize: 'small' | 'medium' | 'large' | 'screen';
+    ocBgColor?: string;
+    ocWidth: string;
+    ocMaxWidth: string;
+    ocStyle: OcStyleThemeType;
+    ocLoading: boolean;
+    ocOnClose: EventEmitter<any>;
+    ocOnOpen: EventEmitter<any>;
+    isOpen: boolean;
+    closing: boolean;
+    ngAfterViewInit(): void;
+    open(): void;
+    close(): void;
+    protected getModalStyles(): {
+        [key: string]: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcModalComponent, "oc-modal", never, { "ocClose": { "alias": "ocClose"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocWidth": { "alias": "ocWidth"; "required": false; }; "ocMaxWidth": { "alias": "ocMaxWidth"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "ocLoading": { "alias": "ocLoading"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "ocOnClose": "ocOnClose"; "ocOnOpen": "ocOnOpen"; }, never, ["*"], true, never>;
+}

package/lib/components/oc-modal-footer/oc-modal-footer.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class OcModalFooterComponent {
+    ocSide: 'left' | 'right';
+    ocBgColor?: string;
+    ocFixed: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcModalFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcModalFooterComponent, "oc-modal-footer", never, { "ocSide": { "alias": "ocSide"; "required": false; }; "ocBgColor": { "alias": "ocBgColor"; "required": false; }; "ocFixed": { "alias": "ocFixed"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/oc-not-found/oc-not-found.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class OcNotFoundComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcNotFoundComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcNotFoundComponent, "oc-not-found", never, {}, {}, never, never, true, never>;
+}

package/lib/components/oc-pagination/oc-pagination.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OcPaginationComponent implements OnInit {
+    ocPage: number;
+    ocMaxPage?: number;
+    ocGetPage: EventEmitter<number>;
+    ngOnInit(): void;
+    firstPage(): void;
+    decrementPage(): void;
+    incrementPage(): void;
+    lastPage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcPaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcPaginationComponent, "oc-pagination", never, { "ocPage": { "alias": "ocPage"; "required": false; }; "ocMaxPage": { "alias": "ocMaxPage"; "required": false; }; }, { "ocGetPage": "ocGetPage"; }, never, never, true, never>;
+}

package/lib/components/oc-profile/oc-profile.component.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OcProfileComponent implements OnInit {
+    ocUserName?: string;
+    ocProfilePic?: string;
+    ocSize: 'large' | 'medium' | 'small' | 'tiny';
+    nameInitials: string;
+    ngOnInit(): void;
+    getInitials(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcProfileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcProfileComponent, "oc-profile", never, { "ocUserName": { "alias": "ocUserName"; "required": false; }; "ocProfilePic": { "alias": "ocProfilePic"; "required": false; }; "ocSize": { "alias": "ocSize"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/oc-step/oc-step.component.d.ts

@@ -0,0 +1,22 @@
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { StyleThemeService } from '../../services/style-theme.service';
+import { OcStyleThemeType } from '../../interfaces/oc-style-theme';
+import * as i0 from "@angular/core";
+export declare class OcStepComponent implements AfterViewInit {
+    private styleThemeService;
+    constructor(styleThemeService: StyleThemeService);
+    ocIsActive: boolean;
+    ocTitle: string;
+    ocColor: 'purple' | 'green';
+    ocCompleted: boolean;
+    ocStyle: OcStyleThemeType;
+    ocClick: EventEmitter<any>;
+    stepIndex: number;
+    selectedIndex: number;
+    lastIndex: number;
+    ngAfterViewInit(): void;
+    protected handleStepClick(stepIndex: number): void;
+    selectStep: (index: number) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcStepComponent, "oc-step", never, { "ocIsActive": { "alias": "ocIsActive"; "required": false; }; "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocCompleted": { "alias": "ocCompleted"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; "selectStep": { "alias": "selectStep"; "required": false; }; }, { "ocClick": "ocClick"; }, never, ["*"], true, never>;
+}

package/lib/components/oc-stepper/oc-stepper.component.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, QueryList } from '@angular/core';
+import { OcStepComponent } from '../oc-step/oc-step.component';
+import { OcStyleThemeType } from '../../interfaces/oc-style-theme';
+import { StyleThemeService } from '../../services/style-theme.service';
+import * as i0 from "@angular/core";
+export declare class OcStepperComponent implements AfterViewInit {
+    private styleThemeService;
+    constructor(styleThemeService: StyleThemeService);
+    ocSteps: QueryList<OcStepComponent>;
+    ocAllowNavigation: boolean;
+    ocColor: 'purple' | 'green';
+    ocCurrentIndex: number;
+    ocSaveCompletedSteps: boolean;
+    ocStyle: OcStyleThemeType;
+    private completedSteps;
+    ngAfterViewInit(): void;
+    private setCompletedSteps;
+    setStepsValues(): void;
+    selectStep(index: number): void;
+    nextStep(event: Event): void;
+    previousStep(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcStepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcStepperComponent, "oc-stepper", never, { "ocAllowNavigation": { "alias": "ocAllowNavigation"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; "ocCurrentIndex": { "alias": "ocCurrentIndex"; "required": false; }; "ocSaveCompletedSteps": { "alias": "ocSaveCompletedSteps"; "required": false; }; "ocStyle": { "alias": "ocStyle"; "required": false; }; }, {}, ["ocSteps"], ["*"], true, never>;
+}

package/lib/components/oc-tab/oc-tab.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class OcTabComponent {
+    ocTitle: string;
+    ocIsActive: boolean;
+    tabIndex: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcTabComponent, "oc-tab", never, { "ocTitle": { "alias": "ocTitle"; "required": false; }; "ocIsActive": { "alias": "ocIsActive"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/oc-tabs/oc-tabs.component.d.ts

@@ -0,0 +1,18 @@
+import { QueryList, AfterContentInit, EventEmitter } from '@angular/core';
+import { OcTabComponent } from '../oc-tab/oc-tab.component';
+import { StyleThemeService } from '../../services/style-theme.service';
+import { OcStyleThemeType } from '../../interfaces/oc-style-theme';
+import * as i0 from "@angular/core";
+export declare class OcTabsComponent implements AfterContentInit {
+    private styleThemeService;
+    constructor(styleThemeService: StyleThemeService);
+    ocTabs: QueryList<OcTabComponent>;
+    ocStyle: OcStyleThemeType;
+    ocClick: EventEmitter<void>;
+    activeTabIndex: number;
+    ngAfterContentInit(): void;
+    selectTab(index: number): void;
+    handleTabClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcTabsComponent, "oc-tabs", never, { "ocStyle": { "alias": "ocStyle"; "required": false; }; }, { "ocClick": "ocClick"; }, ["ocTabs"], ["*"], true, never>;
+}

package/lib/components/oc-toast/oc-toast.component.d.ts

@@ -0,0 +1,8 @@
+import { OcToastService } from '../../services/oc-toast.service';
+import * as i0 from "@angular/core";
+export declare class OcToastComponent {
+    toast: OcToastService;
+    constructor(toast: OcToastService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcToastComponent, "oc-toast", never, {}, {}, never, never, true, never>;
+}

package/lib/components/oc-toggle/oc-toggle.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OcToggleComponent {
+    _ocChecked: boolean;
+    set ocChecked(value: boolean);
+    get ocChecked(): boolean;
+    ocColor: 'purple' | 'green';
+    ocCheckedChange: EventEmitter<boolean>;
+    toggleChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OcToggleComponent, "oc-toggle", never, { "ocChecked": { "alias": "ocChecked"; "required": false; }; "ocColor": { "alias": "ocColor"; "required": false; }; }, { "ocCheckedChange": "ocCheckedChange"; }, never, never, true, never>;
+}

package/lib/directives/oc-tooltip/oc-tooltip.directive.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OcTooltipDirective {
+    private elRef;
+    private renderer;
+    constructor(elRef: ElementRef, renderer: Renderer2);
+    content: string;
+    side: 'bottom' | 'upon' | 'left' | 'right' | 'top' | 'mouse';
+    private created;
+    private tooltip;
+    createToolTip(): HTMLElement | null;
+    onMouseOver(event: MouseEvent): void;
+    mouseingInterval: any | null;
+    onMouseMove(event: MouseEvent): void;
+    private updateTooltipPosition;
+    private positionTooltipFixed;
+    onMouseOut(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OcTooltipDirective, "[ocTooltip]", never, { "content": { "alias": "content"; "required": false; }; "side": { "alias": "side"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/interfaces/oc-autocomplete.d.ts

@@ -0,0 +1,5 @@
+interface OcAutoCompleteType {
+    name: string;
+    value?: any;
+}
+export { OcAutoCompleteType };

package/lib/interfaces/oc-menu.d.ts

@@ -0,0 +1,9 @@
+interface OcMenuType {
+    name: string;
+    url?: string;
+    callback?: any;
+    targetBlank?: boolean;
+    icon?: string;
+    checked?: boolean;
+}
+export { OcMenuType };

package/lib/interfaces/oc-style-theme.d.ts

@@ -0,0 +1,2 @@
+type OcStyleThemeType = 'otimus' | 'shui' | 'semantic';
+export { OcStyleThemeType };

package/lib/interfaces/oc-toast.d.ts

@@ -0,0 +1,8 @@
+export interface ToastType {
+    id: number;
+    status: string;
+    message: string;
+    counter: number;
+    promiseKey?: string;
+    hasAnimation?: boolean;
+}

package/lib/otimus-library.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class OtimusLibraryComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OtimusLibraryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OtimusLibraryComponent, "lib-otimus-library", never, {}, {}, never, never, true, never>;
+}

package/lib/otimus-library.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class OtimusLibraryService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<OtimusLibraryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OtimusLibraryService>;
+}

package/lib/services/internationalization.service.d.ts

@@ -0,0 +1,17 @@
+import { HttpClient } from '@angular/common/http';
+import * as i0 from "@angular/core";
+export declare class InternationalizationService {
+    private http;
+    constructor(http: HttpClient);
+    private queryLang;
+    getTranslation(code: string | number, params?: {
+        [key: string]: string | number;
+    } | null): string;
+    getTranslationsByLanguage(): import("rxjs").Subscription | undefined;
+    canUpdateStoredLanguages(): boolean;
+    setLanguage(language: string): void;
+    setUpdatedLastTime(): void;
+    setLanguages(translations: Object): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InternationalizationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InternationalizationService>;
+}

package/lib/services/oc-toast.service.d.ts

@@ -0,0 +1,14 @@
+import { ToastType } from '../interfaces/oc-toast';
+import * as i0 from "@angular/core";
+type ToastStatusType = 'erro' | 'error' | 'success' | 'éxito' | 'sucesso' | 'carregando' | 'cargando' | 'loading' | 'informação' | 'información' | 'information';
+export declare class OcToastService {
+    toastList: ToastType[];
+    isRunning: boolean;
+    currentToast: ToastType;
+    closeToast(id: number): void;
+    openToast: (toastStatus: ToastStatusType, toastMessage: string, toastCounter?: number, promiseKey?: string) => void;
+    renderToasts(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OcToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OcToastService>;
+}
+export {};

package/lib/services/style-theme.service.d.ts

@@ -0,0 +1,8 @@
+import { OcStyleThemeType } from '../interfaces/oc-style-theme';
+import * as i0 from "@angular/core";
+export declare class StyleThemeService {
+    constructor();
+    getStyleTheme(): OcStyleThemeType | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StyleThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StyleThemeService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "otimus-library",
-  "version": "0.2.48",
+  "version": "0.2.50",
   "license": "MIT",
   "peerDependencies": {
     "@angular/cdk": "^18.2.14",
@@ -17,7 +17,16 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "sass": "./src/styles/styles.scss"
+      "sass": "./src/styles/styles.scss",
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/otimus-library.mjs",
+      "esm": "./esm2022/otimus-library.mjs",
+      "default": "./fesm2022/otimus-library.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
     }
-  }
-}
+  },
+  "module": "fesm2022/otimus-library.mjs",
+  "typings": "index.d.ts"
+}

package/public-api.d.ts

@@ -0,0 +1,26 @@
+export * from './lib/otimus-library.service';
+export * from './lib/otimus-library.component';
+export * from './lib/services/oc-toast.service';
+export * from './lib/components/oc-badge/oc-badge.component';
+export * from './lib/components/oc-filter/oc-filter.component';
+export * from './lib/directives/oc-tooltip/oc-tooltip.directive';
+export * from './lib/components/oc-input/oc-input.component';
+export * from './lib/components/oc-modal/oc-modal.component';
+export * from './lib/components/oc-key-value/oc-key-value.component';
+export * from './lib/components/oc-chip/oc-chip.component';
+export * from './lib/components/oc-modal-footer/oc-modal-footer.component';
+export * from './lib/components/oc-autocomplete/oc-autocomplete.component';
+export * from './lib/components/oc-profile/oc-profile.component';
+export * from './lib/components/oc-log/oc-log.component';
+export * from './lib/components/oc-pagination/oc-pagination.component';
+export * from './lib/components/oc-not-found/oc-not-found.component';
+export * from './lib/components/oc-menu/oc-menu.component';
+export * from './lib/components/oc-toast/oc-toast.component';
+export * from './lib/components/oc-checkbox/oc-checkbox.component';
+export * from './lib/components/oc-toggle/oc-toggle.component';
+export * from './lib/components/oc-stepper/oc-stepper.component';
+export * from './lib/components/oc-step/oc-step.component';
+export * from './lib/components/oc-tabs/oc-tabs.component';
+export * from './lib/components/oc-tab/oc-tab.component';
+export * from './lib/components/oc-accordion/oc-accordion.component';
+export * from './lib/components/oc-accordion-item/oc-accordion-item.component';

package/ng-package.json

@@ -1,12 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/otimus-library",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": [
-    { "input": "src/assets/iconfont", "glob": "**/*.*", "output": "assets/iconfont" },
-    { "input": "src/assets/fonts", "glob": "**/*.*", "output": "assets/fonts" },
-    { "input": "src/styles", "glob": "**/*.*", "output": "styles" }
-  ]
-}

package/src/lib/components/oc-accordion/oc-accordion.component.html

@@ -1,3 +0,0 @@
-<div>
-  <ng-content></ng-content>
-</div>

package/src/lib/components/oc-accordion/oc-accordion.component.scss

@@ -1,4 +0,0 @@
-.oc-accordion {
-  display: flex;
-  flex-direction: column;
-}

package/src/lib/components/oc-accordion/oc-accordion.component.ts

@@ -1,44 +0,0 @@
-import { AfterViewInit, Component, ContentChildren, Input, QueryList } from '@angular/core'
-import { OcAccordionItemComponent } from '../oc-accordion-item/oc-accordion-item.component'
-import { CommonModule } from '@angular/common'
-import { OcStyleThemeType } from '../../interfaces/oc-style-theme'
-import { StyleThemeService } from '../../services/style-theme.service'
-
-@Component({
-  selector: 'oc-accordion',
-  standalone: true,
-  imports: [CommonModule, OcAccordionItemComponent],
-  templateUrl: './oc-accordion.component.html',
-  styleUrl: './oc-accordion.component.scss',
-})
-export class OcAccordionComponent implements AfterViewInit {
-  @ContentChildren(OcAccordionItemComponent) items!: QueryList<OcAccordionItemComponent>
-  @Input() ocAlternate: boolean = true
-  @Input() ocCurrentIndex?: number
-  @Input() ocStyle: OcStyleThemeType = 'otimus'
-
-  constructor(private styleThemeService: StyleThemeService) {}
-
-  ngAfterViewInit(): void {
-    this.items.forEach((item, i) => {
-      item.ocStyle = this.styleThemeService.getStyleTheme() || this.ocStyle
-      item.closeAllItems.subscribe(() => this.closeAllItems())
-    })
-  }
-
-  closeAllItems(): void {
-    if (this.ocAlternate) {
-      this.items.forEach((item) => (item.ocIsOpen = false))
-    }
-  }
-
-  alternateToIndex(index: number): void {
-    this.items.forEach((item, i) => {
-      if (i === index) {
-        item.ocIsOpen = true
-        return
-      }
-      item.ocIsOpen = false
-    })
-  }
-}

package/src/lib/components/oc-accordion-item/oc-accordion-item.component.html

@@ -1,19 +0,0 @@
-<div class="oc-accordion-item" [ngClass]="{
-  'shui': ocStyle === 'shui'
-}">
-  <div class="item-header" [ngClass]="{
-    open: ocIsOpen
-  }" (click)="toggle()">
-    <h3>{{ocTitle}}</h3>
-    <span class="material-symbols-outlined">
-      keyboard_control_key
-    </span>
-  </div>
-  @if (ocIsOpen) {
-  <div class="oc-content" [ngClass]="{
-    open: ocIsOpen
-  }">
-    <ng-content></ng-content>
-  </div>
-  }
-</div>

package/src/lib/components/oc-accordion-item/oc-accordion-item.component.scss

@@ -1,86 +0,0 @@
-@use '../../../styles/variables.scss';
-
-.oc-accordion-item {
-  width: 100%;
-
-  .item-header {
-    cursor: pointer;
-    
-    transition: 0.1s ease;
-
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    
-    padding: 1.5rem;
-    border-radius: 1rem;
-
-    h3 {
-      color: variables.$color-gray-1;
-      padding: 0;
-      margin: 0;
-    }
-
-    span {
-      transition: 0.3s ease;
-      color: variables.$color-gray-2;
-    }
-
-    &:hover {
-      background-color: variables.$color-gray-6;
-    }
-
-    &:active {
-      transform: scale(0.99);
-
-    }
-
-    &.open {
-      background-color: variables.$color-gray-6;
-
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-      h3 {
-        color: variables.$color-brand-p-1;
-      }
-
-      span {
-        color: variables.$color-brand-g-1;
-        transform: rotate(180deg);
-      }
-    }
-  }
-
-  .closed, closed *{
-    display: none;
-  }
-
-  .oc-content {
-    animation: show-up 0.15s ease;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    padding-top: 2rem;
-    padding-bottom: 2.5rem;
-
-    border-radius: 16px;
-
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-
-    &.open {
-      background-color: variables.$color-gray-6;
-    }
-  }
-}
-
-@keyframes show-up {
-  from {
-    opacity: 0;
-    transform: scale(0.5); 
-  } to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-@import './styles/oc-accordion-item.shui-component.scss';

package/src/lib/components/oc-accordion-item/oc-accordion-item.component.ts

@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common'
-import { AfterViewInit, Component, EventEmitter, Input, Output } from '@angular/core'
-import { OcStyleThemeType } from '../../interfaces/oc-style-theme'
-import { StyleThemeService } from '../../services/style-theme.service'
-
-@Component({
-  selector: 'oc-accordion-item',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './oc-accordion-item.component.html',
-  styleUrl: './oc-accordion-item.component.scss',
-})
-export class OcAccordionItemComponent {
-  @Input() ocIsOpen: boolean = false
-  @Input() ocTitle: string = ''
-  @Input() ocStyle: OcStyleThemeType = 'otimus'
-  @Output() closeAllItems = new EventEmitter()
-
-  protected toggle(): void {
-    if (this.ocIsOpen) {
-      this.ocIsOpen = !this.ocIsOpen
-      return
-    }
-    this.closeAllItems.emit()
-    this.ocIsOpen = !this.ocIsOpen
-  }
-}

package/src/lib/components/oc-accordion-item/styles/oc-accordion-item.shui-component.scss

@@ -1,41 +0,0 @@
-@use '../../../../styles/variables.scss';
-
-.oc-accordion-item.shui {
-  width: 100%;
-
-  .item-header {
-
-    border-radius: 0;
-    h3 {
-      color: rgba(variables.$color-shui-ui-1, 0.75);
-    }
-
-    span {
-      color: variables.$color-shui-ui-5;
-    }
-
-    &:hover {
-      background-color: variables.$color-shui-base-2;
-    }
-
-
-    &.open {
-      background-color: variables.$color-shui-base-2;
-      h3 {
-        color: variables.$color-shui-ui-8;
-      }
-
-      span {
-        color: variables.$color-shui-ui-0;
-      }
-    }
-  }
-
-  .oc-content {
-    border-radius: 0;
-
-    &.open {
-      background-color: rgba(variables.$color-shui-base-2, 0.4);
-    }
-  }
-}