@talrace/ngx-noder 0.0.2

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@talrace/ngx-noder",
+  "version": "0.0.2",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^17.0.4",
+    "@angular/core": "^17.0.4",
+    "@angular/forms": "^17.0.4",
+    "@angular/material": "^17.0.1",
+    "@angular/router": "^17.0.4",
+    "@ngxs/router-plugin": "^3.8.2",
+    "@ngxs/store": "^3.8.2",
+    "material-icons": "^1.13.12",
+    "ngx-colors": "^3.5.2",
+    "ngx-toastr": "^18.0.0",
+    "roboto-fontface": "0.10.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/talrace-ngx-noder.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/talrace-ngx-noder.mjs",
+      "esm": "./esm2022/talrace-ngx-noder.mjs",
+      "default": "./fesm2022/talrace-ngx-noder.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,42 @@
+export * from './lib/+shared/constants/default-file-name.const';
+export * from './lib/+shared/constants/paginator-sizes.const';
+export * from './lib/+shared/editor/core/constants/document-info.const';
+export * from './lib/+shared/editor/core/constants/editor.const';
+export * from './lib/+shared/editor/core/enums/break-types.enum';
+export * from './lib/+shared/editor/core/enums/page-type.enum';
+export * from './lib/+shared/editor/core/helpers/dom.helper';
+export * from './lib/+shared/editor/core/helpers/format-style.helper';
+export * from './lib/+shared/editor/core/interfaces/toolbar-styles.interface';
+export * from './lib/+shared/editor/custom-components/external-element/models/element-data.model';
+export * from './lib/+shared/editor/custom-components/external-element/models/external-element.model';
+export * from './lib/+shared/editor/custom-components/external-element/external.component';
+export * from './lib/+shared/editor/custom-components/external-element/external-element.service';
+export * from './lib/+shared/editor/custom-components/external-element/external-sidenav.interface';
+export * from './lib/+shared/editor/custom-components/image/services/image-api.service';
+export * from './lib/+shared/editor/custom-components/shared/abstract/base.component';
+export * from './lib/+shared/editor/interaction/editor.service';
+export * from './lib/+shared/editor/operation-history/operations-history-info.model';
+export * from './lib/+shared/editor/operations/enums/command-type.enum';
+export * from './lib/+shared/editor/store/editor.actions';
+export * from './lib/+shared/editor/editor.component';
+export * from './lib/+shared/editor/editor.module';
+export * from './lib/+shared/editor-header/editor-header.component';
+export * from './lib/+shared/editor-search/editor-search-dialog.component';
+export * from './lib/+shared/editor-toolbar/enums/alignment.enum';
+export * from './lib/+shared/editor-toolbar/editor-toolbar.component';
+export * from './lib/+shared/editor-toolbar/editor-toolbar.module';
+export * from './lib/+shared/enums/mode.enum';
+export * from './lib/+shared/confirm-dialog/confirm-dialog.component';
+export * from './lib/models/generated/command.model';
+export * from './lib/models/generated/document.model';
+export * from './lib/models/generated/document-name.model';
+export * from './lib/models/generated/docx.model';
+export * from './lib/models/generated/element.model';
+export * from './lib/models/generated/file-source.model';
+export * from './lib/models/generated/image-data.model';
+export * from './lib/models/generated/last-document-revision.model';
+export * from './lib/models/generated/numbering-level.model';
+export * from './lib/models/generated/operation.model';
+export * from './lib/models/generated/paragraph-style.model';
+export * from './lib/models/generated/revision.model';
+export * from './lib/models/generated/text-style.model';

package/src/_ngx-noder.theme.scss

@@ -0,0 +1,22 @@
+@use '@angular/material' as mat;
+@import 'lib/+shared/add-link-dialog/add-link-dialog.theme';
+@import 'lib/+shared/editor/theme';
+@import 'lib/+shared/editor-toolbar/theme';
+@import 'lib/+shared/editor-header/editor-header.theme';
+@import 'lib/+shared/confirm-dialog/theme';
+@import 'lib/+shared/insert-table/insert-table.theme';
+@import 'scss/mixins';
+
+@mixin ngx-noder-theme($theme) {
+    $font-family: roboto, helvetica, neue, 'Helvetica', Arial, sans-serif;
+    $custom-typography: mat.define-typography-config($font-family: $font-family);
+    @include mat.all-component-typographies($custom-typography);
+    @include add-link-dialog-component($theme);
+    @include form-field-theme($theme);
+    @include editor-theme($theme);
+    @include editor-toolbar-theme($theme);
+    @include editor-header-component-theme($theme);
+    @include confirm-dialog-theme($theme);
+    @include insert-table-component($theme);
+    @include scrollbar-theme($theme);
+}

package/src/assets/fonts/nc-iconfont.css

@@ -0,0 +1,333 @@
+/* stylelint-disable font-family-name-quotes */
+/* stylelint-disable selector-pseudo-element-colon-notation */
+/* stylelint-disable rule-empty-line-before */
+
+@font-face {
+    font-family: 'nc-iconfont';
+    src: url('nc-iconfont.eot');
+    src: url('nc-iconfont.eot') format('embedded-opentype'),
+        url('nc-iconfont.ttf') format('truetype'),
+        url('nc-iconfont.woff') format('woff'),
+        url('nc-iconfont.svg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: block;
+}
+
+.nc-icon {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'nc-iconfont', sans-serif !important;
+    speak: never;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-person:before {
+  content: "\e960";
+}
+.icon-upload:before {
+  content: "\e961";
+}
+.icon-zoom-in:before {
+  content: "\e962";
+}
+.icon-zoom-out:before {
+  content: "\e963";
+}
+.icon-refresh:before {
+  content: "\e954";
+}
+.icon-password:before {
+  content: "\e955";
+}
+.icon-mail:before {
+  content: "\e957";
+}
+.icon-logout:before {
+  content: "\e959";
+}
+.icon-arrow-up:before {
+  content: "\e95a";
+}
+.icon-arrow-onright:before {
+  content: "\e95b";
+}
+.icon-arrow-onleft:before {
+  content: "\e95c";
+}
+.icon-arrow-forward:before {
+  content: "\e95d";
+}
+.icon-arrow-down:before {
+  content: "\e95e";
+}
+.icon-account-circle:before {
+  content: "\e95f";
+}
+.icon-text:before {
+  content: "\e958";
+}
+.icon-font-color0:before {
+  content: "\e956";
+}
+.icon-edit:before {
+  content: "\e953";
+}
+.icon-menu-circle:before {
+  content: "\e952";
+}
+.icon-fill-color:before {
+  content: "\e951";
+}
+.icon-edit-menu:before {
+  content: "\e950";
+}
+.icon-upload-file:before {
+  content: "\e94f";
+}
+.icon-info:before {
+  content: "\e94e";
+}
+.icon-arrow-south:before {
+  content: "\e94b";
+}
+.icon-arrow-back:before {
+  content: "\e94c";
+}
+.icon-download:before {
+  content: "\e94d";
+}
+.icon-folder-move:before {
+  content: "\e94a";
+}
+.icon-new-folder:before {
+  content: "\e949";
+}
+.icon-add-column:before {
+  content: "\e900";
+}
+.icon-add-new:before {
+  content: "\e901";
+}
+.icon-add:before {
+  content: "\e902";
+}
+.icon-arrow-dropdown:before {
+  content: "\e903";
+}
+.icon-arrow-dropup:before {
+  content: "\e904";
+}
+.icon-arrow-left:before {
+  content: "\e905";
+}
+.icon-arrow-north:before {
+  content: "\e906";
+}
+.icon-arrow-right:before {
+  content: "\e907";
+}
+.icon-back:before {
+  content: "\e908";
+}
+.icon-bottom:before {
+  content: "\e909";
+}
+.icon-cancel-nofill:before {
+  content: "\e90a";
+}
+.icon-cancel-thin:before {
+  content: "\e90b";
+}
+.icon-cancel:before {
+  content: "\e90c";
+}
+.icon-check-circle:before {
+  content: "\e90d";
+}
+.icon-content-cut:before {
+  content: "\e90e";
+}
+.icon-content-paste:before {
+  content: "\e90f";
+}
+.icon-datepicker:before {
+  content: "\e910";
+}
+.icon-delete:before {
+  content: "\e911";
+}
+.icon-done-thin:before {
+  content: "\e912";
+}
+.icon-draft:before {
+  content: "\e913";
+}
+.icon-edit-mode:before {
+  content: "\e914";
+}
+.icon-error:before {
+  content: "\e915";
+}
+.icon-file-copy:before {
+  content: "\e916";
+}
+.icon-file-library:before {
+  content: "\e917";
+}
+.icon-file-related:before {
+  content: "\e918";
+}
+.icon-file:before {
+  content: "\e919";
+}
+.icon-fill-done:before {
+  content: "\e91a";
+}
+.icon-fill-mode:before {
+  content: "\e91b";
+}
+.icon-fill:before {
+  content: "\e91c";
+}
+.icon-folder-library:before {
+  content: "\e91d";
+}
+.icon-folder-upload:before {
+  content: "\e91e";
+}
+.icon-format-align:before {
+  content: "\e91f";
+}
+.icon-format-aligncenter:before {
+  content: "\e920";
+}
+.icon-format-alignleft:before {
+  content: "\e921";
+}
+.icon-format-alignright:before {
+  content: "\e922";
+}
+.icon-format-bold:before {
+  content: "\e923";
+}
+.icon-format-bulleted:before {
+  content: "\e924";
+}
+.icon-format-colortext:before {
+  content: "\e925";
+}
+.icon-format-italic:before {
+  content: "\e926";
+}
+.icon-format-numbered:before {
+  content: "\e927";
+}
+.icon-format-underlined:before {
+  content: "\e928";
+}
+.icon-header:before {
+  content: "\e929";
+}
+.icon-headers-footers:before {
+  content: "\e92a";
+}
+.icon-image:before {
+  content: "\e92b";
+}
+.icon-input:before {
+  content: "\e92c";
+}
+.icon-insert:before {
+  content: "\e92d";
+}
+.icon-layout:before {
+  content: "\e92e";
+}
+.icon-library-tab:before {
+  content: "\e92f";
+}
+.icon-link-highlighter:before {
+  content: "\e930";
+}
+.icon-link-off:before {
+  content: "\e931";
+}
+.icon-link-on:before {
+  content: "\e932";
+}
+.icon-log-tab:before {
+  content: "\e933";
+}
+.icon-more-vert:before {
+  content: "\e934";
+}
+.icon-open-from:before {
+  content: "\e935";
+}
+.icon-page-break:before {
+  content: "\e936";
+}
+.icon-print:before {
+  content: "\e937";
+}
+.icon-processing-tab:before {
+  content: "\e938";
+}
+.icon-redo-material:before {
+  content: "\e939";
+}
+.icon-redo:before {
+  content: "\e93a";
+}
+.icon-remove:before {
+  content: "\e93b";
+}
+.icon-rename:before {
+  content: "\e93c";
+}
+.icon-sandwich:before {
+  content: "\e93d";
+}
+.icon-save:before {
+  content: "\e93e";
+}
+.icon-search:before {
+  content: "\e93f";
+}
+.icon-select-all:before {
+  content: "\e940";
+}
+.icon-signature:before {
+  content: "\e941";
+}
+.icon-stop:before {
+  content: "\e942";
+}
+.icon-table:before {
+  content: "\e943";
+}
+.icon-undo-material:before {
+  content: "\e944";
+}
+.icon-undo:before {
+  content: "\e945";
+}
+.icon-view:before {
+  content: "\e946";
+}
+.icon-visibility-off:before {
+  content: "\e947";
+}
+.icon-visibility-on:before {
+  content: "\e948";
+}
+