@universal-material/web 3.0.140 → 3.0.141

package/docs/src/app/utilities/text-colors/examples/colors.html

@@ -1,39 +0,0 @@
-<p class="u-p-small u-text-primary u-bg-primary-container">.u-text-primary</p>
-<p class="u-p-small u-text-primary-fixed u-bg-dark">.u-text-primary-fixed</p>
-<p class="u-p-small u-text-primary-fixed-dim u-bg-dark">.u-text-primary-fixed-dim</p>
-<p class="u-p-small u-text-on-primary-fixed u-bg-primary-fixed">.u-text-on-primary-fixed</p>
-<p class="u-p-small u-text-on-primary-fixed-variant u-bg-primary-fixed">.u-text-on-primary-fixed-variant</p>
-<p class="u-p-small u-text-secondary u-bg-secondary-container">.u-text-secondary</p>
-<p class="u-p-small u-text-secondary-fixed u-bg-dark">.u-text-secondary-fixed</p>
-<p class="u-p-small u-text-secondary-fixed-dim u-bg-dark">.u-text-secondary-fixed-dim</p>
-<p class="u-p-small u-text-on-secondary-fixed u-bg-secondary-fixed">.u-text-on-secondary-fixed</p>
-<p class="u-p-small u-text-on-secondary-fixed-variant u-bg-secondary-fixed">.u-text-on-secondary-fixed-variant</p>
-<p class="u-p-small u-text-tertiary u-bg-tertiary-container">.u-text-tertiary</p>
-<p class="u-p-small u-text-tertiary-fixed u-bg-dark">.u-text-tertiary-fixed</p>
-<p class="u-p-small u-text-tertiary-fixed-dim u-bg-dark">.u-text-tertiary-fixed-dim</p>
-<p class="u-p-small u-text-on-tertiary-fixed u-bg-tertiary-fixed">.u-text-on-tertiary-fixed</p>
-<p class="u-p-small u-text-on-tertiary-fixed-variant u-bg-tertiary-fixed">.u-text-on-tertiary-fixed-variant</p>
-<p class="u-p-small u-text-success">.u-text-success</p>
-<p class="u-p-small u-text-info">.u-text-info</p>
-<p class="u-p-small u-text-warning">.u-text-warning</p>
-<p class="u-p-small u-text-error u-bg-error-container">.u-text-error</p>
-<p class="u-p-small u-text-on-primary u-bg-primary">.u-text-on-primary</p>
-<p class="u-p-small u-text-on-primary-container u-bg-primary-container">.u-text-on-primary-container</p>
-<p class="u-p-small u-text-on-secondary u-bg-secondary">.u-text-on-secondary</p>
-<p class="u-p-small u-text-on-secondary-container u-bg-secondary-container">.u-text-on-secondary-container</p>
-<p class="u-p-small u-text-on-tertiary u-bg-tertiary">.u-text-on-tertiary</p>
-<p class="u-p-small u-text-on-tertiary-container u-bg-tertiary-container">.u-text-on-tertiary-container</p>
-<p class="u-p-small u-text-on-info u-bg-info">.u-text-on-info</p>
-<p class="u-p-small u-text-on-info-container u-bg-info-container">.u-text-on-info-container</p>
-<p class="u-p-small u-text-on-success u-bg-success">.u-text-on-success</p>
-<p class="u-p-small u-text-on-success-container u-bg-success-container">.u-text-on-success-container</p>
-<p class="u-p-small u-text-on-warning u-bg-warning">.u-text-on-warning</p>
-<p class="u-p-small u-text-on-warning-container u-bg-warning-container">.u-text-on-warning-container</p>
-<p class="u-p-small u-text-on-error u-bg-error u-bg-error">.u-text-on-error</p>
-<p class="u-p-small u-text-on-error-container u-bg-error-container">.u-text-on-error-container</p>
-<p class="u-p-small u-text-on-surface u-bg-surface">.u-text-on-surface</p>
-<p class="u-p-small u-text-on-surface-variant u-bg-surface-variant">.u-text-on-surface-variant</p>
-<p class="u-p-small u-text-on-body u-bg-body">.u-text-on-body</p>
-<p class="u-p-small u-text-on-light u-bg-light">.u-text-on-light</p>
-<p class="u-p-small u-text-on-dark u-bg-dark">.u-text-on-dark</p>
-

package/docs/src/app/utilities/text-colors/text-colors.component.pug

@@ -1,9 +0,0 @@
-docs-title(title="Text colors")
-
-docs-example(
-  sectionTitle="Colors",
-  [html]="colorsHtml")
-
-docs-example(
-  sectionTitle="Inverse colors",
-  [html]="inverseColorsHtml")

package/docs/src/app/utilities/text-colors/text-colors.component.ts

@@ -1,28 +0,0 @@
-import { Component } from '@angular/core';
-
-import { ApisTableComponent } from '@docs/docs/apis-table/apis-table.component';
-import { ExampleComponent } from '@docs/docs/example/example.component';
-import { TitleComponent } from '@docs/docs/title/title.component';
-
-// @ts-ignore
-import colorsHtml from '!raw-loader!./examples/colors.html';
-
-@Component({
-  selector: 'docs-text-colors',
-  templateUrl: './text-colors.component.pug',
-  styleUrl: './text-colors.component.scss',
-  standalone: true,
-  imports: [
-    ApisTableComponent,
-    ExampleComponent,
-    TitleComponent
-  ]
-})
-export class TextColorsComponent {
-  colorsHtml = colorsHtml;
-  inverseColorsHtml = colorsHtml
-    .replace(/<p class="u-p-small u-text-(on-)?(primary-fixed|secondary-fixed|tertiary-fixed|info|warning|success|light|dark).+\n/g, '')
-    .replace(/-text-/g, '-text-inverse-')
-    .replace(/-text-inverse-on-/g, '-text-on-inverse-')
-    .replace(/-bg-/g, '-bg-inverse-');
-}

package/docs/src/app/utilities/text-emphasis/examples/usage.html

@@ -1,17 +0,0 @@
-<div class="u-p-small">
-  <div class="u-title-l u-text-high-emphasis">.u-text-high-emphasis</div>
-  <div class="u-title-l u-text-low-emphasis">.u-text-low-emphasis</div>
-  <div class="u-title-l u-text-lower-emphasis">.u-text-lower-emphasis</div>
-</div>
-
-<div class="u-text-bg-primary-fixed u-p-small">
-  <div class="u-title-l u-text-high-emphasis">.u-text-high-emphasis</div>
-  <div class="u-title-l u-text-low-emphasis">.u-text-low-emphasis</div>
-  <div class="u-title-l u-text-lower-emphasis">.u-text-lower-emphasis</div>
-</div>
-
-<div class="u-text-primary u-p-small">
-  <div class="u-title-l u-text-high-emphasis">.u-text-high-emphasis</div>
-  <div class="u-title-l u-text-low-emphasis">.u-text-low-emphasis</div>
-  <div class="u-title-l u-text-lower-emphasis">.u-text-lower-emphasis</div>
-</div>

package/docs/src/app/utilities/text-emphasis/text-emphasis.component.pug

@@ -1,5 +0,0 @@
-docs-title(title="Text emphasis")
-
-docs-example(
-  sectionTitle="Usage",
-  [html]="usageHtml")

package/docs/src/app/utilities/text-emphasis/text-emphasis.component.ts

@@ -1,19 +0,0 @@
-import { Component } from '@angular/core';
-
-import { ApisTableComponent } from '@docs/docs/apis-table/apis-table.component';
-import { ExampleComponent } from '@docs/docs/example/example.component';
-import { TitleComponent } from '@docs/docs/title/title.component';
-
-// @ts-ignore
-import usageHtml from '!raw-loader!./examples/usage.html';
-
-@Component({
-  selector: 'docs-text-emphasis',
-  templateUrl: './text-emphasis.component.pug',
-  styleUrl: './text-emphasis.component.scss',
-  standalone: true,
-  imports: [ExampleComponent, TitleComponent],
-})
-export class TextEmphasisComponent {
-  usageHtml = usageHtml;
-}

package/docs/src/index.html

@@ -1,20 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <base href="/">
-  <title>Universal Material - Docs</title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&amp;display=swap">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0">
-</head>
-<body>
-  <docs-root></docs-root>
-
-  <script type="module" src="https://unpkg.com/element-internals-polyfill@1.3.9/dist/index.js"></script>
-</body>
-</html>

package/docs/src/main.ts

@@ -1,13 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-
-import { appConfig } from './app/app.config';
-
-import '@universal-material/web';
-
-import { register } from 'swiper/element/bundle';
-
-register();
-
-import('./app/app.component').then(c => {
-  bootstrapApplication(c.AppComponent, appConfig).catch(err => console.error(err));
-});

package/docs/src/styles.scss

@@ -1,129 +0,0 @@
-@use "../../src/scss/mixins";
-@use "../../src/scss/functions";
-
-body {
-  --u-font-family: Roboto;
-  --u-font-monospace: "Roboto Mono";
-  min-height: 100vh;
-}
-
-//@include mixins.media-breakpoint-up(md) {
-//  body {
-//    --u-color-body: var(--u-color-surface-container);
-//  }
-//}
-
-.hljs {
-  background-color: var(--u-color-surface-container);
-}
-
-docs-typography {
-  docs-example {
-    h1, h2, h3, h4, h5, h6 {
-      margin: 0;
-    }
-  }
-}
-
-docs-submenu {
-  .submenu-items u-drawer-item {
-    margin-inline: 12px;
-  }
-}
-
-.article-title {
-  margin-top: 48px;
-  margin-bottom: 16px;
-  font-weight: var(--u-font-weight-regular);
-
-  a {
-    text-decoration: none !important;
-  }
-}
-
-markdown code,
-.api-card code {
-  white-space: nowrap;
-  color: var(--u-color-on-surface-variant);
-  background-color: var(--u-color-surface-container-high) !important;
-  padding: 4px !important;
-  border-radius: 8px;
-}
-
-markdown {
-  line-height: 1.5em;
-
-  code {
-    color: var(--u-color-primary);
-  }
-
-  li + li {
-    margin-top: var(--u-spacing-small);
-  }
-}
-
-.ripple-example-container {
-  position: relative;
-  width: 200px;
-  aspect-ratio: 1;
-  border: 1px solid var(--u-color-outline);
-  margin-inline-end: 16px;
-
-  &.round {
-    border-radius: 24px;
-  }
-}
-
-.example-card-media {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  overflow: hidden;
-  background: url("https://picsum.photos/seed/picsum/800/800") center;
-  background-size: cover;
-
-  u-card-content {
-    background-color: #{functions.get-color-transparency-mix(var(--u-color-scrim), 50%)};
-  }
-}
-
-.material-symbols-fill {
-  font-variation-settings: 'FILL' 1;
-}
-
-.d-none {
-  display: none;
-}
-
-.d-flex {
-  display: flex;
-}
-
-.d-inline-block {
-  display: inline-block;
-}
-
-.p-2 {
-  padding: 8px !important;
-}
-
-.p-4 {
-  padding: 24px !important;
-}
-
-.position-relative {
-  position: relative !important;
-}
-
-.rtl {
-  direction: rtl;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.reapply-container-margin {
-  --u-list-item-inline-padding: var(--u-layout-margin);
-  margin-inline: calc(var(--u-layout-margin) * -1);
-}

package/docs/tsconfig.app.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}

package/docs/tsconfig.json

@@ -1,40 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "declaration": false,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "ES2022",
-    "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ],
-    "paths": {
-      "@docs/*": [
-        "src/app/*"
-      ],
-      "@universal-material/web": ["../dist/index"],
-      "@universal-material/web/config": ["../dist/config"]
-    }
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}