@designbasekorea/wordpress-ui 0.1.3 → 0.1.5

package/dist/browser.d.ts

@@ -8,6 +8,7 @@ import { DbBreadcrumbs } from '@designbasekorea/ui-wc/components/db-breadcrumbs'
 import { DbButton } from '@designbasekorea/ui-wc/components/db-button';
 import { DbCheckbox } from '@designbasekorea/ui-wc/components/db-checkbox';
 import { DbChip } from '@designbasekorea/ui-wc/components/db-chip';
+import { DbContainer } from '@designbasekorea/ui-wc/components/db-container';
 import { DbDrawer } from '@designbasekorea/ui-wc/components/db-drawer';
 import { DbDropdown } from '@designbasekorea/ui-wc/components/db-dropdown';
 import { DbEmptyState } from '@designbasekorea/ui-wc/components/db-empty-state';
@@ -31,6 +32,42 @@ import { DbTextarea } from '@designbasekorea/ui-wc/components/db-textarea';
 import { DbToast } from '@designbasekorea/ui-wc/components/db-toast';
 import { DbToggle } from '@designbasekorea/ui-wc/components/db-toggle';
 
+/**
+ * WordPress admin의 반복 레이아웃을 하나의 vanilla Web Component로 제공합니다.
+ *
+ * `db-admin-shell`은 플러그인/테마가 소유한 화면 내부에서만 사용합니다.
+ * 직접 자식인 `db-page-header`는 header로 유지하고 나머지 Light DOM은
+ * `db-container`로 감싸므로 PHP 템플릿도 React 패턴과 같은 구조를 사용합니다.
+ */
+declare class DbAdminShell extends HTMLElement {
+    static get observedAttributes(): string[];
+    private originalChildren;
+    private mediaQuery;
+    private mediaHandler;
+    private sidebarOpen;
+    private toggleButton;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private captureOriginalChildren;
+    private getOriginalElements;
+    private getSidebarItems;
+    private getSidebarSections;
+    private createBrand;
+    private createSidebar;
+    private createPageHeader;
+    private addHeaderToggle;
+    private render;
+    private getInitialSidebarOpen;
+    private setSidebarOpen;
+    private bindViewport;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-admin-shell': DbAdminShell;
+    }
+}
+
 /**
  * Public vanilla Web Component surface for WordPress admin screens.
  *
@@ -40,9 +77,9 @@ import { DbToggle } from '@designbasekorea/ui-wc/components/db-toggle';
  */
 
 /** Components registered by the React-free browser entry. */
-declare const REGISTERED_COMPONENTS: (typeof DbAccordion | typeof DbAnimationBackground | typeof DbAlert | typeof DbAvatar | typeof DbBadge | typeof DbBanner | typeof DbBreadcrumbs | typeof DbButton | typeof DbCheckbox | typeof DbChip | typeof DbDrawer | typeof DbDropdown | typeof DbEmptyState | typeof DbInput | typeof DbLogo | typeof DbMenuItem | typeof DbModal | typeof DbPageHeader | typeof DbPagination | typeof DbRadio | typeof DbSearchBar | typeof DbSection | typeof DbSegmentControl | typeof DbSelect | typeof DbSidebar | typeof DbSkeleton | typeof DbSpinner | typeof DbTable | typeof DbTabs | typeof DbTextarea | typeof DbToast | typeof DbToggle)[];
+declare const REGISTERED_COMPONENTS: (typeof DbAccordion | typeof DbAdminShell | typeof DbAnimationBackground | typeof DbAlert | typeof DbAvatar | typeof DbBadge | typeof DbBanner | typeof DbBreadcrumbs | typeof DbButton | typeof DbCheckbox | typeof DbChip | typeof DbDrawer | typeof DbDropdown | typeof DbContainer | typeof DbEmptyState | typeof DbInput | typeof DbLogo | typeof DbMenuItem | typeof DbModal | typeof DbPageHeader | typeof DbPagination | typeof DbRadio | typeof DbSearchBar | typeof DbSection | typeof DbSegmentControl | typeof DbSelect | typeof DbSidebar | typeof DbSkeleton | typeof DbSpinner | typeof DbTable | typeof DbTabs | typeof DbTextarea | typeof DbToast | typeof DbToggle)[];
 
-declare const WORDPRESS_UI_VERSION = "0.1.3";
+declare const WORDPRESS_UI_VERSION = "0.1.5";
 interface AdminRuntimeOptions {
     root?: ParentNode;
 }