penambahan web socket

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/LICENSE-MIT

@@ -0,0 +1,22 @@
+Copyright (c) Ben Briggs <[email protected]> (http://beneb.info)
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/README.md

@@ -0,0 +1,72 @@
+# [postcss][postcss]-ordered-values
+
+> Ensure values are ordered consistently in your CSS.
+
+
+## Install
+
+With [npm](https://npmjs.org/package/postcss-ordered-values) do:
+
+```
+npm install postcss-ordered-values --save
+```
+
+
+## Example
+
+Some CSS properties accept their values in an arbitrary order; for this reason,
+it is entirely possible that different developers will write their values in
+different orders. This module normalizes the order, making it easier for other
+modules to understand which declarations are duplicates.
+
+### Input
+
+```css
+h1 {
+    border: solid 1px red;
+    border: red solid .5em;
+    border: rgba(0, 30, 105, 0.8) solid 1px;
+    border: 1px solid red;
+}
+```
+
+### Output
+
+```css
+h1 {
+    border: 1px solid red;
+    border: .5em solid red;
+    border: 1px solid rgba(0, 30, 105, 0.8);
+    border: 1px solid red;
+}
+```
+
+
+## Support List
+
+For more examples, see the [tests](src/__tests__/index.js).
+
+* `animation`, `-webkit-animation`
+* `border(border-left|right|top|bottom)`
+* `box-shadow`
+* `outline`
+* `flex-flow`
+* `transition`, `-webkit-transition`
+
+
+## Usage
+
+See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for
+examples for your environment.
+
+
+## Contributors
+
+See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).
+
+
+## License
+
+MIT © [Ben Briggs](http://beneb.info)
+
+[postcss]: https://github.com/postcss/postcss

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "postcss-ordered-values",
+  "version": "7.0.2",
+  "description": "Ensure values are ordered consistently in your CSS.",
+  "main": "src/index.js",
+  "types": "types/index.d.ts",
+  "files": [
+    "src",
+    "LICENSE-MIT",
+    "types"
+  ],
+  "keywords": [
+    "css",
+    "postcss",
+    "postcss-plugin"
+  ],
+  "license": "MIT",
+  "homepage": "https://github.com/cssnano/cssnano",
+  "author": {
+    "name": "Ben Briggs",
+    "email": "[email protected]",
+    "url": "http://beneb.info"
+  },
+  "repository": "cssnano/cssnano",
+  "dependencies": {
+    "postcss-value-parser": "^4.2.0",
+    "cssnano-utils": "^5.0.1"
+  },
+  "bugs": {
+    "url": "https://github.com/cssnano/cssnano/issues"
+  },
+  "engines": {
+    "node": "^18.12.0 || ^20.9.0 || >=22.0"
+  },
+  "devDependencies": {
+    "postcss": "^8.5.3"
+  },
+  "peerDependencies": {
+    "postcss": "^8.4.32"
+  }
+}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/index.js

@@ -0,0 +1,163 @@
+'use strict';
+const valueParser = require('postcss-value-parser');
+const {
+  normalizeGridAutoFlow,
+  normalizeGridColumnRowGap,
+  normalizeGridColumnRow,
+} = require('./rules/grid');
+
+// rules
+const animation = require('./rules/animation');
+const border = require('./rules/border');
+const boxShadow = require('./rules/boxShadow');
+const flexFlow = require('./rules/flexFlow');
+const transition = require('./rules/transition');
+const listStyle = require('./rules/listStyle');
+const column = require('./rules/columns');
+const vendorUnprefixed = require('./lib/vendorUnprefixed.js');
+
+/** @type {[string, (parsed: valueParser.ParsedValue) => string][]} */
+const borderRules = [
+  ['border', border],
+  ['border-block', border],
+  ['border-inline', border],
+  ['border-block-end', border],
+  ['border-block-start', border],
+  ['border-inline-end', border],
+  ['border-inline-start', border],
+  ['border-top', border],
+  ['border-right', border],
+  ['border-bottom', border],
+  ['border-left', border],
+];
+
+/** @type {[string, (parsed: valueParser.ParsedValue) => string | string[] | valueParser.ParsedValue][]} */
+const grid = [
+  ['grid-auto-flow', normalizeGridAutoFlow],
+  ['grid-column-gap', normalizeGridColumnRowGap], // normal | <length-percentage>
+  ['grid-row-gap', normalizeGridColumnRowGap], // normal | <length-percentage>
+  ['grid-column', normalizeGridColumnRow], // <grid-line>+
+  ['grid-row', normalizeGridColumnRow], // <grid-line>+
+  ['grid-row-start', normalizeGridColumnRow], // <grid-line>
+  ['grid-row-end', normalizeGridColumnRow], // <grid-line>
+  ['grid-column-start', normalizeGridColumnRow], // <grid-line>
+  ['grid-column-end', normalizeGridColumnRow], // <grid-line>
+];
+
+/** @type {[string, (parsed: valueParser.ParsedValue) => string | valueParser.ParsedValue][]} */
+const columnRules = [
+  ['column-rule', border],
+  ['columns', column],
+];
+
+/** @type {Map<string, ((parsed: valueParser.ParsedValue) => string | string[] | valueParser.ParsedValue)>} */
+const rules = new Map([
+  ['animation', animation],
+  ['outline', border],
+  ['box-shadow', boxShadow],
+  ['flex-flow', flexFlow],
+  ['list-style', listStyle],
+  ['transition', transition],
+  ...borderRules,
+  ...grid,
+  ...columnRules,
+]);
+
+const variableFunctions = new Set(['var', 'env', 'constant']);
+
+/**
+ * @param {valueParser.Node} node
+ * @return {boolean}
+ */
+function isVariableFunctionNode(node) {
+  if (node.type !== 'function') {
+    return false;
+  }
+
+  return variableFunctions.has(node.value.toLowerCase());
+}
+
+/**
+ * @param {valueParser.ParsedValue} parsed
+ * @return {boolean}
+ */
+function shouldAbort(parsed) {
+  let abort = false;
+
+  parsed.walk((node) => {
+    if (
+      node.type === 'comment' ||
+      isVariableFunctionNode(node) ||
+      (node.type === 'word' && node.value.includes(`___CSS_LOADER_IMPORT___`))
+    ) {
+      abort = true;
+
+      return false;
+    }
+  });
+
+  return abort;
+}
+
+/**
+ * @param {import('postcss').Declaration} decl
+ * @return {string}
+ */
+function getValue(decl) {
+  let { value, raws } = decl;
+
+  if (raws && raws.value && raws.value.raw) {
+    value = raws.value.raw;
+  }
+
+  return value;
+}
+/**
+ * @type {import('postcss').PluginCreator<void>}
+ * @return {import('postcss').Plugin}
+ */
+function pluginCreator() {
+  return {
+    postcssPlugin: 'postcss-ordered-values',
+    prepare() {
+      const cache = new Map();
+      return {
+        OnceExit(css) {
+          css.walkDecls((decl) => {
+            const lowerCasedProp = decl.prop.toLowerCase();
+            const normalizedProp = vendorUnprefixed(lowerCasedProp);
+            const processor = rules.get(normalizedProp);
+
+            if (!processor) {
+              return;
+            }
+
+            const value = getValue(decl);
+
+            if (cache.has(value)) {
+              decl.value = cache.get(value);
+
+              return;
+            }
+
+            const parsed = valueParser(value);
+
+            if (parsed.nodes.length < 2 || shouldAbort(parsed)) {
+              cache.set(value, value);
+
+              return;
+            }
+
+            const result = processor(parsed);
+
+            decl.value = result.toString();
+            cache.set(value, result.toString());
+          });
+        },
+      };
+    },
+  };
+}
+
+pluginCreator.postcss = true;
+module.exports = pluginCreator;

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/lib/addSpace.js

@@ -0,0 +1,8 @@
+'use strict';
+/** @return {import('postcss-value-parser').SpaceNode} */
+module.exports = function addSpace() {
+  return /** @type import('postcss-value-parser').SpaceNode */ ({
+    type: 'space',
+    value: ' ',
+  });
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/lib/getValue.js

@@ -0,0 +1,36 @@
+'use strict';
+const { stringify } = require('postcss-value-parser');
+
+/**
+ * @param {import('postcss-value-parser').Node[][]} values
+ * @return {string}
+ */
+module.exports = function getValue(values) {
+  return stringify(flatten(values));
+};
+/**
+ * @param {import('postcss-value-parser').Node[][]} values
+ * @return {import('postcss-value-parser').Node[]}
+ */
+function flatten(values) {
+  /** @type {import('postcss-value-parser').Node[]} */
+  const nodes = [];
+  for (const [index, arg] of values.entries()) {
+    arg.forEach((val, idx) => {
+      if (
+        idx === arg.length - 1 &&
+        index === values.length - 1 &&
+        val.type === 'space'
+      ) {
+        return;
+      }
+      nodes.push(val);
+    });
+
+    if (index !== values.length - 1) {
+      nodes[nodes.length - 1].type = 'div';
+      nodes[nodes.length - 1].value = ',';
+    }
+  }
+  return nodes;
+}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/lib/joinGridValue.js

@@ -0,0 +1,8 @@
+'use strict';
+/**
+ * @param {string[]} grid
+ * @return {string}
+ */
+module.exports = function joinGridVal(grid) {
+  return grid.join(' / ').trim();
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/lib/mathfunctions.js

@@ -0,0 +1,3 @@
+'use strict';
+// All of the curently implemented math functions
+module.exports = new Set(['calc', 'clamp', 'max', 'min']);

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/lib/vendorUnprefixed.js

@@ -0,0 +1,10 @@
+'use strict';
+/**
+ * @param {string} prop
+ * @return {string}
+ */
+function vendorUnprefixed(prop) {
+  return prop.replace(/^-\w+-/, '');
+}
+
+module.exports = vendorUnprefixed;

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/animation.js

@@ -0,0 +1,175 @@
+'use strict';
+const { unit } = require('postcss-value-parser');
+const { getArguments } = require('cssnano-utils');
+const addSpace = require('../lib/addSpace');
+const getValue = require('../lib/getValue');
+const mathFunctions = require('../lib/mathfunctions.js');
+
+// animation: [ none | <keyframes-name> ] || <time> || <single-timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state>
+const timingFunctions = new Set(['steps', 'cubic-bezier', 'frames']);
+const timingKeywords = new Set([
+  'ease',
+  'ease-in',
+  'ease-in-out',
+  'ease-out',
+  'linear',
+  'step-end',
+  'step-start',
+]);
+
+const directions = new Set([
+  'normal',
+  'reverse',
+  'alternate',
+  'alternate-reverse',
+]);
+const fillModes = new Set(['none', 'forwards', 'backwards', 'both']);
+const playStates = new Set(['running', 'paused']);
+const timeUnits = new Set(['ms', 's']);
+
+/**
+ * @param {string} value
+ * @param {import('postcss-value-parser').Node} node
+ * @return {false | import('postcss-value-parser').Dimension}
+ */
+function unitFromNode(value, node) {
+  if (node.type !== 'function') {
+    return unit(value);
+  }
+  if (mathFunctions.has(value)) {
+    // If it is a math function, it checks the unit of the parameter and returns it.
+    for (const param of node.nodes) {
+      const paramUnit = unitFromNode(param.value.toLowerCase(), param);
+      if (paramUnit && paramUnit.unit && paramUnit.unit !== '%') {
+        return paramUnit;
+      }
+    }
+  }
+  return false;
+}
+
+/**
+ * @param {string} value
+ * @param {import('postcss-value-parser').Node} node
+ * @return {boolean}
+ */
+const isTimingFunction = (value, { type }) => {
+  return (
+    (type === 'function' && timingFunctions.has(value)) ||
+    timingKeywords.has(value)
+  );
+};
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+const isDirection = (value) => {
+  return directions.has(value);
+};
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+const isFillMode = (value) => {
+  return fillModes.has(value);
+};
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+const isPlayState = (value) => {
+  return playStates.has(value);
+};
+/**
+ * @param {string} value
+ * @param {import('postcss-value-parser').Node} node
+ * @return {boolean}
+ */
+const isTime = (value, node) => {
+  const quantity = unitFromNode(value, node);
+
+  return quantity && timeUnits.has(quantity.unit);
+};
+/**
+ * @param {string} value
+ * @param {import('postcss-value-parser').Node} node
+ * @return {boolean}
+ */
+const isIterationCount = (value, node) => {
+  const quantity = unitFromNode(value, node);
+
+  return value === 'infinite' || (quantity && !quantity.unit);
+};
+
+const stateConditions = [
+  { property: 'duration', delegate: isTime },
+  { property: 'timingFunction', delegate: isTimingFunction },
+  { property: 'delay', delegate: isTime },
+  { property: 'iterationCount', delegate: isIterationCount },
+  { property: 'direction', delegate: isDirection },
+  { property: 'fillMode', delegate: isFillMode },
+  { property: 'playState', delegate: isPlayState },
+];
+/**
+ * @param {import('postcss-value-parser').Node[][]} args
+ * @return {import('postcss-value-parser').Node[][]}
+ */
+function normalize(args) {
+  const list = [];
+
+  for (const arg of args) {
+    /** @type {Record<string, import('postcss-value-parser').Node[]>} */
+    const state = {
+      name: [],
+      duration: [],
+      timingFunction: [],
+      delay: [],
+      iterationCount: [],
+      direction: [],
+      fillMode: [],
+      playState: [],
+    };
+
+    arg.forEach((node) => {
+      let { type, value } = node;
+
+      if (type === 'space') {
+        return;
+      }
+
+      value = value.toLowerCase();
+
+      const hasMatch = stateConditions.some(({ property, delegate }) => {
+        if (delegate(value, node) && !state[property].length) {
+          state[property] = [node, addSpace()];
+          return true;
+        }
+      });
+
+      if (!hasMatch) {
+        state.name = [...state.name, node, addSpace()];
+      }
+    });
+
+    list.push([
+      ...state.name,
+      ...state.duration,
+      ...state.timingFunction,
+      ...state.delay,
+      ...state.iterationCount,
+      ...state.direction,
+      ...state.fillMode,
+      ...state.playState,
+    ]);
+  }
+  return list;
+}
+/**
+ * @param {import('postcss-value-parser').ParsedValue} parsed
+ * @return {string}
+ */
+module.exports = function normalizeAnimation(parsed) {
+  const values = normalize(getArguments(parsed));
+
+  return getValue(values);
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/border.js

@@ -0,0 +1,60 @@
+'use strict';
+const { unit, stringify } = require('postcss-value-parser');
+const mathFunctions = require('../lib/mathfunctions.js');
+
+// border: <line-width> || <line-style> || <color>
+// outline: <outline-color> || <outline-style> || <outline-width>
+
+const borderWidths = new Set(['thin', 'medium', 'thick']);
+
+const borderStyles = new Set([
+  'none',
+  'auto', // only in outline-style
+  'hidden',
+  'dotted',
+  'dashed',
+  'solid',
+  'double',
+  'groove',
+  'ridge',
+  'inset',
+  'outset',
+]);
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} border
+ * @return {string}
+ */
+module.exports = function normalizeBorder(border) {
+  const order = { width: '', style: '', color: '' };
+
+  border.walk((node) => {
+    const { type, value } = node;
+    if (type === 'word') {
+      if (borderStyles.has(value.toLowerCase())) {
+        order.style = value;
+        return false;
+      }
+      if (borderWidths.has(value.toLowerCase()) || unit(value.toLowerCase())) {
+        if (order.width !== '') {
+          order.width = `${order.width} ${value}`;
+          return false;
+        }
+        order.width = value;
+        return false;
+      }
+      order.color = value;
+      return false;
+    }
+    if (type === 'function') {
+      if (mathFunctions.has(value.toLowerCase())) {
+        order.width = stringify(node);
+      } else {
+        order.color = stringify(node);
+      }
+      return false;
+    }
+  });
+
+  return `${order.width} ${order.style} ${order.color}`.trim();
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/boxShadow.js

@@ -0,0 +1,73 @@
+'use strict';
+const { unit } = require('postcss-value-parser');
+const { getArguments } = require('cssnano-utils');
+const addSpace = require('../lib/addSpace');
+const getValue = require('../lib/getValue');
+const mathFunctions = require('../lib/mathfunctions.js');
+const vendorUnprefixed = require('../lib/vendorUnprefixed.js');
+
+// box-shadow: inset? && <length>{2,4} && <color>?
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} parsed
+ * @return {string}
+ */
+module.exports = function normalizeBoxShadow(parsed) {
+  let args = getArguments(parsed);
+
+  const normalized = normalize(args);
+
+  if (normalized === false) {
+    return parsed.toString();
+  }
+
+  return getValue(normalized);
+};
+/**
+ * @param {import('postcss-value-parser').Node[][]} args
+ * @return {false | import('postcss-value-parser').Node[][]}
+ */
+function normalize(args) {
+  const list = [];
+  let abort = false;
+  for (const arg of args) {
+    /** @type {import('postcss-value-parser').Node[]} */
+    let val = [];
+    /** @type {Record<'inset'|'color', import('postcss-value-parser').Node[]>} */
+    let state = {
+      inset: [],
+      color: [],
+    };
+
+    arg.forEach((node) => {
+      const { type, value } = node;
+
+      if (
+        type === 'function' &&
+        mathFunctions.has(vendorUnprefixed(value.toLowerCase()))
+      ) {
+        abort = true;
+        return;
+      }
+
+      if (type === 'space') {
+        return;
+      }
+
+      if (unit(value)) {
+        val = [...val, node, addSpace()];
+      } else if (value.toLowerCase() === 'inset') {
+        state.inset = [...state.inset, node, addSpace()];
+      } else {
+        state.color = [...state.color, node, addSpace()];
+      }
+    });
+
+    if (abort) {
+      return false;
+    }
+
+    list.push([...state.inset, ...val, ...state.color]);
+  }
+  return list;
+}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/columns.js

@@ -0,0 +1,39 @@
+'use strict';
+const { unit } = require('postcss-value-parser');
+
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+function hasUnit(value) {
+  const parsedVal = unit(value);
+  return parsedVal && parsedVal.unit !== '';
+}
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} columns
+ * @return {import('postcss-value-parser').ParsedValue | string}
+ */
+module.exports = (columns) => {
+  /** @type {string[]} */
+  const widths = [];
+  /** @type {string[]} */
+  const other = [];
+  columns.walk((node) => {
+    const { type, value } = node;
+    if (type === 'word') {
+      if (hasUnit(value)) {
+        widths.push(value);
+      } else {
+        other.push(value);
+      }
+    }
+  });
+
+  // only transform if declaration is not invalid or a single value
+  if (other.length === 1 && widths.length === 1) {
+    return `${widths[0].trimStart()} ${other[0].trimStart()}`;
+  }
+
+  return columns;
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/flexFlow.js

@@ -0,0 +1,36 @@
+'use strict';
+// flex-flow: <flex-direction> || <flex-wrap>
+
+const flexDirection = new Set([
+  'row',
+  'row-reverse',
+  'column',
+  'column-reverse',
+]);
+
+const flexWrap = new Set(['nowrap', 'wrap', 'wrap-reverse']);
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} flexFlow
+ * @return {string}
+ */
+module.exports = function normalizeFlexFlow(flexFlow) {
+  let order = {
+    direction: '',
+    wrap: '',
+  };
+
+  flexFlow.walk(({ value }) => {
+    if (flexDirection.has(value.toLowerCase())) {
+      order.direction = value;
+      return;
+    }
+
+    if (flexWrap.has(value.toLowerCase())) {
+      order.wrap = value;
+      return;
+    }
+  });
+
+  return `${order.direction} ${order.wrap}`.trim();
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/grid.js

@@ -0,0 +1,100 @@
+'use strict';
+const joinGridValue = require('../lib/joinGridValue');
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} gridAutoFlow
+ * @return {import('postcss-value-parser').ParsedValue | string}
+ */
+const normalizeGridAutoFlow = (gridAutoFlow) => {
+  let newValue = { front: '', back: '' };
+  let shouldNormalize = false;
+  gridAutoFlow.walk((node) => {
+    if (node.value === 'dense') {
+      shouldNormalize = true;
+      newValue.back = node.value;
+    } else if (['row', 'column'].includes(node.value.trim().toLowerCase())) {
+      shouldNormalize = true;
+      newValue.front = node.value;
+    } else {
+      shouldNormalize = false;
+    }
+  });
+  if (shouldNormalize) {
+    return `${newValue.front.trim()} ${newValue.back.trim()}`;
+  }
+  return gridAutoFlow;
+};
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} gridGap
+ * @return {import('postcss-value-parser').ParsedValue | string}
+ */
+const normalizeGridColumnRowGap = (gridGap) => {
+  let newValue = { front: '', back: '' };
+  let shouldNormalize = false;
+  gridGap.walk((node) => {
+    // console.log(node);
+    if (node.value === 'normal') {
+      shouldNormalize = true;
+      newValue.front = node.value;
+    } else {
+      newValue.back = `${newValue.back} ${node.value}`;
+    }
+  });
+  if (shouldNormalize) {
+    return `${newValue.front.trim()} ${newValue.back.trim()}`;
+  }
+  return gridGap;
+};
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} grid
+ * @return {string | string[]}
+ */
+const normalizeGridColumnRow = (grid) => {
+  // cant do normalization here using node, so copy it as a string
+  let gridValue = grid.toString().split('/'); // node -> string value, split ->  " 2 / 3 span " ->  [' 2','3 span ']
+  if (gridValue.length > 1) {
+    return joinGridValue(
+      gridValue.map((gridLine) => {
+        let normalizeValue = {
+          front: '',
+          back: '',
+        };
+        gridLine = gridLine.trim(); // '3 span ' -> '3 span'
+        gridLine.split(' ').forEach((node) => {
+          // ['3','span']
+          if (node === 'span') {
+            normalizeValue.front = node; // span _
+          } else {
+            normalizeValue.back = `${normalizeValue.back} ${node}`; // _ 3
+          }
+        });
+        return `${normalizeValue.front.trim()} ${normalizeValue.back.trim()}`; // span 3
+      })
+      // returns "2 / span 3"
+    );
+  }
+  // doing this separating if `/` is not present as while joining('/') , it will add `/` at the end
+  return gridValue.map((gridLine) => {
+    let normalizeValue = {
+      front: '',
+      back: '',
+    };
+    gridLine = gridLine.trim();
+    gridLine.split(' ').forEach((node) => {
+      if (node === 'span') {
+        normalizeValue.front = node;
+      } else {
+        normalizeValue.back = `${normalizeValue.back} ${node}`;
+      }
+    });
+    return `${normalizeValue.front.trim()} ${normalizeValue.back.trim()}`;
+  });
+};
+
+module.exports = {
+  normalizeGridAutoFlow,
+  normalizeGridColumnRowGap,
+  normalizeGridColumnRow,
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/listStyle.js

@@ -0,0 +1,44 @@
+'use strict';
+const valueParser = require('postcss-value-parser');
+const listStyleTypes = require('./listStyleTypes.json');
+
+const definedTypes = new Set(listStyleTypes['list-style-type']);
+
+const definedPosition = new Set(['inside', 'outside']);
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} listStyle
+ * @return {string}
+ */
+module.exports = function listStyleNormalizer(listStyle) {
+  const order = { type: '', position: '', image: '' };
+
+  listStyle.walk((decl) => {
+    if (decl.type === 'word') {
+      if (definedTypes.has(decl.value)) {
+        // its a type field
+        order.type = `${order.type} ${decl.value}`;
+      } else if (definedPosition.has(decl.value)) {
+        order.position = `${order.position} ${decl.value}`;
+      } else if (decl.value === 'none') {
+        if (
+          order.type
+            .split(' ')
+            .filter((e) => e !== '' && e !== ' ')
+            .includes('none')
+        ) {
+          order.image = `${order.image} ${decl.value}`;
+        } else {
+          order.type = `${order.type} ${decl.value}`;
+        }
+      } else {
+        order.type = `${order.type} ${decl.value}`;
+      }
+    }
+    if (decl.type === 'function') {
+      order.image = `${order.image} ${valueParser.stringify(decl)}`;
+    }
+  });
+
+  return `${order.type.trim()} ${order.position.trim()} ${order.image.trim()}`.trim();
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/listStyleTypes.json

@@ -0,0 +1,102 @@
+{
+  "list-style-type": [
+    "afar",
+    "amharic",
+    "amharic-abegede",
+    "arabic-indic",
+    "armenian",
+    "asterisks",
+    "bengali",
+    "binary",
+    "cambodian",
+    "circle",
+    "cjk-decimal",
+    "cjk-earthly-branch",
+    "cjk-heavenly-stem",
+    "cjk-ideographic",
+    "decimal",
+    "decimal-leading-zero",
+    "devanagari",
+    "disc",
+    "disclosure-closed",
+    "disclosure-open",
+    "ethiopic",
+    "ethiopic-abegede",
+    "ethiopic-abegede-am-et",
+    "ethiopic-abegede-gez",
+    "ethiopic-abegede-ti-er",
+    "ethiopic-abegede-ti-et",
+    "ethiopic-halehame",
+    "ethiopic-halehame-aa-er",
+    "ethiopic-halehame-aa-et",
+    "ethiopic-halehame-am",
+    "ethiopic-halehame-am-et",
+    "ethiopic-halehame-gez",
+    "ethiopic-halehame-om-et",
+    "ethiopic-halehame-sid-et",
+    "ethiopic-halehame-so-et",
+    "ethiopic-halehame-ti-er",
+    "ethiopic-halehame-ti-et",
+    "ethiopic-halehame-tig",
+    "ethiopic-numeric",
+    "footnotes",
+    "georgian",
+    "gujarati",
+    "gurmukhi",
+    "hangul",
+    "hangul-consonant",
+    "hebrew",
+    "hiragana",
+    "hiragana-iroha",
+    "japanese-formal",
+    "japanese-informal",
+    "kannada",
+    "katakana",
+    "katakana-iroha",
+    "khmer",
+    "korean-hangul-formal",
+    "korean-hanja-formal",
+    "korean-hanja-informal",
+    "lao",
+    "lower-alpha",
+    "lower-armenian",
+    "lower-greek",
+    "lower-hexadecimal",
+    "lower-latin",
+    "lower-norwegian",
+    "lower-roman",
+    "malayalam",
+    "mongolian",
+    "myanmar",
+    "octal",
+    "oriya",
+    "oromo",
+    "persian",
+    "sidama",
+    "simp-chinese-formal",
+    "simp-chinese-informal",
+    "somali",
+    "square",
+    "string",
+    "symbols",
+    "tamil",
+    "telugu",
+    "thai",
+    "tibetan",
+    "tigre",
+    "tigrinya-er",
+    "tigrinya-er-abegede",
+    "tigrinya-et",
+    "tigrinya-et-abegede",
+    "trad-chinese-formal",
+    "trad-chinese-informal",
+    "upper-alpha",
+    "upper-armenian",
+    "upper-greek",
+    "upper-hexadecimal",
+    "upper-latin",
+    "upper-norwegian",
+    "upper-roman",
+    "urdu"
+  ]
+}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/src/rules/transition.js

@@ -0,0 +1,76 @@
+'use strict';
+const { unit } = require('postcss-value-parser');
+const { getArguments } = require('cssnano-utils');
+const addSpace = require('../lib/addSpace');
+const getValue = require('../lib/getValue');
+
+// transition: [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>
+
+const timingFunctions = new Set([
+  'ease',
+  'linear',
+  'ease-in',
+  'ease-out',
+  'ease-in-out',
+  'step-start',
+  'step-end',
+]);
+
+/**
+ * @param {import('postcss-value-parser').Node[][]} args
+ * @return {import('postcss-value-parser').Node[][]}
+ */
+function normalize(args) {
+  const list = [];
+  for (const arg of args) {
+    /** @type {Record<string, import('postcss-value-parser').Node[]>} */
+    let state = {
+      timingFunction: [],
+      property: [],
+      time1: [],
+      time2: [],
+    };
+
+    arg.forEach((node) => {
+      const { type, value } = node;
+
+      if (type === 'space') {
+        return;
+      }
+
+      if (
+        type === 'function' &&
+        new Set(['steps', 'cubic-bezier']).has(value.toLowerCase())
+      ) {
+        state.timingFunction = [...state.timingFunction, node, addSpace()];
+      } else if (unit(value)) {
+        if (!state.time1.length) {
+          state.time1 = [...state.time1, node, addSpace()];
+        } else {
+          state.time2 = [...state.time2, node, addSpace()];
+        }
+      } else if (timingFunctions.has(value.toLowerCase())) {
+        state.timingFunction = [...state.timingFunction, node, addSpace()];
+      } else {
+        state.property = [...state.property, node, addSpace()];
+      }
+    });
+
+    list.push([
+      ...state.property,
+      ...state.time1,
+      ...state.timingFunction,
+      ...state.time2,
+    ]);
+  }
+  return list;
+}
+/**
+ * @param {import('postcss-value-parser').ParsedValue} parsed
+ * @return {string}
+ */
+module.exports = function normalizeTransition(parsed) {
+  const values = normalize(getArguments(parsed));
+
+  return getValue(values);
+};

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/index.d.ts

@@ -0,0 +1,10 @@
+export = pluginCreator;
+/**
+ * @type {import('postcss').PluginCreator<void>}
+ * @return {import('postcss').Plugin}
+ */
+declare function pluginCreator(): import("postcss").Plugin;
+declare namespace pluginCreator {
+    let postcss: true;
+}
+//# sourceMappingURL=index.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";AAkHA;;;GAGG;AACH,kCAFY,OAAO,SAAS,EAAE,MAAM,CA2CnC"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/addSpace.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(): import("postcss-value-parser").SpaceNode;
+export = _exports;
+//# sourceMappingURL=addSpace.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/addSpace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addSpace.d.ts","sourceRoot":"","sources":["../../src/lib/addSpace.js"],"names":[],"mappings":"AAEiB,6BADJ,OAAO,sBAAsB,EAAE,SAAS,CAMpD"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/getValue.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(values: import("postcss-value-parser").Node[][]): string;
+export = _exports;
+//# sourceMappingURL=getValue.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/getValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValue.d.ts","sourceRoot":"","sources":["../../src/lib/getValue.js"],"names":[],"mappings":"AAOiB,kCAHN,OAAO,sBAAsB,EAAE,IAAI,EAAE,EAAE,GACtC,MAAM,CAIjB"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/joinGridValue.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(grid: string[]): string;
+export = _exports;
+//# sourceMappingURL=joinGridValue.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/joinGridValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"joinGridValue.d.ts","sourceRoot":"","sources":["../../src/lib/joinGridValue.js"],"names":[],"mappings":"AAKiB,gCAHN,MAAM,EAAE,GACP,MAAM,CAIjB"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/mathfunctions.d.ts

@@ -0,0 +1,3 @@
+declare const _exports: Set<string>;
+export = _exports;
+//# sourceMappingURL=mathfunctions.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/mathfunctions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mathfunctions.d.ts","sourceRoot":"","sources":["../../src/lib/mathfunctions.js"],"names":[],"mappings":""}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/vendorUnprefixed.d.ts

@@ -0,0 +1,7 @@
+export = vendorUnprefixed;
+/**
+ * @param {string} prop
+ * @return {string}
+ */
+declare function vendorUnprefixed(prop: string): string;
+//# sourceMappingURL=vendorUnprefixed.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/lib/vendorUnprefixed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendorUnprefixed.d.ts","sourceRoot":"","sources":["../../src/lib/vendorUnprefixed.js"],"names":[],"mappings":";AACA;;;GAGG;AACH,wCAHW,MAAM,GACL,MAAM,CAIjB"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/animation.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(parsed: import("postcss-value-parser").ParsedValue): string;
+export = _exports;
+//# sourceMappingURL=animation.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/rules/animation.js"],"names":[],"mappings":"AA0KiB,kCAHN,OAAO,sBAAsB,EAAE,WAAW,GACzC,MAAM,CAMjB"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/border.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(border: import("postcss-value-parser").ParsedValue): string;
+export = _exports;
+//# sourceMappingURL=border.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../src/rules/border.js"],"names":[],"mappings":"AA2BiB,kCAHN,OAAO,sBAAsB,EAAE,WAAW,GACzC,MAAM,CAkCjB"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/boxShadow.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(parsed: import("postcss-value-parser").ParsedValue): string;
+export = _exports;
+//# sourceMappingURL=boxShadow.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/boxShadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boxShadow.d.ts","sourceRoot":"","sources":["../../src/rules/boxShadow.js"],"names":[],"mappings":"AAciB,kCAHN,OAAO,sBAAsB,EAAE,WAAW,GACzC,MAAM,CAYjB"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/columns.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(columns: import("postcss-value-parser").ParsedValue): import("postcss-value-parser").ParsedValue | string;
+export = _exports;
+//# sourceMappingURL=columns.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../src/rules/columns.js"],"names":[],"mappings":"AAgBiB,mCAHN,OAAO,sBAAsB,EAAE,WAAW,GACzC,OAAO,sBAAsB,EAAE,WAAW,GAAG,MAAM,CAwB9D"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/flexFlow.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(flexFlow: import("postcss-value-parser").ParsedValue): string;
+export = _exports;
+//# sourceMappingURL=flexFlow.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/flexFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flexFlow.d.ts","sourceRoot":"","sources":["../../src/rules/flexFlow.js"],"names":[],"mappings":"AAgBiB,oCAHN,OAAO,sBAAsB,EAAE,WAAW,GACzC,MAAM,CAqBjB"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/grid.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @param {import('postcss-value-parser').ParsedValue} gridAutoFlow
+ * @return {import('postcss-value-parser').ParsedValue | string}
+ */
+export function normalizeGridAutoFlow(gridAutoFlow: import("postcss-value-parser").ParsedValue): import("postcss-value-parser").ParsedValue | string;
+/**
+ * @param {import('postcss-value-parser').ParsedValue} gridGap
+ * @return {import('postcss-value-parser').ParsedValue | string}
+ */
+export function normalizeGridColumnRowGap(gridGap: import("postcss-value-parser").ParsedValue): import("postcss-value-parser").ParsedValue | string;
+/**
+ * @param {import('postcss-value-parser').ParsedValue} grid
+ * @return {string | string[]}
+ */
+export function normalizeGridColumnRow(grid: import("postcss-value-parser").ParsedValue): string | string[];
+//# sourceMappingURL=grid.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/rules/grid.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,oDAHW,OAAO,sBAAsB,EAAE,WAAW,GACzC,OAAO,sBAAsB,EAAE,WAAW,GAAG,MAAM,CAoB9D;AAED;;;GAGG;AACH,mDAHW,OAAO,sBAAsB,EAAE,WAAW,GACzC,OAAO,sBAAsB,EAAE,WAAW,GAAG,MAAM,CAkB9D;AAED;;;GAGG;AACH,6CAHW,OAAO,sBAAsB,EAAE,WAAW,GACzC,MAAM,GAAG,MAAM,EAAE,CA0C5B"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/listStyle.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(listStyle: import("postcss-value-parser").ParsedValue): string;
+export = _exports;
+//# sourceMappingURL=listStyle.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/listStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listStyle.d.ts","sourceRoot":"","sources":["../../src/rules/listStyle.js"],"names":[],"mappings":"AAYiB,qCAHN,OAAO,sBAAsB,EAAE,WAAW,GACzC,MAAM,CAiCjB"}

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/transition.d.ts

@@ -0,0 +1,3 @@
+declare function _exports(parsed: import("postcss-value-parser").ParsedValue): string;
+export = _exports;
+//# sourceMappingURL=transition.d.ts.map

examples/nuxt3-websocket-client/node_modules/postcss-ordered-values/types/rules/transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/rules/transition.js"],"names":[],"mappings":"AAuEiB,kCAHN,OAAO,sBAAsB,EAAE,WAAW,GACzC,MAAM,CAMjB"}