New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

grid-plan

Package Overview
Dependencies
Maintainers
0
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

grid-plan - npm Package Compare versions

Comparing version 0.0.1 to 1.0.0

7

dist/types/grid-plan.d.ts

@@ -22,5 +22,7 @@ declare module "grid-plan" {

export type GridPlanItemType = {
color: string
[key: string]: string | number
color?: string
description: string
icon: string
icon?: string
iconColor?: string
typeId: string | number

@@ -37,2 +39,3 @@ }

typeId: number | string
id?: string | number
}

@@ -39,0 +42,0 @@

{
"name": "grid-plan",
"version": "0.0.1",
"version": "1.0.0",
"private": false,

@@ -42,3 +42,3 @@ "type": "module",

"preview": "vite preview",
"test:unit": "vitest",
"test": "vitest",
"test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",

@@ -45,0 +45,0 @@ "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'"

<p align="center">
<a href="https://grid-plan.graphieros.com/"><img src="https://vue-data-ui.graphieros.com/grid-plan.png"></a>
<br>
<a href="https://grid-plan.graphieros.com/"><img src="https://vue-data-ui.graphieros.com/grid-plan2.png"></a>
<br>
<br>
<br>
</p>

@@ -11,3 +13,2 @@

![npm](https://img.shields.io/npm/v/grid-plan)
![NPM](https://img.shields.io/npm/l/grid-plan)
![npm](https://img.shields.io/npm/dt/grid-plan)

@@ -72,18 +73,21 @@ ![GitHub issues](https://img.shields.io/github/issues/graphieros/grid-plan)

{
typeId: 1,
color: "#3366DD",
description: "server",
icon: "S",
typeId: 1,
icon: "server",
iconColor: "#FFFFFF",
},
{
typeId: 2,
color: "#DD6633",
description: "power",
icon: "P",
typeId: 2,
icon: "bolt",
iconColor: "#FFFFFF",
},
{
typeId: 3,
color: "#71a4a8",
description: "monitor",
icon: "M",
typeId: 3,
icon: "deviceLaptop",
iconColor: "#1A1A1A",
},

@@ -171,3 +175,3 @@ ]);

<!-- Customize the icon for component types -->
<!-- Use your own svg icons for component types (not necessary if the icon provided is part of the available icons) -->
<template #componentIcon="{ placedItem, maxSize }">

@@ -196,3 +200,2 @@ <svg

</svg>
<!-- You can create as many custom icons as there are types -->
</template>

@@ -228,1 +231,139 @@

| useShadow | boolean | true | Show selected item with a drop shadow |
## Icons
A set of icons is provided by grid-plan. These icons are adapted from the great [Tabler icons](https://tablericons.com/) open source icon library.
Icons are used in availableTypes:
```js
const availableTypes = ref([
{
color: '#6376DD',
description: 'router',
icon: 'router',
typeId: 1,
iconColor: '#FFFFFF'
},
{...}
])
```
| Icon name |
| ------------------- |
| airConditioning |
| alertTriangle |
| analyze |
| archive |
| armchair |
| award |
| bath |
| battery |
| bed |
| bell |
| bellSchool |
| bolt |
| boltOff |
| books |
| bulb |
| bulfOff |
| burger |
| calculator |
| camera |
| cctv |
| chefHat |
| circleKey |
| circuitCapacitor |
| circuitCell |
| circuitGround |
| circuitSwitchClosed |
| circuitSwitchOpen |
| clock |
| cloud |
| cloudComputing |
| coffee |
| cpu |
| cricuitLoop |
| database |
| deviceDesktop |
| deviceDesktopOff |
| deviceDualScreen |
| deviceImac |
| deviceImacOff |
| deviceLaptop |
| deviceLaptopOff |
| deviceTablet |
| deviceTabletOff |
| deviceTv |
| deviceTvOff |
| deviceUsb |
| devicesPc |
| devicesPcOff |
| disabled |
| door |
| doorEnter |
| doorExit |
| elevator |
| elevatorOff |
| escalator |
| escalatorDown |
| escalatorUp |
| fingerprint |
| firstAidKit |
| folder |
| folders |
| headphones |
| headset |
| hexagon |
| home |
| key |
| keyboard |
| leaf |
| lock |
| lockAccess |
| man |
| microphone |
| microscope |
| network |
| networkOff |
| package |
| packages |
| paperclip |
| phone |
| plant |
| plugConnected |
| power |
| printer |
| printerOff |
| prism |
| propeller |
| propellerOff |
| reportAnalytics |
| robot |
| router |
| salad |
| server |
| serverBolt |
| serverCog |
| serverOff |
| shredder |
| sofa |
| solarPanel |
| soup |
| squareKey |
| stack |
| toilet |
| toiletPaper |
| toolsKitchen |
| trafficCone |
| trash |
| trolley |
| volume |
| wall |
| washMachine |
| wave |
| wifi |
| windMill |
| windmillOff |
| window |
| world |

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc