dealposbarcode 1.3.8 → 1.4.0

package/{barcode/assets → assets}/css/toastr-bootstrap-5.scss

@@ -1,237 +1,237 @@
-$theme-color-interval: 8% !default;
-
-// Position
-.toast-center-center {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.toast-top-center {
-  top: 0;
-  right: 0;
-  width: 100%;
-}
-.toast-bottom-center {
-  bottom: 0;
-  right: 0;
-  width: 100%;
-}
-.toast-top-full-width {
-  top: 0;
-  right: 0;
-  width: 100%;
-}
-.toast-bottom-full-width {
-  bottom: 0;
-  right: 0;
-  width: 100%;
-}
-.toast-top-left {
-  top: 12px;
-  left: 12px;
-}
-.toast-top-right {
-  top: 12px;
-  right: 12px;
-}
-.toast-bottom-right {
-  right: 12px;
-  bottom: 12px;
-}
-.toast-bottom-left {
-  bottom: 12px;
-  left: 12px;
-}
-.toast-container.toast-top-center .ngx-toastr,
-.toast-container.toast-bottom-center .ngx-toastr {
-  width: 300px;
-  margin-left: auto;
-  margin-right: auto;
-}
-.toast-container.toast-top-full-width .ngx-toastr,
-.toast-container.toast-bottom-full-width .ngx-toastr {
-  width: 96%;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-// Toast
-.toast-container {
-  pointer-events: none;
-  position: fixed;
-  z-index: 999999;
-
-  .ngx-toastr {
-    @include border-radius($alert-border-radius);
-    position: relative;
-    overflow: hidden;
-    margin: 0 0 6px;
-    padding: 0.75rem 1.25rem 0.75rem 50px;
-    width: 300px;
-    background-position: 15px center;
-    background-repeat: no-repeat;
-    background-size: 24px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
-    pointer-events: auto;
-
-    .toast-title {
-      font-weight: bold;
-    }
-    .toast-message {
-      word-wrap: break-word;
-    }
-    .toast-message a:hover {
-      text-decoration: underline;
-    }
-    .toast-close-button {
-      position: relative;
-      right: -0.3em;
-      top: -0.3em;
-      float: right;
-      font-size: 20px;
-      font-weight: bold;
-      color: inherit;
-      text-shadow: 0 1px 0 #fff;
-      opacity: 0.5;
-      background: transparent;
-      border: 0;
-      padding: 0;
-    }
-    .toast-progress {
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      height: 4px;
-      background-color: #000000;
-      opacity: 0.3;
-    }
-    .toast-close-button:hover,
-    .toast-close-button:focus {
-      color: #000000;
-      text-decoration: none;
-      cursor: pointer;
-      opacity: 0.75;
-    }
-  }
-  .ngx-toastr:hover {
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-    opacity: 1;
-    cursor: pointer;
-  }
-}
-
-@function str-split($string, $separator) {
-  $split-arr: ();
-  // first index of separator in string
-  $index: str-index($string, $separator);
-  // loop through string
-  @while $index != null {
-    // get the substring from the first character to the separator
-    $item: str-slice($string, 1, $index - 1);
-    // push item to array
-    $split-arr: append($split-arr, $item);
-    // remove item and separator from string
-    $string: str-slice($string, $index + 1);
-    // find new index of separator
-    $index: str-index($string, $separator);
-  }
-  // add the remaining string to list (the last item)
-  $split-arr: append($split-arr, $string);
-
-  @return $split-arr;
-}
-
-@function svg-factory($fill-color, $viewbox, $path) {
-  $split: str-split($viewbox, " ");
-  $width: nth($split, 3);
-  $height: nth($split, 4);
-
-  // opacity is 0.9999 otherwise it uses a hex equivelent
-  // firefox requires fill rgb
-  @return "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='" + $viewbox +
-    "' width='" + $width + "' height='" + $height + "'%3E%3Cpath fill='" +
-    rgba($fill-color, 0.999999) + "' d='" + $path + "'/%3E%3C/svg%3E";
-}
-@function svg-encode($svg) {
-  @return "data:image/svg+xml;charset=utf8," + $svg;
-}
-.toast-success {
-  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/check.svg */
-  background-image: url(svg-encode(
-    svg-factory(
-      shift-color($success, 6 * $theme-color-interval),
-      "0 0 512 512",
-      "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
-    )
-  ));
-  color: shift-color($success, 6 * $theme-color-interval);
-  background-color: shift-color($success, -10 * $theme-color-interval);
-  border: 1px solid shift-color($success, -9 * $theme-color-interval);
-}
-.toast-error {
-  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/times-circle.svg */
-  background-image: url(svg-encode(
-    svg-factory(
-      shift-color($danger, 6 * $theme-color-interval),
-      "0 0 512 512",
-      "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
-    )
-  ));
-  color: shift-color($danger, 6 * $theme-color-interval);
-  background-color: shift-color($danger, -10 * $theme-color-interval);
-  border: 1px solid shift-color($danger, -9 * $theme-color-interval);
-}
-.toast-info {
-  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/info-circle.svg */
-  background-image: url(svg-encode(
-    svg-factory(
-      shift-color($info, 6 * $theme-color-interval),
-      "0 0 512 512",
-      "M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
-    )
-  ));
-  color: shift-color($info, 6 * $theme-color-interval);
-  background-color: shift-color($info, -10 * $theme-color-interval);
-  border: 1px solid shift-color($info, -9 * $theme-color-interval);
-}
-.toast-warning {
-  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/exclamation-triangle.svg */
-  background-image: url(svg-encode(
-    svg-factory(
-      shift-color($warning, 6 * $theme-color-interval),
-      "0 0 576 512",
-      "M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-    )
-  ));
-  color: shift-color($warning, 6 * $theme-color-interval);
-  background-color: shift-color($warning, -10 * $theme-color-interval);
-  border: 1px solid shift-color($warning, -9 * $theme-color-interval);
-}
-
-// Responsive Design
-@media all and (max-width: 240px) {
-  .toast-container .ngx-toastr.div {
-    padding: 8px 8px 8px 50px;
-    width: 11em;
-  }
-  .toast-container .toast-close-button {
-    right: -0.2em;
-    top: -0.2em;
-  }
-}
-@media all and (min-width: 241px) and (max-width: 480px) {
-  .toast-container .ngx-toastr.div {
-    padding: 8px 8px 8px 50px;
-    width: 18em;
-  }
-  .toast-container .toast-close-button {
-    right: -0.2em;
-    top: -0.2em;
-  }
-}
-@media all and (min-width: 481px) and (max-width: 768px) {
-  .toast-container .ngx-toastr.div {
-    padding: 15px 15px 15px 50px;
-    width: 25em;
-  }
-}
+$theme-color-interval: 8% !default;
+
+// Position
+.toast-center-center {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.toast-top-center {
+  top: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-bottom-center {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-top-full-width {
+  top: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-bottom-full-width {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-top-left {
+  top: 12px;
+  left: 12px;
+}
+.toast-top-right {
+  top: 12px;
+  right: 12px;
+}
+.toast-bottom-right {
+  right: 12px;
+  bottom: 12px;
+}
+.toast-bottom-left {
+  bottom: 12px;
+  left: 12px;
+}
+.toast-container.toast-top-center .ngx-toastr,
+.toast-container.toast-bottom-center .ngx-toastr {
+  width: 300px;
+  margin-left: auto;
+  margin-right: auto;
+}
+.toast-container.toast-top-full-width .ngx-toastr,
+.toast-container.toast-bottom-full-width .ngx-toastr {
+  width: 96%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Toast
+.toast-container {
+  pointer-events: none;
+  position: fixed;
+  z-index: 999999;
+
+  .ngx-toastr {
+    @include border-radius($alert-border-radius);
+    position: relative;
+    overflow: hidden;
+    margin: 0 0 6px;
+    padding: 0.75rem 1.25rem 0.75rem 50px;
+    width: 300px;
+    background-position: 15px center;
+    background-repeat: no-repeat;
+    background-size: 24px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
+    pointer-events: auto;
+
+    .toast-title {
+      font-weight: bold;
+    }
+    .toast-message {
+      word-wrap: break-word;
+    }
+    .toast-message a:hover {
+      text-decoration: underline;
+    }
+    .toast-close-button {
+      position: relative;
+      right: -0.3em;
+      top: -0.3em;
+      float: right;
+      font-size: 20px;
+      font-weight: bold;
+      color: inherit;
+      text-shadow: 0 1px 0 #fff;
+      opacity: 0.5;
+      background: transparent;
+      border: 0;
+      padding: 0;
+    }
+    .toast-progress {
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      height: 4px;
+      background-color: #000000;
+      opacity: 0.3;
+    }
+    .toast-close-button:hover,
+    .toast-close-button:focus {
+      color: #000000;
+      text-decoration: none;
+      cursor: pointer;
+      opacity: 0.75;
+    }
+  }
+  .ngx-toastr:hover {
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+    opacity: 1;
+    cursor: pointer;
+  }
+}
+
+@function str-split($string, $separator) {
+  $split-arr: ();
+  // first index of separator in string
+  $index: str-index($string, $separator);
+  // loop through string
+  @while $index != null {
+    // get the substring from the first character to the separator
+    $item: str-slice($string, 1, $index - 1);
+    // push item to array
+    $split-arr: append($split-arr, $item);
+    // remove item and separator from string
+    $string: str-slice($string, $index + 1);
+    // find new index of separator
+    $index: str-index($string, $separator);
+  }
+  // add the remaining string to list (the last item)
+  $split-arr: append($split-arr, $string);
+
+  @return $split-arr;
+}
+
+@function svg-factory($fill-color, $viewbox, $path) {
+  $split: str-split($viewbox, " ");
+  $width: nth($split, 3);
+  $height: nth($split, 4);
+
+  // opacity is 0.9999 otherwise it uses a hex equivelent
+  // firefox requires fill rgb
+  @return "%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='" + $viewbox +
+    "' width='" + $width + "' height='" + $height + "'%3E%3Cpath fill='" +
+    rgba($fill-color, 0.999999) + "' d='" + $path + "'/%3E%3C/svg%3E";
+}
+@function svg-encode($svg) {
+  @return "data:image/svg+xml;charset=utf8," + $svg;
+}
+.toast-success {
+  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/check.svg */
+  background-image: url(svg-encode(
+    svg-factory(
+      shift-color($success, 6 * $theme-color-interval),
+      "0 0 512 512",
+      "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+    )
+  ));
+  color: shift-color($success, 6 * $theme-color-interval);
+  background-color: shift-color($success, -10 * $theme-color-interval);
+  border: 1px solid shift-color($success, -9 * $theme-color-interval);
+}
+.toast-error {
+  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/times-circle.svg */
+  background-image: url(svg-encode(
+    svg-factory(
+      shift-color($danger, 6 * $theme-color-interval),
+      "0 0 512 512",
+      "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
+    )
+  ));
+  color: shift-color($danger, 6 * $theme-color-interval);
+  background-color: shift-color($danger, -10 * $theme-color-interval);
+  border: 1px solid shift-color($danger, -9 * $theme-color-interval);
+}
+.toast-info {
+  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/info-circle.svg */
+  background-image: url(svg-encode(
+    svg-factory(
+      shift-color($info, 6 * $theme-color-interval),
+      "0 0 512 512",
+      "M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
+    )
+  ));
+  color: shift-color($info, 6 * $theme-color-interval);
+  background-color: shift-color($info, -10 * $theme-color-interval);
+  border: 1px solid shift-color($info, -9 * $theme-color-interval);
+}
+.toast-warning {
+  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/exclamation-triangle.svg */
+  background-image: url(svg-encode(
+    svg-factory(
+      shift-color($warning, 6 * $theme-color-interval),
+      "0 0 576 512",
+      "M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
+    )
+  ));
+  color: shift-color($warning, 6 * $theme-color-interval);
+  background-color: shift-color($warning, -10 * $theme-color-interval);
+  border: 1px solid shift-color($warning, -9 * $theme-color-interval);
+}
+
+// Responsive Design
+@media all and (max-width: 240px) {
+  .toast-container .ngx-toastr.div {
+    padding: 8px 8px 8px 50px;
+    width: 11em;
+  }
+  .toast-container .toast-close-button {
+    right: -0.2em;
+    top: -0.2em;
+  }
+}
+@media all and (min-width: 241px) and (max-width: 480px) {
+  .toast-container .ngx-toastr.div {
+    padding: 8px 8px 8px 50px;
+    width: 18em;
+  }
+  .toast-container .toast-close-button {
+    right: -0.2em;
+    top: -0.2em;
+  }
+}
+@media all and (min-width: 481px) and (max-width: 768px) {
+  .toast-container .ngx-toastr.div {
+    padding: 15px 15px 15px 50px;
+    width: 25em;
+  }
+}

package/{barcode/index.html → index.html}

@@ -1,24 +1,23 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>DEALPOS Product Barcode Generator - Aplikasi Kasir / Point of Sale for retail business</title>
-  <base href="/">
-  <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate">
-  <meta http-equiv="Pragma" content="no-cache">
-  <meta http-equiv="Expires" content="0">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="DEALPOS Product Barcode Generator - Aplikasi Kasir / Point of Sale for retail business">
-  <meta name="keywords" content="Barcode, DealPOS, POS">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link rel="preconnect" href="https://fonts.gstatic.com">
-  <link href="https:////fonts.googleapis.com/css?family=Roboto:300,400,700|Roboto+Slab:400,700" rel="stylesheet">
-  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">
-  <link rel="manifest" href="manifest.webmanifest">
-  <meta name="theme-color" content="#1976d2">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.8/barcode/styles.css"></head>
-<body>
-  <app-root></app-root>
-  <noscript>Please enable JavaScript to continue using this application.</noscript>
-<script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.8/barcode/runtime.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.8/barcode/polyfills.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.8/barcode/vendor.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.3.8/barcode/main.js" type="module"></script></body>
-</html>
+<!DOCTYPE html><html lang="en"><head>
+  <meta charset="utf-8">
+  <title>DEALPOS Product Barcode Generator - Aplikasi Kasir / Point of Sale for retail business</title>
+  <base href="/">
+  <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate">
+  <meta http-equiv="Pragma" content="no-cache">
+  <meta http-equiv="Expires" content="0">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="DEALPOS Product Barcode Generator - Aplikasi Kasir / Point of Sale for retail business">
+  <meta name="keywords" content="Barcode, DealPOS, POS">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https:////fonts.googleapis.com/css?family=Roboto:300,400,700|Roboto+Slab:400,700" rel="stylesheet">
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">
+  <link rel="manifest" href="manifest.webmanifest">
+  <meta name="theme-color" content="#1976d2">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dealposbarcode@1.4.0/barcodestyles.190cdb80d8bf56e0.css"></head>
+<body>
+  <app-root></app-root>
+  <noscript>Please enable JavaScript to continue using this application.</noscript>
+<script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.4.0/barcoderuntime.7ee318550a075ff2.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.4.0/barcodepolyfills.24f9e567328321c8.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/dealposbarcode@1.4.0/barcodemain.52f922e4138d5416.js" type="module"></script>
+
+</body></html>