open-index/open-npm huggingface dataset:
npm package: @halodigital/pane
Description: Halo-Digital Pane
Author: Halo-Digital
Latest version: 1.0.10

# Pane by Halo-Digital

This package contains a side pane with the following features:

- Horizontal and vertical Resizing

- Horizontal and vertical scrolling

- Close button

Enjoy!


## Attributes

##### horizontalResize
<sub>Declare if the pane will be resizable horizontally and where to place the resize bar</sub>  
<sub>**Type:** 'right' | 'left'</sub>
<sub>**Default:** null</sub>
<br />

##### verticalResize
<sub>Declare if the pane will be resizable vertically and where to place the resize bar</sub>  
<sub>**Type:** 'top' | 'bottom'</sub>  
<sub>**Default:** null</sub>
<br />

##### state
<sub>The pane state</sub>  
<sub>**Type:** 'opened' | 'closed'</sub>  
<sub>**Default:** 'opened'</sub>
<br />

##### showCloseButton
<sub>Declare if close button will appear in the right top corner</sub>  
<sub>**Type:** boolean</sub>  
<sub>**Default:** true</sub>
<br />


## Events

##### stateChange
<sub>Triggers on state change</sub>  
<sub>**Event Parameter Type:** 'opened' | 'closed'</sub>
<br />

##### sizeChange
<sub>Triggers on size change</sub>  
<sub>**Event Parameter Type:** {dimension: 'width' | 'height', value: string}</sub>
<br />


## Example

```
<halo-pane
    horizontalResize="right"
    verticalResize="bottom"
    state="opened"
    [showCloseButton]="false"
    (stateChange)="stateChanged($event)"
    (sizeChange)="sizeChanged($event)">

    <div>Some content</div>

</halo-pane>
```
npm package: @halodigital/tooltip
Description: Halo-Digital Tooltip
Author: Halo-Digital
Latest version: 1.0.8

# Tooltip by Halo-Digital

This package contains a tooltip with the following features:

- Delayed tooltip

- Various positions

- Text ellipsis for tooltip source text

Enjoy!


## Attributes

##### haloTooltip
<sub>Text inside the tooltip</sub>  
<sub>**Type:** string</sub>
<br />

##### tooltipDelay
<sub>How many milliseconds to wait before display the tooltip</sub>  
<sub>**Type:** number</sub>  
<sub>**Default:** 0</sub>
<br />

##### tooltipPosition
<sub>The tooltip position relative to the parent element</sub>  
<sub>**Type:** 'bottom-center' | 'bottom-left' | 'bottom-right' | 'middle-left' | 'middle-right' | 'top-center' | 'top-left' | 'top-right'</sub>  
<sub>**Default:** 'top-right'</sub>
<br />

##### enableEllipsis
<sub>Declare if the parent element text will be shrinked with ellipsis</sub>  
<sub>**Type:** boolean</sub>  
<sub>**Default:** false</sub>


## Example

```
<div haloTooltip="Tooltip text"
     tooltipDelay="1000"
     tooltipPosition="top-center"
     enableEllipsis="true">

     Parent text

</div>
```
npm package: @haloduck/core
Description: HaloDuck Core Library - Angular
Author: HaloDuck
Latest version: 2.1.10

# @haloduck/core

HaloDuck Core Library is a core library for Angular-based applications.

## Installation

```bash
npm install @haloduck/core
```

## Post Installation

### Copy scripts

Copy script files to `scripts` folder in the root folder.

```bash
npx haloduck-copy-scripts
```

### Update `package.json`

```bash
"scripts": {
  ...
  "prebuild": "ts-node scripts/generate-build-timestamp.ts"
}
```

## Key Features

- **Authentication Service**: AWS Amplify-based authentication management
- **API Service**: Basic service for RESTful API communication
- **State Management**: NgRx-based global state management
- **Guards**: Authentication guards for route protection
- **Interceptors**: HTTP request/response processing
- **Pipes**: Utility pipes for data transformation
- **Models**: Type definitions and interfaces

## Usage

### Basic Configuration

```typescript
Amplify.configure({
  Auth: {
    Cognito: awsCognito as CognitoUserPoolConfig,
  },
});

export const appConfig: ApplicationConfig = {
  providers: [
    // ...
    provideHttpClient(withInterceptors([idTokenInterceptor, dummyMemberIdInterceptor])),
    // ...
    provideStore({
      global: globalReducer,
    }),
    provideEffects(GlobalEffects),
    provideStoreDevtools({ maxAge: 25, logOnly: !isDevMode() }),
    // ...
    provideQuillConfig({
      modules: {
        syntax: false,
      },
    }),
    // ...
    provideServiceWorker('ngsw-worker.js', {
      enabled: environment.usePwa,
      registrationStrategy: 'registerWhenStable:30000',
    }),
    // ...
    provideTransloco({
      config: {
        availableLangs: ['en', 'ko', 'ja'],
        defaultLang: 'en',
        // Remove this option if your application doesn't support changing language in runtime.
        reRenderOnLangChange: true,
        prodMode: !isDevMode(),
      },
      loader: TranslocoHttpLoader,
    }),
    provideHaloduckTransloco(),
    // ...
    provideHaloduckCoreConfig({
      stage: environment.stage,
      appName: environment.appName,
      defaultLanguage: 'en',
      dateFormat: {
        long: 'yyyy-MM-dd',
        short: 'yyMMdd',
      },
      apiUrl: environment.service.apiUrl,
      cdnUrl: environment.service.cdnUrl,
      map: {
        googleApiKey: environment.service.google.apiKey,
        mapId: environment.service.google.id,
        defaultLngLat: environment.service.google.defaultLngLat,
      },
    }),
    /// ...
  ],
};
```

## Dependencies

- Angular 19.2.0+
- RxJS 7.8.0+
- NgRx 19.0.0+
- AWS Amplify 6.12.1+

## License

MIT License

## Support

If you have any issues or questions, please register them in
[GitHub Issues](https://github.com/haloduck/haloduck-frontend/issues)
npm package: @haloduck/ui
Description: HaloDuck UI Library - Angular
Author: HaloDuck
Latest version: 2.1.21

# @haloduck/ui

HaloDuck UI Library is a modern and reusable UI component library for Angular-based applications.

## Installation

```bash
npm install @haloduck/ui
```

## Post Installation

### update `angular.json`

Update `angular.json` file.

```json
"build": {
  "options": {
    "assets": [
      ...
      "node_modules/@haloduck/ui/src/tailwind.css"
    ]
  }
}
```

### Copy i18n

Copy i18n files to `public/i18n` folder in the root folder.

```bash
npx haloduck-copy-i18n
```

## Key Components

### Control Components

- **Button**: Button components with various styles
- **Input**: Form input component
- **Select**: Dropdown selection component
- **DatePicker**: Date picker component
- **DateRange**: Date range selection component
- **Calendar**: Calendar component
- **Toggle**: Toggle switch component
- **CopyButton**: Text copy button
- **LanguageSelector**: Language selection component
- **ImageUploader**: Image upload component
- **FileUploader**: File upload component
- **ImageViewer**: Image viewer component
- **STLViewer**: 3D STL file viewer
- **MapToAddress**: Address mapping component
- **DrawCanvas**: Drawing canvas component
- **Flip**: Flip animation component
- **ConfirmDialog**: Confirmation dialog
- **Table**: Data table component

### Layout Components

- **Breadcrumb**: Breadcrumb navigation
- **DialogContainer**: Dialog container
- **Notification**: Notification component
- **SideMenu**: Side menu component

### Widget Components

- **PictureName**: Image and name display widget

## Styling

This library is built on Tailwind CSS. Tailwind CSS must be installed in your project.

```bash
npm install tailwindcss
```

## Dependencies

- Angular 19.2.0+
- RxJS 7.8.0+
- Angular Forms 19.2.10+
- Transloco 7.6.1+
- Angular CDK 19.2.15+
- NgRx Component Store 19.0.0+
- Three.js 0.175.0+ (for 3D components)

## License

MIT License

## Support

If you have any issues or questions, please register them in
[GitHub Issues](https://github.com/haloduck/haloduck-frontend/issues)
npm package: @haloduck/util
Description: HaloDuck Util Library - Angular
Author: HaloDuck
Latest version: 2.1.1

# @haloduck/util

HaloDuck Util Library is a utility functions and services library for Angular-based applications.

## Installation

```bash
npm install @haloduck/util
```

## Key Features

### File Utilities

- **download**: File download function

### Form Utilities

- **hasRequired**: Check required field validation
- **hasError**: Check form error status
- **getDirtyValues**: Extract only changed form values
- **englishAndNumberOnlyValidator**: Validator that allows only English and numbers

### Services

- **UtilService**: File icon URL provider service
- **provideHaloduckUtilIconSet**: File icon configuration provider

## Usage

### Basic Configuration

```typescript
export const appConfig: ApplicationConfig = {
  providers: [
    // ...
    provideHaloduckUtilIconSet({
      default: '/app/images/default-file-preview.svg',
      stl: '/app/images/default-stl-preview.svg',
      pdf: '/app/images/default-pdf-preview.svg',
    }),
    // ...
  ],
};
```

## Dependencies

- Angular 19.2.0+
- Angular Forms 19.2.0+

## License

MIT License

## Support

If you have any issues or questions, please register
npm package: @haloe/mobile-pro
Description: ### 2. search-bar ok
Author: dingyihui
Latest version: 4.1.0

### 1. price-bar ok

### 2. search-bar ok

### 3. order-duration ok

### 3. expiry-time ok

### 4. order-result ok

### 5. title-bar ok

### !6. pool-and-measure @zhuwenfeng

props:
pools [{text, value}]
measures [{text, value}]
zones: [{text, value}]

v-model: pool(CIDC-RP-25), measure(year), zone(az01) // 考虑多可用区
帮助中心显示 @boyu

### 7. service-protocol ok

### !8. order-renew

### 9. 选择实例和规格

http://gitlab.cmss.com/Halo-E/haloe-mobile-pro/-/merge_requests/26

### 10. 配置页配置详情 1

HDataDiskSpecification 改 HDiskSpecification
数据盘有 limit 数量限制 入参
column => volume
del-item 不需要 把入参改为双向绑定 直接在组件内删除项即可

### 11. coupon-panel 优惠券

样式优化 @yangboyu

### 12. monitor-chart 监控图表

columns => data
legend => isShowLegend
width height 100% 外层控制就行
鼠标挪上去不显示值
加一个 legend 的 demo

### 13. release-setting ok

### 13. payment-bar ok

### 13. specification-config

重做 重新设计

### 14. upload-file

e-upload-file 改 h 开头
props file: IDCard 身份证 enum + side

### 15. 控制台 实例详情

状态 用 tag 组件就行了 入参 type 改 status 并枚举
showMore 那个放底下弹出 不要放中间

### 16. verification-prompt

### 17. ov-approval

### 18. 价格计算器

暂时不做

### 19. default-page @朱文峰

按炯燕分类的做

build-site 报 require postcss8 错：
需要把 @vant/cli 里的 package.json 中的 postcss 版本改成 "postcss": "^8.4.18",
, lock 也要改
但是重新 build 的时候好像会被改回去？
npm package: @haloe/primevue
Description: PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
Author: PrimeTek Informatics
Latest version: 4.3.1-zgdmj3

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)
[![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
[![Prime Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions)

[![PrimeVue Hero](https://www.primefaces.org/static/social/primevue-preview.jpg)](https://primevue.org/)

# PrimeVue Website

PrimeVue is a rich set of open source UI Components for Vue. Visit the [PrimeVue website](https://primevue.org/) for interactive demos, comprehensive documentation and additional resources.