├── .babelrc ├── .editorconfig ├── .eslintrc.js ├── .gitignore ├── .husky └── pre-commit ├── .prettierignore ├── .prettierrc.json ├── README.md ├── package.json ├── postcss.config.js ├── public ├── android-chrome-192x192.png ├── android-chrome-256x256.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── browserconfig.xml ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── mstile-144x144.png ├── mstile-150x150.png ├── mstile-310x150.png ├── mstile-310x310.png ├── mstile-70x70.png ├── robots.txt ├── safari-pinned-tab.svg └── site.webmanifest ├── src ├── examples │ ├── pages │ │ ├── 9-3 │ │ │ ├── accordion.html │ │ │ ├── dropdown.html │ │ │ ├── gallery.html │ │ │ ├── modal.html │ │ │ ├── slider.html │ │ │ ├── tabs.html │ │ │ └── tooltip.html │ │ ├── 9-4 │ │ │ ├── async-dropdown.html │ │ │ ├── chat.html │ │ │ ├── message.html │ │ │ ├── notification.html │ │ │ └── selected-error.html │ │ ├── index.html │ │ ├── lesson_9-3.html │ │ └── lesson_9-4.html │ └── scripts │ │ ├── 9-3 │ │ ├── accordion.ts │ │ ├── dropdown.ts │ │ ├── gallery.ts │ │ ├── modal.ts │ │ ├── slider.ts │ │ ├── tabs.ts │ │ └── tooltip.ts │ │ └── 9-4 │ │ ├── async-dropdown.ts │ │ ├── chat.ts │ │ ├── message.ts │ │ ├── notification.ts │ │ └── selected-error.ts ├── index.ts ├── lib │ ├── Components │ │ ├── AsyncDropdown.ts │ │ ├── Chat │ │ │ ├── Chat.ts │ │ │ ├── HeaderWindow.ts │ │ │ ├── Message.ts │ │ │ ├── Messages.ts │ │ │ └── Window.ts │ │ ├── Notification │ │ │ ├── NotificationElement.ts │ │ │ ├── PopUpNotification.ts │ │ │ └── Queue.ts │ │ └── PopUpSelectionError │ │ │ ├── PopUpSelectionError.ts │ │ │ └── SelectionText.ts │ ├── ContentSwitcher │ │ ├── Accordion.ts │ │ ├── ContentSwitcher.ts │ │ ├── Gallery.ts │ │ ├── Slider.ts │ │ └── Tabs.ts │ ├── FormValidator │ │ └── FormValidator.ts │ ├── PopUp │ │ ├── Dropdown.ts │ │ ├── Modal.ts │ │ ├── PopUp.ts │ │ └── Tooltip.ts │ ├── UILib.ts │ ├── index.ts │ └── utils │ │ └── utils.ts ├── scss │ ├── _variables.scss │ ├── index.scss │ └── lib.style.scss └── vendor │ └── normalize.css ├── tsconfig.json └── webpack.config.js /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/.babelrc -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/.editorconfig -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/.gitignore -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx lint-staged 5 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | dist 2 | coverage 3 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/.prettierrc.json -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/README.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/android-chrome-192x192.png -------------------------------------------------------------------------------- /public/android-chrome-256x256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/android-chrome-256x256.png -------------------------------------------------------------------------------- /public/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/android-chrome-512x512.png -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/browserconfig.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/browserconfig.xml -------------------------------------------------------------------------------- /public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/favicon-16x16.png -------------------------------------------------------------------------------- /public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/favicon-32x32.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/mstile-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/mstile-144x144.png -------------------------------------------------------------------------------- /public/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/mstile-150x150.png -------------------------------------------------------------------------------- /public/mstile-310x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/mstile-310x150.png -------------------------------------------------------------------------------- /public/mstile-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/mstile-310x310.png -------------------------------------------------------------------------------- /public/mstile-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/mstile-70x70.png -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/robots.txt -------------------------------------------------------------------------------- /public/safari-pinned-tab.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/safari-pinned-tab.svg -------------------------------------------------------------------------------- /public/site.webmanifest: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/public/site.webmanifest -------------------------------------------------------------------------------- /src/examples/pages/9-3/accordion.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-3/accordion.html -------------------------------------------------------------------------------- /src/examples/pages/9-3/dropdown.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-3/dropdown.html -------------------------------------------------------------------------------- /src/examples/pages/9-3/gallery.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-3/gallery.html -------------------------------------------------------------------------------- /src/examples/pages/9-3/modal.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-3/modal.html -------------------------------------------------------------------------------- /src/examples/pages/9-3/slider.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-3/slider.html -------------------------------------------------------------------------------- /src/examples/pages/9-3/tabs.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-3/tabs.html -------------------------------------------------------------------------------- /src/examples/pages/9-3/tooltip.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-3/tooltip.html -------------------------------------------------------------------------------- /src/examples/pages/9-4/async-dropdown.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-4/async-dropdown.html -------------------------------------------------------------------------------- /src/examples/pages/9-4/chat.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-4/chat.html -------------------------------------------------------------------------------- /src/examples/pages/9-4/message.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-4/message.html -------------------------------------------------------------------------------- /src/examples/pages/9-4/notification.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-4/notification.html -------------------------------------------------------------------------------- /src/examples/pages/9-4/selected-error.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/9-4/selected-error.html -------------------------------------------------------------------------------- /src/examples/pages/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/index.html -------------------------------------------------------------------------------- /src/examples/pages/lesson_9-3.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/lesson_9-3.html -------------------------------------------------------------------------------- /src/examples/pages/lesson_9-4.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/pages/lesson_9-4.html -------------------------------------------------------------------------------- /src/examples/scripts/9-3/accordion.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-3/accordion.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-3/dropdown.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-3/dropdown.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-3/gallery.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-3/gallery.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-3/modal.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-3/modal.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-3/slider.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-3/slider.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-3/tabs.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-3/tabs.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-3/tooltip.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-3/tooltip.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-4/async-dropdown.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-4/async-dropdown.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-4/chat.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-4/chat.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-4/message.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-4/message.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-4/notification.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-4/notification.ts -------------------------------------------------------------------------------- /src/examples/scripts/9-4/selected-error.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/examples/scripts/9-4/selected-error.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/lib/Components/AsyncDropdown.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/AsyncDropdown.ts -------------------------------------------------------------------------------- /src/lib/Components/Chat/Chat.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/Chat/Chat.ts -------------------------------------------------------------------------------- /src/lib/Components/Chat/HeaderWindow.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/Chat/HeaderWindow.ts -------------------------------------------------------------------------------- /src/lib/Components/Chat/Message.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/Chat/Message.ts -------------------------------------------------------------------------------- /src/lib/Components/Chat/Messages.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/Chat/Messages.ts -------------------------------------------------------------------------------- /src/lib/Components/Chat/Window.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/Chat/Window.ts -------------------------------------------------------------------------------- /src/lib/Components/Notification/NotificationElement.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/Notification/NotificationElement.ts -------------------------------------------------------------------------------- /src/lib/Components/Notification/PopUpNotification.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/Notification/PopUpNotification.ts -------------------------------------------------------------------------------- /src/lib/Components/Notification/Queue.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/Notification/Queue.ts -------------------------------------------------------------------------------- /src/lib/Components/PopUpSelectionError/PopUpSelectionError.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/PopUpSelectionError/PopUpSelectionError.ts -------------------------------------------------------------------------------- /src/lib/Components/PopUpSelectionError/SelectionText.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/Components/PopUpSelectionError/SelectionText.ts -------------------------------------------------------------------------------- /src/lib/ContentSwitcher/Accordion.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/ContentSwitcher/Accordion.ts -------------------------------------------------------------------------------- /src/lib/ContentSwitcher/ContentSwitcher.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/ContentSwitcher/ContentSwitcher.ts -------------------------------------------------------------------------------- /src/lib/ContentSwitcher/Gallery.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/ContentSwitcher/Gallery.ts -------------------------------------------------------------------------------- /src/lib/ContentSwitcher/Slider.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/ContentSwitcher/Slider.ts -------------------------------------------------------------------------------- /src/lib/ContentSwitcher/Tabs.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/ContentSwitcher/Tabs.ts -------------------------------------------------------------------------------- /src/lib/FormValidator/FormValidator.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/FormValidator/FormValidator.ts -------------------------------------------------------------------------------- /src/lib/PopUp/Dropdown.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/PopUp/Dropdown.ts -------------------------------------------------------------------------------- /src/lib/PopUp/Modal.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/PopUp/Modal.ts -------------------------------------------------------------------------------- /src/lib/PopUp/PopUp.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/PopUp/PopUp.ts -------------------------------------------------------------------------------- /src/lib/PopUp/Tooltip.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/PopUp/Tooltip.ts -------------------------------------------------------------------------------- /src/lib/UILib.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/UILib.ts -------------------------------------------------------------------------------- /src/lib/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/index.ts -------------------------------------------------------------------------------- /src/lib/utils/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/lib/utils/utils.ts -------------------------------------------------------------------------------- /src/scss/_variables.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/scss/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/scss/index.scss -------------------------------------------------------------------------------- /src/scss/lib.style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/scss/lib.style.scss -------------------------------------------------------------------------------- /src/vendor/normalize.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/src/vendor/normalize.css -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/tsconfig.json -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yandex-praktikum/oop-examples-frontend/HEAD/webpack.config.js --------------------------------------------------------------------------------